@bjsdistribution/dms-client-return 0.1.44-prod → 0.1.45-prod

package/dist/dms-client-return.esm.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useMemo, Suspense } from 'react';
 import { useSearchParams, useNavigate, useParams, NavLink, useLocation, Routes, Route, Navigate } from 'react-router-dom';
 import styled, { css } from 'styled-components';
-import { Select, Spin, notification, Skeleton, Empty, DatePicker, Tooltip, Input as Input$3, Dropdown, Space } from 'antd';
+import { Select, Spin, notification, Skeleton, Empty, DatePicker, Tooltip, Input as Input$3, Checkbox as Checkbox$1, Dropdown, Space } from 'antd';
 import { useAtom, atom } from 'jotai';
 import { format, isValid, parseISO } from 'date-fns';
 import { atomWithReducer } from 'jotai/utils';
@@ -9726,9 +9726,61 @@ var Slot = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f =
 var Title$4 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #3a3630;\n  font-family: 'Lato', 'Open Sans';\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 700;\n"])));
 var Container$13 = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n"])));
 
-var _templateObject$1E, _templateObject2$1g;
+var _templateObject$1E;
+var SendComms = function SendComms(props) {
+  var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3, _orderDetailsConfirmO4, _props$sendCommsState3, _props$sendCommsState4;
+  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
+    orderDetailsConfirmOrder = _useOrderDetailsConfi[0];
+  var _onChange = function onChange(e, type) {
+    if (type === 'email') {
+      var _props$sendCommsState;
+      var updatedData = {
+        sms: props == null || (_props$sendCommsState = props.sendCommsState) == null ? void 0 : _props$sendCommsState.sms,
+        email: e.target.checked
+      };
+      props == null || props.setSendCommsState(updatedData);
+    } else {
+      var _props$sendCommsState2;
+      var _updatedData = {
+        sms: e.target.checked,
+        email: props == null || (_props$sendCommsState2 = props.sendCommsState) == null ? void 0 : _props$sendCommsState2.email
+      };
+      props == null || props.setSendCommsState(_updatedData);
+    }
+  };
+  var contactHome = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO.contact_home;
+  var contactMobile = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO2 = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO2.contact_mobile;
+  var contactWork = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO3 = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO3.contact_work;
+  var contactEmail = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO4 = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO4.contact_email;
+  var showSms = (contactHome == null ? void 0 : contactHome.length) !== 0 && contactHome != null || (contactMobile == null ? void 0 : contactMobile.length) !== 0 && contactMobile != null || (contactWork == null ? void 0 : contactWork.length) !== 0 && contactWork != null;
+  var showEmail = (contactEmail == null ? void 0 : contactEmail.length) !== 0 && contactEmail != null;
+  return React.createElement(SendCommsMainContainer, null, showEmail && React.createElement("div", {
+    className: "send-comms-container"
+  }, React.createElement("span", {
+    className: "label"
+  }, "Send Email"), React.createElement(Checkbox$1, {
+    checked: props == null || (_props$sendCommsState3 = props.sendCommsState) == null ? void 0 : _props$sendCommsState3.email,
+    onChange: function onChange(e) {
+      return _onChange(e, 'email');
+    }
+  })), showSms && React.createElement("div", {
+    className: "send-comms-container"
+  }, React.createElement("span", {
+    className: "label"
+  }, "Send SMS"), React.createElement(Checkbox$1, {
+    checked: props == null || (_props$sendCommsState4 = props.sendCommsState) == null ? void 0 : _props$sendCommsState4.sms,
+    onChange: function onChange(e) {
+      return _onChange(e, 'sms');
+    }
+  })));
+};
+var SendCommsMainContainer = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 15px;\n\n  .send-comms-container {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n    .label {\n      color: #6a7378;\n      font-size: 14px;\n      font-weight: 400;\n      font-family: 'Lato', sans-serif;\n      line-height: 20px;\n    }\n  }\n"])));
+var SendComms$1 = /*#__PURE__*/React.memo(SendComms);
+
+var _templateObject$1F, _templateObject2$1g;
 function ConfirmOrder(props) {
   var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3;
+  // const [isClientPortal] = useClientPortal();
   var _useCurrentAction = useCurrentAction(),
     setCurrentAction = _useCurrentAction[1];
   var _useOrderDetails = useOrderDetails(),
@@ -9750,14 +9802,16 @@ function ConfirmOrder(props) {
     orderId = _useOrderId[0];
   var _useErrorConfirmOrder = useErrorConfirmOrder(),
     errorState = _useErrorConfirmOrder[0];
-  var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
-    setRecallOrders = _useGlobalStateHitOrd[1];
   var _useNotificationConfi = useNotificationConfirmedDate(),
     confirmedDate = _useNotificationConfi[0];
   var _useSelectionAction = useSelectionAction(),
     selectedAction = _useSelectionAction[0];
-  var _useStatusDetails = useStatusDetails(),
-    setOrderStatus = _useStatusDetails[1];
+  var _useState = useState({
+      sms: true,
+      email: true
+    }),
+    confirmOrderSendComms = _useState[0],
+    setConfirmOrderSendComms = _useState[1];
   var contactHome = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO.contact_home;
   var contactMobile = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO2 = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO2.contact_mobile;
   var contactWork = orderDetailsConfirmOrder == null || (_orderDetailsConfirmO3 = orderDetailsConfirmOrder.order_recipient) == null ? void 0 : _orderDetailsConfirmO3.contact_work;
@@ -9769,7 +9823,7 @@ function ConfirmOrder(props) {
     callUpdateOrderAPI = _useAxios.fetchData;
   // send notifications
   var _useAxios2 = useAxios({
-      endpoint: "orders/" + orderId + "/send-comms/?notification_type={Confirm - Accepted} ",
+      endpoint: "orders/" + orderId + "/send-comms/?notification_type=Confirm - Attempted&send_sms=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.sms) + "&send_email=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.email),
       method: 'POST'
     }),
     notificationCall = _useAxios2.fetchData;
@@ -9779,33 +9833,25 @@ function ConfirmOrder(props) {
     }),
     declineDate = _useAxios3.fetchData;
   var _useAxios4 = useAxios({
-      endpoint: "orders/" + orderId + "/confirm-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate),
+      endpoint: "orders/" + orderId + "/confirm-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate) + "&send_sms=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.sms) + "&send_email=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.email),
       method: 'POST'
     }),
     confirmDeliveryDate = _useAxios4.fetchData;
   var _useAxios5 = useAxios({
-      endpoint: "orders/" + orderId + "/send-comms/?notification_type=Precall",
+      endpoint: "orders/" + orderId + "/send-comms/?notification_type=Precall&send_sms=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.sms) + "&send_email=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.email),
       method: 'POST'
     }),
     sendComs = _useAxios5.fetchData;
   var _useAxios6 = useAxios({
-      endpoint: "orders/" + orderId + "/no-response-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate),
+      endpoint: "orders/" + orderId + "/no-response-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate) + "&send_sms=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.sms) + "&send_email=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.email),
       method: 'POST'
     }),
     noResponseApi = _useAxios6.fetchData;
   var _useAxios7 = useAxios({
-      endpoint: "orders/" + orderId + "/propose-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate),
+      endpoint: "orders/" + orderId + "/propose-date/?date=" + (confirmedDate == null ? void 0 : confirmedDate.currentDate) + "&send_sms=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.sms) + "&send_email=" + (confirmOrderSendComms == null ? void 0 : confirmOrderSendComms.email),
       method: 'POST'
     }),
     proposeDate = _useAxios7.fetchData;
-  //Order status api
-  var _useAxios8 = useAxios({
-      endpoint: "/orders/get_live_status/" + orderId,
-      method: 'GET'
-    }),
-    fetchStatusData = _useAxios8.fetchData,
-    statusData = _useAxios8.data,
-    statusDataLoading = _useAxios8.loading;
   var onClose = function onClose() {
     setCurrentAction(undefined);
   };
@@ -9816,113 +9862,161 @@ function ConfirmOrder(props) {
       setOrderDetailsConfirmOrder(clone);
     };
   }, []);
-  useEffect(function () {
-    if (statusData && statusData != null && statusData.data) {
-      setOrderStatus(statusData == null ? void 0 : statusData.data);
-    }
-  }, [statusDataLoading]);
-  // THIS HAS BEEN REMOVED AS WE HAVE NEW APIS
-  // const {
-  //   loading: loadingForConfirm,
-  //   data: response,
-  //   setShouldPerformAction: setPerformAction,
-  // } = useApiHook<{
-  //   data: ApiResponse[];
-  // }>({
-  //   endpoint: `orders/${orderId}/confirm-date/?date=${deliveryDate}`,
-  //   method: 'POST',
-  //   performAction: false,
-  // });
   function hasOnlyIdKey(obj) {
     return Object.keys(obj).length === 1 && obj.hasOwnProperty('id');
   }
+  var handleSuccess = function handleSuccess(message, res) {
+    var _res$data, _res$data2;
+    var apiMessage = (res == null || (_res$data = res.data) == null ? void 0 : _res$data.message) || (res == null ? void 0 : res.message) || (res == null || (_res$data2 = res.data) == null || (_res$data2 = _res$data2.data) == null ? void 0 : _res$data2.message);
+    notification.success({
+      message: 'Success',
+      description: apiMessage || message
+    });
+  };
+  var handleError = function handleError(error, fallback) {
+    var _err$response, _err$response2;
+    var err = error;
+    notification.error({
+      message: 'Request Failed',
+      description: (err == null || (_err$response = err.response) == null || (_err$response = _err$response.data) == null ? void 0 : _err$response.error) || (err == null || (_err$response2 = err.response) == null || (_err$response2 = _err$response2.data) == null ? void 0 : _err$response2.message) || (err == null ? void 0 : err.message) || fallback
+    });
+  };
   var executeActions = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _response, response, _response2, _response3, _response4, _response5, _response6, _response7, _response8;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.t0 = selectedAction;
