@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/components/order-view/notification/OrderTemplate.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare function OrderTemplate({ orderDetails }: any): React.JSX.Element;
3
+ export default OrderTemplate;
package/dist/components/order-view/order-actions/store.d.ts CHANGED
@@ -72,6 +72,7 @@ export declare function useReminderRefId(): [number | null, (args_0: number | ((
72
72
  export declare function useSingleReminderData(): [any, (args_0: any) => void];
73
73
  export declare function useUpdateReminderData(): [UpdateReminderPayload, (args_0: UpdateReminderPayload | ((prev: UpdateReminderPayload) => UpdateReminderPayload)) => void];
74
74
  export declare function useRouteDetails(): [any, (args_0: any) => void];
75
+ export declare function useAllOrderStatus(): [string | null, (args_0: string | ((prev: string | null) => string | null) | null) => void];
75
76
  export declare const selectedCategoryIdAtom: import("jotai/esm/").PrimitiveAtom<any> & {
76
77
  init: any;
77
78
  };
package/dist/components/order-view/utils.d.ts CHANGED
@@ -66,4 +66,5 @@ export declare const compareOrderDetailsStates: (oldData: OrdersType, newData: O
66
66
  created_at: any;
67
67
  recipient_name: any;
68
68
  postcode: any;
69
+ carrier_id: number | null;
69
70
  };
package/dist/dms-client-return.cjs.development.js CHANGED
@@ -4570,7 +4570,7 @@ function Carrier() {
4570
4570
  var onChange = function onChange(selectedOption) {
4571
4571
  setOrderDetails(function (prev) {
4572
4572
  return _extends({}, prev, {
4573
- carrier_id: selectedOption.value
4573
+ carrier_id: selectedOption == null ? void 0 : selectedOption.value
4574
4574
  });
4575
4575
  });
4576
4576
  };
@@ -4832,8 +4832,7 @@ function TimedServiceDropdown() {
4832
4832
  setOrderData(newData);
4833
4833
  };
4834
4834
  return React__default.createElement(Container$r, null, React__default.createElement(dmsComponentLibrary.Label, {
4835
- label: "Timed Service",
4836
- htmlFor: "timedServiceDropdown"
4835
+ label: "Timed Service"
4837
4836
  }), React__default.createElement(StyledSelectDropdown$1, {
4838
4837
  styles: _extends({}, dmsComponentLibrary.dropdownStyles, {
4839
4838
  control: function control(styles) {
@@ -4921,8 +4920,7 @@ function DeliveryPointDropdown() {
4921
4920
  setOrderData(newData);
4922
4921
  };
4923
4922
  return React__default.createElement(Container$t, null, React__default.createElement(dmsComponentLibrary.Label, {
4924
- label: "Delivery Point",
4925
- htmlFor: "deliveryPointDropdown"
4923
+ label: "Delivery Point"
4926
4924
  }), React__default.createElement(StyledSelectDropdown$3, {
4927
4925
  placeholder: "Select Delivery Point",
4928
4926
  options: deliveryPointOptions || [],
@@ -6016,7 +6014,7 @@ function formatDate$1(dateString) {
6016
6014
  if (dateString) {
6017
6015
  var date = new Date(dateString);
6018
6016
  if (!isNaN(date.getTime())) {
6019
- return dateFns.format(date, 'MM/dd/yyyy HH:mm:ss');
6017
+ return dateFns.format(date, 'dd/MM/yyyy HH:mm:ss');
6020
6018
  }
6021
6019
  }
6022
6020
  return 'Invalid date';
@@ -7070,6 +7068,10 @@ function useReminderRefId() {
7070
7068
  function useRouteDetails() {
7071
7069
  return jotai.useAtom(routeDetails);
7072
7070
  }
7071
+ var allOrderStatus = /*#__PURE__*/jotai.atom(null);
7072
+ function useAllOrderStatus() {
7073
+ return jotai.useAtom(allOrderStatus);
7074
+ }
7073
7075
  var selectedCategoryIdAtom = /*#__PURE__*/jotai.atom(null);
7074
7076
  var selectedDocumentTypeAtom = /*#__PURE__*/jotai.atom(null);
7075
7077
  var selectedTypeAtom = /*#__PURE__*/jotai.atom(null);
@@ -8729,28 +8731,6 @@ function ConfirmOrder() {
8729
8731
  return _ref.apply(this, arguments);
8730
8732
  };
8731
8733
  }();
8732
- // const isDifferent = () => {
8733
- // const keysToRemovefromOrders = [
8734
- // 'order_locked',
8735
- // 'order_communications',
8736
- // 'updated_at',
8737
- // 'updated_by',
8738
- // 'order_services',
8739
- // ];
8740
- // const filteredOrderDetails = filterObject(
8741
- // orderDetailsConfirmOrder,
8742
- // keysToRemovefromOrders
8743
- // );
8744
- // const filteredPrevOrderDetails = filterObject(
8745
- // prevOrderDetails,
8746
- // keysToRemovefromOrders
8747
- // );
8748
- // const orderDetailsSorted = JSON.stringify(filteredOrderDetails);
8749
- // const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);
8750
- // const isSame = orderDetailsSorted === prevOrderDetailsSorted;
8751
- // // newOrderServicesSorted === prevOrderServicesSorted;
8752
- // return !isSame;
8753
- // };
8754
8734
  var errorFound = function errorFound() {
8755
8735
  var isError = errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workContactError.length > 0 || errorState.mobileError.length > 0;
8756
8736
  return isError;
@@ -8954,6 +8934,8 @@ function HoldOrderModal() {
8954
8934
  setPrevOrderDetails = _usePrevOrderDetails[1];
8955
8935
  var _useCustomerInfo = useCustomerInfo(),
8956
8936
  customerInfo = _useCustomerInfo[0];
8937
+ var _useLiveRecalling = useLiveRecalling(),
8938
+ setRecalling = _useLiveRecalling[1];
8957
8939
  var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
8958
8940
  var onHoldReasonOptions = orderStaticData == null || (_orderStaticData$onho = orderStaticData.onhold_reasons) == null ? void 0 : _orderStaticData$onho.map(function (item) {
8959
8941
  return {
@@ -8995,6 +8977,10 @@ function HoldOrderModal() {
8995
8977
  //@ts-ignore
8996
8978
  if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
8997
8979
  setShouldPerformAction(true);
8980
+ setRecalling(true);
8981
+ setTimeout(function () {
8982
+ setRecalling(false);
8983
+ }, 1000);
8998
8984
  } else {
8999
8985
  antd.notification.error({
9000
8986
  message: 'Error',
@@ -9255,7 +9241,7 @@ var UnholdOrder = function UnholdOrder() {
9255
9241
  var _useLoading = useLoading(),
9256
9242
  setLoading = _useLoading[1];
9257
9243
  var _useApiHook = dmsComponentLibrary.useApiHook({
9258
- endpoint: "orders/" + orderId + "/unhold/?unhold_reason=\"unhold\"",
9244
+ endpoint: "orders/" + orderId + "/unhold/",
9259
9245
  method: 'POST',
9260
9246
  performAction: false
9261
9247
  }),
@@ -10750,7 +10736,10 @@ function UncancelOrder() {
10750
10736
  infoText: infoText,
10751
10737
  submitBtnTitle: "Save Details",
10752
10738
  isSubmitDisabled: !showSubmitBtn
10753
- }, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(Label$e, null, "Un-cancel Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
10739
+ }, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
10740
+ label: "Un-cancel Reason",
10741
+ required: true
10742
+ }), React__default.createElement(dmsComponentLibrary.AntSelect, {
10754
10743
  options: unCancelReasonOptions || [],
10755
10744
  placeholder: "Select un-cancel Reason",
10756
10745
  onChange: onChangeUnCancelReason,
@@ -10763,7 +10752,9 @@ function UncancelOrder() {
10763
10752
  popupClassName: 'dropDownStyle',
10764
10753
  selectWrapperClass: 'rounded',
10765
10754
  defaultValue: unCancelReason
10766
- })), React__default.createElement(HoldRow, null, React__default.createElement(Label$e, null, "Un-cancel Note"), React__default.createElement(CustomTextArea$3, {
10755
+ })), React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
10756
+ label: "Un-cancel Note"
10757
+ }), React__default.createElement(CustomTextArea$3, {
10767
10758
  rows: 5,
10768
10759
  onChange: onChange
10769
10760
  })))));
@@ -11789,7 +11780,137 @@ var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1y || (_t
11789
11780
  });
11790
11781
  var StyledLink$3 = /*#__PURE__*/styled__default.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"])));
11791
11782
 
11792
- var _templateObject$2a, _templateObject2$1z;
11783
+ var _templateObject$2a, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b;
11784
+ function OrderTemplate(_ref) {
11785
+ 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;
11786
+ var orderDetails = _ref.orderDetails;
11787
+ var _useRouteDetails = useRouteDetails(),
11788
+ routeData = _useRouteDetails[0];
11789
+ var _useOrderNotify = useOrderNotify(),
11790
+ setOrderCount = _useOrderNotify[1];
11791
+ var _useAllOrderStatus = useAllOrderStatus(),
11792
+ statusVal = _useAllOrderStatus[0];
11793
+ var precall = false;
11794
+ var _useOrderStaticData = useOrderStaticData(),
11795
+ orderStaticData = _useOrderStaticData[0];
11796
+ var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
11797
+ return {
11798
+ id: x == null ? void 0 : x.id,
11799
+ reason: x == null ? void 0 : x.reason
11800
+ };
11801
+ });
11802
+ var getReasonById = function getReasonById(id) {
11803
+ if (!unholdReasons || (unholdReasons == null ? void 0 : unholdReasons.length) === 0) {
11804
+ return 'Reason not found';
11805
+ }
11806
+ var match = unholdReasons == null ? void 0 : unholdReasons.find(function (item) {
11807
+ return (item == null ? void 0 : item.id) === id;
11808
+ });
11809
+ return match ? match == null ? void 0 : match.reason : 'Reason not found';
11810
+ };
11811
+ var reason = getReasonById(orderDetails == null || (_orderDetails$order_c = orderDetails.order_cancellations) == null ? void 0 : _orderDetails$order_c.reason_id);
11812
+ var _useState = React.useState({
11813
+ isHoldVisible: true,
11814
+ isCompleted: true,
11815
+ isOutstanding: true,
11816
+ isAwaitingConfirmation: true,
11817
+ isAwaitingRoute: true,
11818
+ isCancelled: true,
11819
+ isEnroute: true,
11820
+ isPreCall: true,
11821
+ isConfirmed: true
11822
+ }),
11823
+ alertVisibility = _useState[0],
11824
+ setAlertVisibility = _useState[1];
11825
+ 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) + ' ';
11826
+ React.useEffect(function () {
11827
+ }, [precall]);
11828
+ //on close alert functionality
11829
+ var onCloseAlert = function onCloseAlert(alertType) {
11830
+ setAlertVisibility(function (prev) {
11831
+ var _extends2;
11832
+ return _extends({}, prev, (_extends2 = {}, _extends2[alertType] = false, _extends2));
11833
+ });
11834
+ setOrderCount(0);
11835
+ };
11836
+ return React__default.createElement(React__default.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11837
+ type: "warn",
11838
+ title: React__default.createElement(React__default.Fragment, null, (orderDetails == null || (_orderDetails$order_o = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o.hold_indefinitely) === false ? React__default.createElement(HoldText, null, "on hold until:", ' ', orderDetails != null && (_orderDetails$order_o2 = orderDetails.order_on_hold) != null && _orderDetails$order_o2.hold_untill ? dateFns.format(new Date(orderDetails == null || (_orderDetails$order_o3 = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o3.hold_untill), 'dd/MM/yyyy') : '') : React__default.createElement(HoldText, null, "On Hold Until: Indefinitely")),
11839
+ description: '',
11840
+ showOkButton: false,
11841
+ onClose: function onClose() {
11842
+ return onCloseAlert('isHoldVisible');
11843
+ }
11844
+ })), orderDetails.status == 'SD' && alertVisibility.isCompleted && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11845
+ type: "success",
11846
+ title: React__default.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),
11847
+ description: React__default.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),
11848
+ showOkButton: false,
11849
+ onClose: function onClose() {
11850
+ return onCloseAlert('isCompleted');
11851
+ }
11852
+ })), precall , statusVal == 'outstanding' && alertVisibility.isOutstanding && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11853
+ type: "release",
11854
+ title: "Outstanding",
11855
+ description: "",
11856
+ showOkButton: false,
11857
+ onClose: function onClose() {
11858
+ return onCloseAlert('isOutstanding');
11859
+ }
11860
+ })), statusVal == 'awaiting confirmation' && alertVisibility.isAwaitingConfirmation && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11861
+ type: "info",
11862
+ title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', React__default.createElement("span", null, ", Awaiting Confirmation"))),
11863
+ description: "",
11864
+ showOkButton: false,
11865
+ onClose: function onClose() {
11866
+ return onCloseAlert('isAwaitingConfirmation');
11867
+ }
11868
+ })), statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11869
+ type: "info",
11870
+ title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', ",", React__default.createElement("span", null, " Awaiting Route"))),
11871
+ description: "",
11872
+ showOkButton: false,
11873
+ onClose: function onClose() {
11874
+ return onCloseAlert('isAwaitingRoute');
11875
+ }
11876
+ })), statusVal == 'cancelled' && alertVisibility.isCancelled && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11877
+ type: "error",
11878
+ title: "This order has been cancelled",
11879
+ description: reason,
11880
+ showOkButton: false,
11881
+ onClose: function onClose() {
11882
+ return onCloseAlert('isCancelled');
11883
+ }
11884
+ })), statusVal == 'enroute' && alertVisibility.isEnroute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11885
+ type: "info",
11886
+ title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.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 ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
11887
+ className: "no"
11888
+ }, "NO")))),
11889
+ description: "",
11890
+ showOkButton: false,
11891
+ onClose: function onClose() {
11892
+ return onCloseAlert('isEnroute');
11893
+ }
11894
+ })), statusVal == 'confirmed' && alertVisibility.isConfirmed && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
11895
+ type: "info",
11896
+ title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.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 ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
11897
+ className: "yes"
11898
+ }, "YES")))),
11899
+ description: "",
11900
+ showOkButton: false,
11901
+ onClose: function onClose() {
11902
+ return onCloseAlert('isConfirmed');
11903
+ }
11904
+ })));
11905
+ }
11906
+ var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
11907
+ var SubtitleText = /*#__PURE__*/styled__default.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"])));
11908
+ var TitleText = /*#__PURE__*/styled__default.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"])));
11909
+ var ScheduledText = /*#__PURE__*/styled__default.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"])));
11910
+ var HoldText = /*#__PURE__*/styled__default.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"])));
11911
+ var EnRouteText = /*#__PURE__*/styled__default.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"])));
11912
+
11913
+ var _templateObject$2b, _templateObject2$1A;
11793
11914
  function Tabs(_ref) {
11794
11915
  var activeNotifications = _ref.activeNotifications,
11795
11916
  closedNotifications = _ref.closedNotifications,
@@ -11799,13 +11920,17 @@ function Tabs(_ref) {
11799
11920
  dismissFlags = _ref.dismissFlags;
11800
11921
  var _useTabType = useTabType(),
11801
11922
  activeTab = _useTabType[0];
11802
- var initialNotifications = activeNotifications.slice(0, 3);
11803
- var additionalNotifications = activeNotifications.slice(3);
11804
- var initialReminders = activeReminders.slice(0, 3);
11805
- var additionalReminders = activeReminders.slice(3);
11923
+ var _useOrderDetails = useOrderDetails(),
11924
+ orderDetails = _useOrderDetails[0];
11925
+ var initialNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(0, 3);
11926
+ var additionalNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(3);
11927
+ var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
11928
+ var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
11806
11929
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1a, {
11807
11930
  className: "tab-content"
11808
- }, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, initialReminders.map(function (item, index) {
11931
+ }, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderTemplate, {
11932
+ orderDetails: orderDetails
11933
+ }), initialReminders == null ? void 0 : initialReminders.map(function (item, index) {
11809
11934
  return React__default.createElement(ReminderTemplate, {
11810
11935
  key: index,
11811
11936
  data: item,
@@ -11843,8 +11968,8 @@ function Tabs(_ref) {
11843
11968
  });
11844
11969
  })))));
