@bjsdistribution/dms-client-return 0.0.84 → 0.0.85

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 (18) hide show
  1. package/dist/components/order-view/order-details/expanded-content/orders-section/Depot.d.ts +2 -0
  2. package/dist/components/order-view/store.d.ts +1 -0
  3. package/dist/dms-client-return.cjs.development.js +234 -226
  4. package/dist/dms-client-return.cjs.development.js.map +1 -1
  5. package/dist/dms-client-return.cjs.production.min.js +1 -1
  6. package/dist/dms-client-return.cjs.production.min.js.map +1 -1
  7. package/dist/dms-client-return.esm.js +235 -227
  8. package/dist/dms-client-return.esm.js.map +1 -1
  9. package/package.json +2 -2
  10. package/src/components/order-view/index.tsx +21 -2
  11. package/src/components/order-view/order-actions/actions/confirm-order/index.tsx +6 -31
  12. package/src/components/order-view/order-actions/actions/order-lock/index.tsx +13 -1
  13. package/src/components/order-view/order-actions/actions/split-order/index.tsx +15 -20
  14. package/src/components/order-view/order-details/expanded-content/footer/index.tsx +6 -0
  15. package/src/components/order-view/order-details/expanded-content/orders-section/Depot.tsx +5 -3
  16. package/src/components/order-view/order-details/expanded-content/orders-section/ScheduleAfter.tsx +2 -1
  17. package/src/components/order-view/order-details/expanded-content/orders-section/VehicleType.tsx +3 -2
  18. package/src/components/order-view/store.ts +7 -0
package/dist/dms-client-return.esm.js CHANGED
@@ -5,7 +5,7 @@ import { Select, notification, Skeleton, Empty, DatePicker, Input as Input$2 } f
5
5
  import { useAtom, atom } from 'jotai';
6
6
  import { format, isValid } from 'date-fns';
7
7
  import { atomWithReducer } from 'jotai/utils';
8
- import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button, formatDateTime, SectionHeader, CrossIcon, AntSelect, CustomRating, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, FlagAlert, ViewIcon } from '@bjsdistribution/dms-component-library';
8
+ import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button, formatDateTime, SectionHeader, CrossIcon, AntSelect, CustomRating, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, FlagAlert, ViewIcon } from '@bjsdistribution/dms-component-library';
9
9
  import dayjs from 'dayjs';
10
10
  import 'react-datepicker/dist/react-datepicker.css';
11
11
  import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
@@ -871,6 +871,10 @@ var globalStateHitAuditLog = /*#__PURE__*/atom(false);
871
871
  function useGlobalStateHitAuditLog() {
872
872
  return useAtom(globalStateHitAuditLog);
873
873
  }
874
+ var globalOrderGetApi = /*#__PURE__*/atom(true);
875
+ function useGlobalStateHitOrder() {
876
+ return useAtom(globalOrderGetApi);
877
+ }
874
878
  // Popup state Manage
875
879
  var initialState$1 = null;
876
880
  var popupReducer = function popupReducer(state, action) {
@@ -4425,7 +4429,7 @@ function RecipientReference() {
4425
4429
  var Container$k = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4426
4430
  var Wrapper$c = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
4427
4431
 
4428
- var _templateObject$A;
4432
+ var _templateObject$A, _templateObject2$t;
4429
4433
  function DepotDropdown() {
4430
4434
  var _useOrderDetails = useOrderDetails(),
4431
4435
  orderDetails = _useOrderDetails[0],
@@ -4442,7 +4446,7 @@ function DepotDropdown() {
4442
4446
  return React.createElement(FormContainer, null, React.createElement(Label$j, {
4443
4447
  label: "Depot",
4444
4448
  htmlFor: "depotDropdown"
4445
- }), React.createElement(SelectDropdown, {
4449
+ }), React.createElement(StyledSelectDropdown, {
4446
4450
  placeholder: "Select Depot",
4447
4451
  inputId: "depotDropdown",
4448
4452
  openMenuOnFocus: false,
@@ -4462,8 +4466,9 @@ function DepotDropdown() {
4462
4466
  }));
4463
4467
  }
4464
4468
  var FormContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4469
+ var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 160px;\n"])));
4465
4470
 
4466
- var _templateObject$B, _templateObject2$t;
4471
+ var _templateObject$B, _templateObject2$u;
4467
4472
  function Droptime() {
4468
4473
  var _useOrderDetails = useOrderDetails(),
4469
4474
  orderDetails = _useOrderDetails[0],
@@ -4488,7 +4493,7 @@ function Droptime() {
4488
4493
  }));
4489
4494
  }
4490
4495
  var CustomInput$6 = /*#__PURE__*/styled(Input$1)(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
4491
- var Container$l = /*#__PURE__*/styled.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4496
+ var Container$l = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4492
4497
 
4493
4498
  var _templateObject$C;
4494
4499
  function DeliveryDate() {
@@ -4541,7 +4546,7 @@ function DeliveryDate() {
4541
4546
  }
4542
4547
  var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4543
4548
 
4544
- var _templateObject$D, _templateObject2$u;
4549
+ var _templateObject$D, _templateObject2$v;
4545
4550
  function Carrier() {
4546
4551
  var _useOrderDetails = useOrderDetails(),
4547
4552
  orderDetails = _useOrderDetails[0],
@@ -4576,9 +4581,9 @@ function Carrier() {
4576
4581
  }));
4577
4582
  }
4578
4583
  var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
4579
- var Container$m = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4584
+ var Container$m = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4580
4585
 
4581
- var _templateObject$E, _templateObject2$v;
4586
+ var _templateObject$E, _templateObject2$w;
4582
4587
  function OrderNumber() {
4583
4588
  var _orderDetails$order_n;
4584
4589
  var _useOrderDetails = useOrderDetails(),
@@ -4609,7 +4614,7 @@ function OrderNumber() {
4609
4614
  }));
4610
4615
  }
4611
4616
  var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
4612
- var Container$n = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4617
+ var Container$n = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4613
4618
 
4614
4619
  var _templateObject$F;
4615
4620
  function ScheduleAfter() {
@@ -4649,9 +4654,10 @@ function ScheduleAfter() {
4649
4654
  onChange: onChange,
4650
4655
  value: scheduleDate === null ? scheduleDate : dayjs(scheduleDate),
4651
4656
  format: "DD/MM/YY",
4652
- style: {
4653
- borderRadius: '25px'
4654
- }
4657
+ disabledDate: function disabledDate(current) {
4658
+ return current && current < dayjs().startOf('day');
4659
+ },
4660
+ allowClear: false
4655
4661
  }));
4656
4662
  }
4657
4663
  var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
@@ -4679,7 +4685,7 @@ function VehicleTypeDropdown() {
4679
4685
  return React.createElement(FormContainer$1, null, React.createElement(Label$j, {
4680
4686
  label: "Vehicle Type",
4681
4687
  htmlFor: "vehicleType"
4682
- }), React.createElement(SelectDropdown, {
4688
+ }), React.createElement(StyledSelectDropdown, {
4683
4689
  placeholder: "Select vehicle type",
4684
4690
  options: vehicleTypeOptions,
4685
4691
  inputId: "vehicleType",
@@ -4692,17 +4698,17 @@ function VehicleTypeDropdown() {
4692
4698
  }
4693
4699
  var FormContainer$1 = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4694
4700
 
4695
- var _templateObject$H, _templateObject2$w, _templateObject3$e;
4701
+ var _templateObject$H, _templateObject2$x, _templateObject3$e;
4696
4702
  function OrdersSection() {
4697
4703
  return React.createElement(CustomFormSection$1, null, React.createElement(Header, {
4698
4704
  label: "Order"
4699
4705
  }), React.createElement(FormInputs$1, null, React.createElement(GroupedInputs$1, null, React.createElement(ConsignmentNumber, null), React.createElement(Carrier, null)), React.createElement(GroupedInputs$1, null, React.createElement(OrderNumber, null), React.createElement(DepotDropdown, null)), React.createElement(GroupedInputs$1, null, React.createElement(DeliveryDate, null), React.createElement(ScheduleAfter, null)), React.createElement(GroupedInputs$1, null, React.createElement(Droptime, null)), React.createElement(GroupedInputs$1, null, React.createElement(RecipientReference, null), React.createElement(VehicleTypeDropdown, null))));
4700
4706
  }
4701
4707
  var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
4702
- var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
4708
+ var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
4703
4709
  var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
4704
4710
 
4705
- var _templateObject$I, _templateObject2$x;
4711
+ var _templateObject$I, _templateObject2$y;
4706
4712
  function OrderStatusNote() {
4707
4713
  var _useOrderDetails = useOrderDetails(),
4708
4714
  orderDetails = _useOrderDetails[0],
@@ -4723,9 +4729,9 @@ function OrderStatusNote() {
4723
4729
  }));
4724
4730
  }
4725
4731
  var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
4726
- var Container$o = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4732
+ var Container$o = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4727
4733
 
4728
- var _templateObject$J, _templateObject2$y;
4734
+ var _templateObject$J, _templateObject2$z;
4729
4735
  function DeliveryInstructions() {
4730
4736
  var _useOrderDetails = useOrderDetails(),
4731
4737
  orderDetails = _useOrderDetails[0],
@@ -4746,9 +4752,9 @@ function DeliveryInstructions() {
4746
4752
  }));
4747
4753
  }
4748
4754
  var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
4749
- var Container$p = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4755
+ var Container$p = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4750
4756
 