-            _context.next = _context.t0 === 'decline_and_propose_new_date' ? 3 : _context.t0 === 'decline_and_confirm_new_date' ? 11 : _context.t0 === 'declined_proposed_date(outstanding)' ? 19 : _context.t0 === 'no_response_propose_new_date' ? 25 : _context.t0 === 'confirmed' ? 33 : 41;
+            _context.next = _context.t0 === 'decline_and_propose_new_date' ? 3 : _context.t0 === 'decline_and_confirm_new_date' ? 19 : _context.t0 === 'declined_proposed_date(outstanding)' ? 35 : _context.t0 === 'no_response_propose_new_date' ? 47 : _context.t0 === 'confirmed' ? 63 : 79;
             break;
           case 3:
+            _context.prev = 3;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context.next = 6;
+              _context.next = 9;
               break;
             }
-            _context.next = 6;
+            _context.next = 7;
             return declineDate();
-          case 6:
-            _context.next = 8;
+          case 7:
+            _response = _context.sent;
+            handleSuccess('Previous date declined successfully', _response);
+          case 9:
+            _context.next = 11;
             return proposeDate();
-          case 8:
-            _context.next = 10;
-            return fetchStatusData();
-          case 10:
-            return _context.abrupt("break", 42);
           case 11:
+            response = _context.sent;
+            handleSuccess('New date proposed successfully', response);
+            _context.next = 18;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t1 = _context["catch"](3);
+            handleError(_context.t1, 'Failed to propose new date');
+          case 18:
+            return _context.abrupt("break", 80);
+          case 19:
+            _context.prev = 19;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context.next = 14;
+              _context.next = 25;
               break;
             }
-            _context.next = 14;
+            _context.next = 23;
             return declineDate();
-          case 14:
-            _context.next = 16;
+          case 23:
+            _response2 = _context.sent;
+            handleSuccess('Previous date declined successfully', _response2);
+          case 25:
+            _context.next = 27;
             return confirmDeliveryDate();
-          case 16:
-            _context.next = 18;
-            return fetchStatusData();
-          case 18:
-            return _context.abrupt("break", 42);
-          case 19:
+          case 27:
+            _response3 = _context.sent;
+            handleSuccess('New date confirmed successfully', _response3);
+            _context.next = 34;
+            break;
+          case 31:
+            _context.prev = 31;
+            _context.t2 = _context["catch"](19);
+            handleError(_context.t2, 'Failed to confirm new date');
+          case 34:
+            return _context.abrupt("break", 80);
+          case 35:
+            _context.prev = 35;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context.next = 22;
+              _context.next = 41;
               break;
             }
-            _context.next = 22;
+            _context.next = 39;
             return declineDate();
-          case 22:
-            _context.next = 24;
-            return fetchStatusData();
-          case 24:
-            return _context.abrupt("break", 42);
-          case 25:
+          case 39:
+            _response4 = _context.sent;
+            handleSuccess('Proposed date declined successfully', _response4);
+          case 41:
+            _context.next = 46;
+            break;
+          case 43:
+            _context.prev = 43;
+            _context.t3 = _context["catch"](35);
+            handleError(_context.t3, 'Failed to decline proposed date');
+          case 46:
+            return _context.abrupt("break", 80);
+          case 47:
+            _context.prev = 47;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context.next = 28;
+              _context.next = 53;
               break;
             }
-            _context.next = 28;
+            _context.next = 51;
             return declineDate();
-          case 28:
-            _context.next = 30;
+          case 51:
+            _response5 = _context.sent;
+            handleSuccess('Previous date declined successfully', _response5);
+          case 53:
+            _context.next = 55;
             return noResponseApi();
-          case 30:
-            _context.next = 32;
-            return fetchStatusData();
-          case 32:
-            return _context.abrupt("break", 42);
-          case 33:
+          case 55:
+            _response6 = _context.sent;
+            handleSuccess('No response date proposed successfully', _response6);
+            _context.next = 62;
+            break;
+          case 59:
+            _context.prev = 59;
+            _context.t4 = _context["catch"](47);
+            handleError(_context.t4, 'Failed to propose date (no response)');
+          case 62:
+            return _context.abrupt("break", 80);
+          case 63:
+            _context.prev = 63;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context.next = 36;
+              _context.next = 69;
               break;
             }
-            _context.next = 36;
+            _context.next = 67;
             return declineDate();
-          case 36:
-            _context.next = 38;
+          case 67:
+            _response7 = _context.sent;
+            handleSuccess('Previous date declined successfully', _response7);
+          case 69:
+            _context.next = 71;
             return confirmDeliveryDate();
-          case 38:
-            _context.next = 40;
-            return fetchStatusData();
-          case 40:
-            return _context.abrupt("break", 42);
-          case 41:
-            return _context.abrupt("break", 42);
-          case 42:
+          case 71:
+            _response8 = _context.sent;
+            handleSuccess('Delivery date confirmed successfully', _response8);
+            _context.next = 78;
+            break;
+          case 75:
+            _context.prev = 75;
+            _context.t5 = _context["catch"](63);
+            handleError(_context.t5, 'Failed to confirm delivery date');
+          case 78:
+            return _context.abrupt("break", 80);
+          case 79:
+            return _context.abrupt("break", 80);
+          case 80:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[3, 15], [19, 31], [35, 43], [47, 59], [63, 75]]);
     }));
     return function executeActions() {
       return _ref.apply(this, arguments);
@@ -9930,40 +10024,60 @@ function ConfirmOrder(props) {
   }();
   var executeSendComs = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response, _response9, _response10;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.t0 = selectedAction;
-            _context2.next = _context2.t0 === 'left_message' ? 3 : _context2.t0 === 'contact_made' ? 3 : _context2.t0 === 'no_contact' ? 3 : _context2.t0 === 'precall' ? 7 : 14;
+            _context2.next = _context2.t0 === 'left_message' ? 3 : _context2.t0 === 'contact_made' ? 3 : _context2.t0 === 'no_contact' ? 3 : _context2.t0 === 'precall' ? 14 : 30;
             break;
           case 3:
-            // await confirmDeliveryDate();
-            notificationCall();
+            _context2.prev = 3;
             _context2.next = 6;
-            return fetchStatusData();
+            return notificationCall();
           case 6:
-            return _context2.abrupt("break", 15);
-          case 7:
+            response = _context2.sent;
+            handleSuccess('Notification sent successfully', response);
+            _context2.next = 13;
+            break;
+          case 10:
+            _context2.prev = 10;
+            _context2.t1 = _context2["catch"](3);
+            handleError(_context2.t1, 'Failed to send notification');
+          case 13:
+            return _context2.abrupt("break", 31);
+          case 14:
+            _context2.prev = 14;
             if (!((confirmedDate == null ? void 0 : confirmedDate.previousDate) !== null)) {
-              _context2.next = 10;
+              _context2.next = 20;
               break;
             }
-            _context2.next = 10;
+            _context2.next = 18;
             return declineDate();
-          case 10:
-            // await confirmDeliveryDate();
-            sendComs();
-            _context2.next = 13;
-            return fetchStatusData();
-          case 13:
-            return _context2.abrupt("break", 15);
-          case 14:
-            return _context2.abrupt("break", 15);
-          case 15:
+          case 18:
+            _response9 = _context2.sent;
+            handleSuccess('Previous date declined successfully', _response9);
+          case 20:
+            _context2.next = 22;
+            return sendComs();
+          case 22:
+            _response10 = _context2.sent;
+            handleSuccess('Precall communication sent successfully', _response10);
+            _context2.next = 29;
+            break;
+          case 26:
+            _context2.prev = 26;
+            _context2.t2 = _context2["catch"](14);
+            handleError(_context2.t2, 'Failed to send precall communication');
+          case 29:
+            return _context2.abrupt("break", 31);
+          case 30:
+            return _context2.abrupt("break", 31);
+          case 31:
           case "end":
             return _context2.stop();
         }
