@bjsdistribution/dms-client-return 0.0.55 → 0.0.57

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 (34) hide show
  1. package/dist/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.d.ts +2 -2
  2. package/dist/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.d.ts +2 -2
  3. package/dist/components/order-view/fakedata.d.ts +1 -1
  4. package/dist/components/order-view/store.d.ts +2 -2
  5. package/dist/dms-client-return.cjs.development.js +415 -384
  6. package/dist/dms-client-return.cjs.development.js.map +1 -1
  7. package/dist/dms-client-return.cjs.production.min.js +1 -1
  8. package/dist/dms-client-return.cjs.production.min.js.map +1 -1
  9. package/dist/dms-client-return.esm.js +415 -384
  10. package/dist/dms-client-return.esm.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +1 -1
  13. package/src/components/order-daily-overview/return-after-table/table/OrderTable.tsx +1 -1
  14. package/src/components/order-daily-overview/table/ReturnTable.tsx +2 -2
  15. package/src/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.tsx +1 -1
  16. package/src/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.tsx +57 -45
  17. package/src/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.tsx +74 -61
  18. package/src/components/order-view/fakedata.ts +6 -69
  19. package/src/components/order-view/general-information/dropdowns/Print.tsx +57 -35
  20. package/src/components/order-view/general-information/dropdowns/index.tsx +1 -2
  21. package/src/components/order-view/hooks/useUpdateOrder.ts +0 -3
  22. package/src/components/order-view/index.tsx +81 -56
  23. package/src/components/order-view/modalsPopup/DeleteProduct.tsx +2 -2
  24. package/src/components/order-view/modalsPopup/ModalManager.tsx +1 -1
  25. package/src/components/order-view/notes/order-dropdown/NewReturnDropdown.tsx +3 -1
  26. package/src/components/order-view/order-actions/actions/change-customer-account/ChangeCustomerAccModal.tsx +3 -3
  27. package/src/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.tsx +3 -1
  28. package/src/components/order-view/order-actions/actions/unhold-order/UnholdOrder.tsx +72 -7
  29. package/src/components/order-view/order-details/expanded-content/footer/index.tsx +5 -3
  30. package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +9 -3
  31. package/src/components/order-view/store.ts +14 -13
  32. package/src/index.tsx +4 -20
  33. package/dist/components/order-view/general-information/dropdowns/Options.d.ts +0 -3
  34. package/src/components/order-view/general-information/dropdowns/Options.tsx +0 -68
package/dist/dms-client-return.cjs.development.js CHANGED
@@ -556,7 +556,6 @@ function CopyText(props) {
556
556
  var IconContainer = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
557
557
 
558
558
  var currentActionAtom = /*#__PURE__*/jotai.atom(undefined);
559
- var isOnHold = /*#__PURE__*/jotai.atom(false);
560
559
  var orderStaticDataAtom = /*#__PURE__*/jotai.atom({});
561
560
  var customerInfoAtom = /*#__PURE__*/jotai.atom({
562
561
  recipient_name: '',
@@ -646,9 +645,6 @@ function useOrderStaticData() {
646
645
  function useCustomerInfo() {
647
646
  return jotai.useAtom(customerInfoAtom);
648
647
  }
649
- function useIsOnHoldOrder() {
650
- return jotai.useAtom(isOnHold);
651
- }
652
648
  //value
653
649
  var orderId = /*#__PURE__*/jotai.atom([]);
654
650
  var useOrderId = function useOrderId() {
@@ -759,9 +755,9 @@ var returnDataAtom = /*#__PURE__*/jotai.atom([]);
759
755
  function useReturnData() {
760
756
  return jotai.useAtom(returnDataAtom);
761
757
  }
762
- var apiUpdateCalling = /*#__PURE__*/jotai.atom(false);
763
- function useUpdateApiCall() {
764
- return jotai.useAtom(apiUpdateCalling);
758
+ var apiCalling = /*#__PURE__*/jotai.atom(false);
759
+ function useApiCalling() {
760
+ return jotai.useAtom(apiCalling);
765
761
  }
766
762
  var liveRecalling = /*#__PURE__*/jotai.atom(false);
767
763
  //re api call of live status
@@ -2388,8 +2384,6 @@ var Container$s = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templ
2388
2384
  function useUpdateOrder() {
2389
2385
  var controller;
2390
2386
  var ssoToken = getCookie('id_token');
2391
- var _useUpdateApiCall = useUpdateApiCall(),
2392
- setCallApi = _useUpdateApiCall[1]; //single detail
2393
2387
  var update = /*#__PURE__*/function () {
2394
2388
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
2395
2389
  var endpoint, signal, requestOptions, response, json;
@@ -2432,10 +2426,9 @@ function useUpdateOrder() {
2432
2426
  message: 'Success',
2433
2427
  description: 'Order has been updated.'
2434
2428
  });
2435
- setCallApi(true);
2436
2429
  return _context.abrupt("return", json);
2437
- case 19:
2438
- _context.prev = 19;
2430
+ case 18:
2431
+ _context.prev = 18;
2439
2432
  _context.t0 = _context["catch"](4);
2440
2433
  // setLoading(false);
2441
2434
  // console.log(err, 'error');
@@ -2443,14 +2436,14 @@ function useUpdateOrder() {
2443
2436
  message: 'Error',
2444
2437
  description: "" + _context.t0 || 'An error has occurred. Please try again later.'
2445
2438
  });
2446
- case 22:
2447
- _context.prev = 22;
2448
- return _context.finish(22);
2449
- case 24:
2439
+ case 21:
2440
+ _context.prev = 21;
2441
+ return _context.finish(21);
2442
+ case 23:
2450
2443
  case "end":
2451
2444
  return _context.stop();
2452
2445
  }
2453
- }, _callee, null, [[4, 19, 22, 24]]);
2446
+ }, _callee, null, [[4, 18, 21, 23]]);
2454
2447
  }));