4751
- var _templateObject$K, _templateObject2$z;
4757
+ var _templateObject$K, _templateObject2$A;
4752
4758
  function OtherInstructions() {
4753
4759
  var _useOrderDetails = useOrderDetails(),
4754
4760
  orderDetails = _useOrderDetails[0],
@@ -4769,18 +4775,18 @@ function OtherInstructions() {
4769
4775
  }));
4770
4776
  }
4771
4777
  var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
4772
- var Container$q = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4778
+ var Container$q = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4773
4779
 
4774
- var _templateObject$L, _templateObject2$A;
4780
+ var _templateObject$L, _templateObject2$B;
4775
4781
  function InstructionSection() {
4776
4782
  return React.createElement(CustomFormSection$2, null, React.createElement(Header, {
4777
4783
  label: "Instructions / Notes"
4778
4784
  }), React.createElement(FormInputs$2, null, React.createElement(OrderStatusNote, null), React.createElement(DeliveryInstructions, null), React.createElement(OtherInstructions, null)));
4779
4785
  }
4780
4786
  var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
4781
- var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 10px !important;\n"])));
4787
+ var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 10px !important;\n"])));
4782
4788
 
4783
- var _templateObject$M, _templateObject2$B;
4789
+ var _templateObject$M, _templateObject2$C;
4784
4790
  function convertTo12HourFormat(time24) {
4785
4791
  var _time24$split, _minutes$toString;
4786
4792
  var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
@@ -4820,7 +4826,7 @@ function TimedServiceDropdown() {
4820
4826
  return React.createElement(Container$r, null, React.createElement(Label$j, {
4821
4827
  label: "Timed Service",
4822
4828
  htmlFor: "timedServiceDropdown"
4823
- }), React.createElement(StyledSelectDropdown, {
4829
+ }), React.createElement(StyledSelectDropdown$1, {
4824
4830
  styles: _extends({}, dropdownStyles, {
4825
4831
  control: function control(styles) {
4826
4832
  return _extends({}, styles, {
@@ -4840,9 +4846,9 @@ function TimedServiceDropdown() {
4840
4846
  }));
4841
4847
  }
4842
4848
  var Container$r = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
4843
- var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
4849
+ var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
4844
4850
 
4845
- var _templateObject$N, _templateObject2$C;
4851
+ var _templateObject$N, _templateObject2$D;
4846
4852
  function ServiceTypeDropdown() {
4847
4853
  var _orderStaticData$orde;
4848
4854
  var _useOrderStaticData = useOrderStaticData(),
@@ -4866,7 +4872,7 @@ function ServiceTypeDropdown() {
4866
4872
  return React.createElement(Container$s, null, React.createElement(Label$j, {
4867
4873
  label: "Service Type",
4868
4874
  htmlFor: "serviceTypeDropdown"
4869
- }), React.createElement(StyledSelectDropdown$1, {
4875
+ }), React.createElement(StyledSelectDropdown$2, {
4870
4876
  placeholder: "Select Service Type",
4871
4877
  options: serviceTypeOptions || [],
4872
4878
  value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
@@ -4880,9 +4886,9 @@ function ServiceTypeDropdown() {
4880
4886
  }));
4881
4887
  }
4882
4888
  var Container$s = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
4883
- var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
4889
+ var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
4884
4890
 
4885
- var _templateObject$O, _templateObject2$D;
4891
+ var _templateObject$O, _templateObject2$E;
4886
4892
  function DeliveryPointDropdown() {
4887
4893
  var _orderData$order_serv, _orderStaticData$orde;
4888
4894
  var _useOrderStaticData = useOrderStaticData(),
@@ -4909,7 +4915,7 @@ function DeliveryPointDropdown() {
4909
4915
  return React.createElement(Container$t, null, React.createElement(Label$j, {
4910
4916
  label: "Delivery Point",
4911
4917
  htmlFor: "deliveryPointDropdown"
4912
- }), React.createElement(StyledSelectDropdown$2, {
4918
+ }), React.createElement(StyledSelectDropdown$3, {
4913
4919
  placeholder: "Select Delivery Point",
4914
4920
  options: deliveryPointOptions || [],
4915
4921
  inputId: "deliveryPointDropdown",
@@ -4923,7 +4929,7 @@ function DeliveryPointDropdown() {
4923
4929
  }));
4924
4930
  }
4925
4931
  var Container$t = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
4926
- var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
4932
+ var StyledSelectDropdown$3 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
4927
4933
 
4928
4934
  var _templateObject$P;
4929
4935
  function ServiceLevel() {
@@ -5081,7 +5087,7 @@ var getIcon = function getIcon(input) {
5081
5087
  return "" + baseURL + subPath;
5082
5088
  };
5083
5089
 
5084
- var _templateObject$R, _templateObject2$E, _templateObject3$f;
5090
+ var _templateObject$R, _templateObject2$F, _templateObject3$f;
5085
5091
  function ServiceSlider(props) {
5086
5092
  // const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
5087
5093
  // event.preventDefault();
@@ -5099,7 +5105,7 @@ function ServiceSlider(props) {
5099
5105
  })));
5100
5106
  }
5101
5107
  var ServiceName = /*#__PURE__*/styled.span(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
5102
- var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
5108
+ var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
5103
5109
  var Container$w = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
5104
5110
 
5105
5111
  var _templateObject$S;
@@ -5270,19 +5276,19 @@ var Container$x = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$
5270
5276
  return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
5271
5277
  });
5272
5278
 
5273
- var _templateObject$T, _templateObject2$F, _templateObject3$g, _templateObject4$8, _templateObject5$7;
5279
+ var _templateObject$T, _templateObject2$G, _templateObject3$g, _templateObject4$8, _templateObject5$7;
5274
5280
  function ServicesSection() {
5275
5281
  return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
5276
5282
  label: "Services"
5277
5283
  }), React.createElement(Top, null, React.createElement(DropDownContainer, null, React.createElement(TimedServiceDropdown, null), React.createElement(ServiceTypeDropdown, null), React.createElement(DeliveryPointDropdown, null)), React.createElement(RadioContainer, null, React.createElement(ServiceLevel, null), React.createElement(AssemblyType, null))), React.createElement(Bottom, null, React.createElement(OrderServices, null)));
5278
5284
  }
5279
5285
  var Top = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
5280
- var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
5286
+ var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
5281
5287
  var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
5282
5288
  var Bottom = /*#__PURE__*/styled.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5283
5289
  var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
5284
5290
 
5285
- var _templateObject$U, _templateObject2$G, _templateObject3$h;
5291
+ var _templateObject$U, _templateObject2$H, _templateObject3$h;
5286
5292
  function AllowTracking() {
5287
5293
  var _useOrderDetails = useOrderDetails(),
5288
5294
  orderDetails = _useOrderDetails[0];
@@ -5291,7 +5297,7 @@ function AllowTracking() {
5291
5297
  return React.createElement(Container$y, null, React.createElement(CreatedBy, null, React.createElement(Text$2, null, "Created: "), " ", createdBy, ", ", createdAt));
5292
5298
  }
5293
5299
  var Text$2 = /*#__PURE__*/styled.span(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
5294
- var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
5300
+ var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
5295
5301
  var Container$y = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
5296
5302
 
5297
5303
  function useUpdateOrder() {
@@ -5387,6 +5393,8 @@ function OrderDetailsFooter() {
5387
5393
  setRecalling = _useLiveRecalling[1];
5388
5394
  var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
5389
5395
  setRecallAuditLog = _useGlobalStateHitAud[1];
5396
+ var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
5397
+ setRecallOrders = _useGlobalStateHitOrd[1];
5390
5398
  var errorFound = function errorFound() {
5391
5399
  var isError = (errorState == null ? void 0 : errorState.w3wError.length) > 0 || (errorState == null ? void 0 : errorState.emailError.length) > 0 || (errorState == null ? void 0 : errorState.homeContactError.length) > 0 || (errorState == null ? void 0 : errorState.workCOntanctError.length) > 0 || (errorState == null ? void 0 : errorState.mobileError.length) > 0 || (errorState == null ? void 0 : errorState.postCodeError.length) > 0;
5392
5400
  return isError;
@@ -5416,12 +5424,15 @@ function OrderDetailsFooter() {
5416
5424
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5417
5425
  while (1) switch (_context.prev = _context.next) {
5418
5426
  case 0:
5427
+ setRecallAuditLog(false);
5428
+ setRecallOrders(false);
5419
5429
  payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);
5420
- _context.next = 3;
5430
+ _context.next = 5;
5421
5431
  return updateOrder([payload]);
5422
- case 3:
5432
+ case 5:
5423
5433
  response = _context.sent;
5424
5434
  setCallApi(false);
5435
+ setRecallOrders(true);
5425
5436
  // setLogsCallAPi(prev => !prev);
5426
5437
  if (response && (response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
5427
5438
  setOrderDetails(response == null ? void 0 : response.data[0]);
@@ -5439,7 +5450,7 @@ function OrderDetailsFooter() {
5439
5450
  } else {
5440
5451
  setOrderDetails(prevOrderDetails);
5441
5452
  }
5442
- case 6:
5453
+ case 9:
5443
5454
  case "end":
5444
5455
  return _context.stop();
5445
5456
  }
@@ -5456,12 +5467,12 @@ function OrderDetailsFooter() {
5456
5467
  }
5457
5468
  var Container$z = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n"])));
5458
5469
 
5459
- var _templateObject$W, _templateObject2$H, _templateObject3$i;
5470
+ var _templateObject$W, _templateObject2$I, _templateObject3$i;
5460
5471
  function ExpandedContent() {
5461
5472
  return React.createElement(MainContainer$4, null, React.createElement(Container$A, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null));
5462
5473
  }
5463
5474
  var HalfWidth = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
5464
- var Container$A = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
5475
+ var Container$A = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
5465
5476
  // const InstructionContainer = styled.div`
5466
5477
  // display: flex;
5467
5478
  // justify-content: center;
@@ -5548,7 +5559,7 @@ function NoteType() {
5548
5559
  }
5549
5560
  var Container$B = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
5550
5561
 
5551
- var _templateObject$Y, _templateObject2$I, _templateObject3$j;
5562
+ var _templateObject$Y, _templateObject2$J, _templateObject3$j;
5552
5563
  function AddNote() {
5553
5564
  var _useState = useState(''),
5554
5565
  noteText = _useState[0],
@@ -5673,7 +5684,7 @@ function AddNote() {
5673
5684
  }, "SAVE NOTE"), React.createElement(NoteType, null)));
5674
5685
  }
5675
5686
  var Container$C = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
5676
- var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
5687
+ var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
5677
5688
  var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
5678
5689
 
5679
5690
  var NotesTableData = [{
@@ -5689,7 +5700,7 @@ var NotesTableData = [{
5689
5700
  tableBody: []
5690
5701
  }];
5691
5702
 
5692
- var _templateObject$Z, _templateObject2$J;
5703
+ var _templateObject$Z, _templateObject2$K;
5693
5704
  var GenericAuditLogsTable = function GenericAuditLogsTable() {
5694
5705
  var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
5695
5706
  var _usegetNotes = usegetNotes(),
@@ -5719,7 +5730,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
5719
5730
  }, "No data found"))))));
5720
5731
  };
5721
5732
  var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
5722
- var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
5733
+ var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
5723
5734
 
5724
5735
  var _templateObject$_;
5725
5736
  function AuditLogs() {
@@ -5727,7 +5738,7 @@ function AuditLogs() {
5727
5738
  }
5728
5739
  var Container$D = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
5729
5740
 
5730
- var _templateObject$$, _templateObject2$K, _templateObject3$k, _templateObject4$9;
5741
+ var _templateObject$$, _templateObject2$L, _templateObject3$k, _templateObject4$9;
5731
5742
  // import { useLocation } from 'react-router-dom';
5732
5743
  function Notes() {
5733
5744
  var _usemoduleIds = usemoduleIds(),
@@ -5808,7 +5819,7 @@ function Notes() {
5808
5819
  }, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
5809
5820
  }
5810
5821
  var Container$E = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
5811
- var CardHeader = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
5822
+ var CardHeader = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
5812
5823
  var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
5813
5824
  var SmallButton = /*#__PURE__*/styled.button(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #363a30;\n color: #ffffff;\n font-size: 12px;\n padding: 4px 8px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n\n &:hover {\n background-color: #feba30;\n }\n"])));
5814
5825
 
@@ -5835,7 +5846,7 @@ function ChevronUp(props) {
5835
5846
  }));
5836
5847
  }
5837
5848
 
5838
- var _templateObject$11, _templateObject2$L, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
5849
+ var _templateObject$11, _templateObject2$M, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
5839
5850
  function CollapsableForm(props) {
5840
5851
  var _useState = useState(true),
5841
5852
  isExpanded = _useState[0],
@@ -5856,7 +5867,7 @@ function CollapsableForm(props) {
5856
5867
  }, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
5857
5868
  }
5858
5869
  var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
5859
- var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
5870
+ var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
5860
5871
  var Text$3 = /*#__PURE__*/styled.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
5861
5872
  var Container$F = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
5862
5873
  var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
@@ -5866,7 +5877,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$2 || (_templateOb
5866
5877
  var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5867
5878
  var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
5868
5879
 
5869
- var _templateObject$12, _templateObject2$M, _templateObject3$m;
5880
+ var _templateObject$12, _templateObject2$N, _templateObject3$m;
5870
5881
  function CustomScrollBar(props) {
5871
5882
  var children = props.children,
5872
5883
  _props$thumbHeight = props.thumbHeight,
@@ -5885,10 +5896,10 @@ function CustomScrollBar(props) {
5885
5896
  }, children);
5886
5897
  }
5887
5898
  var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
5888
- var View = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
5899
+ var View = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
5889
5900
  var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
5890
5901
 
5891
- var _templateObject$13, _templateObject2$N, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
5902
+ var _templateObject$13, _templateObject2$O, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
5892
5903
  var selectedID = /*#__PURE__*/atom([]);
5893
5904
  function DynamicTable(_ref, props) {
5894
5905
  var columns = _ref.columns,
@@ -5945,7 +5956,7 @@ function DynamicTable(_ref, props) {
5945
5956
  }, "No entries found."))))))));