-      }, _callee2);
+      }, _callee2, null, [[3, 10], [14, 26]]);
     }));
     return function executeSendComs() {
       return _ref2.apply(this, arguments);
@@ -9971,11 +10085,11 @@ function ConfirmOrder(props) {
   }();
   var confirmOrder = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var keysToRemovefromOrders, filteredOrderDetails, filteredPrevOrderDetails, payload, notUpdateOrder, _response$data, updatedPayload, response, updatedOrder, formattedDate;
+      var keysToRemovefromOrders, filteredOrderDetails, filteredPrevOrderDetails, payload, updatedPayload, notUpdateOrder, _response$data, response, updatedOrder, formattedDate;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            setRecallOrders(false);
+            _context3.prev = 0;
             if (!(selectedAction === 'left_message' || selectedAction === 'contact_made' || selectedAction === 'no_contact' || selectedAction === 'precall')) {
               _context3.next = 8;
               break;
@@ -10000,52 +10114,115 @@ function ConfirmOrder(props) {
             });
             return _context3.abrupt("return");
           case 8:
-            keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates'];
+            keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates', 'order_status', 'tomtom_status', 'refused_service', 'order_type', 'order_failures', 'order_on_hold', 'order_cancellations', 'order_routes'];
             filteredOrderDetails = filterObject(orderDetailsConfirmOrder, keysToRemovefromOrders);
             filteredPrevOrderDetails = filterObject(prevOrderDetails, keysToRemovefromOrders);
             payload = compareOrderDetailsStates(filteredPrevOrderDetails, filteredOrderDetails);
-            notUpdateOrder = hasOnlyIdKey(payload);
-            if (notUpdateOrder) {
-              _context3.next = 19;
-              break;
-            }
             updatedPayload = _extends({}, payload, {
               action_date: confirmedDate == null ? void 0 : confirmedDate.currentDate
             });
-            _context3.next = 17;
+            notUpdateOrder = hasOnlyIdKey(updatedPayload);
+            if (notUpdateOrder) {
+              _context3.next = 26;
+              break;
+            }
+            _context3.prev = 15;
+            _context3.next = 18;
             return callUpdateOrderAPI({
               payload: [updatedPayload]
             });
-          case 17:
+          case 18:
             response = _context3.sent;
             if ((response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
               updatedOrder = response == null ? void 0 : response.data[0];
               setOrderDetails(updatedOrder);
               setPrevOrderDetails(updatedOrder);
-              setRecallOrders(true);
+              handleSuccess('Order updated successfully', response);
             } else {
               setOrderDetails(prevOrderDetails);
             }
-          case 19:
-            _context3.next = 21;
+            _context3.next = 26;
+            break;
+          case 22:
+            _context3.prev = 22;
+            _context3.t0 = _context3["catch"](15);
+            handleError(_context3.t0, 'Failed to update order');
+            setOrderDetails(prevOrderDetails);
+          case 26:
+            _context3.prev = 26;
+            _context3.next = 29;
             return executeActions();
-          case 21:
-            _context3.next = 23;
+          case 29:
+            _context3.next = 34;
+            break;
+          case 31:
+            _context3.prev = 31;
+            _context3.t1 = _context3["catch"](26);
+            handleError(_context3.t1, 'Failed to execute actions');
+          case 34:
+            _context3.prev = 34;
+            _context3.next = 37;
             return executeSendComs();
-          case 23:
+          case 37:
+            _context3.next = 42;
+            break;
+          case 39:
+            _context3.prev = 39;
+            _context3.t2 = _context3["catch"](34);
+            handleError(_context3.t2, 'Failed to send communications');
+          case 42:
             if (orderId && deliveryDate) {
               formattedDate = format(new Date(deliveryDate), 'yyyy-MM-dd');
               setDeliveryDate(formattedDate);
             }
-            _context3.next = 26;
+            _context3.prev = 43;
+            _context3.next = 46;
+            return props == null ? void 0 : props.callOrderStatusApi();
+          case 46:
+            handleSuccess('Order status refreshed successfully');
+            _context3.next = 52;
+            break;
+          case 49:
+            _context3.prev = 49;
+            _context3.t3 = _context3["catch"](43);
+            handleError(_context3.t3, 'Failed to refresh order status');
+          case 52:
+            _context3.prev = 52;
+            _context3.next = 55;
             return props == null ? void 0 : props.callOrderAlertsApi();
-          case 26:
-            setCurrentAction(undefined);
-          case 27:
+          case 55:
+            handleSuccess('Order alerts refreshed successfully');
+            _context3.next = 61;
+            break;
+          case 58:
+            _context3.prev = 58;
+            _context3.t4 = _context3["catch"](52);
+            handleError(_context3.t4, 'Failed to refresh alerts');
+          case 61:
+            _context3.prev = 61;
+            _context3.next = 64;
+            return props == null ? void 0 : props.callOrdersApi();
+          case 64:
+            handleSuccess('Orders refreshed successfully');
+            _context3.next = 70;
+            break;
+          case 67:
+            _context3.prev = 67;
+            _context3.t5 = _context3["catch"](61);
+            handleError(_context3.t5, 'Failed to refresh orders');
+          case 70:
+            handleSuccess('Order processed successfully');
+            _context3.next = 76;
+            break;
+          case 73:
+            _context3.prev = 73;
+            _context3.t6 = _context3["catch"](0);
+            handleError(_context3.t6, 'Something went wrong');
+          case 76:
           case "end":
             return _context3.stop();
         }
-      }, _callee3);
+      }, _callee3, null, [[0, 73], [15, 22], [26, 31], [34, 39], [43, 49], [52, 58], [61, 67]]);
     }));
     return function confirmOrder() {
       return _ref3.apply(this, arguments);
@@ -10058,13 +10235,17 @@ function ConfirmOrder(props) {
   var disabledButton = (confirmedDate == null ? void 0 : confirmedDate.currentDate) === null;
   return React.createElement(OrderActionModal, {
     headerTitle: "Confirm Order",
-    minWidth: "28vw",
+    minWidth: "60vw",
     showAdditionalInfo: true,
     infoText: infoText,
     onCloseHeader: onClose,
     onSubmit: confirmOrder,
     submitBtnTitle: "Save Details",
-    isSubmitDisabled: errorFound() && disabledButton
+    isSubmitDisabled: errorFound() && disabledButton,
+    footerActions: React.createElement(SendComms$1, {
+      sendCommsState: confirmOrderSendComms,
+      setSendCommsState: setConfirmOrderSendComms
+    })
   }, React.createElement(ContentContainer$3, null, React.createElement(Alert, {
     description: "",
     onClose: function onClose() {},
@@ -10074,8 +10255,8 @@ function ConfirmOrder(props) {
     showCloseIcon: false
   }), React.createElement(Wrapper$g, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
 }
-var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 10px;\n"])));
-var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* display: flex; */\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  overflow: auto;\n  min-height: 500px;\n  overflow-x: hidden;\n  max-height: 500px;\n  scrollbar-width: thin;\n"])));
+var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 10px;\n"])));
+var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* display: flex; */\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  overflow: auto;\n  min-height: 500px;\n  overflow-x: hidden;\n  max-height: 500px;\n  scrollbar-width: thin;\n  width: 100%;\n"])));
 
 var _templateObject2$1h, _templateObject3$G, _templateObject5$e, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
 var StyledInput = /*#__PURE__*/styled(Input$2)(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 66px;\n  min-width: 700px;\n"])));
@@ -10090,7 +10271,7 @@ var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11$2 || (_temp
 var HoldDatePickerWrap = /*#__PURE__*/styled.div(_templateObject18$1 || (_templateObject18$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  border-radius: 66px;\n  border: 1px solid #e0e2e7;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: #fff;\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 10px 0;\n    padding-left: 33px;\n    min-width: 21.5vw;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n  .ant-picker-outlined {\n    border-style: none;\n    border-radius: 66px;\n    outline: none;\n    width: 346px;\n  }\n"])));
 var DatePickerWrap = /*#__PURE__*/styled.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  border-radius: 66px;\n  border: 1px solid #e0e2e7;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: #fff;\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 10px 0;\n    padding-left: 33px;\n    min-width: 18vw;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n  .ant-picker-outlined {\n    border-style: none;\n    border-radius: 66px;\n    outline: none;\n    width: 100%;\n  }\n"])));
 
-var _templateObject$1F, _templateObject2$1i;
+var _templateObject$1G, _templateObject2$1i;
 function SendSmsModal() {
   var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _formData$to$trim;
   var _useCurrentAction = useCurrentAction(),
@@ -10266,7 +10447,7 @@ function SendSmsModal() {
     }
   })));
 }
-var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n"])));
+var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 20px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n"])));
 // const CustomTextArea = styled(TextArea)`
 //   width: 700px;
 //   height: 140px;
@@ -10725,7 +10906,7 @@ function HoldOrderModal(props) {
   })))));
 }
 
-var _templateObject$1G;
+var _templateObject$1H;
 var UnholdOrder = function UnholdOrder(props) {
   var _useOrderId = useOrderId(),
     orderId = _useOrderId[0];
@@ -10809,9 +10990,9 @@ var UnholdOrder = function UnholdOrder(props) {
     })
   });
 };
-var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
+var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 
-var _templateObject$1H, _templateObject2$1j;
+var _templateObject$1I, _templateObject2$1j;
 function AssigneeDropdown() {
   var _reminderPayload$assi;
   var _useReminderById = useReminderById(),
@@ -11075,11 +11256,11 @@ function AssigneeDropdown() {
     mode: "multiple"
   }));
 }
-var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  width: 325px;\n"])));
+var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  width: 325px;\n"])));
 var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$1I, _templateObject2$1k, _templateObject3$H, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
-var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 770px;\n  align-items: center;\n  flex: 1 0 0;\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  background: #fff;\n  margin-top: 15px;\n"])));
+var _templateObject$1J, _templateObject2$1k, _templateObject3$H, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
+var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 770px;\n  align-items: center;\n  flex: 1 0 0;\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  background: #fff;\n  margin-top: 15px;\n"])));
 var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 5px 15px;\n  align-items: center;\n  gap: 20px;\n  flex: 1 0 0;\n"])));
 var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  flex: 1;\n"])));
 var Column = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
@@ -11130,7 +11311,7 @@ var priorityData = [{
   color: '#E95252'
 }];
 
-var _templateObject$1J, _templateObject2$1l, _templateObject3$I, _templateObject4$n;
+var _templateObject$1K, _templateObject2$1l, _templateObject3$I, _templateObject4$n;
 function StatusIndicator(props) {
   var statusColor = getStatusColor(props.status);
   return React.createElement(Container$14, null, React.createElement(StatusCircleContainer, {
@@ -11141,7 +11322,7 @@ function StatusIndicator(props) {
     status: props.status
   }, props.text));
 }
-var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 20px;\n  width: 20px;\n  border: 1px solid\n    ", ";\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (props) {
+var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 20px;\n  width: 20px;\n  border: 1px solid\n    ", ";\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (props) {
   return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
 });
 var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 10px;\n  width: 10px;\n  background: ", ";\n  border-radius: 50%;\n  display: inline-block;\n  transition: 0.2s ease all;\n"])), function (props) {
@@ -11152,7 +11333,7 @@ var Text$7 = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n
   return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
 });
 
-var _templateObject$1K, _templateObject2$1m, _templateObject3$J, _templateObject4$o, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
+var _templateObject$1L, _templateObject2$1m, _templateObject3$J, _templateObject4$o, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
 var _excluded$6 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
 var ViewReminderModal = function ViewReminderModal(props) {
   var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
@@ -11416,7 +11597,7 @@ var getDisabledTime = function getDisabledTime(date) {
   }
   return {};
 };
-var Right$1 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  height: 100%;\n  gap: 15px;\n  flex-direction: column;\n  padding: 10px;\n"])));
+var Right$1 = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  height: 100%;\n  gap: 15px;\n  flex-direction: column;\n  padding: 10px;\n"])));
 var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background: #fff;\n  width: 235px;\n"])));
 var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 6px 10px;\n  align-items: center;\n  gap: 5px;\n  border-radius: 30px;\n  background: #fff;\n"])));
 var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  display: flex;\n"])));
@@ -11426,7 +11607,7 @@ var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9
 var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var LabelText = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--primary-dark-brown, #3a3630);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n"])));
 
-var _templateObject$1L, _templateObject2$1n, _templateObject3$K, _templateObject4$p, _templateObject5$g, _templateObject6$8;
+var _templateObject$1M, _templateObject2$1n, _templateObject3$K, _templateObject4$p, _templateObject5$g, _templateObject6$8;
 function HeaderSection(_ref) {
   var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
     setTasksData = _ref.setTasksData;
@@ -11527,14 +11708,14 @@ function HeaderSection(_ref) {
     })
   })));
 }
