added charge for all products

src/pages/menuPages/customers/base/components/WalletChargeModalBody.vue

@@ -8,7 +8,7 @@
         allow-clear
         placeholder="انتخاب کنید"
         class="w-full"
-        size="large"
+        size="middle"
         :options="customerOptions"
         :loading="customersLoading"
         :filter-option="filterCustomer"
@@ -16,9 +16,12 @@
     </div>
 
     <CustomerWalletBalancePanel
-      v-if="resolvedCustomerId"
+      v-if="resolvedCustomerId && !targetsLoading"
       :customer-id="resolvedCustomerId"
-      class="mb-3"
+      :charge-targets="targets"
+      :selected-charge-key="selectedTargetKey"
+      compact
+      @select-charge-target="selectedTargetKeyProxy = $event"
     />
 
     <div class="wallet-charge-modal-body__section">
@@ -26,10 +29,11 @@
       <a-spin :spinning="targetsLoading">
         <a-select
           v-model:value="selectedTargetKeyProxy"
+          show-search
           class="w-full"
-          size="large"
           :options="targetOptions"
           placeholder="انتخاب کنید"
+          :filter-option="filterTarget"
         />
       </a-spin>
     </div>
@@ -110,6 +114,10 @@ function filterCustomer(input: string, option?: { label?: string }) {
   return String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
 }
 
+function filterTarget(input: string, option?: { label?: string }) {
+  return String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+}
+
 async function loadCustomers() {
   if (!props.showCustomerSelect) return
   customersLoading.value = true
@@ -139,8 +147,8 @@ defineExpose({
 .wallet-charge-modal-body {
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
-  padding: 0.25rem 1rem 0.5rem;
+  gap: 0.5rem;
+  padding: 0 0.75rem 0.25rem;
 }
 
 .wallet-charge-modal-body__section {