5946
5957
  }
5947
5958
  var Container$G = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
5948
- var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
5959
+ var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
5949
5960
  var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
5950
5961
  var TableData = /*#__PURE__*/styled.td(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 10px 5px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
5951
5962
  var TableRow = /*#__PURE__*/styled.tr(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
@@ -5954,7 +5965,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$5 || (_templateObject
5954
5965
  var Table = /*#__PURE__*/styled.table(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
5955
5966
  var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .col {\n display: flex;\n align-items: center;\n color: #3a3630;\n padding: 10px 5px;\n text-align: left;\n }\n\n .col.noFlex {\n flex: 0;\n }\n\n .col.sm {\n flex: 1;\n min-width: 100px;\n }\n\n .col.md {\n flex: 2;\n justify-content: flex-start;\n min-width: 85px;\n }\n\n .col.lg {\n flex: 4;\n justify-content: flex-start;\n min-width: 180px;\n }\n\n .col.date {\n }\n\n .col.amount,\n .col.price {\n justify-content: flex-end;\n }\n\n .TableHeadData,\n .TableData {\n padding: 10px 5px;\n text-align: left;\n white-space: nowrap;\n }\n\n .TableRow {\n display: flex;\n width: 100%;\n }\n\n .Table {\n width: 100%;\n }\n"])));
5956
5967
 
5957
- var _templateObject$14, _templateObject2$O;
5968
+ var _templateObject$14, _templateObject2$P;
5958
5969
  function Event(props) {
5959
5970
  var _props$row;
5960
5971
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
@@ -5970,7 +5981,7 @@ function Event(props) {
5970
5981
  return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
5971
5982
  }
5972
5983
  var RowContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5973
- var Row = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5984
+ var Row = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5974
5985
 
5975
5986
  //to change data into options
5976
5987
  var transformOption = function transformOption(option, key) {
@@ -6017,25 +6028,25 @@ var priorityData = [{
6017
6028
  color: '#E95252'
6018
6029
  }];
6019
6030
 
6020
- var _templateObject$15, _templateObject2$P;
6031
+ var _templateObject$15, _templateObject2$Q;
6021
6032
  function Date$1(props) {
6022
6033
  var _props$row;
6023
6034
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
6024
6035
  return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate$1(data)));
6025
6036
  }
6026
6037
  var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6027
- var Row$1 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6038
+ var Row$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6028
6039
 
6029
- var _templateObject$16, _templateObject2$Q;
6040
+ var _templateObject$16, _templateObject2$R;
6030
6041
  function Code(props) {
6031
6042
  var _props$row;
6032
6043
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
6033
6044
  return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
6034
6045
  }
6035
6046
  var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6036
- var Row$2 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6047
+ var Row$2 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6037
6048
 
6038
- var _templateObject$17, _templateObject2$R;
6049
+ var _templateObject$17, _templateObject2$S;
6039
6050
  function Note(props) {
6040
6051
  var _props$row;
6041
6052
  var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
@@ -6044,7 +6055,7 @@ function Note(props) {
6044
6055
  }, React.createElement(Row$3, null, data));
6045
6056
  }
6046
6057
  var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
6047
- var Row$3 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6058
+ var Row$3 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6048
6059
 
6049
6060
  var tableColumns = [{
6050
6061
  header: 'Date',
@@ -6356,7 +6367,7 @@ function ConfirmedIcon() {
6356
6367
  }))));
6357
6368
  }
6358
6369
 
6359
- var _templateObject$19, _templateObject2$S, _templateObject3$o, _templateObject4$c;
6370
+ var _templateObject$19, _templateObject2$T, _templateObject3$o, _templateObject4$c;
6360
6371
  function Status() {
6361
6372
  var _useStatusDetails = useStatusDetails(),
6362
6373
  orderStatus = _useStatusDetails[0];
@@ -6403,7 +6414,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
6403
6414
  }
6404
6415
  };
6405
6416
  var BoxContainer = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
6406
- var Heading = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n"])));
6417
+ var Heading = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n"])));
6407
6418
  var Container$H = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
6408
6419
  var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
6409
6420
 
@@ -6565,7 +6576,7 @@ var ProductTable = function ProductTable() {
6565
6576
  };
6566
6577
  var Container$I = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
6567
6578
 
6568
- var _templateObject$1d, _templateObject2$T, _templateObject3$p;
6579
+ var _templateObject$1d, _templateObject2$U, _templateObject3$p;
6569
6580
  var payloadAtom = /*#__PURE__*/atom(null);
6570
6581
  var NewReturnDropdown = function NewReturnDropdown() {
6571
6582
  var defaultSelectStyle = {
@@ -6678,10 +6689,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
6678
6689
  }));
6679
6690
  };
