@bjsdistribution/dms-client-return 0.0.84 → 0.0.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/order-view/notification/OrderTemplate.d.ts +3 -0
- package/dist/components/order-view/order-actions/store.d.ts +1 -0
- 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/components/order-view/utils.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +423 -285
- 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 +424 -286
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/order-view/index.tsx +26 -2
- package/src/components/order-view/notification/OrderTemplate.tsx +349 -0
- package/src/components/order-view/notification/Tabs.tsx +10 -6
- package/src/components/order-view/order-actions/actions/confirm-order/index.tsx +6 -63
- package/src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx +7 -0
- 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-actions/actions/uncancel-order/UncancelOrder.tsx +4 -3
- package/src/components/order-view/order-actions/actions/unhold-order/UnholdOrder.tsx +1 -1
- package/src/components/order-view/order-actions/store.ts +6 -0
- package/src/components/order-view/order-actions/utils.ts +1 -1
- 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/Carrier.tsx +1 -1
- 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/order-details/expanded-content/services-section/DeliveryPoint.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +1 -1
- 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],
|
|
@@ -4565,7 +4570,7 @@ function Carrier() {
|
|
|
4565
4570
|
var onChange = function onChange(selectedOption) {
|
|
4566
4571
|
setOrderDetails(function (prev) {
|
|
4567
4572
|
return _extends({}, prev, {
|
|
4568
|
-
carrier_id: selectedOption.value
|
|
4573
|
+
carrier_id: selectedOption == null ? void 0 : selectedOption.value
|
|
4569
4574
|
});
|
|
4570
4575
|
});
|
|
4571
4576
|
};
|
|
@@ -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),
|
|
@@ -4826,9 +4832,8 @@ function TimedServiceDropdown() {
|
|
|
4826
4832
|
setOrderData(newData);
|
|
4827
4833
|
};
|
|
4828
4834
|
return React__default.createElement(Container$r, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4829
|
-
label: "Timed Service"
|
|
4830
|
-
|
|
4831
|
-
}), React__default.createElement(StyledSelectDropdown, {
|
|
4835
|
+
label: "Timed Service"
|
|
4836
|
+
}), React__default.createElement(StyledSelectDropdown$1, {
|
|
4832
4837
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, {
|
|
4833
4838
|
control: function control(styles) {
|
|
4834
4839
|
return _extends({}, styles, {
|
|
@@ -4848,9 +4853,9 @@ function TimedServiceDropdown() {
|
|
|
4848
4853
|
}));
|
|
4849
4854
|
}
|
|
4850
4855
|
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$
|
|
4856
|
+
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
4857
|
|
|
4853
|
-
var _templateObject$N, _templateObject2$
|
|
4858
|
+
var _templateObject$N, _templateObject2$D;
|
|
4854
4859
|
function ServiceTypeDropdown() {
|
|
4855
4860
|
var _orderStaticData$orde;
|
|
4856
4861
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4874,7 +4879,7 @@ function ServiceTypeDropdown() {
|
|
|
4874
4879
|
return React__default.createElement(Container$s, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4875
4880
|
label: "Service Type",
|
|
4876
4881
|
htmlFor: "serviceTypeDropdown"
|
|
4877
|
-
}), React__default.createElement(StyledSelectDropdown$
|
|
4882
|
+
}), React__default.createElement(StyledSelectDropdown$2, {
|
|
4878
4883
|
placeholder: "Select Service Type",
|
|
4879
4884
|
options: serviceTypeOptions || [],
|
|
4880
4885
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -4888,9 +4893,9 @@ function ServiceTypeDropdown() {
|
|
|
4888
4893
|
}));
|
|
4889
4894
|
}
|
|
4890
4895
|
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$
|
|
4896
|
+
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
4897
|
|
|
4893
|
-
var _templateObject$O, _templateObject2$
|
|
4898
|
+
var _templateObject$O, _templateObject2$E;
|
|
4894
4899
|
function DeliveryPointDropdown() {
|
|
4895
4900
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
4896
4901
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4915,9 +4920,8 @@ function DeliveryPointDropdown() {
|
|
|
4915
4920
|
setOrderData(newData);
|
|
4916
4921
|
};
|
|
4917
4922
|
return React__default.createElement(Container$t, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4918
|
-
label: "Delivery Point"
|
|
4919
|
-
|
|
4920
|
-
}), React__default.createElement(StyledSelectDropdown$2, {
|
|
4923
|
+
label: "Delivery Point"
|
|
4924
|
+
}), React__default.createElement(StyledSelectDropdown$3, {
|
|
4921
4925
|
placeholder: "Select Delivery Point",
|
|
4922
4926
|
options: deliveryPointOptions || [],
|
|
4923
4927
|
inputId: "deliveryPointDropdown",
|
|
@@ -4931,7 +4935,7 @@ function DeliveryPointDropdown() {
|
|
|
4931
4935
|
}));
|
|
4932
4936
|
}
|
|
4933
4937
|
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$
|
|
4938
|
+
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
4939
|
|
|
4936
4940
|
var _templateObject$P;
|
|
4937
4941
|
function ServiceLevel() {
|
|
@@ -5089,7 +5093,7 @@ var getIcon = function getIcon(input) {
|
|
|
5089
5093
|
return "" + baseURL + subPath;
|
|
5090
5094
|
};
|
|
5091
5095
|
|
|
5092
|
-
var _templateObject$R, _templateObject2$
|
|
5096
|
+
var _templateObject$R, _templateObject2$F, _templateObject3$f;
|
|
5093
5097
|
function ServiceSlider(props) {
|
|
5094
5098
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
5095
5099
|
// event.preventDefault();
|
|
@@ -5107,7 +5111,7 @@ function ServiceSlider(props) {
|
|
|
5107
5111
|
})));
|
|
5108
5112
|
}
|
|
5109
5113
|
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$
|
|
5114
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
5111
5115
|
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
5116
|
|
|
5113
5117
|
var _templateObject$S;
|
|
@@ -5278,19 +5282,19 @@ var Container$x = /*#__PURE__*/styled__default.div(_templateObject$S || (_templa
|
|
|
5278
5282
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5279
5283
|
});
|
|
5280
5284
|
|
|
5281
|
-
var _templateObject$T, _templateObject2$
|
|
5285
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$g, _templateObject4$8, _templateObject5$7;
|
|
5282
5286
|
function ServicesSection() {
|
|
5283
5287
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
5284
5288
|
label: "Services"
|
|
5285
5289
|
}), 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
5290
|
}
|
|
5287
5291
|
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$
|
|
5292
|
+
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
5293
|
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
5294
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5291
5295
|
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
5296
|
|
|
5293
|
-
var _templateObject$U, _templateObject2$
|
|
5297
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$h;
|
|
5294
5298
|
function AllowTracking() {
|
|
5295
5299
|
var _useOrderDetails = useOrderDetails(),
|
|
5296
5300
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5299,7 +5303,7 @@ function AllowTracking() {
|
|
|
5299
5303
|
return React__default.createElement(Container$y, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$2, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
5300
5304
|
}
|
|
5301
5305
|
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$
|
|
5306
|
+
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
5307
|
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
5308
|
|
|
5305
5309
|
function useUpdateOrder() {
|
|
@@ -5395,6 +5399,8 @@ function OrderDetailsFooter() {
|
|
|
5395
5399
|
setRecalling = _useLiveRecalling[1];
|
|
5396
5400
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5397
5401
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5402
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
5403
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
5398
5404
|
var errorFound = function errorFound() {
|
|
5399
5405
|
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
5406
|
return isError;
|
|
@@ -5424,12 +5430,15 @@ function OrderDetailsFooter() {
|
|
|
5424
5430
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
5425
5431
|
while (1) switch (_context.prev = _context.next) {
|
|
5426
5432
|
case 0:
|
|
5433
|
+
setRecallAuditLog(false);
|
|
5434
|
+
setRecallOrders(false);
|
|
5427
5435
|
payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);
|
|
5428
|
-
_context.next =
|
|
5436
|
+
_context.next = 5;
|
|
5429
5437
|
return updateOrder([payload]);
|
|
5430
|
-
case
|
|
5438
|
+
case 5:
|
|
5431
5439
|
response = _context.sent;
|
|
5432
5440
|
setCallApi(false);
|
|
5441
|
+
setRecallOrders(true);
|
|
5433
5442
|
// setLogsCallAPi(prev => !prev);
|
|
5434
5443
|
if (response && (response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
5435
5444
|
setOrderDetails(response == null ? void 0 : response.data[0]);
|
|
@@ -5447,7 +5456,7 @@ function OrderDetailsFooter() {
|
|
|
5447
5456
|
} else {
|
|
5448
5457
|
setOrderDetails(prevOrderDetails);
|
|
5449
5458
|
}
|
|
5450
|
-
case
|
|
5459
|
+
case 9:
|
|
5451
5460
|
case "end":
|
|
5452
5461
|
return _context.stop();
|
|
5453
5462
|
}
|
|
@@ -5464,12 +5473,12 @@ function OrderDetailsFooter() {
|
|
|
5464
5473
|
}
|
|
5465
5474
|
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
5475
|
|
|
5467
|
-
var _templateObject$W, _templateObject2$
|
|
5476
|
+
var _templateObject$W, _templateObject2$I, _templateObject3$i;
|
|
5468
5477
|
function ExpandedContent() {
|
|
5469
5478
|
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
5479
|
}
|
|
5471
5480
|
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$
|
|
5481
|
+
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
5482
|
// const InstructionContainer = styled.div`
|
|
5474
5483
|
// display: flex;
|
|
5475
5484
|
// justify-content: center;
|
|
@@ -5556,7 +5565,7 @@ function NoteType() {
|
|
|
5556
5565
|
}
|
|
5557
5566
|
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
5567
|
|
|
5559
|
-
var _templateObject$Y, _templateObject2$
|
|
5568
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$j;
|
|
5560
5569
|
function AddNote() {
|
|
5561
5570
|
var _useState = React.useState(''),
|
|
5562
5571
|
noteText = _useState[0],
|
|
@@ -5681,7 +5690,7 @@ function AddNote() {
|
|
|
5681
5690
|
}, "SAVE NOTE"), React__default.createElement(NoteType, null)));
|
|
5682
5691
|
}
|
|
5683
5692
|
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$
|
|
5693
|
+
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
5694
|
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
5695
|
|
|
5687
5696
|
var NotesTableData = [{
|
|
@@ -5697,7 +5706,7 @@ var NotesTableData = [{
|
|
|
5697
5706
|
tableBody: []
|
|
5698
5707
|
}];
|
|
5699
5708
|
|
|
5700
|
-
var _templateObject$Z, _templateObject2$
|
|
5709
|
+
var _templateObject$Z, _templateObject2$K;
|
|
5701
5710
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5702
5711
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5703
5712
|
var _usegetNotes = usegetNotes(),
|
|
@@ -5727,7 +5736,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5727
5736
|
}, "No data found"))))));
|
|
5728
5737
|
};
|
|
5729
5738
|
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$
|
|
5739
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5731
5740
|
|
|
5732
5741
|
var _templateObject$_;
|
|
5733
5742
|
function AuditLogs() {
|
|
@@ -5735,7 +5744,7 @@ function AuditLogs() {
|
|
|
5735
5744
|
}
|
|
5736
5745
|
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
5746
|
|
|
5738
|
-
var _templateObject$$, _templateObject2$
|
|
5747
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$k, _templateObject4$9;
|
|
5739
5748
|
// import { useLocation } from 'react-router-dom';
|
|
5740
5749
|
function Notes() {
|
|
5741
5750
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5816,7 +5825,7 @@ function Notes() {
|
|
|
5816
5825
|
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
5817
5826
|
}
|
|
5818
5827
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5819
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5828
|
+
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
5829
|
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
5830
|
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
5831
|
|
|
@@ -5843,7 +5852,7 @@ function ChevronUp(props) {
|
|
|
5843
5852
|
}));
|
|
5844
5853
|
}
|
|
5845
5854
|
|
|
5846
|
-
var _templateObject$11, _templateObject2$
|
|
5855
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5847
5856
|
function CollapsableForm(props) {
|
|
5848
5857
|
var _useState = React.useState(true),
|
|
5849
5858
|
isExpanded = _useState[0],
|
|
@@ -5864,7 +5873,7 @@ function CollapsableForm(props) {
|
|
|
5864
5873
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5865
5874
|
}
|
|
5866
5875
|
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$
|
|
5876
|
+
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
5877
|
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
5878
|
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
5879
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -5874,7 +5883,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_t
|
|
|
5874
5883
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5875
5884
|
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
5885
|
|
|
5877
|
-
var _templateObject$12, _templateObject2$
|
|
5886
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$m;
|
|
5878
5887
|
function CustomScrollBar(props) {
|
|
5879
5888
|
var children = props.children,
|
|
5880
5889
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5893,10 +5902,10 @@ function CustomScrollBar(props) {
|
|
|
5893
5902
|
}, children);
|
|
5894
5903
|
}
|
|
5895
5904
|
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$
|
|
5905
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5897
5906
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5898
5907
|
|
|
5899
|
-
var _templateObject$13, _templateObject2$
|
|
5908
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5900
5909
|
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
5901
5910
|
function DynamicTable(_ref, props) {
|
|
5902
5911
|
var columns = _ref.columns,
|
|
@@ -5953,7 +5962,7 @@ function DynamicTable(_ref, props) {
|
|
|
5953
5962
|
}, "No entries found."))))))));
|
|
5954
5963
|
}
|
|
5955
5964
|
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$
|
|
5965
|
+
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
5966
|
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
5967
|
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
5968
|
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 +5971,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$5 || (_templ
|
|
|
5962
5971
|
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
5972
|
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
5973
|
|
|
5965
|
-
var _templateObject$14, _templateObject2$
|
|
5974
|
+
var _templateObject$14, _templateObject2$P;
|
|
5966
5975
|
function Event(props) {
|
|
5967
5976
|
var _props$row;
|
|
5968
5977
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5978,7 +5987,7 @@ function Event(props) {
|
|
|
5978
5987
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
5979
5988
|
}
|
|
5980
5989
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5981
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5990
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5982
5991
|
|
|
5983
5992
|
//to change data into options
|
|
5984
5993
|
var transformOption = function transformOption(option, key) {
|
|
@@ -6005,7 +6014,7 @@ function formatDate$1(dateString) {
|
|
|
6005
6014
|
if (dateString) {
|
|
6006
6015
|
var date = new Date(dateString);
|
|
6007
6016
|
if (!isNaN(date.getTime())) {
|
|
6008
|
-
return dateFns.format(date, 'MM/
|
|
6017
|
+
return dateFns.format(date, 'dd/MM/yyyy HH:mm:ss');
|
|
6009
6018
|
}
|
|
6010
6019
|
}
|
|
6011
6020
|
return 'Invalid date';
|
|
@@ -6025,25 +6034,25 @@ var priorityData = [{
|
|
|
6025
6034
|
color: '#E95252'
|
|
6026
6035
|
}];
|
|
6027
6036
|
|
|
6028
|
-
var _templateObject$15, _templateObject2$
|
|
6037
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6029
6038
|
function Date$1(props) {
|
|
6030
6039
|
var _props$row;
|
|
6031
6040
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6032
6041
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6033
6042
|
}
|
|
6034
6043
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6035
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6044
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6036
6045
|
|
|
6037
|
-
var _templateObject$16, _templateObject2$
|
|
6046
|
+
var _templateObject$16, _templateObject2$R;
|
|
6038
6047
|
function Code(props) {
|
|
6039
6048
|
var _props$row;
|
|
6040
6049
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6041
6050
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6042
6051
|
}
|
|
6043
6052
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6044
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6053
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6045
6054
|
|
|
6046
|
-
var _templateObject$17, _templateObject2$
|
|
6055
|
+
var _templateObject$17, _templateObject2$S;
|
|
6047
6056
|
function Note(props) {
|
|
6048
6057
|
var _props$row;
|
|
6049
6058
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6052,7 +6061,7 @@ function Note(props) {
|
|
|
6052
6061
|
}, React__default.createElement(Row$3, null, data));
|
|
6053
6062
|
}
|
|
6054
6063
|
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$
|
|
6064
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6056
6065
|
|
|
6057
6066
|
var tableColumns = [{
|
|
6058
6067
|
header: 'Date',
|
|
@@ -6364,7 +6373,7 @@ function ConfirmedIcon() {
|
|
|
6364
6373
|
}))));
|
|
6365
6374
|
}
|
|
6366
6375
|
|
|
6367
|
-
var _templateObject$19, _templateObject2$
|
|
6376
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$o, _templateObject4$c;
|
|
6368
6377
|
function Status() {
|
|
6369
6378
|
var _useStatusDetails = useStatusDetails(),
|
|
6370
6379
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6411,7 +6420,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6411
6420
|
}
|
|
6412
6421
|
};
|
|
6413
6422
|
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$
|
|
6423
|
+
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
6424
|
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6416
6425
|
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
6426
|
|
|
@@ -6573,7 +6582,7 @@ var ProductTable = function ProductTable() {
|
|
|
6573
6582
|
};
|
|
6574
6583
|
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
6584
|
|
|
6576
|
-
var _templateObject$1d, _templateObject2$
|
|
6585
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$p;
|
|
6577
6586
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6578
6587
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6579
6588
|
var defaultSelectStyle = {
|
|
@@ -6686,10 +6695,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6686
6695
|
}));
|
|
6687
6696
|
};
|
|
6688
6697
|
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$
|
|
6698
|
+
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
6699
|
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
6700
|
|
|
6692
|
-
var _templateObject$1e, _templateObject2$
|
|
6701
|
+
var _templateObject$1e, _templateObject2$V, _templateObject3$q;
|
|
6693
6702
|
function ExpandedContent$2() {
|
|
6694
6703
|
var _response$data, _response$data2;
|
|
6695
6704
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6767,17 +6776,17 @@ function ExpandedContent$2() {
|
|
|
6767
6776
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6768
6777
|
}
|
|
6769
6778
|
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$
|
|
6779
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6771
6780
|
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6772
6781
|
|
|
6773
|
-
var _templateObject$1f, _templateObject2$
|
|
6782
|
+
var _templateObject$1f, _templateObject2$W;
|
|
6774
6783
|
function CollapsedContent$1() {
|
|
6775
6784
|
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6776
6785
|
label: "Products"
|
|
6777
6786
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6778
6787
|
}
|
|
6779
6788
|
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$
|
|
6789
|
+
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
6790
|
|
|
6782
6791
|
function ProductsInfo() {
|
|
6783
6792
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6823,16 +6832,16 @@ function BackgroundModal(props) {
|
|
|
6823
6832
|
}
|
|
6824
6833
|
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
6834
|
|
|
6826
|
-
var _templateObject$1h, _templateObject2$
|
|
6835
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$d;
|
|
6827
6836
|
function AdditionalInformation(props) {
|
|
6828
6837
|
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
6838
|
}
|
|
6830
6839
|
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$
|
|
6840
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6832
6841
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6833
6842
|
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
6843
|
|
|
6835
|
-
var _templateObject$1i, _templateObject2$
|
|
6844
|
+
var _templateObject$1i, _templateObject2$Y, _templateObject3$s, _templateObject4$e;
|
|
6836
6845
|
function OrderActionHeader(props) {
|
|
6837
6846
|
var title = props.title,
|
|
6838
6847
|
actions = props.actions,
|
|
@@ -6848,11 +6857,11 @@ function OrderActionHeader(props) {
|
|
|
6848
6857
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6849
6858
|
}
|
|
6850
6859
|
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$
|
|
6860
|
+
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
6861
|
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
6862
|
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
6863
|
|
|
6855
|
-
var _templateObject$1j, _templateObject2$
|
|
6864
|
+
var _templateObject$1j, _templateObject2$Z;
|
|
6856
6865
|
function OrderActionFooter(props) {
|
|
6857
6866
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6858
6867
|
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
@@ -6863,7 +6872,7 @@ function OrderActionFooter(props) {
|
|
|
6863
6872
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6864
6873
|
}
|
|
6865
6874
|
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6866
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6875
|
+
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
6876
|
|
|
6868
6877
|
var _templateObject$1k;
|
|
6869
6878
|
function OrderActionModal(props) {
|
|
@@ -6882,7 +6891,7 @@ function OrderActionModal(props) {
|
|
|
6882
6891
|
}
|
|
6883
6892
|
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
6893
|
|
|
6885
|
-
var _templateObject$1l, _templateObject2$
|
|
6894
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$t;
|
|
6886
6895
|
function OrderActionsDropdown(props) {
|
|
6887
6896
|
return React__default.createElement(Container$Q, {
|
|
6888
6897
|
className: props.className
|
|
@@ -6902,7 +6911,7 @@ function OrderActionsDropdown(props) {
|
|
|
6902
6911
|
}));
|
|
6903
6912
|
}
|
|
6904
6913
|
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$
|
|
6914
|
+
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
6915
|
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
6916
|
|
|
6908
6917
|
var initialPayload = {
|
|
@@ -7059,6 +7068,10 @@ function useReminderRefId() {
|
|
|
7059
7068
|
function useRouteDetails() {
|
|
7060
7069
|
return jotai.useAtom(routeDetails);
|
|
7061
7070
|
}
|
|
7071
|
+
var allOrderStatus = /*#__PURE__*/jotai.atom(null);
|
|
7072
|
+
function useAllOrderStatus() {
|
|
7073
|
+
return jotai.useAtom(allOrderStatus);
|
|
7074
|
+
}
|
|
7062
7075
|
var selectedCategoryIdAtom = /*#__PURE__*/jotai.atom(null);
|
|
7063
7076
|
var selectedDocumentTypeAtom = /*#__PURE__*/jotai.atom(null);
|
|
7064
7077
|
var selectedTypeAtom = /*#__PURE__*/jotai.atom(null);
|
|
@@ -7185,7 +7198,7 @@ function UploadIcon(props) {
|
|
|
7185
7198
|
})));
|
|
7186
7199
|
}
|
|
7187
7200
|
|
|
7188
|
-
var _templateObject$1m, _templateObject2
|
|
7201
|
+
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
7202
|
var uploadedFilesAtom = /*#__PURE__*/jotai.atom([]);
|
|
7190
7203
|
// Allowed photo and video file types
|
|
7191
7204
|
var fileTypes = ['image/jpeg', 'image/png', 'video/mp4'];
|
|
@@ -7263,7 +7276,7 @@ function DocFileUpload() {
|
|
|
7263
7276
|
}))));
|
|
7264
7277
|
}
|
|
7265
7278
|
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
|
|
7279
|
+
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
7280
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7268
7281
|
});
|
|
7269
7282
|
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 +7355,7 @@ function useUploadFiles() {
|
|
|
7342
7355
|
return create;
|
|
7343
7356
|
}
|
|
7344
7357
|
|
|
7345
|
-
var _templateObject$1n, _templateObject2
|
|
7358
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$v, _templateObject4$g, _templateObject5$b;
|
|
7346
7359
|
function AddResources() {
|
|
7347
7360
|
var _staticOrderData$reso;
|
|
7348
7361
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7458,15 +7471,15 @@ function AddResources() {
|
|
|
7458
7471
|
}), 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
7472
|
}
|
|
7460
7473
|
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
|
|
7474
|
+
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
7475
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7463
7476
|
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
7477
|
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
7478
|
|
|
7466
|
-
var _templateObject$1o, _templateObject2$
|
|
7479
|
+
var _templateObject$1o, _templateObject2$11, _templateObject3$w;
|
|
7467
7480
|
// Styled components
|
|
7468
7481
|
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$
|
|
7482
|
+
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
7483
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7471
7484
|
|
|
7472
7485
|
function SplitOrderTable() {
|
|
@@ -7581,26 +7594,21 @@ function SplitOrder() {
|
|
|
7581
7594
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7582
7595
|
if (orderId) {
|
|
7583
7596
|
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
7597
|
}
|
|
7603
7598
|
};
|
|
7599
|
+
React.useEffect(function () {
|
|
7600
|
+
//@ts-ignore
|
|
7601
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
7602
|
+
antd.notification.success({
|
|
7603
|
+
message: 'Success',
|
|
7604
|
+
description:
|
|
7605
|
+
//@ts-ignore
|
|
7606
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7607
|
+
});
|
|
7608
|
+
setCurrentAction(undefined);
|
|
7609
|
+
setSelectedSplit([]);
|
|
7610
|
+
}
|
|
7611
|
+
}, [response]);
|
|
7604
7612
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7605
7613
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
7606
7614
|
return !seledtedSplitOrder;
|
|
@@ -7649,7 +7657,7 @@ var fonts = {
|
|
|
7649
7657
|
secondary: "'Lato', sans-serif"
|
|
7650
7658
|
};
|
|
7651
7659
|
|
|
7652
|
-
var _templateObject$1q, _templateObject2$
|
|
7660
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$x;
|
|
7653
7661
|
function RadioButton(props) {
|
|
7654
7662
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7655
7663
|
color: props.color
|
|
@@ -7661,14 +7669,14 @@ function RadioButton(props) {
|
|
|
7661
7669
|
}, props.label));
|
|
7662
7670
|
}
|
|
7663
7671
|
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$
|
|
7672
|
+
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
7673
|
return props.color || '#6396e5';
|
|
7666
7674
|
}, function (props) {
|
|
7667
7675
|
return props.color || '#6396e5';
|
|
7668
7676
|
});
|
|
7669
7677
|
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
7678
|
|
|
7671
|
-
var _templateObject$1r, _templateObject2$
|
|
7679
|
+
var _templateObject$1r, _templateObject2$13, _templateObject3$y, _templateObject4$h, _templateObject5$c, _templateObject6$5, _templateObject7$7;
|
|
7672
7680
|
function RadioButtonGroup(props) {
|
|
7673
7681
|
var heading = props.heading,
|
|
7674
7682
|
_props$direction = props.direction,
|
|
@@ -7704,7 +7712,7 @@ function RadioButtonGroup(props) {
|
|
|
7704
7712
|
}, renderOptions()));
|
|
7705
7713
|
}
|
|
7706
7714
|
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$
|
|
7715
|
+
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
7716
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7709
7717
|
return !props.$required && 'visibility: hidden;';
|
|
7710
7718
|
}, labelStyles);
|
|
@@ -7748,7 +7756,7 @@ function DeliveryPoint() {
|
|
|
7748
7756
|
}
|
|
7749
7757
|
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
7758
|
|
|
7751
|
-
var _templateObject$1t, _templateObject2$
|
|
7759
|
+
var _templateObject$1t, _templateObject2$14, _templateObject3$z, _templateObject4$i, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
|
|
7752
7760
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7753
7761
|
function Checkbox(props) {
|
|
7754
7762
|
var imageSrc = props.imageSrc,
|
|
@@ -7772,7 +7780,7 @@ function Checkbox(props) {
|
|
|
7772
7780
|
var Image = /*#__PURE__*/styled__default.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7773
7781
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7774
7782
|
});
|
|
7775
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7783
|
+
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
7784
|
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
7785
|
return props.$checked ? '#feba30' : 'white';
|
|
7778
7786
|
});
|
|
@@ -7836,7 +7844,7 @@ function OrderServices$1() {
|
|
|
7836
7844
|
}
|
|
7837
7845
|
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
7846
|
|
|
7839
|
-
var _templateObject$1v, _templateObject2$
|
|
7847
|
+
var _templateObject$1v, _templateObject2$15;
|
|
7840
7848
|
function Notes$1(_ref) {
|
|
7841
7849
|
var onNotesChange = _ref.onNotesChange;
|
|
7842
7850
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7848,9 +7856,9 @@ function Notes$1(_ref) {
|
|
|
7848
7856
|
}));
|
|
7849
7857
|
}
|
|
7850
7858
|
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$
|
|
7859
|
+
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
7860
|
|
|
7853
|
-
var _templateObject$1w, _templateObject2$
|
|
7861
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$A;
|
|
7854
7862
|
function LogServiceRefusal() {
|
|
7855
7863
|
var _useCurrentAction = useCurrentAction(),
|
|
7856
7864
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7871,7 +7879,7 @@ function LogServiceRefusal() {
|
|
|
7871
7879
|
}))));
|
|
7872
7880
|
}
|
|
7873
7881
|
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$
|
|
7882
|
+
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
7883
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7876
7884
|
|
|
7877
7885
|
function ReturnAction() {
|
|
@@ -7898,7 +7906,7 @@ function ReturnReason() {
|
|
|
7898
7906
|
});
|
|
7899
7907
|
}
|
|
7900
7908
|
|
|
7901
|
-
var _templateObject$1x, _templateObject2$
|
|
7909
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$B, _templateObject4$j, _templateObject5$e, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$3;
|
|
7902
7910
|
function CancelOrder() {
|
|
7903
7911
|
var _orderStaticData$canc;
|
|
7904
7912
|
var _useOrderId = useOrderId(),
|
|
@@ -8022,7 +8030,7 @@ function CancelOrder() {
|
|
|
8022
8030
|
}))))));
|
|
8023
8031
|
}
|
|
8024
8032
|
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$
|
|
8033
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8026
8034
|
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
8035
|
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
8036
|
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 +8040,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObj
|
|
|
8032
8040
|
// const Bottom = styled.div``;
|
|
8033
8041
|
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
8042
|
|
|
8035
|
-
var _templateObject$1y, _templateObject2$
|
|
8043
|
+
var _templateObject$1y, _templateObject2$18, _templateObject3$C;
|
|
8036
8044
|
function EmailAddress() {
|
|
8037
8045
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
8038
8046
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8074,10 +8082,10 @@ function EmailAddress() {
|
|
|
8074
8082
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
8075
8083
|
}
|
|
8076
8084
|
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$
|
|
8085
|
+
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
8086
|
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
8087
|
|
|
8080
|
-
var _templateObject$1z, _templateObject2$
|
|
8088
|
+
var _templateObject$1z, _templateObject2$19, _templateObject3$D;
|
|
8081
8089
|
function ContactPhone() {
|
|
8082
8090
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8083
8091
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8139,10 +8147,10 @@ function ContactPhone() {
|
|
|
8139
8147
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
8140
8148
|
}
|
|
8141
8149
|
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$
|
|
8150
|
+
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
8151
|
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
8152
|
|
|
8145
|
-
var _templateObject$1A, _templateObject2$
|
|
8153
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
|
|
8146
8154
|
function ContactWork$1() {
|
|
8147
8155
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8148
8156
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8204,10 +8212,10 @@ function ContactWork$1() {
|
|
|
8204
8212
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
8205
8213
|
}
|
|
8206
8214
|
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$
|
|
8215
|
+
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
8216
|
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
8217
|
|
|
8210
|
-
var _templateObject$1B, _templateObject2$
|
|
8218
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$F;
|
|
8211
8219
|
function ContactMobile$1() {
|
|
8212
8220
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8213
8221
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8269,7 +8277,7 @@ function ContactMobile$1() {
|
|
|
8269
8277
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
8270
8278
|
}
|
|
8271
8279
|
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$
|
|
8280
|
+
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
8281
|
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
8282
|
|
|
8275
8283
|
function ContactTypeDropdown() {
|
|
@@ -8336,7 +8344,7 @@ function ActionDropdown() {
|
|
|
8336
8344
|
});
|
|
8337
8345
|
}
|
|
8338
8346
|
|
|
8339
|
-
var _templateObject$1C, _templateObject2$
|
|
8347
|
+
var _templateObject$1C, _templateObject2$1c;
|
|
8340
8348
|
function DeliveryDate$1() {
|
|
8341
8349
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8342
8350
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8373,7 +8381,7 @@ function DeliveryDate$1() {
|
|
|
8373
8381
|
}));
|
|
8374
8382
|
}
|
|
8375
8383
|
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$
|
|
8384
|
+
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
8385
|
|
|
8378
8386
|
function convertTo12HourFormat$1(time24) {
|
|
8379
8387
|
var _time24$split, _minutes$toString;
|
|
@@ -8422,7 +8430,7 @@ function TimedServiceDropdown$1() {
|
|
|
8422
8430
|
});
|
|
8423
8431
|
}
|
|
8424
8432
|
|
|
8425
|
-
var _templateObject$1D, _templateObject2$
|
|
8433
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$G, _templateObject4$k;
|
|
8426
8434
|
function CustomerInformation() {
|
|
8427
8435
|
var _orderDetails$order_r;
|
|
8428
8436
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8430,11 +8438,11 @@ function CustomerInformation() {
|
|
|
8430
8438
|
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
8439
|
}
|
|
8432
8440
|
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$
|
|
8441
|
+
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
8442
|
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
8443
|
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
8444
|
|
|
8437
|
-
var _templateObject$1E, _templateObject2$
|
|
8445
|
+
var _templateObject$1E, _templateObject2$1e;
|
|
8438
8446
|
function ProductTable$1() {
|
|
8439
8447
|
var _useProductDetails = useProductDetails(),
|
|
8440
8448
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8462,9 +8470,9 @@ function ProductTable$1() {
|
|
|
8462
8470
|
})))));
|
|
8463
8471
|
}
|
|
8464
8472
|
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$
|
|
8473
|
+
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
8474
|
|
|
8467
|
-
var _templateObject$1F, _templateObject2$
|
|
8475
|
+
var _templateObject$1F, _templateObject2$1f;
|
|
8468
8476
|
function NotesTable() {
|
|
8469
8477
|
var _useState = React.useState(null),
|
|
8470
8478
|
moduleIds = _useState[0],
|
|
@@ -8559,9 +8567,9 @@ function NotesTable() {
|
|
|
8559
8567
|
}))))));
|
|
8560
8568
|
}
|
|
8561
8569
|
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$
|
|
8570
|
+
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
8571
|
|
|
8564
|
-
var _templateObject$1G, _templateObject2$
|
|
8572
|
+
var _templateObject$1G, _templateObject2$1g;
|
|
8565
8573
|
function ConfirmationNotes() {
|
|
8566
8574
|
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8567
8575
|
rows: 5,
|
|
@@ -8569,9 +8577,9 @@ function ConfirmationNotes() {
|
|
|
8569
8577
|
}));
|
|
8570
8578
|
}
|
|
8571
8579
|
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$
|
|
8580
|
+
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
8581
|
|
|
8574
|
-
var _templateObject$1H, _templateObject2$
|
|
8582
|
+
var _templateObject$1H, _templateObject2$1h;
|
|
8575
8583
|
function DeliveryInstructions$1() {
|
|
8576
8584
|
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8577
8585
|
rows: 5,
|
|
@@ -8579,9 +8587,9 @@ function DeliveryInstructions$1() {
|
|
|
8579
8587
|
}));
|
|
8580
8588
|
}
|
|
8581
8589
|
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$
|
|
8590
|
+
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
8591
|
|
|
8584
|
-
var _templateObject$1I, _templateObject2$
|
|
8592
|
+
var _templateObject$1I, _templateObject2$1i;
|
|
8585
8593
|
function ContactWith() {
|
|
8586
8594
|
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8587
8595
|
style: {
|
|
@@ -8590,9 +8598,9 @@ function ContactWith() {
|
|
|
8590
8598
|
}));
|
|
8591
8599
|
}
|
|
8592
8600
|
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$
|
|
8601
|
+
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
8602
|
|
|
8595
|
-
var _templateObject$1J, _templateObject2$
|
|
8603
|
+
var _templateObject$1J, _templateObject2$1j, _templateObject3$H, _templateObject4$l;
|
|
8596
8604
|
function SlotAndInstructions() {
|
|
8597
8605
|
var _orderDetails$order_r;
|
|
8598
8606
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8600,11 +8608,11 @@ function SlotAndInstructions() {
|
|
|
8600
8608
|
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
8609
|
}
|
|
8602
8610
|
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$
|
|
8611
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8604
8612
|
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
8613
|
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
8614
|
|
|
8607
|
-
var _templateObject$1K, _templateObject2$
|
|
8615
|
+
var _templateObject$1K, _templateObject2$1k;
|
|
8608
8616
|
// import { filterObject } from '../../../utils';
|
|
8609
8617
|
function ConfirmOrder() {
|
|
8610
8618
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8618,8 +8626,6 @@ function ConfirmOrder() {
|
|
|
8618
8626
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8619
8627
|
orderDetailsConfirmOrder = _useOrderDetailsConfi[0],
|
|
8620
8628
|
setOrderDetailsConfirmOrder = _useOrderDetailsConfi[1];
|
|
8621
|
-
var _useLoading = useLoading(),
|
|
8622
|
-
setLoading = _useLoading[1];
|
|
8623
8629
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8624
8630
|
customerInfo = _useCustomerInfo[0];
|
|
8625
8631
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
@@ -8627,13 +8633,14 @@ function ConfirmOrder() {
|
|
|
8627
8633
|
deliveryDate = _useConfirmOrderDate[0],
|
|
8628
8634
|
setDeliveryDate = _useConfirmOrderDate[1];
|
|
8629
8635
|
var _useLiveRecalling = useLiveRecalling(),
|
|
8630
|
-
liveRecalling = _useLiveRecalling[0],
|
|
8631
8636
|
setRecalling = _useLiveRecalling[1];
|
|
8632
8637
|
var _useOrderId = useOrderId(),
|
|
8633
8638
|
orderId = _useOrderId[0];
|
|
8634
8639
|
var _useErrorConfirmOrder = useErrorConfirmOrder(),
|
|
8635
8640
|
errorState = _useErrorConfirmOrder[0];
|
|
8636
8641
|
var updateOrder = useUpdateOrder();
|
|
8642
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
8643
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
8637
8644
|
var onClose = function onClose() {
|
|
8638
8645
|
setCurrentAction(undefined);
|
|
8639
8646
|
};
|
|
@@ -8652,27 +8659,6 @@ function ConfirmOrder() {
|
|
|
8652
8659
|
loadingForConfirm = _useApiHook.loading,
|
|
8653
8660
|
response = _useApiHook.data,
|
|
8654
8661
|
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
8662
|
React.useEffect(function () {
|
|
8677
8663
|
if (response) {
|
|
8678
8664
|
//@ts-ignore
|
|
@@ -8682,13 +8668,11 @@ function ConfirmOrder() {
|
|
|
8682
8668
|
// @ts-ignore
|
|
8683
8669
|
description: (response == null ? void 0 : response.message) || 'Order confirmed successfully'
|
|
8684
8670
|
});
|
|
8685
|
-
setShouldPerformAction(true);
|
|
8686
8671
|
setRecalling(true);
|
|
8687
8672
|
setTimeout(function () {
|
|
8688
8673
|
setRecalling(false);
|
|
8689
8674
|
}, 2000);
|
|
8690
8675
|
} else {
|
|
8691
|
-
setShouldPerformAction(false);
|
|
8692
8676
|
antd.notification.error({
|
|
8693
8677
|
message: 'Error',
|
|
8694
8678
|
description:
|
|
@@ -8709,33 +8693,35 @@ function ConfirmOrder() {
|
|
|
8709
8693
|
while (1) switch (_context.prev = _context.next) {
|
|
8710
8694
|
case 0:
|
|
8711
8695
|
setRecalling(false);
|
|
8696
|
+
setRecallOrders(false);
|
|
8712
8697
|
keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates'];
|
|
8713
8698
|
filteredOrderDetails = filterObject(orderDetailsConfirmOrder, keysToRemovefromOrders);
|
|
8714
8699
|
filteredPrevOrderDetails = filterObject(prevOrderDetails, keysToRemovefromOrders);
|
|
8715
8700
|
payload = compareOrderDetailsStates(filteredPrevOrderDetails, filteredOrderDetails);
|
|
8716
8701
|
notUpdateOrder = hasOnlyIdKey(payload);
|
|
8717
8702
|
if (notUpdateOrder) {
|
|
8718
|
-
_context.next =
|
|
8703
|
+
_context.next = 12;
|
|
8719
8704
|
break;
|
|
8720
8705
|
}
|
|
8721
|
-
_context.next =
|
|
8706
|
+
_context.next = 10;
|
|
8722
8707
|
return updateOrder([payload]);
|
|
8723
|
-
case
|
|
8708
|
+
case 10:
|
|
8724
8709
|
_response = _context.sent;
|
|
8725
8710
|
if (_response && (_response == null || (_response$data = _response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
8726
8711
|
setOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8727
8712
|
setPrevOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8713
|
+
setRecallOrders(true);
|
|
8728
8714
|
} else {
|
|
8729
8715
|
setOrderDetails(prevOrderDetails);
|
|
8730
8716
|
}
|
|
8731
|
-
case
|
|
8717
|
+
case 12:
|
|
8732
8718
|
if (orderId && deliveryDate) {
|
|
8733
8719
|
//call order update api then call confirm order if required
|
|
8734
8720
|
formattedDate = dateFns.format(new Date(deliveryDate), 'yyyy-MM-dd');
|
|
8735
8721
|
setDeliveryDate(formattedDate);
|
|
8736
8722
|
setPerformAction(true);
|
|
8737
8723
|
}
|
|
8738
|
-
case
|
|
8724
|
+
case 13:
|
|
8739
8725
|
case "end":
|
|
8740
8726
|
return _context.stop();
|
|
8741
8727
|
}
|
|
@@ -8745,28 +8731,6 @@ function ConfirmOrder() {
|
|
|
8745
8731
|
return _ref.apply(this, arguments);
|
|
8746
8732
|
};
|
|
8747
8733
|
}();
|
|
8748
|
-
// const isDifferent = () => {
|
|
8749
|
-
// const keysToRemovefromOrders = [
|
|
8750
|
-
// 'order_locked',
|
|
8751
|
-
// 'order_communications',
|
|
8752
|
-
// 'updated_at',
|
|
8753
|
-
// 'updated_by',
|
|
8754
|
-
// 'order_services',
|
|
8755
|
-
// ];
|
|
8756
|
-
// const filteredOrderDetails = filterObject(
|
|
8757
|
-
// orderDetailsConfirmOrder,
|
|
8758
|
-
// keysToRemovefromOrders
|
|
8759
|
-
// );
|
|
8760
|
-
// const filteredPrevOrderDetails = filterObject(
|
|
8761
|
-
// prevOrderDetails,
|
|
8762
|
-
// keysToRemovefromOrders
|
|
8763
|
-
// );
|
|
8764
|
-
// const orderDetailsSorted = JSON.stringify(filteredOrderDetails);
|
|
8765
|
-
// const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);
|
|
8766
|
-
// const isSame = orderDetailsSorted === prevOrderDetailsSorted;
|
|
8767
|
-
// // newOrderServicesSorted === prevOrderServicesSorted;
|
|
8768
|
-
// return !isSame;
|
|
8769
|
-
// };
|
|
8770
8734
|
var errorFound = function errorFound() {
|
|
8771
8735
|
var isError = errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workContactError.length > 0 || errorState.mobileError.length > 0;
|
|
8772
8736
|
return isError;
|
|
@@ -8782,10 +8746,10 @@ function ConfirmOrder() {
|
|
|
8782
8746
|
}, 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
8747
|
}
|
|
8784
8748
|
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$
|
|
8749
|
+
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
8750
|
|
|
8787
|
-
var _templateObject2$
|
|
8788
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
8751
|
+
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;
|
|
8752
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8789
8753
|
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
8754
|
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
8755
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -8970,6 +8934,8 @@ function HoldOrderModal() {
|
|
|
8970
8934
|
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
8971
8935
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8972
8936
|
customerInfo = _useCustomerInfo[0];
|
|
8937
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
8938
|
+
setRecalling = _useLiveRecalling[1];
|
|
8973
8939
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
8974
8940
|
var onHoldReasonOptions = orderStaticData == null || (_orderStaticData$onho = orderStaticData.onhold_reasons) == null ? void 0 : _orderStaticData$onho.map(function (item) {
|
|
8975
8941
|
return {
|
|
@@ -9011,6 +8977,10 @@ function HoldOrderModal() {
|
|
|
9011
8977
|
//@ts-ignore
|
|
9012
8978
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
9013
8979
|
setShouldPerformAction(true);
|
|
8980
|
+
setRecalling(true);
|
|
8981
|
+
setTimeout(function () {
|
|
8982
|
+
setRecalling(false);
|
|
8983
|
+
}, 1000);
|
|
9014
8984
|
} else {
|
|
9015
8985
|
antd.notification.error({
|
|
9016
8986
|
message: 'Error',
|
|
@@ -9271,7 +9241,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9271
9241
|
var _useLoading = useLoading(),
|
|
9272
9242
|
setLoading = _useLoading[1];
|
|
9273
9243
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
9274
|
-
endpoint: "orders/" + orderId + "/unhold
|
|
9244
|
+
endpoint: "orders/" + orderId + "/unhold/",
|
|
9275
9245
|
method: 'POST',
|
|
9276
9246
|
performAction: false
|
|
9277
9247
|
}),
|
|
@@ -9357,7 +9327,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9357
9327
|
}, " * ")), children);
|
|
9358
9328
|
};
|
|
9359
9329
|
|
|
9360
|
-
var _templateObject$1N, _templateObject2$
|
|
9330
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$K, _templateObject4$o, _templateObject5$h;
|
|
9361
9331
|
dayjs.extend(utc);
|
|
9362
9332
|
dayjs.extend(dateFns.isValid);
|
|
9363
9333
|
function CreateReminderModal() {
|
|
@@ -9584,7 +9554,7 @@ function CreateReminderModal() {
|
|
|
9584
9554
|
})));
|
|
9585
9555
|
}
|
|
9586
9556
|
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$
|
|
9557
|
+
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
9558
|
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
9559
|
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
9560
|
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 +9914,7 @@ function TaskReminderModal() {
|
|
|
9944
9914
|
}
|
|
9945
9915
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
9946
9916
|
|
|
9947
|
-
var _templateObject$1P, _templateObject2$
|
|
9917
|
+
var _templateObject$1P, _templateObject2$1n;
|
|
9948
9918
|
function OrderLock() {
|
|
9949
9919
|
var _useCurrentAction = useCurrentAction(),
|
|
9950
9920
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -9952,6 +9922,10 @@ function OrderLock() {
|
|
|
9952
9922
|
orderDetails = _useOrderDetails[0],
|
|
9953
9923
|
setOrderdetails = _useOrderDetails[1];
|
|
9954
9924
|
var lockOrder = useUpdateOrder();
|
|
9925
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
9926
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
9927
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
9928
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
9955
9929
|
var title = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlocking Order' : 'Locking Order';
|
|
9956
9930
|
var action = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlock' : 'Lock';
|
|
9957
9931
|
var onClose = function onClose() {
|
|
@@ -9963,20 +9937,24 @@ function OrderLock() {
|
|
|
9963
9937
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
9964
9938
|
while (1) switch (_context.prev = _context.next) {
|
|
9965
9939
|
case 0:
|
|
9940
|
+
setRecallOrders(false);
|
|
9966
9941
|
isLocked = (orderDetails == null ? void 0 : orderDetails.order_locked) === null ? false : orderDetails == null ? void 0 : orderDetails.order_locked;
|
|
9967
9942
|
payload = [{
|
|
9968
9943
|
id: orderDetails == null ? void 0 : orderDetails.id,
|
|
9969
9944
|
order_locked: !isLocked
|
|
9970
9945
|
}];
|
|
9971
|
-
_context.next =
|
|
9946
|
+
_context.next = 5;
|
|
9972
9947
|
return lockOrder(payload);
|
|
9973
|
-
case
|
|
9948
|
+
case 5:
|
|
9974
9949
|
response = _context.sent;
|
|
9975
9950
|
if (response.data) {
|
|
9976
9951
|
setOrderdetails(response.data[0]);
|
|
9952
|
+
setOrderdetails(response == null ? void 0 : response.data[0]);
|
|
9953
|
+
setRecallAuditLog(true);
|
|
9954
|
+
setRecallOrders(true);
|
|
9977
9955
|
}
|
|
9978
9956
|
onClose();
|
|
9979
|
-
case
|
|
9957
|
+
case 8:
|
|
9980
9958
|
case "end":
|
|
9981
9959
|
return _context.stop();
|
|
9982
9960
|
}
|
|
@@ -9998,7 +9976,7 @@ function OrderLock() {
|
|
|
9998
9976
|
});
|
|
9999
9977
|
}
|
|
10000
9978
|
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$
|
|
9979
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10002
9980
|
|
|
10003
9981
|
function useUpdateFlag() {
|
|
10004
9982
|
var ssoToken = getCookie('id_token');
|
|
@@ -10068,7 +10046,7 @@ function useUpdateFlag() {
|
|
|
10068
10046
|
return create;
|
|
10069
10047
|
}
|
|
10070
10048
|
|
|
10071
|
-
var _templateObject$1Q, _templateObject2$
|
|
10049
|
+
var _templateObject$1Q, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$i, _templateObject6$9;
|
|
10072
10050
|
function HeaderSection() {
|
|
10073
10051
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10074
10052
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10139,13 +10117,13 @@ function HeaderSection() {
|
|
|
10139
10117
|
})));
|
|
10140
10118
|
}
|
|
10141
10119
|
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$
|
|
10120
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10143
10121
|
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
10122
|
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
10123
|
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
10124
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10147
10125
|
|
|
10148
|
-
var _templateObject$1R, _templateObject2$
|
|
10126
|
+
var _templateObject$1R, _templateObject2$1p;
|
|
10149
10127
|
function TextSection() {
|
|
10150
10128
|
var _useSinglePayload = useSinglePayload(),
|
|
10151
10129
|
payload = _useSinglePayload[0],
|
|
@@ -10164,9 +10142,9 @@ function TextSection() {
|
|
|
10164
10142
|
}));
|
|
10165
10143
|
}
|
|
10166
10144
|
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$
|
|
10145
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10168
10146
|
|
|
10169
|
-
var _templateObject$1S, _templateObject2$
|
|
10147
|
+
var _templateObject$1S, _templateObject2$1q, _templateObject3$M, _templateObject4$q;
|
|
10170
10148
|
function StatusIndicator(props) {
|
|
10171
10149
|
var statusColor = getStatusColor(props.status);
|
|
10172
10150
|
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -10180,7 +10158,7 @@ function StatusIndicator(props) {
|
|
|
10180
10158
|
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
10159
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10182
10160
|
});
|
|
10183
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
10161
|
+
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
10162
|
return props.color;
|
|
10185
10163
|
});
|
|
10186
10164
|
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 +10166,7 @@ var Text$8 = /*#__PURE__*/styled__default.span(_templateObject4$q || (_templateO
|
|
|
10188
10166
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10189
10167
|
});
|
|
10190
10168
|
|
|
10191
|
-
var _templateObject$1T, _templateObject2$
|
|
10169
|
+
var _templateObject$1T, _templateObject2$1r;
|
|
10192
10170
|
function ButtonsSection() {
|
|
10193
10171
|
var _useSinglePayload = useSinglePayload(),
|
|
10194
10172
|
payload = _useSinglePayload[0],
|
|
@@ -10280,9 +10258,9 @@ function ButtonsSection() {
|
|
|
10280
10258
|
}))));
|
|
10281
10259
|
}
|
|
10282
10260
|
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$
|
|
10261
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10284
10262
|
|
|
10285
|
-
var _templateObject$1U, _templateObject2$
|
|
10263
|
+
var _templateObject$1U, _templateObject2$1s, _templateObject3$N, _templateObject4$r, _templateObject5$j, _templateObject6$a;
|
|
10286
10264
|
function ActionSection() {
|
|
10287
10265
|
var _useCurrentAction = useCurrentAction(),
|
|
10288
10266
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10369,13 +10347,13 @@ function RadioButtonsSection() {
|
|
|
10369
10347
|
}));
|
|
10370
10348
|
}
|
|
10371
10349
|
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$
|
|
10350
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10373
10351
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10374
10352
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10375
10353
|
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
10354
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10377
10355
|
|
|
10378
|
-
var _templateObject$1V, _templateObject2$
|
|
10356
|
+
var _templateObject$1V, _templateObject2$1t, _templateObject3$O, _templateObject4$s, _templateObject5$k;
|
|
10379
10357
|
function DetailSection() {
|
|
10380
10358
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10381
10359
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10388,7 +10366,7 @@ function DetailSection() {
|
|
|
10388
10366
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10389
10367
|
}
|
|
10390
10368
|
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$
|
|
10369
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10392
10370
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10393
10371
|
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
10372
|
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 +10451,7 @@ function useFetchSingleFlagsData() {
|
|
|
10473
10451
|
return res;
|
|
10474
10452
|
}
|
|
10475
10453
|
|
|
10476
|
-
var _templateObject$1W, _templateObject2$
|
|
10454
|
+
var _templateObject$1W, _templateObject2$1u, _templateObject3$P;
|
|
10477
10455
|
function ViewFlag() {
|
|
10478
10456
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10479
10457
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10571,7 +10549,7 @@ function ViewFlag() {
|
|
|
10571
10549
|
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
10550
|
}
|
|
10573
10551
|
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$
|
|
10552
|
+
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
10553
|
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
10554
|
|
|
10577
10555
|
var _templateObject$1X;
|
|
@@ -10758,7 +10736,10 @@ function UncancelOrder() {
|
|
|
10758
10736
|
infoText: infoText,
|
|
10759
10737
|
submitBtnTitle: "Save Details",
|
|
10760
10738
|
isSubmitDisabled: !showSubmitBtn
|
|
10761
|
-
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(
|
|
10739
|
+
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10740
|
+
label: "Un-cancel Reason",
|
|
10741
|
+
required: true
|
|
10742
|
+
}), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
10762
10743
|
options: unCancelReasonOptions || [],
|
|
10763
10744
|
placeholder: "Select un-cancel Reason",
|
|
10764
10745
|
onChange: onChangeUnCancelReason,
|
|
@@ -10771,7 +10752,9 @@ function UncancelOrder() {
|
|
|
10771
10752
|
popupClassName: 'dropDownStyle',
|
|
10772
10753
|
selectWrapperClass: 'rounded',
|
|
10773
10754
|
defaultValue: unCancelReason
|
|
10774
|
-
})), React__default.createElement(HoldRow, null, React__default.createElement(Label
|
|
10755
|
+
})), React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10756
|
+
label: "Un-cancel Note"
|
|
10757
|
+
}), React__default.createElement(CustomTextArea$3, {
|
|
10775
10758
|
rows: 5,
|
|
10776
10759
|
onChange: onChange
|
|
10777
10760
|
})))));
|
|
@@ -10927,7 +10910,7 @@ function RemoveFromRoute() {
|
|
|
10927
10910
|
}
|
|
10928
10911
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10929
10912
|
|
|
10930
|
-
var _templateObject$1$, _templateObject2$
|
|
10913
|
+
var _templateObject$1$, _templateObject2$1v, _templateObject3$Q, _templateObject4$t;
|
|
10931
10914
|
function CreateTaskModal() {
|
|
10932
10915
|
var _useTaskTypeData = useTaskTypeData(),
|
|
10933
10916
|
taskTypes = _useTaskTypeData[0];
|
|
@@ -11115,7 +11098,7 @@ function CreateTaskModal() {
|
|
|
11115
11098
|
})));
|
|
11116
11099
|
}
|
|
11117
11100
|
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$
|
|
11101
|
+
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
11102
|
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
11103
|
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
11104
|
|
|
@@ -11476,7 +11459,7 @@ function useSystemLogs() {
|
|
|
11476
11459
|
return perform;
|
|
11477
11460
|
}
|
|
11478
11461
|
|
|
11479
|
-
var _templateObject$22, _templateObject2$
|
|
11462
|
+
var _templateObject$22, _templateObject2$1w;
|
|
11480
11463
|
var Details = function Details() {
|
|
11481
11464
|
// const [orderDetails] = useOrderDetails();
|
|
11482
11465
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11486,7 +11469,7 @@ var Details = function Details() {
|
|
|
11486
11469
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11487
11470
|
};
|
|
11488
11471
|
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$
|
|
11472
|
+
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
11473
|
|
|
11491
11474
|
var _templateObject$23;
|
|
11492
11475
|
function Options() {
|
|
@@ -11717,7 +11700,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
11717
11700
|
};
|
|
11718
11701
|
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
11702
|
|
|
11720
|
-
var _templateObject$28, _templateObject2$
|
|
11703
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$R;
|
|
11721
11704
|
function FlagTemplate(_ref) {
|
|
11722
11705
|
var _data$tasks_types;
|
|
11723
11706
|
var data = _ref.data;
|
|
@@ -11749,13 +11732,13 @@ function FlagTemplate(_ref) {
|
|
|
11749
11732
|
}));
|
|
11750
11733
|
}
|
|
11751
11734
|
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$
|
|
11735
|
+
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
11736
|
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
11737
|
var color = _ref2.color;
|
|
11755
11738
|
return color;
|
|
11756
11739
|
});
|
|
11757
11740
|
|
|
11758
|
-
var _templateObject$29, _templateObject2$
|
|
11741
|
+
var _templateObject$29, _templateObject2$1y, _templateObject3$S;
|
|
11759
11742
|
function ReminderTemplate(_ref) {
|
|
11760
11743
|
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11761
11744
|
var data = _ref.data,
|
|
@@ -11791,13 +11774,143 @@ function ReminderTemplate(_ref) {
|
|
|
11791
11774
|
})));
|
|
11792
11775
|
}
|
|
11793
11776
|
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$
|
|
11777
|
+
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
11778
|
var color = _ref2.color;
|
|
11796
11779
|
return color;
|
|
11797
11780
|
});
|
|
11798
11781
|
var StyledLink$3 = /*#__PURE__*/styled__default.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11799
11782
|
|
|
11800
|
-
var _templateObject$2a, _templateObject2$
|
|
11783
|
+
var _templateObject$2a, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b;
|
|
11784
|
+
function OrderTemplate(_ref) {
|
|
11785
|
+
var _orderStaticData$canc, _orderDetails$order_c, _routeData$route_crew, _routeData$route_crew2, _routeData$route_crew3, _routeData$route_crew4, _orderDetails$order_o, _orderDetails$order_o2, _orderDetails$order_o3, _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _routeData$route_deta, _routeData$route_deta2, _routeData$route_deta3;
|
|
11786
|
+
var orderDetails = _ref.orderDetails;
|
|
11787
|
+
var _useRouteDetails = useRouteDetails(),
|
|
11788
|
+
routeData = _useRouteDetails[0];
|
|
11789
|
+
var _useOrderNotify = useOrderNotify(),
|
|
11790
|
+
setOrderCount = _useOrderNotify[1];
|
|
11791
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
11792
|
+
statusVal = _useAllOrderStatus[0];
|
|
11793
|
+
var precall = false;
|
|
11794
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
11795
|
+
orderStaticData = _useOrderStaticData[0];
|
|
11796
|
+
var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
|
|
11797
|
+
return {
|
|
11798
|
+
id: x == null ? void 0 : x.id,
|
|
11799
|
+
reason: x == null ? void 0 : x.reason
|
|
11800
|
+
};
|
|
11801
|
+
});
|
|
11802
|
+
var getReasonById = function getReasonById(id) {
|
|
11803
|
+
if (!unholdReasons || (unholdReasons == null ? void 0 : unholdReasons.length) === 0) {
|
|
11804
|
+
return 'Reason not found';
|
|
11805
|
+
}
|
|
11806
|
+
var match = unholdReasons == null ? void 0 : unholdReasons.find(function (item) {
|
|
11807
|
+
return (item == null ? void 0 : item.id) === id;
|
|
11808
|
+
});
|
|
11809
|
+
return match ? match == null ? void 0 : match.reason : 'Reason not found';
|
|
11810
|
+
};
|
|
11811
|
+
var reason = getReasonById(orderDetails == null || (_orderDetails$order_c = orderDetails.order_cancellations) == null ? void 0 : _orderDetails$order_c.reason_id);
|
|
11812
|
+
var _useState = React.useState({
|
|
11813
|
+
isHoldVisible: true,
|
|
11814
|
+
isCompleted: true,
|
|
11815
|
+
isOutstanding: true,
|
|
11816
|
+
isAwaitingConfirmation: true,
|
|
11817
|
+
isAwaitingRoute: true,
|
|
11818
|
+
isCancelled: true,
|
|
11819
|
+
isEnroute: true,
|
|
11820
|
+
isPreCall: true,
|
|
11821
|
+
isConfirmed: true
|
|
11822
|
+
}),
|
|
11823
|
+
alertVisibility = _useState[0],
|
|
11824
|
+
setAlertVisibility = _useState[1];
|
|
11825
|
+
var crewDetails = (routeData == null || (_routeData$route_crew = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew.crew1_id) + ' ' + (routeData == null || (_routeData$route_crew2 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew2.crew1) + ' ' + (routeData == null || (_routeData$route_crew3 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew3.crew2_id) + ' ' + (routeData == null || (_routeData$route_crew4 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew4.crew2) + ' ';
|
|
11826
|
+
React.useEffect(function () {
|
|
11827
|
+
}, [precall]);
|
|
11828
|
+
//on close alert functionality
|
|
11829
|
+
var onCloseAlert = function onCloseAlert(alertType) {
|
|
11830
|
+
setAlertVisibility(function (prev) {
|
|
11831
|
+
var _extends2;
|
|
11832
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[alertType] = false, _extends2));
|
|
11833
|
+
});
|
|
11834
|
+
setOrderCount(0);
|
|
11835
|
+
};
|
|
11836
|
+
return React__default.createElement(React__default.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11837
|
+
type: "warn",
|
|
11838
|
+
title: React__default.createElement(React__default.Fragment, null, (orderDetails == null || (_orderDetails$order_o = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o.hold_indefinitely) === false ? React__default.createElement(HoldText, null, "on hold until:", ' ', orderDetails != null && (_orderDetails$order_o2 = orderDetails.order_on_hold) != null && _orderDetails$order_o2.hold_untill ? dateFns.format(new Date(orderDetails == null || (_orderDetails$order_o3 = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o3.hold_untill), 'dd/MM/yyyy') : '') : React__default.createElement(HoldText, null, "On Hold Until: Indefinitely")),
|
|
11839
|
+
description: '',
|
|
11840
|
+
showOkButton: false,
|
|
11841
|
+
onClose: function onClose() {
|
|
11842
|
+
return onCloseAlert('isHoldVisible');
|
|
11843
|
+
}
|
|
11844
|
+
})), orderDetails.status == 'SD' && alertVisibility.isCompleted && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11845
|
+
type: "success",
|
|
11846
|
+
title: React__default.createElement(TitleText, null, "Completed: ", orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.complete_time, ", Signee:", ' ', orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r2.signee, " Notes :", orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r3.complete_notes),
|
|
11847
|
+
description: React__default.createElement(SubtitleText, null, "Route: ", routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta = routeData.route_detail) == null ? void 0 : _routeData$route_deta.vehicle_number, " | Crew : ", crewDetails, "| ", routeData == null ? void 0 : routeData.route_date),
|
|
11848
|
+
showOkButton: false,
|
|
11849
|
+
onClose: function onClose() {
|
|
11850
|
+
return onCloseAlert('isCompleted');
|
|
11851
|
+
}
|
|
11852
|
+
})), precall , statusVal == 'outstanding' && alertVisibility.isOutstanding && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11853
|
+
type: "release",
|
|
11854
|
+
title: "Outstanding",
|
|
11855
|
+
description: "",
|
|
11856
|
+
showOkButton: false,
|
|
11857
|
+
onClose: function onClose() {
|
|
11858
|
+
return onCloseAlert('isOutstanding');
|
|
11859
|
+
}
|
|
11860
|
+
})), statusVal == 'awaiting confirmation' && alertVisibility.isAwaitingConfirmation && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11861
|
+
type: "info",
|
|
11862
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', React__default.createElement("span", null, ", Awaiting Confirmation"))),
|
|
11863
|
+
description: "",
|
|
11864
|
+
showOkButton: false,
|
|
11865
|
+
onClose: function onClose() {
|
|
11866
|
+
return onCloseAlert('isAwaitingConfirmation');
|
|
11867
|
+
}
|
|
11868
|
+
})), statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11869
|
+
type: "info",
|
|
11870
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', ",", React__default.createElement("span", null, " Awaiting Route"))),
|
|
11871
|
+
description: "",
|
|
11872
|
+
showOkButton: false,
|
|
11873
|
+
onClose: function onClose() {
|
|
11874
|
+
return onCloseAlert('isAwaitingRoute');
|
|
11875
|
+
}
|
|
11876
|
+
})), statusVal == 'cancelled' && alertVisibility.isCancelled && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11877
|
+
type: "error",
|
|
11878
|
+
title: "This order has been cancelled",
|
|
11879
|
+
description: reason,
|
|
11880
|
+
showOkButton: false,
|
|
11881
|
+
onClose: function onClose() {
|
|
11882
|
+
return onCloseAlert('isCancelled');
|
|
11883
|
+
}
|
|
11884
|
+
})), statusVal == 'enroute' && alertVisibility.isEnroute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11885
|
+
type: "info",
|
|
11886
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta2 = routeData.route_detail) == null ? void 0 : _routeData$route_deta2.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
|
|
11887
|
+
className: "no"
|
|
11888
|
+
}, "NO")))),
|
|
11889
|
+
description: "",
|
|
11890
|
+
showOkButton: false,
|
|
11891
|
+
onClose: function onClose() {
|
|
11892
|
+
return onCloseAlert('isEnroute');
|
|
11893
|
+
}
|
|
11894
|
+
})), statusVal == 'confirmed' && alertVisibility.isConfirmed && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11895
|
+
type: "info",
|
|
11896
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta3 = routeData.route_detail) == null ? void 0 : _routeData$route_deta3.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
|
|
11897
|
+
className: "yes"
|
|
11898
|
+
}, "YES")))),
|
|
11899
|
+
description: "",
|
|
11900
|
+
showOkButton: false,
|
|
11901
|
+
onClose: function onClose() {
|
|
11902
|
+
return onCloseAlert('isConfirmed');
|
|
11903
|
+
}
|
|
11904
|
+
})));
|
|
11905
|
+
}
|
|
11906
|
+
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
11907
|
+
var SubtitleText = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n"])));
|
|
11908
|
+
var TitleText = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
11909
|
+
var ScheduledText = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
|
|
11910
|
+
var HoldText = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #feba30;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6a7378;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
|
|
11911
|
+
var EnRouteText = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n .yes {\n color: #36a053;\n }\n .no {\n color: #e95252;\n }\n }\n"])));
|
|
11912
|
+
|
|
11913
|
+
var _templateObject$2b, _templateObject2$1A;
|
|
11801
11914
|
function Tabs(_ref) {
|
|
11802
11915
|
var activeNotifications = _ref.activeNotifications,
|
|
11803
11916
|
closedNotifications = _ref.closedNotifications,
|
|
@@ -11807,13 +11920,17 @@ function Tabs(_ref) {
|
|
|
11807
11920
|
dismissFlags = _ref.dismissFlags;
|
|
11808
11921
|
var _useTabType = useTabType(),
|
|
11809
11922
|
activeTab = _useTabType[0];
|
|
11810
|
-
var
|
|
11811
|
-
|
|
11812
|
-
var
|
|
11813
|
-
var
|
|
11923
|
+
var _useOrderDetails = useOrderDetails(),
|
|
11924
|
+
orderDetails = _useOrderDetails[0];
|
|
11925
|
+
var initialNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(0, 3);
|
|
11926
|
+
var additionalNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(3);
|
|
11927
|
+
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
11928
|
+
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
11814
11929
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1a, {
|
|
11815
11930
|
className: "tab-content"
|
|
11816
|
-
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null,
|
|
11931
|
+
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderTemplate, {
|
|
11932
|
+
orderDetails: orderDetails
|
|
11933
|
+
}), initialReminders == null ? void 0 : initialReminders.map(function (item, index) {
|
|
11817
11934
|
return React__default.createElement(ReminderTemplate, {
|
|
11818
11935
|
key: index,
|
|
11819
11936
|
data: item,
|
|
@@ -11851,8 +11968,8 @@ function Tabs(_ref) {
|
|
|
11851
11968
|
});
|
|
11852
11969
|
})))));
|
|
11853
11970
|
}
|
|
11854
|
-
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11855
|
-
var Content = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11971
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11972
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11856
11973
|
|
|
11857
11974
|
var NotifyFlag = function NotifyFlag() {
|
|
11858
11975
|
return React__default.createElement("svg", {
|
|
@@ -11870,7 +11987,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
11870
11987
|
}));
|
|
11871
11988
|
};
|
|
11872
11989
|
|
|
11873
|
-
var _templateObject$
|
|
11990
|
+
var _templateObject$2c, _templateObject2$1B, _templateObject3$U, _templateObject4$v, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
|
|
11874
11991
|
function Notification() {
|
|
11875
11992
|
var _OrderData$order_rout;
|
|
11876
11993
|
var _useTabType = useTabType(),
|
|
@@ -12047,12 +12164,12 @@ function Notification() {
|
|
|
12047
12164
|
dismissFlags: dismissFlags
|
|
12048
12165
|
})) : 'No Notifications Found'));
|
|
12049
12166
|
}
|
|
12050
|
-
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12051
|
-
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12052
|
-
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12053
|
-
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12054
|
-
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12055
|
-
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
12167
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
12168
|
+
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12169
|
+
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
12170
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
12171
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
12172
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
12056
12173
|
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
12057
12174
|
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
12058
12175
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
@@ -12064,49 +12181,49 @@ var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_t
|
|
|
12064
12181
|
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
12065
12182
|
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
12066
12183
|
|
|
12067
|
-
var _templateObject$
|
|
12184
|
+
var _templateObject$2d;
|
|
12068
12185
|
function CollapsedContent$2() {
|
|
12069
12186
|
return React__default.createElement(Font$1, null, "ORDER RESOURCES");
|
|
12070
12187
|
}
|
|
12071
|
-
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12188
|
+
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
12072
12189
|
|
|
12073
|
-
var _templateObject$
|
|
12190
|
+
var _templateObject$2e, _templateObject2$1C;
|
|
12074
12191
|
function Category(props) {
|
|
12075
12192
|
var _props$row;
|
|
12076
12193
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
12077
12194
|
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$6, null, data));
|
|
12078
12195
|
}
|
|
12079
|
-
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12080
|
-
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12196
|
+
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12197
|
+
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12081
12198
|
|
|
12082
|
-
var _templateObject$
|
|
12199
|
+
var _templateObject$2f, _templateObject2$1D;
|
|
12083
12200
|
function Date$2(props) {
|
|
12084
12201
|
var _props$row;
|
|
12085
12202
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
12086
12203
|
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$7, null, formatDate$1(data)));
|
|
12087
12204
|
}
|
|
12088
|
-
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12089
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12205
|
+
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12206
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12090
12207
|
|
|
12091
|
-
var _templateObject$
|
|
12208
|
+
var _templateObject$2g, _templateObject2$1E;
|
|
12092
12209
|
function Reference(props) {
|
|
12093
12210
|
var _props$row;
|
|
12094
12211
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
12095
12212
|
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$8, null, data));
|
|
12096
12213
|
}
|
|
12097
|
-
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12098
|
-
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12214
|
+
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12215
|
+
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12099
12216
|
|
|
12100
|
-
var _templateObject$
|
|
12217
|
+
var _templateObject$2h, _templateObject2$1F;
|
|
12101
12218
|
function Type(props) {
|
|
12102
12219
|
var _props$row;
|
|
12103
12220
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
12104
12221
|
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$9, null, data));
|
|
12105
12222
|
}
|
|
12106
|
-
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12107
|
-
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12223
|
+
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12224
|
+
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12108
12225
|
|
|
12109
|
-
var _templateObject$
|
|
12226
|
+
var _templateObject$2i, _templateObject2$1G, _templateObject3$V;
|
|
12110
12227
|
function Action(_ref) {
|
|
12111
12228
|
var _row$original, _orderResources$data;
|
|
12112
12229
|
var row = _ref.row;
|
|
@@ -12215,9 +12332,9 @@ function Action(_ref) {
|
|
|
12215
12332
|
}, React__default.createElement(DownIcon, null)))));
|
|
12216
12333
|
}
|
|
12217
12334
|
// Styled components for styling
|
|
12218
|
-
var Actions = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12219
|
-
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12220
|
-
var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12335
|
+
var Actions = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12336
|
+
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
12337
|
+
var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
12221
12338
|
|
|
12222
12339
|
var tableColumns$1 = [{
|
|
12223
12340
|
header: 'Date',
|
|
@@ -12246,7 +12363,7 @@ var tableColumns$1 = [{
|
|
|
12246
12363
|
enableSorting: false
|
|
12247
12364
|
}];
|
|
12248
12365
|
|
|
12249
|
-
var _templateObject$
|
|
12366
|
+
var _templateObject$2j;
|
|
12250
12367
|
function Order$1() {
|
|
12251
12368
|
var _orderResources$data;
|
|
12252
12369
|
var _useOrderProductsReso = useOrderProductsResources(),
|
|
@@ -12259,9 +12376,9 @@ function Order$1() {
|
|
|
12259
12376
|
data: data
|
|
12260
12377
|
})));
|
|
12261
12378
|
}
|
|
12262
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12379
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
12263
12380
|
|
|
12264
|
-
var _templateObject$
|
|
12381
|
+
var _templateObject$2k, _templateObject2$1H, _templateObject3$W, _templateObject4$w;
|
|
12265
12382
|
function OrderView() {
|
|
12266
12383
|
antd.notification.config({
|
|
12267
12384
|
top: 150
|
|
@@ -12310,6 +12427,13 @@ function OrderView() {
|
|
|
12310
12427
|
setVisibilityData = _useVisibilityData[1];
|
|
12311
12428
|
var _useSubContracterData = useSubContracterData(),
|
|
12312
12429
|
setSubContracterData = _useSubContracterData[1];
|
|
12430
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
12431
|
+
recallOrders = _useGlobalStateHitOrd[0];
|
|
12432
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
12433
|
+
setStatusVal = _useAllOrderStatus[1];
|
|
12434
|
+
React.useEffect(function () {
|
|
12435
|
+
setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
|
|
12436
|
+
}, [orderDetails == null ? void 0 : orderDetails.status_value]);
|
|
12313
12437
|
// query param
|
|
12314
12438
|
var location = reactRouterDom.useLocation();
|
|
12315
12439
|
var _useState2 = React.useState([]),
|
|
@@ -12392,10 +12516,10 @@ function OrderView() {
|
|
|
12392
12516
|
depotDataLoading = _useApiHook5.loading;
|
|
12393
12517
|
React.useEffect(function () {
|
|
12394
12518
|
if (orderId) {
|
|
12395
|
-
orderUpdate(
|
|
12519
|
+
orderUpdate(recallOrders);
|
|
12396
12520
|
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
12397
12521
|
}
|
|
12398
|
-
}, [orderId, liveRecalling]);
|
|
12522
|
+
}, [orderId, liveRecalling, recallOrders]);
|
|
12399
12523
|
React.useEffect(function () {
|
|
12400
12524
|
setLoading(staticDataLoading);
|
|
12401
12525
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -12439,6 +12563,8 @@ function OrderView() {
|
|
|
12439
12563
|
// setOrderId(null);
|
|
12440
12564
|
};
|
|
12441
12565
|
}, [statusDataLoading, fetchedStatusData]);
|
|
12566
|
+
var _useAtom = jotai.useAtom(setResourcesCall),
|
|
12567
|
+
getResources = _useAtom[0];
|
|
12442
12568
|
React.useEffect(function () {
|
|
12443
12569
|
setLoading(depotDataLoading);
|
|
12444
12570
|
if (fetchedDepotData && fetchedDepotData.data) {
|
|
@@ -12467,6 +12593,18 @@ function OrderView() {
|
|
|
12467
12593
|
}),
|
|
12468
12594
|
fetchedResourcesData = _useApiHook6.data,
|
|
12469
12595
|
setActions = _useApiHook6.setShouldPerformAction;
|
|
12596
|
+
React.useEffect(function () {
|
|
12597
|
+
if (orderId) {
|
|
12598
|
+
if (getResources) {
|
|
12599
|
+
setActions(false);
|
|
12600
|
+
setTimeout(function () {
|
|
12601
|
+
setActions(true);
|
|
12602
|
+
}, 200);
|
|
12603
|
+
} else {
|
|
12604
|
+
setActions(true);
|
|
12605
|
+
}
|
|
12606
|
+
}
|
|
12607
|
+
}, [orderId, setActions, getResources]);
|
|
12470
12608
|
React.useEffect(function () {
|
|
12471
12609
|
if (orderId) {
|
|
12472
12610
|
setActions(true);
|
|
@@ -12594,13 +12732,13 @@ function OrderView() {
|
|
|
12594
12732
|
}, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
|
|
12595
12733
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(Order$1, null), React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
12596
12734
|
}
|
|
12597
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12598
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12599
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12600
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12735
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12736
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12737
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12738
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
12601
12739
|
|
|
12602
|
-
var _templateObject2$
|
|
12603
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12740
|
+
var _templateObject2$1I;
|
|
12741
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
|
|
12604
12742
|
|
|
12605
12743
|
var initialState$3 = {
|
|
12606
12744
|
'x-filters': [],
|
|
@@ -12666,7 +12804,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
12666
12804
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
12667
12805
|
});
|
|
12668
12806
|
|
|
12669
|
-
var _templateObject$
|
|
12807
|
+
var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
|
|
12670
12808
|
var SearchType = function SearchType() {
|
|
12671
12809
|
var _useState = React.useState(''),
|
|
12672
12810
|
searchText = _useState[0],
|
|
@@ -12712,9 +12850,9 @@ var SearchType = function SearchType() {
|
|
|
12712
12850
|
onClick: handleClear
|
|
12713
12851
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
12714
12852
|
};
|
|
12715
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12716
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12717
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
12853
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
|
|
12854
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
|
|
12855
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
|
|
12718
12856
|
|
|
12719
12857
|
var BulkFilter = function BulkFilter() {
|
|
12720
12858
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12963,7 +13101,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12963
13101
|
})))));
|
|
12964
13102
|
};
|
|
12965
13103
|
|
|
12966
|
-
var _templateObject$
|
|
13104
|
+
var _templateObject$2m, _templateObject2$1K, _templateObject3$Y;
|
|
12967
13105
|
var _excluded$6 = ["count"];
|
|
12968
13106
|
function ReturnMainTable() {
|
|
12969
13107
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -13044,9 +13182,9 @@ function ReturnMainTable() {
|
|
|
13044
13182
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
13045
13183
|
}))));
|
|
13046
13184
|
}
|
|
13047
|
-
var Row$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13048
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13049
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
13185
|
+
var Row$b = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13186
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
13187
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
13050
13188
|
|
|
13051
13189
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
13052
13190
|
var _useSearchParams = reactRouterDom.useSearchParams(),
|