-var Header$1 = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n"])));
+var Header$1 = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n"])));
 var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #3a3630;\n  background: #feba30;\n  padding: 6px;\n  border-radius: 6px;\n  font-weight: 600;\n  font-size: 13px;\n  border: 1px solid #feba30;\n"])));
 var Title$5 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  text-transform: uppercase;\n  color: #3a3630;\n"])));
 var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n  backdrop-filter: blur(2px);\n  z-index: 1000;\n"])));
 var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n"])));
 
-var _templateObject$1M, _templateObject2$1o;
+var _templateObject$1N, _templateObject2$1o;
 function TextSection() {
   var _useUpdateTask = useUpdateTask(),
     taskPayload = _useUpdateTask[0],
@@ -11552,10 +11733,10 @@ function TextSection() {
     onChange: onChangeDetails
   }));
 }
-var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 97% !important;\n"])));
+var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 97% !important;\n"])));
 var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  margin-top: 2%;\n"])));
 
-var _templateObject$1N, _templateObject2$1p, _templateObject3$L;
+var _templateObject$1O, _templateObject2$1p, _templateObject3$L;
 function ButtonsSection() {
   var _staticData$;
   var _useStaticData = useStaticData(),
@@ -11646,11 +11827,11 @@ function ButtonsSection() {
     status: "AD"
   })));
 }
-var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n"])));
+var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n"])));
 var Buttons = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 25px;\n"])));
 var Flex = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n"])));
 
-var _templateObject$1O, _templateObject2$1q, _templateObject3$M, _templateObject4$q, _templateObject5$h, _templateObject6$9;
+var _templateObject$1P, _templateObject2$1q, _templateObject3$M, _templateObject4$q, _templateObject5$h, _templateObject6$9;
 var FlagsFilter = [{
   label: 'Private',
   value: 'private'
@@ -11771,14 +11952,14 @@ function RadioButtonsSection() {
     required: false
   }));
 }
-var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n  margin-right: 15px;\n"])));
+var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n  margin-right: 15px;\n"])));
 var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: white;\n  color: #3a3630;\n"])));
 var DropDowns = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 25px;\n"])));
 var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #333;\n  color: #fff;\n  padding: 5px 10px;\n  border-radius: 5px;\n"])));
 var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$1P, _templateObject2$1r, _templateObject3$N, _templateObject4$r, _templateObject5$i;
+var _templateObject$1Q, _templateObject2$1r, _templateObject3$N, _templateObject4$r, _templateObject5$i;
 function DetailSection() {
   var _flagById$order_data, _flagById$order_data2;
   var _useFlagById = useFlagById(),
@@ -11790,13 +11971,13 @@ function DetailSection() {
     label: "Order"
   }), React.createElement(Order, null, orderColumnData)));
 }
-var Detail = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 40%;\n  flex-wrap: wrap;\n"])));
+var Detail = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 40%;\n  flex-wrap: wrap;\n"])));
 var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n"])));
 var Ref = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #7b7874;\n  font-family: 'Lato', sans-serif;\n"])));
 var Order = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #7b7874;\n  text-decoration: underline;\n  font-family: 'Lato', sans-serif;\n"])));
 var StyledLabel$2 = /*#__PURE__*/styled(Label$k)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 10px;\n  font-weight: bold;\n"])));
 
-var _templateObject$1Q, _templateObject2$1s, _templateObject3$O;
+var _templateObject$1R, _templateObject2$1s, _templateObject3$O;
 function ViewFlag() {
   var _useStaticData = useStaticData(),
     setStaticData = _useStaticData[1];
@@ -11874,11 +12055,11 @@ function ViewFlag() {
     setTasksData: setTasksData
   }), React.createElement(RadioButtonsSection, null)))));
 }
-var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-top: 6%;\n"])));
+var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-top: 6%;\n"])));
 var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(1px);\n"])));
 var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 80%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 80%;\n  }\n"])));
 
-var _templateObject$1R;
+var _templateObject$1S;
 function ReleaseOrder() {
   var _useOrderId = useOrderId(),
     orderId = _useOrderId[0];
@@ -11957,9 +12138,9 @@ function ReleaseOrder() {
 //   position: absolute;
 //   transform: translate3d(57px, 308px, 0px) scaleX(1);
 // `;
-var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
+var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 
-var _templateObject$1S;
+var _templateObject$1T;
 var ClearBookingStatus = function ClearBookingStatus(props) {
   var _useOrderId = useOrderId(),
     orderId = _useOrderId[0];
@@ -12060,9 +12241,9 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
     })
   });
 };
-var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
+var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 
-var _templateObject$1T, _templateObject2$1t, _templateObject3$P, _templateObject4$s, _templateObject5$j;
+var _templateObject$1U, _templateObject2$1t, _templateObject3$P, _templateObject4$s, _templateObject5$j;
 var deliverTypeOptions$1 = [{
   label: 'Deliver',
   value: 'deliver',
@@ -12213,13 +12394,13 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
     }))))))));
   })))));
 };
-var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    border-radius: 25px !important;\n    /* border: none !important; */\n    min-width: 100px;\n    padding: 0 10px;\n    display: flex;\n    gap: 8px;\n    align-items: center !important;\n\n    .ant-select-prefix {\n      margin-top: 4px;\n    }\n  }\n  .ant-select-selection-item {\n    font-weight: 400;\n    font-size: 13px;\n  }\n"])));
+var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    border-radius: 25px !important;\n    /* border: none !important; */\n    min-width: 100px;\n    padding: 0 10px;\n    display: flex;\n    gap: 8px;\n    align-items: center !important;\n\n    .ant-select-prefix {\n      margin-top: 4px;\n    }\n  }\n  .ant-select-selection-item {\n    font-weight: 400;\n    font-size: 13px;\n  }\n"])));
 var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow-x: auto;\n  background-color: #fff;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  padding: 16px;\n"])));
 var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
 var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  font-size: 14px;\n  color: #333;\n  border-spacing: 0 10px;\n\n  th,\n  td {\n    padding: 12px 16px;\n    background: #fff;\n  }\n\n  th {\n    background: #f0f2f2;\n\n    &:first-child {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 40px;\n      border-bottom-right-radius: 40px;\n    }\n  }\n\n  // This affects ONLY top-level rows\n  > tbody > tr {\n    background: #fff;\n    border-radius: 40px;\n    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n  }\n\n  // Round the outer row's corners only on first/last td\n  > tbody > tr > td:first-child {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n  }\n\n  > tbody > tr > td:last-child {\n    border-top-right-radius: 40px;\n    border-bottom-right-radius: 40px;\n  }\n\n  .scrollClass {\n    overflow-x: auto;\n  }\n\n  .emptyTd {\n    text-align: center;\n    padding: 40px 0;\n    color: #999;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  td table {\n    border-spacing: 0;\n    width: 100%;\n  }\n\n  td table td {\n    background: transparent;\n    padding: 8px 12px;\n  }\n"])));
 var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  padding: 0 12px;\n  width: 100%;\n"])));
 
-var _templateObject$1U, _templateObject2$1u, _templateObject3$Q, _templateObject4$t;
+var _templateObject$1V, _templateObject2$1u, _templateObject3$Q, _templateObject4$t;
 function UncancelOrder(props) {
   var _orderStaticData$unca;
   var _useOrderId = useOrderId(),
@@ -12416,12 +12597,12 @@ function UncancelOrder(props) {
     onChange: onChange
   }))), React.createElement(UnCancelOrderTable, null)));
 }
-var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: red;\n  margin-left: 2px;\n  font-size: x-small;\n"])));
+var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: red;\n  margin-left: 2px;\n  font-size: x-small;\n"])));
 var Container$15 = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  padding: 15px;\n  gap: 30px;\n  border-radius: 16px;\n  border: 1px solid#edebe8;\n  background: #f8fafc;\n\n  .uncancelReasonDropdown {\n    flex: 1;\n  }\n"])));
 var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  padding: 20px;\n  gap: 10px;\n"])));
 var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 346px;\n"])));
 
-var _templateObject$1V;
+var _templateObject$1W;
 function RemoveFromRoute(props) {
   var _useOrderId = useOrderId(),
     orderId = _useOrderId[0];
@@ -12501,11 +12682,11 @@ function RemoveFromRoute(props) {
     })
   });
 }
-var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
+var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 
-var _templateObject$1W, _templateObject3$R, _templateObject4$u, _templateObject5$k, _templateObject7$a, _templateObject8$8, _templateObject9$7;
+var _templateObject$1X, _templateObject3$R, _templateObject4$u, _templateObject5$k, _templateObject7$a, _templateObject8$8, _templateObject9$7;
 // Shared styles and components
-var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n"])));
+var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n"])));
 var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* width: 95%; */\n  min-width: 25vw;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
 var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n"])));
 var Label$e = /*#__PURE__*/styled.label(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n"])));
@@ -12554,7 +12735,7 @@ var fonts = {
   secondary: "'Lato', sans-serif"
 };
 
-var _templateObject$1X, _templateObject2$1v, _templateObject3$S;
+var _templateObject$1Y, _templateObject2$1v, _templateObject3$S;
 function RadioButton(props) {
   return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
     color: props.color
@@ -12565,7 +12746,7 @@ function RadioButton(props) {
     htmlFor: props.id
   }, props.label));
 }