6680
6691
  var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject$1d || (_templateObject$1d = /*#__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"])));
6681
- var Container$J = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
6692
+ var Container$J = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
6682
6693
  var Text$4 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
6683
6694
 
6684
- var _templateObject$1e, _templateObject2$U, _templateObject3$q;
6695
+ var _templateObject$1e, _templateObject2$V, _templateObject3$q;
6685
6696
  function ExpandedContent$2() {
6686
6697
  var _response$data, _response$data2;
6687
6698
  var _useAtom = useAtom(payloadAtom),
@@ -6759,17 +6770,17 @@ function ExpandedContent$2() {
6759
6770
  }, "Move Products"), React.createElement(NewReturnDropdown, null))));
6760
6771
  }
6761
6772
  var MidContainer = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
6762
- var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
6773
+ var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
6763
6774
  var Container$K = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6764
6775
 
6765
- var _templateObject$1f, _templateObject2$V;
6776
+ var _templateObject$1f, _templateObject2$W;
6766
6777
  function CollapsedContent$1() {
6767
6778
  return React.createElement(Container$L, null, React.createElement(SectionHeader, {
6768
6779
  label: "Products"
6769
6780
  }), React.createElement(Dimensions, null, "Products to be Returned"));
6770
6781
  }
6771
6782
  var Dimensions = /*#__PURE__*/styled.span(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
6772
- var Container$L = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
6783
+ var Container$L = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
6773
6784
 
6774
6785
  function ProductsInfo() {
6775
6786
  var _useOrderDetails = useOrderDetails(),
@@ -6815,16 +6826,16 @@ function BackgroundModal(props) {
6815
6826
  }
6816
6827
  var Container$M = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
6817
6828
 
6818
- var _templateObject$1h, _templateObject2$W, _templateObject3$r, _templateObject4$d;
6829
+ var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$d;
6819
6830
  function AdditionalInformation(props) {
6820
6831
  return React.createElement(Container$N, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
6821
6832
  }
6822
6833
  var Text$5 = /*#__PURE__*/styled.p(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
6823
- var Container$N = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
6834
+ var Container$N = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
6824
6835
  var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
6825
6836
  var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
6826
6837
 
6827
- var _templateObject$1i, _templateObject2$X, _templateObject3$s, _templateObject4$e;
6838
+ var _templateObject$1i, _templateObject2$Y, _templateObject3$s, _templateObject4$e;
6828
6839
  function OrderActionHeader(props) {
6829
6840
  var title = props.title,
6830
6841
  actions = props.actions,
@@ -6840,11 +6851,11 @@ function OrderActionHeader(props) {
6840
6851
  }, React.createElement(CrossIcon, null)));
6841
6852
  }
6842
6853
  var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
6843
- var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
6854
+ var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
6844
6855
  var Title$2 = /*#__PURE__*/styled.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
6845
6856
  var Container$O = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
6846
6857
 
6847
- var _templateObject$1j, _templateObject2$Y;
6858
+ var _templateObject$1j, _templateObject2$Z;
6848
6859
  function OrderActionFooter(props) {
6849
6860
  var isSubmitDisabled = props.isSubmitDisabled;
6850
6861
  return React.createElement(Container$P, null, React.createElement(SubmitButton, {
@@ -6855,7 +6866,7 @@ function OrderActionFooter(props) {
6855
6866
  }, props.submitButtonTitle || 'submit'), props.actions);
6856
6867
  }
6857
6868
  var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
6858
- var Container$P = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
6869
+ var Container$P = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
6859
6870
 
6860
6871
  var _templateObject$1k;
6861
6872
  function OrderActionModal(props) {
@@ -6874,7 +6885,7 @@ function OrderActionModal(props) {
6874
6885
  }
6875
6886
  var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
6876
6887
 
6877
- var _templateObject$1l, _templateObject2$Z, _templateObject3$t;
6888
+ var _templateObject$1l, _templateObject2$_, _templateObject3$t;
6878
6889
  function OrderActionsDropdown(props) {
6879
6890
  return React.createElement(Container$Q, {
6880
6891
  className: props.className
@@ -6894,7 +6905,7 @@ function OrderActionsDropdown(props) {
6894
6905
  }));
6895
6906
  }
6896
6907
  var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
6897
- var Label$1 = /*#__PURE__*/styled.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
6908
+ var Label$1 = /*#__PURE__*/styled.label(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
6898
6909
  var Container$Q = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
6899
6910
 
6900
6911
  var initialPayload = {
@@ -7177,7 +7188,7 @@ function UploadIcon(props) {
7177
7188
  })));
7178
7189
  }
7179
7190
 
7180
- var _templateObject$1m, _templateObject2$_, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
7191
+ var _templateObject$1m, _templateObject2$$, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
7181
7192
  var uploadedFilesAtom = /*#__PURE__*/atom([]);
7182
7193
  // Allowed photo and video file types
7183
7194
  var fileTypes = ['image/jpeg', 'image/png', 'video/mp4'];
@@ -7255,7 +7266,7 @@ function DocFileUpload() {
7255
7266
  }))));
7256
7267
  }
7257
7268
  var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
7258
- var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
7269
+ var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
7259
7270
  return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
7260
7271
  });
7261
7272
  var Text2 = /*#__PURE__*/styled.p(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #bcbab7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
@@ -7334,7 +7345,7 @@ function useUploadFiles() {
7334
7345
  return create;
7335
7346
  }
7336
7347
 
7337
- var _templateObject$1n, _templateObject2$$, _templateObject3$v, _templateObject4$g, _templateObject5$b;
7348
+ var _templateObject$1n, _templateObject2$10, _templateObject3$v, _templateObject4$g, _templateObject5$b;
7338
7349
  function AddResources() {
7339
7350
  var _staticOrderData$reso;
7340
7351
  var _useCurrentAction = useCurrentAction(),
@@ -7450,15 +7461,15 @@ function AddResources() {
7450
7461
  }), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), " ", React.createElement(RequiredAsterisk$1, null, "*"), React.createElement(DocFileUpload, null), ' ')));
7451
7462
  }
7452
7463
  var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
7453
- var Label$2 = /*#__PURE__*/styled.label(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
7464
+ var Label$2 = /*#__PURE__*/styled.label(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
7454
7465
  var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
7455
7466
  var Top$1 = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
7456
7467
  var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
7457
7468
 
7458
- var _templateObject$1o, _templateObject2$10, _templateObject3$w;
7469
+ var _templateObject$1o, _templateObject2$11, _templateObject3$w;
7459
7470
  // Styled components
7460
7471
  var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\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"])));
7461
- var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
7472
+ var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
7462
7473
  var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
7463
7474
 
7464
7475
  function SplitOrderTable() {
@@ -7573,26 +7584,21 @@ function SplitOrder() {
7573
7584
  var onSubmitSplitOrder = function onSubmitSplitOrder() {
7574
7585
  if (orderId) {
7575
7586
  setPerformAction(true);
7576
- //@ts-ignore
7577
- if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
7578
- notification.success({
7579
- message: 'Success',
7580
- description:
7581
- //@ts-ignore
7582
- (response == null ? void 0 : response.message) || 'Sucess'
7583
- });
7584
- } else {
7585
- // alert(response?.error_traceback);
7586
- notification.error({
7587
- message: 'Error',
7588
- description:
7589
- //@ts-ignore
7590
- (response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
7591
- });
7592
- }
7593
- setSelectedSplit([]);
7594
7587
  }
7595
7588
  };
7589
+ useEffect(function () {
7590
+ //@ts-ignore
7591
+ if ((response == null ? void 0 : response.code) === 200) {
7592
+ notification.success({
7593
+ message: 'Success',
7594
+ description:
7595
+ //@ts-ignore
7596
+ (response == null ? void 0 : response.message) || 'Sucess'
7597
+ });
7598
+ setCurrentAction(undefined);
7599
+ setSelectedSplit([]);
7600
+ }
7601
+ }, [response]);
7596
7602
  var isSubmitDisabled = function isSubmitDisabled() {
7597
7603
  if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
7598
7604
  return !seledtedSplitOrder;
@@ -7641,7 +7647,7 @@ var fonts = {
7641
7647
  secondary: "'Lato', sans-serif"
7642
7648
  };
7643
7649
 
7644
- var _templateObject$1q, _templateObject2$11, _templateObject3$x;
7650
+ var _templateObject$1q, _templateObject2$12, _templateObject3$x;
7645
7651
  function RadioButton(props) {
7646
7652
  return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
7647
7653
  color: props.color
@@ -7653,14 +7659,14 @@ function RadioButton(props) {
7653
7659
  }, props.label));
7654
7660
  }
7655
7661
  var Label$3 = /*#__PURE__*/styled.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
7656
- var Input = /*#__PURE__*/styled.input(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
7662
+ var Input = /*#__PURE__*/styled.input(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
7657
7663
  return props.color || '#6396e5';
7658
7664
  }, function (props) {
7659
7665
  return props.color || '#6396e5';
7660
7666
  });
7661
7667
  var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
7662
7668
 
7663
- var _templateObject$1r, _templateObject2$12, _templateObject3$y, _templateObject4$h, _templateObject5$c, _templateObject6$5, _templateObject7$7;
7669
+ var _templateObject$1r, _templateObject2$13, _templateObject3$y, _templateObject4$h, _templateObject5$c, _templateObject6$5, _templateObject7$7;
7664
7670
  function RadioButtonGroup(props) {
7665
7671
  var heading = props.heading,
7666
7672
  _props$direction = props.direction,
@@ -7696,7 +7702,7 @@ function RadioButtonGroup(props) {
7696
7702
  }, renderOptions()));
7697
7703
  }
7698
7704
  var Separator = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
7699
- var labelStyles = /*#__PURE__*/css(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
7705
+ var labelStyles = /*#__PURE__*/css(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
7700
7706
  var RequiredText = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
7701
7707
  return !props.$required && 'visibility: hidden;';
7702
7708
  }, labelStyles);
@@ -7740,7 +7746,7 @@ function DeliveryPoint() {
7740
7746
  }
7741
7747
  var Container$S = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
7742
7748
 
7743
- var _templateObject$1t, _templateObject2$13, _templateObject3$z, _templateObject4$i, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
7749
+ var _templateObject$1t, _templateObject2$14, _templateObject3$z, _templateObject4$i, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
7744
7750
  var _excluded$5 = ["imageSrc", "label", "checked"];
7745
7751
  function Checkbox(props) {
7746
7752
  var imageSrc = props.imageSrc,
@@ -7764,7 +7770,7 @@ function Checkbox(props) {
7764
7770
  var Image = /*#__PURE__*/styled.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
7765
7771
  return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
7766
7772
  });
7767
- var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
7773
+ var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
7768
7774
  var Circle = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
7769
7775
  return props.$checked ? '#feba30' : 'white';
7770
7776
  });
