@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.
- package/dist/components/order-view/order-details/expanded-content/orders-section/Depot.d.ts +2 -0
- package/dist/components/order-view/store.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +234 -226
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +235 -227
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/order-view/index.tsx +21 -2
- package/src/components/order-view/order-actions/actions/confirm-order/index.tsx +6 -31
- package/src/components/order-view/order-actions/actions/order-lock/index.tsx +13 -1
- package/src/components/order-view/order-actions/actions/split-order/index.tsx +15 -20
- package/src/components/order-view/order-details/expanded-content/footer/index.tsx +6 -0
- package/src/components/order-view/order-details/expanded-content/orders-section/Depot.tsx +5 -3
- package/src/components/order-view/order-details/expanded-content/orders-section/ScheduleAfter.tsx +2 -1
- package/src/components/order-view/order-details/expanded-content/orders-section/VehicleType.tsx +3 -2
- package/src/components/order-view/store.ts +7 -0
|
@@ -879,6 +879,10 @@ var globalStateHitAuditLog = /*#__PURE__*/jotai.atom(false);
|
|
|
879
879
|
function useGlobalStateHitAuditLog() {
|
|
880
880
|
return jotai.useAtom(globalStateHitAuditLog);
|
|
881
881
|
}
|
|
882
|
+
var globalOrderGetApi = /*#__PURE__*/jotai.atom(true);
|
|
883
|
+
function useGlobalStateHitOrder() {
|
|
884
|
+
return jotai.useAtom(globalOrderGetApi);
|
|
885
|
+
}
|
|
882
886
|
// Popup state Manage
|
|
883
887
|
var initialState$1 = null;
|
|
884
888
|
var popupReducer = function popupReducer(state, action) {
|
|
@@ -4433,7 +4437,7 @@ function RecipientReference() {
|
|
|
4433
4437
|
var Container$k = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4434
4438
|
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4435
4439
|
|
|
4436
|
-
var _templateObject$A;
|
|
4440
|
+
var _templateObject$A, _templateObject2$t;
|
|
4437
4441
|
function DepotDropdown() {
|
|
4438
4442
|
var _useOrderDetails = useOrderDetails(),
|
|
4439
4443
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4450,7 +4454,7 @@ function DepotDropdown() {
|
|
|
4450
4454
|
return React__default.createElement(FormContainer, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4451
4455
|
label: "Depot",
|
|
4452
4456
|
htmlFor: "depotDropdown"
|
|
4453
|
-
}), React__default.createElement(
|
|
4457
|
+
}), React__default.createElement(StyledSelectDropdown, {
|
|
4454
4458
|
placeholder: "Select Depot",
|
|
4455
4459
|
inputId: "depotDropdown",
|
|
4456
4460
|
openMenuOnFocus: false,
|
|
@@ -4470,8 +4474,9 @@ function DepotDropdown() {
|
|
|
4470
4474
|
}));
|
|
4471
4475
|
}
|
|
4472
4476
|
var FormContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4477
|
+
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 160px;\n"])));
|
|
4473
4478
|
|
|
4474
|
-
var _templateObject$B, _templateObject2$
|
|
4479
|
+
var _templateObject$B, _templateObject2$u;
|
|
4475
4480
|
function Droptime() {
|
|
4476
4481
|
var _useOrderDetails = useOrderDetails(),
|
|
4477
4482
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4496,7 +4501,7 @@ function Droptime() {
|
|
|
4496
4501
|
}));
|
|
4497
4502
|
}
|
|
4498
4503
|
var CustomInput$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
4499
|
-
var Container$l = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4504
|
+
var Container$l = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4500
4505
|
|
|
4501
4506
|
var _templateObject$C;
|
|
4502
4507
|
function DeliveryDate() {
|
|
@@ -4549,7 +4554,7 @@ function DeliveryDate() {
|
|
|
4549
4554
|
}
|
|
4550
4555
|
var MainContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4551
4556
|
|
|
4552
|
-
var _templateObject$D, _templateObject2$
|
|
4557
|
+
var _templateObject$D, _templateObject2$v;
|
|
4553
4558
|
function Carrier() {
|
|
4554
4559
|
var _useOrderDetails = useOrderDetails(),
|
|
4555
4560
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4584,9 +4589,9 @@ function Carrier() {
|
|
|
4584
4589
|
}));
|
|
4585
4590
|
}
|
|
4586
4591
|
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4587
|
-
var Container$m = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4592
|
+
var Container$m = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4588
4593
|
|
|
4589
|
-
var _templateObject$E, _templateObject2$
|
|
4594
|
+
var _templateObject$E, _templateObject2$w;
|
|
4590
4595
|
function OrderNumber() {
|
|
4591
4596
|
var _orderDetails$order_n;
|
|
4592
4597
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4617,7 +4622,7 @@ function OrderNumber() {
|
|
|
4617
4622
|
}));
|
|
4618
4623
|
}
|
|
4619
4624
|
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4620
|
-
var Container$n = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4625
|
+
var Container$n = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4621
4626
|
|
|
4622
4627
|
var _templateObject$F;
|
|
4623
4628
|
function ScheduleAfter() {
|
|
@@ -4657,9 +4662,10 @@ function ScheduleAfter() {
|
|
|
4657
4662
|
onChange: onChange,
|
|
4658
4663
|
value: scheduleDate === null ? scheduleDate : dayjs(scheduleDate),
|
|
4659
4664
|
format: "DD/MM/YY",
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
}
|
|
4665
|
+
disabledDate: function disabledDate(current) {
|
|
4666
|
+
return current && current < dayjs().startOf('day');
|
|
4667
|
+
},
|
|
4668
|
+
allowClear: false
|
|
4663
4669
|
}));
|
|
4664
4670
|
}
|
|
4665
4671
|
var MainContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -4687,7 +4693,7 @@ function VehicleTypeDropdown() {
|
|
|
4687
4693
|
return React__default.createElement(FormContainer$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4688
4694
|
label: "Vehicle Type",
|
|
4689
4695
|
htmlFor: "vehicleType"
|
|
4690
|
-
}), React__default.createElement(
|
|
4696
|
+
}), React__default.createElement(StyledSelectDropdown, {
|
|
4691
4697
|
placeholder: "Select vehicle type",
|
|
4692
4698
|
options: vehicleTypeOptions,
|
|
4693
4699
|
inputId: "vehicleType",
|
|
@@ -4700,17 +4706,17 @@ function VehicleTypeDropdown() {
|
|
|
4700
4706
|
}
|
|
4701
4707
|
var FormContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4702
4708
|
|
|
4703
|
-
var _templateObject$H, _templateObject2$
|
|
4709
|
+
var _templateObject$H, _templateObject2$x, _templateObject3$e;
|
|
4704
4710
|
function OrdersSection() {
|
|
4705
4711
|
return React__default.createElement(CustomFormSection$1, null, React__default.createElement(Header, {
|
|
4706
4712
|
label: "Order"
|
|
4707
4713
|
}), React__default.createElement(FormInputs$1, null, React__default.createElement(GroupedInputs$1, null, React__default.createElement(ConsignmentNumber, null), React__default.createElement(Carrier, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(OrderNumber, null), React__default.createElement(DepotDropdown, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(DeliveryDate, null), React__default.createElement(ScheduleAfter, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(Droptime, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(RecipientReference, null), React__default.createElement(VehicleTypeDropdown, null))));
|
|
4708
4714
|
}
|
|
4709
4715
|
var GroupedInputs$1 = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4710
|
-
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4716
|
+
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
4711
4717
|
var CustomFormSection$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
4712
4718
|
|
|
4713
|
-
var _templateObject$I, _templateObject2$
|
|
4719
|
+
var _templateObject$I, _templateObject2$y;
|
|
4714
4720
|
function OrderStatusNote() {
|
|
4715
4721
|
var _useOrderDetails = useOrderDetails(),
|
|
4716
4722
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4731,9 +4737,9 @@ function OrderStatusNote() {
|
|
|
4731
4737
|
}));
|
|
4732
4738
|
}
|
|
4733
4739
|
var CustomTextArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4734
|
-
var Container$o = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4740
|
+
var Container$o = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4735
4741
|
|
|
4736
|
-
var _templateObject$J, _templateObject2$
|
|
4742
|
+
var _templateObject$J, _templateObject2$z;
|
|
4737
4743
|
function DeliveryInstructions() {
|
|
4738
4744
|
var _useOrderDetails = useOrderDetails(),
|
|
4739
4745
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4754,9 +4760,9 @@ function DeliveryInstructions() {
|
|
|
4754
4760
|
}));
|
|
4755
4761
|
}
|
|
4756
4762
|
var CustomTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4757
|
-
var Container$p = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4763
|
+
var Container$p = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4758
4764
|
|
|
4759
|
-
var _templateObject$K, _templateObject2$
|
|
4765
|
+
var _templateObject$K, _templateObject2$A;
|
|
4760
4766
|
function OtherInstructions() {
|
|
4761
4767
|
var _useOrderDetails = useOrderDetails(),
|
|
4762
4768
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4777,18 +4783,18 @@ function OtherInstructions() {
|
|
|
4777
4783
|
}));
|
|
4778
4784
|
}
|
|
4779
4785
|
var CustomTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4780
|
-
var Container$q = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4786
|
+
var Container$q = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4781
4787
|
|
|
4782
|
-
var _templateObject$L, _templateObject2$
|
|
4788
|
+
var _templateObject$L, _templateObject2$B;
|
|
4783
4789
|
function InstructionSection() {
|
|
4784
4790
|
return React__default.createElement(CustomFormSection$2, null, React__default.createElement(Header, {
|
|
4785
4791
|
label: "Instructions / Notes"
|
|
4786
4792
|
}), React__default.createElement(FormInputs$2, null, React__default.createElement(OrderStatusNote, null), React__default.createElement(DeliveryInstructions, null), React__default.createElement(OtherInstructions, null)));
|
|
4787
4793
|
}
|
|
4788
4794
|
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
4789
|
-
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$
|
|
4795
|
+
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
4790
4796
|
|
|
4791
|
-
var _templateObject$M, _templateObject2$
|
|
4797
|
+
var _templateObject$M, _templateObject2$C;
|
|
4792
4798
|
function convertTo12HourFormat(time24) {
|
|
4793
4799
|
var _time24$split, _minutes$toString;
|
|
4794
4800
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -4828,7 +4834,7 @@ function TimedServiceDropdown() {
|
|
|
4828
4834
|
return React__default.createElement(Container$r, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4829
4835
|
label: "Timed Service",
|
|
4830
4836
|
htmlFor: "timedServiceDropdown"
|
|
4831
|
-
}), React__default.createElement(StyledSelectDropdown, {
|
|
4837
|
+
}), React__default.createElement(StyledSelectDropdown$1, {
|
|
4832
4838
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, {
|
|
4833
4839
|
control: function control(styles) {
|
|
4834
4840
|
return _extends({}, styles, {
|
|
@@ -4848,9 +4854,9 @@ function TimedServiceDropdown() {
|
|
|
4848
4854
|
}));
|
|
4849
4855
|
}
|
|
4850
4856
|
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4851
|
-
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
4857
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
4852
4858
|
|
|
4853
|
-
var _templateObject$N, _templateObject2$
|
|
4859
|
+
var _templateObject$N, _templateObject2$D;
|
|
4854
4860
|
function ServiceTypeDropdown() {
|
|
4855
4861
|
var _orderStaticData$orde;
|
|
4856
4862
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4874,7 +4880,7 @@ function ServiceTypeDropdown() {
|
|
|
4874
4880
|
return React__default.createElement(Container$s, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4875
4881
|
label: "Service Type",
|
|
4876
4882
|
htmlFor: "serviceTypeDropdown"
|
|
4877
|
-
}), React__default.createElement(StyledSelectDropdown$
|
|
4883
|
+
}), React__default.createElement(StyledSelectDropdown$2, {
|
|
4878
4884
|
placeholder: "Select Service Type",
|
|
4879
4885
|
options: serviceTypeOptions || [],
|
|
4880
4886
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -4888,9 +4894,9 @@ function ServiceTypeDropdown() {
|
|
|
4888
4894
|
}));
|
|
4889
4895
|
}
|
|
4890
4896
|
var Container$s = /*#__PURE__*/styled__default.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"])));
|
|
4891
|
-
var StyledSelectDropdown$
|
|
4897
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
4892
4898
|
|
|
4893
|
-
var _templateObject$O, _templateObject2$
|
|
4899
|
+
var _templateObject$O, _templateObject2$E;
|
|
4894
4900
|
function DeliveryPointDropdown() {
|
|
4895
4901
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
4896
4902
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4917,7 +4923,7 @@ function DeliveryPointDropdown() {
|
|
|
4917
4923
|
return React__default.createElement(Container$t, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4918
4924
|
label: "Delivery Point",
|
|
4919
4925
|
htmlFor: "deliveryPointDropdown"
|
|
4920
|
-
}), React__default.createElement(StyledSelectDropdown$
|
|
4926
|
+
}), React__default.createElement(StyledSelectDropdown$3, {
|
|
4921
4927
|
placeholder: "Select Delivery Point",
|
|
4922
4928
|
options: deliveryPointOptions || [],
|
|
4923
4929
|
inputId: "deliveryPointDropdown",
|
|
@@ -4931,7 +4937,7 @@ function DeliveryPointDropdown() {
|
|
|
4931
4937
|
}));
|
|
4932
4938
|
}
|
|
4933
4939
|
var Container$t = /*#__PURE__*/styled__default.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"])));
|
|
4934
|
-
var StyledSelectDropdown$
|
|
4940
|
+
var StyledSelectDropdown$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
4935
4941
|
|
|
4936
4942
|
var _templateObject$P;
|
|
4937
4943
|
function ServiceLevel() {
|
|
@@ -5089,7 +5095,7 @@ var getIcon = function getIcon(input) {
|
|
|
5089
5095
|
return "" + baseURL + subPath;
|
|
5090
5096
|
};
|
|
5091
5097
|
|
|
5092
|
-
var _templateObject$R, _templateObject2$
|
|
5098
|
+
var _templateObject$R, _templateObject2$F, _templateObject3$f;
|
|
5093
5099
|
function ServiceSlider(props) {
|
|
5094
5100
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
5095
5101
|
// event.preventDefault();
|
|
@@ -5107,7 +5113,7 @@ function ServiceSlider(props) {
|
|
|
5107
5113
|
})));
|
|
5108
5114
|
}
|
|
5109
5115
|
var ServiceName = /*#__PURE__*/styled__default.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"])));
|
|
5110
|
-
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$
|
|
5116
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
5111
5117
|
var Container$w = /*#__PURE__*/styled__default.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"])));
|
|
5112
5118
|
|
|
5113
5119
|
var _templateObject$S;
|
|
@@ -5278,19 +5284,19 @@ var Container$x = /*#__PURE__*/styled__default.div(_templateObject$S || (_templa
|
|
|
5278
5284
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5279
5285
|
});
|
|
5280
5286
|
|
|
5281
|
-
var _templateObject$T, _templateObject2$
|
|
5287
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$g, _templateObject4$8, _templateObject5$7;
|
|
5282
5288
|
function ServicesSection() {
|
|
5283
5289
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
5284
5290
|
label: "Services"
|
|
5285
5291
|
}), React__default.createElement(Top, null, React__default.createElement(DropDownContainer, null, React__default.createElement(TimedServiceDropdown, null), React__default.createElement(ServiceTypeDropdown, null), React__default.createElement(DeliveryPointDropdown, null)), React__default.createElement(RadioContainer, null, React__default.createElement(ServiceLevel, null), React__default.createElement(AssemblyType, null))), React__default.createElement(Bottom, null, React__default.createElement(OrderServices, null)));
|
|
5286
5292
|
}
|
|
5287
5293
|
var Top = /*#__PURE__*/styled__default.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"])));
|
|
5288
|
-
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5294
|
+
var DropDownContainer = /*#__PURE__*/styled__default.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"])));
|
|
5289
5295
|
var RadioContainer = /*#__PURE__*/styled__default.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"])));
|
|
5290
5296
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5291
5297
|
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5292
5298
|
|
|
5293
|
-
var _templateObject$U, _templateObject2$
|
|
5299
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$h;
|
|
5294
5300
|
function AllowTracking() {
|
|
5295
5301
|
var _useOrderDetails = useOrderDetails(),
|
|
5296
5302
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5299,7 +5305,7 @@ function AllowTracking() {
|
|
|
5299
5305
|
return React__default.createElement(Container$y, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$2, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
5300
5306
|
}
|
|
5301
5307
|
var Text$2 = /*#__PURE__*/styled__default.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"])));
|
|
5302
|
-
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
5308
|
+
var CreatedBy = /*#__PURE__*/styled__default.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"])));
|
|
5303
5309
|
var Container$y = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5304
5310
|
|
|
5305
5311
|
function useUpdateOrder() {
|
|
@@ -5395,6 +5401,8 @@ function OrderDetailsFooter() {
|
|
|
5395
5401
|
setRecalling = _useLiveRecalling[1];
|
|
5396
5402
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5397
5403
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5404
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
5405
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
5398
5406
|
var errorFound = function errorFound() {
|
|
5399
5407
|
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;
|
|
5400
5408
|
return isError;
|
|
@@ -5424,12 +5432,15 @@ function OrderDetailsFooter() {
|
|
|
5424
5432
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
5425
5433
|
while (1) switch (_context.prev = _context.next) {
|
|
5426
5434
|
case 0:
|
|
5435
|
+
setRecallAuditLog(false);
|
|
5436
|
+
setRecallOrders(false);
|
|
5427
5437
|
payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);
|
|
5428
|
-
_context.next =
|
|
5438
|
+
_context.next = 5;
|
|
5429
5439
|
return updateOrder([payload]);
|
|
5430
|
-
case
|
|
5440
|
+
case 5:
|
|
5431
5441
|
response = _context.sent;
|
|
5432
5442
|
setCallApi(false);
|
|
5443
|
+
setRecallOrders(true);
|
|
5433
5444
|
// setLogsCallAPi(prev => !prev);
|
|
5434
5445
|
if (response && (response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
5435
5446
|
setOrderDetails(response == null ? void 0 : response.data[0]);
|
|
@@ -5447,7 +5458,7 @@ function OrderDetailsFooter() {
|
|
|
5447
5458
|
} else {
|
|
5448
5459
|
setOrderDetails(prevOrderDetails);
|
|
5449
5460
|
}
|
|
5450
|
-
case
|
|
5461
|
+
case 9:
|
|
5451
5462
|
case "end":
|
|
5452
5463
|
return _context.stop();
|
|
5453
5464
|
}
|
|
@@ -5464,12 +5475,12 @@ function OrderDetailsFooter() {
|
|
|
5464
5475
|
}
|
|
5465
5476
|
var Container$z = /*#__PURE__*/styled__default.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"])));
|
|
5466
5477
|
|
|
5467
|
-
var _templateObject$W, _templateObject2$
|
|
5478
|
+
var _templateObject$W, _templateObject2$I, _templateObject3$i;
|
|
5468
5479
|
function ExpandedContent() {
|
|
5469
5480
|
return React__default.createElement(MainContainer$4, null, React__default.createElement(Container$A, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null));
|
|
5470
5481
|
}
|
|
5471
5482
|
var HalfWidth = /*#__PURE__*/styled__default.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"])));
|
|
5472
|
-
var Container$A = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5483
|
+
var Container$A = /*#__PURE__*/styled__default.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"])));
|
|
5473
5484
|
// const InstructionContainer = styled.div`
|
|
5474
5485
|
// display: flex;
|
|
5475
5486
|
// justify-content: center;
|
|
@@ -5556,7 +5567,7 @@ function NoteType() {
|
|
|
5556
5567
|
}
|
|
5557
5568
|
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5558
5569
|
|
|
5559
|
-
var _templateObject$Y, _templateObject2$
|
|
5570
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$j;
|
|
5560
5571
|
function AddNote() {
|
|
5561
5572
|
var _useState = React.useState(''),
|
|
5562
5573
|
noteText = _useState[0],
|
|
@@ -5681,7 +5692,7 @@ function AddNote() {
|
|
|
5681
5692
|
}, "SAVE NOTE"), React__default.createElement(NoteType, null)));
|
|
5682
5693
|
}
|
|
5683
5694
|
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5684
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5695
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
5685
5696
|
var StyledTextArea = /*#__PURE__*/styled__default.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"])));
|
|
5686
5697
|
|
|
5687
5698
|
var NotesTableData = [{
|
|
@@ -5697,7 +5708,7 @@ var NotesTableData = [{
|
|
|
5697
5708
|
tableBody: []
|
|
5698
5709
|
}];
|
|
5699
5710
|
|
|
5700
|
-
var _templateObject$Z, _templateObject2$
|
|
5711
|
+
var _templateObject$Z, _templateObject2$K;
|
|
5701
5712
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5702
5713
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5703
5714
|
var _usegetNotes = usegetNotes(),
|
|
@@ -5727,7 +5738,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5727
5738
|
}, "No data found"))))));
|
|
5728
5739
|
};
|
|
5729
5740
|
var AuditTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
5730
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5741
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5731
5742
|
|
|
5732
5743
|
var _templateObject$_;
|
|
5733
5744
|
function AuditLogs() {
|
|
@@ -5735,7 +5746,7 @@ function AuditLogs() {
|
|
|
5735
5746
|
}
|
|
5736
5747
|
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5737
5748
|
|
|
5738
|
-
var _templateObject$$, _templateObject2$
|
|
5749
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$k, _templateObject4$9;
|
|
5739
5750
|
// import { useLocation } from 'react-router-dom';
|
|
5740
5751
|
function Notes() {
|
|
5741
5752
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5816,7 +5827,7 @@ function Notes() {
|
|
|
5816
5827
|
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
5817
5828
|
}
|
|
5818
5829
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5819
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5830
|
+
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
5820
5831
|
var CustomizedFormSection = /*#__PURE__*/styled__default.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"])));
|
|
5821
5832
|
var SmallButton = /*#__PURE__*/styled__default.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"])));
|
|
5822
5833
|
|
|
@@ -5843,7 +5854,7 @@ function ChevronUp(props) {
|
|
|
5843
5854
|
}));
|
|
5844
5855
|
}
|
|
5845
5856
|
|
|
5846
|
-
var _templateObject$11, _templateObject2$
|
|
5857
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5847
5858
|
function CollapsableForm(props) {
|
|
5848
5859
|
var _useState = React.useState(true),
|
|
5849
5860
|
isExpanded = _useState[0],
|
|
@@ -5864,7 +5875,7 @@ function CollapsableForm(props) {
|
|
|
5864
5875
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5865
5876
|
}
|
|
5866
5877
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.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"])));
|
|
5867
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5878
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
5868
5879
|
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
5869
5880
|
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5870
5881
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -5874,7 +5885,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_t
|
|
|
5874
5885
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5875
5886
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
5876
5887
|
|
|
5877
|
-
var _templateObject$12, _templateObject2$
|
|
5888
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$m;
|
|
5878
5889
|
function CustomScrollBar(props) {
|
|
5879
5890
|
var children = props.children,
|
|
5880
5891
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5893,10 +5904,10 @@ function CustomScrollBar(props) {
|
|
|
5893
5904
|
}, children);
|
|
5894
5905
|
}
|
|
5895
5906
|
var ThumbVertical = /*#__PURE__*/styled__default.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"])));
|
|
5896
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5907
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5897
5908
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5898
5909
|
|
|
5899
|
-
var _templateObject$13, _templateObject2$
|
|
5910
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5900
5911
|
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
5901
5912
|
function DynamicTable(_ref, props) {
|
|
5902
5913
|
var columns = _ref.columns,
|
|
@@ -5953,7 +5964,7 @@ function DynamicTable(_ref, props) {
|
|
|
5953
5964
|
}, "No entries found."))))))));
|
|
5954
5965
|
}
|
|
5955
5966
|
var Container$G = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5956
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5967
|
+
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
5957
5968
|
var TableHeadData = /*#__PURE__*/styled__default.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"])));
|
|
5958
5969
|
var TableData = /*#__PURE__*/styled__default.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"])));
|
|
5959
5970
|
var TableRow = /*#__PURE__*/styled__default.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"])));
|
|
@@ -5962,7 +5973,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$5 || (_templ
|
|
|
5962
5973
|
var Table = /*#__PURE__*/styled__default.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"])));
|
|
5963
5974
|
var MainContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
5964
5975
|
|
|
5965
|
-
var _templateObject$14, _templateObject2$
|
|
5976
|
+
var _templateObject$14, _templateObject2$P;
|
|
5966
5977
|
function Event(props) {
|
|
5967
5978
|
var _props$row;
|
|
5968
5979
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5978,7 +5989,7 @@ function Event(props) {
|
|
|
5978
5989
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
5979
5990
|
}
|
|
5980
5991
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5981
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5992
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5982
5993
|
|
|
5983
5994
|
//to change data into options
|
|
5984
5995
|
var transformOption = function transformOption(option, key) {
|
|
@@ -6025,25 +6036,25 @@ var priorityData = [{
|
|
|
6025
6036
|
color: '#E95252'
|
|
6026
6037
|
}];
|
|
6027
6038
|
|
|
6028
|
-
var _templateObject$15, _templateObject2$
|
|
6039
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6029
6040
|
function Date$1(props) {
|
|
6030
6041
|
var _props$row;
|
|
6031
6042
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6032
6043
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6033
6044
|
}
|
|
6034
6045
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6035
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6046
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6036
6047
|
|
|
6037
|
-
var _templateObject$16, _templateObject2$
|
|
6048
|
+
var _templateObject$16, _templateObject2$R;
|
|
6038
6049
|
function Code(props) {
|
|
6039
6050
|
var _props$row;
|
|
6040
6051
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6041
6052
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6042
6053
|
}
|
|
6043
6054
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6044
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6055
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6045
6056
|
|
|
6046
|
-
var _templateObject$17, _templateObject2$
|
|
6057
|
+
var _templateObject$17, _templateObject2$S;
|
|
6047
6058
|
function Note(props) {
|
|
6048
6059
|
var _props$row;
|
|
6049
6060
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6052,7 +6063,7 @@ function Note(props) {
|
|
|
6052
6063
|
}, React__default.createElement(Row$3, null, data));
|
|
6053
6064
|
}
|
|
6054
6065
|
var RowContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
6055
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6066
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6056
6067
|
|
|
6057
6068
|
var tableColumns = [{
|
|
6058
6069
|
header: 'Date',
|
|
@@ -6364,7 +6375,7 @@ function ConfirmedIcon() {
|
|
|
6364
6375
|
}))));
|
|
6365
6376
|
}
|
|
6366
6377
|
|
|
6367
|
-
var _templateObject$19, _templateObject2$
|
|
6378
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$o, _templateObject4$c;
|
|
6368
6379
|
function Status() {
|
|
6369
6380
|
var _useStatusDetails = useStatusDetails(),
|
|
6370
6381
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6411,7 +6422,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6411
6422
|
}
|
|
6412
6423
|
};
|
|
6413
6424
|
var BoxContainer = /*#__PURE__*/styled__default.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"])));
|
|
6414
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6425
|
+
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
6415
6426
|
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6416
6427
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6417
6428
|
|
|
@@ -6573,7 +6584,7 @@ var ProductTable = function ProductTable() {
|
|
|
6573
6584
|
};
|
|
6574
6585
|
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6575
6586
|
|
|
6576
|
-
var _templateObject$1d, _templateObject2$
|
|
6587
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$p;
|
|
6577
6588
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6578
6589
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6579
6590
|
var defaultSelectStyle = {
|
|
@@ -6686,10 +6697,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6686
6697
|
}));
|
|
6687
6698
|
};
|
|
6688
6699
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.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"])));
|
|
6689
|
-
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6700
|
+
var Container$J = /*#__PURE__*/styled__default.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"])));
|
|
6690
6701
|
var Text$4 = /*#__PURE__*/styled__default.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"])));
|
|
6691
6702
|
|
|
6692
|
-
var _templateObject$1e, _templateObject2$
|
|
6703
|
+
var _templateObject$1e, _templateObject2$V, _templateObject3$q;
|
|
6693
6704
|
function ExpandedContent$2() {
|
|
6694
6705
|
var _response$data, _response$data2;
|
|
6695
6706
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6767,17 +6778,17 @@ function ExpandedContent$2() {
|
|
|
6767
6778
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6768
6779
|
}
|
|
6769
6780
|
var MidContainer = /*#__PURE__*/styled__default.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"])));
|
|
6770
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6781
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6771
6782
|
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6772
6783
|
|
|
6773
|
-
var _templateObject$1f, _templateObject2$
|
|
6784
|
+
var _templateObject$1f, _templateObject2$W;
|
|
6774
6785
|
function CollapsedContent$1() {
|
|
6775
6786
|
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6776
6787
|
label: "Products"
|
|
6777
6788
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6778
6789
|
}
|
|
6779
6790
|
var Dimensions = /*#__PURE__*/styled__default.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"])));
|
|
6780
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6791
|
+
var Container$L = /*#__PURE__*/styled__default.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"])));
|
|
6781
6792
|
|
|
6782
6793
|
function ProductsInfo() {
|
|
6783
6794
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6823,16 +6834,16 @@ function BackgroundModal(props) {
|
|
|
6823
6834
|
}
|
|
6824
6835
|
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
6825
6836
|
|
|
6826
|
-
var _templateObject$1h, _templateObject2$
|
|
6837
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$d;
|
|
6827
6838
|
function AdditionalInformation(props) {
|
|
6828
6839
|
return React__default.createElement(Container$N, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
6829
6840
|
}
|
|
6830
6841
|
var Text$5 = /*#__PURE__*/styled__default.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"])));
|
|
6831
|
-
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6842
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6832
6843
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6833
6844
|
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
6834
6845
|
|
|
6835
|
-
var _templateObject$1i, _templateObject2$
|
|
6846
|
+
var _templateObject$1i, _templateObject2$Y, _templateObject3$s, _templateObject4$e;
|
|
6836
6847
|
function OrderActionHeader(props) {
|
|
6837
6848
|
var title = props.title,
|
|
6838
6849
|
actions = props.actions,
|
|
@@ -6848,11 +6859,11 @@ function OrderActionHeader(props) {
|
|
|
6848
6859
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6849
6860
|
}
|
|
6850
6861
|
var Wrapper$f = /*#__PURE__*/styled__default.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"])));
|
|
6851
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6862
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6852
6863
|
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
6853
6864
|
var Container$O = /*#__PURE__*/styled__default.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"])));
|
|
6854
6865
|
|
|
6855
|
-
var _templateObject$1j, _templateObject2$
|
|
6866
|
+
var _templateObject$1j, _templateObject2$Z;
|
|
6856
6867
|
function OrderActionFooter(props) {
|
|
6857
6868
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6858
6869
|
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
@@ -6863,7 +6874,7 @@ function OrderActionFooter(props) {
|
|
|
6863
6874
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6864
6875
|
}
|
|
6865
6876
|
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6866
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6877
|
+
var Container$P = /*#__PURE__*/styled__default.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"])));
|
|
6867
6878
|
|
|
6868
6879
|
var _templateObject$1k;
|
|
6869
6880
|
function OrderActionModal(props) {
|
|
@@ -6882,7 +6893,7 @@ function OrderActionModal(props) {
|
|
|
6882
6893
|
}
|
|
6883
6894
|
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
6884
6895
|
|
|
6885
|
-
var _templateObject$1l, _templateObject2$
|
|
6896
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$t;
|
|
6886
6897
|
function OrderActionsDropdown(props) {
|
|
6887
6898
|
return React__default.createElement(Container$Q, {
|
|
6888
6899
|
className: props.className
|
|
@@ -6902,7 +6913,7 @@ function OrderActionsDropdown(props) {
|
|
|
6902
6913
|
}));
|
|
6903
6914
|
}
|
|
6904
6915
|
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6905
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
6916
|
+
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
6906
6917
|
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6907
6918
|
|
|
6908
6919
|
var initialPayload = {
|
|
@@ -7185,7 +7196,7 @@ function UploadIcon(props) {
|
|
|
7185
7196
|
})));
|
|
7186
7197
|
}
|
|
7187
7198
|
|
|
7188
|
-
var _templateObject$1m, _templateObject2
|
|
7199
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
7189
7200
|
var uploadedFilesAtom = /*#__PURE__*/jotai.atom([]);
|
|
7190
7201
|
// Allowed photo and video file types
|
|
7191
7202
|
var fileTypes = ['image/jpeg', 'image/png', 'video/mp4'];
|
|
@@ -7263,7 +7274,7 @@ function DocFileUpload() {
|
|
|
7263
7274
|
}))));
|
|
7264
7275
|
}
|
|
7265
7276
|
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7266
|
-
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2
|
|
7277
|
+
var DraggerContainer = /*#__PURE__*/styled__default.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) {
|
|
7267
7278
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7268
7279
|
});
|
|
7269
7280
|
var Text2 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -7342,7 +7353,7 @@ function useUploadFiles() {
|
|
|
7342
7353
|
return create;
|
|
7343
7354
|
}
|
|
7344
7355
|
|
|
7345
|
-
var _templateObject$1n, _templateObject2
|
|
7356
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$v, _templateObject4$g, _templateObject5$b;
|
|
7346
7357
|
function AddResources() {
|
|
7347
7358
|
var _staticOrderData$reso;
|
|
7348
7359
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7458,15 +7469,15 @@ function AddResources() {
|
|
|
7458
7469
|
}), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), " ", React__default.createElement(RequiredAsterisk$1, null, "*"), React__default.createElement(DocFileUpload, null), ' ')));
|
|
7459
7470
|
}
|
|
7460
7471
|
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7461
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject2
|
|
7472
|
+
var Label$2 = /*#__PURE__*/styled__default.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"])));
|
|
7462
7473
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7463
7474
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7464
7475
|
var ContentContainer = /*#__PURE__*/styled__default.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"])));
|
|
7465
7476
|
|
|
7466
|
-
var _templateObject$1o, _templateObject2$
|
|
7477
|
+
var _templateObject$1o, _templateObject2$11, _templateObject3$w;
|
|
7467
7478
|
// Styled components
|
|
7468
7479
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
7469
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
7480
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
7470
7481
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7471
7482
|
|
|
7472
7483
|
function SplitOrderTable() {
|
|
@@ -7581,26 +7592,21 @@ function SplitOrder() {
|
|
|
7581
7592
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7582
7593
|
if (orderId) {
|
|
7583
7594
|
setPerformAction(true);
|
|
7584
|
-
//@ts-ignore
|
|
7585
|
-
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7586
|
-
antd.notification.success({
|
|
7587
|
-
message: 'Success',
|
|
7588
|
-
description:
|
|
7589
|
-
//@ts-ignore
|
|
7590
|
-
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7591
|
-
});
|
|
7592
|
-
} else {
|
|
7593
|
-
// alert(response?.error_traceback);
|
|
7594
|
-
antd.notification.error({
|
|
7595
|
-
message: 'Error',
|
|
7596
|
-
description:
|
|
7597
|
-
//@ts-ignore
|
|
7598
|
-
(response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
|
|
7599
|
-
});
|
|
7600
|
-
}
|
|
7601
|
-
setSelectedSplit([]);
|
|
7602
7595
|
}
|
|
7603
7596
|
};
|
|
7597
|
+
React.useEffect(function () {
|
|
7598
|
+
//@ts-ignore
|
|
7599
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
7600
|
+
antd.notification.success({
|
|
7601
|
+
message: 'Success',
|
|
7602
|
+
description:
|
|
7603
|
+
//@ts-ignore
|
|
7604
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7605
|
+
});
|
|
7606
|
+
setCurrentAction(undefined);
|
|
7607
|
+
setSelectedSplit([]);
|
|
7608
|
+
}
|
|
7609
|
+
}, [response]);
|
|
7604
7610
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7605
7611
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
7606
7612
|
return !seledtedSplitOrder;
|
|
@@ -7649,7 +7655,7 @@ var fonts = {
|
|
|
7649
7655
|
secondary: "'Lato', sans-serif"
|
|
7650
7656
|
};
|
|
7651
7657
|
|
|
7652
|
-
var _templateObject$1q, _templateObject2$
|
|
7658
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$x;
|
|
7653
7659
|
function RadioButton(props) {
|
|
7654
7660
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7655
7661
|
color: props.color
|
|
@@ -7661,14 +7667,14 @@ function RadioButton(props) {
|
|
|
7661
7667
|
}, props.label));
|
|
7662
7668
|
}
|
|
7663
7669
|
var Label$3 = /*#__PURE__*/styled__default.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);
|
|
7664
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
7670
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
7665
7671
|
return props.color || '#6396e5';
|
|
7666
7672
|
}, function (props) {
|
|
7667
7673
|
return props.color || '#6396e5';
|
|
7668
7674
|
});
|
|
7669
7675
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7670
7676
|
|
|
7671
|
-
var _templateObject$1r, _templateObject2$
|
|
7677
|
+
var _templateObject$1r, _templateObject2$13, _templateObject3$y, _templateObject4$h, _templateObject5$c, _templateObject6$5, _templateObject7$7;
|
|
7672
7678
|
function RadioButtonGroup(props) {
|
|
7673
7679
|
var heading = props.heading,
|
|
7674
7680
|
_props$direction = props.direction,
|
|
@@ -7704,7 +7710,7 @@ function RadioButtonGroup(props) {
|
|
|
7704
7710
|
}, renderOptions()));
|
|
7705
7711
|
}
|
|
7706
7712
|
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7707
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
7713
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
7708
7714
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7709
7715
|
return !props.$required && 'visibility: hidden;';
|
|
7710
7716
|
}, labelStyles);
|
|
@@ -7748,7 +7754,7 @@ function DeliveryPoint() {
|
|
|
7748
7754
|
}
|
|
7749
7755
|
var Container$S = /*#__PURE__*/styled__default.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"])));
|
|
7750
7756
|
|
|
7751
|
-
var _templateObject$1t, _templateObject2$
|
|
7757
|
+
var _templateObject$1t, _templateObject2$14, _templateObject3$z, _templateObject4$i, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
|
|
7752
7758
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7753
7759
|
function Checkbox(props) {
|
|
7754
7760
|
var imageSrc = props.imageSrc,
|
|
@@ -7772,7 +7778,7 @@ function Checkbox(props) {
|
|
|
7772
7778
|
var Image = /*#__PURE__*/styled__default.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7773
7779
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7774
7780
|
});
|
|
7775
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7781
|
+
var CircleContainer = /*#__PURE__*/styled__default.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"])));
|
|
7776
7782
|
var Circle = /*#__PURE__*/styled__default.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) {
|
|
7777
7783
|
return props.$checked ? '#feba30' : 'white';
|
|
7778
7784
|
});
|
|
@@ -7836,7 +7842,7 @@ function OrderServices$1() {
|
|
|
7836
7842
|
}
|
|
7837
7843
|
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7838
7844
|
|
|
7839
|
-
var _templateObject$1v, _templateObject2$
|
|
7845
|
+
var _templateObject$1v, _templateObject2$15;
|
|
7840
7846
|
function Notes$1(_ref) {
|
|
7841
7847
|
var onNotesChange = _ref.onNotesChange;
|
|
7842
7848
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7848,9 +7854,9 @@ function Notes$1(_ref) {
|
|
|
7848
7854
|
}));
|
|
7849
7855
|
}
|
|
7850
7856
|
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
7851
|
-
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7857
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7852
7858
|
|
|
7853
|
-
var _templateObject$1w, _templateObject2$
|
|
7859
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$A;
|
|
7854
7860
|
function LogServiceRefusal() {
|
|
7855
7861
|
var _useCurrentAction = useCurrentAction(),
|
|
7856
7862
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7871,7 +7877,7 @@ function LogServiceRefusal() {
|
|
|
7871
7877
|
}))));
|
|
7872
7878
|
}
|
|
7873
7879
|
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
7874
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7880
|
+
var Left = /*#__PURE__*/styled__default.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"])));
|
|
7875
7881
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7876
7882
|
|
|
7877
7883
|
function ReturnAction() {
|
|
@@ -7898,7 +7904,7 @@ function ReturnReason() {
|
|
|
7898
7904
|
});
|
|
7899
7905
|
}
|
|
7900
7906
|
|
|
7901
|
-
var _templateObject$1x, _templateObject2$
|
|
7907
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$B, _templateObject4$j, _templateObject5$e, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$3;
|
|
7902
7908
|
function CancelOrder() {
|
|
7903
7909
|
var _orderStaticData$canc;
|
|
7904
7910
|
var _useOrderId = useOrderId(),
|
|
@@ -8022,7 +8028,7 @@ function CancelOrder() {
|
|
|
8022
8028
|
}))))));
|
|
8023
8029
|
}
|
|
8024
8030
|
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8025
|
-
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$
|
|
8031
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8026
8032
|
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
8027
8033
|
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8028
8034
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
@@ -8032,7 +8038,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObj
|
|
|
8032
8038
|
// const Bottom = styled.div``;
|
|
8033
8039
|
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
8034
8040
|
|
|
8035
|
-
var _templateObject$1y, _templateObject2$
|
|
8041
|
+
var _templateObject$1y, _templateObject2$18, _templateObject3$C;
|
|
8036
8042
|
function EmailAddress() {
|
|
8037
8043
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
8038
8044
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8074,10 +8080,10 @@ function EmailAddress() {
|
|
|
8074
8080
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
8075
8081
|
}
|
|
8076
8082
|
var Label$6 = /*#__PURE__*/styled__default.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"])));
|
|
8077
|
-
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8083
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8078
8084
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8079
8085
|
|
|
8080
|
-
var _templateObject$1z, _templateObject2$
|
|
8086
|
+
var _templateObject$1z, _templateObject2$19, _templateObject3$D;
|
|
8081
8087
|
function ContactPhone() {
|
|
8082
8088
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8083
8089
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8139,10 +8145,10 @@ function ContactPhone() {
|
|
|
8139
8145
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
8140
8146
|
}
|
|
8141
8147
|
var Label$7 = /*#__PURE__*/styled__default.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"])));
|
|
8142
|
-
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8148
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8143
8149
|
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8144
8150
|
|
|
8145
|
-
var _templateObject$1A, _templateObject2$
|
|
8151
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
|
|
8146
8152
|
function ContactWork$1() {
|
|
8147
8153
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8148
8154
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8204,10 +8210,10 @@ function ContactWork$1() {
|
|
|
8204
8210
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
8205
8211
|
}
|
|
8206
8212
|
var Label$8 = /*#__PURE__*/styled__default.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"])));
|
|
8207
|
-
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8213
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8208
8214
|
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8209
8215
|
|
|
8210
|
-
var _templateObject$1B, _templateObject2$
|
|
8216
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$F;
|
|
8211
8217
|
function ContactMobile$1() {
|
|
8212
8218
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8213
8219
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8269,7 +8275,7 @@ function ContactMobile$1() {
|
|
|
8269
8275
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
8270
8276
|
}
|
|
8271
8277
|
var Label$9 = /*#__PURE__*/styled__default.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"])));
|
|
8272
|
-
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8278
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8273
8279
|
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8274
8280
|
|
|
8275
8281
|
function ContactTypeDropdown() {
|
|
@@ -8336,7 +8342,7 @@ function ActionDropdown() {
|
|
|
8336
8342
|
});
|
|
8337
8343
|
}
|
|
8338
8344
|
|
|
8339
|
-
var _templateObject$1C, _templateObject2$
|
|
8345
|
+
var _templateObject$1C, _templateObject2$1c;
|
|
8340
8346
|
function DeliveryDate$1() {
|
|
8341
8347
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8342
8348
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8373,7 +8379,7 @@ function DeliveryDate$1() {
|
|
|
8373
8379
|
}));
|
|
8374
8380
|
}
|
|
8375
8381
|
var Label$a = /*#__PURE__*/styled__default.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"])));
|
|
8376
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8382
|
+
var Container$_ = /*#__PURE__*/styled__default.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"])));
|
|
8377
8383
|
|
|
8378
8384
|
function convertTo12HourFormat$1(time24) {
|
|
8379
8385
|
var _time24$split, _minutes$toString;
|
|
@@ -8422,7 +8428,7 @@ function TimedServiceDropdown$1() {
|
|
|
8422
8428
|
});
|
|
8423
8429
|
}
|
|
8424
8430
|
|
|
8425
|
-
var _templateObject$1D, _templateObject2$
|
|
8431
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$G, _templateObject4$k;
|
|
8426
8432
|
function CustomerInformation() {
|
|
8427
8433
|
var _orderDetails$order_r;
|
|
8428
8434
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8430,11 +8436,11 @@ function CustomerInformation() {
|
|
|
8430
8436
|
return React__default.createElement(Container$$, null, React__default.createElement(Title$3, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$i, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
8431
8437
|
}
|
|
8432
8438
|
var Wrapper$i = /*#__PURE__*/styled__default.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"])));
|
|
8433
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8439
|
+
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
8434
8440
|
var Title$3 = /*#__PURE__*/styled__default.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"])));
|
|
8435
8441
|
var Container$$ = /*#__PURE__*/styled__default.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"])));
|
|
8436
8442
|
|
|
8437
|
-
var _templateObject$1E, _templateObject2$
|
|
8443
|
+
var _templateObject$1E, _templateObject2$1e;
|
|
8438
8444
|
function ProductTable$1() {
|
|
8439
8445
|
var _useProductDetails = useProductDetails(),
|
|
8440
8446
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8462,9 +8468,9 @@ function ProductTable$1() {
|
|
|
8462
8468
|
})))));
|
|
8463
8469
|
}
|
|
8464
8470
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
8465
|
-
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8471
|
+
var Container$10 = /*#__PURE__*/styled__default.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"])));
|
|
8466
8472
|
|
|
8467
|
-
var _templateObject$1F, _templateObject2$
|
|
8473
|
+
var _templateObject$1F, _templateObject2$1f;
|
|
8468
8474
|
function NotesTable() {
|
|
8469
8475
|
var _useState = React.useState(null),
|
|
8470
8476
|
moduleIds = _useState[0],
|
|
@@ -8559,9 +8565,9 @@ function NotesTable() {
|
|
|
8559
8565
|
}))))));
|
|
8560
8566
|
}
|
|
8561
8567
|
var Title$5 = /*#__PURE__*/styled__default.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"])));
|
|
8562
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8568
|
+
var Container$11 = /*#__PURE__*/styled__default.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"])));
|
|
8563
8569
|
|
|
8564
|
-
var _templateObject$1G, _templateObject2$
|
|
8570
|
+
var _templateObject$1G, _templateObject2$1g;
|
|
8565
8571
|
function ConfirmationNotes() {
|
|
8566
8572
|
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8567
8573
|
rows: 5,
|
|
@@ -8569,9 +8575,9 @@ function ConfirmationNotes() {
|
|
|
8569
8575
|
}));
|
|
8570
8576
|
}
|
|
8571
8577
|
var Label$b = /*#__PURE__*/styled__default.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"])));
|
|
8572
|
-
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8578
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8573
8579
|
|
|
8574
|
-
var _templateObject$1H, _templateObject2$
|
|
8580
|
+
var _templateObject$1H, _templateObject2$1h;
|
|
8575
8581
|
function DeliveryInstructions$1() {
|
|
8576
8582
|
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8577
8583
|
rows: 5,
|
|
@@ -8579,9 +8585,9 @@ function DeliveryInstructions$1() {
|
|
|
8579
8585
|
}));
|
|
8580
8586
|
}
|
|
8581
8587
|
var Label$c = /*#__PURE__*/styled__default.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"])));
|
|
8582
|
-
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8588
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8583
8589
|
|
|
8584
|
-
var _templateObject$1I, _templateObject2$
|
|
8590
|
+
var _templateObject$1I, _templateObject2$1i;
|
|
8585
8591
|
function ContactWith() {
|
|
8586
8592
|
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8587
8593
|
style: {
|
|
@@ -8590,9 +8596,9 @@ function ContactWith() {
|
|
|
8590
8596
|
}));
|
|
8591
8597
|
}
|
|
8592
8598
|
var Label$d = /*#__PURE__*/styled__default.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"])));
|
|
8593
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8599
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8594
8600
|
|
|
8595
|
-
var _templateObject$1J, _templateObject2$
|
|
8601
|
+
var _templateObject$1J, _templateObject2$1j, _templateObject3$H, _templateObject4$l;
|
|
8596
8602
|
function SlotAndInstructions() {
|
|
8597
8603
|
var _orderDetails$order_r;
|
|
8598
8604
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8600,11 +8606,11 @@ function SlotAndInstructions() {
|
|
|
8600
8606
|
return React__default.createElement(Container$15, null, React__default.createElement(Slot, null, React__default.createElement(Title$6, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
8601
8607
|
}
|
|
8602
8608
|
var Value = /*#__PURE__*/styled__default.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"])));
|
|
8603
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8609
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8604
8610
|
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
8605
8611
|
var Container$15 = /*#__PURE__*/styled__default.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"])));
|
|
8606
8612
|
|
|
8607
|
-
var _templateObject$1K, _templateObject2$
|
|
8613
|
+
var _templateObject$1K, _templateObject2$1k;
|
|
8608
8614
|
// import { filterObject } from '../../../utils';
|
|
8609
8615
|
function ConfirmOrder() {
|
|
8610
8616
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8618,8 +8624,6 @@ function ConfirmOrder() {
|
|
|
8618
8624
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8619
8625
|
orderDetailsConfirmOrder = _useOrderDetailsConfi[0],
|
|
8620
8626
|
setOrderDetailsConfirmOrder = _useOrderDetailsConfi[1];
|
|
8621
|
-
var _useLoading = useLoading(),
|
|
8622
|
-
setLoading = _useLoading[1];
|
|
8623
8627
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8624
8628
|
customerInfo = _useCustomerInfo[0];
|
|
8625
8629
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
@@ -8627,13 +8631,14 @@ function ConfirmOrder() {
|
|
|
8627
8631
|
deliveryDate = _useConfirmOrderDate[0],
|
|
8628
8632
|
setDeliveryDate = _useConfirmOrderDate[1];
|
|
8629
8633
|
var _useLiveRecalling = useLiveRecalling(),
|
|
8630
|
-
liveRecalling = _useLiveRecalling[0],
|
|
8631
8634
|
setRecalling = _useLiveRecalling[1];
|
|
8632
8635
|
var _useOrderId = useOrderId(),
|
|
8633
8636
|
orderId = _useOrderId[0];
|
|
8634
8637
|
var _useErrorConfirmOrder = useErrorConfirmOrder(),
|
|
8635
8638
|
errorState = _useErrorConfirmOrder[0];
|
|
8636
8639
|
var updateOrder = useUpdateOrder();
|
|
8640
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
8641
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
8637
8642
|
var onClose = function onClose() {
|
|
8638
8643
|
setCurrentAction(undefined);
|
|
8639
8644
|
};
|
|
@@ -8652,27 +8657,6 @@ function ConfirmOrder() {
|
|
|
8652
8657
|
loadingForConfirm = _useApiHook.loading,
|
|
8653
8658
|
response = _useApiHook.data,
|
|
8654
8659
|
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
8655
|
-
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
8656
|
-
endpoint: "orders/" + orderId,
|
|
8657
|
-
method: 'GET',
|
|
8658
|
-
performAction: false
|
|
8659
|
-
}),
|
|
8660
|
-
fetchedData = _useApiHook2.data,
|
|
8661
|
-
loading = _useApiHook2.loading,
|
|
8662
|
-
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
8663
|
-
React.useEffect(function () {
|
|
8664
|
-
var _fetchedData$data;
|
|
8665
|
-
setLoading(loading);
|
|
8666
|
-
if (fetchedData && fetchedData.data) {
|
|
8667
|
-
var requiredData = fetchedData == null ? void 0 : fetchedData.data;
|
|
8668
|
-
setOrderDetails(requiredData[0]);
|
|
8669
|
-
setPrevOrderDetails(requiredData[0]);
|
|
8670
|
-
setCurrentAction(undefined);
|
|
8671
|
-
}
|
|
8672
|
-
if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
|
|
8673
|
-
setCurrentAction(undefined);
|
|
8674
|
-
}
|
|
8675
|
-
}, [loading, liveRecalling]);
|
|
8676
8660
|
React.useEffect(function () {
|
|
8677
8661
|
if (response) {
|
|
8678
8662
|
//@ts-ignore
|
|
@@ -8682,13 +8666,11 @@ function ConfirmOrder() {
|
|
|
8682
8666
|
// @ts-ignore
|
|
8683
8667
|
description: (response == null ? void 0 : response.message) || 'Order confirmed successfully'
|
|
8684
8668
|
});
|
|
8685
|
-
setShouldPerformAction(true);
|
|
8686
8669
|
setRecalling(true);
|
|
8687
8670
|
setTimeout(function () {
|
|
8688
8671
|
setRecalling(false);
|
|
8689
8672
|
}, 2000);
|
|
8690
8673
|
} else {
|
|
8691
|
-
setShouldPerformAction(false);
|
|
8692
8674
|
antd.notification.error({
|
|
8693
8675
|
message: 'Error',
|
|
8694
8676
|
description:
|
|
@@ -8709,33 +8691,35 @@ function ConfirmOrder() {
|
|
|
8709
8691
|
while (1) switch (_context.prev = _context.next) {
|
|
8710
8692
|
case 0:
|
|
8711
8693
|
setRecalling(false);
|
|
8694
|
+
setRecallOrders(false);
|
|
8712
8695
|
keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates'];
|
|
8713
8696
|
filteredOrderDetails = filterObject(orderDetailsConfirmOrder, keysToRemovefromOrders);
|
|
8714
8697
|
filteredPrevOrderDetails = filterObject(prevOrderDetails, keysToRemovefromOrders);
|
|
8715
8698
|
payload = compareOrderDetailsStates(filteredPrevOrderDetails, filteredOrderDetails);
|
|
8716
8699
|
notUpdateOrder = hasOnlyIdKey(payload);
|
|
8717
8700
|
if (notUpdateOrder) {
|
|
8718
|
-
_context.next =
|
|
8701
|
+
_context.next = 12;
|
|
8719
8702
|
break;
|
|
8720
8703
|
}
|
|
8721
|
-
_context.next =
|
|
8704
|
+
_context.next = 10;
|
|
8722
8705
|
return updateOrder([payload]);
|
|
8723
|
-
case
|
|
8706
|
+
case 10:
|
|
8724
8707
|
_response = _context.sent;
|
|
8725
8708
|
if (_response && (_response == null || (_response$data = _response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
8726
8709
|
setOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8727
8710
|
setPrevOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8711
|
+
setRecallOrders(true);
|
|
8728
8712
|
} else {
|
|
8729
8713
|
setOrderDetails(prevOrderDetails);
|
|
8730
8714
|
}
|
|
8731
|
-
case
|
|
8715
|
+
case 12:
|
|
8732
8716
|
if (orderId && deliveryDate) {
|
|
8733
8717
|
//call order update api then call confirm order if required
|
|
8734
8718
|
formattedDate = dateFns.format(new Date(deliveryDate), 'yyyy-MM-dd');
|
|
8735
8719
|
setDeliveryDate(formattedDate);
|
|
8736
8720
|
setPerformAction(true);
|
|
8737
8721
|
}
|
|
8738
|
-
case
|
|
8722
|
+
case 13:
|
|
8739
8723
|
case "end":
|
|
8740
8724
|
return _context.stop();
|
|
8741
8725
|
}
|
|
@@ -8782,10 +8766,10 @@ function ConfirmOrder() {
|
|
|
8782
8766
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(Wrapper$j, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
8783
8767
|
}
|
|
8784
8768
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8785
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8769
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
8786
8770
|
|
|
8787
|
-
var _templateObject2$
|
|
8788
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
8771
|
+
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;
|
|
8772
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8789
8773
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
8790
8774
|
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
8791
8775
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -9357,7 +9341,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9357
9341
|
}, " * ")), children);
|
|
9358
9342
|
};
|
|
9359
9343
|
|
|
9360
|
-
var _templateObject$1N, _templateObject2$
|
|
9344
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$K, _templateObject4$o, _templateObject5$h;
|
|
9361
9345
|
dayjs.extend(utc);
|
|
9362
9346
|
dayjs.extend(dateFns.isValid);
|
|
9363
9347
|
function CreateReminderModal() {
|
|
@@ -9584,7 +9568,7 @@ function CreateReminderModal() {
|
|
|
9584
9568
|
})));
|
|
9585
9569
|
}
|
|
9586
9570
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9587
|
-
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
9571
|
+
var Label$g = /*#__PURE__*/styled__default.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"])));
|
|
9588
9572
|
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9589
9573
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
9590
9574
|
var StyledLink = /*#__PURE__*/styled__default.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"])));
|
|
@@ -9944,7 +9928,7 @@ function TaskReminderModal() {
|
|
|
9944
9928
|
}
|
|
9945
9929
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
9946
9930
|
|
|
9947
|
-
var _templateObject$1P, _templateObject2$
|
|
9931
|
+
var _templateObject$1P, _templateObject2$1n;
|
|
9948
9932
|
function OrderLock() {
|
|
9949
9933
|
var _useCurrentAction = useCurrentAction(),
|
|
9950
9934
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -9952,6 +9936,10 @@ function OrderLock() {
|
|
|
9952
9936
|
orderDetails = _useOrderDetails[0],
|
|
9953
9937
|
setOrderdetails = _useOrderDetails[1];
|
|
9954
9938
|
var lockOrder = useUpdateOrder();
|
|
9939
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
9940
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
9941
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
9942
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
9955
9943
|
var title = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlocking Order' : 'Locking Order';
|
|
9956
9944
|
var action = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlock' : 'Lock';
|
|
9957
9945
|
var onClose = function onClose() {
|
|
@@ -9963,20 +9951,24 @@ function OrderLock() {
|
|
|
9963
9951
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
9964
9952
|
while (1) switch (_context.prev = _context.next) {
|
|
9965
9953
|
case 0:
|
|
9954
|
+
setRecallOrders(false);
|
|
9966
9955
|
isLocked = (orderDetails == null ? void 0 : orderDetails.order_locked) === null ? false : orderDetails == null ? void 0 : orderDetails.order_locked;
|
|
9967
9956
|
payload = [{
|
|
9968
9957
|
id: orderDetails == null ? void 0 : orderDetails.id,
|
|
9969
9958
|
order_locked: !isLocked
|
|
9970
9959
|
}];
|
|
9971
|
-
_context.next =
|
|
9960
|
+
_context.next = 5;
|
|
9972
9961
|
return lockOrder(payload);
|
|
9973
|
-
case
|
|
9962
|
+
case 5:
|
|
9974
9963
|
response = _context.sent;
|
|
9975
9964
|
if (response.data) {
|
|
9976
9965
|
setOrderdetails(response.data[0]);
|
|
9966
|
+
setOrderdetails(response == null ? void 0 : response.data[0]);
|
|
9967
|
+
setRecallAuditLog(true);
|
|
9968
|
+
setRecallOrders(true);
|
|
9977
9969
|
}
|
|
9978
9970
|
onClose();
|
|
9979
|
-
case
|
|
9971
|
+
case 8:
|
|
9980
9972
|
case "end":
|
|
9981
9973
|
return _context.stop();
|
|
9982
9974
|
}
|
|
@@ -9998,7 +9990,7 @@ function OrderLock() {
|
|
|
9998
9990
|
});
|
|
9999
9991
|
}
|
|
10000
9992
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10001
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
9993
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10002
9994
|
|
|
10003
9995
|
function useUpdateFlag() {
|
|
10004
9996
|
var ssoToken = getCookie('id_token');
|
|
@@ -10068,7 +10060,7 @@ function useUpdateFlag() {
|
|
|
10068
10060
|
return create;
|
|
10069
10061
|
}
|
|
10070
10062
|
|
|
10071
|
-
var _templateObject$1Q, _templateObject2$
|
|
10063
|
+
var _templateObject$1Q, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$i, _templateObject6$9;
|
|
10072
10064
|
function HeaderSection() {
|
|
10073
10065
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10074
10066
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10139,13 +10131,13 @@ function HeaderSection() {
|
|
|
10139
10131
|
})));
|
|
10140
10132
|
}
|
|
10141
10133
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10142
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
10134
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10143
10135
|
var ResolveButton = /*#__PURE__*/styled__default.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"])));
|
|
10144
10136
|
var Title$7 = /*#__PURE__*/styled__default.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"])));
|
|
10145
10137
|
var StyledOverlay = /*#__PURE__*/styled__default.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"])));
|
|
10146
10138
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10147
10139
|
|
|
10148
|
-
var _templateObject$1R, _templateObject2$
|
|
10140
|
+
var _templateObject$1R, _templateObject2$1p;
|
|
10149
10141
|
function TextSection() {
|
|
10150
10142
|
var _useSinglePayload = useSinglePayload(),
|
|
10151
10143
|
payload = _useSinglePayload[0],
|
|
@@ -10164,9 +10156,9 @@ function TextSection() {
|
|
|
10164
10156
|
}));
|
|
10165
10157
|
}
|
|
10166
10158
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10167
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10159
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10168
10160
|
|
|
10169
|
-
var _templateObject$1S, _templateObject2$
|
|
10161
|
+
var _templateObject$1S, _templateObject2$1q, _templateObject3$M, _templateObject4$q;
|
|
10170
10162
|
function StatusIndicator(props) {
|
|
10171
10163
|
var statusColor = getStatusColor(props.status);
|
|
10172
10164
|
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -10180,7 +10172,7 @@ function StatusIndicator(props) {
|
|
|
10180
10172
|
var StatusCircleContainer = /*#__PURE__*/styled__default.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) {
|
|
10181
10173
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10182
10174
|
});
|
|
10183
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
10175
|
+
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
10184
10176
|
return props.color;
|
|
10185
10177
|
});
|
|
10186
10178
|
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -10188,7 +10180,7 @@ var Text$8 = /*#__PURE__*/styled__default.span(_templateObject4$q || (_templateO
|
|
|
10188
10180
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10189
10181
|
});
|
|
10190
10182
|
|
|
10191
|
-
var _templateObject$1T, _templateObject2$
|
|
10183
|
+
var _templateObject$1T, _templateObject2$1r;
|
|
10192
10184
|
function ButtonsSection() {
|
|
10193
10185
|
var _useSinglePayload = useSinglePayload(),
|
|
10194
10186
|
payload = _useSinglePayload[0],
|
|
@@ -10280,9 +10272,9 @@ function ButtonsSection() {
|
|
|
10280
10272
|
}))));
|
|
10281
10273
|
}
|
|
10282
10274
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10283
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10275
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10284
10276
|
|
|
10285
|
-
var _templateObject$1U, _templateObject2$
|
|
10277
|
+
var _templateObject$1U, _templateObject2$1s, _templateObject3$N, _templateObject4$r, _templateObject5$j, _templateObject6$a;
|
|
10286
10278
|
function ActionSection() {
|
|
10287
10279
|
var _useCurrentAction = useCurrentAction(),
|
|
10288
10280
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10369,13 +10361,13 @@ function RadioButtonsSection() {
|
|
|
10369
10361
|
}));
|
|
10370
10362
|
}
|
|
10371
10363
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10372
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
10364
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10373
10365
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10374
10366
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10375
10367
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10376
10368
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10377
10369
|
|
|
10378
|
-
var _templateObject$1V, _templateObject2$
|
|
10370
|
+
var _templateObject$1V, _templateObject2$1t, _templateObject3$O, _templateObject4$s, _templateObject5$k;
|
|
10379
10371
|
function DetailSection() {
|
|
10380
10372
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10381
10373
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10388,7 +10380,7 @@ function DetailSection() {
|
|
|
10388
10380
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10389
10381
|
}
|
|
10390
10382
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10391
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10383
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10392
10384
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10393
10385
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10394
10386
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -10473,7 +10465,7 @@ function useFetchSingleFlagsData() {
|
|
|
10473
10465
|
return res;
|
|
10474
10466
|
}
|
|
10475
10467
|
|
|
10476
|
-
var _templateObject$1W, _templateObject2$
|
|
10468
|
+
var _templateObject$1W, _templateObject2$1u, _templateObject3$P;
|
|
10477
10469
|
function ViewFlag() {
|
|
10478
10470
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10479
10471
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10571,7 +10563,7 @@ function ViewFlag() {
|
|
|
10571
10563
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
10572
10564
|
}
|
|
10573
10565
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10574
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
10566
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10575
10567
|
var MainContainer$a = /*#__PURE__*/styled__default.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"])));
|
|
10576
10568
|
|
|
10577
10569
|
var _templateObject$1X;
|
|
@@ -10927,7 +10919,7 @@ function RemoveFromRoute() {
|
|
|
10927
10919
|
}
|
|
10928
10920
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10929
10921
|
|
|
10930
|
-
var _templateObject$1$, _templateObject2$
|
|
10922
|
+
var _templateObject$1$, _templateObject2$1v, _templateObject3$Q, _templateObject4$t;
|
|
10931
10923
|
function CreateTaskModal() {
|
|
10932
10924
|
var _useTaskTypeData = useTaskTypeData(),
|
|
10933
10925
|
taskTypes = _useTaskTypeData[0];
|
|
@@ -11115,7 +11107,7 @@ function CreateTaskModal() {
|
|
|
11115
11107
|
})));
|
|
11116
11108
|
}
|
|
11117
11109
|
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
11118
|
-
var StyledLink$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11110
|
+
var StyledLink$1 = /*#__PURE__*/styled__default.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"])));
|
|
11119
11111
|
var Label$h = /*#__PURE__*/styled__default.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"])));
|
|
11120
11112
|
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
11121
11113
|
|
|
@@ -11476,7 +11468,7 @@ function useSystemLogs() {
|
|
|
11476
11468
|
return perform;
|
|
11477
11469
|
}
|
|
11478
11470
|
|
|
11479
|
-
var _templateObject$22, _templateObject2$
|
|
11471
|
+
var _templateObject$22, _templateObject2$1w;
|
|
11480
11472
|
var Details = function Details() {
|
|
11481
11473
|
// const [orderDetails] = useOrderDetails();
|
|
11482
11474
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11486,7 +11478,7 @@ var Details = function Details() {
|
|
|
11486
11478
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11487
11479
|
};
|
|
11488
11480
|
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
11489
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11481
|
+
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
11490
11482
|
|
|
11491
11483
|
var _templateObject$23;
|
|
11492
11484
|
function Options() {
|
|
@@ -11717,7 +11709,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
11717
11709
|
};
|
|
11718
11710
|
var Flex$3 = /*#__PURE__*/styled__default.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"])));
|
|
11719
11711
|
|
|
11720
|
-
var _templateObject$28, _templateObject2$
|
|
11712
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$R;
|
|
11721
11713
|
function FlagTemplate(_ref) {
|
|
11722
11714
|
var _data$tasks_types;
|
|
11723
11715
|
var data = _ref.data;
|
|
@@ -11749,13 +11741,13 @@ function FlagTemplate(_ref) {
|
|
|
11749
11741
|
}));
|
|
11750
11742
|
}
|
|
11751
11743
|
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11752
|
-
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11744
|
+
var StyledLink$2 = /*#__PURE__*/styled__default.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"])));
|
|
11753
11745
|
var StyledTitle = /*#__PURE__*/styled__default.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) {
|
|
11754
11746
|
var color = _ref2.color;
|
|
11755
11747
|
return color;
|
|
11756
11748
|
});
|
|
11757
11749
|
|
|
11758
|
-
var _templateObject$29, _templateObject2$
|
|
11750
|
+
var _templateObject$29, _templateObject2$1y, _templateObject3$S;
|
|
11759
11751
|
function ReminderTemplate(_ref) {
|
|
11760
11752
|
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11761
11753
|
var data = _ref.data,
|
|
@@ -11791,13 +11783,13 @@ function ReminderTemplate(_ref) {
|
|
|
11791
11783
|
})));
|
|
11792
11784
|
}
|
|
11793
11785
|
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11794
|
-
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11786
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.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) {
|
|
11795
11787
|
var color = _ref2.color;
|
|
11796
11788
|
return color;
|
|
11797
11789
|
});
|
|
11798
11790
|
var StyledLink$3 = /*#__PURE__*/styled__default.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11799
11791
|
|
|
11800
|
-
var _templateObject$2a, _templateObject2$
|
|
11792
|
+
var _templateObject$2a, _templateObject2$1z;
|
|
11801
11793
|
function Tabs(_ref) {
|
|
11802
11794
|
var activeNotifications = _ref.activeNotifications,
|
|
11803
11795
|
closedNotifications = _ref.closedNotifications,
|
|
@@ -11852,7 +11844,7 @@ function Tabs(_ref) {
|
|
|
11852
11844
|
})))));
|
|
11853
11845
|
}
|
|
11854
11846
|
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11855
|
-
var Content = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11847
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11856
11848
|
|
|
11857
11849
|
var NotifyFlag = function NotifyFlag() {
|
|
11858
11850
|
return React__default.createElement("svg", {
|
|
@@ -11870,7 +11862,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
11870
11862
|
}));
|
|
11871
11863
|
};
|
|
11872
11864
|
|
|
11873
|
-
var _templateObject$2b, _templateObject2$
|
|
11865
|
+
var _templateObject$2b, _templateObject2$1A, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
|
|
11874
11866
|
function Notification() {
|
|
11875
11867
|
var _OrderData$order_rout;
|
|
11876
11868
|
var _useTabType = useTabType(),
|
|
@@ -12048,7 +12040,7 @@ function Notification() {
|
|
|
12048
12040
|
})) : 'No Notifications Found'));
|
|
12049
12041
|
}
|
|
12050
12042
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
12051
|
-
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12043
|
+
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12052
12044
|
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
12053
12045
|
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
12054
12046
|
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
@@ -12070,43 +12062,43 @@ function CollapsedContent$2() {
|
|
|
12070
12062
|
}
|
|
12071
12063
|
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
12072
12064
|
|
|
12073
|
-
var _templateObject$2d, _templateObject2$
|
|
12065
|
+
var _templateObject$2d, _templateObject2$1B;
|
|
12074
12066
|
function Category(props) {
|
|
12075
12067
|
var _props$row;
|
|
12076
12068
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
12077
12069
|
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$6, null, data));
|
|
12078
12070
|
}
|
|
12079
12071
|
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12080
|
-
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12072
|
+
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12081
12073
|
|
|
12082
|
-
var _templateObject$2e, _templateObject2$
|
|
12074
|
+
var _templateObject$2e, _templateObject2$1C;
|
|
12083
12075
|
function Date$2(props) {
|
|
12084
12076
|
var _props$row;
|
|
12085
12077
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
12086
12078
|
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$7, null, formatDate$1(data)));
|
|
12087
12079
|
}
|
|
12088
12080
|
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12089
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12081
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12090
12082
|
|
|
12091
|
-
var _templateObject$2f, _templateObject2$
|
|
12083
|
+
var _templateObject$2f, _templateObject2$1D;
|
|
12092
12084
|
function Reference(props) {
|
|
12093
12085
|
var _props$row;
|
|
12094
12086
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
12095
12087
|
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$8, null, data));
|
|
12096
12088
|
}
|
|
12097
12089
|
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12098
|
-
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12090
|
+
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12099
12091
|
|
|
12100
|
-
var _templateObject$2g, _templateObject2$
|
|
12092
|
+
var _templateObject$2g, _templateObject2$1E;
|
|
12101
12093
|
function Type(props) {
|
|
12102
12094
|
var _props$row;
|
|
12103
12095
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
12104
12096
|
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$9, null, data));
|
|
12105
12097
|
}
|
|
12106
12098
|
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12107
|
-
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12099
|
+
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12108
12100
|
|
|
12109
|
-
var _templateObject$2h, _templateObject2$
|
|
12101
|
+
var _templateObject$2h, _templateObject2$1F, _templateObject3$U;
|
|
12110
12102
|
function Action(_ref) {
|
|
12111
12103
|
var _row$original, _orderResources$data;
|
|
12112
12104
|
var row = _ref.row;
|
|
@@ -12216,7 +12208,7 @@ function Action(_ref) {
|
|
|
12216
12208
|
}
|
|
12217
12209
|
// Styled components for styling
|
|
12218
12210
|
var Actions = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12219
|
-
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12211
|
+
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
12220
12212
|
var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
12221
12213
|
|
|
12222
12214
|
var tableColumns$1 = [{
|
|
@@ -12261,7 +12253,7 @@ function Order$1() {
|
|
|
12261
12253
|
}
|
|
12262
12254
|
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
12263
12255
|
|
|
12264
|
-
var _templateObject$2j, _templateObject2$
|
|
12256
|
+
var _templateObject$2j, _templateObject2$1G, _templateObject3$V, _templateObject4$v;
|
|
12265
12257
|
function OrderView() {
|
|
12266
12258
|
antd.notification.config({
|
|
12267
12259
|
top: 150
|
|
@@ -12310,6 +12302,8 @@ function OrderView() {
|
|
|
12310
12302
|
setVisibilityData = _useVisibilityData[1];
|
|
12311
12303
|
var _useSubContracterData = useSubContracterData(),
|
|
12312
12304
|
setSubContracterData = _useSubContracterData[1];
|
|
12305
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
12306
|
+
recallOrders = _useGlobalStateHitOrd[0];
|
|
12313
12307
|
// query param
|
|
12314
12308
|
var location = reactRouterDom.useLocation();
|
|
12315
12309
|
var _useState2 = React.useState([]),
|
|
@@ -12392,10 +12386,10 @@ function OrderView() {
|
|
|
12392
12386
|
depotDataLoading = _useApiHook5.loading;
|
|
12393
12387
|
React.useEffect(function () {
|
|
12394
12388
|
if (orderId) {
|
|
12395
|
-
orderUpdate(
|
|
12389
|
+
orderUpdate(recallOrders);
|
|
12396
12390
|
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
12397
12391
|
}
|
|
12398
|
-
}, [orderId, liveRecalling]);
|
|
12392
|
+
}, [orderId, liveRecalling, recallOrders]);
|
|
12399
12393
|
React.useEffect(function () {
|
|
12400
12394
|
setLoading(staticDataLoading);
|
|
12401
12395
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -12439,6 +12433,8 @@ function OrderView() {
|
|
|
12439
12433
|
// setOrderId(null);
|
|
12440
12434
|
};
|
|
12441
12435
|
}, [statusDataLoading, fetchedStatusData]);
|
|
12436
|
+
var _useAtom = jotai.useAtom(setResourcesCall),
|
|
12437
|
+
getResources = _useAtom[0];
|
|
12442
12438
|
React.useEffect(function () {
|
|
12443
12439
|
setLoading(depotDataLoading);
|
|
12444
12440
|
if (fetchedDepotData && fetchedDepotData.data) {
|
|
@@ -12467,6 +12463,18 @@ function OrderView() {
|
|
|
12467
12463
|
}),
|
|
12468
12464
|
fetchedResourcesData = _useApiHook6.data,
|
|
12469
12465
|
setActions = _useApiHook6.setShouldPerformAction;
|
|
12466
|
+
React.useEffect(function () {
|
|
12467
|
+
if (orderId) {
|
|
12468
|
+
if (getResources) {
|
|
12469
|
+
setActions(false);
|
|
12470
|
+
setTimeout(function () {
|
|
12471
|
+
setActions(true);
|
|
12472
|
+
}, 200);
|
|
12473
|
+
} else {
|
|
12474
|
+
setActions(true);
|
|
12475
|
+
}
|
|
12476
|
+
}
|
|
12477
|
+
}, [orderId, setActions, getResources]);
|
|
12470
12478
|
React.useEffect(function () {
|
|
12471
12479
|
if (orderId) {
|
|
12472
12480
|
setActions(true);
|
|
@@ -12595,12 +12603,12 @@ function OrderView() {
|
|
|
12595
12603
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(Order$1, null), React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
12596
12604
|
}
|
|
12597
12605
|
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12598
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12606
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12599
12607
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12600
12608
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
12601
12609
|
|
|
12602
|
-
var _templateObject2$
|
|
12603
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12610
|
+
var _templateObject2$1H;
|
|
12611
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
|
|
12604
12612
|
|
|
12605
12613
|
var initialState$3 = {
|
|
12606
12614
|
'x-filters': [],
|
|
@@ -12666,7 +12674,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
12666
12674
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
12667
12675
|
});
|
|
12668
12676
|
|
|
12669
|
-
var _templateObject$2k, _templateObject2$
|
|
12677
|
+
var _templateObject$2k, _templateObject2$1I, _templateObject3$W;
|
|
12670
12678
|
var SearchType = function SearchType() {
|
|
12671
12679
|
var _useState = React.useState(''),
|
|
12672
12680
|
searchText = _useState[0],
|
|
@@ -12713,7 +12721,7 @@ var SearchType = function SearchType() {
|
|
|
12713
12721
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
12714
12722
|
};
|
|
12715
12723
|
var Search = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
|
|
12716
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12724
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
|
|
12717
12725
|
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
|
|
12718
12726
|
|
|
12719
12727
|
var BulkFilter = function BulkFilter() {
|
|
@@ -12963,7 +12971,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12963
12971
|
})))));
|
|
12964
12972
|
};
|
|
12965
12973
|
|
|
12966
|
-
var _templateObject$2l, _templateObject2$
|
|
12974
|
+
var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
|
|
12967
12975
|
var _excluded$6 = ["count"];
|
|
12968
12976
|
function ReturnMainTable() {
|
|
12969
12977
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -13045,7 +13053,7 @@ function ReturnMainTable() {
|
|
|
13045
13053
|
}))));
|
|
13046
13054
|
}
|
|
13047
13055
|
var Row$b = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13048
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13056
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
13049
13057
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
13050
13058
|
|
|
13051
13059
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|