-var Label$f = /*#__PURE__*/styled.label(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ", ";\n  color: #aea9a1;\n  white-space: nowrap;\n"])), fonts.secondary);
+var Label$f = /*#__PURE__*/styled.label(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ", ";\n  color: #aea9a1;\n  white-space: nowrap;\n"])), fonts.secondary);
 var Input = /*#__PURE__*/styled.input(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  appearance: none;\n  margin: 0;\n  width: 16px;\n  height: 16px;\n  border: 1px solid #aea9a1;\n  border-radius: 14px;\n  cursor: pointer;\n\n  &:checked {\n    & + ", " {\n      color: ", ";\n    }\n    display: none;\n  }\n\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 14px;\n    width: 12px;\n    height: 12px;\n    margin: 2px;\n  }\n\n  &:checked::after {\n    background-color: ", ";\n  }\n"])), Label$f, function (props) {
   return props.color || '#6396e5';
 }, function (props) {
@@ -12573,7 +12754,7 @@ var Input = /*#__PURE__*/styled.input(_templateObject2$1v || (_templateObject2$1
 });
 var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 5px;\n  align-items: center;\n"])));
 
-var _templateObject$1Y, _templateObject2$1w, _templateObject3$T, _templateObject4$v, _templateObject5$l, _templateObject6$a, _templateObject7$b;
+var _templateObject$1Z, _templateObject2$1w, _templateObject3$T, _templateObject4$v, _templateObject5$l, _templateObject6$a, _templateObject7$b;
 function RadioButtonGroup(props) {
   var heading = props.heading,
     _props$direction = props.direction,
@@ -12608,7 +12789,7 @@ function RadioButtonGroup(props) {
     className: "custom-wrapper"
   }, renderOptions()));
 }
-var Separator = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 1px;\n  background: #e0e2e7;\n"])));
+var Separator = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 1px;\n  background: #e0e2e7;\n"])));
 var labelStyles = /*#__PURE__*/css(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  font-size: 14px;\n  font-weight: 400;\n  font-family: ", ";\n  line-height: 20px;\n"])), fonts.secondary);
 var RequiredText = /*#__PURE__*/styled.span(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n"])), function (props) {
   return !props.$required && 'visibility: hidden;';
@@ -12620,7 +12801,7 @@ var Wrapper$j = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$
   return props.$direction === 'horizontal' ? 'row' : 'column';
 });
 
-var _templateObject$1Z, _templateObject2$1x, _templateObject3$U, _templateObject4$w, _templateObject5$m;
+var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$w, _templateObject5$m;
 dayjs.extend(utc);
 dayjs.extend(isValid);
 function CreateReminderModal() {
@@ -13029,13 +13210,13 @@ function CreateReminderModal() {
     onChange: handleChange
   })));
 }
-var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background: var(--Flowkit-White, #fff);\n"])));
+var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background: var(--Flowkit-White, #fff);\n"])));
 var Label$g = /*#__PURE__*/styled.label(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n"])));
 var StyledAntSelect$8 = /*#__PURE__*/styled(Select)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-select-selector {\n    width: 20vw;\n    border-radius: 22px;\n  }\n"])));
 var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background: var(--Flowkit-White, #fff);\n  resize: none;\n  height: 100px;\n"])));
 var StyledLink = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  cursor: pointer;\n"])));
 
-var _templateObject$1_;
+var _templateObject$1$;
 function ReminderModal(props) {
   var _useCurrentAction = useCurrentAction(),
     setCurrentAction = _useCurrentAction[1];
@@ -13145,7 +13326,7 @@ function ReminderModal(props) {
     footerActions: ''
   }, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
 }
-var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 70%;\n"])));
+var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 70%;\n"])));
 
 var CustomOptions = [{
   label: 'Private',
@@ -13155,7 +13336,7 @@ var CustomOptions = [{
   value: 'public'
 }];
 
-var _templateObject$1$, _templateObject2$1y, _templateObject3$V;
+var _templateObject$20, _templateObject2$1y, _templateObject3$V;
 function CreateTaskModal() {
   var _useStaticData = useStaticData(),
     staticData = _useStaticData[0];
@@ -13308,11 +13489,11 @@ var getDisabledTime$1 = function getDisabledTime(date) {
   }
   return {};
 };
-var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background: #fff;\n"])));
+var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background: #fff;\n"])));
 var Label$h = /*#__PURE__*/styled.label(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n"])));
 var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background: var(--Flowkit-White, #fff);\n  resize: none;\n  height: 50%;\n"])));
 
-var _templateObject$20;
+var _templateObject$21;
 function TaskModal(props) {
   var _useCurrentAction = useCurrentAction(),
     setCurrentAction = _useCurrentAction[1];
@@ -13415,10 +13596,10 @@ function TaskModal(props) {
     })
   }, React.createElement(ContentContainer$4, null, React.createElement(CreateTaskModal, null))));
 }
-var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 70%;\n"])));
+var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 70%;\n"])));
 
-var _templateObject$21, _templateObject2$1z, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
-var Title$6 = /*#__PURE__*/styled.span(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Lato', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: #6a7378;\n"])));
+var _templateObject$22, _templateObject2$1z, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
+var Title$6 = /*#__PURE__*/styled.span(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Lato', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: #6a7378;\n"])));
 var Container$16 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
 var FieldRow = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 300px;\n  justify-content: space-between;\n"])));
 var Label$i = /*#__PURE__*/styled.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  color: #7b7874;\n"])));
@@ -13426,7 +13607,7 @@ var Input$1 = /*#__PURE__*/styled.input(_templateObject5$n || (_templateObject5$
 var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
 var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #858d9d;\n"])));
 
-var _templateObject$22;
+var _templateObject$23;
 var fields = [{
   label: 'Weight',
   value: 'weight'
@@ -13527,7 +13708,7 @@ function OrderCharges(props) {
     })));
   })));
 }
-var OrderValue = /*#__PURE__*/styled.span(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n"])));
+var OrderValue = /*#__PURE__*/styled.span(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n"])));
 
 var fields$1 = [{
   label: 'Repackage',
@@ -13655,7 +13836,7 @@ function DisposalCharge(props) {
   })));
 }
 
-var _templateObject$23, _templateObject2$1A;
+var _templateObject$24, _templateObject2$1A;
 function BaseCharges(props) {
   var _props$staticData, _props$inputValue$bas;
   var _useChargesState = useChargesState(),
@@ -13730,7 +13911,7 @@ function BaseCharges(props) {
     onKeyDown: handleKeyDownDebrief
   })))));
 }
-var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
+var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
 var CurrencyWrapper = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  color: #999;\n"])));
 
 var fields$3 = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];
@@ -13879,7 +14060,7 @@ function AdhocSection() {
   })));
 }
 
-var _templateObject$24;
+var _templateObject$25;
 function FailureReasonDropdown() {
   var _escalationCategory$f, _escalationCategory$f2, _escalationTypes$filt, _escalationTypes$filt2;
   var _useOrderStaticData = useOrderStaticData(),
@@ -13965,9 +14146,9 @@ function FailureReasonDropdown() {
     isDisabled: false
   }));
 }
-var Container$17 = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
+var Container$17 = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
 
-var _templateObject$25;
+var _templateObject$26;
 function StatusDropdown() {
   var _orderStaticData$new_;
   var _useOrderStaticData = useOrderStaticData(),
@@ -14008,9 +14189,9 @@ function StatusDropdown() {
     isDisabled: false
   }));
 }
-var Container$18 = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
+var Container$18 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
 
-var _templateObject$26;
+var _templateObject$27;
 function CancellationReasonDropdown() {
   var _orderStaticData$canc;
   var _useOrderCancelReason = useOrderCancelReason(),
@@ -14039,9 +14220,9 @@ function CancellationReasonDropdown() {
     }
   }));
 }
-var Container$19 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
+var Container$19 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
 
-var _templateObject$27;
+var _templateObject$28;
 function OrderHoldReasonDropdown() {
   var _orderStaticData$onho;
   var _useOrderStaticData = useOrderStaticData(),
@@ -14070,9 +14251,9 @@ function OrderHoldReasonDropdown() {
     }
   }));
 }
-var Container$1a = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
+var Container$1a = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
 
-var _templateObject$28, _templateObject2$1B, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
+var _templateObject$29, _templateObject2$1B, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
 function FailureContent() {
   var _chargesState$adhoc_c, _chargesState$adhoc_c2;
   var _useNewStatus = useNewStatus(),
@@ -14139,7 +14320,7 @@ function FailureContent() {
     onChange: function onChange() {}
   }))));
 }
-var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  color: #999;\n"])));
+var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  color: #999;\n"])));
 var Text$9 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #363a30;\n  font-size: 14px;\n"])));
 var GroupedFields = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 7px;\n"])));
 var PairGroup = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n"])));
@@ -14154,7 +14335,7 @@ var DropdownGrid = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObjec
 var ContDropdownGrid = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 20px;\n"])));
 var DropdownGroup = /*#__PURE__*/styled.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1 1 calc(50% - 10px);\n\n  @media (max-width: 768px) {\n    flex: 1 1 100%;\n  }\n"])));
 
-var _templateObject$29, _templateObject2$1C, _templateObject3$Y, _templateObject4$z, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
+var _templateObject$2a, _templateObject2$1C, _templateObject3$Y, _templateObject4$z, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
 var formatDate$2 = function formatDate(date) {
   var padZero = function padZero(num) {
     return num.toString().padStart(2, '0');
@@ -14244,7 +14425,7 @@ function SuccessContent() {
     onChange: function onChange() {}
   }))));
 }
-var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  color: #999;\n"])));
+var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  color: #999;\n"])));
 var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  width: 48%;\n"])));
 var GroupedFields$1 = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n"])));
 var PairGroup$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n"])));
@@ -14258,7 +14439,7 @@ var StyledInput$1 = /*#__PURE__*/styled(Input$1)(_templateObject9$9 || (_templat
 var DateInput = /*#__PURE__*/styled.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 12px;\n  border-radius: 6px;\n  border: 1px solid #e0e2e7;\n  background-color: #fff;\n  color: #363a30;\n  height: 38px;\n  font-size: 14px;\n  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n"])));
 var Text$a = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #363a30;\n  font-size: 14px;\n"])));
 
-var _templateObject$2a, _templateObject2$1D;
+var _templateObject$2b, _templateObject2$1D;
 var radioButtonFilterOptions = [{
   label: 'Yes',
   value: 'true'
@@ -14371,10 +14552,10 @@ function RadioButtonGroups() {
     }));
   }));
 }
-var Container$1b = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 8px;\n  width: 100%;\n  align-items: flex-start;\n  pointer-events: none;\n"])));
+var Container$1b = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 8px;\n  width: 100%;\n  align-items: flex-start;\n  pointer-events: none;\n"])));
 var Group = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
 