11845
11970
  }
11846
- var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11847
- var Content = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11971
+ var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11972
+ var Content = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11848
11973
 
11849
11974
  var NotifyFlag = function NotifyFlag() {
11850
11975
  return React__default.createElement("svg", {
@@ -11862,7 +11987,7 @@ var NotifyFlag = function NotifyFlag() {
11862
11987
  }));
11863
11988
  };
11864
11989
 
11865
- 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;
11990
+ 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;
11866
11991
  function Notification() {
11867
11992
  var _OrderData$order_rout;
11868
11993
  var _useTabType = useTabType(),
@@ -12039,12 +12164,12 @@ function Notification() {
12039
12164
  dismissFlags: dismissFlags
12040
12165
  })) : 'No Notifications Found'));
12041
12166
  }
12042
- var Container$1b = /*#__PURE__*/styled__default.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"])));
12043
- var Loader$1 = /*#__PURE__*/styled__default.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"])));
12044
- var Spinner$1 = /*#__PURE__*/styled__default.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"])));
12045
- var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12046
- var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
12047
- var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
12167
+ var Container$1b = /*#__PURE__*/styled__default.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"])));
12168
+ var Loader$1 = /*#__PURE__*/styled__default.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"])));
12169
+ var Spinner$1 = /*#__PURE__*/styled__default.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"])));
12170
+ var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12171
+ var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
12172
+ var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
12048
12173
  var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
