@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
|
@@ -5,7 +5,7 @@ import { Select, notification, Skeleton, Empty, DatePicker, Input as Input$2 } f
|
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { format, isValid } from 'date-fns';
|
|
7
7
|
import { atomWithReducer } from 'jotai/utils';
|
|
8
|
-
import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1,
|
|
8
|
+
import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button, formatDateTime, SectionHeader, CrossIcon, AntSelect, CustomRating, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, FlagAlert, ViewIcon } from '@bjsdistribution/dms-component-library';
|
|
9
9
|
import dayjs from 'dayjs';
|
|
10
10
|
import 'react-datepicker/dist/react-datepicker.css';
|
|
11
11
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
@@ -871,6 +871,10 @@ var globalStateHitAuditLog = /*#__PURE__*/atom(false);
|
|
|
871
871
|
function useGlobalStateHitAuditLog() {
|
|
872
872
|
return useAtom(globalStateHitAuditLog);
|
|
873
873
|
}
|
|
874
|
+
var globalOrderGetApi = /*#__PURE__*/atom(true);
|
|
875
|
+
function useGlobalStateHitOrder() {
|
|
876
|
+
return useAtom(globalOrderGetApi);
|
|
877
|
+
}
|
|
874
878
|
// Popup state Manage
|
|
875
879
|
var initialState$1 = null;
|
|
876
880
|
var popupReducer = function popupReducer(state, action) {
|
|
@@ -4425,7 +4429,7 @@ function RecipientReference() {
|
|
|
4425
4429
|
var Container$k = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4426
4430
|
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4427
4431
|
|
|
4428
|
-
var _templateObject$A;
|
|
4432
|
+
var _templateObject$A, _templateObject2$t;
|
|
4429
4433
|
function DepotDropdown() {
|
|
4430
4434
|
var _useOrderDetails = useOrderDetails(),
|
|
4431
4435
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4442,7 +4446,7 @@ function DepotDropdown() {
|
|
|
4442
4446
|
return React.createElement(FormContainer, null, React.createElement(Label$j, {
|
|
4443
4447
|
label: "Depot",
|
|
4444
4448
|
htmlFor: "depotDropdown"
|
|
4445
|
-
}), React.createElement(
|
|
4449
|
+
}), React.createElement(StyledSelectDropdown, {
|
|
4446
4450
|
placeholder: "Select Depot",
|
|
4447
4451
|
inputId: "depotDropdown",
|
|
4448
4452
|
openMenuOnFocus: false,
|
|
@@ -4462,8 +4466,9 @@ function DepotDropdown() {
|
|
|
4462
4466
|
}));
|
|
4463
4467
|
}
|
|
4464
4468
|
var FormContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4469
|
+
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 160px;\n"])));
|
|
4465
4470
|
|
|
4466
|
-
var _templateObject$B, _templateObject2$
|
|
4471
|
+
var _templateObject$B, _templateObject2$u;
|
|
4467
4472
|
function Droptime() {
|
|
4468
4473
|
var _useOrderDetails = useOrderDetails(),
|
|
4469
4474
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4488,7 +4493,7 @@ function Droptime() {
|
|
|
4488
4493
|
}));
|
|
4489
4494
|
}
|
|
4490
4495
|
var CustomInput$6 = /*#__PURE__*/styled(Input$1)(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
4491
|
-
var Container$l = /*#__PURE__*/styled.div(_templateObject2$
|
|
4496
|
+
var Container$l = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4492
4497
|
|
|
4493
4498
|
var _templateObject$C;
|
|
4494
4499
|
function DeliveryDate() {
|
|
@@ -4541,7 +4546,7 @@ function DeliveryDate() {
|
|
|
4541
4546
|
}
|
|
4542
4547
|
var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4543
4548
|
|
|
4544
|
-
var _templateObject$D, _templateObject2$
|
|
4549
|
+
var _templateObject$D, _templateObject2$v;
|
|
4545
4550
|
function Carrier() {
|
|
4546
4551
|
var _useOrderDetails = useOrderDetails(),
|
|
4547
4552
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4557,7 +4562,7 @@ function Carrier() {
|
|
|
4557
4562
|
var onChange = function onChange(selectedOption) {
|
|
4558
4563
|
setOrderDetails(function (prev) {
|
|
4559
4564
|
return _extends({}, prev, {
|
|
4560
|
-
carrier_id: selectedOption.value
|
|
4565
|
+
carrier_id: selectedOption == null ? void 0 : selectedOption.value
|
|
4561
4566
|
});
|
|
4562
4567
|
});
|
|
4563
4568
|
};
|
|
@@ -4576,9 +4581,9 @@ function Carrier() {
|
|
|
4576
4581
|
}));
|
|
4577
4582
|
}
|
|
4578
4583
|
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4579
|
-
var Container$m = /*#__PURE__*/styled.div(_templateObject2$
|
|
4584
|
+
var Container$m = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4580
4585
|
|
|
4581
|
-
var _templateObject$E, _templateObject2$
|
|
4586
|
+
var _templateObject$E, _templateObject2$w;
|
|
4582
4587
|
function OrderNumber() {
|
|
4583
4588
|
var _orderDetails$order_n;
|
|
4584
4589
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4609,7 +4614,7 @@ function OrderNumber() {
|
|
|
4609
4614
|
}));
|
|
4610
4615
|
}
|
|
4611
4616
|
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4612
|
-
var Container$n = /*#__PURE__*/styled.div(_templateObject2$
|
|
4617
|
+
var Container$n = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4613
4618
|
|
|
4614
4619
|
var _templateObject$F;
|
|
4615
4620
|
function ScheduleAfter() {
|
|
@@ -4649,9 +4654,10 @@ function ScheduleAfter() {
|
|
|
4649
4654
|
onChange: onChange,
|
|
4650
4655
|
value: scheduleDate === null ? scheduleDate : dayjs(scheduleDate),
|
|
4651
4656
|
format: "DD/MM/YY",
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
}
|
|
4657
|
+
disabledDate: function disabledDate(current) {
|
|
4658
|
+
return current && current < dayjs().startOf('day');
|
|
4659
|
+
},
|
|
4660
|
+
allowClear: false
|
|
4655
4661
|
}));
|
|
4656
4662
|
}
|
|
4657
4663
|
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -4679,7 +4685,7 @@ function VehicleTypeDropdown() {
|
|
|
4679
4685
|
return React.createElement(FormContainer$1, null, React.createElement(Label$j, {
|
|
4680
4686
|
label: "Vehicle Type",
|
|
4681
4687
|
htmlFor: "vehicleType"
|
|
4682
|
-
}), React.createElement(
|
|
4688
|
+
}), React.createElement(StyledSelectDropdown, {
|
|
4683
4689
|
placeholder: "Select vehicle type",
|
|
4684
4690
|
options: vehicleTypeOptions,
|
|
4685
4691
|
inputId: "vehicleType",
|
|
@@ -4692,17 +4698,17 @@ function VehicleTypeDropdown() {
|
|
|
4692
4698
|
}
|
|
4693
4699
|
var FormContainer$1 = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4694
4700
|
|
|
4695
|
-
var _templateObject$H, _templateObject2$
|
|
4701
|
+
var _templateObject$H, _templateObject2$x, _templateObject3$e;
|
|
4696
4702
|
function OrdersSection() {
|
|
4697
4703
|
return React.createElement(CustomFormSection$1, null, React.createElement(Header, {
|
|
4698
4704
|
label: "Order"
|
|
4699
4705
|
}), React.createElement(FormInputs$1, null, React.createElement(GroupedInputs$1, null, React.createElement(ConsignmentNumber, null), React.createElement(Carrier, null)), React.createElement(GroupedInputs$1, null, React.createElement(OrderNumber, null), React.createElement(DepotDropdown, null)), React.createElement(GroupedInputs$1, null, React.createElement(DeliveryDate, null), React.createElement(ScheduleAfter, null)), React.createElement(GroupedInputs$1, null, React.createElement(Droptime, null)), React.createElement(GroupedInputs$1, null, React.createElement(RecipientReference, null), React.createElement(VehicleTypeDropdown, null))));
|
|
4700
4706
|
}
|
|
4701
4707
|
var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4702
|
-
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4708
|
+
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
4703
4709
|
var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
4704
4710
|
|
|
4705
|
-
var _templateObject$I, _templateObject2$
|
|
4711
|
+
var _templateObject$I, _templateObject2$y;
|
|
4706
4712
|
function OrderStatusNote() {
|
|
4707
4713
|
var _useOrderDetails = useOrderDetails(),
|
|
4708
4714
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4723,9 +4729,9 @@ function OrderStatusNote() {
|
|
|
4723
4729
|
}));
|
|
4724
4730
|
}
|
|
4725
4731
|
var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4726
|
-
var Container$o = /*#__PURE__*/styled.div(_templateObject2$
|
|
4732
|
+
var Container$o = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4727
4733
|
|
|
4728
|
-
var _templateObject$J, _templateObject2$
|
|
4734
|
+
var _templateObject$J, _templateObject2$z;
|
|
4729
4735
|
function DeliveryInstructions() {
|
|
4730
4736
|
var _useOrderDetails = useOrderDetails(),
|
|
4731
4737
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4746,9 +4752,9 @@ function DeliveryInstructions() {
|
|
|
4746
4752
|
}));
|
|
4747
4753
|
}
|
|
4748
4754
|
var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4749
|
-
var Container$p = /*#__PURE__*/styled.div(_templateObject2$
|
|
4755
|
+
var Container$p = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4750
4756
|
|
|
4751
|
-
var _templateObject$K, _templateObject2$
|
|
4757
|
+
var _templateObject$K, _templateObject2$A;
|
|
4752
4758
|
function OtherInstructions() {
|
|
4753
4759
|
var _useOrderDetails = useOrderDetails(),
|
|
4754
4760
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4769,18 +4775,18 @@ function OtherInstructions() {
|
|
|
4769
4775
|
}));
|
|
4770
4776
|
}
|
|
4771
4777
|
var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
4772
|
-
var Container$q = /*#__PURE__*/styled.div(_templateObject2$
|
|
4778
|
+
var Container$q = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4773
4779
|
|
|
4774
|
-
var _templateObject$L, _templateObject2$
|
|
4780
|
+
var _templateObject$L, _templateObject2$B;
|
|
4775
4781
|
function InstructionSection() {
|
|
4776
4782
|
return React.createElement(CustomFormSection$2, null, React.createElement(Header, {
|
|
4777
4783
|
label: "Instructions / Notes"
|
|
4778
4784
|
}), React.createElement(FormInputs$2, null, React.createElement(OrderStatusNote, null), React.createElement(DeliveryInstructions, null), React.createElement(OtherInstructions, null)));
|
|
4779
4785
|
}
|
|
4780
4786
|
var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
4781
|
-
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$
|
|
4787
|
+
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 10px !important;\n"])));
|
|
4782
4788
|
|
|
4783
|
-
var _templateObject$M, _templateObject2$
|
|
4789
|
+
var _templateObject$M, _templateObject2$C;
|
|
4784
4790
|
function convertTo12HourFormat(time24) {
|
|
4785
4791
|
var _time24$split, _minutes$toString;
|
|
4786
4792
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -4818,9 +4824,8 @@ function TimedServiceDropdown() {
|
|
|
4818
4824
|
setOrderData(newData);
|
|
4819
4825
|
};
|
|
4820
4826
|
return React.createElement(Container$r, null, React.createElement(Label$j, {
|
|
4821
|
-
label: "Timed Service"
|
|
4822
|
-
|
|
4823
|
-
}), React.createElement(StyledSelectDropdown, {
|
|
4827
|
+
label: "Timed Service"
|
|
4828
|
+
}), React.createElement(StyledSelectDropdown$1, {
|
|
4824
4829
|
styles: _extends({}, dropdownStyles, {
|
|
4825
4830
|
control: function control(styles) {
|
|
4826
4831
|
return _extends({}, styles, {
|
|
@@ -4840,9 +4845,9 @@ function TimedServiceDropdown() {
|
|
|
4840
4845
|
}));
|
|
4841
4846
|
}
|
|
4842
4847
|
var Container$r = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4843
|
-
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
4848
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
4844
4849
|
|
|
4845
|
-
var _templateObject$N, _templateObject2$
|
|
4850
|
+
var _templateObject$N, _templateObject2$D;
|
|
4846
4851
|
function ServiceTypeDropdown() {
|
|
4847
4852
|
var _orderStaticData$orde;
|
|
4848
4853
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4866,7 +4871,7 @@ function ServiceTypeDropdown() {
|
|
|
4866
4871
|
return React.createElement(Container$s, null, React.createElement(Label$j, {
|
|
4867
4872
|
label: "Service Type",
|
|
4868
4873
|
htmlFor: "serviceTypeDropdown"
|
|
4869
|
-
}), React.createElement(StyledSelectDropdown$
|
|
4874
|
+
}), React.createElement(StyledSelectDropdown$2, {
|
|
4870
4875
|
placeholder: "Select Service Type",
|
|
4871
4876
|
options: serviceTypeOptions || [],
|
|
4872
4877
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -4880,9 +4885,9 @@ function ServiceTypeDropdown() {
|
|
|
4880
4885
|
}));
|
|
4881
4886
|
}
|
|
4882
4887
|
var Container$s = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
4883
|
-
var StyledSelectDropdown$
|
|
4888
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
4884
4889
|
|
|
4885
|
-
var _templateObject$O, _templateObject2$
|
|
4890
|
+
var _templateObject$O, _templateObject2$E;
|
|
4886
4891
|
function DeliveryPointDropdown() {
|
|
4887
4892
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
4888
4893
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -4907,9 +4912,8 @@ function DeliveryPointDropdown() {
|
|
|
4907
4912
|
setOrderData(newData);
|
|
4908
4913
|
};
|
|
4909
4914
|
return React.createElement(Container$t, null, React.createElement(Label$j, {
|
|
4910
|
-
label: "Delivery Point"
|
|
4911
|
-
|
|
4912
|
-
}), React.createElement(StyledSelectDropdown$2, {
|
|
4915
|
+
label: "Delivery Point"
|
|
4916
|
+
}), React.createElement(StyledSelectDropdown$3, {
|
|
4913
4917
|
placeholder: "Select Delivery Point",
|
|
4914
4918
|
options: deliveryPointOptions || [],
|
|
4915
4919
|
inputId: "deliveryPointDropdown",
|
|
@@ -4923,7 +4927,7 @@ function DeliveryPointDropdown() {
|
|
|
4923
4927
|
}));
|
|
4924
4928
|
}
|
|
4925
4929
|
var Container$t = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
4926
|
-
var StyledSelectDropdown$
|
|
4930
|
+
var StyledSelectDropdown$3 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
4927
4931
|
|
|
4928
4932
|
var _templateObject$P;
|
|
4929
4933
|
function ServiceLevel() {
|
|
@@ -5081,7 +5085,7 @@ var getIcon = function getIcon(input) {
|
|
|
5081
5085
|
return "" + baseURL + subPath;
|
|
5082
5086
|
};
|
|
5083
5087
|
|
|
5084
|
-
var _templateObject$R, _templateObject2$
|
|
5088
|
+
var _templateObject$R, _templateObject2$F, _templateObject3$f;
|
|
5085
5089
|
function ServiceSlider(props) {
|
|
5086
5090
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
5087
5091
|
// event.preventDefault();
|
|
@@ -5099,7 +5103,7 @@ function ServiceSlider(props) {
|
|
|
5099
5103
|
})));
|
|
5100
5104
|
}
|
|
5101
5105
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
5102
|
-
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$
|
|
5106
|
+
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
5103
5107
|
var Container$w = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
5104
5108
|
|
|
5105
5109
|
var _templateObject$S;
|
|
@@ -5270,19 +5274,19 @@ var Container$x = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$
|
|
|
5270
5274
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5271
5275
|
});
|
|
5272
5276
|
|
|
5273
|
-
var _templateObject$T, _templateObject2$
|
|
5277
|
+
var _templateObject$T, _templateObject2$G, _templateObject3$g, _templateObject4$8, _templateObject5$7;
|
|
5274
5278
|
function ServicesSection() {
|
|
5275
5279
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
5276
5280
|
label: "Services"
|
|
5277
5281
|
}), React.createElement(Top, null, React.createElement(DropDownContainer, null, React.createElement(TimedServiceDropdown, null), React.createElement(ServiceTypeDropdown, null), React.createElement(DeliveryPointDropdown, null)), React.createElement(RadioContainer, null, React.createElement(ServiceLevel, null), React.createElement(AssemblyType, null))), React.createElement(Bottom, null, React.createElement(OrderServices, null)));
|
|
5278
5282
|
}
|
|
5279
5283
|
var Top = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
5280
|
-
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5284
|
+
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
5281
5285
|
var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
5282
5286
|
var Bottom = /*#__PURE__*/styled.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5283
5287
|
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
|
|
5284
5288
|
|
|
5285
|
-
var _templateObject$U, _templateObject2$
|
|
5289
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$h;
|
|
5286
5290
|
function AllowTracking() {
|
|
5287
5291
|
var _useOrderDetails = useOrderDetails(),
|
|
5288
5292
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5291,7 +5295,7 @@ function AllowTracking() {
|
|
|
5291
5295
|
return React.createElement(Container$y, null, React.createElement(CreatedBy, null, React.createElement(Text$2, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
5292
5296
|
}
|
|
5293
5297
|
var Text$2 = /*#__PURE__*/styled.span(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
5294
|
-
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$
|
|
5298
|
+
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
5295
5299
|
var Container$y = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5296
5300
|
|
|
5297
5301
|
function useUpdateOrder() {
|
|
@@ -5387,6 +5391,8 @@ function OrderDetailsFooter() {
|
|
|
5387
5391
|
setRecalling = _useLiveRecalling[1];
|
|
5388
5392
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5389
5393
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5394
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
5395
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
5390
5396
|
var errorFound = function errorFound() {
|
|
5391
5397
|
var isError = (errorState == null ? void 0 : errorState.w3wError.length) > 0 || (errorState == null ? void 0 : errorState.emailError.length) > 0 || (errorState == null ? void 0 : errorState.homeContactError.length) > 0 || (errorState == null ? void 0 : errorState.workCOntanctError.length) > 0 || (errorState == null ? void 0 : errorState.mobileError.length) > 0 || (errorState == null ? void 0 : errorState.postCodeError.length) > 0;
|
|
5392
5398
|
return isError;
|
|
@@ -5416,12 +5422,15 @@ function OrderDetailsFooter() {
|
|
|
5416
5422
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
5417
5423
|
while (1) switch (_context.prev = _context.next) {
|
|
5418
5424
|
case 0:
|
|
5425
|
+
setRecallAuditLog(false);
|
|
5426
|
+
setRecallOrders(false);
|
|
5419
5427
|
payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);
|
|
5420
|
-
_context.next =
|
|
5428
|
+
_context.next = 5;
|
|
5421
5429
|
return updateOrder([payload]);
|
|
5422
|
-
case
|
|
5430
|
+
case 5:
|
|
5423
5431
|
response = _context.sent;
|
|
5424
5432
|
setCallApi(false);
|
|
5433
|
+
setRecallOrders(true);
|
|
5425
5434
|
// setLogsCallAPi(prev => !prev);
|
|
5426
5435
|
if (response && (response == null || (_response$data = response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
5427
5436
|
setOrderDetails(response == null ? void 0 : response.data[0]);
|
|
@@ -5439,7 +5448,7 @@ function OrderDetailsFooter() {
|
|
|
5439
5448
|
} else {
|
|
5440
5449
|
setOrderDetails(prevOrderDetails);
|
|
5441
5450
|
}
|
|
5442
|
-
case
|
|
5451
|
+
case 9:
|
|
5443
5452
|
case "end":
|
|
5444
5453
|
return _context.stop();
|
|
5445
5454
|
}
|
|
@@ -5456,12 +5465,12 @@ function OrderDetailsFooter() {
|
|
|
5456
5465
|
}
|
|
5457
5466
|
var Container$z = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
5458
5467
|
|
|
5459
|
-
var _templateObject$W, _templateObject2$
|
|
5468
|
+
var _templateObject$W, _templateObject2$I, _templateObject3$i;
|
|
5460
5469
|
function ExpandedContent() {
|
|
5461
5470
|
return React.createElement(MainContainer$4, null, React.createElement(Container$A, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null));
|
|
5462
5471
|
}
|
|
5463
5472
|
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
|
|
5464
|
-
var Container$A = /*#__PURE__*/styled.div(_templateObject2$
|
|
5473
|
+
var Container$A = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
|
|
5465
5474
|
// const InstructionContainer = styled.div`
|
|
5466
5475
|
// display: flex;
|
|
5467
5476
|
// justify-content: center;
|
|
@@ -5548,7 +5557,7 @@ function NoteType() {
|
|
|
5548
5557
|
}
|
|
5549
5558
|
var Container$B = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5550
5559
|
|
|
5551
|
-
var _templateObject$Y, _templateObject2$
|
|
5560
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$j;
|
|
5552
5561
|
function AddNote() {
|
|
5553
5562
|
var _useState = useState(''),
|
|
5554
5563
|
noteText = _useState[0],
|
|
@@ -5673,7 +5682,7 @@ function AddNote() {
|
|
|
5673
5682
|
}, "SAVE NOTE"), React.createElement(NoteType, null)));
|
|
5674
5683
|
}
|
|
5675
5684
|
var Container$C = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5676
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
5685
|
+
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
5677
5686
|
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
|
|
5678
5687
|
|
|
5679
5688
|
var NotesTableData = [{
|
|
@@ -5689,7 +5698,7 @@ var NotesTableData = [{
|
|
|
5689
5698
|
tableBody: []
|
|
5690
5699
|
}];
|
|
5691
5700
|
|
|
5692
|
-
var _templateObject$Z, _templateObject2$
|
|
5701
|
+
var _templateObject$Z, _templateObject2$K;
|
|
5693
5702
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5694
5703
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5695
5704
|
var _usegetNotes = usegetNotes(),
|
|
@@ -5719,7 +5728,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5719
5728
|
}, "No data found"))))));
|
|
5720
5729
|
};
|
|
5721
5730
|
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
5722
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5731
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5723
5732
|
|
|
5724
5733
|
var _templateObject$_;
|
|
5725
5734
|
function AuditLogs() {
|
|
@@ -5727,7 +5736,7 @@ function AuditLogs() {
|
|
|
5727
5736
|
}
|
|
5728
5737
|
var Container$D = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5729
5738
|
|
|
5730
|
-
var _templateObject$$, _templateObject2$
|
|
5739
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$k, _templateObject4$9;
|
|
5731
5740
|
// import { useLocation } from 'react-router-dom';
|
|
5732
5741
|
function Notes() {
|
|
5733
5742
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5808,7 +5817,7 @@ function Notes() {
|
|
|
5808
5817
|
}, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
5809
5818
|
}
|
|
5810
5819
|
var Container$E = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5811
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
5820
|
+
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
5812
5821
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5813
5822
|
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #363a30;\n color: #ffffff;\n font-size: 12px;\n padding: 4px 8px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n\n &:hover {\n background-color: #feba30;\n }\n"])));
|
|
5814
5823
|
|
|
@@ -5835,7 +5844,7 @@ function ChevronUp(props) {
|
|
|
5835
5844
|
}));
|
|
5836
5845
|
}
|
|
5837
5846
|
|
|
5838
|
-
var _templateObject$11, _templateObject2$
|
|
5847
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5839
5848
|
function CollapsableForm(props) {
|
|
5840
5849
|
var _useState = useState(true),
|
|
5841
5850
|
isExpanded = _useState[0],
|
|
@@ -5856,7 +5865,7 @@ function CollapsableForm(props) {
|
|
|
5856
5865
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
5857
5866
|
}
|
|
5858
5867
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5859
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5868
|
+
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
5860
5869
|
var Text$3 = /*#__PURE__*/styled.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
5861
5870
|
var Container$F = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5862
5871
|
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -5866,7 +5875,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$2 || (_templateOb
|
|
|
5866
5875
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5867
5876
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
5868
5877
|
|
|
5869
|
-
var _templateObject$12, _templateObject2$
|
|
5878
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$m;
|
|
5870
5879
|
function CustomScrollBar(props) {
|
|
5871
5880
|
var children = props.children,
|
|
5872
5881
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5885,10 +5894,10 @@ function CustomScrollBar(props) {
|
|
|
5885
5894
|
}, children);
|
|
5886
5895
|
}
|
|
5887
5896
|
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
5888
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
5897
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5889
5898
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5890
5899
|
|
|
5891
|
-
var _templateObject$13, _templateObject2$
|
|
5900
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5892
5901
|
var selectedID = /*#__PURE__*/atom([]);
|
|
5893
5902
|
function DynamicTable(_ref, props) {
|
|
5894
5903
|
var columns = _ref.columns,
|
|
@@ -5945,7 +5954,7 @@ function DynamicTable(_ref, props) {
|
|
|
5945
5954
|
}, "No entries found."))))))));
|
|
5946
5955
|
}
|
|
5947
5956
|
var Container$G = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5948
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5957
|
+
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
5949
5958
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
5950
5959
|
var TableData = /*#__PURE__*/styled.td(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 10px 5px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
5951
5960
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
@@ -5954,7 +5963,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$5 || (_templateObject
|
|
|
5954
5963
|
var Table = /*#__PURE__*/styled.table(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
5955
5964
|
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .col {\n display: flex;\n align-items: center;\n color: #3a3630;\n padding: 10px 5px;\n text-align: left;\n }\n\n .col.noFlex {\n flex: 0;\n }\n\n .col.sm {\n flex: 1;\n min-width: 100px;\n }\n\n .col.md {\n flex: 2;\n justify-content: flex-start;\n min-width: 85px;\n }\n\n .col.lg {\n flex: 4;\n justify-content: flex-start;\n min-width: 180px;\n }\n\n .col.date {\n }\n\n .col.amount,\n .col.price {\n justify-content: flex-end;\n }\n\n .TableHeadData,\n .TableData {\n padding: 10px 5px;\n text-align: left;\n white-space: nowrap;\n }\n\n .TableRow {\n display: flex;\n width: 100%;\n }\n\n .Table {\n width: 100%;\n }\n"])));
|
|
5956
5965
|
|
|
5957
|
-
var _templateObject$14, _templateObject2$
|
|
5966
|
+
var _templateObject$14, _templateObject2$P;
|
|
5958
5967
|
function Event(props) {
|
|
5959
5968
|
var _props$row;
|
|
5960
5969
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5970,7 +5979,7 @@ function Event(props) {
|
|
|
5970
5979
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
5971
5980
|
}
|
|
5972
5981
|
var RowContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5973
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
5982
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5974
5983
|
|
|
5975
5984
|
//to change data into options
|
|
5976
5985
|
var transformOption = function transformOption(option, key) {
|
|
@@ -5997,7 +6006,7 @@ function formatDate$1(dateString) {
|
|
|
5997
6006
|
if (dateString) {
|
|
5998
6007
|
var date = new Date(dateString);
|
|
5999
6008
|
if (!isNaN(date.getTime())) {
|
|
6000
|
-
return format(date, 'MM/
|
|
6009
|
+
return format(date, 'dd/MM/yyyy HH:mm:ss');
|
|
6001
6010
|
}
|
|
6002
6011
|
}
|
|
6003
6012
|
return 'Invalid date';
|
|
@@ -6017,25 +6026,25 @@ var priorityData = [{
|
|
|
6017
6026
|
color: '#E95252'
|
|
6018
6027
|
}];
|
|
6019
6028
|
|
|
6020
|
-
var _templateObject$15, _templateObject2$
|
|
6029
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6021
6030
|
function Date$1(props) {
|
|
6022
6031
|
var _props$row;
|
|
6023
6032
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6024
6033
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate$1(data)));
|
|
6025
6034
|
}
|
|
6026
6035
|
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6027
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6036
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6028
6037
|
|
|
6029
|
-
var _templateObject$16, _templateObject2$
|
|
6038
|
+
var _templateObject$16, _templateObject2$R;
|
|
6030
6039
|
function Code(props) {
|
|
6031
6040
|
var _props$row;
|
|
6032
6041
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6033
6042
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
6034
6043
|
}
|
|
6035
6044
|
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6036
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6045
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6037
6046
|
|
|
6038
|
-
var _templateObject$17, _templateObject2$
|
|
6047
|
+
var _templateObject$17, _templateObject2$S;
|
|
6039
6048
|
function Note(props) {
|
|
6040
6049
|
var _props$row;
|
|
6041
6050
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6044,7 +6053,7 @@ function Note(props) {
|
|
|
6044
6053
|
}, React.createElement(Row$3, null, data));
|
|
6045
6054
|
}
|
|
6046
6055
|
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
6047
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6056
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6048
6057
|
|
|
6049
6058
|
var tableColumns = [{
|
|
6050
6059
|
header: 'Date',
|
|
@@ -6356,7 +6365,7 @@ function ConfirmedIcon() {
|
|
|
6356
6365
|
}))));
|
|
6357
6366
|
}
|
|
6358
6367
|
|
|
6359
|
-
var _templateObject$19, _templateObject2$
|
|
6368
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$o, _templateObject4$c;
|
|
6360
6369
|
function Status() {
|
|
6361
6370
|
var _useStatusDetails = useStatusDetails(),
|
|
6362
6371
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6403,7 +6412,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6403
6412
|
}
|
|
6404
6413
|
};
|
|
6405
6414
|
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6406
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject2$
|
|
6415
|
+
var Heading = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n"])));
|
|
6407
6416
|
var Container$H = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6408
6417
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6409
6418
|
|
|
@@ -6565,7 +6574,7 @@ var ProductTable = function ProductTable() {
|
|
|
6565
6574
|
};
|
|
6566
6575
|
var Container$I = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6567
6576
|
|
|
6568
|
-
var _templateObject$1d, _templateObject2$
|
|
6577
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$p;
|
|
6569
6578
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
6570
6579
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6571
6580
|
var defaultSelectStyle = {
|
|
@@ -6678,10 +6687,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6678
6687
|
}));
|
|
6679
6688
|
};
|
|
6680
6689
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
6681
|
-
var Container$J = /*#__PURE__*/styled.div(_templateObject2$
|
|
6690
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6682
6691
|
var Text$4 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6683
6692
|
|
|
6684
|
-
var _templateObject$1e, _templateObject2$
|
|
6693
|
+
var _templateObject$1e, _templateObject2$V, _templateObject3$q;
|
|
6685
6694
|
function ExpandedContent$2() {
|
|
6686
6695
|
var _response$data, _response$data2;
|
|
6687
6696
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -6759,17 +6768,17 @@ function ExpandedContent$2() {
|
|
|
6759
6768
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
6760
6769
|
}
|
|
6761
6770
|
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
6762
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6771
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6763
6772
|
var Container$K = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6764
6773
|
|
|
6765
|
-
var _templateObject$1f, _templateObject2$
|
|
6774
|
+
var _templateObject$1f, _templateObject2$W;
|
|
6766
6775
|
function CollapsedContent$1() {
|
|
6767
6776
|
return React.createElement(Container$L, null, React.createElement(SectionHeader, {
|
|
6768
6777
|
label: "Products"
|
|
6769
6778
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
6770
6779
|
}
|
|
6771
6780
|
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6772
|
-
var Container$L = /*#__PURE__*/styled.div(_templateObject2$
|
|
6781
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6773
6782
|
|
|
6774
6783
|
function ProductsInfo() {
|
|
6775
6784
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6815,16 +6824,16 @@ function BackgroundModal(props) {
|
|
|
6815
6824
|
}
|
|
6816
6825
|
var Container$M = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
6817
6826
|
|
|
6818
|
-
var _templateObject$1h, _templateObject2$
|
|
6827
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$d;
|
|
6819
6828
|
function AdditionalInformation(props) {
|
|
6820
6829
|
return React.createElement(Container$N, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
6821
6830
|
}
|
|
6822
6831
|
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
6823
|
-
var Container$N = /*#__PURE__*/styled.div(_templateObject2$
|
|
6832
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6824
6833
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6825
6834
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
6826
6835
|
|
|
6827
|
-
var _templateObject$1i, _templateObject2$
|
|
6836
|
+
var _templateObject$1i, _templateObject2$Y, _templateObject3$s, _templateObject4$e;
|
|
6828
6837
|
function OrderActionHeader(props) {
|
|
6829
6838
|
var title = props.title,
|
|
6830
6839
|
actions = props.actions,
|
|
@@ -6840,11 +6849,11 @@ function OrderActionHeader(props) {
|
|
|
6840
6849
|
}, React.createElement(CrossIcon, null)));
|
|
6841
6850
|
}
|
|
6842
6851
|
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6843
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6852
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6844
6853
|
var Title$2 = /*#__PURE__*/styled.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
6845
6854
|
var Container$O = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
6846
6855
|
|
|
6847
|
-
var _templateObject$1j, _templateObject2$
|
|
6856
|
+
var _templateObject$1j, _templateObject2$Z;
|
|
6848
6857
|
function OrderActionFooter(props) {
|
|
6849
6858
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6850
6859
|
return React.createElement(Container$P, null, React.createElement(SubmitButton, {
|
|
@@ -6855,7 +6864,7 @@ function OrderActionFooter(props) {
|
|
|
6855
6864
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6856
6865
|
}
|
|
6857
6866
|
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6858
|
-
var Container$P = /*#__PURE__*/styled.div(_templateObject2$
|
|
6867
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
6859
6868
|
|
|
6860
6869
|
var _templateObject$1k;
|
|
6861
6870
|
function OrderActionModal(props) {
|
|
@@ -6874,7 +6883,7 @@ function OrderActionModal(props) {
|
|
|
6874
6883
|
}
|
|
6875
6884
|
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
6876
6885
|
|
|
6877
|
-
var _templateObject$1l, _templateObject2$
|
|
6886
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$t;
|
|
6878
6887
|
function OrderActionsDropdown(props) {
|
|
6879
6888
|
return React.createElement(Container$Q, {
|
|
6880
6889
|
className: props.className
|
|
@@ -6894,7 +6903,7 @@ function OrderActionsDropdown(props) {
|
|
|
6894
6903
|
}));
|
|
6895
6904
|
}
|
|
6896
6905
|
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6897
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
6906
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
6898
6907
|
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6899
6908
|
|
|
6900
6909
|
var initialPayload = {
|
|
@@ -7051,6 +7060,10 @@ function useReminderRefId() {
|
|
|
7051
7060
|
function useRouteDetails() {
|
|
7052
7061
|
return useAtom(routeDetails);
|
|
7053
7062
|
}
|
|
7063
|
+
var allOrderStatus = /*#__PURE__*/atom(null);
|
|
7064
|
+
function useAllOrderStatus() {
|
|
7065
|
+
return useAtom(allOrderStatus);
|
|
7066
|
+
}
|
|
7054
7067
|
var selectedCategoryIdAtom = /*#__PURE__*/atom(null);
|
|
7055
7068
|
var selectedDocumentTypeAtom = /*#__PURE__*/atom(null);
|
|
7056
7069
|
var selectedTypeAtom = /*#__PURE__*/atom(null);
|
|
@@ -7177,7 +7190,7 @@ function UploadIcon(props) {
|
|
|
7177
7190
|
})));
|
|
7178
7191
|
}
|
|
7179
7192
|
|
|
7180
|
-
var _templateObject$1m, _templateObject2
|
|
7193
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
7181
7194
|
var uploadedFilesAtom = /*#__PURE__*/atom([]);
|
|
7182
7195
|
// Allowed photo and video file types
|
|
7183
7196
|
var fileTypes = ['image/jpeg', 'image/png', 'video/mp4'];
|
|
@@ -7255,7 +7268,7 @@ function DocFileUpload() {
|
|
|
7255
7268
|
}))));
|
|
7256
7269
|
}
|
|
7257
7270
|
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7258
|
-
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2
|
|
7271
|
+
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
|
|
7259
7272
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7260
7273
|
});
|
|
7261
7274
|
var Text2 = /*#__PURE__*/styled.p(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #bcbab7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -7334,7 +7347,7 @@ function useUploadFiles() {
|
|
|
7334
7347
|
return create;
|
|
7335
7348
|
}
|
|
7336
7349
|
|
|
7337
|
-
var _templateObject$1n, _templateObject2
|
|
7350
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$v, _templateObject4$g, _templateObject5$b;
|
|
7338
7351
|
function AddResources() {
|
|
7339
7352
|
var _staticOrderData$reso;
|
|
7340
7353
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7450,15 +7463,15 @@ function AddResources() {
|
|
|
7450
7463
|
}), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), " ", React.createElement(RequiredAsterisk$1, null, "*"), React.createElement(DocFileUpload, null), ' ')));
|
|
7451
7464
|
}
|
|
7452
7465
|
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7453
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject2
|
|
7466
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7454
7467
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7455
7468
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7456
7469
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
7457
7470
|
|
|
7458
|
-
var _templateObject$1o, _templateObject2$
|
|
7471
|
+
var _templateObject$1o, _templateObject2$11, _templateObject3$w;
|
|
7459
7472
|
// Styled components
|
|
7460
7473
|
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7461
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
7474
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7462
7475
|
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7463
7476
|
|
|
7464
7477
|
function SplitOrderTable() {
|
|
@@ -7573,26 +7586,21 @@ function SplitOrder() {
|
|
|
7573
7586
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7574
7587
|
if (orderId) {
|
|
7575
7588
|
setPerformAction(true);
|
|
7576
|
-
//@ts-ignore
|
|
7577
|
-
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7578
|
-
notification.success({
|
|
7579
|
-
message: 'Success',
|
|
7580
|
-
description:
|
|
7581
|
-
//@ts-ignore
|
|
7582
|
-
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7583
|
-
});
|
|
7584
|
-
} else {
|
|
7585
|
-
// alert(response?.error_traceback);
|
|
7586
|
-
notification.error({
|
|
7587
|
-
message: 'Error',
|
|
7588
|
-
description:
|
|
7589
|
-
//@ts-ignore
|
|
7590
|
-
(response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
|
|
7591
|
-
});
|
|
7592
|
-
}
|
|
7593
|
-
setSelectedSplit([]);
|
|
7594
7589
|
}
|
|
7595
7590
|
};
|
|
7591
|
+
useEffect(function () {
|
|
7592
|
+
//@ts-ignore
|
|
7593
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
7594
|
+
notification.success({
|
|
7595
|
+
message: 'Success',
|
|
7596
|
+
description:
|
|
7597
|
+
//@ts-ignore
|
|
7598
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7599
|
+
});
|
|
7600
|
+
setCurrentAction(undefined);
|
|
7601
|
+
setSelectedSplit([]);
|
|
7602
|
+
}
|
|
7603
|
+
}, [response]);
|
|
7596
7604
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7597
7605
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
7598
7606
|
return !seledtedSplitOrder;
|
|
@@ -7641,7 +7649,7 @@ var fonts = {
|
|
|
7641
7649
|
secondary: "'Lato', sans-serif"
|
|
7642
7650
|
};
|
|
7643
7651
|
|
|
7644
|
-
var _templateObject$1q, _templateObject2$
|
|
7652
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$x;
|
|
7645
7653
|
function RadioButton(props) {
|
|
7646
7654
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
7647
7655
|
color: props.color
|
|
@@ -7653,14 +7661,14 @@ function RadioButton(props) {
|
|
|
7653
7661
|
}, props.label));
|
|
7654
7662
|
}
|
|
7655
7663
|
var Label$3 = /*#__PURE__*/styled.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
7656
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
7664
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
|
|
7657
7665
|
return props.color || '#6396e5';
|
|
7658
7666
|
}, function (props) {
|
|
7659
7667
|
return props.color || '#6396e5';
|
|
7660
7668
|
});
|
|
7661
7669
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7662
7670
|
|
|
7663
|
-
var _templateObject$1r, _templateObject2$
|
|
7671
|
+
var _templateObject$1r, _templateObject2$13, _templateObject3$y, _templateObject4$h, _templateObject5$c, _templateObject6$5, _templateObject7$7;
|
|
7664
7672
|
function RadioButtonGroup(props) {
|
|
7665
7673
|
var heading = props.heading,
|
|
7666
7674
|
_props$direction = props.direction,
|
|
@@ -7696,7 +7704,7 @@ function RadioButtonGroup(props) {
|
|
|
7696
7704
|
}, renderOptions()));
|
|
7697
7705
|
}
|
|
7698
7706
|
var Separator = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7699
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
7707
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7700
7708
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7701
7709
|
return !props.$required && 'visibility: hidden;';
|
|
7702
7710
|
}, labelStyles);
|
|
@@ -7740,7 +7748,7 @@ function DeliveryPoint() {
|
|
|
7740
7748
|
}
|
|
7741
7749
|
var Container$S = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7742
7750
|
|
|
7743
|
-
var _templateObject$1t, _templateObject2$
|
|
7751
|
+
var _templateObject$1t, _templateObject2$14, _templateObject3$z, _templateObject4$i, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
|
|
7744
7752
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7745
7753
|
function Checkbox(props) {
|
|
7746
7754
|
var imageSrc = props.imageSrc,
|
|
@@ -7764,7 +7772,7 @@ function Checkbox(props) {
|
|
|
7764
7772
|
var Image = /*#__PURE__*/styled.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7765
7773
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7766
7774
|
});
|
|
7767
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
7775
|
+
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
7768
7776
|
var Circle = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7769
7777
|
return props.$checked ? '#feba30' : 'white';
|
|
7770
7778
|
});
|
|
@@ -7828,7 +7836,7 @@ function OrderServices$1() {
|
|
|
7828
7836
|
}
|
|
7829
7837
|
var Container$T = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7830
7838
|
|
|
7831
|
-
var _templateObject$1v, _templateObject2$
|
|
7839
|
+
var _templateObject$1v, _templateObject2$15;
|
|
7832
7840
|
function Notes$1(_ref) {
|
|
7833
7841
|
var onNotesChange = _ref.onNotesChange;
|
|
7834
7842
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7840,9 +7848,9 @@ function Notes$1(_ref) {
|
|
|
7840
7848
|
}));
|
|
7841
7849
|
}
|
|
7842
7850
|
var Label$4 = /*#__PURE__*/styled.span(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7843
|
-
var Container$U = /*#__PURE__*/styled.div(_templateObject2$
|
|
7851
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7844
7852
|
|
|
7845
|
-
var _templateObject$1w, _templateObject2$
|
|
7853
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$A;
|
|
7846
7854
|
function LogServiceRefusal() {
|
|
7847
7855
|
var _useCurrentAction = useCurrentAction(),
|
|
7848
7856
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7863,7 +7871,7 @@ function LogServiceRefusal() {
|
|
|
7863
7871
|
}))));
|
|
7864
7872
|
}
|
|
7865
7873
|
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7866
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
7874
|
+
var Left = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
7867
7875
|
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7868
7876
|
|
|
7869
7877
|
function ReturnAction() {
|
|
@@ -7890,7 +7898,7 @@ function ReturnReason() {
|
|
|
7890
7898
|
});
|
|
7891
7899
|
}
|
|
7892
7900
|
|
|
7893
|
-
var _templateObject$1x, _templateObject2$
|
|
7901
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$B, _templateObject4$j, _templateObject5$e, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$3;
|
|
7894
7902
|
function CancelOrder() {
|
|
7895
7903
|
var _orderStaticData$canc;
|
|
7896
7904
|
var _useOrderId = useOrderId(),
|
|
@@ -8014,7 +8022,7 @@ function CancelOrder() {
|
|
|
8014
8022
|
}))))));
|
|
8015
8023
|
}
|
|
8016
8024
|
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8017
|
-
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$
|
|
8025
|
+
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8018
8026
|
var Label$5 = /*#__PURE__*/styled.label(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8019
8027
|
var Container$V = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8020
8028
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
@@ -8024,7 +8032,7 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 =
|
|
|
8024
8032
|
// const Bottom = styled.div``;
|
|
8025
8033
|
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
8026
8034
|
|
|
8027
|
-
var _templateObject$1y, _templateObject2$
|
|
8035
|
+
var _templateObject$1y, _templateObject2$18, _templateObject3$C;
|
|
8028
8036
|
function EmailAddress() {
|
|
8029
8037
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
8030
8038
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8066,10 +8074,10 @@ function EmailAddress() {
|
|
|
8066
8074
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
8067
8075
|
}
|
|
8068
8076
|
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8069
|
-
var Container$W = /*#__PURE__*/styled.div(_templateObject2$
|
|
8077
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8070
8078
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8071
8079
|
|
|
8072
|
-
var _templateObject$1z, _templateObject2$
|
|
8080
|
+
var _templateObject$1z, _templateObject2$19, _templateObject3$D;
|
|
8073
8081
|
function ContactPhone() {
|
|
8074
8082
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8075
8083
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8131,10 +8139,10 @@ function ContactPhone() {
|
|
|
8131
8139
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
8132
8140
|
}
|
|
8133
8141
|
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8134
|
-
var Container$X = /*#__PURE__*/styled.div(_templateObject2$
|
|
8142
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8135
8143
|
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8136
8144
|
|
|
8137
|
-
var _templateObject$1A, _templateObject2$
|
|
8145
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
|
|
8138
8146
|
function ContactWork$1() {
|
|
8139
8147
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8140
8148
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8196,10 +8204,10 @@ function ContactWork$1() {
|
|
|
8196
8204
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
8197
8205
|
}
|
|
8198
8206
|
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8199
|
-
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$
|
|
8207
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8200
8208
|
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8201
8209
|
|
|
8202
|
-
var _templateObject$1B, _templateObject2$
|
|
8210
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$F;
|
|
8203
8211
|
function ContactMobile$1() {
|
|
8204
8212
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8205
8213
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8261,7 +8269,7 @@ function ContactMobile$1() {
|
|
|
8261
8269
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
8262
8270
|
}
|
|
8263
8271
|
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8264
|
-
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$
|
|
8272
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8265
8273
|
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8266
8274
|
|
|
8267
8275
|
function ContactTypeDropdown() {
|
|
@@ -8328,7 +8336,7 @@ function ActionDropdown() {
|
|
|
8328
8336
|
});
|
|
8329
8337
|
}
|
|
8330
8338
|
|
|
8331
|
-
var _templateObject$1C, _templateObject2$
|
|
8339
|
+
var _templateObject$1C, _templateObject2$1c;
|
|
8332
8340
|
function DeliveryDate$1() {
|
|
8333
8341
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8334
8342
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8365,7 +8373,7 @@ function DeliveryDate$1() {
|
|
|
8365
8373
|
}));
|
|
8366
8374
|
}
|
|
8367
8375
|
var Label$a = /*#__PURE__*/styled.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8368
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$
|
|
8376
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
8369
8377
|
|
|
8370
8378
|
function convertTo12HourFormat$1(time24) {
|
|
8371
8379
|
var _time24$split, _minutes$toString;
|
|
@@ -8414,7 +8422,7 @@ function TimedServiceDropdown$1() {
|
|
|
8414
8422
|
});
|
|
8415
8423
|
}
|
|
8416
8424
|
|
|
8417
|
-
var _templateObject$1D, _templateObject2$
|
|
8425
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$G, _templateObject4$k;
|
|
8418
8426
|
function CustomerInformation() {
|
|
8419
8427
|
var _orderDetails$order_r;
|
|
8420
8428
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8422,11 +8430,11 @@ function CustomerInformation() {
|
|
|
8422
8430
|
return React.createElement(Container$$, null, React.createElement(Title$3, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$i, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$i, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$i, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$i, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
8423
8431
|
}
|
|
8424
8432
|
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8425
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
8433
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
|
|
8426
8434
|
var Title$3 = /*#__PURE__*/styled.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8427
8435
|
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8428
8436
|
|
|
8429
|
-
var _templateObject$1E, _templateObject2$
|
|
8437
|
+
var _templateObject$1E, _templateObject2$1e;
|
|
8430
8438
|
function ProductTable$1() {
|
|
8431
8439
|
var _useProductDetails = useProductDetails(),
|
|
8432
8440
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8454,9 +8462,9 @@ function ProductTable$1() {
|
|
|
8454
8462
|
})))));
|
|
8455
8463
|
}
|
|
8456
8464
|
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8457
|
-
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8465
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8458
8466
|
|
|
8459
|
-
var _templateObject$1F, _templateObject2$
|
|
8467
|
+
var _templateObject$1F, _templateObject2$1f;
|
|
8460
8468
|
function NotesTable() {
|
|
8461
8469
|
var _useState = useState(null),
|
|
8462
8470
|
moduleIds = _useState[0],
|
|
@@ -8551,9 +8559,9 @@ function NotesTable() {
|
|
|
8551
8559
|
}))))));
|
|
8552
8560
|
}
|
|
8553
8561
|
var Title$5 = /*#__PURE__*/styled.h2(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8554
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8562
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
8555
8563
|
|
|
8556
|
-
var _templateObject$1G, _templateObject2$
|
|
8564
|
+
var _templateObject$1G, _templateObject2$1g;
|
|
8557
8565
|
function ConfirmationNotes() {
|
|
8558
8566
|
return React.createElement(Container$12, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
8559
8567
|
rows: 5,
|
|
@@ -8561,9 +8569,9 @@ function ConfirmationNotes() {
|
|
|
8561
8569
|
}));
|
|
8562
8570
|
}
|
|
8563
8571
|
var Label$b = /*#__PURE__*/styled.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8564
|
-
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8572
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8565
8573
|
|
|
8566
|
-
var _templateObject$1H, _templateObject2$
|
|
8574
|
+
var _templateObject$1H, _templateObject2$1h;
|
|
8567
8575
|
function DeliveryInstructions$1() {
|
|
8568
8576
|
return React.createElement(Container$13, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
8569
8577
|
rows: 5,
|
|
@@ -8571,9 +8579,9 @@ function DeliveryInstructions$1() {
|
|
|
8571
8579
|
}));
|
|
8572
8580
|
}
|
|
8573
8581
|
var Label$c = /*#__PURE__*/styled.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8574
|
-
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8582
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8575
8583
|
|
|
8576
|
-
var _templateObject$1I, _templateObject2$
|
|
8584
|
+
var _templateObject$1I, _templateObject2$1i;
|
|
8577
8585
|
function ContactWith() {
|
|
8578
8586
|
return React.createElement(Container$14, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
8579
8587
|
style: {
|
|
@@ -8582,9 +8590,9 @@ function ContactWith() {
|
|
|
8582
8590
|
}));
|
|
8583
8591
|
}
|
|
8584
8592
|
var Label$d = /*#__PURE__*/styled.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8585
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8593
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8586
8594
|
|
|
8587
|
-
var _templateObject$1J, _templateObject2$
|
|
8595
|
+
var _templateObject$1J, _templateObject2$1j, _templateObject3$H, _templateObject4$l;
|
|
8588
8596
|
function SlotAndInstructions() {
|
|
8589
8597
|
var _orderDetails$order_r;
|
|
8590
8598
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8592,11 +8600,11 @@ function SlotAndInstructions() {
|
|
|
8592
8600
|
return React.createElement(Container$15, null, React.createElement(Slot, null, React.createElement(Title$6, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
8593
8601
|
}
|
|
8594
8602
|
var Value = /*#__PURE__*/styled.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8595
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
8603
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8596
8604
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8597
8605
|
var Container$15 = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8598
8606
|
|
|
8599
|
-
var _templateObject$1K, _templateObject2$
|
|
8607
|
+
var _templateObject$1K, _templateObject2$1k;
|
|
8600
8608
|
// import { filterObject } from '../../../utils';
|
|
8601
8609
|
function ConfirmOrder() {
|
|
8602
8610
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8610,8 +8618,6 @@ function ConfirmOrder() {
|
|
|
8610
8618
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8611
8619
|
orderDetailsConfirmOrder = _useOrderDetailsConfi[0],
|
|
8612
8620
|
setOrderDetailsConfirmOrder = _useOrderDetailsConfi[1];
|
|
8613
|
-
var _useLoading = useLoading(),
|
|
8614
|
-
setLoading = _useLoading[1];
|
|
8615
8621
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8616
8622
|
customerInfo = _useCustomerInfo[0];
|
|
8617
8623
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
@@ -8619,13 +8625,14 @@ function ConfirmOrder() {
|
|
|
8619
8625
|
deliveryDate = _useConfirmOrderDate[0],
|
|
8620
8626
|
setDeliveryDate = _useConfirmOrderDate[1];
|
|
8621
8627
|
var _useLiveRecalling = useLiveRecalling(),
|
|
8622
|
-
liveRecalling = _useLiveRecalling[0],
|
|
8623
8628
|
setRecalling = _useLiveRecalling[1];
|
|
8624
8629
|
var _useOrderId = useOrderId(),
|
|
8625
8630
|
orderId = _useOrderId[0];
|
|
8626
8631
|
var _useErrorConfirmOrder = useErrorConfirmOrder(),
|
|
8627
8632
|
errorState = _useErrorConfirmOrder[0];
|
|
8628
8633
|
var updateOrder = useUpdateOrder();
|
|
8634
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
8635
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
8629
8636
|
var onClose = function onClose() {
|
|
8630
8637
|
setCurrentAction(undefined);
|
|
8631
8638
|
};
|
|
@@ -8644,27 +8651,6 @@ function ConfirmOrder() {
|
|
|
8644
8651
|
loadingForConfirm = _useApiHook.loading,
|
|
8645
8652
|
response = _useApiHook.data,
|
|
8646
8653
|
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
8647
|
-
var _useApiHook2 = useApiHook({
|
|
8648
|
-
endpoint: "orders/" + orderId,
|
|
8649
|
-
method: 'GET',
|
|
8650
|
-
performAction: false
|
|
8651
|
-
}),
|
|
8652
|
-
fetchedData = _useApiHook2.data,
|
|
8653
|
-
loading = _useApiHook2.loading,
|
|
8654
|
-
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
8655
|
-
useEffect(function () {
|
|
8656
|
-
var _fetchedData$data;
|
|
8657
|
-
setLoading(loading);
|
|
8658
|
-
if (fetchedData && fetchedData.data) {
|
|
8659
|
-
var requiredData = fetchedData == null ? void 0 : fetchedData.data;
|
|
8660
|
-
setOrderDetails(requiredData[0]);
|
|
8661
|
-
setPrevOrderDetails(requiredData[0]);
|
|
8662
|
-
setCurrentAction(undefined);
|
|
8663
|
-
}
|
|
8664
|
-
if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
|
|
8665
|
-
setCurrentAction(undefined);
|
|
8666
|
-
}
|
|
8667
|
-
}, [loading, liveRecalling]);
|
|
8668
8654
|
useEffect(function () {
|
|
8669
8655
|
if (response) {
|
|
8670
8656
|
//@ts-ignore
|
|
@@ -8674,13 +8660,11 @@ function ConfirmOrder() {
|
|
|
8674
8660
|
// @ts-ignore
|
|
8675
8661
|
description: (response == null ? void 0 : response.message) || 'Order confirmed successfully'
|
|
8676
8662
|
});
|
|
8677
|
-
setShouldPerformAction(true);
|
|
8678
8663
|
setRecalling(true);
|
|
8679
8664
|
setTimeout(function () {
|
|
8680
8665
|
setRecalling(false);
|
|
8681
8666
|
}, 2000);
|
|
8682
8667
|
} else {
|
|
8683
|
-
setShouldPerformAction(false);
|
|
8684
8668
|
notification.error({
|
|
8685
8669
|
message: 'Error',
|
|
8686
8670
|
description:
|
|
@@ -8701,33 +8685,35 @@ function ConfirmOrder() {
|
|
|
8701
8685
|
while (1) switch (_context.prev = _context.next) {
|
|
8702
8686
|
case 0:
|
|
8703
8687
|
setRecalling(false);
|
|
8688
|
+
setRecallOrders(false);
|
|
8704
8689
|
keysToRemovefromOrders = ['order_locked', 'order_communications', 'updated_at', 'updated_by', 'stock_alias', 'order_delivery_declined_dates', 'order_eta_updates'];
|
|
8705
8690
|
filteredOrderDetails = filterObject(orderDetailsConfirmOrder, keysToRemovefromOrders);
|
|
8706
8691
|
filteredPrevOrderDetails = filterObject(prevOrderDetails, keysToRemovefromOrders);
|
|
8707
8692
|
payload = compareOrderDetailsStates(filteredPrevOrderDetails, filteredOrderDetails);
|
|
8708
8693
|
notUpdateOrder = hasOnlyIdKey(payload);
|
|
8709
8694
|
if (notUpdateOrder) {
|
|
8710
|
-
_context.next =
|
|
8695
|
+
_context.next = 12;
|
|
8711
8696
|
break;
|
|
8712
8697
|
}
|
|
8713
|
-
_context.next =
|
|
8698
|
+
_context.next = 10;
|
|
8714
8699
|
return updateOrder([payload]);
|
|
8715
|
-
case
|
|
8700
|
+
case 10:
|
|
8716
8701
|
_response = _context.sent;
|
|
8717
8702
|
if (_response && (_response == null || (_response$data = _response.data) == null ? void 0 : _response$data.length) > 0) {
|
|
8718
8703
|
setOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8719
8704
|
setPrevOrderDetails(_response == null ? void 0 : _response.data[0]);
|
|
8705
|
+
setRecallOrders(true);
|
|
8720
8706
|
} else {
|
|
8721
8707
|
setOrderDetails(prevOrderDetails);
|
|
8722
8708
|
}
|
|
8723
|
-
case
|
|
8709
|
+
case 12:
|
|
8724
8710
|
if (orderId && deliveryDate) {
|
|
8725
8711
|
//call order update api then call confirm order if required
|
|
8726
8712
|
formattedDate = format(new Date(deliveryDate), 'yyyy-MM-dd');
|
|
8727
8713
|
setDeliveryDate(formattedDate);
|
|
8728
8714
|
setPerformAction(true);
|
|
8729
8715
|
}
|
|
8730
|
-
case
|
|
8716
|
+
case 13:
|
|
8731
8717
|
case "end":
|
|
8732
8718
|
return _context.stop();
|
|
8733
8719
|
}
|
|
@@ -8737,28 +8723,6 @@ function ConfirmOrder() {
|
|
|
8737
8723
|
return _ref.apply(this, arguments);
|
|
8738
8724
|
};
|
|
8739
8725
|
}();
|
|
8740
|
-
// const isDifferent = () => {
|
|
8741
|
-
// const keysToRemovefromOrders = [
|
|
8742
|
-
// 'order_locked',
|
|
8743
|
-
// 'order_communications',
|
|
8744
|
-
// 'updated_at',
|
|
8745
|
-
// 'updated_by',
|
|
8746
|
-
// 'order_services',
|
|
8747
|
-
// ];
|
|
8748
|
-
// const filteredOrderDetails = filterObject(
|
|
8749
|
-
// orderDetailsConfirmOrder,
|
|
8750
|
-
// keysToRemovefromOrders
|
|
8751
|
-
// );
|
|
8752
|
-
// const filteredPrevOrderDetails = filterObject(
|
|
8753
|
-
// prevOrderDetails,
|
|
8754
|
-
// keysToRemovefromOrders
|
|
8755
|
-
// );
|
|
8756
|
-
// const orderDetailsSorted = JSON.stringify(filteredOrderDetails);
|
|
8757
|
-
// const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);
|
|
8758
|
-
// const isSame = orderDetailsSorted === prevOrderDetailsSorted;
|
|
8759
|
-
// // newOrderServicesSorted === prevOrderServicesSorted;
|
|
8760
|
-
// return !isSame;
|
|
8761
|
-
// };
|
|
8762
8726
|
var errorFound = function errorFound() {
|
|
8763
8727
|
var isError = errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workContactError.length > 0 || errorState.mobileError.length > 0;
|
|
8764
8728
|
return isError;
|
|
@@ -8774,10 +8738,10 @@ function ConfirmOrder() {
|
|
|
8774
8738
|
}, React.createElement(ContentContainer$4, null, React.createElement(Wrapper$j, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
8775
8739
|
}
|
|
8776
8740
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8777
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8741
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
8778
8742
|
|
|
8779
|
-
var _templateObject2$
|
|
8780
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
8743
|
+
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;
|
|
8744
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8781
8745
|
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
8782
8746
|
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
8783
8747
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -8962,6 +8926,8 @@ function HoldOrderModal() {
|
|
|
8962
8926
|
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
8963
8927
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8964
8928
|
customerInfo = _useCustomerInfo[0];
|
|
8929
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
8930
|
+
setRecalling = _useLiveRecalling[1];
|
|
8965
8931
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
8966
8932
|
var onHoldReasonOptions = orderStaticData == null || (_orderStaticData$onho = orderStaticData.onhold_reasons) == null ? void 0 : _orderStaticData$onho.map(function (item) {
|
|
8967
8933
|
return {
|
|
@@ -9003,6 +8969,10 @@ function HoldOrderModal() {
|
|
|
9003
8969
|
//@ts-ignore
|
|
9004
8970
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
9005
8971
|
setShouldPerformAction(true);
|
|
8972
|
+
setRecalling(true);
|
|
8973
|
+
setTimeout(function () {
|
|
8974
|
+
setRecalling(false);
|
|
8975
|
+
}, 1000);
|
|
9006
8976
|
} else {
|
|
9007
8977
|
notification.error({
|
|
9008
8978
|
message: 'Error',
|
|
@@ -9263,7 +9233,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9263
9233
|
var _useLoading = useLoading(),
|
|
9264
9234
|
setLoading = _useLoading[1];
|
|
9265
9235
|
var _useApiHook = useApiHook({
|
|
9266
|
-
endpoint: "orders/" + orderId + "/unhold
|
|
9236
|
+
endpoint: "orders/" + orderId + "/unhold/",
|
|
9267
9237
|
method: 'POST',
|
|
9268
9238
|
performAction: false
|
|
9269
9239
|
}),
|
|
@@ -9349,7 +9319,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9349
9319
|
}, " * ")), children);
|
|
9350
9320
|
};
|
|
9351
9321
|
|
|
9352
|
-
var _templateObject$1N, _templateObject2$
|
|
9322
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$K, _templateObject4$o, _templateObject5$h;
|
|
9353
9323
|
dayjs.extend(utc);
|
|
9354
9324
|
dayjs.extend(isValid);
|
|
9355
9325
|
function CreateReminderModal() {
|
|
@@ -9576,7 +9546,7 @@ function CreateReminderModal() {
|
|
|
9576
9546
|
})));
|
|
9577
9547
|
}
|
|
9578
9548
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9579
|
-
var Label$g = /*#__PURE__*/styled.label(_templateObject2$
|
|
9549
|
+
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9580
9550
|
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9581
9551
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
9582
9552
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
@@ -9936,7 +9906,7 @@ function TaskReminderModal() {
|
|
|
9936
9906
|
}
|
|
9937
9907
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
9938
9908
|
|
|
9939
|
-
var _templateObject$1P, _templateObject2$
|
|
9909
|
+
var _templateObject$1P, _templateObject2$1n;
|
|
9940
9910
|
function OrderLock() {
|
|
9941
9911
|
var _useCurrentAction = useCurrentAction(),
|
|
9942
9912
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -9944,6 +9914,10 @@ function OrderLock() {
|
|
|
9944
9914
|
orderDetails = _useOrderDetails[0],
|
|
9945
9915
|
setOrderdetails = _useOrderDetails[1];
|
|
9946
9916
|
var lockOrder = useUpdateOrder();
|
|
9917
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
9918
|
+
setRecallOrders = _useGlobalStateHitOrd[1];
|
|
9919
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
9920
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
9947
9921
|
var title = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlocking Order' : 'Locking Order';
|
|
9948
9922
|
var action = (orderDetails == null ? void 0 : orderDetails.order_locked) === true ? 'Unlock' : 'Lock';
|
|
9949
9923
|
var onClose = function onClose() {
|
|
@@ -9955,20 +9929,24 @@ function OrderLock() {
|
|
|
9955
9929
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
9956
9930
|
while (1) switch (_context.prev = _context.next) {
|
|
9957
9931
|
case 0:
|
|
9932
|
+
setRecallOrders(false);
|
|
9958
9933
|
isLocked = (orderDetails == null ? void 0 : orderDetails.order_locked) === null ? false : orderDetails == null ? void 0 : orderDetails.order_locked;
|
|
9959
9934
|
payload = [{
|
|
9960
9935
|
id: orderDetails == null ? void 0 : orderDetails.id,
|
|
9961
9936
|
order_locked: !isLocked
|
|
9962
9937
|
}];
|
|
9963
|
-
_context.next =
|
|
9938
|
+
_context.next = 5;
|
|
9964
9939
|
return lockOrder(payload);
|
|
9965
|
-
case
|
|
9940
|
+
case 5:
|
|
9966
9941
|
response = _context.sent;
|
|
9967
9942
|
if (response.data) {
|
|
9968
9943
|
setOrderdetails(response.data[0]);
|
|
9944
|
+
setOrderdetails(response == null ? void 0 : response.data[0]);
|
|
9945
|
+
setRecallAuditLog(true);
|
|
9946
|
+
setRecallOrders(true);
|
|
9969
9947
|
}
|
|
9970
9948
|
onClose();
|
|
9971
|
-
case
|
|
9949
|
+
case 8:
|
|
9972
9950
|
case "end":
|
|
9973
9951
|
return _context.stop();
|
|
9974
9952
|
}
|
|
@@ -9990,7 +9968,7 @@ function OrderLock() {
|
|
|
9990
9968
|
});
|
|
9991
9969
|
}
|
|
9992
9970
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
9993
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
9971
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9994
9972
|
|
|
9995
9973
|
function useUpdateFlag() {
|
|
9996
9974
|
var ssoToken = getCookie('id_token');
|
|
@@ -10060,7 +10038,7 @@ function useUpdateFlag() {
|
|
|
10060
10038
|
return create;
|
|
10061
10039
|
}
|
|
10062
10040
|
|
|
10063
|
-
var _templateObject$1Q, _templateObject2$
|
|
10041
|
+
var _templateObject$1Q, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$i, _templateObject6$9;
|
|
10064
10042
|
function HeaderSection() {
|
|
10065
10043
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10066
10044
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10131,13 +10109,13 @@ function HeaderSection() {
|
|
|
10131
10109
|
})));
|
|
10132
10110
|
}
|
|
10133
10111
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10134
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
10112
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10135
10113
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10136
10114
|
var Title$7 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
10137
10115
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
10138
10116
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10139
10117
|
|
|
10140
|
-
var _templateObject$1R, _templateObject2$
|
|
10118
|
+
var _templateObject$1R, _templateObject2$1p;
|
|
10141
10119
|
function TextSection() {
|
|
10142
10120
|
var _useSinglePayload = useSinglePayload(),
|
|
10143
10121
|
payload = _useSinglePayload[0],
|
|
@@ -10156,9 +10134,9 @@ function TextSection() {
|
|
|
10156
10134
|
}));
|
|
10157
10135
|
}
|
|
10158
10136
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10159
|
-
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10137
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10160
10138
|
|
|
10161
|
-
var _templateObject$1S, _templateObject2$
|
|
10139
|
+
var _templateObject$1S, _templateObject2$1q, _templateObject3$M, _templateObject4$q;
|
|
10162
10140
|
function StatusIndicator(props) {
|
|
10163
10141
|
var statusColor = getStatusColor(props.status);
|
|
10164
10142
|
return React.createElement(Container$17, null, React.createElement(StatusCircleContainer, {
|
|
@@ -10172,7 +10150,7 @@ function StatusIndicator(props) {
|
|
|
10172
10150
|
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
10173
10151
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10174
10152
|
});
|
|
10175
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
10153
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
10176
10154
|
return props.color;
|
|
10177
10155
|
});
|
|
10178
10156
|
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -10180,7 +10158,7 @@ var Text$8 = /*#__PURE__*/styled.span(_templateObject4$q || (_templateObject4$q
|
|
|
10180
10158
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10181
10159
|
});
|
|
10182
10160
|
|
|
10183
|
-
var _templateObject$1T, _templateObject2$
|
|
10161
|
+
var _templateObject$1T, _templateObject2$1r;
|
|
10184
10162
|
function ButtonsSection() {
|
|
10185
10163
|
var _useSinglePayload = useSinglePayload(),
|
|
10186
10164
|
payload = _useSinglePayload[0],
|
|
@@ -10272,9 +10250,9 @@ function ButtonsSection() {
|
|
|
10272
10250
|
}))));
|
|
10273
10251
|
}
|
|
10274
10252
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10275
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject2$
|
|
10253
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10276
10254
|
|
|
10277
|
-
var _templateObject$1U, _templateObject2$
|
|
10255
|
+
var _templateObject$1U, _templateObject2$1s, _templateObject3$N, _templateObject4$r, _templateObject5$j, _templateObject6$a;
|
|
10278
10256
|
function ActionSection() {
|
|
10279
10257
|
var _useCurrentAction = useCurrentAction(),
|
|
10280
10258
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10361,13 +10339,13 @@ function RadioButtonsSection() {
|
|
|
10361
10339
|
}));
|
|
10362
10340
|
}
|
|
10363
10341
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10364
|
-
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$
|
|
10342
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10365
10343
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10366
10344
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10367
10345
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10368
10346
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10369
10347
|
|
|
10370
|
-
var _templateObject$1V, _templateObject2$
|
|
10348
|
+
var _templateObject$1V, _templateObject2$1t, _templateObject3$O, _templateObject4$s, _templateObject5$k;
|
|
10371
10349
|
function DetailSection() {
|
|
10372
10350
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10373
10351
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10380,7 +10358,7 @@ function DetailSection() {
|
|
|
10380
10358
|
}), React.createElement(Order, null, orderColumnData)));
|
|
10381
10359
|
}
|
|
10382
10360
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10383
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10361
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10384
10362
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10385
10363
|
var Order = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10386
10364
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$j)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -10465,7 +10443,7 @@ function useFetchSingleFlagsData() {
|
|
|
10465
10443
|
return res;
|
|
10466
10444
|
}
|
|
10467
10445
|
|
|
10468
|
-
var _templateObject$1W, _templateObject2$
|
|
10446
|
+
var _templateObject$1W, _templateObject2$1u, _templateObject3$P;
|
|
10469
10447
|
function ViewFlag() {
|
|
10470
10448
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10471
10449
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10563,7 +10541,7 @@ function ViewFlag() {
|
|
|
10563
10541
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
10564
10542
|
}
|
|
10565
10543
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10566
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
10544
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10567
10545
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
10568
10546
|
|
|
10569
10547
|
var _templateObject$1X;
|
|
@@ -10750,7 +10728,10 @@ function UncancelOrder() {
|
|
|
10750
10728
|
infoText: infoText,
|
|
10751
10729
|
submitBtnTitle: "Save Details",
|
|
10752
10730
|
isSubmitDisabled: !showSubmitBtn
|
|
10753
|
-
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$
|
|
10731
|
+
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$j, {
|
|
10732
|
+
label: "Un-cancel Reason",
|
|
10733
|
+
required: true
|
|
10734
|
+
}), React.createElement(AntSelect, {
|
|
10754
10735
|
options: unCancelReasonOptions || [],
|
|
10755
10736
|
placeholder: "Select un-cancel Reason",
|
|
10756
10737
|
onChange: onChangeUnCancelReason,
|
|
@@ -10763,7 +10744,9 @@ function UncancelOrder() {
|
|
|
10763
10744
|
popupClassName: 'dropDownStyle',
|
|
10764
10745
|
selectWrapperClass: 'rounded',
|
|
10765
10746
|
defaultValue: unCancelReason
|
|
10766
|
-
})), React.createElement(HoldRow, null, React.createElement(Label$
|
|
10747
|
+
})), React.createElement(HoldRow, null, React.createElement(Label$j, {
|
|
10748
|
+
label: "Un-cancel Note"
|
|
10749
|
+
}), React.createElement(CustomTextArea$3, {
|
|
10767
10750
|
rows: 5,
|
|
10768
10751
|
onChange: onChange
|
|
10769
10752
|
})))));
|
|
@@ -10919,7 +10902,7 @@ function RemoveFromRoute() {
|
|
|
10919
10902
|
}
|
|
10920
10903
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10921
10904
|
|
|
10922
|
-
var _templateObject$1$, _templateObject2$
|
|
10905
|
+
var _templateObject$1$, _templateObject2$1v, _templateObject3$Q, _templateObject4$t;
|
|
10923
10906
|
function CreateTaskModal() {
|
|
10924
10907
|
var _useTaskTypeData = useTaskTypeData(),
|
|
10925
10908
|
taskTypes = _useTaskTypeData[0];
|
|
@@ -11107,7 +11090,7 @@ function CreateTaskModal() {
|
|
|
11107
11090
|
})));
|
|
11108
11091
|
}
|
|
11109
11092
|
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
11110
|
-
var StyledLink$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11093
|
+
var StyledLink$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
11111
11094
|
var Label$h = /*#__PURE__*/styled.label(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
11112
11095
|
var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 25%;\n"])));
|
|
11113
11096
|
|
|
@@ -11468,7 +11451,7 @@ function useSystemLogs() {
|
|
|
11468
11451
|
return perform;
|
|
11469
11452
|
}
|
|
11470
11453
|
|
|
11471
|
-
var _templateObject$22, _templateObject2$
|
|
11454
|
+
var _templateObject$22, _templateObject2$1w;
|
|
11472
11455
|
var Details = function Details() {
|
|
11473
11456
|
// const [orderDetails] = useOrderDetails();
|
|
11474
11457
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11478,7 +11461,7 @@ var Details = function Details() {
|
|
|
11478
11461
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11479
11462
|
};
|
|
11480
11463
|
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11481
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
11464
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
11482
11465
|
|
|
11483
11466
|
var _templateObject$23;
|
|
11484
11467
|
function Options() {
|
|
@@ -11709,7 +11692,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
11709
11692
|
};
|
|
11710
11693
|
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
11711
11694
|
|
|
11712
|
-
var _templateObject$28, _templateObject2$
|
|
11695
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$R;
|
|
11713
11696
|
function FlagTemplate(_ref) {
|
|
11714
11697
|
var _data$tasks_types;
|
|
11715
11698
|
var data = _ref.data;
|
|
@@ -11741,13 +11724,13 @@ function FlagTemplate(_ref) {
|
|
|
11741
11724
|
}));
|
|
11742
11725
|
}
|
|
11743
11726
|
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11744
|
-
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject2$
|
|
11727
|
+
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11745
11728
|
var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11746
11729
|
var color = _ref2.color;
|
|
11747
11730
|
return color;
|
|
11748
11731
|
});
|
|
11749
11732
|
|
|
11750
|
-
var _templateObject$29, _templateObject2$
|
|
11733
|
+
var _templateObject$29, _templateObject2$1y, _templateObject3$S;
|
|
11751
11734
|
function ReminderTemplate(_ref) {
|
|
11752
11735
|
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11753
11736
|
var data = _ref.data,
|
|
@@ -11783,13 +11766,143 @@ function ReminderTemplate(_ref) {
|
|
|
11783
11766
|
})));
|
|
11784
11767
|
}
|
|
11785
11768
|
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11786
|
-
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
11769
|
+
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11787
11770
|
var color = _ref2.color;
|
|
11788
11771
|
return color;
|
|
11789
11772
|
});
|
|
11790
11773
|
var StyledLink$3 = /*#__PURE__*/styled.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11791
11774
|
|
|
11792
|
-
var _templateObject$2a, _templateObject2$
|
|
11775
|
+
var _templateObject$2a, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b;
|
|
11776
|
+
function OrderTemplate(_ref) {
|
|
11777
|
+
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;
|
|
11778
|
+
var orderDetails = _ref.orderDetails;
|
|
11779
|
+
var _useRouteDetails = useRouteDetails(),
|
|
11780
|
+
routeData = _useRouteDetails[0];
|
|
11781
|
+
var _useOrderNotify = useOrderNotify(),
|
|
11782
|
+
setOrderCount = _useOrderNotify[1];
|
|
11783
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
11784
|
+
statusVal = _useAllOrderStatus[0];
|
|
11785
|
+
var precall = false;
|
|
11786
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
11787
|
+
orderStaticData = _useOrderStaticData[0];
|
|
11788
|
+
var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
|
|
11789
|
+
return {
|
|
11790
|
+
id: x == null ? void 0 : x.id,
|
|
11791
|
+
reason: x == null ? void 0 : x.reason
|
|
11792
|
+
};
|
|
11793
|
+
});
|
|
11794
|
+
var getReasonById = function getReasonById(id) {
|
|
11795
|
+
if (!unholdReasons || (unholdReasons == null ? void 0 : unholdReasons.length) === 0) {
|
|
11796
|
+
return 'Reason not found';
|
|
11797
|
+
}
|
|
11798
|
+
var match = unholdReasons == null ? void 0 : unholdReasons.find(function (item) {
|
|
11799
|
+
return (item == null ? void 0 : item.id) === id;
|
|
11800
|
+
});
|
|
11801
|
+
return match ? match == null ? void 0 : match.reason : 'Reason not found';
|
|
11802
|
+
};
|
|
11803
|
+
var reason = getReasonById(orderDetails == null || (_orderDetails$order_c = orderDetails.order_cancellations) == null ? void 0 : _orderDetails$order_c.reason_id);
|
|
11804
|
+
var _useState = useState({
|
|
11805
|
+
isHoldVisible: true,
|
|
11806
|
+
isCompleted: true,
|
|
11807
|
+
isOutstanding: true,
|
|
11808
|
+
isAwaitingConfirmation: true,
|
|
11809
|
+
isAwaitingRoute: true,
|
|
11810
|
+
isCancelled: true,
|
|
11811
|
+
isEnroute: true,
|
|
11812
|
+
isPreCall: true,
|
|
11813
|
+
isConfirmed: true
|
|
11814
|
+
}),
|
|
11815
|
+
alertVisibility = _useState[0],
|
|
11816
|
+
setAlertVisibility = _useState[1];
|
|
11817
|
+
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) + ' ';
|
|
11818
|
+
useEffect(function () {
|
|
11819
|
+
}, [precall]);
|
|
11820
|
+
//on close alert functionality
|
|
11821
|
+
var onCloseAlert = function onCloseAlert(alertType) {
|
|
11822
|
+
setAlertVisibility(function (prev) {
|
|
11823
|
+
var _extends2;
|
|
11824
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[alertType] = false, _extends2));
|
|
11825
|
+
});
|
|
11826
|
+
setOrderCount(0);
|
|
11827
|
+
};
|
|
11828
|
+
return React.createElement(React.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11829
|
+
type: "warn",
|
|
11830
|
+
title: React.createElement(React.Fragment, null, (orderDetails == null || (_orderDetails$order_o = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o.hold_indefinitely) === false ? React.createElement(HoldText, null, "on hold until:", ' ', orderDetails != null && (_orderDetails$order_o2 = orderDetails.order_on_hold) != null && _orderDetails$order_o2.hold_untill ? format(new Date(orderDetails == null || (_orderDetails$order_o3 = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o3.hold_untill), 'dd/MM/yyyy') : '') : React.createElement(HoldText, null, "On Hold Until: Indefinitely")),
|
|
11831
|
+
description: '',
|
|
11832
|
+
showOkButton: false,
|
|
11833
|
+
onClose: function onClose() {
|
|
11834
|
+
return onCloseAlert('isHoldVisible');
|
|
11835
|
+
}
|
|
11836
|
+
})), orderDetails.status == 'SD' && alertVisibility.isCompleted && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11837
|
+
type: "success",
|
|
11838
|
+
title: React.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),
|
|
11839
|
+
description: React.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),
|
|
11840
|
+
showOkButton: false,
|
|
11841
|
+
onClose: function onClose() {
|
|
11842
|
+
return onCloseAlert('isCompleted');
|
|
11843
|
+
}
|
|
11844
|
+
})), precall , statusVal == 'outstanding' && alertVisibility.isOutstanding && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11845
|
+
type: "release",
|
|
11846
|
+
title: "Outstanding",
|
|
11847
|
+
description: "",
|
|
11848
|
+
showOkButton: false,
|
|
11849
|
+
onClose: function onClose() {
|
|
11850
|
+
return onCloseAlert('isOutstanding');
|
|
11851
|
+
}
|
|
11852
|
+
})), statusVal == 'awaiting confirmation' && alertVisibility.isAwaitingConfirmation && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11853
|
+
type: "info",
|
|
11854
|
+
title: React.createElement(React.Fragment, null, React.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', React.createElement("span", null, ", Awaiting Confirmation"))),
|
|
11855
|
+
description: "",
|
|
11856
|
+
showOkButton: false,
|
|
11857
|
+
onClose: function onClose() {
|
|
11858
|
+
return onCloseAlert('isAwaitingConfirmation');
|
|
11859
|
+
}
|
|
11860
|
+
})), statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11861
|
+
type: "info",
|
|
11862
|
+
title: React.createElement(React.Fragment, null, React.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', ",", React.createElement("span", null, " Awaiting Route"))),
|
|
11863
|
+
description: "",
|
|
11864
|
+
showOkButton: false,
|
|
11865
|
+
onClose: function onClose() {
|
|
11866
|
+
return onCloseAlert('isAwaitingRoute');
|
|
11867
|
+
}
|
|
11868
|
+
})), statusVal == 'cancelled' && alertVisibility.isCancelled && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11869
|
+
type: "error",
|
|
11870
|
+
title: "This order has been cancelled",
|
|
11871
|
+
description: reason,
|
|
11872
|
+
showOkButton: false,
|
|
11873
|
+
onClose: function onClose() {
|
|
11874
|
+
return onCloseAlert('isCancelled');
|
|
11875
|
+
}
|
|
11876
|
+
})), statusVal == 'enroute' && alertVisibility.isEnroute && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11877
|
+
type: "info",
|
|
11878
|
+
title: React.createElement(React.Fragment, null, React.createElement(EnRouteText, null, "Allocated to Route :", ' ', React.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 ? format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React.createElement("span", null, ' ', ", Confirmed: ", React.createElement("span", {
|
|
11879
|
+
className: "no"
|
|
11880
|
+
}, "NO")))),
|
|
11881
|
+
description: "",
|
|
11882
|
+
showOkButton: false,
|
|
11883
|
+
onClose: function onClose() {
|
|
11884
|
+
return onCloseAlert('isEnroute');
|
|
11885
|
+
}
|
|
11886
|
+
})), statusVal == 'confirmed' && alertVisibility.isConfirmed && React.createElement(StyledAlert$2, null, React.createElement(FlagAlert, {
|
|
11887
|
+
type: "info",
|
|
11888
|
+
title: React.createElement(React.Fragment, null, React.createElement(EnRouteText, null, "Allocated to Route :", ' ', React.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 ? format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React.createElement("span", null, ' ', ", Confirmed: ", React.createElement("span", {
|
|
11889
|
+
className: "yes"
|
|
11890
|
+
}, "YES")))),
|
|
11891
|
+
description: "",
|
|
11892
|
+
showOkButton: false,
|
|
11893
|
+
onClose: function onClose() {
|
|
11894
|
+
return onCloseAlert('isConfirmed');
|
|
11895
|
+
}
|
|
11896
|
+
})));
|
|
11897
|
+
}
|
|
11898
|
+
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
11899
|
+
var SubtitleText = /*#__PURE__*/styled.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"])));
|
|
11900
|
+
var TitleText = /*#__PURE__*/styled.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"])));
|
|
11901
|
+
var ScheduledText = /*#__PURE__*/styled.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"])));
|
|
11902
|
+
var HoldText = /*#__PURE__*/styled.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"])));
|
|
11903
|
+
var EnRouteText = /*#__PURE__*/styled.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"])));
|
|
11904
|
+
|
|
11905
|
+
var _templateObject$2b, _templateObject2$1A;
|
|
11793
11906
|
function Tabs(_ref) {
|
|
11794
11907
|
var activeNotifications = _ref.activeNotifications,
|
|
11795
11908
|
closedNotifications = _ref.closedNotifications,
|
|
@@ -11799,13 +11912,17 @@ function Tabs(_ref) {
|
|
|
11799
11912
|
dismissFlags = _ref.dismissFlags;
|
|
11800
11913
|
var _useTabType = useTabType(),
|
|
11801
11914
|
activeTab = _useTabType[0];
|
|
11802
|
-
var
|
|
11803
|
-
|
|
11804
|
-
var
|
|
11805
|
-
var
|
|
11915
|
+
var _useOrderDetails = useOrderDetails(),
|
|
11916
|
+
orderDetails = _useOrderDetails[0];
|
|
11917
|
+
var initialNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(0, 3);
|
|
11918
|
+
var additionalNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(3);
|
|
11919
|
+
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
11920
|
+
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
11806
11921
|
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$1a, {
|
|
11807
11922
|
className: "tab-content"
|
|
11808
|
-
}, activeTab === 'active' && React.createElement(React.Fragment, null,
|
|
11923
|
+
}, activeTab === 'active' && React.createElement(React.Fragment, null, React.createElement(OrderTemplate, {
|
|
11924
|
+
orderDetails: orderDetails
|
|
11925
|
+
}), initialReminders == null ? void 0 : initialReminders.map(function (item, index) {
|
|
11809
11926
|
return React.createElement(ReminderTemplate, {
|
|
11810
11927
|
key: index,
|
|
11811
11928
|
data: item,
|
|
@@ -11843,8 +11960,8 @@ function Tabs(_ref) {
|
|
|
11843
11960
|
});
|
|
11844
11961
|
})))));
|
|
11845
11962
|
}
|
|
11846
|
-
var Container$1a = /*#__PURE__*/styled.div(_templateObject$
|
|
11847
|
-
var Content = /*#__PURE__*/styled.div(_templateObject2$
|
|
11963
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11964
|
+
var Content = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11848
11965
|
|
|
11849
11966
|
var NotifyFlag = function NotifyFlag() {
|
|
11850
11967
|
return React.createElement("svg", {
|
|
@@ -11862,7 +11979,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
11862
11979
|
}));
|
|
11863
11980
|
};
|
|
11864
11981
|
|
|
11865
|
-
var _templateObject$
|
|
11982
|
+
var _templateObject$2c, _templateObject2$1B, _templateObject3$U, _templateObject4$v, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
|
|
11866
11983
|
function Notification() {
|
|
11867
11984
|
var _OrderData$order_rout;
|
|
11868
11985
|
var _useTabType = useTabType(),
|
|
@@ -12039,12 +12156,12 @@ function Notification() {
|
|
|
12039
12156
|
dismissFlags: dismissFlags
|
|
12040
12157
|
})) : 'No Notifications Found'));
|
|
12041
12158
|
}
|
|
12042
|
-
var Container$1b = /*#__PURE__*/styled.div(_templateObject$
|
|
12043
|
-
var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12044
|
-
var Spinner$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12045
|
-
var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
12046
|
-
var TabsData = /*#__PURE__*/styled.div(_templateObject5$
|
|
12047
|
-
var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$
|
|
12159
|
+
var Container$1b = /*#__PURE__*/styled.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"])));
|
|
12160
|
+
var Loader$1 = /*#__PURE__*/styled.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"])));
|
|
12161
|
+
var Spinner$1 = /*#__PURE__*/styled.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"])));
|
|
12162
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
12163
|
+
var TabsData = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
12164
|
+
var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
12048
12165
|
var ClosedCount = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
12049
12166
|
var StyledTab = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
12050
12167
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
@@ -12056,49 +12173,49 @@ var Label$i = /*#__PURE__*/styled(SectionHeader)(_templateObject10$3 || (_templa
|
|
|
12056
12173
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
12057
12174
|
var Text$9 = /*#__PURE__*/styled.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
12058
12175
|
|
|
12059
|
-
var _templateObject$
|
|
12176
|
+
var _templateObject$2d;
|
|
12060
12177
|
function CollapsedContent$2() {
|
|
12061
12178
|
return React.createElement(Font$1, null, "ORDER RESOURCES");
|
|
12062
12179
|
}
|
|
12063
|
-
var Font$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
12180
|
+
var Font$1 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
12064
12181
|
|
|
12065
|
-
var _templateObject$
|
|
12182
|
+
var _templateObject$2e, _templateObject2$1C;
|
|
12066
12183
|
function Category(props) {
|
|
12067
12184
|
var _props$row;
|
|
12068
12185
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
12069
12186
|
return React.createElement(RowContainer$4, null, React.createElement(Row$6, null, data));
|
|
12070
12187
|
}
|
|
12071
|
-
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
12072
|
-
var Row$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12188
|
+
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12189
|
+
var Row$6 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12073
12190
|
|
|
12074
|
-
var _templateObject$
|
|
12191
|
+
var _templateObject$2f, _templateObject2$1D;
|
|
12075
12192
|
function Date$2(props) {
|
|
12076
12193
|
var _props$row;
|
|
12077
12194
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
12078
12195
|
return React.createElement(RowContainer$5, null, React.createElement(Row$7, null, formatDate$1(data)));
|
|
12079
12196
|
}
|
|
12080
|
-
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
12081
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12197
|
+
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12198
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12082
12199
|
|
|
12083
|
-
var _templateObject$
|
|
12200
|
+
var _templateObject$2g, _templateObject2$1E;
|
|
12084
12201
|
function Reference(props) {
|
|
12085
12202
|
var _props$row;
|
|
12086
12203
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
12087
12204
|
return React.createElement(RowContainer$6, null, React.createElement(Row$8, null, data));
|
|
12088
12205
|
}
|
|
12089
|
-
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
12090
|
-
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12206
|
+
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12207
|
+
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12091
12208
|
|
|
12092
|
-
var _templateObject$
|
|
12209
|
+
var _templateObject$2h, _templateObject2$1F;
|
|
12093
12210
|
function Type(props) {
|
|
12094
12211
|
var _props$row;
|
|
12095
12212
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
12096
12213
|
return React.createElement(RowContainer$7, null, React.createElement(Row$9, null, data));
|
|
12097
12214
|
}
|
|
12098
|
-
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
12099
|
-
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12215
|
+
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12216
|
+
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12100
12217
|
|
|
12101
|
-
var _templateObject$
|
|
12218
|
+
var _templateObject$2i, _templateObject2$1G, _templateObject3$V;
|
|
12102
12219
|
function Action(_ref) {
|
|
12103
12220
|
var _row$original, _orderResources$data;
|
|
12104
12221
|
var row = _ref.row;
|
|
@@ -12207,9 +12324,9 @@ function Action(_ref) {
|
|
|
12207
12324
|
}, React.createElement(DownIcon, null)))));
|
|
12208
12325
|
}
|
|
12209
12326
|
// Styled components for styling
|
|
12210
|
-
var Actions = /*#__PURE__*/styled.div(_templateObject$
|
|
12211
|
-
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
12212
|
-
var Row$a = /*#__PURE__*/styled.div(_templateObject3$
|
|
12327
|
+
var Actions = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12328
|
+
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
12329
|
+
var Row$a = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
12213
12330
|
|
|
12214
12331
|
var tableColumns$1 = [{
|
|
12215
12332
|
header: 'Date',
|
|
@@ -12238,7 +12355,7 @@ var tableColumns$1 = [{
|
|
|
12238
12355
|
enableSorting: false
|
|
12239
12356
|
}];
|
|
12240
12357
|
|
|
12241
|
-
var _templateObject$
|
|
12358
|
+
var _templateObject$2j;
|
|
12242
12359
|
function Order$1() {
|
|
12243
12360
|
var _orderResources$data;
|
|
12244
12361
|
var _useOrderProductsReso = useOrderProductsResources(),
|
|
@@ -12251,9 +12368,9 @@ function Order$1() {
|
|
|
12251
12368
|
data: data
|
|
12252
12369
|
})));
|
|
12253
12370
|
}
|
|
12254
|
-
var Table$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
12371
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
12255
12372
|
|
|
12256
|
-
var _templateObject$
|
|
12373
|
+
var _templateObject$2k, _templateObject2$1H, _templateObject3$W, _templateObject4$w;
|
|
12257
12374
|
function OrderView() {
|
|
12258
12375
|
notification.config({
|
|
12259
12376
|
top: 150
|
|
@@ -12302,6 +12419,13 @@ function OrderView() {
|
|
|
12302
12419
|
setVisibilityData = _useVisibilityData[1];
|
|
12303
12420
|
var _useSubContracterData = useSubContracterData(),
|
|
12304
12421
|
setSubContracterData = _useSubContracterData[1];
|
|
12422
|
+
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
12423
|
+
recallOrders = _useGlobalStateHitOrd[0];
|
|
12424
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
12425
|
+
setStatusVal = _useAllOrderStatus[1];
|
|
12426
|
+
useEffect(function () {
|
|
12427
|
+
setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
|
|
12428
|
+
}, [orderDetails == null ? void 0 : orderDetails.status_value]);
|
|
12305
12429
|
// query param
|
|
12306
12430
|
var location = useLocation();
|
|
12307
12431
|
var _useState2 = useState([]),
|
|
@@ -12384,10 +12508,10 @@ function OrderView() {
|
|
|
12384
12508
|
depotDataLoading = _useApiHook5.loading;
|
|
12385
12509
|
useEffect(function () {
|
|
12386
12510
|
if (orderId) {
|
|
12387
|
-
orderUpdate(
|
|
12511
|
+
orderUpdate(recallOrders);
|
|
12388
12512
|
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
12389
12513
|
}
|
|
12390
|
-
}, [orderId, liveRecalling]);
|
|
12514
|
+
}, [orderId, liveRecalling, recallOrders]);
|
|
12391
12515
|
useEffect(function () {
|
|
12392
12516
|
setLoading(staticDataLoading);
|
|
12393
12517
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -12431,6 +12555,8 @@ function OrderView() {
|
|
|
12431
12555
|
// setOrderId(null);
|
|
12432
12556
|
};
|
|
12433
12557
|
}, [statusDataLoading, fetchedStatusData]);
|
|
12558
|
+
var _useAtom = useAtom(setResourcesCall),
|
|
12559
|
+
getResources = _useAtom[0];
|
|
12434
12560
|
useEffect(function () {
|
|
12435
12561
|
setLoading(depotDataLoading);
|
|
12436
12562
|
if (fetchedDepotData && fetchedDepotData.data) {
|
|
@@ -12459,6 +12585,18 @@ function OrderView() {
|
|
|
12459
12585
|
}),
|
|
12460
12586
|
fetchedResourcesData = _useApiHook6.data,
|
|
12461
12587
|
setActions = _useApiHook6.setShouldPerformAction;
|
|
12588
|
+
useEffect(function () {
|
|
12589
|
+
if (orderId) {
|
|
12590
|
+
if (getResources) {
|
|
12591
|
+
setActions(false);
|
|
12592
|
+
setTimeout(function () {
|
|
12593
|
+
setActions(true);
|
|
12594
|
+
}, 200);
|
|
12595
|
+
} else {
|
|
12596
|
+
setActions(true);
|
|
12597
|
+
}
|
|
12598
|
+
}
|
|
12599
|
+
}, [orderId, setActions, getResources]);
|
|
12462
12600
|
useEffect(function () {
|
|
12463
12601
|
if (orderId) {
|
|
12464
12602
|
setActions(true);
|
|
@@ -12586,13 +12724,13 @@ function OrderView() {
|
|
|
12586
12724
|
}, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
|
|
12587
12725
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(Notification, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(Order$1, null), React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
12588
12726
|
}
|
|
12589
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
12590
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12591
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
12592
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
12727
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12728
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12729
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12730
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
12593
12731
|
|
|
12594
|
-
var _templateObject2$
|
|
12595
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12732
|
+
var _templateObject2$1I;
|
|
12733
|
+
var StyledBulkItem = /*#__PURE__*/styled.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"])));
|
|
12596
12734
|
|
|
12597
12735
|
var initialState$3 = {
|
|
12598
12736
|
'x-filters': [],
|
|
@@ -12658,7 +12796,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
12658
12796
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
12659
12797
|
});
|
|
12660
12798
|
|
|
12661
|
-
var _templateObject$
|
|
12799
|
+
var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
|
|
12662
12800
|
var SearchType = function SearchType() {
|
|
12663
12801
|
var _useState = useState(''),
|
|
12664
12802
|
searchText = _useState[0],
|
|
@@ -12704,9 +12842,9 @@ var SearchType = function SearchType() {
|
|
|
12704
12842
|
onClick: handleClear
|
|
12705
12843
|
}, React.createElement(CrossIcon, null)));
|
|
12706
12844
|
};
|
|
12707
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
12708
|
-
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
12709
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$
|
|
12845
|
+
var Search = /*#__PURE__*/styled.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"])));
|
|
12846
|
+
var ClearButton = /*#__PURE__*/styled.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"])));
|
|
12847
|
+
var SearchInput = /*#__PURE__*/styled.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"])));
|
|
12710
12848
|
|
|
12711
12849
|
var BulkFilter = function BulkFilter() {
|
|
12712
12850
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12955,7 +13093,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12955
13093
|
})))));
|
|
12956
13094
|
};
|
|
12957
13095
|
|
|
12958
|
-
var _templateObject$
|
|
13096
|
+
var _templateObject$2m, _templateObject2$1K, _templateObject3$Y;
|
|
12959
13097
|
var _excluded$6 = ["count"];
|
|
12960
13098
|
function ReturnMainTable() {
|
|
12961
13099
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -13036,9 +13174,9 @@ function ReturnMainTable() {
|
|
|
13036
13174
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
13037
13175
|
}))));
|
|
13038
13176
|
}
|
|
13039
|
-
var Row$b = /*#__PURE__*/styled.div(_templateObject$
|
|
13040
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$
|
|
13041
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$
|
|
13177
|
+
var Row$b = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13178
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
13179
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
13042
13180
|
|
|
13043
13181
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
13044
13182
|
var _useSearchParams = useSearchParams(),
|