-var _templateObject$2b, _templateObject2$1E, _templateObject3$Z;
+var _templateObject$2c, _templateObject2$1E, _templateObject3$Z;
 function OrderInfo() {
   var _useActiveTab = useActiveTab(),
     activeTab = _useActiveTab[0];
@@ -14385,7 +14566,7 @@ function OrderInfo() {
 //   gap: 20px;
 //   width: 100%;
 // `;
-var Middle = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
+var Middle = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
 // const Bottom = styled.div`
 //   display: flex;
 //   flex-direction: column;
@@ -14395,7 +14576,7 @@ var Top$3 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E
 var Container$1c = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n"])));
 var OrderInfo$1 = /*#__PURE__*/React.memo(OrderInfo);
 
-var _templateObject$2c;
+var _templateObject$2d;
 var Options = [{
   label: 'Success',
   value: 'success',
@@ -14430,9 +14611,9 @@ var ForceDebriefSelector = function ForceDebriefSelector(_ref) {
     optionBorderRadius: 30
   }));
 };
-var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 25%;\n  height: 40px;\n  .react-switch-selector-wrapper {\n    background: #777777;\n  }\n"])));
+var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 25%;\n  height: 40px;\n  .react-switch-selector-wrapper {\n    background: #777777;\n  }\n"])));
 
-var _templateObject$2d;
+var _templateObject$2e;
 function EscalationCategory() {
   var _orderStaticData$esca;
   var _useOrderStaticData = useOrderStaticData(),
@@ -14505,9 +14686,9 @@ function EscalationCategory() {
     }
   }));
 }
-var Container$1d = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
+var Container$1d = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
 
-var _templateObject$2e;
+var _templateObject$2f;
 function EscalationLevel() {
   var _orderStaticData$esca;
   var _useOrderStaticData = useOrderStaticData(),
@@ -14576,9 +14757,9 @@ function EscalationLevel() {
     }
   }));
 }
-var Container$1e = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
+var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
 
-var _templateObject$2f;
+var _templateObject$2g;
 function EscalationReason() {
   var _escalationTypes$find, _orderStaticData$esca;
   var _useEscalationReason = useEscalationReason(),
@@ -14672,7 +14853,7 @@ function EscalationReason() {
     }
   }));
 }
-var Container$1f = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
+var Container$1f = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n"])));
 
 function Escalation() {
   return React.createElement("div", {
@@ -14684,7 +14865,7 @@ function Escalation() {
   }, React.createElement(EscalationCategory, null), React.createElement(EscalationLevel, null), React.createElement(EscalationReason, null));
 }
 
-var _templateObject$2g, _templateObject2$1F, _templateObject3$_;
+var _templateObject$2h, _templateObject2$1F, _templateObject3$_;
 function OrderTemplate() {
   var _orderDetails$order_r, _routesDetails$route_;
   var _useOrderDetails = useOrderDetails(),
@@ -14731,11 +14912,11 @@ function OrderTemplate() {
     }
   }))));
 }
-var StyledAlert = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: contents;\n  gap: 15px;\n"])));
+var StyledAlert = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: contents;\n  gap: 15px;\n"])));
 var Title$7 = /*#__PURE__*/styled.span(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])));
 var Info = /*#__PURE__*/styled.span(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n"])));
 
-var _templateObject$2h, _templateObject2$1G, _templateObject3$$;
+var _templateObject$2i, _templateObject2$1G, _templateObject3$$;
 function FlagTemplate(_ref) {
   var _formatUtcToLocal, _formatUtcToLocal2;
   var data = _ref.data,
@@ -14776,14 +14957,14 @@ function FlagTemplate(_ref) {
     }
   }));
 }
-var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  cursor: pointer;\n"])));
 var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])), function (_ref2) {
   var color = _ref2.color;
   return color;
 });
 
-var _templateObject$2i, _templateObject2$1H;
+var _templateObject$2j, _templateObject2$1H;
 function Tabs(_ref) {
   var dismissFlags = _ref.dismissFlags;
   var _useTasksData = useTasksData(),
@@ -14798,10 +14979,10 @@ function Tabs(_ref) {
     });
   }))));
 }
-var Container$1g = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 15px;\n  display: grid;\n"])));
+var Container$1g = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 15px;\n  display: grid;\n"])));
 var Content = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 
-var _templateObject$2j, _templateObject2$1I, _templateObject3$10, _templateObject4$A, _templateObject5$q;
+var _templateObject$2k, _templateObject2$1I, _templateObject3$10, _templateObject4$A, _templateObject5$q;
 function FDNotification() {
   var _orderData$order_rout;
   var _useTasksData = useTasksData(),
@@ -14897,13 +15078,13 @@ function FDNotification() {
   }, [routesDataLoading]);
   return React.createElement(React.Fragment, null, React.createElement(Section$1, null, unresolvedLoading ? React.createElement(Loader, null, React.createElement(Spinner, null), React.createElement(Text$b, null, "Fetching Notifications...")) : (taskData == null ? void 0 : taskData.length) > 0 || orderData ? React.createElement(TabsWrapper, null, React.createElement(Tabs, null)) : 'No Notifications Found'));
 }
-var Loader = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
+var Loader = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
 var Spinner = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 4px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #3a3630;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  animation: spin 1s linear infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])));
 var Section$1 = /*#__PURE__*/styled.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n"])));
 var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n"])));
 var Text$b = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--tonal-brown-651, #6a7378);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n"])));
 
-var _templateObject$2k, _templateObject2$1J, _templateObject3$11, _templateObject4$B, _templateObject5$r;
+var _templateObject$2l, _templateObject2$1J, _templateObject3$11, _templateObject4$B, _templateObject5$r;
 var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
   var baseUrlSymbol = getBaseUrlSymbol();
   var onCancel = function onCancel() {
@@ -14921,13 +15102,13 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
     onComplete: onComplete
   })));
 };
-var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
+var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
 var Container$1h = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n"])));
 var Title$8 = /*#__PURE__*/styled.span(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n"])));
 var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 54px;\n  height: 54px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #feba301a;\n  border: 10px solid #feba305e;\n"])));
 var MainContainer$a = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 400px;\n  min-height: 248px;\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n  align-items: center;\n"])));
 
-var _templateObject$2l, _templateObject2$1K, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
+var _templateObject$2m, _templateObject2$1K, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
 function ForceDebriefModal(props) {
   var _useCustomerInfo = useCustomerInfo(),
     customerInfo = _useCustomerInfo[0],
@@ -15471,7 +15652,7 @@ function ForceDebriefModal(props) {
     onProceed: onSubmit
   }));
 }
-var Status$1 = /*#__PURE__*/styled.span(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  text-transform: capitalize;\n  color: #3a3630;\n"])));
+var Status$1 = /*#__PURE__*/styled.span(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  text-transform: capitalize;\n  color: #3a3630;\n"])));
 var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n"])));
 var MainContainer$b = /*#__PURE__*/styled.div(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
 var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"])));
@@ -15481,11 +15662,11 @@ var ContentContainer$7 = /*#__PURE__*/styled.div(_templateObject7$f || (_templat
 var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 12px;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 40px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n  width: 100%;\n  white-space: nowrap;\n  min-height: 60px;\n  overflow: scroll;\n  max-height: 150px;\n"])));
 var ForceDebriefModal$1 = /*#__PURE__*/React.memo(ForceDebriefModal);
 
-var _templateObject$2m;
+var _templateObject$2n;
 function GenericInput(props) {
   return React.createElement(StyledInput$2, Object.assign({}, props));
 }
-var StyledInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 30px;\n  border: 1px solid ", ";\n  &:hover {\n    background: #ffffff;\n    outline: none;\n    border-color: #7b7874;\n  }\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_ref) {
+var StyledInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 30px;\n  border: 1px solid ", ";\n  &:hover {\n    background: #ffffff;\n    outline: none;\n    border-color: #7b7874;\n  }\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_ref) {
   var hasError = _ref.hasError;
   return hasError ? 'red' : '#ccc';
 }, function (_ref2) {
@@ -15493,7 +15674,7 @@ var StyledInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject$2m || (_templat
   return hasError ? 'red' : '#888';
 });
 
-var _templateObject$2n, _templateObject2$1L, _templateObject3$13, _templateObject4$D, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
+var _templateObject$2o, _templateObject2$1L, _templateObject3$13, _templateObject4$D, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
 function What3WordsModal(props) {
   var _orderDetails$order_r5, _orderDetails$order_r6;
   var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
@@ -15684,7 +15865,7 @@ function What3WordsModal(props) {
     onKeyDown: handleKeyDown
   })))));
 }
-var WordsSection = /*#__PURE__*/styled.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n"])));
+var WordsSection = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n"])));
 var WordInputWrapper = /*#__PURE__*/styled.div(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n"])));
 var CurrentText = /*#__PURE__*/styled.div(_templateObject3$13 || (_templateObject3$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 13px;\n  color: #444;\n  white-space: nowrap;\n\n  a {\n    color: #1677ff;\n    text-decoration: none;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n"])));
 var ErrorText$a = /*#__PURE__*/styled.span(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n"])));
@@ -15694,7 +15875,7 @@ var CoordRow = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g
 var Coordinate = /*#__PURE__*/styled.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"])));
 var CustomInput$7 = /*#__PURE__*/styled(GenericInput)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  &:focus-visible {\n    outline: none;\n  }\n"])));
 
-var _templateObject$2o;
+var _templateObject$2p;
 function OrderActions() {
   var _useCurrentAction = useCurrentAction(),
     currentAction = _useCurrentAction[0],
@@ -15892,6 +16073,8 @@ function OrderActions() {
         });
       case 'confirm-order':
         return React.createElement(ConfirmOrder, {
+          callOrdersApi: callOrdersApi,
+          callOrderStatusApi: fetchStatusData,
           callOrderAlertsApi: callOrderAlertsApi
         });
       case 'send-sms':
@@ -15960,9 +16143,9 @@ function OrderActions() {
   };
   return React.createElement(Container$1j, null, renderContent());
 }
-var Container$1j = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Container$1j = /*#__PURE__*/styled.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$2p, _templateObject2$1M, _templateObject3$14, _templateObject4$E;
+var _templateObject$2q, _templateObject2$1M, _templateObject3$14, _templateObject4$E;
 var Details = function Details() {
   var _globalEscData$, _globalEscData$2;
   // const [orderDetails] = useOrderDetails();
@@ -15974,7 +16157,7 @@ var Details = function Details() {
     globalEscData = _useGlobalEscData[0];
   return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React.createElement(EscInfo, null, ((_globalEscData$ = globalEscData[0]) == null || (_globalEscData$ = _globalEscData$.escalation_type) == null ? void 0 : _globalEscData$.level) + " (" + ((_globalEscData$2 = globalEscData[0]) == null || (_globalEscData$2 = _globalEscData$2.escalation_type) == null ? void 0 : _globalEscData$2.name) + ")")));
 };
-var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  > svg {\n    transform: scale(0.6);\n  }\n"])));
+var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  > svg {\n    transform: scale(0.6);\n  }\n"])));
 var Typo = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 32px;\n  text-transform: uppercase;\n  margin: 0;\n  padding: 0;\n\n  @media screen and (max-width: 1220px) {\n    font-size: 14px;\n  }\n"])));
 var Name = /*#__PURE__*/styled.div(_templateObject3$14 || (_templateObject3$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* heading/h3-subHeader */\n  font-family: 'Roboto', sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 900;\n  line-height: 32px; /* 160% */\n  text-transform: uppercase;\n"])));
 var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n  font-size: 16px;\n"])));
@@ -16053,7 +16236,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
   }));
 };
 
-var _templateObject$2q, _templateObject2$1N;
+var _templateObject$2r, _templateObject2$1N;
 function Options$1() {
   var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
   var _useCurrentAction = useCurrentAction(),
@@ -16148,10 +16331,10 @@ function Options$1() {
     fill: '#f0f2f2'
   })))));
 }