12049
12174
  var StyledTab = /*#__PURE__*/styled__default.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) {
12050
12175
  return props.active ? '#3a3630' : '#AEA9A1';
@@ -12056,49 +12181,49 @@ var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_t
12056
12181
  var TabsWrapper = /*#__PURE__*/styled__default.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"])));
12057
12182
  var Text$9 = /*#__PURE__*/styled__default.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"])));
12058
12183
 
12059
- var _templateObject$2c;
12184
+ var _templateObject$2d;
12060
12185
  function CollapsedContent$2() {
12061
12186
  return React__default.createElement(Font$1, null, "ORDER RESOURCES");
12062
12187
  }
12063
- var Font$1 = /*#__PURE__*/styled__default.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"])));
12188
+ var Font$1 = /*#__PURE__*/styled__default.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"])));
12064
12189
 
12065
- var _templateObject$2d, _templateObject2$1B;
12190
+ var _templateObject$2e, _templateObject2$1C;
12066
12191
  function Category(props) {
12067
12192
  var _props$row;
12068
12193
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
12069
12194
  return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$6, null, data));
12070
12195
  }
12071
- var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12072
- var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12196
+ var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12197
+ var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12073
12198
 
12074
- var _templateObject$2e, _templateObject2$1C;
12199
+ var _templateObject$2f, _templateObject2$1D;
12075
12200
  function Date$2(props) {
12076
12201
  var _props$row;
12077
12202
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
12078
12203
  return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$7, null, formatDate$1(data)));
