@bjsdistribution/dms-client-return 0.0.85 → 0.0.86

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 (22) hide show
  1. package/dist/components/order-view/notification/OrderTemplate.d.ts +3 -0
  2. package/dist/components/order-view/order-actions/store.d.ts +1 -0
  3. package/dist/components/order-view/utils.d.ts +1 -0
  4. package/dist/dms-client-return.cjs.development.js +211 -81
  5. package/dist/dms-client-return.cjs.development.js.map +1 -1
  6. package/dist/dms-client-return.cjs.production.min.js +1 -1
  7. package/dist/dms-client-return.cjs.production.min.js.map +1 -1
  8. package/dist/dms-client-return.esm.js +211 -81
  9. package/dist/dms-client-return.esm.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/order-view/index.tsx +6 -1
  12. package/src/components/order-view/notification/OrderTemplate.tsx +349 -0
  13. package/src/components/order-view/notification/Tabs.tsx +10 -6
  14. package/src/components/order-view/order-actions/actions/confirm-order/index.tsx +0 -32
  15. package/src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx +7 -0
  16. package/src/components/order-view/order-actions/actions/uncancel-order/UncancelOrder.tsx +4 -3
  17. package/src/components/order-view/order-actions/actions/unhold-order/UnholdOrder.tsx +1 -1
  18. package/src/components/order-view/order-actions/store.ts +6 -0
  19. package/src/components/order-view/order-actions/utils.ts +1 -1
  20. package/src/components/order-view/order-details/expanded-content/orders-section/Carrier.tsx +1 -1
  21. package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +1 -1
  22. package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +1 -1