-var Option = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Option = /*#__PURE__*/styled.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n"])));
 
-var _templateObject$2r, _templateObject2$1O;
+var _templateObject$2s, _templateObject2$1O;
 function Print() {
   var _useOrderDetails = useOrderDetails(),
     orderDetails = _useOrderDetails[0];
@@ -16291,10 +16474,10 @@ function Print() {
     fill: '#f0f2f2'
   })))));
 }
-var Container$1k = /*#__PURE__*/styled.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Container$1k = /*#__PURE__*/styled.div(_templateObject$2s || (_templateObject$2s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n"])));
 
-var _templateObject$2s;
+var _templateObject$2t;
 function BjsMenuDropDown() {
   var _orderStatus$;
   var _useCurrentAction = useCurrentAction(),
@@ -16338,9 +16521,9 @@ function BjsMenuDropDown() {
     fill: '#f0f2f2'
   }))));
 }
-var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$2s || (_templateObject$2s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n"])));
+var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n"])));
 
-var _templateObject$2t, _templateObject2$1P;
+var _templateObject$2u, _templateObject2$1P;
 // components
 function DropDowns$1() {
   var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
@@ -16413,24 +16596,24 @@ function DropDowns$1() {
     }, action == null ? void 0 : action.label);
   })));
 }
-var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0 5px;\n  display: flex;\n  align-self: center;\n  gap: 10px;\n  align-items: center;\n"])));
+var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0 5px;\n  display: flex;\n  align-self: center;\n  gap: 10px;\n  align-items: center;\n"])));
 var FontContainer = /*#__PURE__*/styled.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6a7378;\n  text-align: center;\n  font-family: 'lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  text-transform: uppercase;\n  cursor: ", ";\n  @media screen and (max-width: 1210px) {\n    font-size: 11px;\n    line-height: 12px;\n  }\n"])), function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 });
 
-var _templateObject$2u;
+var _templateObject$2v;
 var ActionsMenu = function ActionsMenu() {
   return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
 };
-var Flex$2 = /*#__PURE__*/styled.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  height: 34px;\n  padding: 1px;\n  align-items: flex-start;\n  border-radius: 20px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: #f0f2f2;\n  cursor: pointer;\n"])));
+var Flex$2 = /*#__PURE__*/styled.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  height: 34px;\n  padding: 1px;\n  align-items: flex-start;\n  border-radius: 20px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: #f0f2f2;\n  cursor: pointer;\n"])));
 
-var _templateObject$2v;
+var _templateObject$2w;
 var DetailsFilters = function DetailsFilters() {
   return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
 };
-var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  /* z-index: 9999; */\n  display: flex;\n  padding: 10px;\n  flex-direction: row;\n  gap: 10px;\n  align-self: stretch;\n  position: relative;\n  margin-bottom: -71px;\n  width: 97%;\n  margin-left: 21px;\n  top: -132px;\n  justify-content: space-between;\n"])));
+var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  /* z-index: 9999; */\n  display: flex;\n  padding: 10px;\n  flex-direction: row;\n  gap: 10px;\n  align-self: stretch;\n  position: relative;\n  margin-bottom: -71px;\n  width: 97%;\n  margin-left: 21px;\n  top: -132px;\n  justify-content: space-between;\n"])));
 
-var _templateObject$2w, _templateObject2$1Q;
+var _templateObject$2x, _templateObject2$1Q;
 function OrderTemplate$1(_ref) {
   var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
   var orderDetails = _ref.orderDetails,
@@ -16705,10 +16888,10 @@ function OrderTemplate$1(_ref) {
     }
   }));
 }
-var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .redCross {\n    font-size: 13px;\n    margin-top: 4px;\n  }\n  .postcode-alert-content {\n    > div {\n      > h4 {\n        color: #3a3630;\n        font-family: Lato;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: 18px;\n      }\n    }\n    ul {\n      margin-bottom: 0;\n    }\n\n    li {\n      border-radius: 6px;\n      list-style-type: none;\n      > a {\n        color: #6396e5;\n        font-family: Roboto;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n        text-decoration: none;\n      }\n      > strong {\n        > a {\n          color: #6396e5;\n\n          font-family: Roboto;\n          font-size: 14px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 24px;\n          text-decoration: none;\n        }\n      }\n    }\n\n    li.outstanding strong,\n    li.awaiting_confirmation strong,\n    li.awaiting_route strong {\n      font-family: Roboto, sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 24px;\n      font-style: normal;\n    }\n    li.routed strong {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n\n    li.outstanding strong {\n      color: #e95252;\n    }\n    li.awaiting_confirmation strong {\n      color: #6396e5;\n    }\n    li.awaiting_route strong {\n      color: #36a053;\n    }\n    li.confirmed strong {\n      color: #36a053;\n    }\n    li.enroute strong {\n      color: #36a053;\n    }\n    li.cancelled strong {\n      color: #e95252;\n    }\n    li.complete strong {\n      color: #36a053;\n    }\n    li.on_hold strong {\n      color: #feba30;\n    }\n    li.routed strong {\n      color: #3a3630;\n    }\n    span {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n  }\n"])));
+var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .redCross {\n    font-size: 13px;\n    margin-top: 4px;\n  }\n  .postcode-alert-content {\n    > div {\n      > h4 {\n        color: #3a3630;\n        font-family: Lato;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: 18px;\n      }\n    }\n    ul {\n      margin-bottom: 0;\n    }\n\n    li {\n      border-radius: 6px;\n      list-style-type: none;\n      > a {\n        color: #6396e5;\n        font-family: Roboto;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n        text-decoration: none;\n      }\n      > strong {\n        > a {\n          color: #6396e5;\n\n          font-family: Roboto;\n          font-size: 14px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 24px;\n          text-decoration: none;\n        }\n      }\n    }\n\n    li.outstanding strong,\n    li.awaiting_confirmation strong,\n    li.awaiting_route strong {\n      font-family: Roboto, sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 24px;\n      font-style: normal;\n    }\n    li.routed strong {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n\n    li.outstanding strong {\n      color: #e95252;\n    }\n    li.awaiting_confirmation strong {\n      color: #6396e5;\n    }\n    li.awaiting_route strong {\n      color: #36a053;\n    }\n    li.confirmed strong {\n      color: #36a053;\n    }\n    li.enroute strong {\n      color: #36a053;\n    }\n    li.cancelled strong {\n      color: #e95252;\n    }\n    li.complete strong {\n      color: #36a053;\n    }\n    li.on_hold strong {\n      color: #feba30;\n    }\n    li.routed strong {\n      color: #3a3630;\n    }\n    span {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n  }\n"])));
 var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 5px;\n"])));
 
-var _templateObject$2x, _templateObject2$1R, _templateObject3$15;
+var _templateObject$2y, _templateObject2$1R, _templateObject3$15;
 function ReminderTemplate(_ref) {
   var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
   var data = _ref.data,
@@ -16746,7 +16929,7 @@ function ReminderTemplate(_ref) {
     }
   })));
 }
-var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 10px;\n"])));
+var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 10px;\n"])));
 var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])), function (_ref2) {
   var color = _ref2.color;
   return color;
@@ -16757,7 +16940,7 @@ var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$15 || (_templateObj
   return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
 });
 
-var _templateObject$2y, _templateObject2$1S;
+var _templateObject$2z, _templateObject2$1S;
 function Tabs$1(_ref) {
   var activeTasks = _ref.activeTasks,
     closedTasks = _ref.closedTasks,
@@ -16817,7 +17000,7 @@ function Tabs$1(_ref) {
     });
   })))));
 }
-var Container$1l = /*#__PURE__*/styled.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  display: grid;\n"])));
+var Container$1l = /*#__PURE__*/styled.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  display: grid;\n"])));
 var Content$1 = /*#__PURE__*/styled.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 
 var NotifyFlag = function NotifyFlag() {
@@ -16836,7 +17019,7 @@ var NotifyFlag = function NotifyFlag() {
   }));
 };
 
-var _templateObject$2z, _templateObject2$1T, _templateObject3$16, _templateObject4$F, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$b;
+var _templateObject$2A, _templateObject2$1T, _templateObject3$16, _templateObject4$F, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$b;
 function Notification() {
   var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
   var _useTabType = useTabType(),
@@ -17178,7 +17361,7 @@ function Notification() {
     routeInfoData: orderAlertsData
   })) : 'No Notifications Found'));
 }
-var Container$1m = /*#__PURE__*/styled.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n"])));
+var Container$1m = /*#__PURE__*/styled.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n"])));
 var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n"])));
 var TabsData = /*#__PURE__*/styled.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n"])));
 var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n"])));