@@ -7828,7 +7834,7 @@ function OrderServices$1() {
7828
7834
  }
7829
7835
  var Container$T = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
7830
7836
 
7831
- var _templateObject$1v, _templateObject2$14;
7837
+ var _templateObject$1v, _templateObject2$15;
7832
7838
  function Notes$1(_ref) {
7833
7839
  var onNotesChange = _ref.onNotesChange;
7834
7840
  var handleTextChange = function handleTextChange(event) {
@@ -7840,9 +7846,9 @@ function Notes$1(_ref) {
7840
7846
  }));
7841
7847
  }
7842
7848
  var Label$4 = /*#__PURE__*/styled.span(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
7843
- var Container$U = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
7849
+ var Container$U = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
7844
7850
 
7845
- var _templateObject$1w, _templateObject2$15, _templateObject3$A;
7851
+ var _templateObject$1w, _templateObject2$16, _templateObject3$A;
7846
7852
  function LogServiceRefusal() {
7847
7853
  var _useCurrentAction = useCurrentAction(),
7848
7854
  setCurrentAction = _useCurrentAction[1];
@@ -7863,7 +7869,7 @@ function LogServiceRefusal() {
7863
7869
  }))));
7864
7870
  }
7865
7871
  var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
7866
- var Left = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
7872
+ var Left = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
7867
7873
  var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
7868
7874
 
7869
7875
  function ReturnAction() {
@@ -7890,7 +7896,7 @@ function ReturnReason() {
7890
7896
  });
7891
7897
  }
7892
7898
 
7893
- var _templateObject$1x, _templateObject2$16, _templateObject3$B, _templateObject4$j, _templateObject5$e, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$3;
7899
+ var _templateObject$1x, _templateObject2$17, _templateObject3$B, _templateObject4$j, _templateObject5$e, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$3;
7894
7900
  function CancelOrder() {
7895
7901
  var _orderStaticData$canc;
7896
7902
  var _useOrderId = useOrderId(),
@@ -8014,7 +8020,7 @@ function CancelOrder() {
8014
8020
  }))))));
8015
8021
  }
8016
8022
  var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
8017
- var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
8023
+ var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
8018
8024
  var Label$5 = /*#__PURE__*/styled.label(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8019
8025
  var Container$V = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8020
8026
  var Wrapper$h = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
@@ -8024,7 +8030,7 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 =
8024
8030
  // const Bottom = styled.div``;
8025
8031
  var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
8026
8032
 
8027
- var _templateObject$1y, _templateObject2$17, _templateObject3$C;
8033
+ var _templateObject$1y, _templateObject2$18, _templateObject3$C;
8028
8034
  function EmailAddress() {
8029
8035
  var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
8030
8036
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
@@ -8066,10 +8072,10 @@ function EmailAddress() {
8066
8072
  }), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
8067
8073
  }
8068
8074
  var Label$6 = /*#__PURE__*/styled.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8069
- var Container$W = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8075
+ var Container$W = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8070
8076
  var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
8071
8077
 
8072
- var _templateObject$1z, _templateObject2$18, _templateObject3$D;
8078
+ var _templateObject$1z, _templateObject2$19, _templateObject3$D;
8073
8079
  function ContactPhone() {
8074
8080
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
8075
8081
  orderDetails = _useOrderDetailsConfi[0],
@@ -8131,10 +8137,10 @@ function ContactPhone() {
8131
8137
  }), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
8132
8138
  }
8133
8139
  var Label$7 = /*#__PURE__*/styled.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8134
- var Container$X = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8140
+ var Container$X = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8135
8141
  var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
8136
8142
 
8137
- var _templateObject$1A, _templateObject2$19, _templateObject3$E;
8143
+ var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
8138
8144
  function ContactWork$1() {
8139
8145
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
8140
8146
  orderDetails = _useOrderDetailsConfi[0],
@@ -8196,10 +8202,10 @@ function ContactWork$1() {
8196
8202
  }), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
8197
8203
  }
8198
8204
  var Label$8 = /*#__PURE__*/styled.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8199
- var Container$Y = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8205
+ var Container$Y = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8200
8206
  var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
8201
8207
 
8202
- var _templateObject$1B, _templateObject2$1a, _templateObject3$F;
8208
+ var _templateObject$1B, _templateObject2$1b, _templateObject3$F;
8203
8209
  function ContactMobile$1() {
8204
8210
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
8205
8211
  orderDetails = _useOrderDetailsConfi[0],
@@ -8261,7 +8267,7 @@ function ContactMobile$1() {
8261
8267
  }), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
8262
8268
  }
8263
8269
  var Label$9 = /*#__PURE__*/styled.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8264
- var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8270
+ var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8265
8271
  var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
8266
8272
 
8267
8273
  function ContactTypeDropdown() {
@@ -8328,7 +8334,7 @@ function ActionDropdown() {
8328
8334
  });
8329
8335
  }
8330
8336
 
8331
- var _templateObject$1C, _templateObject2$1b;
8337
+ var _templateObject$1C, _templateObject2$1c;
8332
8338
  function DeliveryDate$1() {
8333
8339
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
8334
8340
  orderDetails = _useOrderDetailsConfi[0];
@@ -8365,7 +8371,7 @@ function DeliveryDate$1() {
8365
8371
  }));
8366
8372
  }
8367
8373
  var Label$a = /*#__PURE__*/styled.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8368
- var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
8374
+ var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
8369
8375
 
8370
8376
  function convertTo12HourFormat$1(time24) {
8371
8377
  var _time24$split, _minutes$toString;
@@ -8414,7 +8420,7 @@ function TimedServiceDropdown$1() {
8414
8420
  });
8415
8421
  }
8416
8422
 
8417
- var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$k;
8423
+ var _templateObject$1D, _templateObject2$1d, _templateObject3$G, _templateObject4$k;
8418
8424
  function CustomerInformation() {
8419
8425
  var _orderDetails$order_r;
8420
8426
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
@@ -8422,11 +8428,11 @@ function CustomerInformation() {
8422
8428
  return React.createElement(Container$$, null, React.createElement(Title$3, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$i, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$i, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$i, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$i, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
8423
8429
  }
8424
8430
  var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
8425
- var AddressField = /*#__PURE__*/styled.p(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
8431
+ var AddressField = /*#__PURE__*/styled.p(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
8426
8432
  var Title$3 = /*#__PURE__*/styled.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
8427
8433
  var Container$$ = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
8428
8434
 
8429
- var _templateObject$1E, _templateObject2$1d;
8435
+ var _templateObject$1E, _templateObject2$1e;
8430
8436
  function ProductTable$1() {
8431
8437
  var _useProductDetails = useProductDetails(),
8432
8438
  orderProductDetails = _useProductDetails[0];
@@ -8454,9 +8460,9 @@ function ProductTable$1() {
8454
8460
  })))));
8455
8461
  }
