npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.38-prod → 0.1.39-prod - Mend

@bjsdistribution/dms-client-return 0.1.38-prod → 0.1.39-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/dms-client-return.cjs.development.js CHANGED Viewed

@@ -4700,7 +4700,7 @@ function Latitude() {
     setOrderDetails = _useOrderDetails[1];
   var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
   var onChange = function onChange(e) {
-    var val = parseFloat(e.target.value);
+    var val = e.target.value;
     var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
       latitude: val
     } : _extends({}, orderRecipient, {
@@ -4735,7 +4735,7 @@ function Longitude() {
     setOrderDetails = _useOrderDetails[1];
   var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
   var onChange = function onChange(e) {
-    var val = parseFloat(e.target.value);
+    var val = e.target.value;
     var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
       longitude: val
     } : _extends({}, orderRecipient, {
@@ -4772,14 +4772,28 @@ function What3words() {
   var _useAtom = jotai.useAtom(errorAtom),
     errors = _useAtom[0],
     setErrors = _useAtom[1];
+  var _useClientPortal = useClientPortal(),
+    isClientPortal = _useClientPortal[0];
   var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
+  var _useCurrentAction = useCurrentAction(),
+    setCurrentAction = _useCurrentAction[1];
+  var cleanW3WAddress = function cleanW3WAddress(w3wStr) {
+    if (w3wStr.startsWith('///')) {
+      return w3wStr.slice(3);
+    } else if (w3wStr.startsWith('//')) {
+      return w3wStr.slice(2);
+    } else if (w3wStr.startsWith('/')) {
+      return w3wStr.slice(1);
+    }
+    return w3wStr;
+  };
   var onChange = function onChange(e) {
-    var val = e.target.value;
+    var val = sanitizeInput(e.target.value);
     validateInput(val);
     var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
       what_3words_address: val
     } : _extends({}, orderRecipient, {
-      what_3words_address: val
+      what_3words_address: cleanW3WAddress(val)
     }));
     setOrderDetails(function (prev) {
       return _extends({}, prev, {
@@ -4792,31 +4806,42 @@ function What3words() {
       var isValid = w3wRegex.test(value);
       setErrors(function (prev) {
         return _extends({}, prev, {
-          w3wError: isValid ? '' : 'Please enter a valid input (word.word.word)'
+          w3wError: isValid ? '' : 'Please enter a valid input (format: word.word.word)'
         });
       });
     } else {
       setErrors(function (prev) {
         return _extends({}, prev, {
-          w3wError: ''
+          w3wError: 'Input cannot be empty or only spaces'
         });
       });
     }
   };
+  // const handleOpenModal = () => {
+  //   dispatch({ type: 'what3Words' });
+  // };
   return React__default.createElement(Container$b, null, React__default.createElement(dmsComponentLibrary.Label, {
+    style: {
+      color: '#6396e5',
+      cursor: 'pointer'
+    },
     label: "What3Words Address",
-    htmlFor: "w3w"
+    htmlFor: "w3w",
+    onClick: function onClick() {
+      return setCurrentAction('what3Words');
+    }
   }), React__default.createElement(Wrapper$5, null, React__default.createElement(What3wordsPrefix, null, React__default.createElement(What3WordsIcon, null)), React__default.createElement(CustomInput$2, {
     name: "w3w",
     type: "text",
     placeholder: "Format: word.word.word",
     value: (orderRecipient == null ? void 0 : orderRecipient.what_3words_address) || '',
-    onChange: onChange
+    onChange: onChange,
+    disabled: isClientPortal
   })), errors.w3wError && React__default.createElement(ErrorText, null, errors.w3wError));
 }
 var What3wordsPrefix = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 13px;\n  left: 12px;\n"])));
 var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-var CustomInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 25px;\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  padding-left: 40px;\n"])));
+var CustomInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* border-radius: 25px; */\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  padding-left: 40px;\n"])));
 var Container$b = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n"])));
 var ErrorText = /*#__PURE__*/styled__default.span(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n"])));
@@ -6854,7 +6879,7 @@ var StatusOptions = [{
   label: 'Released',
   value: 'released'
 }, {
-  label: 'Recieved',
+  label: 'Received',
   value: 'received'
 }, {
   label: 'Scheduled',
@@ -15280,6 +15305,219 @@ var ProductDiv = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templa
 var ForceDebriefModal$1 = /*#__PURE__*/React__default.memo(ForceDebriefModal);
 var _templateObject$2l;
+function GenericInput(props) {
+  return React__default.createElement(StyledInput$2, Object.assign({}, props));
+}
+var StyledInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$2l || (_templateObject$2l = /*#__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) {
+  var hasError = _ref2.hasError;
+  return hasError ? 'red' : '#888';
+});
+var _templateObject$2m, _templateObject2$1J, _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,}$/;
+  var _useCurrentAction = useCurrentAction(),
+    setCurrentAction = _useCurrentAction[1];
+  var _useOrderDetails = useOrderDetails(),
+    orderDetails = _useOrderDetails[0],
+    setOrderDetails = _useOrderDetails[1];
+  var _usePrevOrderDetails = usePrevOrderDetails(),
+    prevOrderDetails = _usePrevOrderDetails[0],
+    setPrevOrderDetails = _usePrevOrderDetails[1];
+  var _useCustomerInfo = useCustomerInfo(),
+    customerInfo = _useCustomerInfo[0];
+  var _useState = React.useState(''),
+    w3wError = _useState[0],
+    setW3wError = _useState[1];
+  var _useClientPortal = useClientPortal(),
+    isClientPortal = _useClientPortal[0];
+  var orderRecipient = (orderDetails == null ? void 0 : orderDetails.order_recipient) || {};
+  var _useState2 = React.useState(),
+    currentWhat3Words = _useState2[0],
+    setWhat3Words = _useState2[1];
+  var _useState3 = React.useState(''),
+    localW3W = _useState3[0],
+    setLocalW3W = _useState3[1];
+  var _useState4 = React.useState((orderRecipient == null ? void 0 : orderRecipient.latitude) || ''),
+    localLat = _useState4[0],
+    setLocalLat = _useState4[1];
+  var _useState5 = React.useState((orderRecipient == null ? void 0 : orderRecipient.longitude) || ''),
+    localLong = _useState5[0],
+    setLocalLong = _useState5[1];
+  var closeModal = function closeModal() {
+    return setCurrentAction(undefined);
+  };
+  var cleanW3WAddress = function cleanW3WAddress(w3wStr) {
+    return w3wStr.replace(/^\/+/, '');
+  };
+  var validateInput = function validateInput(value) {
+    if (value.trim()) {
+      var isValid = w3wRegex.test(value);
+      setW3wError(isValid ? '' : 'Please enter a valid input (format: word.word.word)');
+    } else {
+      setW3wError('Input cannot be empty or only spaces');
+    }
+  };
+  var onChangeW3W = function onChangeW3W(e) {
+    var rawVal = e.target.value;
+    var val = cleanW3WAddress(rawVal);
+    validateInput(rawVal); // still validate raw input for dots, etc.
+    setLocalW3W(val);
+  };
+  var onChangeLatitude = function onChangeLatitude(e) {
+    setLocalLat(e.target.value);
+  };
+  var onChangeLongitude = function onChangeLongitude(e) {
+    setLocalLong(e.target.value);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (['e', 'E', '+', '-'].includes(e.key)) {
+      e.preventDefault();
+    }
+  };
+  var _useAxios = dmsComponentLibrary.useAxios({
+      endpoint: "/orders/update/",
+      method: 'PUT'
+    }),
+    callUpdateOrderAPI = _useAxios.fetchData;
+  var _useAxios2 = dmsComponentLibrary.useAxios({
+      endpoint: "/v1/orders/coordinates_to_w3w/?",
+      method: 'GET'
+    }),
+    getWhat3Words = _useAxios2.fetchData;
+  React.useEffect(function () {
+    var _orderDetails$order_r, _orderDetails$order_r2;
+    if (orderDetails != null && (_orderDetails$order_r = orderDetails.order_recipient) != null && _orderDetails$order_r.latitude && orderDetails != null && (_orderDetails$order_r2 = orderDetails.order_recipient) != null && _orderDetails$order_r2.longitude) {
+      var _orderDetails$order_r3, _orderDetails$order_r4;
+      getWhat3Words({
+        endPointQuery: "latitude=" + (orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r3.latitude) + "&longitude=" + (orderDetails == null || (_orderDetails$order_r4 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r4.longitude)
+      }).then(function (response) {
+        var _response$data;
+        console.log(response == null ? void 0 : response.data);
+        setWhat3Words(response == null || (_response$data = response.data) == null ? void 0 : _response$data.words);
+      });
+    }
+  }, [orderDetails == null || (_orderDetails$order_r5 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r5.latitude, orderDetails == null || (_orderDetails$order_r6 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r6.longitude]);
+  var onSave = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _response$data2;
+      var updatedOrderDetails, payload, response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            updatedOrderDetails = _extends({}, orderDetails, {
+              order_recipient: _extends({}, (orderDetails == null ? void 0 : orderDetails.order_recipient) || {}, {
+                what_3words_address: localW3W,
+                latitude: localLat,
+                longitude: localLong
+              })
+            });
+            payload = compareOrderDetailsStates(prevOrderDetails, updatedOrderDetails);
+            _context.next = 4;
+            return callUpdateOrderAPI({
+              payload: [payload]
+            });
+          case 4:
+            response = _context.sent;
+            if (!(response.code === 200 && (response == null || (_response$data2 = response.data) == null ? void 0 : _response$data2.length) > 0)) {
+              _context.next = 14;
+              break;
+            }
+            antd.notification.success({
+              message: 'Success',
+              description: "" + (response == null ? void 0 : response.message)
+            });
+            _context.next = 9;
+            return props == null ? void 0 : props.callOrdersApi();
+          case 9:
+            setOrderDetails(response == null ? void 0 : response.data[0]);
+            setPrevOrderDetails(response == null ? void 0 : response.data[0]);
+            closeModal();
+            _context.next = 16;
+            break;
+          case 14:
+            antd.notification.error({
+              message: 'Update Failed',
+              description: (response == null ? void 0 : response.error) || 'Unknown error'
+            });
+            setOrderDetails(prevOrderDetails);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSave() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
+  var isDifferent = function isDifferent() {
+    var original = orderRecipient || {};
+    return localW3W !== (original.what_3words_address || '') || localLat !== (original.latitude || '') || localLong !== (original.longitude || '');
+  };
+  React.useEffect(function () {
+    setLocalLat((orderRecipient == null ? void 0 : orderRecipient.latitude) || '');
+    setLocalLong((orderRecipient == null ? void 0 : orderRecipient.longitude) || '');
+  }, [orderRecipient]);
+  return React__default.createElement(OrderActionModal, {
+    headerTitle: "WHAT3WORDS",
+    onCloseHeader: closeModal,
+    onSubmit: onSave,
+    showAdditionalInfo: true,
+    infoText: infoText,
+    isSubmitDisabled: isClientPortal ? true : !isDifferent() || !!w3wError,
+    submitBtnTitle: "Save Details"
+  }, React__default.createElement(Section$2, null, React__default.createElement(FieldRow$1, null, React__default.createElement(WordsSection, null, React__default.createElement(dmsComponentLibrary.Label, {
+    label: "Words"
+  }), React__default.createElement(WordInputWrapper, null, React__default.createElement(CustomInput$7, {
+    name: "w3w",
+    type: "text",
+    placeholder: "Format: word.word.word",
+    value: localW3W,
+    onChange: onChangeW3W,
+    disabled: isClientPortal
+  }), w3wError && React__default.createElement(ErrorText$a, null, w3wError)), React__default.createElement(CurrentText, null, React__default.createElement("strong", null, "Current:"), ' ', React__default.createElement("a", {
+    href: "https://what3words.com/" + currentWhat3Words,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, currentWhat3Words))))), React__default.createElement(Section$2, null, React__default.createElement(CoordRow, null, React__default.createElement(Coordinate, null, React__default.createElement(dmsComponentLibrary.Label, {
+    label: "Latitude",
+    htmlFor: "lat"
+  }), React__default.createElement(CustomInput$7, {
+    name: "lat",
+    type: "number",
+    placeholder: "Lat",
+    value: localLat,
+    onChange: onChangeLatitude,
+    onKeyDown: handleKeyDown
+  })), React__default.createElement(Coordinate, null, React__default.createElement(dmsComponentLibrary.Label, {
+    label: "Longitude",
+    htmlFor: "long"
+  }), React__default.createElement(CustomInput$7, {
+    name: "long",
+    type: "number",
+    placeholder: "Long",
+    value: localLong,
+    onChange: onChangeLongitude,
+    onKeyDown: handleKeyDown
+  })))));
+}
+var WordsSection = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  align-items: center;\n"])));
+var WordInputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n"])));
+var CurrentText = /*#__PURE__*/styled__default.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__default.span(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n"])));
+var Section$2 = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"])));
+var FieldRow$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n"])));
+var CoordRow = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  gap: 14px;\n"])));
+var Coordinate = /*#__PURE__*/styled__default.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__default(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$2n;
 function OrderActions() {
   var _useCurrentAction = useCurrentAction(),
     currentAction = _useCurrentAction[0],
@@ -15535,15 +15773,19 @@ function OrderActions() {
         return React__default.createElement(RemoveFromRoute, {
           callOrderAlertsApi: callOrderAlertsApi
         });
+      case 'what3Words':
+        return React__default.createElement(What3WordsModal, {
+          callOrdersApi: callOrdersApi
+        });
       default:
         return null;
     }
   };
   return React__default.createElement(Container$1i, null, renderContent());
 }
-var Container$1i = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Container$1i = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var _templateObject$2m, _templateObject2$1J, _templateObject3$13, _templateObject4$D;
+var _templateObject$2o, _templateObject2$1K, _templateObject3$14, _templateObject4$E;
 var Details = function Details() {
   var _globalEscData$, _globalEscData$2;
   // const [orderDetails] = useOrderDetails();
@@ -15555,10 +15797,10 @@ var Details = function Details() {
     globalEscData = _useGlobalEscData[0];
   return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React__default.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__default.div(_templateObject$2m || (_templateObject$2m = /*#__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__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__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__default.div(_templateObject3$13 || (_templateObject3$13 = /*#__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__default(Name)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n  font-size: 16px;\n"])));
+var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__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__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__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__default.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__default(Name)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #6396e5;\n  font-size: 16px;\n"])));
 var bjsMenu = [{
   label: 'Add Order Resources',
@@ -15634,7 +15876,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
   }));
 };
-var _templateObject$2n, _templateObject2$1K;
+var _templateObject$2p, _templateObject2$1L;
 function Options$1() {
   var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
   var _useCurrentAction = useCurrentAction(),
@@ -15729,10 +15971,10 @@ function Options$1() {
     fill: '#f0f2f2'
   })))));
 }
-var Option = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var StyledSpace = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1K || (_templateObject2$1K = /*#__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 Option = /*#__PURE__*/styled__default.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var StyledSpace = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1L || (_templateObject2$1L = /*#__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$2o, _templateObject2$1L;
+var _templateObject$2q, _templateObject2$1M;
 function Print() {
   var _useOrderDetails = useOrderDetails(),
     orderDetails = _useOrderDetails[0];
@@ -15858,10 +16100,10 @@ function Print() {
     fill: '#f0f2f2'
   })))));
 }
-var Container$1j = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var StyledSpace$1 = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1L || (_templateObject2$1L = /*#__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 Container$1j = /*#__PURE__*/styled__default.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var StyledSpace$1 = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1M || (_templateObject2$1M = /*#__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$2p;
+var _templateObject$2r;
 function BjsMenuDropDown() {
   var _orderStatus$;
   var _useCurrentAction = useCurrentAction(),
@@ -15905,9 +16147,9 @@ function BjsMenuDropDown() {
     fill: '#f0f2f2'
   }))));
 }
-var StyledSpace$2 = /*#__PURE__*/styled__default(antd.Space)(_templateObject$2p || (_templateObject$2p = /*#__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__default(antd.Space)(_templateObject$2r || (_templateObject$2r = /*#__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$2q, _templateObject2$1M;
+var _templateObject$2s, _templateObject2$1N;
 // components
 function DropDowns$1() {
   var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
@@ -15980,24 +16222,24 @@ function DropDowns$1() {
     }, action == null ? void 0 : action.label);
   })));
 }
-var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$2q || (_templateObject$2q = /*#__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__default.div(_templateObject2$1M || (_templateObject2$1M = /*#__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) {
+var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$2s || (_templateObject$2s = /*#__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__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__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$2r;
+var _templateObject$2t;
 var ActionsMenu = function ActionsMenu() {
   return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
 };
-var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$2r || (_templateObject$2r = /*#__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__default.div(_templateObject$2t || (_templateObject$2t = /*#__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$2s;
+var _templateObject$2u;
 var DetailsFilters = function DetailsFilters() {
   return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
 };
-var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$2s || (_templateObject$2s = /*#__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__default.div(_templateObject$2u || (_templateObject$2u = /*#__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$2t, _templateObject2$1N;
+var _templateObject$2v, _templateObject2$1O;
 function OrderTemplate$1(_ref) {
   var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
   var orderDetails = _ref.orderDetails,
@@ -16272,10 +16514,10 @@ function OrderTemplate$1(_ref) {
     }
   }));
 }
-var FlagsStyle = /*#__PURE__*/styled__default.div(_templateObject$2t || (_templateObject$2t = /*#__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__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 5px;\n"])));
+var FlagsStyle = /*#__PURE__*/styled__default.div(_templateObject$2v || (_templateObject$2v = /*#__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__default.div(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 5px;\n"])));
-var _templateObject$2u, _templateObject2$1O, _templateObject3$14;
+var _templateObject$2w, _templateObject2$1P, _templateObject3$15;
 function ReminderTemplate(_ref) {
   var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
   var data = _ref.data,
@@ -16313,18 +16555,18 @@ function ReminderTemplate(_ref) {
     }
   })));
 }
-var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 10px;\n"])));
-var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])), function (_ref2) {
+var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 10px;\n"])));
+var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1P || (_templateObject2$1P = /*#__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 StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$14 || (_templateObject3$14 = /*#__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: ", ";\n  ", ";\n"])), function (props) {
+var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$15 || (_templateObject3$15 = /*#__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: ", ";\n  ", ";\n"])), function (props) {
   return props != null && props.$disable ? 'auto' : 'pointer';
 }, function (props) {
   return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
 });
-var _templateObject$2v, _templateObject2$1P;
+var _templateObject$2x, _templateObject2$1Q;
 function Tabs$1(_ref) {
   var activeTasks = _ref.activeTasks,
     closedTasks = _ref.closedTasks,
@@ -16384,8 +16626,8 @@ function Tabs$1(_ref) {
     });
   })))));
 }
-var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  display: grid;\n"])));
-var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  display: grid;\n"])));
+var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 var NotifyFlag = function NotifyFlag() {
   return React__default.createElement("svg", {
@@ -16403,7 +16645,7 @@ var NotifyFlag = function NotifyFlag() {
   }));
 };
-var _templateObject$2w, _templateObject2$1Q, _templateObject3$15, _templateObject4$E, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
+var _templateObject$2y, _templateObject2$1R, _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(),
@@ -16651,7 +16893,7 @@ function Notification() {
   var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
     return item.status === 'SD';
   })) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$2, null, React__default.createElement(Container$1l, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$3, null, React__default.createElement(Container$1l, {
     className: "notification-header"
   }, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$i, {
     label: "NOTIFICATIONS"
@@ -16745,61 +16987,61 @@ function Notification() {
     routeInfoData: orderAlertsData
   })) : 'No Notifications Found'));
 }
-var Container$1l = /*#__PURE__*/styled__default.div(_templateObject$2w || (_templateObject$2w = /*#__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__default.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n"])));
-var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n"])));
-var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n"])));
-var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n"])));
-var StyledTab = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ", ";\n  border-bottom: ", ";\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n"])), function (props) {
+var Container$1l = /*#__PURE__*/styled__default.div(_templateObject$2y || (_templateObject$2y = /*#__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__default.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n"])));
+var TabsData = /*#__PURE__*/styled__default.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__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n"])));
+var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n"])));
+var StyledTab = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ", ";\n  border-bottom: ", ";\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n"])), function (props) {
   return props.active ? '#3a3630' : '#AEA9A1';
 }, function (props) {
   return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
 });
-var Section$2 = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__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 Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject8$c || (_templateObject8$c = /*#__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__default.div(_templateObject9$a || (_templateObject9$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 Section$3 = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__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 Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.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__default.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$2x;
+var _templateObject$2z;
 function CollapsedContent$2() {
   return React__default.createElement(Font$1, null, "ORDER RESOURCES");
 }
-var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2x || (_templateObject$2x = /*#__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__default.div(_templateObject$2z || (_templateObject$2z = /*#__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$2y, _templateObject2$1R;
+var _templateObject$2A, _templateObject2$1S;
 function Category(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
   return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$7, null, data));
 }
-var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var _templateObject$2z, _templateObject2$1S;
+var _templateObject$2B, _templateObject2$1T;
 function Date$2(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
   return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$8, null, formatDate$1(data)));
 }
-var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var _templateObject$2A, _templateObject2$1T;
+var _templateObject$2C, _templateObject2$1U;
 function Reference(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
   return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$9, null, data));
 }
-var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var _templateObject$2B, _templateObject2$1U;
+var _templateObject$2D, _templateObject2$1V;
 function Type(props) {
   var _props$row;
   var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
   return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$a, null, data));
 }
-var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var DownloadIcon = function DownloadIcon() {
   return React__default.createElement("svg", {
@@ -16828,7 +17070,7 @@ var DownloadIcon = function DownloadIcon() {
   })));
 };
-var _templateObject$2C, _templateObject2$1V, _templateObject3$16;
+var _templateObject$2E, _templateObject2$1W, _templateObject3$17;
 function Action(_ref) {
   var _row$original, _orderResources$data;
   var row = _ref.row;
@@ -16938,9 +17180,9 @@ function Action(_ref) {
   }, React__default.createElement(DownloadIcon, null)))));
 }
 // Styled components for styling
-var Actions = /*#__PURE__*/styled__default.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin: 7px;\n"])));
-var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));
+var Actions = /*#__PURE__*/styled__default.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin: 7px;\n"])));
+var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 10px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));
 var tableColumns$1 = [{
   header: 'Date',
@@ -16969,7 +17211,7 @@ var tableColumns$1 = [{
   enableSorting: false
 }];
-var _templateObject$2D;
+var _templateObject$2F;
 function Order$1(_ref) {
   var _orderResources$data;
   var loading = _ref.loading;
@@ -16984,9 +17226,9 @@ function Order$1(_ref) {
     loading: loading
   })));
 }
-var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-var _templateObject$2E, _templateObject2$1W, _templateObject3$17, _templateObject4$F;
+var _templateObject$2G, _templateObject2$1X, _templateObject3$18, _templateObject4$G;
 function OrderView(_ref) {
   var locationloading = _ref.locationloading;
   antd.notification.config({
@@ -17381,13 +17623,13 @@ function OrderView(_ref) {
     loading: logsLoading
   }))), React__default.createElement(OrderActions, null));
 }
-var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n"])));
-var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n  @media (max-width: 1024px) {\n    display: contents;\n  }\n"])));
-var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
-var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n"])));
+var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n"])));
+var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 15px;\n  @media (max-width: 1024px) {\n    display: contents;\n  }\n"])));
+var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
+var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n"])));
-var _templateObject2$1X;
-var StyledBulkItem$1 = /*#__PURE__*/styled__default.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  /* border-right: 1px solid #d0d5dd; */\n  gap: 8px;\n  cursor: pointer;\n  position: relative;\n\n  @media screen and (max-width: 1030px) {\n    padding: 8px 11px;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    box-sizing: border-box;\n    top: 54px;\n  }\n  &:last-child {\n    border-right: none;\n  }\n  &.active svg.arrowDown {\n    transform: rotate(180deg);\n  }\n  label {\n    color: #6a7378;\n    text-align: center;\n    font-family: 'Open Sans';\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    cursor: pointer;\n  }\n\n  &.noPadding {\n    padding: 0;\n  }\n"])));
+var _templateObject2$1Y;
+var StyledBulkItem$1 = /*#__PURE__*/styled__default.div(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  /* border-right: 1px solid #d0d5dd; */\n  gap: 8px;\n  cursor: pointer;\n  position: relative;\n\n  @media screen and (max-width: 1030px) {\n    padding: 8px 11px;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    box-sizing: border-box;\n    top: 54px;\n  }\n  &:last-child {\n    border-right: none;\n  }\n  &.active svg.arrowDown {\n    transform: rotate(180deg);\n  }\n  label {\n    color: #6a7378;\n    text-align: center;\n    font-family: 'Open Sans';\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    cursor: pointer;\n  }\n\n  &.noPadding {\n    padding: 0;\n  }\n"])));
 var initialState$4 = {
   'x-filters': [],
@@ -17456,7 +17698,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
   return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
 });
-var _templateObject$2F, _templateObject2$1Y, _templateObject3$18;
+var _templateObject$2H, _templateObject2$1Z, _templateObject3$19;
 var _excluded$7 = ["count"];
 var SearchType = function SearchType() {
   var _useState = React.useState(''),
@@ -17553,9 +17795,9 @@ var SearchType = function SearchType() {
     onClick: handleClear
   }, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
 };
-var Search = /*#__PURE__*/styled__default.div(_templateObject$2F || (_templateObject$2F = /*#__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__default.button(_templateObject2$1Y || (_templateObject2$1Y = /*#__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__default.input(_templateObject3$18 || (_templateObject3$18 = /*#__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"])));
+var Search = /*#__PURE__*/styled__default.div(_templateObject$2H || (_templateObject$2H = /*#__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__default.button(_templateObject2$1Z || (_templateObject2$1Z = /*#__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__default.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"])));
 var BulkFilter = function BulkFilter() {
   // const [printToogle, setPrintToggle] = useMenuDropDown();
@@ -17790,7 +18032,7 @@ var ReturnTable$1 = function ReturnTable() {
   })))));
 };
-var _templateObject$2G, _templateObject2$1Z, _templateObject3$19;
+var _templateObject$2I, _templateObject2$1_, _templateObject3$1a;
 var _excluded$8 = ["count"];
 function ReturnMainTable() {
   var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
@@ -17904,9 +18146,9 @@ function ReturnMainTable() {
     onItemsPerPageChange: handleItemsPerPageChange
   }))));
 }
-var Row$c = /*#__PURE__*/styled__default.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var Container$1m = /*#__PURE__*/styled__default.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -46px;\n"])));
-var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$19 || (_templateObject3$19 = /*#__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 Row$c = /*#__PURE__*/styled__default.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var Container$1m = /*#__PURE__*/styled__default.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -46px;\n"])));
+var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
 var OrderViewQueryHandler = function OrderViewQueryHandler() {
   var _useSearchParams = reactRouterDom.useSearchParams(),
@@ -18443,7 +18685,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
   })))));
 };
-var _templateObject$2H, _templateObject2$1_;
+var _templateObject$2J, _templateObject2$1$;
 var _excluded$a = ["count"];
 var ConfirmedMain = function ConfirmedMain() {
   var _useReturnConfirmedOr = useReturnConfirmedOrderData(),
@@ -18523,25 +18765,25 @@ var ConfirmedMain = function ConfirmedMain() {
     onItemsPerPageChange: handleItemsPerPageChange
   })))));
 };
-var Container$1n = /*#__PURE__*/styled__default.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  /* top: -30px; */\n"])));
-var DashBoardWrapper$4 = /*#__PURE__*/styled__default.section(_templateObject2$1_ || (_templateObject2$1_ = /*#__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 Container$1n = /*#__PURE__*/styled__default.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  /* top: -30px; */\n"])));
+var DashBoardWrapper$4 = /*#__PURE__*/styled__default.section(_templateObject2$1$ || (_templateObject2$1$ = /*#__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$2I, _templateObject2$1$;
-var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2I || (_templateObject$2I = /*#__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__default.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
+var _templateObject$2K, _templateObject2$20;
+var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2K || (_templateObject$2K = /*#__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__default.div(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
-var _templateObject$2J;
+var _templateObject$2L;
 var HeaderTitle = function HeaderTitle(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$9, null, props.title));
 };
-var Title$9 = /*#__PURE__*/styled__default.h2(_templateObject$2J || (_templateObject$2J = /*#__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__default.h2(_templateObject$2L || (_templateObject$2L = /*#__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$2K, _templateObject2$20;
+var _templateObject$2M, _templateObject2$21;
 function Breadcrumb(props) {
   return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
 }
-var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$20 || (_templateObject2$20 = /*#__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 BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$21 || (_templateObject2$21 = /*#__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) {
   var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
@@ -18554,7 +18796,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
   return JSON.parse(d);
 };
-var _templateObject$2L, _templateObject2$21, _templateObject3$1a;
+var _templateObject$2N, _templateObject2$22, _templateObject3$1b;
 function ReturnSearchBar() {
   var _useState = React.useState(''),
     searchText = _useState[0],
@@ -18698,12 +18940,12 @@ function ReturnSearchBar() {
     onClick: handleClear
   }, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
 }
-var ClearButton$1 = /*#__PURE__*/styled__default.button(_templateObject$2L || (_templateObject$2L = /*#__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__default.div(_templateObject2$21 || (_templateObject2$21 = /*#__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__default.input(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n"])));
+var ClearButton$1 = /*#__PURE__*/styled__default.button(_templateObject$2N || (_templateObject$2N = /*#__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__default.div(_templateObject2$22 || (_templateObject2$22 = /*#__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__default.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__default.memo(ReturnSearchBar);
-var _templateObject$2M, _templateObject2$22, _templateObject3$1b;
+var _templateObject$2O, _templateObject2$23, _templateObject3$1c;
 function ReturnAfterSearchBar() {
   var _useState = React.useState(''),
     searchText = _useState[0],
@@ -18830,12 +19072,12 @@ function ReturnAfterSearchBar() {
     onClick: handleClear
   }, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
 }
-var ClearButton$2 = /*#__PURE__*/styled__default.button(_templateObject$2M || (_templateObject$2M = /*#__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__default.div(_templateObject2$22 || (_templateObject2$22 = /*#__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__default.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 ClearButton$2 = /*#__PURE__*/styled__default.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 Search$2 = /*#__PURE__*/styled__default.div(_templateObject2$23 || (_templateObject2$23 = /*#__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__default.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__default.memo(ReturnAfterSearchBar);
-var _templateObject$2N;
+var _templateObject$2P;
 var ClientRouterHeader = function ClientRouterHeader(_ref) {
   var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
     breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
@@ -18922,9 +19164,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
     }
   }))));
 };
-var DatePickerWrap$1 = /*#__PURE__*/styled__default.div(_templateObject$2N || (_templateObject$2N = /*#__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__default.div(_templateObject$2P || (_templateObject$2P = /*#__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$2O, _templateObject2$23;
+var _templateObject$2Q, _templateObject2$24;
 var ReturnOverview = function ReturnOverview() {
   var _UsePaginationData = UsePaginationData(),
     paginationObj = _UsePaginationData[0];
@@ -18958,8 +19200,8 @@ var ReturnOverview = function ReturnOverview() {
     onItemsPerPageChange: handleItemsPerPageChange
   })), shouldShowReturnAfterTable && React__default.createElement(React__default.Fragment, null, React__default.createElement(ConfirmedMain, null)))))));
 };
-var Container$1o = /*#__PURE__*/styled__default.div(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -16px;\n"])));
-var DashBoardWrapper$5 = /*#__PURE__*/styled__default.section(_templateObject2$23 || (_templateObject2$23 = /*#__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 Container$1o = /*#__PURE__*/styled__default.div(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  top: -16px;\n"])));
+var DashBoardWrapper$5 = /*#__PURE__*/styled__default.section(_templateObject2$24 || (_templateObject2$24 = /*#__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) {
   var _ref$breadcrumbTitle = _ref.breadcrumbTitle,