@@ -17192,46 +17375,46 @@ var Section$3 = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$
 var Label$j = /*#__PURE__*/styled(SectionHeader)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n"])));
 var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n"])));
 
-var _templateObject$2A;
+var _templateObject$2B;
 function CollapsedContent$2() {
   return React.createElement(Font$1, null, "ORDER RESOURCES");
 }
-var Font$1 = /*#__PURE__*/styled.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"])));
+var Font$1 = /*#__PURE__*/styled.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n"])));
 
-var _templateObject$2B, _templateObject2$1U;
+var _templateObject$2C, _templateObject2$1U;
 function Category(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
   return React.createElement(RowContainer$4, null, React.createElement(Row$7, null, data));
 }
-var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$2C, _templateObject2$1V;
+var _templateObject$2D, _templateObject2$1V;
 function Date$2(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
   return React.createElement(RowContainer$5, null, React.createElement(Row$8, null, formatDate$1(data)));
 }
-var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$2D, _templateObject2$1W;
+var _templateObject$2E, _templateObject2$1W;
 function Reference(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
   return React.createElement(RowContainer$6, null, React.createElement(Row$9, null, data));
 }
-var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
-var _templateObject$2E, _templateObject2$1X;
+var _templateObject$2F, _templateObject2$1X;
 function Type(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
   return React.createElement(RowContainer$7, null, React.createElement(Row$a, null, data));
 }
-var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var Row$a = /*#__PURE__*/styled.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
 var DownloadIcon = function DownloadIcon() {
@@ -17261,7 +17444,7 @@ var DownloadIcon = function DownloadIcon() {
   })));
 };
 
-var _templateObject$2F, _templateObject2$1Y, _templateObject3$17;
+var _templateObject$2G, _templateObject2$1Y, _templateObject3$17;
 function Action(_ref) {
   var _row$original, _orderResources$data;
   var row = _ref.row;
@@ -17371,7 +17554,7 @@ function Action(_ref) {
   }, React.createElement(DownloadIcon, null)))));
 }
 // Styled components for styling
-var Actions = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Actions = /*#__PURE__*/styled.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin: 7px;\n"])));
 var Row$b = /*#__PURE__*/styled.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));
 
@@ -17402,7 +17585,7 @@ var tableColumns$1 = [{
   enableSorting: false
 }];
 
-var _templateObject$2G;
+var _templateObject$2H;
 function Order$1(_ref) {
   var _orderResources$data;
   var loading = _ref.loading;
@@ -17417,9 +17600,9 @@ function Order$1(_ref) {
     loading: loading
   })));
 }
-var Table$2 = /*#__PURE__*/styled.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+var Table$2 = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 
-var _templateObject$2H, _templateObject2$1Z, _templateObject3$18, _templateObject4$G;
+var _templateObject$2I, _templateObject2$1Z, _templateObject3$18, _templateObject4$G;
 function OrderView(_ref) {
   var locationloading = _ref.locationloading;
   notification.config({
@@ -17814,7 +17997,7 @@ function OrderView(_ref) {
     loading: logsLoading
   }))), React.createElement(OrderActions, null));
 }
-var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n"])));
+var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n"])));
 var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n  @media (max-width: 1024px) {\n    display: contents;\n  }\n"])));
 var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
 var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n"])));
@@ -17889,7 +18072,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
   return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
 });
 
-var _templateObject$2I, _templateObject2$1$, _templateObject3$19;
+var _templateObject$2J, _templateObject2$1$, _templateObject3$19;
 var _excluded$7 = ["count"];
 var SearchType = function SearchType() {
   var _useState = useState(''),
@@ -17986,7 +18169,7 @@ var SearchType = function SearchType() {
     onClick: handleClear
   }, React.createElement(CrossIcon, null)));
 };
-var Search = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  svg {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .clear {\n    position: absolute;\n    right: 32px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"])));
+var Search = /*#__PURE__*/styled.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  svg {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .clear {\n    position: absolute;\n    right: 32px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n"])));
 var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n  padding: 0 8px;\n  font-size: 14px;\n  background: transparent;\n  &:hover {\n    color: #000;\n  }\n"])));
 var SearchInput = /*#__PURE__*/styled.input(_templateObject3$19 || (_templateObject3$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 8.5px 12px;\n  padding-left: 39px;\n  width: 100%;\n  &:focus {\n    outline: none;\n    border-color: gray;\n  }\n"])));
 
@@ -18223,7 +18406,7 @@ var ReturnTable$1 = function ReturnTable() {
   })))));
 };
 
-var _templateObject$2J, _templateObject2$20, _templateObject3$1a;
+var _templateObject$2K, _templateObject2$20, _templateObject3$1a;
 var _excluded$8 = ["count"];
 function ReturnMainTable() {
   var _useAtom = useAtom(overviewfiltersReducerAtom),
@@ -18337,7 +18520,7 @@ function ReturnMainTable() {
     onItemsPerPageChange: handleItemsPerPageChange
   }))));
 }
-var Row$c = /*#__PURE__*/styled.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var Row$c = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
 var Container$1n = /*#__PURE__*/styled.div(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -46px;\n"])));
 var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n"])));
 
@@ -18876,7 +19059,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
   })))));
 };
 
-var _templateObject$2K, _templateObject2$21;
+var _templateObject$2L, _templateObject2$21;
 var ConfirmedMain = function ConfirmedMain() {
   var _UsePaginationReturnD = UsePaginationReturnData(),
     paginationObj = _UsePaginationReturnD[0];
@@ -18917,24 +19100,24 @@ var ConfirmedMain = function ConfirmedMain() {
     onItemsPerPageChange: handleItemsPerPageChange
   })))));
 };
-var Container$1o = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  /* top: -30px; */\n"])));
+var Container$1o = /*#__PURE__*/styled.div(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  /* top: -30px; */\n"])));
 var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$21 || (_templateObject2$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n"])));
 
-var _templateObject$2L, _templateObject2$22;
-var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n    background-size: cover;\n    background-color: #000000d9;\n"])));
+var _templateObject$2M, _templateObject2$22;
+var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n    background-size: cover;\n    background-color: #000000d9;\n"])));
 var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$22 || (_templateObject2$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
 
-var _templateObject$2M;
+var _templateObject$2N;
 var HeaderTitle = function HeaderTitle(props) {
   return React.createElement(React.Fragment, null, React.createElement(Title$9, null, props.title));
 };
-var Title$9 = /*#__PURE__*/styled.h2(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px;\n  padding: 0px;\n  color: #fff;\n  font-size: 26px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 36px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n"])));
+var Title$9 = /*#__PURE__*/styled.h2(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px;\n  padding: 0px;\n  color: #fff;\n  font-size: 26px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 36px;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n"])));
 
-var _templateObject$2N, _templateObject2$23;
+var _templateObject$2O, _templateObject2$23;
 function Breadcrumb(props) {
   return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
 }
-var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
 var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$23 || (_templateObject2$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #edebe8;\n  font-family: 'Open Sans', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n"])));
 
 var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
@@ -18948,7 +19131,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
   return JSON.parse(d);
 };
 
-var _templateObject$2O, _templateObject2$24, _templateObject3$1b;
+var _templateObject$2P, _templateObject2$24, _templateObject3$1b;
 function ReturnSearchBar() {
   var _useState = useState(''),
     searchText = _useState[0],
@@ -19092,12 +19275,12 @@ function ReturnSearchBar() {
     onClick: handleClear
   }, React.createElement(CrossIcon, null)) : null);
 }
-var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n"])));
+var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n"])));
 var Search$1 = /*#__PURE__*/styled.div(_templateObject2$24 || (_templateObject2$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
 var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n"])));
 var ReturnSearchBar$1 = /*#__PURE__*/React.memo(ReturnSearchBar);
 
-var _templateObject$2P, _templateObject2$25, _templateObject3$1c;
+var _templateObject$2Q, _templateObject2$25, _templateObject3$1c;
 function ReturnAfterSearchBar() {
   var _useState = useState(''),
     searchText = _useState[0],
@@ -19224,12 +19407,12 @@ function ReturnAfterSearchBar() {
     onClick: handleClear
   }, React.createElement(CrossIcon, null)) : null);
 }
-var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n"])));
+var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n"])));
 var Search$2 = /*#__PURE__*/styled.div(_templateObject2$25 || (_templateObject2$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
 var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$1c || (_templateObject3$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n"])));
 var ReturnAfterSearchBar$1 = /*#__PURE__*/React.memo(ReturnAfterSearchBar);
 
-var _templateObject$2Q;
+var _templateObject$2R;
 var ClientRouterHeader = function ClientRouterHeader(_ref) {
   var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
     breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
@@ -19333,9 +19516,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
     }
   }))));
 };
-var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding-right: 10px;\n  padding-left: 7px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 22vw;\n  height: 35px;\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n\n  .ant-picker-focused {\n    box-shadow: none;\n  }\n\n  /* .ant-picker {\n    .ant-picker-input {\n      width: 150px;\n    }\n  } */\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n"])));
+var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$2R || (_templateObject$2R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  padding-right: 10px;\n  padding-left: 7px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 22vw;\n  height: 35px;\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n\n  .ant-picker-focused {\n    box-shadow: none;\n  }\n\n  /* .ant-picker {\n    .ant-picker-input {\n      width: 150px;\n    }\n  } */\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n"])));
 
-var _templateObject$2R, _templateObject2$26;
+var _templateObject$2S, _templateObject2$26;
 var _excluded$a = ["count"];
 var ReturnOverview = function ReturnOverview() {
   var _UsePaginationData = UsePaginationData(),
@@ -19431,7 +19614,7 @@ var ReturnOverview = function ReturnOverview() {
     onItemsPerPageChange: handleItemsPerPageChange
   })), shouldShowReturnAfterTable && React.createElement(React.Fragment, null, React.createElement(ConfirmedMain, null)))))));
 };
-var Container$1p = /*#__PURE__*/styled.div(_templateObject$2R || (_templateObject$2R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -16px;\n"])));
+var Container$1p = /*#__PURE__*/styled.div(_templateObject$2S || (_templateObject$2S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -16px;\n"])));
 var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$26 || (_templateObject2$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n"])));
 
 var RouterHeader = function RouterHeader(_ref) {