details order refactor

src/pages/orders/Details.tsx

@@ -15,6 +15,8 @@ import CustomerInfo from './components/CustomerInfo'
 import OrderItemsDetails from './components/OrderItemsDetails'
 import PaymentInfo from './components/PaymentInfo'
 import OrderActions from './components/OrderActions'
+import { toast } from 'react-toastify'
+import { extractErrorMessage } from '@/config/func'
 
 const OrderDetails: FC = () => {
     const { id } = useParams()
@@ -32,7 +34,6 @@ const OrderDetails: FC = () => {
         const colorMap: Record<string, string> = {
             'pendingPayment': '#FFEECC',
             'paid': '#E3F2FD',
-            'confirmed': '#E3F2FD',
             'preparing': '#FFF3E0',
             'ready': '#E3F2FD',
             'shipped': '#E3F2FD',
@@ -89,51 +90,51 @@ const OrderDetails: FC = () => {
     const isCashPayment = order.paymentMethod?.method === PaymentMethodEnum.Cash
     const isPendingPayment = order.status === OrderStatus.PENDING_PAYMENT
     const isOrderPaid = order.status === OrderStatus.PAID
-    const isConfirmed = order.status === OrderStatus.CONFIRMED
     const isPreparing = order.status === OrderStatus.PREPARING
     const isCanceled = order.status === OrderStatus.CANCELED
-    const isOnlineOrWalletPayment = order.paymentMethod?.method === PaymentMethodEnum.Online || order.paymentMethod?.method === PaymentMethodEnum.Wallet
+    // بررسی وضعیت پرداخت از payments array یا paymentStatus
+    // ابتدا از paymentStatus استفاده می‌کنیم، اگر نبود از اولین payment در payments array استفاده می‌کنیم
+    const paymentStatus = order.paymentStatus || order.payments?.[0]?.status
+    // بررسی وضعیت pending (هم enum و هم string literal)
+    const isPaymentPending = paymentStatus === PaymentStatusEnum.Pending || paymentStatus === 'pending'
     const isCourierDelivery = order.deliveryMethod?.method === DeliveryMethodEnum.DeliveryCourier
+    const isDineInOrCarDelivery = order.deliveryMethod?.method === DeliveryMethodEnum.DineIn || order.deliveryMethod?.method === DeliveryMethodEnum.DeliveryCar
+    const isCustomerPickup = order.deliveryMethod?.method === DeliveryMethodEnum.CustomerPickup
 
     // نمایش دکمه تایید پرداخت نقدی
-    const showVerifyCashPaymentButton = isCashPayment && isPendingPayment
-
-    // نمایش دکمه تایید سفارش (confirm)
-    // سفارشات پرداخت آنلاین و کیف پولی فقط در صورتی می‌توانند confirm شوند که status آنها paid باشد
-    // سفارشات پرداخت نقدی می‌توانند تایید شوند
-    const canConfirm = !isConfirmed && !isPreparing && !isCanceled && (
-        isCashPayment ||
-        (isOnlineOrWalletPayment && isOrderPaid)
-    )
+    // وقتی روش پرداخت نقدی است و وضعیت پرداخت Pending باشد
+    const showVerifyCashPaymentButton = isCashPayment && isPaymentPending
 
     // نمایش دکمه ارسال به آشپزخانه
-    const showSendToKitchenButton = isConfirmed
+    // برای pendingPayment با پرداخت نقدی یا برای paid
+    const showSendToKitchenButton = (isPendingPayment && isCashPayment) || isOrderPaid
 
-    // نمایش دکمه کنسل (ادمین همیشه می‌تواند، مگر اینکه سفارش کنسل شده باشد)
+    // نمایش دکمه کنسل
+    // همیشه نمایش داده می‌شود مگر اینکه سفارش قبلاً کنسل شده باشد
     const showCancelButton = !isCanceled
 
     const handleVerifyCashPayment = () => {
-        const paymentId = order.paymentId || order.paymentMethod?.id
+        const paymentId = order.paymentId || order.payments?.[0]?.id
         if (paymentId) {
             verifyCashPayment(paymentId, {
                 onSuccess: () => {
                     // Success handled by query invalidation
+                },
+                onError: (error) => {
+                    toast.error(extractErrorMessage(error))
                 }
             })
         }
     }
 
-    const handleConfirmOrder = () => {
-        changeOrderStatus({
-            orderId: order.id,
-            status: OrderStatus.CONFIRMED
-        })
-    }
-
     const handleSendToKitchen = () => {
         changeOrderStatus({
             orderId: order.id,
             status: OrderStatus.PREPARING
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
         })
     }
 
@@ -141,13 +142,32 @@ const OrderDetails: FC = () => {
         changeOrderStatus({
             orderId: order.id,
             status: OrderStatus.SHIPPED
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
         })
     }
 
-    const handleOrderReady = () => {
+    const handleDeliverToWaiter = () => {
         changeOrderStatus({
             orderId: order.id,
-            status: OrderStatus.READY
+            status: OrderStatus.DELIVERED_TO_WAITER
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
+        })
+    }
+
+    const handleDeliverToReceptionist = () => {
+        changeOrderStatus({
+            orderId: order.id,
+            status: OrderStatus.DELIVERED_TO_RECEPTIONIST
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
         })
     }
 
@@ -156,6 +176,10 @@ const OrderDetails: FC = () => {
             orderId: order.id,
             status: OrderStatus.CANCELED,
             params: description ? { description } : undefined
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
         })
         setShowCancelModal(false)
     }
@@ -165,6 +189,10 @@ const OrderDetails: FC = () => {
         refundPayment({
             orderId: order.id,
             params: { description: text }
+        }, {
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            }
         })
         setShowRefundModal(false)
     }
@@ -201,19 +229,20 @@ const OrderDetails: FC = () => {
                     />
                     <OrderActions
                         showVerifyCashPaymentButton={showVerifyCashPaymentButton}
-                        canConfirm={canConfirm}
                         showSendToKitchenButton={showSendToKitchenButton}
                         showCancelButton={showCancelButton}
                         isPreparing={isPreparing}
                         isCourierDelivery={isCourierDelivery}
+                        isDineInOrCarDelivery={isDineInOrCarDelivery}
+                        isCustomerPickup={isCustomerPickup}
                         isCanceled={isCanceled}
                         isVerifyingPayment={isVerifyingPayment}
                         isChangingStatus={isChangingStatus}
                         onVerifyCashPayment={handleVerifyCashPayment}
-                        onConfirmOrder={handleConfirmOrder}
                         onSendToKitchen={handleSendToKitchen}
                         onDeliverToCourier={handleDeliverToCourier}
-                        onOrderReady={handleOrderReady}
+                        onDeliverToWaiter={handleDeliverToWaiter}
+                        onDeliverToReceptionist={handleDeliverToReceptionist}
                         onCancelOrder={() => setShowCancelModal(true)}
                     />
                 </div>