package/dist/dms-client-return.esm.js CHANGED
@@ -4562,7 +4562,7 @@ function Carrier() {
4562
4562
  var onChange = function onChange(selectedOption) {
4563
4563
  setOrderDetails(function (prev) {
4564
4564
  return _extends({}, prev, {
4565
- carrier_id: selectedOption.value
4565
+ carrier_id: selectedOption == null ? void 0 : selectedOption.value
4566
4566
  });
4567
4567
  });
4568
4568
  };
@@ -4824,8 +4824,7 @@ function TimedServiceDropdown() {
4824
4824
  setOrderData(newData);
4825
4825
  };
4826
4826
  return React.createElement(Container$r, null, React.createElement(Label$j, {
4827
- label: "Timed Service",
4828
- htmlFor: "timedServiceDropdown"
4827
+ label: "Timed Service"
4829
4828
  }), React.createElement(StyledSelectDropdown$1, {
4830
4829
  styles: _extends({}, dropdownStyles, {
4831
4830
  control: function control(styles) {
@@ -4913,8 +4912,7 @@ function DeliveryPointDropdown() {
4913
4912
  setOrderData(newData);
4914
4913
  };
4915
4914
  return React.createElement(Container$t, null, React.createElement(Label$j, {
4916
- label: "Delivery Point",
4917
- htmlFor: "deliveryPointDropdown"
4915
+ label: "Delivery Point"
4918
4916
  }), React.createElement(StyledSelectDropdown$3, {
4919
4917
  placeholder: "Select Delivery Point",
4920
4918
  options: deliveryPointOptions || [],
@@ -6008,7 +6006,7 @@ function formatDate$1(dateString) {
6008
6006
  if (dateString) {
6009
6007
  var date = new Date(dateString);
6010
6008
  if (!isNaN(date.getTime())) {
6011
- return format(date, 'MM/dd/yyyy HH:mm:ss');
6009
+ return format(date, 'dd/MM/yyyy HH:mm:ss');
6012
6010
  }
6013
6011
  }
6014
6012
  return 'Invalid date';
@@ -7062,6 +7060,10 @@ function useReminderRefId() {
7062
7060
  function useRouteDetails() {
7063
7061
  return useAtom(routeDetails);
7064
7062
  }
7063
+ var allOrderStatus = /*#__PURE__*/atom(null);
7064
+ function useAllOrderStatus() {
7065
+ return useAtom(allOrderStatus);
7066
+ }
7065
7067
  var selectedCategoryIdAtom = /*#__PURE__*/atom(null);
7066
7068
  var selectedDocumentTypeAtom = /*#__PURE__*/atom(null);
7067
7069
  var selectedTypeAtom = /*#__PURE__*/atom(null);
@@ -8721,28 +8723,6 @@ function ConfirmOrder() {
8721
8723
  return _ref.apply(this, arguments);
8722
8724
  };
8723
8725
  }();
8724
- // const isDifferent = () => {
8725
- // const keysToRemovefromOrders = [
8726
- // 'order_locked',
8727
- // 'order_communications',
8728
- // 'updated_at',
8729
- // 'updated_by',
8730
- // 'order_services',
8731
- // ];
8732
- // const filteredOrderDetails = filterObject(
8733
- // orderDetailsConfirmOrder,
8734
- // keysToRemovefromOrders
8735
- // );
8736
- // const filteredPrevOrderDetails = filterObject(
8737
- // prevOrderDetails,
8738
- // keysToRemovefromOrders
8739
- // );
8740
- // const orderDetailsSorted = JSON.stringify(filteredOrderDetails);
8741
- // const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);
8742
- // const isSame = orderDetailsSorted === prevOrderDetailsSorted;
8743
- // // newOrderServicesSorted === prevOrderServicesSorted;
8744
- // return !isSame;
8745
- // };
8746
8726
  var errorFound = function errorFound() {
8747
8727
  var isError = errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workContactError.length > 0 || errorState.mobileError.length > 0;
8748
8728
  return isError;
@@ -8946,6 +8926,8 @@ function HoldOrderModal() {
8946
8926
  setPrevOrderDetails = _usePrevOrderDetails[1];
8947
8927
  var _useCustomerInfo = useCustomerInfo(),
8948
8928
  customerInfo = _useCustomerInfo[0];
8929
+ var _useLiveRecalling = useLiveRecalling(),
8930
+ setRecalling = _useLiveRecalling[1];
8949
8931
  var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
8950
8932
  var onHoldReasonOptions = orderStaticData == null || (_orderStaticData$onho = orderStaticData.onhold_reasons) == null ? void 0 : _orderStaticData$onho.map(function (item) {
8951
8933
  return {
@@ -8987,6 +8969,10 @@ function HoldOrderModal() {
8987
8969
  //@ts-ignore
8988
8970
  if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
8989
8971
  setShouldPerformAction(true);
8972
+ setRecalling(true);
8973
+ setTimeout(function () {
8974
+ setRecalling(false);
8975
+ }, 1000);
8990
8976
  } else {
8991
8977
  notification.error({
8992
8978
  message: 'Error',
@@ -9247,7 +9233,7 @@ var UnholdOrder = function UnholdOrder() {
9247
9233
  var _useLoading = useLoading(),
9248
9234
  setLoading = _useLoading[1];
9249
9235
  var _useApiHook = useApiHook({
9250
- endpoint: "orders/" + orderId + "/unhold/?unhold_reason=\"unhold\"",
9236
+ endpoint: "orders/" + orderId + "/unhold/",
9251
9237
  method: 'POST',
9252
9238
  performAction: false
9253
9239
  }),
@@ -10742,7 +10728,10 @@ function UncancelOrder() {
10742
10728
  infoText: infoText,
10743
10729
  submitBtnTitle: "Save Details",
10744
10730
  isSubmitDisabled: !showSubmitBtn
10745
- }, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$e, null, "Un-cancel Reason"), React.createElement(AntSelect, {
10731
+ }, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$j, {
10732
+ label: "Un-cancel Reason",
10733
+ required: true
10734
+ }), React.createElement(AntSelect, {
10746
10735
  options: unCancelReasonOptions || [],
10747
10736
  placeholder: "Select un-cancel Reason",
10748
10737
  onChange: onChangeUnCancelReason,
@@ -10755,7 +10744,9 @@ function UncancelOrder() {
10755
10744
  popupClassName: 'dropDownStyle',
10756
10745
  selectWrapperClass: 'rounded',
10757
10746
  defaultValue: unCancelReason
10758
- })), React.createElement(HoldRow, null, React.createElement(Label$e, null, "Un-cancel Note"), React.createElement(CustomTextArea$3, {
10747
+ })), React.createElement(HoldRow, null, React.createElement(Label$j, {
10748
+ label: "Un-cancel Note"
10749
+ }), React.createElement(CustomTextArea$3, {
10759
10750
  rows: 5,
10760
10751
  onChange: onChange
10761
10752
  })))));
@@ -11781,7 +11772,137 @@ var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1y || (_templateOb
11781
11772
  });
11782
11773
  var StyledLink$3 = /*#__PURE__*/styled.span(_templateObject3$S || (_templateObject3$S = /*#__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"])));
11783
11774
 
11784
- var _templateObject$2a, _templateObject2$1z;
11775
+ var _templateObject$2a, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b;
11776
+ function OrderTemplate(_ref) {
11777
+ var _orderStaticData$canc, _orderDetails$order_c, _routeData$route_crew, _routeData$route_crew2, _routeData$route_crew3, _routeData$route_crew4, _orderDetails$order_o, _orderDetails$order_o2, _orderDetails$order_o3, _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _routeData$route_deta, _routeData$route_deta2, _routeData$route_deta3;
11778
+ var orderDetails = _ref.orderDetails;
11779
+ var _useRouteDetails = useRouteDetails(),
11780
+ routeData = _useRouteDetails[0];
11781
+ var _useOrderNotify = useOrderNotify(),
11782
+ setOrderCount = _useOrderNotify[1];
11783
+ var _useAllOrderStatus = useAllOrderStatus(),
11784
+ statusVal = _useAllOrderStatus[0];
11785
+ var precall = false;
11786
+ var _useOrderStaticData = useOrderStaticData(),
11787
+ orderStaticData = _useOrderStaticData[0];
11788
+ var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
11789
+ return {
11790
+ id: x == null ? void 0 : x.id,
11791
+ reason: x == null ? void 0 : x.reason
11792
+ };
11793
+ });
11794
+ var getReasonById = function getReasonById(id) {
11795
+ if (!unholdReasons || (unholdReasons == null ? void 0 : unholdReasons.length) === 0) {
11796
+ return 'Reason not found';
11797
+ }
11798
+ var match = unholdReasons == null ? void 0 : unholdReasons.find(function (item) {
11799
+ return (item == null ? void 0 : item.id) === id;
11800
+ });
11801
+ return match ? match == null ? void 0 : match.reason : 'Reason not found';
11802
+ };
11803
+ var reason = getReasonById(orderDetails == null || (_orderDetails$order_c = orderDetails.order_cancellations) == null ? void 0 : _orderDetails$order_c.reason_id);
11804
+ var _useState = useState({
11805
+ isHoldVisible: true,
11806
+ isCompleted: true,
11807
+ isOutstanding: true,
11808
+ isAwaitingConfirmation: true,
11809
+ isAwaitingRoute: true,
11810
+ isCancelled: true,
11811
+ isEnroute: true,
11812
+ isPreCall: true,
11813
+ isConfirmed: true
11814
+ }),
11815
+ alertVisibility = _useState[0],
11816
+ setAlertVisibility = _useState[1];
11817
+ var crewDetails = (routeData == null || (_routeData$route_crew = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew.crew1_id) + ' ' + (routeData == null || (_routeData$route_crew2 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew2.crew1) + ' ' + (routeData == null || (_routeData$route_crew3 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew3.crew2_id) + ' ' + (routeData == null || (_routeData$route_crew4 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew4.crew2) + ' ';
11818
+ useEffect(function () {
11819
+ }, [precall]);
11820
+ //on close alert functionality
11821
+ var onCloseAlert = function onCloseAlert(alertType) {
11822
+ setAlertVisibility(function (prev) {
11823
+ var _extends2;
11824
+ return _extends({}, prev, (_extends2 = {}, _extends2[alertType] = false, _extends2));
11825
+ });
11826
+ setOrderCount(0);
11827
+ };
11828
+ return React.createElement(React.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11829
+ type: "warn",
11830
+ title: React.createElement(React.Fragment, null, (orderDetails == null || (_orderDetails$order_o = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o.hold_indefinitely) === false ? React.createElement(HoldText, null, "on hold until:", ' ', orderDetails != null && (_orderDetails$order_o2 = orderDetails.order_on_hold) != null && _orderDetails$order_o2.hold_untill ? format(new Date(orderDetails == null || (_orderDetails$order_o3 = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o3.hold_untill), 'dd/MM/yyyy') : '') : React.createElement(HoldText, null, "On Hold Until: Indefinitely")),
11831
+ description: '',
11832
+ showOkButton: false,
11833
+ onClose: function onClose() {
11834
+ return onCloseAlert('isHoldVisible');
11835
+ }
11836
+ })), orderDetails.status == 'SD' && alertVisibility.isCompleted && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11837
+ type: "success",
11838
+ title: React.createElement(TitleText, null, "Completed: ", orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.complete_time, ", Signee:", ' ', orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r2.signee, " Notes :", orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r3.complete_notes),
11839
+ description: React.createElement(SubtitleText, null, "Route: ", routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta = routeData.route_detail) == null ? void 0 : _routeData$route_deta.vehicle_number, " | Crew : ", crewDetails, "| ", routeData == null ? void 0 : routeData.route_date),
11840
+ showOkButton: false,
11841
+ onClose: function onClose() {
11842
+ return onCloseAlert('isCompleted');
11843
+ }
11844
+ })), precall , statusVal == 'outstanding' && alertVisibility.isOutstanding && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11845
+ type: "release",
11846
+ title: "Outstanding",
11847
+ description: "",
11848
+ showOkButton: false,
11849
+ onClose: function onClose() {
11850
+ return onCloseAlert('isOutstanding');
11851
+ }
11852
+ })), statusVal == 'awaiting confirmation' && alertVisibility.isAwaitingConfirmation && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11853
+ type: "info",
11854
+ title: React.createElement(React.Fragment, null, React.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', React.createElement("span", null, ", Awaiting Confirmation"))),
11855
+ description: "",
11856
+ showOkButton: false,
11857
+ onClose: function onClose() {
11858
+ return onCloseAlert('isAwaitingConfirmation');
11859
+ }
11860
+ })), statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11861
+ type: "info",
11862
+ title: React.createElement(React.Fragment, null, React.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', ",", React.createElement("span", null, " Awaiting Route"))),
11863
+ description: "",
11864
+ showOkButton: false,
11865
+ onClose: function onClose() {
11866
+ return onCloseAlert('isAwaitingRoute');
11867
+ }
11868
+ })), statusVal == 'cancelled' && alertVisibility.isCancelled && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11869
+ type: "error",
11870
+ title: "This order has been cancelled",
11871
+ description: reason,
11872
+ showOkButton: false,
11873
+ onClose: function onClose() {
11874
+ return onCloseAlert('isCancelled');
11875
+ }
11876
+ })), statusVal == 'enroute' && alertVisibility.isEnroute && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11877
+ type: "info",
11878
+ title: React.createElement(React.Fragment, null, React.createElement(EnRouteText, null, "Allocated to Route :", ' ', React.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta2 = routeData.route_detail) == null ? void 0 : _routeData$route_deta2.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React.createElement("span", null, ' ', ", Confirmed: ", React.createElement("span", {
11879
+ className: "no"
11880
+ }, "NO")))),
11881
+ description: "",
11882
+ showOkButton: false,
11883
+ onClose: function onClose() {
11884
+ return onCloseAlert('isEnroute');
11885
+ }
11886
+ })), statusVal == 'confirmed' && alertVisibility.isConfirmed && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
11887
+ type: "info",
11888
+ title: React.createElement(React.Fragment, null, React.createElement(EnRouteText, null, "Allocated to Route :", ' ', React.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta3 = routeData.route_detail) == null ? void 0 : _routeData$route_deta3.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React.createElement("span", null, ' ', ", Confirmed: ", React.createElement("span", {
11889
+ className: "yes"
11890
+ }, "YES")))),
11891
+ description: "",
11892
+ showOkButton: false,
11893
+ onClose: function onClose() {
11894
+ return onCloseAlert('isConfirmed');
11895
+ }
11896
+ })));
11897
+ }
11898
+ var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
11899
+ var SubtitleText = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n"])));
11900
+ var TitleText = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
11901
+ var ScheduledText = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
11902
+ var HoldText = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #feba30;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6a7378;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
11903
+ var EnRouteText = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n .yes {\n color: #36a053;\n }\n .no {\n color: #e95252;\n }\n }\n"])));
11904
+
11905
+ var _templateObject$2b, _templateObject2$1A;
11785
11906
  function Tabs(_ref) {
11786
11907
  var activeNotifications = _ref.activeNotifications,
11787
11908
  closedNotifications = _ref.closedNotifications,
@@ -11791,13 +11912,17 @@ function Tabs(_ref) {
11791
11912
  dismissFlags = _ref.dismissFlags;
11792
11913
  var _useTabType = useTabType(),
11793
11914
  activeTab = _useTabType[0];
11794
- var initialNotifications = activeNotifications.slice(0, 3);
11795
- var additionalNotifications = activeNotifications.slice(3);
11796
- var initialReminders = activeReminders.slice(0, 3);
11797
- var additionalReminders = activeReminders.slice(3);
11915
+ var _useOrderDetails = useOrderDetails(),
11916
+ orderDetails = _useOrderDetails[0];
11917
+ var initialNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(0, 3);
11918
+ var additionalNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(3);
11919
+ var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
11920
+ var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
11798
11921
  return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$1a, {
11799
11922
  className: "tab-content"
11800
- }, activeTab === 'active' && React.createElement(React.Fragment, null, initialReminders.map(function (item, index) {
11923
+ }, activeTab === 'active' && React.createElement(React.Fragment, null, React.createElement(OrderTemplate, {
11924
+ orderDetails: orderDetails
11925
+ }), initialReminders == null ? void 0 : initialReminders.map(function (item, index) {
11801
11926
  return React.createElement(ReminderTemplate, {
11802
11927
  key: index,
11803
11928
  data: item,
@@ -11835,8 +11960,8 @@ function Tabs(_ref) {
11835
11960
  });
11836
11961
  })))));
11837
11962
  }
11838
- var Container$1a = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11839
- var Content = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11963
+ var Container$1a = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11964
+ var Content = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11840
11965
 
11841
11966
  var NotifyFlag = function NotifyFlag() {
11842
11967
  return React.createElement("svg", {
@@ -11854,7 +11979,7 @@ var NotifyFlag = function NotifyFlag() {
11854
11979
  }));
11855
11980
  };
11856
11981
 
11857
- var _templateObject$2b, _templateObject2$1A, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
11982
+ var _templateObject$2c, _templateObject2$1B, _templateObject3$U, _templateObject4$v, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
11858
11983
  function Notification() {
11859
11984
  var _OrderData$order_rout;
11860
11985
  var _useTabType = useTabType(),
@@ -12031,12 +12156,12 @@ function Notification() {
12031
12156
  dismissFlags: dismissFlags
12032
12157
  })) : 'No Notifications Found'));
12033
12158
  }
12034
- var Container$1b = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
12035
- var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
12036
- var Spinner$1 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__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"])));
12037
- var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12038
- var TabsData = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
12039
- var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
12159
+ var Container$1b = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
12160
+ var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
12161
+ var Spinner$1 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__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"])));
12162
+ var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12163
+ var TabsData = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
12164
+ var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
12040
12165
  var ClosedCount = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
12041
12166
  var StyledTab = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__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) {
12042
12167
  return props.active ? '#3a3630' : '#AEA9A1';
@@ -12048,49 +12173,49 @@ var Label$i = /*#__PURE__*/styled(SectionHeader)(_templateObject10$3 || (_templa
12048
12173
  var TabsWrapper = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\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"])));
12049
12174
  var Text$9 = /*#__PURE__*/styled.div(_templateObject12$2 || (_templateObject12$2 = /*#__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"])));
12050
12175
 
12051
- var _templateObject$2c;
12176
+ var _templateObject$2d;
12052
12177
  function CollapsedContent$2() {
12053
12178
  return React.createElement(Font$1, null, "ORDER RESOURCES");
12054
12179
  }
12055
- var Font$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__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"])));
12180
+ var Font$1 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__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"])));
12056
12181
 
12057
- var _templateObject$2d, _templateObject2$1B;
12182
+ var _templateObject$2e, _templateObject2$1C;
12058
12183
  function Category(props) {
12059
12184
  var _props$row;
12060
12185
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
12061
12186
  return React.createElement(RowContainer$4, null, React.createElement(Row$6, null, data));
12062
12187
  }
12063
- var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12064
- var Row$6 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12188
+ var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12189
+ var Row$6 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12065
12190
 
12066
- var _templateObject$2e, _templateObject2$1C;
12191
+ var _templateObject$2f, _templateObject2$1D;
12067
12192
  function Date$2(props) {
12068
12193
  var _props$row;
12069
12194
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
12070
12195
  return React.createElement(RowContainer$5, null, React.createElement(Row$7, null, formatDate$1(data)));
12071
12196
  }
12072
- var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12073
- var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12197
+ var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12198
+ var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12074
12199
 
12075
- var _templateObject$2f, _templateObject2$1D;
12200
+ var _templateObject$2g, _templateObject2$1E;
12076
12201
  function Reference(props) {
12077
12202
  var _props$row;
12078
12203
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
12079
12204
  return React.createElement(RowContainer$6, null, React.createElement(Row$8, null, data));
12080
12205
  }
12081
- var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12082
- var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12206
+ var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12207
+ var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12083
12208
 
12084
- var _templateObject$2g, _templateObject2$1E;
12209
+ var _templateObject$2h, _templateObject2$1F;
12085
12210
  function Type(props) {
12086
12211
  var _props$row;
12087
12212
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
12088
12213
  return React.createElement(RowContainer$7, null, React.createElement(Row$9, null, data));
12089
12214
  }
12090
- var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12091
- var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12215
+ var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12216
+ var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12092
12217
 
12093
- var _templateObject$2h, _templateObject2$1F, _templateObject3$U;
12218
+ var _templateObject$2i, _templateObject2$1G, _templateObject3$V;
12094
12219
  function Action(_ref) {
12095
12220
  var _row$original, _orderResources$data;
12096
12221
  var row = _ref.row;
@@ -12199,9 +12324,9 @@ function Action(_ref) {
12199
12324
  }, React.createElement(DownIcon, null)))));
12200
12325
  }
12201
12326
  // Styled components for styling
12202
- var Actions = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12203
- var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12204
- var Row$a = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
12327
+ var Actions = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12328
+ var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12329
+ var Row$a = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
12205
12330
 
12206
12331
  var tableColumns$1 = [{
12207
12332
  header: 'Date',
@@ -12230,7 +12355,7 @@ var tableColumns$1 = [{
12230
12355
  enableSorting: false
12231
12356
  }];
12232
12357
 
12233
- var _templateObject$2i;
12358
+ var _templateObject$2j;
12234
12359
  function Order$1() {
12235
12360
  var _orderResources$data;
12236
12361
  var _useOrderProductsReso = useOrderProductsResources(),
@@ -12243,9 +12368,9 @@ function Order$1() {
12243
12368
  data: data
12244
12369
  })));
12245
12370
  }
12246
- var Table$2 = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12371
+ var Table$2 = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12247
12372
 
12248
- var _templateObject$2j, _templateObject2$1G, _templateObject3$V, _templateObject4$v;
12373
+ var _templateObject$2k, _templateObject2$1H, _templateObject3$W, _templateObject4$w;
12249
12374
  function OrderView() {
12250
12375
  notification.config({
12251
12376
  top: 150
@@ -12296,6 +12421,11 @@ function OrderView() {
12296
12421
  setSubContracterData = _useSubContracterData[1];
12297
12422
  var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
12298
12423
  recallOrders = _useGlobalStateHitOrd[0];
12424
+ var _useAllOrderStatus = useAllOrderStatus(),
12425
+ setStatusVal = _useAllOrderStatus[1];
12426
+ useEffect(function () {
12427
+ setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
12428
+ }, [orderDetails == null ? void 0 : orderDetails.status_value]);
12299
12429
  // query param
12300
12430
  var location = useLocation();
12301
12431
  var _useState2 = useState([]),
@@ -12594,13 +12724,13 @@ function OrderView() {
12594
12724
  }, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
12595
12725
  return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(Notification, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(Order$1, null), React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
12596
12726
  }
12597
- var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12598
- var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12599
- var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12600
- var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
12727
+ var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12728
+ var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12729
+ var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12730
+ var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
12601
12731
 
12602
- var _templateObject2$1H;
12603
- var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__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"])));
12732
+ var _templateObject2$1I;
12733
+ var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__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"])));
12604
12734
 
12605
12735
  var initialState$3 = {
12606
12736
  'x-filters': [],
@@ -12666,7 +12796,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
12666
12796
  return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
12667
12797
  });
12668
12798
 
12669
- var _templateObject$2k, _templateObject2$1I, _templateObject3$W;
12799
+ var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
12670
12800
  var SearchType = function SearchType() {
12671
12801
  var _useState = useState(''),
12672
12802
  searchText = _useState[0],
@@ -12712,9 +12842,9 @@ var SearchType = function SearchType() {
12712
12842
  onClick: handleClear
12713
12843
  }, React.createElement(CrossIcon, null)));
12714
12844
  };
12715
- var Search = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__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 }\n"])));
12716
- var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
12717
- var SearchInput = /*#__PURE__*/styled.input(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
12845
+ var Search = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__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 }\n"])));
12846
+ var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
12847
+ var SearchInput = /*#__PURE__*/styled.input(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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 display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
12718
12848
 
12719
12849
  var BulkFilter = function BulkFilter() {
12720
12850
  // const [printToogle, setPrintToggle] = useMenuDropDown();
@@ -12963,7 +13093,7 @@ var ReturnTable$1 = function ReturnTable() {
12963
13093
  })))));
12964
13094
  };
12965
13095
 
12966
- var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
13096
+ var _templateObject$2m, _templateObject2$1K, _templateObject3$Y;
12967
13097
  var _excluded$6 = ["count"];
12968
13098
  function ReturnMainTable() {
12969
13099
  var _useAtom = useAtom(overviewfiltersReducerAtom),
@@ -13044,9 +13174,9 @@ function ReturnMainTable() {
13044
13174
  onItemsPerPageChange: handleItemsPerPageChange
13045
13175
  }))));
13046
13176
  }
13047
- var Row$b = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13048
- var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13049
- var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$X || (_templateObject3$X = /*#__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"])));
13177
+ var Row$b = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13178
+ var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13179
+ var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$Y || (_templateObject3$Y = /*#__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"])));
13050
13180
 
13051
13181
  var OrderViewQueryHandler = function OrderViewQueryHandler() {
13052
13182
  var _useSearchParams = useSearchParams(),