2455
2448
  return function update(_x) {
2456
2449
  return _ref.apply(this, arguments);
@@ -2473,8 +2466,8 @@ function OrderDetailsFooter() {
2473
2466
  var _useAtom = jotai.useAtom(errorAtom),
2474
2467
  errorState = _useAtom[0];
2475
2468
  // const [, setLogsCallAPi] = useLogsCallAPi();
2476
- var _useUpdateApiCall = useUpdateApiCall(),
2477
- setCallApi = _useUpdateApiCall[1]; //single detail
2469
+ var _useApiCalling = useApiCalling(),
2470
+ setCallApi = _useApiCalling[1]; //single detail
2478
2471
  // const [, setNoteLoadingStore] = UseNotesLoading();
2479
2472
  var errorFound = function errorFound() {
2480
2473
  var isError = errorState.w3wError.length > 0 || errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workCOntanctError.length > 0 || errorState.mobileError.length > 0 || errorState.postCodeError.length > 0;
@@ -2505,12 +2498,12 @@ function OrderDetailsFooter() {
2505
2498
  return _regeneratorRuntime().wrap(function _callee$(_context) {
2506
2499
  while (1) switch (_context.prev = _context.next) {
2507
2500
  case 0:
2501
+ setCallApi(true);
2508
2502
  payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);
2509
- _context.next = 3;
2503
+ _context.next = 4;
2510
2504
  return updateOrder([payload]);
2511
- case 3:
2505
+ case 4:
2512
2506
  response = _context.sent;
2513
- setCallApi(false);
2514
2507
  // setLogsCallAPi(prev => !prev);
2515
2508
  if (response && (response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
2516
2509
  setOrderDetails(response == null ? void 0 : response.data[0]);
@@ -3628,7 +3621,7 @@ var ReturnProductTable = function ReturnProductTable() {
3628
3621
  if (isresponse && isresponse.data) {
3629
3622
  antd.notification.success({
3630
3623
  message: 'Success',
3631
- description: 'An error has occurred. Please try again later.'
3624
+ description: 'Successfully Delete Order Product.'
3632
3625
  });
3633
3626
  handleRemoveRow();
3634
3627
  setSelectedRowId(null);
@@ -3650,7 +3643,7 @@ var ReturnProductTable = function ReturnProductTable() {
3650
3643
  if (selectAll) {
3651
3644
  setSelectedProducts([]);
3652
3645
  } else {
3653
- var allProductIds = productData.map(function (product) {
3646
+ var allProductIds = productData == null ? void 0 : productData.map(function (product) {
3654
3647
  return product.id;
3655
3648
  });
3656
3649
  setSelectedProducts(allProductIds);
@@ -3678,6 +3671,7 @@ var ReturnProductTable = function ReturnProductTable() {
3678
3671
  });
3679
3672
  return matchedReason ? matchedReason.label : 'N/A';
3680
3673
  };
3674
+ var disableCheckbox = (productData == null ? void 0 : productData.length) == 0;
3681
3675
  return React__default.createElement("div", null, loading && React__default.createElement(Loader, {
3682
3676
  title: "Deleting"
3683
3677
  }), React__default.createElement(StyledTableWrapper, {
@@ -3686,6 +3680,7 @@ var ReturnProductTable = function ReturnProductTable() {
3686
3680
  }, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
3687
3681
  className: "emailproductsCheckbox"
3688
3682
  }, React__default.createElement(dmsComponentLibrary.Checkbox, {
3683
+ disabled: disableCheckbox,
3689
3684
  checked: selectAll,
3690
3685
  onChange: handleSelectAll
3691
3686
  })), React__default.createElement("th", null, "Location"), React__default.createElement("th", null, "Sender"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Return Reason"), React__default.createElement("th", null, "Part"), React__default.createElement("th", null, "Action"))), React__default.createElement("tbody", null, productData && (productData == null ? void 0 : productData.length) > 0 ? productData == null ? void 0 : productData.map(function (product) {
@@ -3744,6 +3739,8 @@ var NewReturnDropdown = function NewReturnDropdown() {
3744
3739
  var _useState3 = React.useState(),
3745
3740
  idProduct = _useState3[0],
3746
3741
  setId = _useState3[1];
3742
+ var _useOrderId = useOrderId(),
3743
+ orderId = _useOrderId[0];
3747
3744
  var id = orderData == null ? void 0 : orderData.customer_id;
3748
3745
  React.useEffect(function () {
3749
3746
  var allProductIds = (productData == null ? void 0 : productData.map(function (product) {
@@ -3763,6 +3760,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
3763
3760
  field: 'status',
3764
3761
  op: '!=',
3765
3762
  value: 'SD'
3763
+ }, {
3764
+ field: 'id',
3765
+ op: '!=',
3766
+ value: orderId
3766
3767
  }];
3767
3768
  if ((idProduct == null ? void 0 : idProduct.length) > 0 && idProduct[0]) {
3768
3769
  filters.push({
@@ -5443,7 +5444,11 @@ function NotesTable() {
5443
5444
  fontWeight: 'bold',
5444
5445
  textTransform: 'capitalize'
5445
5446
  }
5446
- }, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", null, order == null ? void 0 : order.description));
5447
+ }, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", {
5448
+ dangerouslySetInnerHTML: {
5449
+ __html: order == null ? void 0 : order.description
5450
+ }
5451
+ }));
5447
5452
  })))));
5448
5453
  }
5449
5454
  var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
@@ -5748,51 +5753,27 @@ function SendEmailModal() {
5748
5753
  })));
5749
5754
  }
5750
5755
 
5751
- var OptionsMenu = [{
5752
- label: 'Log Service Refusal',
5753
- value: 'log-service-refusal'
5756
+ var bjsMenu = [
5757
+ // {
5758
+ // label: 'Add Order Resources',
5759
+ // value: 'add-resources',
5760
+ // },
5761
+ {
5762
+ label: 'Split Order',
5763
+ value: 'split-order'
5764
+ }];
5765
+ var optionsMenu = [{
5766
+ label: 'Create Reminder',
5767
+ value: 'create-task'
5754
5768
  }, {
5755
5769
  label: 'Confirm',
5756
5770
  value: 'confirm-order'
5757
5771
  }, {
5758
- label: 'Force Debrief',
5759
- value: 'force-debrief'
5760
- }, {
5761
- label: 'Charge Log',
5762
- value: 'charge-log'
5763
- }, {
5764
- label: 'Log Feedback',
5765
- value: 'log-feedback'
5766
- }, {
5767
- label: 'On Hold',
5772
+ label: 'Hold',
5768
5773
  value: 'hold-order'
5769
- }, {
5770
- label: 'Un Hold',
5771
- value: 'unhold-order'
5772
- }, {
5773
- label: 'Change Customer Account',
5774
- value: 'change-customer-account'
5775
- }, {
5776
- label: 'Proximity Report',
5777
- value: 'promixity-report'
5778
- }, {
5779
- label: 'Raise Collection',
5780
- value: 'raise-collection'
5781
- }, {
5782
- label: 'Remove from Route',
5783
- value: 'remove-from-route'
5784
- }, {
5785
- label: 'Add New Flag',
5786
- value: 'add-new-flag'
5787
- }, {
5788
- label: 'Un-Release Order',
5789
- value: 'unrelease-order'
5790
5774
  }, {
5791
5775
  label: 'Cancel',
5792
5776
  value: 'cancel-order'
5793
- }, {
5794
- label: 'Clear Booking Status',
5795
- value: 'clear-booking-status'
5796
5777
  }];
5797
5778
  var PrintMenu = [{
5798
5779
  label: 'Return Notes',
@@ -5826,7 +5807,7 @@ function ChangeCustomerAccModal() {
5826
5807
  infoText: "632801 (OFS)",
5827
5808
  submitBtnTitle: "Save Details"
5828
5809
  }, React__default.createElement(ContentContainer$5, null, React__default.createElement(SplitLayout, null, React__default.createElement(Row$4, null, React__default.createElement(Label$d, null, "New Customer"), React__default.createElement(dmsComponentLibrary.AntSelect, {
5829
- options: OptionsMenu,
5810
+ options: optionsMenu,
5830
5811
  placeholder: "Select Customer",
5831
5812
  onChange: handleSelectChange,
5832
5813
  disabled: false,
@@ -5838,7 +5819,7 @@ function ChangeCustomerAccModal() {
5838
5819
  popupClassName: 'dropDownStyle',
5839
5820
  selectWrapperClass: 'rounded'
5840
5821
  })), React__default.createElement(Row$4, null, React__default.createElement(Label$d, null, "New Trading Name"), React__default.createElement(dmsComponentLibrary.AntSelect, {
5841
- options: OptionsMenu,
5822
+ options: optionsMenu,
5842
5823
  placeholder: "Select Trading Name",
5843
5824
  onChange: handleSelectChange,
5844
5825
  disabled: false,
@@ -6320,20 +6301,71 @@ function ChargeLog() {
6320
6301
 
6321
6302
  var _templateObject$1s;
6322
6303
  var UnholdOrder = function UnholdOrder() {
6304
+ var _useOrderId = useOrderId(),
6305
+ orderId = _useOrderId[0];
6323
6306
  var _useCurrentAction = useCurrentAction(),
6324
6307
  setCurrentAction = _useCurrentAction[1];
6325
- var _useIsOnHoldOrder = useIsOnHoldOrder(),
6326
- setOnHoldOrder = _useIsOnHoldOrder[1];
6308
+ var _useOrderDetails = useOrderDetails(),
6309
+ setOrderDetails = _useOrderDetails[1];
6310
+ var _usePrevOrderDetails = usePrevOrderDetails(),
6311
+ setPrevOrderDetails = _usePrevOrderDetails[1];
6312
+ var _useLoading = useLoading(),
6313
+ setLoading = _useLoading[1];
6314
+ var _useApiHook = dmsComponentLibrary.useApiHook({
6315
+ endpoint: "orders/" + orderId + "/unhold/?unhold_reason=\"unhold\"",
6316
+ method: 'POST',
6317
+ performAction: false
6318
+ }),
6319
+ response = _useApiHook.data,
6320
+ setPerformAction = _useApiHook.setShouldPerformAction;
6321
+ var _useApiHook2 = dmsComponentLibrary.useApiHook({
6322
+ endpoint: "orders/" + orderId,
6323
+ method: 'GET',
6324
+ performAction: false
6325
+ }),
6326
+ fetchedData = _useApiHook2.data,
6327
+ loading = _useApiHook2.loading,
6328
+ setShouldPerformAction = _useApiHook2.setShouldPerformAction;
6329
+ React.useEffect(function () {
6330
+ var _fetchedData$data;
6331
+ setLoading(loading);
6332
+ if (fetchedData && fetchedData.data) {
6333
+ var requiredData = fetchedData == null ? void 0 : fetchedData.data;
6334
+ setOrderDetails(requiredData[0]);
6335
+ setPrevOrderDetails(requiredData[0]);
6336
+ setCurrentAction(undefined);
6337
+ }
6338
+ if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
6339
+ setCurrentAction(undefined);
6340
+ }
6341
+ }, [loading]);
6342
+ React.useEffect(function () {
6343
+ if (response) {
6344
+ //@ts-ignore
6345
+ if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
6346
+ setShouldPerformAction(true);
6347
+ } else {
6348
+ antd.notification.error({
6349
+ message: 'Error',
6350
+ description:
6351
+ //@ts-ignore
6352
+ (response == null ? void 0 : response.error_traceback) || 'An error has occurred. Please try again later.'
6353
+ });
6354
+ setCurrentAction(undefined);
6355
+ }
6356
+ }
6357
+ }, [response]);
6327
6358
  var saveButton = function saveButton() {
6328
- setOnHoldOrder(false);
6329
- setCurrentAction(undefined);
6359
+ if (orderId) {
6360
+ setPerformAction(true);
6361
+ }
6330
6362
  };
6331
6363
  var closeModal = function closeModal() {
6332
6364
  setCurrentAction(undefined);
6333
6365
  };
6334
6366
  return React__default.createElement(dmsComponentLibrary.CancelationModal, {
6335
- title: "Un-hold Order",
6336
- description: "Are you sure, you want to Un-Hold the Order?",
6367
+ title: "Unhold Order",
6368
+ description: "Are you sure, you want to UnHold the Order?",
6337
6369
  actions: React__default.createElement(CustomCancelAndCompleteAction, {
6338
6370
  cancelLabel: "Cancel",
6339
6371
  onCancel: closeModal,
@@ -8189,187 +8221,133 @@ var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$1J || (_
8189
8221
  var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
8190
8222
 
8191
8223
  var _templateObject$1K;
8192
- var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
8193
-
8194
- var _templateObject$1L;
8195
- var DropDownItem = function DropDownItem(_ref) {
8196
- var label = _ref.label,
8197
- icon = _ref.icon,
8198
- onClick = _ref.onClick;
8199
- return React__default.createElement(Flex$2, {
8200
- onClick: onClick
8201
- }, React__default.createElement("label", null, label), icon);
8202
- };
8203
- var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n display: flex;\n position: relative;\n label {\n color: #3a3630;\n font-size: 14px;\n line-height: 18px;\n cursor: pointer;\n }\n"])));
8204
-
8205
- var _templateObject$1M;
8206
- var DropDownMenu = function DropDownMenu(_ref) {
8207
- var options = _ref.options,
8208
- onSelect = _ref.onSelect;
8209
- return React__default.createElement(DropDownContent, null, options.map(function (option) {
8210
- return React__default.createElement(DropDownItem, {
8211
- key: option.value,
8212
- label: option.label,
8213
- icon: '',
8214
- onClick: function onClick() {
8215
- return onSelect(option.value);
8216
- }
8217
- });
8218
- }));
8219
- };
8220
- var DropDownContent = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 173px;\n position: absolute;\n flex-direction: column;\n align-items: flex-start;\n gap: 7px;\n padding-left: 28px;\n top: 46px;\n background-color: white;\n border: 1px solid #ddd;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n border-radius: 10px;\n padding: 8px 8px 10px 16px;\n"])));
8221
-
8222
- var DropDownLarge = function DropDownLarge() {
8223
- return React__default.createElement("svg", {
8224
- className: "arrowDown",
8225
- xmlns: "http://www.w3.org/2000/svg",
8226
- width: "24",
8227
- height: "24",
8228
- viewBox: "0 0 24 24",
8229
- fill: "none"
8230
- }, React__default.createElement("rect", {
8231
- width: "24",
8232
- height: "24",
8233
- fill: "none"
8234
- }), React__default.createElement("path", {
8235
- opacity: "0.4",
8236
- fillRule: "evenodd",
8237
- clipRule: "evenodd",
8238
- d: "M6.69128 9.8912C6.82628 9.75637 7.00928 9.68063 7.20008 9.68063C7.39088 9.68063 7.57388 9.75637 7.70888 9.8912L12.0001 14.1824L16.2913 9.8912C16.4278 9.76402 16.6083 9.69478 16.7948 9.69807C16.9814 9.70136 17.1593 9.77693 17.2912 9.90884C17.4232 10.0408 17.4987 10.2187 17.502 10.4053C17.5053 10.5918 17.4361 10.7723 17.3089 10.9088L12.5089 15.7088C12.3739 15.8436 12.1909 15.9194 12.0001 15.9194C11.8093 15.9194 11.6263 15.8436 11.4913 15.7088L6.69128 10.9088C6.55645 10.7738 6.48071 10.5908 6.48071 10.4C6.48071 10.2092 6.55645 10.0262 6.69128 9.8912Z",
8239
- fill: "#3A3630"
8240
- }));
8241
- };
8242
-
8243
- var Options = [{
8244
- label: 'Create Reminder',
8245
- value: 'create-task'
8246
- }, {
8247
- label: 'Confirm',
8248
- value: 'confirm-order'
8249
- },
8250
- // { label: 'Force Debrief', value: 'force-debrief' },
8251
- // { label: 'Clear Booking Status', value: 'booking-status' },
8252
- // { label: 'Remove From Route', value: 'remove-route' },
8253
- {
8254
- label: 'Hold',
8255
- value: 'hold-order'
8256
- },
8257
- // { label: 'Flag', value: 'view-flag' },
8258
- {
8259
- label: 'Cancel',
8260
- value: 'cancel-order'
8261
- }, {
8262
- label: 'Charge Log',
8263
- value: 'charge-log'
8264
- }];
8265
- var OptionsDropDown = function OptionsDropDown() {
8266
- var _useState = React.useState(false),
8267
- isOpen = _useState[0],
8268
- setIsOpen = _useState[1];
8269
- var dropdownRef = React.useRef(null);
8224
+ function Options() {
8270
8225
  var _useCurrentAction = useCurrentAction(),
8271
8226
  setCurrentAction = _useCurrentAction[1];
8272
- var _useIsOnHoldOrder = useIsOnHoldOrder(),
8273
- hold = _useIsOnHoldOrder[0];
8274
- // console.log(action, 'action');
8275
- var handleClick = function handleClick() {
8276
- setIsOpen(function (prev) {
8277
- return !prev;
8278
- });
8227
+ var handleSelectChange = function handleSelectChange(selectedOption) {
8228
+ setCurrentAction(selectedOption.value);
8279
8229
  };
8280
- var filteredOptions = Options == null ? void 0 : Options.filter(function (option) {
8281
- if (hold) {
8282
- return option.value !== 'hold-order';
8283
- } else {
8284
- return option.value !== 'unhold-order';
8230
+ var _useOrderDetails = useOrderDetails(),
8231
+ orderDetails = _useOrderDetails[0];
8232
+ var isOrderOnHold = (orderDetails == null ? void 0 : orderDetails.status) === 'OO';
8233
+ var isOrderCancelled = (orderDetails == null ? void 0 : orderDetails.status) === 'CO';
8234
+ var filteredOptions = optionsMenu.filter(function (option) {
8235
+ var shouldExclude = false;
8236
+ if (isOrderOnHold && option.value === 'hold-order') {
8237
+ shouldExclude = true;
8238
+ }
8239
+ if (isOrderCancelled && option.value === 'cancel-order') {
8240
+ shouldExclude = true;
8241
+ }
8242
+ if (!isOrderCancelled || isOrderOnHold) {
8243
+ if (option.value === 'uncancel-order') {
8244
+ shouldExclude = true;
8245
+ }
8285
8246
  }
8247
+ if (!isOrderOnHold && option.value === 'unhold-order') {
8248
+ shouldExclude = true;
8249
+ }
8250
+ return !shouldExclude;
8286
8251
  });
8287
- var handleSelect = function handleSelect(selectedOption) {
8288
- setCurrentAction(selectedOption);
8289
- setIsOpen(false);
8290
- };
8291
- React.useEffect(function () {
8292
- var handleClickOutside = function handleClickOutside(event) {
8293
- if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
8294
- setIsOpen(false);
8295
- }
8296
- };
8297
- document.addEventListener('mousedown', handleClickOutside);
8298
- return function () {
8299
- document.removeEventListener('mousedown', handleClickOutside);
8300
- };
8301
- }, []);
8302
- return React__default.createElement(DropDownContainer$1, {
8303
- ref: dropdownRef
8304
- }, React__default.createElement(DropDownItem, {
8305
- label: "Options",
8306
- icon: React__default.createElement(DropDownLarge, null),
8307
- onClick: handleClick
8308
- }), isOpen && React__default.createElement(DropDownMenu, {
8252
+ return React__default.createElement(Option, null, React__default.createElement(dmsComponentLibrary.SelectDropdown, {
8253
+ placeholder: "OPTIONS",
8254
+ inputId: "bjsmenu",
8309
8255
  options: filteredOptions,
8310
- onSelect: handleSelect
8256
+ onChange: handleSelectChange,
8257
+ isSearchable: false,
8258
+ styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
8259
+ container: function container(styles) {
8260
+ return _extends({}, styles, {
8261
+ cursor: 'pointer'
8262
+ });
8263
+ },
8264
+ menu: function menu(styles) {
8265
+ return _extends({}, styles, {
8266
+ top: '113%',
8267
+ borderRadius: '5px',
8268
+ width: 'max-content',
8269
+ cursor: 'pointer'
8270
+ });
8271
+ },
8272
+ control: function control(styles) {
8273
+ return _extends({}, styles, {
8274
+ width: '105px',
8275
+ boxShadow: 'none',
8276
+ borderColor: 'transparent',
8277
+ cursor: 'pointer',
8278
+ backgroundColor: 'transparent',
8279
+ '&:hover': {
8280
+ boxShadow: 'none',
8281
+ borderColor: 'transparent'
8282
+ }
8283
+ });
8284
+ }
8285
+ }),
8286
+ value: "OPTIONS"
8311
8287
  }));
8312
- };
8288
+ }
8289
+ var Option = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
8313
8290
 
8314
- var Options$1 = [
8315
- // { label: 'Add Order Resource ', value: 'add-order-resources' },
8316
- {
8317
- label: 'Split Order ',
8318
- value: 'split-order'
8319
- }];
8320
- var MenuDropDown = function MenuDropDown() {
8321
- var _useState = React.useState(false),
8322
- isOpen = _useState[0],
8323
- setIsOpen = _useState[1];
8324
- var dropdownRef = React.useRef(null);
8291
+ function BjsMenu() {
8292
+ var _orderStatus$;
8325
8293
  var _useCurrentAction = useCurrentAction(),
8326
8294
  setCurrentAction = _useCurrentAction[1];
8327
- var handleClick = function handleClick() {
8328
- setIsOpen(function (prev) {
8329
- return !prev;
8330
- });
8331
- };
8332
- var handleSelect = function handleSelect(selectedOption) {
8333
- setCurrentAction(selectedOption);
8334
- setIsOpen(false);
8295
+ var handleSelectChange = function handleSelectChange(selectedOption) {
8296
+ setCurrentAction(selectedOption.value);
8335
8297
  };
8336
- React.useEffect(function () {
8337
- var handleClickOutside = function handleClickOutside(event) {
8338
- if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
8339
- setIsOpen(false);
8298
+ var _useStatusDetails = useStatusDetails(),
8299
+ orderStatus = _useStatusDetails[0];
8300
+ var isReleased = (_orderStatus$ = orderStatus[0]) == null ? void 0 : _orderStatus$.released;
8301
+ var filteredOptions = bjsMenu.filter(function (option) {
8302
+ if (isReleased) {
8303
+ return option.value !== 'release-order';
8304
+ } else {
8305
+ return option;
8306
+ }
8307
+ });
8308
+ return React__default.createElement(dmsComponentLibrary.SelectDropdown, {
8309
+ placeholder: "BJS MENU",
8310
+ inputId: "bjsmenu",
8311
+ options: filteredOptions,
8312
+ onChange: handleSelectChange,
8313
+ isSearchable: false,
8314
+ styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
8315
+ container: function container(styles) {
8316
+ return _extends({}, styles, {
8317
+ cursor: 'pointer'
8318
+ });
8319
+ },
8320
+ menu: function menu(styles) {
8321
+ return _extends({}, styles, {
8322
+ top: '113%',
8323
+ borderRadius: '5px',
8324
+ width: 'max-content',
8325
+ cursor: 'pointer'
8326
+ });
8327
+ },
8328
+ control: function control(styles) {
8329
+ return _extends({}, styles, {
8330
+ width: '105px',
8331
+ boxShadow: 'none',
8332
+ borderColor: 'transparent',
8333
+ cursor: 'pointer',
8334
+ backgroundColor: 'transparent',
8335
+ '&:hover': {
8336
+ boxShadow: 'none',
8337
+ borderColor: 'transparent'
8338
+ }
8339
+ });
8340
8340
  }
8341
- };
8342
- document.addEventListener('mousedown', handleClickOutside);
8343
- return function () {
8344
- document.removeEventListener('mousedown', handleClickOutside);
8345
- };
8346
- }, []);
8347
- return React__default.createElement(DropDownContainer$1, {
8348
- ref: dropdownRef
8349
- }, React__default.createElement(DropDownItem, {
8350
- label: "BJS MENU",
8351
- icon: React__default.createElement(DropDownLarge, null),
8352
- onClick: handleClick
8353
- }), isOpen && React__default.createElement(DropDownMenu, {
8354
- options: Options$1,
8355
- onSelect: handleSelect
8356
- }));
8357
- };
8341
+ }),
8342
+ value: "BJS MENU"
8343
+ });
8344
+ }
8358
8345
 
8346
+ var _templateObject$1L;
8359
8347
  function Print() {
8360
8348
  var _useOrderDetails = useOrderDetails(),
8361
8349
  orderDetails = _useOrderDetails[0];
8362
8350
  var gsitId = orderDetails == null ? void 0 : orderDetails.gsit_order_id;
8363
- var dropdownRef = React.useRef(null);
8364
- // console.log(gsitId, 'gsitId');
8365
- var _useState = React.useState(false),
8366
- isOpen = _useState[0],
8367
- setIsOpen = _useState[1];
8368
- var handleClick = function handleClick() {
8369
- setIsOpen(function (prev) {
8370
- return !prev;
8371
- });
8372
- };
8373
8351
  var getEnvironment = function getEnvironment() {
8374
8352
  console.log('project env', process.env.REACT_APP_API_PATH);
8375
8353
  return process.env.REACT_APP_API_PATH === 'https://us.dms.api.bjshomedelivery.com' ? 'us' : 'development';
@@ -8385,68 +8363,94 @@ function Print() {
8385
8363
  if (val === 'Proof Of Delivery') {
8386
8364
  return '';
8387
8365
  }
8388
- if (val === 'Proof Of Delivery(DOC)') {
8366
+ if (val === 'proofofdelivery(doc)') {
8389
8367
  return '';
8390
8368
  }
8391
- if (val === 'Order Delivery labels') {
8369
+ if (val === 'orderdeliverylabels') {
8392
8370
  return baseUrl + "/generate_labels?pdf=true&product_type=Deliver&order_id=" + gsitId;
8393
8371
  }
8394
- // if (val === 'ordercollectionlabels') {
8395
- // return `${baseUrl}/generate_labels?pdf=true&product_type=Collect&order_id=${gsitId}`;
8396
- // }
8397
- // if (val === 'orderreturnlabels') {
8398
- // return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;
8399
- // }
8400
- // if (val === 'returnscovernote') {
8401
- // return '';
8402
- // }
8403
- else {
8372
+ if (val === 'ordercollectionlabels') {
8373
+ return baseUrl + "/generate_labels?pdf=true&product_type=Collect&order_id=" + gsitId;
8374
+ }
8375
+ if (val === 'orderreturnlabels') {
8376
+ return baseUrl + "/generate_labels?pdf=true&product_type=Return&order_id=" + gsitId;
8377
+ }
8378
+ if (val === 'returnscovernote') {
8379
+ return '';
8380
+ } else {
8404
8381
  return '';
8405
8382
  }
8406
8383
  };
8407
8384
  var handleSelectChange = function handleSelectChange(selectedOption) {
8385
+ console.log(selectedOption);
8408
8386
  var selectedValue = selectedOption == null ? void 0 : selectedOption.value;
8409
- console.log(selectedValue, 'erf');
8410
8387
  if (selectedValue) {
8411
8388
  console.log(selectedValue);
8412
8389
  var url = getUrl(selectedValue);
8413
8390
  console.log('Generated URL:', url);
8391
+ // You can navigate to the URL or handle it further here
8414
8392
  window.open(url, '_blank');
8415
8393
  }
8416
8394
  };
8417
- return React__default.createElement(DropDownContainer$1, {
8418
- ref: dropdownRef
8419
- }, React__default.createElement(DropDownItem, {
8420
- label: "PRINT",
8421
- icon: React__default.createElement(DropDownLarge, null),
8422
- onClick: handleClick
8423
- }), isOpen && React__default.createElement(DropDownMenu, {
8395
+ return React__default.createElement(Container$13, null, React__default.createElement(dmsComponentLibrary.SelectDropdown, {
8396
+ placeholder: "PRINT",
8424
8397
  options: PrintMenu,
8425
- onSelect: handleSelectChange
8398
+ value: "PRINT",
8399
+ isSearchable: false,
8400
+ onChange: handleSelectChange,
8401
+ styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
8402
+ container: function container(styles) {
8403
+ return _extends({}, styles, {
8404
+ cursor: 'pointer'
8405
+ });
8406
+ },
8407
+ menu: function menu(styles) {
8408
+ return _extends({}, styles, {
8409
+ top: '113%',
8410
+ borderRadius: '5px',
8411
+ width: 'max-content',
8412
+ cursor: 'pointer'
8413
+ });
8414
+ },
8415
+ control: function control(styles) {
8416
+ return _extends({}, styles, {
8417
+ width: '90px',
8418
+ boxShadow: 'none',
8419
+ borderColor: 'transparent',
8420
+ cursor: 'pointer',
8421
+ backgroundColor: 'transparent',
8422
+ '&:hover': {
8423
+ boxShadow: 'none',
8424
+ borderColor: 'transparent'
8425
+ }
8426
+ });
8427
+ }
8428
+ })
8426
8429
  }));
8427
8430
  }
8431
+ var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
8428
8432
 
8429
- var _templateObject$1N;
8433
+ var _templateObject$1M;
8430
8434
  // components
8431
8435
  function DropDowns$1() {
8432
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper, null, React__default.createElement(MenuDropDown, null), React__default.createElement(OptionsDropDown, null), React__default.createElement(Print, null)));
8436
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper, null, React__default.createElement(BjsMenu, null), React__default.createElement(Options, null), React__default.createElement(Print, null)));
8433
8437
  }
8434
- var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
8438
+ var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
8435
8439
 
8436
- var _templateObject$1O;
8440
+ var _templateObject$1N;
8437
8441
  // import Actions from './actions/Actions';
8438
8442
  var ActionsMenu = function ActionsMenu() {
8439
- return React__default.createElement(Flex$3, null, React__default.createElement(DropDowns$1, null));
8443
+ return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
8440
8444
  };
8441
- var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n height: 34px;\n padding: 1px;\n align-items: flex-start;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #f0f2f2;\n cursor: pointer;\n"])));
8445
+ var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n height: 34px;\n padding: 1px;\n align-items: flex-start;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #f0f2f2;\n cursor: pointer;\n"])));
8442
8446
 
8443
- var _templateObject$1P;
8447
+ var _templateObject$1O;
8444
8448
  var DetailsFilters = function DetailsFilters() {
8445
- return React__default.createElement(Flex$4, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
8449
+ return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
8446
8450
  };
8447
- var Flex$4 = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
8451
+ var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
8448
8452
 
8449
- var _templateObject$1Q, _templateObject2$1n, _templateObject3$O, _templateObject4$s;
8453
+ var _templateObject$1P, _templateObject2$1n, _templateObject3$O, _templateObject4$s;
8450
8454
  function OrderView() {
8451
8455
  antd.notification.config({
8452
8456
  top: 150
@@ -8457,13 +8461,6 @@ function OrderView() {
8457
8461
  var _useGsitOrderId = useGsitOrderId(),
8458
8462
  gsitOrderId = _useGsitOrderId[0],
8459
8463
  setGsitOrderId = _useGsitOrderId[1];
8460
- var splitPath = function splitPath(str) {
8461
- var _str$split;
8462
- var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
8463
- return part !== '';
8464
- }); // Filter out empty parts
8465
- return parts;
8466
- };
8467
8464
  // For API Call
8468
8465
  var _useOrderDetails = useOrderDetails(),
8469
8466
  orderDetails = _useOrderDetails[0],
@@ -8480,12 +8477,8 @@ function OrderView() {
8480
8477
  setDepotOptions = _useDepotOptions[1];
8481
8478
  var _useCustomerInfo = useCustomerInfo(),
8482
8479
  setCustomerInfo = _useCustomerInfo[1];
8483
- var location = reactRouterDom.useLocation();
8484
- var paths = splitPath(location.pathname);
8485
8480
  var _useLocationOptions = useLocationOptions(),
8486
8481
  setLocationOptions = _useLocationOptions[1];
8487
- var _useUpdateApiCall = useUpdateApiCall(),
8488
- apiCalling = _useUpdateApiCall[0];
8489
8482
  var _useOrderProductsReso = useOrderProductsResources(),
8490
8483
  orderResources = _useOrderProductsReso[0],
8491
8484
  setOrderResources = _useOrderProductsReso[1];
@@ -8504,30 +8497,83 @@ function OrderView() {
8504
8497
  var _useLiveRecalling = useLiveRecalling(),
8505
8498
  liveRecalling = _useLiveRecalling[0];
8506
8499
  var systemLogsData = useSystemLogs();
8500
+ var _useAssignData = useAssignData(),
8501
+ setAssignData = _useAssignData[1];
8502
+ // query param
8503
+ var location = reactRouterDom.useLocation();
8504
+ var _useState2 = React.useState([]),
8505
+ filters = _useState2[0],
8506
+ setFilters = _useState2[1];
8507
+ // for third party apps
8507
8508
  var _useApiHook = dmsComponentLibrary.useApiHook({
8508
- endpoint: "orders/" + orderId,
8509
+ endpoint: "orders/",
8509
8510
  method: 'GET',
8511
+ filters: filters,
8510
8512
  performAction: false
8511
8513
  }),
8512
- fetchedData = _useApiHook.data,
8513
- loading = _useApiHook.loading,
8514
- orderUpdate = _useApiHook.setShouldPerformAction;
8514
+ fetchedDataExternal = _useApiHook.data,
8515
+ loadingExternal = _useApiHook.loading,
8516
+ setShouldPerformExternal = _useApiHook.setShouldPerformAction;
8517
+ React.useEffect(function () {
8518
+ var searchParams = new URLSearchParams(location.search);
8519
+ if (searchParams != null && searchParams.toString()) {
8520
+ var dynamicFilters = [];
8521
+ searchParams == null || searchParams.forEach(function (value, key) {
8522
+ if (key === 'order') {
8523
+ dynamicFilters.push({
8524
+ field: 'gsit_order_id',
8525
+ op: '=',
8526
+ value: value
8527
+ });
8528
+ } else {
8529
+ dynamicFilters.push({
8530
+ field: key,
8531
+ op: '=',
8532
+ value: value
8533
+ });
8534
+ }
8535
+ });
8536
+ setFilters(dynamicFilters);
8537
+ if (filters) {
8538
+ var _fetchedDataExternal$;
8539
+ setShouldPerformExternal(true);
8540
+ setOrderId(fetchedDataExternal == null || (_fetchedDataExternal$ = fetchedDataExternal.data[0]) == null ? void 0 : _fetchedDataExternal$.id);
8541
+ }
8542
+ } else {
8543
+ var paths = location.pathname.split('/');
8544
+ setOrderId(paths[paths.length - 1]);
8545
+ }
8546
+ }, [location.search, loadingExternal]);
8515
8547
  var _useApiHook2 = dmsComponentLibrary.useApiHook({
8548
+ endpoint: "orders/" + orderId,
8549
+ method: 'GET',
8550
+ performAction: false
8551
+ }),
8552
+ fetchedData = _useApiHook2.data,
8553
+ loading = _useApiHook2.loading,
8554
+ orderUpdate = _useApiHook2.setShouldPerformAction;
8555
+ React.useEffect(function () {
8556
+ if (orderId) {
8557
+ orderUpdate(true);
8558
+ liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
8559
+ }
8560
+ }, [orderId, liveRecalling]);
8561
+ var _useApiHook3 = dmsComponentLibrary.useApiHook({
8516
8562
  endpoint: "/orders/getStaticData/all/",
8517
8563
  method: 'GET'
8518
8564
  }),
8519
- fetchedStaticData = _useApiHook2.data,
8520
- staticDataLoading = _useApiHook2.loading;
8565
+ fetchedStaticData = _useApiHook3.data,
8566
+ staticDataLoading = _useApiHook3.loading;
8521
8567
  //Order status api
8522
- var _useApiHook3 = dmsComponentLibrary.useApiHook({
8568
+ var _useApiHook4 = dmsComponentLibrary.useApiHook({
8523
8569
  endpoint: "/orders/get_live_status/" + orderId,
8524
8570
  method: 'GET',
8525
8571
  performAction: false
8526
8572
  }),
8527
- fetchedStatusData = _useApiHook3.data,
8528
- statusDataLoading = _useApiHook3.loading,
8529
- setLivePerformAction = _useApiHook3.setShouldPerformAction;
8530
- var _useApiHook4 = dmsComponentLibrary.useApiHook({
8573
+ fetchedStatusData = _useApiHook4.data,
8574
+ statusDataLoading = _useApiHook4.loading,
8575
+ setLivePerformAction = _useApiHook4.setShouldPerformAction;
8576
+ var _useApiHook5 = dmsComponentLibrary.useApiHook({
8531
8577
  endpoint: "/depot/",
8532
8578
  method: 'GET',
8533
8579
  filters: [{
@@ -8536,32 +8582,17 @@ function OrderView() {
8536
8582
  value: true
8537
8583
  }]
8538
8584
  }),
8539
- fetchedDepotData = _useApiHook4.data,
8540
- depotDataLoading = _useApiHook4.loading;
8541
- React.useEffect(function () {
8542
- if (orderId) {
8543
- orderUpdate(true);
8544
- liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
8545
- }
8546
- }, [orderId, liveRecalling]);
8547
- React.useEffect(function () {
8548
- orderUpdate(true);
8549
- apiCalling ? orderUpdate(true) : orderUpdate(false);
8550
- }, [apiCalling]);
8551
- React.useEffect(function () {
8552
- if (paths.length > 1) {
8553
- setOrderId(paths[2]);
8554
- }
8555
- // for local
8556
- // if (paths.length >= 0) {
8557
- // setOrderId(paths[1]);
8558
- // }
8559
- }, [paths]);
8585
+ fetchedDepotData = _useApiHook5.data,
8586
+ depotDataLoading = _useApiHook5.loading;
8560
8587
  React.useEffect(function () {
8561
8588
  setLoading(staticDataLoading);
8562
8589
  if (fetchedStaticData && fetchedStaticData.data) {
8590
+ var _fetchedStaticData$da;
8563
8591
  var result = fetchedStaticData == null ? void 0 : fetchedStaticData.data;
8564
8592
  setOrderStaticData(result[0]);
8593
+ setAssignData(fetchedStaticData == null || (_fetchedStaticData$da = fetchedStaticData.data) == null ? void 0 : _fetchedStaticData$da.flatMap(function (i) {
8594
+ return i == null ? void 0 : i.resource_visibility_type;
8595
+ }));
8565
8596
  }
8566
8597
  }, [staticDataLoading]);
8567
8598
  React.useEffect(function () {
@@ -8593,7 +8624,7 @@ function OrderView() {
8593
8624
  }
8594
8625
  }
8595
8626
  return function () {
8596
- setOrderId(null);
8627
+ // setOrderId(null);
8597
8628
  };
8598
8629
  }, [statusDataLoading, fetchedStatusData]);
8599
8630
  React.useEffect(function () {
@@ -8613,17 +8644,17 @@ function OrderView() {
8613
8644
  }
8614
8645
  }
8615
8646
  return function () {
8616
- setOrderId(null);
8647
+ // setOrderId(null);
8617
8648
  };
8618
8649
  }, [depotDataLoading]);
8619
8650
  // Order resources
8620
- var _useApiHook5 = dmsComponentLibrary.useApiHook({
8651
+ var _useApiHook6 = dmsComponentLibrary.useApiHook({
8621
8652
  endpoint: "/orders/" + orderId + "/order_resources/",
8622
8653
  method: 'GET',
8623
8654
  performAction: false
8624
8655
  }),
8625
- fetchedResourcesData = _useApiHook5.data,
8626
- setActions = _useApiHook5.setShouldPerformAction;
8656
+ fetchedResourcesData = _useApiHook6.data,
8657
+ setActions = _useApiHook6.setShouldPerformAction;
8627
8658
  React.useEffect(function () {
8628
8659
  if (orderId) {
8629
8660
  setActions(true);
@@ -8634,17 +8665,17 @@ function OrderView() {
8634
8665
  setOrderResources(fetchedResourcesData);
8635
8666
  }
8636
8667
  return function () {
8637
- setOrderId(null);
8668
+ // setOrderId(null);
8638
8669
  };
8639
8670
  }, [fetchedResourcesData, orderResources, setOrderResources]);
8640
8671
  // Toolbox resources
8641
- var _useApiHook6 = dmsComponentLibrary.useApiHook({
8672
+ var _useApiHook7 = dmsComponentLibrary.useApiHook({
8642
8673
  endpoint: "/orders/" + orderId + "/toolbox_resources/",
8643
8674
  method: 'GET',
8644
8675
  performAction: false
8645
8676
  }),
8646
- fetchedToolboxData = _useApiHook6.data,
8647
- setAction = _useApiHook6.setShouldPerformAction;
8677
+ fetchedToolboxData = _useApiHook7.data,
8678
+ setAction = _useApiHook7.setShouldPerformAction;
8648
8679
  React.useEffect(function () {
8649
8680
  if (orderId) {
8650
8681
  setAction(true);
@@ -8655,16 +8686,9 @@ function OrderView() {
8655
8686
  setOrderToolbox(fetchedToolboxData);
8656
8687
  }
8657
8688
  return function () {
8658
- setOrderId(undefined);
8689
+ // setOrderId(undefined);
8659
8690
  };
8660
8691
  }, [fetchedToolboxData, orderToolbox, setOrderToolbox]);
8661
- React.useEffect(function () {
8662
- if (GsitCUstomerId != null && GsitCUstomerId.id) {
8663
- shouldFetch(true);
8664
- } else {
8665
- shouldFetch(false);
8666
- }
8667
- }, [GsitCUstomerId]);
8668
8692
  React.useEffect(function () {
8669
8693
  return function () {
8670
8694
  setGsitCUstomerId(function (prev) {
@@ -8674,14 +8698,21 @@ function OrderView() {
8674
8698
  });
8675
8699
  };
8676
8700
  }, []);
8677
- var _useApiHook7 = dmsComponentLibrary.useApiHook({
8701
+ var _useApiHook8 = dmsComponentLibrary.useApiHook({
8678
8702
  endpoint: "/return_locations/?customer_id=" + (GsitCUstomerId == null ? void 0 : GsitCUstomerId.id),
8679
8703
  method: 'GET',
8680
8704
  performAction: false
8681
8705
  }),
8682
- fetchedLocationData = _useApiHook7.data,
8683
- dataLoading = _useApiHook7.loading,
8684
- shouldFetch = _useApiHook7.setShouldPerformAction;
8706
+ fetchedLocationData = _useApiHook8.data,
8707
+ dataLoading = _useApiHook8.loading,
8708
+ shouldFetch = _useApiHook8.setShouldPerformAction;
8709
+ React.useEffect(function () {
8710
+ if (GsitCUstomerId != null && GsitCUstomerId.id) {
8711
+ shouldFetch(true);
8712
+ } else {
8713
+ shouldFetch(false);
8714
+ }
8715
+ }, [GsitCUstomerId]);
8685
8716
  React.useEffect(function () {
8686
8717
  if (fetchedLocationData && fetchedLocationData != null && fetchedLocationData.data) {
8687
8718
  var _fetchedLocationData$;
@@ -8729,7 +8760,7 @@ function OrderView() {
8729
8760
  }, [gsitId]);
8730
8761
  return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, 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(SystemLogs, null))), React__default.createElement(OrderActions, null));
8731
8762
  }
8732
- var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
8763
+ var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
8733
8764
  var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
8734
8765
  var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
8735
8766
  var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
@@ -8851,7 +8882,7 @@ var filtersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
8851
8882
  return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
8852
8883
  });
8853
8884
 
8854
- var _templateObject$1R;
8885
+ var _templateObject$1Q;
8855
8886
  function SelectionFilter() {
8856
8887
  var _useCustomerData = useCustomerData(),
8857
8888
  customers = _useCustomerData[0];
@@ -8990,7 +9021,7 @@ function SelectionFilter() {
8990
9021
  if (!currentSearch.includes('filter')) {
8991
9022
  console.log('inside include');
8992
9023
  // for dev
8993
- navigate("/order/return/filter?" + queryParams.toString());
9024
+ navigate("filter?" + queryParams.toString());
8994
9025
  // for local
8995
9026
  //navigate(`/filter?${queryParams.toString()}`);
8996
9027
  }
@@ -9159,7 +9190,7 @@ function SelectionFilter() {
9159
9190
  disabled: !isButtonEnabled
9160
9191
  }, "Apply"))));
9161
9192
  }
9162
- var StyledAntSelect$2 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
9193
+ var StyledAntSelect$2 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
9163
9194
 
9164
9195
  // import { ApiResponse } from '../../types';
9165
9196
  // import { useApiHook } from '@bjsdistribution/dms-component-library';
@@ -9223,9 +9254,9 @@ function HeaderFilter() {
9223
9254
  return React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null));
9224
9255
  }
9225
9256
 
9226
- var _templateObject$1S, _templateObject4$t, _templateObject5$i, _templateObject7$c, _templateObject8$8;
9257
+ var _templateObject$1R, _templateObject4$t, _templateObject5$i, _templateObject7$c, _templateObject8$8;
9227
9258
  //Left side
9228
- var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n"])));
9259
+ var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n"])));
9229
9260
  //
9230
9261
  var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
9231
9262
  var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
@@ -9233,7 +9264,7 @@ var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateOb
9233
9264
  // Right side filter
9234
9265
  var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9235
9266
 
9236
- var _templateObject$1T, _templateObject2$1o;
9267
+ var _templateObject$1S, _templateObject2$1o;
9237
9268
  // import { StyledBulkItem } from '../../filters/BulkFilterStyle';
9238
9269
  // import SearchType from '../../header/route-header/search/SearchType';
9239
9270
  // import DownloadIcon from '../../../../assets/icons/DownloadIcon';
@@ -9242,7 +9273,7 @@ var RightFilters = function RightFilters() {
9242
9273
  dispatch = _useAtom[1];
9243
9274
  var _useSelectedOrders = useSelectedOrders(),
9244
9275
  selectedReturnOrder = _useSelectedOrders[0];
9245
- return React__default.createElement(Container$13, null, React__default.createElement(ButtonText, {
9276
+ return React__default.createElement(Container$14, null, React__default.createElement(ButtonText, {
9246
9277
  onClick: function onClick() {
9247
9278
  return dispatch({
9248
9279
  type: 'create-return'
@@ -9251,7 +9282,7 @@ var RightFilters = function RightFilters() {
9251
9282
  disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
9252
9283
  }, "Create Return"));
9253
9284
  };
9254
- var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
9285
+ var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
9255
9286
  // const Mid = styled.div`
9256
9287
  // display: flex;
9257
9288
  // padding: 4px 10px;
@@ -9276,8 +9307,8 @@ var ReturnFilter = function ReturnFilter() {
9276
9307
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, customerName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
9277
9308
  };
9278
9309
 
9279
- var _templateObject$1U, _templateObject2$1p, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
9280
- var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
9310
+ var _templateObject$1T, _templateObject2$1p, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
9311
+ var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
9281
9312
  var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n"])));
9282
9313
  // Styled components
9283
9314
  var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
@@ -9474,7 +9505,7 @@ var optionsForReturnPrint = [{
9474
9505
  label: 'Print Return Labels'
9475
9506
  }];
9476
9507
 
9477
- var _templateObject$1V, _templateObject2$1q;
9508
+ var _templateObject$1U, _templateObject2$1q;
9478
9509
  var options = optionsForReturnPrint;
9479
9510
  var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
9480
9511
  var legacyProductId = _ref.legacyProductId;
@@ -9490,7 +9521,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
9490
9521
  }, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
9491
9522
  }));
9492
9523
  };
9493
- var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
9524
+ var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
9494
9525
  var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n &:last-child {\n border: none;\n }\n"])));
9495
9526
 
9496
9527
  function CaretDownFilledIcon(props) {
@@ -9883,7 +9914,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
9883
9914
  })))));
9884
9915
  };
9885
9916
 
9886
- var _templateObject$1W, _templateObject2$1r;
9917
+ var _templateObject$1V, _templateObject2$1r;
9887
9918
  var DefectsModal = function DefectsModal() {
9888
9919
  var options = [{
9889
9920
  value: 'bjsCouriers',
@@ -9935,10 +9966,10 @@ var DefectsModal = function DefectsModal() {
9935
9966
  }
9936
9967
  }))));
9937
9968
  };
9938
- var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
9969
+ var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
9939
9970
  var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
9940
9971
 
9941
- var _templateObject$1X, _templateObject2$1s, _templateObject3$R;
9972
+ var _templateObject$1W, _templateObject2$1s, _templateObject3$R;
9942
9973
  var _excluded$4 = ["id"];
9943
9974
  var CreateReturnModal = function CreateReturnModal() {
9944
9975
  var _useSelectedConfirmLo = useSelectedConfirmLoc(),
@@ -9991,7 +10022,7 @@ var CreateReturnModal = function CreateReturnModal() {
9991
10022
  type: "info",
9992
10023
  title: "Do you wish to proceed?",
9993
10024
  showOkButton: false
9994
- }), React__default.createElement(Container$14, null, React__default.createElement("ul", {
10025
+ }), React__default.createElement(Container$15, null, React__default.createElement("ul", {
9995
10026
  style: {
9996
10027
  listStyle: 'none',
9997
10028
  padding: 0
@@ -10017,8 +10048,8 @@ var CreateReturnModal = function CreateReturnModal() {
10017
10048
  }, displayValueOrNA(returnLoc == null || (_returnLoc$return_loc = returnLoc.return_locations) == null ? void 0 : _returnLoc$return_loc.location_name)));
10018
10049
  })))));
10019
10050
  };
10020
- var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
10021
- var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10051
+ var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
10052
+ var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10022
10053
  var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
10023
10054
 
10024
10055
  var ModalManager = function ModalManager() {
@@ -10122,7 +10153,7 @@ var ModalManager = function ModalManager() {
10122
10153
  // for local
10123
10154
  // navigate('/order-return');
10124
10155
  // for dev
10125
- navigate('/order/return/view');
10156
+ navigate('/orders/view/return');
10126
10157
  }
10127
10158
  }, [postLoading]);
10128
10159
  return React__default.createElement(React__default.Fragment, null, (popupName == null ? void 0 : popupName.state) === 'create-return' && React__default.createElement(React__default.Fragment, null, React__default.createElement(dmsComponentLibrary.AntModal, {
@@ -10168,8 +10199,8 @@ var ModalManager = function ModalManager() {
10168
10199
  }));
10169
10200
  };
10170
10201
 
10171
- var _templateObject$1Y, _templateObject2$1t, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
10172
- var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
10202
+ var _templateObject$1X, _templateObject2$1t, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
10203
+ var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
10173
10204
  var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
10174
10205
  var StyledInfoBox = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
10175
10206
  var StyledLabel$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
@@ -10292,7 +10323,7 @@ var Pagination = function Pagination(_ref) {
10292
10323
  }, React__default.createElement(NextIcon, null)))));
10293
10324
  };
10294
10325
 
10295
- var _templateObject$1Z, _templateObject2$1u;
10326
+ var _templateObject$1Y, _templateObject2$1u;
10296
10327
  // import { useLocation } from 'react-router-dom';
10297
10328
  var ReturnTable = function ReturnTable() {
10298
10329
  var _UsePaginationData = UsePaginationData(),
@@ -10317,7 +10348,7 @@ var ReturnTable = function ReturnTable() {
10317
10348
  // }, [location]);
10318
10349
  return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$1, null, React__default.createElement("div", {
10319
10350
  className: "Tableconatiner"
10320
- }, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$15, null, React__default.createElement(ReturnFilter, null), React__default.createElement(ReturnOrderTable, null), total > 0 && React__default.createElement(Pagination, {
10351
+ }, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$16, null, React__default.createElement(ReturnFilter, null), React__default.createElement(ReturnOrderTable, null), total > 0 && React__default.createElement(Pagination, {
10321
10352
  currentPage: page,
10322
10353
  totalItems: total,
10323
10354
  itemsPerPage: itemsPerPage,
@@ -10325,7 +10356,7 @@ var ReturnTable = function ReturnTable() {
10325
10356
  onItemsPerPageChange: handleItemsPerPageChange
10326
10357
  })))), React__default.createElement(ModalManager, null));
10327
10358
  };
10328
- var Container$15 = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
10359
+ var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
10329
10360
  var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$1u || (_templateObject2$1u = /*#__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"])));
10330
10361
 
10331
10362
  function LoadIcon() {
@@ -10344,7 +10375,7 @@ function LoadIcon() {
10344
10375
  }));
10345
10376
  }
10346
10377
 
10347
- var _templateObject$1_, _templateObject2$1v;
10378
+ var _templateObject$1Z, _templateObject2$1v;
10348
10379
  var PrintDropDown = function PrintDropDown(_ref) {
10349
10380
  var legacyProductId = _ref.legacyProductId;
10350
10381
  var downloadFiles = function downloadFiles(type) {
@@ -10370,7 +10401,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
10370
10401
  }, IconComponent && React__default.createElement(IconComponent, null), item.label);
10371
10402
  }));
10372
10403
  };
10373
- var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
10404
+ var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
10374
10405
  var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
10375
10406
  var disabled = _ref2.disabled;
10376
10407
  return disabled ? 'not-allowed' : 'pointer';
@@ -10382,7 +10413,7 @@ var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$1v || (_t
10382
10413
  return disabled ? 'transparent' : '#f0f0f0';
10383
10414
  });
10384
10415
 
10385
- var _templateObject$1$;
10416
+ var _templateObject$1_;
10386
10417
  var OrderTable = function OrderTable(_ref) {
10387
10418
  var loadingskeleton = _ref.loadingskeleton;
10388
10419
  // const [, setSelectedReturnOrder] = useSelectedOrders();
@@ -10651,7 +10682,7 @@ var OrderTable = function OrderTable(_ref) {
10651
10682
  paddingLeft: 0
10652
10683
  }
10653
10684
  }, React__default.createElement(reactRouterDom.NavLink, {
10654
- to: "" + item.id
10685
+ to: "../" + item.id
10655
10686
  }, displayValueOrNA(item == null || (_item$order_recipient = item.order_recipient) == null ? void 0 : _item$order_recipient.recipient_name))), React__default.createElement("li", {
10656
10687
  style: {
10657
10688
  color: '#888075'
@@ -10698,12 +10729,12 @@ var OrderTable = function OrderTable(_ref) {
10698
10729
  }, React__default.createElement(LoadIcon, null)))));
10699
10730
  })))));
10700
10731
  };
10701
- var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
10732
+ var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
10702
10733
 
10703
- var _templateObject$20;
10734
+ var _templateObject$1$;
10704
10735
  // import DownloadIcon from '../../../../assets/icons/DownloadIcon';
10705
10736
  var TableFilters = function TableFilters() {
10706
- return React__default.createElement(Container$16, null);
10737
+ return React__default.createElement(Container$17, null);
10707
10738
  // return (
10708
10739
  // // <StyledBulkFilterCover>
10709
10740
  // <StyledBulkItem>
@@ -10717,7 +10748,7 @@ var TableFilters = function TableFilters() {
10717
10748
  // // </StyledBulkFilterCover>
10718
10749
  // );
10719
10750
  };
10720
- var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
10751
+ var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
10721
10752
 
10722
10753
  var FilterIcon = function FilterIcon() {
10723
10754
  return React__default.createElement("svg", {
@@ -10950,7 +10981,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
10950
10981
  return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
10951
10982
  });
10952
10983
 
10953
- var _templateObject$21, _templateObject2$1w;
10984
+ var _templateObject$20, _templateObject2$1w;
10954
10985
  var ReturnOrderFilter = function ReturnOrderFilter() {
10955
10986
  var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
10956
10987
  dispatch = _useAtom[1];
@@ -11165,7 +11196,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
11165
11196
  className: "cross"
11166
11197
  })), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
11167
11198
  };
11168
- var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
11199
+ var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
11169
11200
  // const DropdownContainer = styled.div``;
11170
11201
  var StyledAntSelect$4 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
11171
11202
 
@@ -11253,7 +11284,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
11253
11284
  }, React__default.createElement(NextIcon, null)))));
11254
11285
  };
11255
11286
 
11256
- var _templateObject$22, _templateObject2$1x;
11287
+ var _templateObject$21, _templateObject2$1x;
11257
11288
  var _excluded$5 = ["count"];
11258
11289
  var ReturnAfterTable = function ReturnAfterTable() {
11259
11290
  var _useReturnAfterOrderD = useReturnAfterOrderData(),
@@ -11316,7 +11347,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
11316
11347
  }, [fetchedReturnOrderData, loading, returnAfterOrder]);
11317
11348
  return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement("div", {
11318
11349
  className: "Tableconatiner"
11319
- }, React__default.createElement(Container$17, null, React__default.createElement(ReturnOrderFilter, null), React__default.createElement(OrderTable, null), total > 0 && React__default.createElement(ReturnPagination, {
11350
+ }, React__default.createElement(Container$18, null, React__default.createElement(ReturnOrderFilter, null), React__default.createElement(OrderTable, null), total > 0 && React__default.createElement(ReturnPagination, {
11320
11351
  currentPage: page,
11321
11352
  totalItems: total,
11322
11353
  itemsPerPage: itemsPerPage,
@@ -11324,13 +11355,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
11324
11355
  onItemsPerPageChange: handleItemsPerPageChange
11325
11356
  })))));
11326
11357
  };
11327
- var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
11358
+ var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
11328
11359
  var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
11329
11360
 
11330
11361
  var _templateObject2$1y;
11331
11362
  var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
11332
11363
 
11333
- var _templateObject$23, _templateObject2$1z;
11364
+ var _templateObject$22, _templateObject2$1z;
11334
11365
  var SearchType = function SearchType() {
11335
11366
  var _useState = React.useState(''),
11336
11367
  searchText = _useState[0],
@@ -11345,7 +11376,7 @@ var SearchType = function SearchType() {
11345
11376
  onChange: handleInputChange
11346
11377
  }));
11347
11378
  };
11348
- var Search = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
11379
+ var Search = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
11349
11380
  var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$1z || (_templateObject2$1z = /*#__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"])));
11350
11381
 
11351
11382
  var BulkFilter = function BulkFilter() {
@@ -11522,7 +11553,7 @@ var ReturnTable$1 = function ReturnTable() {
11522
11553
  customerId: customerId == null ? void 0 : customerId.toString()
11523
11554
  });
11524
11555
  //for dev
11525
- navigate("/order/return/filter?" + queryParams.toString());
11556
+ navigate("filter?" + queryParams.toString());
11526
11557
  //for local
11527
11558
  //navigate(`/filter?${queryParams.toString()}`);
11528
11559
  };
@@ -11548,7 +11579,7 @@ var ReturnTable$1 = function ReturnTable() {
11548
11579
  type: RTS
11549
11580
  });
11550
11581
  //for dev
11551
- navigate("/order/return/filter?" + queryParams.toString());
11582
+ navigate("filter?" + queryParams.toString());
11552
11583
  //for local
11553
11584
  //navigate(`/filter?${queryParams.toString()}`);
11554
11585
  };
@@ -11685,7 +11716,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
11685
11716
  return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
11686
11717
  });
11687
11718
 
11688
- var _templateObject$24, _templateObject2$1A, _templateObject3$T;
11719
+ var _templateObject$23, _templateObject2$1A, _templateObject3$T;
11689
11720
  var _excluded$7 = ["count"];
11690
11721
  function ReturnMainTable() {
11691
11722
  var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
@@ -11747,7 +11778,7 @@ function ReturnMainTable() {
11747
11778
  className: " " + (isScrolled ? 'stickyTableHead' : '')
11748
11779
  }, React__default.createElement("div", {
11749
11780
  className: "Tableconatiner"
11750
- }, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$18, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
11781
+ }, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$19, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
11751
11782
  currentPage: page,
11752
11783
  totalItems: total,
11753
11784
  itemsPerPage: itemsPerPage,
@@ -11755,25 +11786,25 @@ function ReturnMainTable() {
11755
11786
  onItemsPerPageChange: handleItemsPerPageChange
11756
11787
  }))));
11757
11788
  }
11758
- var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
11759
- var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
11789
+ var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
11790
+ var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
11760
11791
  var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$T || (_templateObject3$T = /*#__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"])));
11761
11792
 
11762
- var _templateObject$25, _templateObject2$1B;
11763
- var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
11793
+ var _templateObject$24, _templateObject2$1B;
11794
+ var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
11764
11795
  var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
11765
11796
 
11766
- var _templateObject$26;
11797
+ var _templateObject$25;
11767
11798
  var HeaderTitle = function HeaderTitle(props) {
11768
11799
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$7, null, props.title));
11769
11800
  };
11770
- var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
11801
+ var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
11771
11802
 
11772
- var _templateObject$27, _templateObject2$1C;
11803
+ var _templateObject$26, _templateObject2$1C;
11773
11804
  function Breadcrumb(props) {
11774
11805
  return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
11775
11806
  }
11776
- var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
11807
+ var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
11777
11808
  var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
11778
11809
 
11779
11810
  var RouterHeader = function RouterHeader(_ref) {
@@ -11832,7 +11863,7 @@ function ReturnClient() {
11832
11863
  };
11833
11864
  var paths = splitPath(location.pathname);
11834
11865
  React.useEffect(function () {
11835
- if (paths[paths.length - 1] === 'order/return') {
11866
+ if (paths[paths.length - 1] === 'orders/view/return') {
11836
11867
  setActionTypeOptions([]);
11837
11868
  setLocationOptions([]);
11838
11869
  setSelectedClient(null);
@@ -11904,10 +11935,10 @@ function ReturnClient() {
11904
11935
  path: "",
11905
11936
  element: React__default.createElement(ReturnMainTable, null)
11906
11937
  }), React__default.createElement(reactRouterDom.Route, {
11907
- path: "view",
11938
+ path: "overview",
11908
11939
  element: React__default.createElement(ReturnAfterTable, null)
11909
11940
  }), React__default.createElement(reactRouterDom.Route, {
11910
- path: "view/:id",
11941
+ path: "/:id",
11911
11942
  element: React__default.createElement(OrderView, null)
11912
11943
  }), React__default.createElement(reactRouterDom.Route, {
11913
11944
  path: "filter",