8456
8462
  var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1E || (_templateObject$1E = /*#__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"])));
8457
- var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
8463
+ var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
8458
8464
 
8459
- var _templateObject$1F, _templateObject2$1e;
8465
+ var _templateObject$1F, _templateObject2$1f;
8460
8466
  function NotesTable() {
8461
8467
  var _useState = useState(null),
8462
8468
  moduleIds = _useState[0],
@@ -8551,9 +8557,9 @@ function NotesTable() {
8551
8557
  }))))));
8552
8558
  }
8553
8559
  var Title$5 = /*#__PURE__*/styled.h2(_templateObject$1F || (_templateObject$1F = /*#__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"])));
8554
- var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
8560
+ var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
8555
8561
 
8556
- var _templateObject$1G, _templateObject2$1f;
8562
+ var _templateObject$1G, _templateObject2$1g;
8557
8563
  function ConfirmationNotes() {
8558
8564
  return React.createElement(Container$12, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
8559
8565
  rows: 5,
@@ -8561,9 +8567,9 @@ function ConfirmationNotes() {
8561
8567
  }));
8562
8568
  }
8563
8569
  var Label$b = /*#__PURE__*/styled.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8564
- var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8570
+ var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8565
8571
 
8566
- var _templateObject$1H, _templateObject2$1g;
8572
+ var _templateObject$1H, _templateObject2$1h;
8567
8573
  function DeliveryInstructions$1() {
8568
8574
  return React.createElement(Container$13, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
8569
8575
  rows: 5,
@@ -8571,9 +8577,9 @@ function DeliveryInstructions$1() {
8571
8577
  }));
8572
8578
  }
8573
8579
  var Label$c = /*#__PURE__*/styled.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8574
- var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8580
+ var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8575
8581
 
8576
- var _templateObject$1I, _templateObject2$1h;
8582
+ var _templateObject$1I, _templateObject2$1i;
8577
8583
  function ContactWith() {
8578
8584
  return React.createElement(Container$14, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
8579
8585
  style: {
@@ -8582,9 +8588,9 @@ function ContactWith() {
8582
8588
  }));
8583
8589
  }
8584
8590
  var Label$d = /*#__PURE__*/styled.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
8585
- var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8591
+ var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
8586
8592
 
8587
- var _templateObject$1J, _templateObject2$1i, _templateObject3$H, _templateObject4$l;
8593
+ var _templateObject$1J, _templateObject2$1j, _templateObject3$H, _templateObject4$l;
8588
8594
  function SlotAndInstructions() {
8589
8595
  var _orderDetails$order_r;
8590
8596
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
@@ -8592,11 +8598,11 @@ function SlotAndInstructions() {
8592
8598
  return React.createElement(Container$15, null, React.createElement(Slot, null, React.createElement(Title$6, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
8593
8599
  }
8594
8600
  var Value = /*#__PURE__*/styled.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
8595
- var Slot = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
8601
+ var Slot = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
8596
8602
  var Title$6 = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
8597
8603
  var Container$15 = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
8598
8604
 
8599
- var _templateObject$1K, _templateObject2$1j;
8605
+ var _templateObject$1K, _templateObject2$1k;
8600
8606
  // import { filterObject } from '../../../utils';
8601
8607
  function ConfirmOrder() {
8602
8608
  var _useCurrentAction = useCurrentAction(),
@@ -8610,8 +8616,6 @@ function ConfirmOrder() {
8610
8616
  var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
8611
8617
  orderDetailsConfirmOrder = _useOrderDetailsConfi[0],
8612
8618
  setOrderDetailsConfirmOrder = _useOrderDetailsConfi[1];
8613
- var _useLoading = useLoading(),
8614
- setLoading = _useLoading[1];
8615
8619
  var _useCustomerInfo = useCustomerInfo(),
8616
8620
  customerInfo = _useCustomerInfo[0];
8617
8621
  var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
@@ -8619,13 +8623,14 @@ function ConfirmOrder() {
8619
8623
  deliveryDate = _useConfirmOrderDate[0],
8620
8624
  setDeliveryDate = _useConfirmOrderDate[1];
8621
8625
  var _useLiveRecalling = useLiveRecalling(),
8622
- liveRecalling = _useLiveRecalling[0],
8623
8626
  setRecalling = _useLiveRecalling[1];
8624
8627
  var _useOrderId = useOrderId(),
8625
8628
  orderId = _useOrderId[0];
8626
8629
  var _useErrorConfirmOrder = useErrorConfirmOrder(),
8627
8630
  errorState = _useErrorConfirmOrder[0];
8628
8631
  var updateOrder = useUpdateOrder();
8632
+ var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
8633
+ setRecallOrders = _useGlobalStateHitOrd[1];
8629
8634
  var onClose = function onClose() {
8630
8635
  setCurrentAction(undefined);
8631
8636
  };
@@ -8644,27 +8649,6 @@ function ConfirmOrder() {
8644
8649
  loadingForConfirm = _useApiHook.loading,
8645
8650
  response = _useApiHook.data,
8646
8651
  setPerformAction = _useApiHook.setShouldPerformAction;
8647
- var _useApiHook2 = useApiHook({
8648
- endpoint: "orders/" + orderId,
8649
- method: 'GET',
8650
- performAction: false
8651
- }),
8652
- fetchedData = _useApiHook2.data,
8653
- loading = _useApiHook2.loading,
8654
- setShouldPerformAction = _useApiHook2.setShouldPerformAction;
8655
- useEffect(function () {
8656
- var _fetchedData$data;
8657
- setLoading(loading);
8658
- if (fetchedData && fetchedData.data) {
8659
- var requiredData = fetchedData == null ? void 0 : fetchedData.data;
8660
- setOrderDetails(requiredData[0]);
8661
- setPrevOrderDetails(requiredData[0]);
8662
- setCurrentAction(undefined);
8663
- }
8664
- if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
8665
- setCurrentAction(undefined);
8666
- }
8667
- }, [loading, liveRecalling]);
8668
8652
  useEffect(function () {
8669
8653
  if (response) {
8670
8654
  //@ts-ignore
@@ -8674,13 +8658,11 @@ function ConfirmOrder() {
8674
8658
  // @ts-ignore
8675
8659
  description: (response == null ? void 0 : response.message) || 'Order confirmed successfully'
8676
8660
  });
8677
- setShouldPerformAction(true);
8678
8661
  setRecalling(true);
8679
8662
  setTimeout(function () {
8680
8663
  setRecalling(false);
8681
8664
  }, 2000);
8682
8665
  } else {
8683
- setShouldPerformAction(false);
8684
8666
  notification.error({
8685
8667
  message: 'Error',
8686
8668
  description:
@@ -8701,33 +8683,35 @@ function ConfirmOrder() {
8701
8683
  while (1) switch (_context.prev = _context.next) {
8702
8684
  case 0:
8703
8685
  setRecalling(false);
8686
+ setRecallOrders(false);
8704
8687
  keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates'];
8705
8688
  filteredOrderDetails = filterObject(orderDetailsConfirmOrder, keysToRemovefromOrders);
8706
8689
  filteredPrevOrderDetails = filterObject(prevOrderDetails, keysToRemovefromOrders);
8707
8690
  payload = compareOrderDetailsStates(filteredPrevOrderDetails, filteredOrderDetails);
8708
8691
  notUpdateOrder = hasOnlyIdKey(payload);
8709
8692
  if (notUpdateOrder) {
8710
- _context.next = 11;
8693
+ _context.next = 12;
8711
8694
  break;
8712
8695
  }
8713
- _context.next = 9;
8696
+ _context.next = 10;
8714
8697
  return updateOrder([payload]);
8715
- case 9:
8698
+ case 10:
8716
8699
  _response = _context.sent;
8717
8700
  if (_response && (_response == null || (_response$data = _response.data) == null ? void 0 : _response$data.length) > 0) {
8718
8701
  setOrderDetails(_response == null ? void 0 : _response.data[0]);
8719
8702
  setPrevOrderDetails(_response == null ? void 0 : _response.data[0]);
8703
+ setRecallOrders(true);
8720
8704
  } else {
8721
8705
  setOrderDetails(prevOrderDetails);
8722
8706
  }
8723
- case 11:
8707
+ case 12:
8724
8708
  if (orderId && deliveryDate) {
8725
8709
  //call order update api then call confirm order if required
8726
8710
  formattedDate = format(new Date(deliveryDate), 'yyyy-MM-dd');
8727
8711
  setDeliveryDate(formattedDate);
8728
8712
  setPerformAction(true);
8729
8713
  }
8730
- case 12:
8714
+ case 13:
8731
8715
  case "end":
8732
8716
  return _context.stop();
8733
8717
  }
@@ -8774,10 +8758,10 @@ function ConfirmOrder() {
8774
8758
  }, React.createElement(ContentContainer$4, null, React.createElement(Wrapper$j, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
8775
8759
  }
8776
8760
  var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
8777
- var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
8761
+ var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
8778
8762
 
8779
- var _templateObject2$1k, _templateObject3$I, _templateObject4$m, _templateObject5$f, _templateObject6$8, _templateObject7$a, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1;
8780
- var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
8763
+ var _templateObject2$1l, _templateObject3$I, _templateObject4$m, _templateObject5$f, _templateObject6$8, _templateObject7$a, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1;
8764
+ var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
8781
8765
  var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
8782
8766
  var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
8783
8767
  var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
@@ -9349,7 +9333,7 @@ var FormRow = function FormRow(_ref) {
9349
9333
  }, " * ")), children);
9350
9334
  };
9351
9335
 
9352
- var _templateObject$1N, _templateObject2$1l, _templateObject3$K, _templateObject4$o, _templateObject5$h;
9336
+ var _templateObject$1N, _templateObject2$1m, _templateObject3$K, _templateObject4$o, _templateObject5$h;
9353
9337
  dayjs.extend(utc);
9354
9338
  dayjs.extend(isValid);
9355
9339
  function CreateReminderModal() {
@@ -9576,7 +9560,7 @@ function CreateReminderModal() {
9576
9560
  })));
9577
9561
  }
9578
9562
  var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
9579
- var Label$g = /*#__PURE__*/styled.label(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
9563
+ var Label$g = /*#__PURE__*/styled.label(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
9580
9564
  var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
9581
9565
  var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
9582
9566
  var StyledLink = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
@@ -9936,7 +9920,7 @@ function TaskReminderModal() {
9936
9920
  }
9937
9921
  var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
9938
9922
 
9939
- var _templateObject$1P, _templateObject2$1m;
9923
+ var _templateObject$1P, _templateObject2$1n;
9940
9924
  function OrderLock() {
9941
9925
  var _useCurrentAction = useCurrentAction(),
9942
9926
  setCurrentAction = _useCurrentAction[1];
@@ -9944,6 +9928,10 @@ function OrderLock() {
9944
9928
  orderDetails = _useOrderDetails[0],
9945
9929
  setOrderdetails = _useOrderDetails[1];
9946
9930
  var lockOrder = useUpdateOrder();
9931
+ var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
9932
+ setRecallOrders = _useGlobalStateHitOrd[1];
9933
+ var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
9934
+ setRecallAuditLog = _useGlobalStateHitAud[1];
9947
9935
  var title = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlocking Order' : 'Locking Order';
9948
9936
  var action = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlock' : 'Lock';
9949
9937
  var onClose = function onClose() {
@@ -9955,20 +9943,24 @@ function OrderLock() {
9955
9943
  return _regeneratorRuntime().wrap(function _callee$(_context) {
9956
9944
  while (1) switch (_context.prev = _context.next) {
9957
9945
  case 0:
9946
+ setRecallOrders(false);
9958
9947
  isLocked = (orderDetails == null ? void 0 : orderDetails.order_locked) === null ? false : orderDetails == null ? void 0 : orderDetails.order_locked;
9959
9948
  payload = [{
9960
9949
  id: orderDetails == null ? void 0 : orderDetails.id,
9961
9950
  order_locked: !isLocked
9962
9951
  }];
9963
- _context.next = 4;
9952
+ _context.next = 5;
9964
9953
  return lockOrder(payload);
9965
- case 4:
9954
+ case 5:
9966
9955
  response = _context.sent;
9967
9956
  if (response.data) {
9968
9957
  setOrderdetails(response.data[0]);
9958
+ setOrderdetails(response == null ? void 0 : response.data[0]);
9959
+ setRecallAuditLog(true);
9960
+ setRecallOrders(true);
9969
9961
  }
9970
9962
  onClose();
9971
- case 7:
9963
+ case 8:
9972
9964
  case "end":
9973
9965
  return _context.stop();
9974
9966
  }
@@ -9990,7 +9982,7 @@ function OrderLock() {
9990
9982
  });
9991
9983
  }
9992
9984
  var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
9993
- var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
9985
+ var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
9994
9986
 
9995
9987
  function useUpdateFlag() {
9996
9988
  var ssoToken = getCookie('id_token');
@@ -10060,7 +10052,7 @@ function useUpdateFlag() {
10060
10052
  return create;
10061
10053
  }
10062
10054
 
10063
- var _templateObject$1Q, _templateObject2$1n, _templateObject3$L, _templateObject4$p, _templateObject5$i, _templateObject6$9;
10055
+ var _templateObject$1Q, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$i, _templateObject6$9;
10064
10056
  function HeaderSection() {
10065
10057
  var _useSingleFlagData = useSingleFlagData(),
10066
10058
  dataArray = _useSingleFlagData[0];
@@ -10131,13 +10123,13 @@ function HeaderSection() {
10131
10123
  })));
10132
10124
  }
10133
10125
  var Header$1 = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
10134
- var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
10126
+ var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
10135
10127
  var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
10136
10128
  var Title$7 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
10137
10129
  var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
10138
10130
  var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
10139
10131
 
10140
- var _templateObject$1R, _templateObject2$1o;
10132
+ var _templateObject$1R, _templateObject2$1p;
10141
10133
  function TextSection() {
10142
10134
  var _useSinglePayload = useSinglePayload(),
10143
10135
  payload = _useSinglePayload[0],
@@ -10156,9 +10148,9 @@ function TextSection() {
10156
10148
  }));
10157
10149
  }
10158
10150
  var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
10159
- var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
10151
+ var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
10160
10152
 
10161
- var _templateObject$1S, _templateObject2$1p, _templateObject3$M, _templateObject4$q;
10153
+ var _templateObject$1S, _templateObject2$1q, _templateObject3$M, _templateObject4$q;
10162
10154
  function StatusIndicator(props) {
10163
10155
  var statusColor = getStatusColor(props.status);
10164
10156
  return React.createElement(Container$17, null, React.createElement(StatusCircleContainer, {
@@ -10172,7 +10164,7 @@ function StatusIndicator(props) {
10172
10164
  var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
10173
10165
  return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
10174
10166
  });
10175
- var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
10167
+ var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
10176
10168
  return props.color;
10177
10169
  });
10178
10170
  var Container$17 = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
@@ -10180,7 +10172,7 @@ var Text$8 = /*#__PURE__*/styled.span(_templateObject4$q || (_templateObject4$q
10180
10172
  return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
10181
10173
  });
10182
10174
 
10183
- var _templateObject$1T, _templateObject2$1q;
10175
+ var _templateObject$1T, _templateObject2$1r;
10184
10176
  function ButtonsSection() {
10185
10177
  var _useSinglePayload = useSinglePayload(),
10186
10178
  payload = _useSinglePayload[0],
@@ -10272,9 +10264,9 @@ function ButtonsSection() {
10272
10264
  }))));
10273
10265
  }
10274
10266
  var Buttons = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
10275
- var Flex = /*#__PURE__*/styled.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
10267
+ var Flex = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
10276
10268
 
10277
- var _templateObject$1U, _templateObject2$1r, _templateObject3$N, _templateObject4$r, _templateObject5$j, _templateObject6$a;
10269
+ var _templateObject$1U, _templateObject2$1s, _templateObject3$N, _templateObject4$r, _templateObject5$j, _templateObject6$a;
10278
10270
  function ActionSection() {
10279
10271
  var _useCurrentAction = useCurrentAction(),
10280
10272
  setCurrentAction = _useCurrentAction[1];
@@ -10361,13 +10353,13 @@ function RadioButtonsSection() {
10361
10353
  }));
10362
10354
  }
10363
10355
  var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
10364
- var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10356
+ var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10365
10357
  var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10366
10358
  var DropDowns = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
10367
10359
  var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
10368
10360
  var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
10369
10361
 
10370
- var _templateObject$1V, _templateObject2$1s, _templateObject3$O, _templateObject4$s, _templateObject5$k;
10362
+ var _templateObject$1V, _templateObject2$1t, _templateObject3$O, _templateObject4$s, _templateObject5$k;
10371
10363
  function DetailSection() {
10372
10364
  var _dataArray$order_data, _dataArray$order_data2;
10373
10365
  var _useSingleFlagData = useSingleFlagData(),
@@ -10380,7 +10372,7 @@ function DetailSection() {
10380
10372
  }), React.createElement(Order, null, orderColumnData)));
10381
10373
  }
10382
10374
  var Detail = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
10383
- var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
10375
+ var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
10384
10376
  var Ref = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
10385
10377
  var Order = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
10386
10378
  var StyledLabel$1 = /*#__PURE__*/styled(Label$j)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
@@ -10465,7 +10457,7 @@ function useFetchSingleFlagsData() {
10465
10457
  return res;
10466
10458
  }
10467
10459
 
10468
- var _templateObject$1W, _templateObject2$1t, _templateObject3$P;
10460
+ var _templateObject$1W, _templateObject2$1u, _templateObject3$P;
10469
10461
  function ViewFlag() {
10470
10462
  var _useSingleFlagData = useSingleFlagData(),
10471
10463
  dataArray = _useSingleFlagData[0],
@@ -10563,7 +10555,7 @@ function ViewFlag() {
10563
10555
  return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
10564
10556
  }
10565
10557
  var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
10566
- var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
10558
+ var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
10567
10559
  var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
10568
10560
 
10569
10561
  var _templateObject$1X;
@@ -10919,7 +10911,7 @@ function RemoveFromRoute() {
10919
10911
  }
10920
10912
  var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
10921
10913
 
10922
- var _templateObject$1$, _templateObject2$1u, _templateObject3$Q, _templateObject4$t;
10914
+ var _templateObject$1$, _templateObject2$1v, _templateObject3$Q, _templateObject4$t;
10923
10915
  function CreateTaskModal() {
10924
10916
  var _useTaskTypeData = useTaskTypeData(),
10925
10917
  taskTypes = _useTaskTypeData[0];
@@ -11107,7 +11099,7 @@ function CreateTaskModal() {
11107
11099
  })));
11108
11100
  }
