Merge remote-tracking branch 'origin/modular' into modular

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

@@ -3,22 +3,23 @@
     <template #default="{ item: row }">
       <MobileSheetHeader :title="row.name || '-'" :show-title="isMobile">
         <template #actions>
-          <MobileIconButton plain icon="vuesax-linear:archive-tick" color="#e3bf00" :size="22" @click="$emit('archive', row)" />
+          <MobileIconButton plain icon="vuesax-linear:archive-tick" color="#e3bf00" :size="22" @click="closeAndEmit('archive', row)" />
           <MobileIconButton
             plain
             :icon="row.active ? 'vuesax-linear:user-tick' : 'vuesax-linear:user-remove'"
             :color="row.active ? '#54AD06' : '#ad0627'"
             :size="22"
-            @click="$emit('toggleActive', row)"
+            @click="confirmToggleActive(row)"
           />
-          <MobileIconButton plain icon="vuesax-linear:wallet-add" color="#9333ea" :size="22" @click="$emit('chargeMoney', row)" />
-          <MobileIconButton plain icon="vuesax-linear:wallet-money" color="#ea580c" :size="22" @click="$emit('chargeGold', row)" />
+          <MobileIconButton plain icon="vuesax-linear:wallet-add" color="#9333ea" :size="22" @click="closeAndEmit('chargeMoney', row)" />
+          <MobileIconButton plain icon="vuesax-linear:wallet-money" color="#ea580c" :size="22" @click="closeAndEmit('chargeGold', row)" />
+          <MobileIconButton plain icon="vuesax-linear:stickynote" color="#10913A" :size="22" @click="closeAndEmit('info', row)" />
           <MobileIconButton
             plain
             :icon="row.trade_active ? 'vuesax-linear:box-tick' : 'vuesax-linear:box-remove'"
             :color="row.trade_active ? '#54AD06' : '#ad0627'"
             :size="22"
-            @click="$emit('toggleTrade', row)"
+            @click="confirmToggleTrade(row)"
           />
           <MobileIconButton
             v-if="!(row as any).is_legal"
@@ -26,7 +27,7 @@
             icon="vuesax-linear:user-search"
             color="#0d9488"
             :size="22"
-            @click="$emit('confirmUser', row)"
+            @click="closeAndEmit('confirmUser', row)"
           />
         </template>
       </MobileSheetHeader>
@@ -72,7 +73,9 @@
 </template>
 
 <script setup lang="ts">
+import { Modal } from 'ant-design-vue'
 import type { Customer } from '@/model/customer'
+import { MODAL_ABOVE_ACTION_SHEET_Z_INDEX } from '@/constants/overlayZIndex'
 import MobileDetailRow from '@/components/mobile/MobileDetailRow.vue'
 import MobileStatCard from '@/components/mobile/MobileStatCard.vue'
 import MobileDetailSheet from '@/components/mobile/MobileDetailSheet.vue'
@@ -116,4 +119,40 @@ function goldBalance(row: Customer) {
 function lastSeen(row: Customer) {
   return row.last_seen_at ? toJalali(row.last_seen_at) : '-'
 }
+
+type SheetEmit =
+  | 'archive'
+  | 'chargeMoney'
+  | 'chargeGold'
+  | 'info'
+  | 'confirmUser'
+
+function closeAndEmit(event: SheetEmit, row: Customer) {
+  visibleProxy.value = false
+  emit(event, row)
+}
+
+function confirmToggleActive(row: Customer) {
+  Modal.confirm({
+    title: row.active ? 'آیا حساب کاربری را غیرفعال می‌کنید؟' : 'آیا حساب کاربری را فعال می‌کنید؟',
+    okText: 'تایید',
+    cancelText: 'رد',
+    centered: true,
+    zIndex: MODAL_ABOVE_ACTION_SHEET_Z_INDEX,
+    onOk: () => emit('toggleActive', row)
+  })
+}
+
+function confirmToggleTrade(row: Customer) {
+  Modal.confirm({
+    title: row.trade_active
+      ? 'آیا سفارش دهی را غیرمجاز می‌کنید؟'
+      : 'آیا سفارش دهی را مجاز می‌کنید؟',
+    okText: 'تایید',
+    cancelText: 'رد',
+    centered: true,
+    zIndex: MODAL_ABOVE_ACTION_SHEET_Z_INDEX,
+    onOk: () => emit('toggleTrade', row)
+  })
+}
 </script>