12079
12204
  }
12080
- var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12081
- var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12205
+ var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12206
+ var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12082
12207
 
12083
- var _templateObject$2f, _templateObject2$1D;
12208
+ var _templateObject$2g, _templateObject2$1E;
12084
12209
  function Reference(props) {
12085
12210
  var _props$row;
12086
12211
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
12087
12212
  return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$8, null, data));
12088
12213
  }
12089
- var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12090
- var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12214
+ var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12215
+ var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12091
12216
 
12092
- var _templateObject$2g, _templateObject2$1E;
12217
+ var _templateObject$2h, _templateObject2$1F;
12093
12218
  function Type(props) {
12094
12219
  var _props$row;
12095
12220
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
12096
12221
  return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$9, null, data));
12097
12222
  }
12098
- var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12099
- var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12223
+ var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12224
+ var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12100
12225
 
12101
- var _templateObject$2h, _templateObject2$1F, _templateObject3$U;
12226
+ var _templateObject$2i, _templateObject2$1G, _templateObject3$V;
12102
12227
  function Action(_ref) {
12103
12228
  var _row$original, _orderResources$data;
12104
12229
  var row = _ref.row;
@@ -12207,9 +12332,9 @@ function Action(_ref) {
12207
12332
  }, React__default.createElement(DownIcon, null)))));