11109
11101
  var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
11110
- var StyledLink$1 = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
11102
+ var StyledLink$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
11111
11103
  var Label$h = /*#__PURE__*/styled.label(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
11112
11104
  var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 25%;\n"])));
11113
11105
 
@@ -11468,7 +11460,7 @@ function useSystemLogs() {
11468
11460
  return perform;
11469
11461
  }
11470
11462
 
11471
- var _templateObject$22, _templateObject2$1v;
11463
+ var _templateObject$22, _templateObject2$1w;
11472
11464
  var Details = function Details() {
11473
11465
  // const [orderDetails] = useOrderDetails();
11474
11466
  var _useCustomerInfo = useCustomerInfo(),
@@ -11478,7 +11470,7 @@ var Details = function Details() {
11478
11470
  return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
11479
11471
  };
11480
11472
  var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
11481
- var Typo = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__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"])));
11473
+ var Typo = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__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"])));
11482
11474
 
11483
11475
  var _templateObject$23;
11484
11476
  function Options() {
@@ -11709,7 +11701,7 @@ var DetailsFilters = function DetailsFilters() {
11709
11701
  };
11710
11702
  var Flex$3 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__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"])));
11711
11703
 
11712
- var _templateObject$28, _templateObject2$1w, _templateObject3$R;
11704
+ var _templateObject$28, _templateObject2$1x, _templateObject3$R;
11713
11705
  function FlagTemplate(_ref) {
11714
11706
  var _data$tasks_types;
11715
11707
  var data = _ref.data;
@@ -11741,13 +11733,13 @@ function FlagTemplate(_ref) {
11741
11733
  }));
11742
11734
  }
11743
11735
  var StyledAlert = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
11744
- var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
11736
+ var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
11745
11737
  var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
11746
11738
  var color = _ref2.color;
11747
11739
  return color;
11748
11740
  });