12208
12333
  }
12209
12334
  // Styled components for styling
12210
- var Actions = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12211
- var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12212
- var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
12335
+ var Actions = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12336
+ var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12337
+ var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
12213
12338
 
12214
12339
  var tableColumns$1 = [{
12215
12340
  header: 'Date',
@@ -12238,7 +12363,7 @@ var tableColumns$1 = [{
12238
12363
  enableSorting: false
12239
12364
  }];
12240
12365
 
12241
- var _templateObject$2i;
12366
+ var _templateObject$2j;
12242
12367
  function Order$1() {
12243
12368
  var _orderResources$data;
12244
12369
  var _useOrderProductsReso = useOrderProductsResources(),
@@ -12251,9 +12376,9 @@ function Order$1() {
12251
12376
  data: data
12252
12377
  })));
12253
12378
  }
12254
- var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12379
+ var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12255
12380
 
12256
- var _templateObject$2j, _templateObject2$1G, _templateObject3$V, _templateObject4$v;
12381
+ var _templateObject$2k, _templateObject2$1H, _templateObject3$W, _templateObject4$w;
12257
12382
  function OrderView() {
12258
12383
  antd.notification.config({
12259
12384
  top: 150
@@ -12304,6 +12429,11 @@ function OrderView() {
12304
12429
  setSubContracterData = _useSubContracterData[1];
12305
12430
  var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
12306
12431
  recallOrders = _useGlobalStateHitOrd[0];
12432
+ var _useAllOrderStatus = useAllOrderStatus(),
12433
+ setStatusVal = _useAllOrderStatus[1];
12434
+ React.useEffect(function () {
12435
+ setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
12436
+ }, [orderDetails == null ? void 0 : orderDetails.status_value]);
12307
12437
  // query param
12308
12438
  var location = reactRouterDom.useLocation();
12309
12439
  var _useState2 = React.useState([]),
@@ -12602,13 +12732,13 @@ function OrderView() {
12602
12732
  }, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
12603
12733
  return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(Order$1, null), React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
12604
12734
  }
12605
- var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12606
- var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12607
- var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12608
- var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
12735
+ var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12736
+ var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12737
+ var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12738
+ var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
12609
12739
 
12610
- var _templateObject2$1H;
12611
- var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
12740
+ var _templateObject2$1I;
12741
+ var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
12612
12742
 
12613
12743
  var initialState$3 = {
12614
12744
  'x-filters': [],
@@ -12674,7 +12804,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
12674
12804
  return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
12675
12805
  });
12676
12806
 
12677
- var _templateObject$2k, _templateObject2$1I, _templateObject3$W;
12807
+ var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
12678
12808
  var SearchType = function SearchType() {
12679
12809
  var _useState = React.useState(''),
12680
12810
  searchText = _useState[0],
@@ -12720,9 +12850,9 @@ var SearchType = function SearchType() {
12720
12850
  onClick: handleClear
12721
12851
  }, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
12722
12852
  };
12723
- var Search = /*#__PURE__*/styled__default.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"])));
12724
- var ClearButton = /*#__PURE__*/styled__default.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"])));
12725
- var SearchInput = /*#__PURE__*/styled__default.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"])));
12853
+ var Search = /*#__PURE__*/styled__default.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"])));
12854
+ var ClearButton = /*#__PURE__*/styled__default.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"])));
12855
+ var SearchInput = /*#__PURE__*/styled__default.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"])));
12726
12856
 
12727
12857
  var BulkFilter = function BulkFilter() {
12728
12858
  // const [printToogle, setPrintToggle] = useMenuDropDown();
@@ -12971,7 +13101,7 @@ var ReturnTable$1 = function ReturnTable() {
12971
13101
  })))));
12972
13102
  };
12973
13103
 
12974
- var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
13104
+ var _templateObject$2m, _templateObject2$1K, _templateObject3$Y;
12975
13105
  var _excluded$6 = ["count"];
12976
13106
  function ReturnMainTable() {
12977
13107
  var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
@@ -13052,9 +13182,9 @@ function ReturnMainTable() {
13052
13182
  onItemsPerPageChange: handleItemsPerPageChange
13053
13183
  }))));
13054
13184
  }
13055
- var Row$b = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13056
- var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13057
- var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
13185
+ var Row$b = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13186
+ var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13187
+ var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
13058
13188
 
13059
13189
  var OrderViewQueryHandler = function OrderViewQueryHandler() {
13060
13190
  var _useSearchParams = reactRouterDom.useSearchParams(),