11749
11741
 
11750
- var _templateObject$29, _templateObject2$1x, _templateObject3$S;
11742
+ var _templateObject$29, _templateObject2$1y, _templateObject3$S;
11751
11743
  function ReminderTemplate(_ref) {
11752
11744
  var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
11753
11745
  var data = _ref.data,
@@ -11783,13 +11775,13 @@ function ReminderTemplate(_ref) {
11783
11775
  })));
11784
11776
  }
11785
11777
  var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
11786
- var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
11778
+ var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
11787
11779
  var color = _ref2.color;
11788
11780
  return color;
11789
11781
  });
11790
11782
  var StyledLink$3 = /*#__PURE__*/styled.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
11791
11783
 
11792
- var _templateObject$2a, _templateObject2$1y;
11784
+ var _templateObject$2a, _templateObject2$1z;
11793
11785
  function Tabs(_ref) {
11794
11786
  var activeNotifications = _ref.activeNotifications,
11795
11787
  closedNotifications = _ref.closedNotifications,
@@ -11844,7 +11836,7 @@ function Tabs(_ref) {
11844
11836
  })))));
11845
11837
  }
11846
11838
  var Container$1a = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11847
- var Content = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11839
+ var Content = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
11848
11840
 
11849
11841
  var NotifyFlag = function NotifyFlag() {
11850
11842
  return React.createElement("svg", {
@@ -11862,7 +11854,7 @@ var NotifyFlag = function NotifyFlag() {
11862
11854
  }));
11863
11855
  };
11864
11856
 
11865
- var _templateObject$2b, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
11857
+ var _templateObject$2b, _templateObject2$1A, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
11866
11858
  function Notification() {
11867
11859
  var _OrderData$order_rout;
11868
11860
  var _useTabType = useTabType(),
@@ -12040,7 +12032,7 @@ function Notification() {
12040
12032
  })) : 'No Notifications Found'));
12041
12033
  }
12042
12034
  var Container$1b = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
12043
- var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
12035
+ var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
12044
12036
  var Spinner$1 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
12045
12037
  var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12046
12038
  var TabsData = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
@@ -12062,43 +12054,43 @@ function CollapsedContent$2() {
12062
12054
  }
12063
12055
  var Font$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
12064
12056
 
12065
- var _templateObject$2d, _templateObject2$1A;
12057
+ var _templateObject$2d, _templateObject2$1B;
12066
12058
  function Category(props) {
12067
12059
  var _props$row;
12068
12060
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
12069
12061
  return React.createElement(RowContainer$4, null, React.createElement(Row$6, null, data));
12070
12062
  }
12071
12063
  var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12072
- var Row$6 = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12064
+ var Row$6 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12073
12065
 
12074
- var _templateObject$2e, _templateObject2$1B;
12066
+ var _templateObject$2e, _templateObject2$1C;
12075
12067
  function Date$2(props) {
12076
12068
  var _props$row;
12077
12069
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
12078
12070
  return React.createElement(RowContainer$5, null, React.createElement(Row$7, null, formatDate$1(data)));
12079
12071
  }
12080
12072
  var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12081
- var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12073
+ var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12082
12074
 
12083
- var _templateObject$2f, _templateObject2$1C;
12075
+ var _templateObject$2f, _templateObject2$1D;
12084
12076
  function Reference(props) {
12085
12077
  var _props$row;
12086
12078
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
12087
12079
  return React.createElement(RowContainer$6, null, React.createElement(Row$8, null, data));
12088
12080
  }
12089
12081
  var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12090
- var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12082
+ var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12091
12083
 
12092
- var _templateObject$2g, _templateObject2$1D;
12084
+ var _templateObject$2g, _templateObject2$1E;
12093
12085
  function Type(props) {
12094
12086
  var _props$row;
12095
12087
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
12096
12088
  return React.createElement(RowContainer$7, null, React.createElement(Row$9, null, data));
12097
12089
  }
12098
12090
  var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12099
- var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12091
+ var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12100
12092
 
12101
- var _templateObject$2h, _templateObject2$1E, _templateObject3$U;
12093
+ var _templateObject$2h, _templateObject2$1F, _templateObject3$U;
12102
12094
  function Action(_ref) {
12103
12095
  var _row$original, _orderResources$data;
12104
12096
  var row = _ref.row;
@@ -12208,7 +12200,7 @@ function Action(_ref) {
12208
12200
  }
12209
12201
  // Styled components for styling
12210
12202
  var Actions = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12211
- var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12203
+ var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12212
12204
  var Row$a = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
12213
12205
 
12214
12206
  var tableColumns$1 = [{
@@ -12253,7 +12245,7 @@ function Order$1() {
12253
12245
  }
12254
12246
  var Table$2 = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12255
12247
 
12256
- var _templateObject$2j, _templateObject2$1F, _templateObject3$V, _templateObject4$v;
12248
+ var _templateObject$2j, _templateObject2$1G, _templateObject3$V, _templateObject4$v;
12257
12249
  function OrderView() {
12258
12250
  notification.config({
12259
12251
  top: 150
@@ -12302,6 +12294,8 @@ function OrderView() {
12302
12294
  setVisibilityData = _useVisibilityData[1];
12303
12295
  var _useSubContracterData = useSubContracterData(),
12304
12296
  setSubContracterData = _useSubContracterData[1];
12297
+ var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
12298
+ recallOrders = _useGlobalStateHitOrd[0];
12305
12299
  // query param
12306
12300
  var location = useLocation();
12307
12301
  var _useState2 = useState([]),
@@ -12384,10 +12378,10 @@ function OrderView() {
12384
12378
  depotDataLoading = _useApiHook5.loading;
12385
12379
  useEffect(function () {
12386
12380
  if (orderId) {
12387
- orderUpdate(true);
12381
+ orderUpdate(recallOrders);
12388
12382
  liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
12389
12383
  }
12390
- }, [orderId, liveRecalling]);
12384
+ }, [orderId, liveRecalling, recallOrders]);
12391
12385
  useEffect(function () {
12392
12386
  setLoading(staticDataLoading);
12393
12387
  if (fetchedStaticData && fetchedStaticData.data) {
@@ -12431,6 +12425,8 @@ function OrderView() {
12431
12425
  // setOrderId(null);
12432
12426
  };
12433
12427
  }, [statusDataLoading, fetchedStatusData]);
12428
+ var _useAtom = useAtom(setResourcesCall),
12429
+ getResources = _useAtom[0];
12434
12430
  useEffect(function () {
12435
12431
  setLoading(depotDataLoading);
12436
12432
  if (fetchedDepotData && fetchedDepotData.data) {
@@ -12459,6 +12455,18 @@ function OrderView() {
12459
12455
  }),
12460
12456
  fetchedResourcesData = _useApiHook6.data,
12461
12457
  setActions = _useApiHook6.setShouldPerformAction;
12458
+ useEffect(function () {
12459
+ if (orderId) {
12460
+ if (getResources) {
12461
+ setActions(false);
12462
+ setTimeout(function () {
12463
+ setActions(true);
12464
+ }, 200);
12465
+ } else {
12466
+ setActions(true);
12467
+ }
12468
+ }
12469
+ }, [orderId, setActions, getResources]);
12462
12470
  useEffect(function () {
12463
12471
  if (orderId) {
12464
12472
  setActions(true);
@@ -12587,12 +12595,12 @@ function OrderView() {
12587
12595
  return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(Notification, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(Order$1, null), React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
12588
12596
  }
12589
12597
  var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12590
- var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12598
+ var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12591
12599
  var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12592
12600
  var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
12593
12601
 
12594
- var _templateObject2$1G;
12595
- var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__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"])));
12602
+ var _templateObject2$1H;
12603
+ var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
12596
12604
 
12597
12605
  var initialState$3 = {
12598
12606
  'x-filters': [],
@@ -12658,7 +12666,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
12658
12666
  return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
12659
12667
  });
12660
12668
 
12661
- var _templateObject$2k, _templateObject2$1H, _templateObject3$W;
12669
+ var _templateObject$2k, _templateObject2$1I, _templateObject3$W;
12662
12670
  var SearchType = function SearchType() {
12663
12671
  var _useState = useState(''),
12664
12672
  searchText = _useState[0],
@@ -12705,7 +12713,7 @@ var SearchType = function SearchType() {
12705
12713
  }, React.createElement(CrossIcon, null)));
12706
12714
  };
12707
12715
  var Search = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
12708
- var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
12716
+ var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
12709
12717
  var SearchInput = /*#__PURE__*/styled.input(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
12710
12718
 
12711
12719
  var BulkFilter = function BulkFilter() {
@@ -12955,7 +12963,7 @@ var ReturnTable$1 = function ReturnTable() {
12955
12963
  })))));
12956
12964
  };
12957
12965
 
12958
- var _templateObject$2l, _templateObject2$1I, _templateObject3$X;
12966
+ var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
12959
12967
  var _excluded$6 = ["count"];
12960
12968
  function ReturnMainTable() {
12961
12969
  var _useAtom = useAtom(overviewfiltersReducerAtom),
@@ -13037,7 +13045,7 @@ function ReturnMainTable() {
13037
13045
  }))));
13038
13046
  }
13039
13047
  var Row$b = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13040
- var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13048
+ var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13041
13049
  var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
13042
13050
 
13043
13051
  var OrderViewQueryHandler = function OrderViewQueryHandler() {