@bjsdistribution/dms-client-return 0.1.18-prod → 0.1.19-prod
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/view-reminder/ViewReminder.d.ts +0 -2
- package/dist/components/store.d.ts +1 -1
- package/dist/dms-client-return.cjs.development.js +434 -284
- 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 +434 -284
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +1 -1
- package/src/components/order-daily-overview/index.tsx +3 -2
- package/src/components/order-view/order-details/expanded-content/customer-section/contact-info/ContactHome.tsx +102 -45
- package/src/components/order-view/order-details/expanded-content/customer-section/contact-info/ContactMobile.tsx +93 -34
- package/src/components/order-view/order-details/expanded-content/customer-section/contact-info/ContactWork.tsx +88 -31
- package/src/components/order-view/utils.ts +12 -0
- package/src/components/order-view/view-reminder/ViewReminder.tsx +0 -2
- package/src/components/store.ts +1 -1
|
@@ -554,7 +554,7 @@ function useSelectedData() {
|
|
|
554
554
|
function useNewReturnOrderData() {
|
|
555
555
|
return useAtom(newReturnOrderData);
|
|
556
556
|
}
|
|
557
|
-
var isClientPortalAtom = /*#__PURE__*/atom(
|
|
557
|
+
var isClientPortalAtom = /*#__PURE__*/atom(undefined);
|
|
558
558
|
function useClientPortal() {
|
|
559
559
|
return useAtom(isClientPortalAtom);
|
|
560
560
|
}
|
|
@@ -1211,7 +1211,7 @@ function SelectionFilter() {
|
|
|
1211
1211
|
loading = _useAxios.loading,
|
|
1212
1212
|
fetchData = _useAxios.fetchData;
|
|
1213
1213
|
useEffect(function () {
|
|
1214
|
-
if (!clientPortal) {
|
|
1214
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
1215
1215
|
fetchData();
|
|
1216
1216
|
}
|
|
1217
1217
|
}, []);
|
|
@@ -2779,6 +2779,19 @@ var DefectsData = [{
|
|
|
2779
2779
|
images: ''
|
|
2780
2780
|
}];
|
|
2781
2781
|
var handleKeyDown = function handleKeyDown(e) {
|
|
2782
|
+
// Allow common shortcuts like Ctrl+V, Ctrl+C, Ctrl+A, etc.
|
|
2783
|
+
if (e.ctrlKey || e.metaKey) {
|
|
2784
|
+
if (e.key.toLowerCase() === 'v' ||
|
|
2785
|
+
// Paste
|
|
2786
|
+
e.key.toLowerCase() === 'c' ||
|
|
2787
|
+
// Copy
|
|
2788
|
+
e.key.toLowerCase() === 'x' ||
|
|
2789
|
+
// Cut
|
|
2790
|
+
e.key.toLowerCase() === 'a' // Select All
|
|
2791
|
+
) {
|
|
2792
|
+
return;
|
|
2793
|
+
}
|
|
2794
|
+
}
|
|
2782
2795
|
// Allowed keys: numbers (0-9), '.', '-', '+'
|
|
2783
2796
|
var allowedKeys = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '-', '+', 'ArrowLeft', 'ArrowRight'];
|
|
2784
2797
|
// Allow backspace, delete, and Tab keys
|
|
@@ -4865,80 +4878,134 @@ var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObjec
|
|
|
4865
4878
|
var Right = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4866
4879
|
var Container$c = /*#__PURE__*/styled.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4867
4880
|
|
|
4868
|
-
var _templateObject$p
|
|
4869
|
-
|
|
4881
|
+
var _templateObject$p;
|
|
4882
|
+
function CallCustomer() {
|
|
4883
|
+
return React.createElement(Container$d, null, React.createElement(FlexCallIcon, null), React.createElement(SpokePhoneIcon, null));
|
|
4884
|
+
}
|
|
4885
|
+
var Container$d = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4886
|
+
|
|
4887
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4870
4888
|
function ContactHome() {
|
|
4889
|
+
var _prevOrderDetails$ord;
|
|
4871
4890
|
var _useAtom = useAtom(errorAtom),
|
|
4872
4891
|
errors = _useAtom[0],
|
|
4873
4892
|
setErrors = _useAtom[1];
|
|
4874
|
-
|
|
4875
|
-
|
|
4893
|
+
var _useClientPortal = useClientPortal(),
|
|
4894
|
+
isClientPortal = _useClientPortal[0];
|
|
4876
4895
|
var _useOrderDetails = useOrderDetails(),
|
|
4877
4896
|
orderDetails = _useOrderDetails[0],
|
|
4878
4897
|
setOrderDetails = _useOrderDetails[1];
|
|
4898
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
4899
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
4900
|
+
var apiContactHome = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_home;
|
|
4879
4901
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4880
4902
|
var onChange = function onChange(e) {
|
|
4881
|
-
var val = e.target.value;
|
|
4903
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
4904
|
+
console.log(val, 'valuee');
|
|
4905
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
4906
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
4907
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
4908
|
+
return val.startsWith(prefix);
|
|
4909
|
+
});
|
|
4910
|
+
var prefix = matchedPrefix || '';
|
|
4911
|
+
var numberPart = val.slice(prefix.length);
|
|
4912
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
4913
|
+
if (numberPart.length > digitLimit) return;
|
|
4914
|
+
var contactValue = val;
|
|
4882
4915
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4883
|
-
contact_home:
|
|
4916
|
+
contact_home: contactValue
|
|
4884
4917
|
} : _extends({}, orderRecipient, {
|
|
4885
|
-
contact_home:
|
|
4918
|
+
contact_home: contactValue
|
|
4886
4919
|
}));
|
|
4887
4920
|
setOrderDetails(function (prev) {
|
|
4888
4921
|
return _extends({}, prev, {
|
|
4889
4922
|
order_recipient: updatedOrderRecipient
|
|
4890
4923
|
});
|
|
4891
4924
|
});
|
|
4892
|
-
if (
|
|
4893
|
-
|
|
4894
|
-
|
|
4895
|
-
|
|
4896
|
-
homeContactError: 'Phone number must be at least 10 digits.'
|
|
4897
|
-
});
|
|
4898
|
-
});
|
|
4899
|
-
} else if (val.length > 11) {
|
|
4900
|
-
setErrors(function (prevErrors) {
|
|
4901
|
-
return _extends({}, prevErrors, {
|
|
4902
|
-
homeContactError: 'Phone number must not exceed 11 digits.'
|
|
4903
|
-
});
|
|
4925
|
+
if (!numberPart) {
|
|
4926
|
+
setErrors(function (prev) {
|
|
4927
|
+
return _extends({}, prev, {
|
|
4928
|
+
homeContactError: ''
|
|
4904
4929
|
});
|
|
4905
|
-
}
|
|
4906
|
-
|
|
4907
|
-
|
|
4908
|
-
|
|
4909
|
-
|
|
4930
|
+
});
|
|
4931
|
+
} else if (numberPart.length !== digitLimit) {
|
|
4932
|
+
setErrors(function (prev) {
|
|
4933
|
+
return _extends({}, prev, {
|
|
4934
|
+
homeContactError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
4910
4935
|
});
|
|
4911
|
-
}
|
|
4936
|
+
});
|
|
4912
4937
|
} else {
|
|
4913
|
-
setErrors(function (
|
|
4914
|
-
return _extends({},
|
|
4938
|
+
setErrors(function (prev) {
|
|
4939
|
+
return _extends({}, prev, {
|
|
4915
4940
|
homeContactError: ''
|
|
4916
4941
|
});
|
|
4917
4942
|
});
|
|
4918
4943
|
}
|
|
4919
4944
|
};
|
|
4920
|
-
return React.createElement(
|
|
4945
|
+
return React.createElement(Container$e, null, React.createElement(Wrapper$6, null, React.createElement(Label$j, {
|
|
4921
4946
|
label: "Contact Home",
|
|
4922
4947
|
htmlFor: "contact-home"
|
|
4923
4948
|
})), React.createElement(InputContainer, null, React.createElement(CustomInput$3, {
|
|
4924
4949
|
name: "contact-home",
|
|
4950
|
+
// maxLength={12}
|
|
4925
4951
|
type: "text",
|
|
4926
4952
|
placeholder: "Home Number",
|
|
4927
4953
|
onKeyDown: handleKeyDown,
|
|
4928
|
-
minLength: 10,
|
|
4929
|
-
maxLength: 10,
|
|
4930
4954
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_home) || '',
|
|
4931
|
-
onChange: onChange
|
|
4932
|
-
|
|
4955
|
+
onChange: onChange,
|
|
4956
|
+
disabled: isClientPortal
|
|
4957
|
+
}), apiContactHome && function () {
|
|
4958
|
+
var rawNumber = apiContactHome.replace(/\s+/g, '');
|
|
4959
|
+
var formattedNumber = rawNumber.replace(/\D/g, ''); // digits only
|
|
4960
|
+
var prefix = '';
|
|
4961
|
+
var numberPart = '';
|
|
4962
|
+
if (rawNumber.startsWith('+44')) {
|
|
4963
|
+
prefix = '+44';
|
|
4964
|
+
numberPart = formattedNumber.slice(2);
|
|
4965
|
+
} else if (rawNumber.startsWith('44')) {
|
|
4966
|
+
prefix = '44';
|
|
4967
|
+
numberPart = formattedNumber.slice(2);
|
|
4968
|
+
} else if (rawNumber.startsWith('0')) {
|
|
4969
|
+
prefix = '0';
|
|
4970
|
+
numberPart = formattedNumber.slice(1);
|
|
4971
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
4972
|
+
prefix = '+353';
|
|
4973
|
+
numberPart = formattedNumber.slice(3);
|
|
4974
|
+
} else if (rawNumber.startsWith('353')) {
|
|
4975
|
+
prefix = '353';
|
|
4976
|
+
numberPart = formattedNumber.slice(3);
|
|
4977
|
+
} else {
|
|
4978
|
+
numberPart = formattedNumber;
|
|
4979
|
+
}
|
|
4980
|
+
// Set digit limit based on prefix
|
|
4981
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
4982
|
+
if (numberPart.length !== digitLimit) return null;
|
|
4983
|
+
var hrefPrefix = '';
|
|
4984
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
4985
|
+
hrefPrefix = '+44';
|
|
4986
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
4987
|
+
hrefPrefix = '+353';
|
|
4988
|
+
} else {
|
|
4989
|
+
hrefPrefix = '+44';
|
|
4990
|
+
}
|
|
4991
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
4992
|
+
return React.createElement("a", {
|
|
4993
|
+
href: finalHref,
|
|
4994
|
+
style: {
|
|
4995
|
+
cursor: 'pointer'
|
|
4996
|
+
}
|
|
4997
|
+
}, React.createElement(CallCustomer, null));
|
|
4998
|
+
}()), errors.homeContactError && React.createElement(ErrorText$1, null, errors.homeContactError));
|
|
4933
4999
|
}
|
|
4934
|
-
var
|
|
4935
|
-
var
|
|
4936
|
-
var
|
|
4937
|
-
var
|
|
5000
|
+
var InputContainer = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5001
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5002
|
+
var CustomInput$3 = /*#__PURE__*/styled(Input$2)(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\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"])));
|
|
5003
|
+
var Container$e = /*#__PURE__*/styled.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4938
5004
|
var ErrorText$1 = /*#__PURE__*/styled.span(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4939
5005
|
|
|
4940
|
-
var _templateObject$
|
|
5006
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
4941
5007
|
function ContactWork() {
|
|
5008
|
+
var _prevOrderDetails$ord;
|
|
4942
5009
|
var _useAtom = useAtom(errorAtom),
|
|
4943
5010
|
errors = _useAtom[0],
|
|
4944
5011
|
setErrors = _useAtom[1];
|
|
@@ -4946,48 +5013,52 @@ function ContactWork() {
|
|
|
4946
5013
|
orderDetails = _useOrderDetails[0],
|
|
4947
5014
|
setOrderDetails = _useOrderDetails[1];
|
|
4948
5015
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
5016
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
5017
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
5018
|
+
var apiContactWork = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_work;
|
|
4949
5019
|
var onChange = function onChange(e) {
|
|
4950
|
-
var val = e.target.value;
|
|
5020
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
5021
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
5022
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
5023
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
5024
|
+
return val.startsWith(prefix);
|
|
5025
|
+
});
|
|
5026
|
+
var prefix = matchedPrefix || '';
|
|
5027
|
+
var numberPart = val.slice(prefix.length);
|
|
5028
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5029
|
+
if (numberPart.length > digitLimit) return;
|
|
5030
|
+
var contactValue = val;
|
|
4951
5031
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4952
|
-
contact_work:
|
|
5032
|
+
contact_work: contactValue
|
|
4953
5033
|
} : _extends({}, orderRecipient, {
|
|
4954
|
-
contact_work:
|
|
5034
|
+
contact_work: contactValue
|
|
4955
5035
|
}));
|
|
4956
5036
|
setOrderDetails(function (prev) {
|
|
4957
5037
|
return _extends({}, prev, {
|
|
4958
5038
|
order_recipient: updatedOrderRecipient
|
|
4959
5039
|
});
|
|
4960
5040
|
});
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
|
|
4965
|
-
return _extends({}, prevErrors, {
|
|
4966
|
-
workCOntanctError: 'Phone number must be at least 10 digits.'
|
|
4967
|
-
});
|
|
4968
|
-
});
|
|
4969
|
-
} else if (val.length > 10) {
|
|
4970
|
-
setErrors(function (prevErrors) {
|
|
4971
|
-
return _extends({}, prevErrors, {
|
|
4972
|
-
workCOntanctError: 'Phone number must not exceed 10 digits.'
|
|
4973
|
-
});
|
|
5041
|
+
if (!numberPart) {
|
|
5042
|
+
setErrors(function (prev) {
|
|
5043
|
+
return _extends({}, prev, {
|
|
5044
|
+
workCOntanctError: ''
|
|
4974
5045
|
});
|
|
4975
|
-
}
|
|
4976
|
-
|
|
4977
|
-
|
|
4978
|
-
|
|
4979
|
-
|
|
5046
|
+
});
|
|
5047
|
+
} else if (numberPart.length !== digitLimit) {
|
|
5048
|
+
setErrors(function (prev) {
|
|
5049
|
+
return _extends({}, prev, {
|
|
5050
|
+
workCOntanctError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
4980
5051
|
});
|
|
4981
|
-
}
|
|
5052
|
+
});
|
|
4982
5053
|
} else {
|
|
4983
|
-
setErrors(function (
|
|
4984
|
-
return _extends({},
|
|
5054
|
+
setErrors(function (prev) {
|
|
5055
|
+
return _extends({}, prev, {
|
|
4985
5056
|
workCOntanctError: ''
|
|
4986
5057
|
});
|
|
4987
5058
|
});
|
|
4988
5059
|
}
|
|
4989
5060
|
};
|
|
4990
|
-
return React.createElement(Container$
|
|
5061
|
+
return React.createElement(Container$f, null, React.createElement(Wrapper$7, null, React.createElement(Label$j, {
|
|
4991
5062
|
label: "Contact Work",
|
|
4992
5063
|
htmlFor: "contact-work"
|
|
4993
5064
|
})), React.createElement(InputContainer$1, null, React.createElement(CustomInput$4, {
|
|
@@ -4996,97 +5067,176 @@ function ContactWork() {
|
|
|
4996
5067
|
placeholder: "Work Number",
|
|
4997
5068
|
onKeyDown: handleKeyDown,
|
|
4998
5069
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_work) || '',
|
|
4999
|
-
onChange: onChange
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5070
|
+
onChange: onChange
|
|
5071
|
+
}), apiContactWork && function () {
|
|
5072
|
+
var rawNumber = apiContactWork.replace(/\s+/g, '');
|
|
5073
|
+
var formattedNumber = rawNumber.replace(/\D/g, '');
|
|
5074
|
+
var prefix = '';
|
|
5075
|
+
var numberPart = '';
|
|
5076
|
+
if (rawNumber.startsWith('+44')) {
|
|
5077
|
+
prefix = '+44';
|
|
5078
|
+
numberPart = formattedNumber.slice(2);
|
|
5079
|
+
} else if (rawNumber.startsWith('44')) {
|
|
5080
|
+
prefix = '44';
|
|
5081
|
+
numberPart = formattedNumber.slice(2);
|
|
5082
|
+
} else if (rawNumber.startsWith('0')) {
|
|
5083
|
+
prefix = '0';
|
|
5084
|
+
numberPart = formattedNumber.slice(1);
|
|
5085
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
5086
|
+
prefix = '+353';
|
|
5087
|
+
numberPart = formattedNumber.slice(3);
|
|
5088
|
+
} else if (rawNumber.startsWith('353')) {
|
|
5089
|
+
prefix = '353';
|
|
5090
|
+
numberPart = formattedNumber.slice(3);
|
|
5091
|
+
} else {
|
|
5092
|
+
numberPart = formattedNumber;
|
|
5093
|
+
}
|
|
5094
|
+
// Set digit limit based on prefix
|
|
5095
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5096
|
+
if (numberPart.length !== digitLimit) return null;
|
|
5097
|
+
var hrefPrefix = '';
|
|
5098
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
5099
|
+
hrefPrefix = '+44';
|
|
5100
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
5101
|
+
hrefPrefix = '+353';
|
|
5102
|
+
} else {
|
|
5103
|
+
hrefPrefix = '+44';
|
|
5104
|
+
}
|
|
5105
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
5106
|
+
return React.createElement("a", {
|
|
5107
|
+
href: finalHref,
|
|
5108
|
+
style: {
|
|
5109
|
+
cursor: 'pointer'
|
|
5110
|
+
}
|
|
5111
|
+
}, React.createElement(CallCustomer, null));
|
|
5112
|
+
}()), errors.workCOntanctError && React.createElement(ErrorText$2, null, errors.workCOntanctError));
|
|
5003
5113
|
}
|
|
5004
|
-
var InputContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5114
|
+
var InputContainer$1 = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5005
5115
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5006
5116
|
var CustomInput$4 = /*#__PURE__*/styled(Input$2)(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n\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"])));
|
|
5007
|
-
var Container$
|
|
5117
|
+
var Container$f = /*#__PURE__*/styled.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5008
5118
|
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5009
5119
|
|
|
5010
|
-
var _templateObject$r;
|
|
5011
|
-
function CallCustomer() {
|
|
5012
|
-
return React.createElement(Container$e, null, React.createElement(FlexCallIcon, null), React.createElement(SpokePhoneIcon, null));
|
|
5013
|
-
}
|
|
5014
|
-
var Container$e = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
5015
|
-
|
|
5016
5120
|
var _templateObject$s, _templateObject2$m, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5017
|
-
// const MOBILE_REGEX = /^(\+44\s?7\d{3}|\(?07\d{3}\)?)\s?\d{3}\s?\d{3}$/;
|
|
5018
5121
|
function ContactMobile() {
|
|
5019
|
-
var _orderRecipient$conta;
|
|
5122
|
+
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5020
5123
|
var _useAtom = useAtom(errorAtom),
|
|
5021
5124
|
errors = _useAtom[0],
|
|
5022
5125
|
setErrors = _useAtom[1];
|
|
5023
|
-
|
|
5024
|
-
|
|
5126
|
+
var _useClientPortal = useClientPortal(),
|
|
5127
|
+
isClientPortal = _useClientPortal[0];
|
|
5025
5128
|
var _useOrderDetails = useOrderDetails(),
|
|
5026
5129
|
orderDetails = _useOrderDetails[0],
|
|
5027
5130
|
setOrderDetails = _useOrderDetails[1];
|
|
5131
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
5132
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
5133
|
+
var apiContactMobile = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_mobile;
|
|
5028
5134
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
5029
5135
|
var showCopyIcon = (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) !== undefined && (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) !== null && (orderRecipient == null || (_orderRecipient$conta = orderRecipient.contact_mobile) == null ? void 0 : _orderRecipient$conta.length) > 0;
|
|
5030
5136
|
var onChange = function onChange(e) {
|
|
5031
|
-
var val = e.target.value;
|
|
5137
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
5138
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
5139
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
5140
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
5141
|
+
return val.startsWith(prefix);
|
|
5142
|
+
});
|
|
5143
|
+
var prefix = matchedPrefix || '';
|
|
5144
|
+
var numberPart = val.slice(prefix.length);
|
|
5145
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5146
|
+
if (numberPart.length > digitLimit) return;
|
|
5147
|
+
var contactValue = val;
|
|
5032
5148
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
5033
|
-
contact_mobile:
|
|
5149
|
+
contact_mobile: contactValue
|
|
5034
5150
|
} : _extends({}, orderRecipient, {
|
|
5035
|
-
contact_mobile:
|
|
5151
|
+
contact_mobile: contactValue
|
|
5036
5152
|
}));
|
|
5037
5153
|
setOrderDetails(function (prev) {
|
|
5038
5154
|
return _extends({}, prev, {
|
|
5039
5155
|
order_recipient: updatedOrderRecipient
|
|
5040
5156
|
});
|
|
5041
5157
|
});
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
});
|
|
5048
|
-
});
|
|
5049
|
-
} else if (val.length > 11) {
|
|
5050
|
-
setErrors(function (prevErrors) {
|
|
5051
|
-
return _extends({}, prevErrors, {
|
|
5052
|
-
mobileError: 'Phone number must not exceed 11 digits.'
|
|
5053
|
-
});
|
|
5158
|
+
// Validation errors
|
|
5159
|
+
if (!numberPart) {
|
|
5160
|
+
setErrors(function (prev) {
|
|
5161
|
+
return _extends({}, prev, {
|
|
5162
|
+
mobileError: ''
|
|
5054
5163
|
});
|
|
5055
|
-
}
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
-
|
|
5059
|
-
|
|
5164
|
+
});
|
|
5165
|
+
} else if (numberPart.length !== digitLimit) {
|
|
5166
|
+
setErrors(function (prev) {
|
|
5167
|
+
return _extends({}, prev, {
|
|
5168
|
+
mobileError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
5060
5169
|
});
|
|
5061
|
-
}
|
|
5170
|
+
});
|
|
5062
5171
|
} else {
|
|
5063
|
-
setErrors(function (
|
|
5064
|
-
return _extends({},
|
|
5172
|
+
setErrors(function (prev) {
|
|
5173
|
+
return _extends({}, prev, {
|
|
5065
5174
|
mobileError: ''
|
|
5066
5175
|
});
|
|
5067
5176
|
});
|
|
5068
5177
|
}
|
|
5069
5178
|
};
|
|
5070
|
-
return React.createElement(Container$
|
|
5179
|
+
return React.createElement(Container$g, null, React.createElement(Wrapper$8, null, React.createElement(Label$j, {
|
|
5071
5180
|
label: "Contact Mobile",
|
|
5072
|
-
htmlFor: "contact-
|
|
5181
|
+
htmlFor: "contact-mobile"
|
|
5073
5182
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
5074
5183
|
text: orderRecipient == null ? void 0 : orderRecipient.contact_mobile
|
|
5075
5184
|
})), React.createElement(InputContainer$2, null, React.createElement(CustomInput$5, {
|
|
5076
|
-
name: "contact-
|
|
5077
|
-
|
|
5078
|
-
maxLength: 10,
|
|
5185
|
+
name: "contact-mobile",
|
|
5186
|
+
// maxLength={12}
|
|
5079
5187
|
type: "text",
|
|
5080
5188
|
placeholder: "Mobile Number",
|
|
5081
5189
|
onKeyDown: handleKeyDown,
|
|
5082
5190
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) || '',
|
|
5083
|
-
onChange: onChange
|
|
5084
|
-
|
|
5191
|
+
onChange: onChange,
|
|
5192
|
+
disabled: isClientPortal
|
|
5193
|
+
}), apiContactMobile && function () {
|
|
5194
|
+
var rawNumber = apiContactMobile.replace(/\s+/g, '');
|
|
5195
|
+
var formattedNumber = rawNumber.replace(/\D/g, '');
|
|
5196
|
+
var prefix = '';
|
|
5197
|
+
var numberPart = '';
|
|
5198
|
+
if (rawNumber.startsWith('+44')) {
|
|
5199
|
+
prefix = '+44';
|
|
5200
|
+
numberPart = formattedNumber.slice(2);
|
|
5201
|
+
} else if (rawNumber.startsWith('44')) {
|
|
5202
|
+
prefix = '44';
|
|
5203
|
+
numberPart = formattedNumber.slice(2);
|
|
5204
|
+
} else if (rawNumber.startsWith('0')) {
|
|
5205
|
+
prefix = '0';
|
|
5206
|
+
numberPart = formattedNumber.slice(1);
|
|
5207
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
5208
|
+
prefix = '+353';
|
|
5209
|
+
numberPart = formattedNumber.slice(3);
|
|
5210
|
+
} else if (rawNumber.startsWith('353')) {
|
|
5211
|
+
prefix = '353';
|
|
5212
|
+
numberPart = formattedNumber.slice(3);
|
|
5213
|
+
} else {
|
|
5214
|
+
numberPart = formattedNumber;
|
|
5215
|
+
}
|
|
5216
|
+
// Set digit limit based on prefix
|
|
5217
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5218
|
+
if (numberPart.length !== digitLimit) return null;
|
|
5219
|
+
var hrefPrefix = '';
|
|
5220
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
5221
|
+
hrefPrefix = '+44';
|
|
5222
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
5223
|
+
hrefPrefix = '+353';
|
|
5224
|
+
} else {
|
|
5225
|
+
hrefPrefix = '+44';
|
|
5226
|
+
}
|
|
5227
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
5228
|
+
return React.createElement("a", {
|
|
5229
|
+
href: finalHref,
|
|
5230
|
+
style: {
|
|
5231
|
+
cursor: 'pointer'
|
|
5232
|
+
}
|
|
5233
|
+
}, React.createElement(CallCustomer, null));
|
|
5234
|
+
}()), errors.mobileError && React.createElement(ErrorText$3, null, errors.mobileError));
|
|
5085
5235
|
}
|
|
5086
5236
|
var InputContainer$2 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5087
5237
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5088
5238
|
var CustomInput$5 = /*#__PURE__*/styled(Input$2)(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\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"])));
|
|
5089
|
-
var Container$
|
|
5239
|
+
var Container$g = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5090
5240
|
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5091
5241
|
|
|
5092
5242
|
var _templateObject$t, _templateObject2$n, _templateObject3$c;
|
|
@@ -5121,7 +5271,7 @@ function ContactEmail() {
|
|
|
5121
5271
|
});
|
|
5122
5272
|
});
|
|
5123
5273
|
};
|
|
5124
|
-
return React.createElement(Container$
|
|
5274
|
+
return React.createElement(Container$h, null, React.createElement(Wrapper$9, null, React.createElement(Label$j, {
|
|
5125
5275
|
label: "Email",
|
|
5126
5276
|
htmlFor: "email-id"
|
|
5127
5277
|
})), React.createElement(Input$2, {
|
|
@@ -5133,15 +5283,15 @@ function ContactEmail() {
|
|
|
5133
5283
|
}), errors.emailError && React.createElement(ErrorText$4, null, errors.emailError));
|
|
5134
5284
|
}
|
|
5135
5285
|
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5136
|
-
var Container$
|
|
5286
|
+
var Container$h = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5137
5287
|
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5138
5288
|
|
|
5139
5289
|
var _templateObject$u, _templateObject2$o;
|
|
5140
5290
|
function ContactDetails() {
|
|
5141
|
-
return React.createElement(Container$
|
|
5291
|
+
return React.createElement(Container$i, null, React.createElement(GroupedInputs, null, React.createElement(ContactHome, null), React.createElement(ContactWork, null)), React.createElement(GroupedInputs, null, React.createElement(ContactMobile, null), React.createElement(ContactEmail, null)));
|
|
5142
5292
|
}
|
|
5143
5293
|
var GroupedInputs = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5144
|
-
var Container$
|
|
5294
|
+
var Container$i = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
5145
5295
|
|
|
5146
5296
|
var _templateObject$v, _templateObject2$p;
|
|
5147
5297
|
function CustomerSection() {
|
|
@@ -5156,7 +5306,7 @@ var _templateObject$w, _templateObject2$q, _templateObject3$d;
|
|
|
5156
5306
|
function ConsignmentNumber() {
|
|
5157
5307
|
var _useOrderDetails = useOrderDetails(),
|
|
5158
5308
|
orderDetails = _useOrderDetails[0];
|
|
5159
|
-
return React.createElement(Container$
|
|
5309
|
+
return React.createElement(Container$j, null, React.createElement(Wrapper$a, null, React.createElement(Label$j, {
|
|
5160
5310
|
label: "Consignment Number"
|
|
5161
5311
|
}), React.createElement(CopyText, {
|
|
5162
5312
|
text: displayValueOrNA$1(orderDetails.consignment)
|
|
@@ -5164,7 +5314,7 @@ function ConsignmentNumber() {
|
|
|
5164
5314
|
}
|
|
5165
5315
|
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5166
5316
|
var Consignment = /*#__PURE__*/styled.span(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5167
|
-
var Container$
|
|
5317
|
+
var Container$j = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5168
5318
|
|
|
5169
5319
|
var _templateObject$x, _templateObject2$r;
|
|
5170
5320
|
function RecipientReference() {
|
|
@@ -5180,7 +5330,7 @@ function RecipientReference() {
|
|
|
5180
5330
|
});
|
|
5181
5331
|
});
|
|
5182
5332
|
};
|
|
5183
|
-
return React.createElement(Container$
|
|
5333
|
+
return React.createElement(Container$k, null, React.createElement(Wrapper$b, null, React.createElement(Label$j, {
|
|
5184
5334
|
label: "Recipient Reference",
|
|
5185
5335
|
htmlFor: "recipient-reference"
|
|
5186
5336
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -5196,7 +5346,7 @@ function RecipientReference() {
|
|
|
5196
5346
|
}
|
|
5197
5347
|
}));
|
|
5198
5348
|
}
|
|
5199
|
-
var Container$
|
|
5349
|
+
var Container$k = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5200
5350
|
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5201
5351
|
|
|
5202
5352
|
var _templateObject$y, _templateObject2$s;
|
|
@@ -5250,7 +5400,7 @@ function Droptime() {
|
|
|
5250
5400
|
});
|
|
5251
5401
|
});
|
|
5252
5402
|
};
|
|
5253
|
-
return React.createElement(Container$
|
|
5403
|
+
return React.createElement(Container$l, null, React.createElement(Label$j, {
|
|
5254
5404
|
label: "Droptime",
|
|
5255
5405
|
htmlFor: "droptime"
|
|
5256
5406
|
}), React.createElement(CustomInput$6, {
|
|
@@ -5263,7 +5413,7 @@ function Droptime() {
|
|
|
5263
5413
|
}));
|
|
5264
5414
|
}
|
|
5265
5415
|
var CustomInput$6 = /*#__PURE__*/styled(Input$2)(_templateObject$z || (_templateObject$z = /*#__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"])));
|
|
5266
|
-
var Container$
|
|
5416
|
+
var Container$l = /*#__PURE__*/styled.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5267
5417
|
|
|
5268
5418
|
var _templateObject$A;
|
|
5269
5419
|
function DeliveryDate() {
|
|
@@ -5304,7 +5454,7 @@ function DeliveryDate() {
|
|
|
5304
5454
|
});
|
|
5305
5455
|
}
|
|
5306
5456
|
};
|
|
5307
|
-
return React.createElement(MainContainer
|
|
5457
|
+
return React.createElement(MainContainer, null, React.createElement(Label$j, {
|
|
5308
5458
|
label: "Delivery Date"
|
|
5309
5459
|
}), React.createElement(DatePicker, {
|
|
5310
5460
|
onChange: onChange,
|
|
@@ -5317,7 +5467,7 @@ function DeliveryDate() {
|
|
|
5317
5467
|
disabled: isClientPortal ? true : routedStatus || ((_orderStatus$2 = orderStatus[0]) == null ? void 0 : _orderStatus$2.confirmed) === true || isOrderOnHold
|
|
5318
5468
|
}));
|
|
5319
5469
|
}
|
|
5320
|
-
var MainContainer
|
|
5470
|
+
var MainContainer = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5321
5471
|
|
|
5322
5472
|
var _templateObject$B;
|
|
5323
5473
|
function Carrier() {
|
|
@@ -5391,7 +5541,7 @@ function OrderNumber() {
|
|
|
5391
5541
|
});
|
|
5392
5542
|
});
|
|
5393
5543
|
};
|
|
5394
|
-
return React.createElement(Container$
|
|
5544
|
+
return React.createElement(Container$m, null, React.createElement(Wrapper$c, null, React.createElement(Label$j, {
|
|
5395
5545
|
label: "Order Number",
|
|
5396
5546
|
htmlFor: "order-number"
|
|
5397
5547
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -5408,7 +5558,7 @@ function OrderNumber() {
|
|
|
5408
5558
|
}));
|
|
5409
5559
|
}
|
|
5410
5560
|
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5411
|
-
var Container$
|
|
5561
|
+
var Container$m = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5412
5562
|
|
|
5413
5563
|
var _templateObject$D;
|
|
5414
5564
|
function ScheduleAfter() {
|
|
@@ -5442,7 +5592,7 @@ function ScheduleAfter() {
|
|
|
5442
5592
|
});
|
|
5443
5593
|
}
|
|
5444
5594
|
};
|
|
5445
|
-
return React.createElement(MainContainer$
|
|
5595
|
+
return React.createElement(MainContainer$1, null, React.createElement(Label$j, {
|
|
5446
5596
|
label: "Schedule After"
|
|
5447
5597
|
}), React.createElement(DatePicker, {
|
|
5448
5598
|
onChange: onChange,
|
|
@@ -5454,7 +5604,7 @@ function ScheduleAfter() {
|
|
|
5454
5604
|
allowClear: false
|
|
5455
5605
|
}));
|
|
5456
5606
|
}
|
|
5457
|
-
var MainContainer$
|
|
5607
|
+
var MainContainer$1 = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5458
5608
|
|
|
5459
5609
|
var vehicleTypeOptions = [{
|
|
5460
5610
|
label: 'LGV',
|
|
@@ -5514,7 +5664,7 @@ function OrderStatusNote() {
|
|
|
5514
5664
|
});
|
|
5515
5665
|
});
|
|
5516
5666
|
};
|
|
5517
|
-
return React.createElement(Container$
|
|
5667
|
+
return React.createElement(Container$n, null, React.createElement(Label$j, {
|
|
5518
5668
|
label: "Order Status Note"
|
|
5519
5669
|
}), React.createElement(CustomTextArea, {
|
|
5520
5670
|
value: (orderDetails == null ? void 0 : orderDetails.order_status_note) || '',
|
|
@@ -5523,7 +5673,7 @@ function OrderStatusNote() {
|
|
|
5523
5673
|
}));
|
|
5524
5674
|
}
|
|
5525
5675
|
var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5526
|
-
var Container$
|
|
5676
|
+
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"])));
|
|
5527
5677
|
|
|
5528
5678
|
var _templateObject$H, _templateObject2$x;
|
|
5529
5679
|
function DeliveryInstructions() {
|
|
@@ -5537,7 +5687,7 @@ function DeliveryInstructions() {
|
|
|
5537
5687
|
});
|
|
5538
5688
|
});
|
|
5539
5689
|
};
|
|
5540
|
-
return React.createElement(Container$
|
|
5690
|
+
return React.createElement(Container$o, null, React.createElement(Label$j, {
|
|
5541
5691
|
label: "Delivery Instructions"
|
|
5542
5692
|
}), React.createElement(CustomTextArea$1, {
|
|
5543
5693
|
value: (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || '',
|
|
@@ -5546,7 +5696,7 @@ function DeliveryInstructions() {
|
|
|
5546
5696
|
}));
|
|
5547
5697
|
}
|
|
5548
5698
|
var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5549
|
-
var Container$
|
|
5699
|
+
var Container$o = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5550
5700
|
|
|
5551
5701
|
var _templateObject$I, _templateObject2$y;
|
|
5552
5702
|
function OtherInstructions() {
|
|
@@ -5560,7 +5710,7 @@ function OtherInstructions() {
|
|
|
5560
5710
|
});
|
|
5561
5711
|
});
|
|
5562
5712
|
};
|
|
5563
|
-
return React.createElement(Container$
|
|
5713
|
+
return React.createElement(Container$p, null, React.createElement(Label$j, {
|
|
5564
5714
|
label: "Other Instructions (simple instructions)"
|
|
5565
5715
|
}), React.createElement(CustomTextArea$2, {
|
|
5566
5716
|
value: (orderDetails == null ? void 0 : orderDetails.other_instructions) || '',
|
|
@@ -5569,7 +5719,7 @@ function OtherInstructions() {
|
|
|
5569
5719
|
}));
|
|
5570
5720
|
}
|
|
5571
5721
|
var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5572
|
-
var Container$
|
|
5722
|
+
var Container$p = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5573
5723
|
|
|
5574
5724
|
var _templateObject$J, _templateObject2$z;
|
|
5575
5725
|
function InstructionSection() {
|
|
@@ -5617,7 +5767,7 @@ function TimedServiceDropdown() {
|
|
|
5617
5767
|
});
|
|
5618
5768
|
setOrderData(newData);
|
|
5619
5769
|
};
|
|
5620
|
-
return React.createElement(Container$
|
|
5770
|
+
return React.createElement(Container$q, null, React.createElement(Label$j, {
|
|
5621
5771
|
label: "Timed Service"
|
|
5622
5772
|
}), React.createElement(StyledSelectDropdown$1, {
|
|
5623
5773
|
styles: _extends({}, dropdownStyles, {
|
|
@@ -5638,7 +5788,7 @@ function TimedServiceDropdown() {
|
|
|
5638
5788
|
className: 'disabled'
|
|
5639
5789
|
}));
|
|
5640
5790
|
}
|
|
5641
|
-
var Container$
|
|
5791
|
+
var Container$q = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5642
5792
|
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5643
5793
|
|
|
5644
5794
|
var _templateObject$L, _templateObject2$B;
|
|
@@ -5662,7 +5812,7 @@ function ServiceTypeDropdown() {
|
|
|
5662
5812
|
});
|
|
5663
5813
|
setOrderData(newData);
|
|
5664
5814
|
};
|
|
5665
|
-
return React.createElement(Container$
|
|
5815
|
+
return React.createElement(Container$r, null, React.createElement(Label$j, {
|
|
5666
5816
|
label: "Service Type",
|
|
5667
5817
|
htmlFor: "serviceTypeDropdown"
|
|
5668
5818
|
}), React.createElement(StyledSelectDropdown$2, {
|
|
@@ -5678,7 +5828,7 @@ function ServiceTypeDropdown() {
|
|
|
5678
5828
|
className: 'disabled'
|
|
5679
5829
|
}));
|
|
5680
5830
|
}
|
|
5681
|
-
var Container$
|
|
5831
|
+
var Container$r = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
5682
5832
|
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
5683
5833
|
|
|
5684
5834
|
var _templateObject$M, _templateObject2$C;
|
|
@@ -5705,7 +5855,7 @@ function DeliveryPointDropdown() {
|
|
|
5705
5855
|
});
|
|
5706
5856
|
setOrderData(newData);
|
|
5707
5857
|
};
|
|
5708
|
-
return React.createElement(Container$
|
|
5858
|
+
return React.createElement(Container$s, null, React.createElement(Label$j, {
|
|
5709
5859
|
label: "Delivery Point"
|
|
5710
5860
|
}), React.createElement(StyledSelectDropdown$3, {
|
|
5711
5861
|
placeholder: "Select Delivery Point",
|
|
@@ -5720,7 +5870,7 @@ function DeliveryPointDropdown() {
|
|
|
5720
5870
|
className: 'disabled'
|
|
5721
5871
|
}));
|
|
5722
5872
|
}
|
|
5723
|
-
var Container$
|
|
5873
|
+
var Container$s = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
5724
5874
|
var StyledSelectDropdown$3 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5725
5875
|
|
|
5726
5876
|
var _templateObject$N;
|
|
@@ -5749,7 +5899,7 @@ function ServiceLevel() {
|
|
|
5749
5899
|
setOrderData(newData);
|
|
5750
5900
|
};
|
|
5751
5901
|
var isDisabled = true; // Example value
|
|
5752
|
-
return React.createElement(Container$
|
|
5902
|
+
return React.createElement(Container$t, {
|
|
5753
5903
|
disabled: isDisabled
|
|
5754
5904
|
}, React.createElement(RadioButtonGroup$1, {
|
|
5755
5905
|
selectedValue: serviceLevelId || '',
|
|
@@ -5760,7 +5910,7 @@ function ServiceLevel() {
|
|
|
5760
5910
|
isDisabled: isDisabled
|
|
5761
5911
|
}));
|
|
5762
5912
|
}
|
|
5763
|
-
var Container$
|
|
5913
|
+
var Container$t = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n\n ", "\n\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (_ref) {
|
|
5764
5914
|
var disabled = _ref.disabled;
|
|
5765
5915
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5766
5916
|
});
|
|
@@ -5792,7 +5942,7 @@ function AssemblyType() {
|
|
|
5792
5942
|
return false;
|
|
5793
5943
|
}
|
|
5794
5944
|
};
|
|
5795
|
-
return React.createElement(Container$
|
|
5945
|
+
return React.createElement(Container$u, {
|
|
5796
5946
|
"$isDisable": isServiceDisable()
|
|
5797
5947
|
}, React.createElement(RadioButtonGroup$1, {
|
|
5798
5948
|
selectedValue: (orderData == null ? void 0 : orderData.assembly_type) || '',
|
|
@@ -5804,7 +5954,7 @@ function AssemblyType() {
|
|
|
5804
5954
|
isDisabled: true
|
|
5805
5955
|
}));
|
|
5806
5956
|
}
|
|
5807
|
-
var Container$
|
|
5957
|
+
var Container$u = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n pointer-events: ", ";\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (props) {
|
|
5808
5958
|
return props.$isDisable ? 'none' : 'auto';
|
|
5809
5959
|
});
|
|
5810
5960
|
|
|
@@ -5837,7 +5987,7 @@ function ServiceSlider(props) {
|
|
|
5837
5987
|
// event.preventDefault();
|
|
5838
5988
|
// props.toggle(props.serviceId);
|
|
5839
5989
|
// };
|
|
5840
|
-
return React.createElement(Container$
|
|
5990
|
+
return React.createElement(Container$v, null, React.createElement(ServiceIcon, {
|
|
5841
5991
|
src: getIcon(props.serviceId)
|
|
5842
5992
|
}), React.createElement(ServiceName, null, props.serviceName), React.createElement("div", {
|
|
5843
5993
|
className: "hidden"
|
|
@@ -5850,7 +6000,7 @@ function ServiceSlider(props) {
|
|
|
5850
6000
|
}
|
|
5851
6001
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$P || (_templateObject$P = /*#__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"])));
|
|
5852
6002
|
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
5853
|
-
var Container$
|
|
6003
|
+
var Container$v = /*#__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"])));
|
|
5854
6004
|
|
|
5855
6005
|
var _templateObject$Q;
|
|
5856
6006
|
function OrderServices() {
|
|
@@ -5876,7 +6026,7 @@ function OrderServices() {
|
|
|
5876
6026
|
});
|
|
5877
6027
|
};
|
|
5878
6028
|
var isDisabled = true;
|
|
5879
|
-
return React.createElement(Container$
|
|
6029
|
+
return React.createElement(Container$w, {
|
|
5880
6030
|
disabled: isDisabled
|
|
5881
6031
|
}, sortedServices == null ? void 0 : sortedServices.map(function (service) {
|
|
5882
6032
|
var _service$type;
|
|
@@ -5891,7 +6041,7 @@ function OrderServices() {
|
|
|
5891
6041
|
});
|
|
5892
6042
|
}));
|
|
5893
6043
|
}
|
|
5894
|
-
var Container$
|
|
6044
|
+
var Container$w = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n\n ", "\n }\n"])), function (_ref) {
|
|
5895
6045
|
var disabled = _ref.disabled;
|
|
5896
6046
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5897
6047
|
});
|
|
@@ -5914,11 +6064,11 @@ function AllowTracking() {
|
|
|
5914
6064
|
orderDetails = _useOrderDetails[0];
|
|
5915
6065
|
var createdBy = (orderDetails == null ? void 0 : orderDetails.created_by) || 'Unknown';
|
|
5916
6066
|
var createdAt = orderDetails != null && orderDetails.created_at ? formatUtcToLocal(orderDetails.created_at).date + " @ " + formatUtcToLocal(orderDetails.created_at).time : 'Not Available';
|
|
5917
|
-
return React.createElement(Container$
|
|
6067
|
+
return React.createElement(Container$x, null, React.createElement(CreatedBy, null, React.createElement(Text$3, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
5918
6068
|
}
|
|
5919
6069
|
var Text$3 = /*#__PURE__*/styled.span(_templateObject$S || (_templateObject$S = /*#__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"])));
|
|
5920
6070
|
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$F || (_templateObject2$F = /*#__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"])));
|
|
5921
|
-
var Container$
|
|
6071
|
+
var Container$x = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5922
6072
|
|
|
5923
6073
|
var _templateObject$T;
|
|
5924
6074
|
function OrderDetailsFooter() {
|
|
@@ -6022,18 +6172,18 @@ function OrderDetailsFooter() {
|
|
|
6022
6172
|
return _ref.apply(this, arguments);
|
|
6023
6173
|
};
|
|
6024
6174
|
}();
|
|
6025
|
-
return React.createElement(Container$
|
|
6175
|
+
return React.createElement(Container$y, null, React.createElement(AllowTracking, null), React.createElement(Button, {
|
|
6026
6176
|
onClick: onSave,
|
|
6027
6177
|
disabled: isClientPortal ? true : !isDifferent() || errorFound()
|
|
6028
6178
|
}, "Save Details"));
|
|
6029
6179
|
}
|
|
6030
|
-
var Container$
|
|
6180
|
+
var Container$y = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__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"])));
|
|
6031
6181
|
|
|
6032
6182
|
var _templateObject$U, _templateObject2$G, _templateObject3$i, _templateObject4$9;
|
|
6033
6183
|
function ExpandedContent(_ref) {
|
|
6034
6184
|
var orderLoading = _ref.orderLoading,
|
|
6035
6185
|
depotDataLoading = _ref.depotDataLoading;
|
|
6036
|
-
return React.createElement(React.Fragment, null, React.createElement(MainContainer$
|
|
6186
|
+
return React.createElement(React.Fragment, null, React.createElement(MainContainer$2, null, orderLoading || depotDataLoading ? React.createElement(React.Fragment, null, React.createElement(CustomFormSection$4, null, React.createElement(Skeleton, {
|
|
6037
6187
|
paragraph: {
|
|
6038
6188
|
rows: 4
|
|
6039
6189
|
}
|
|
@@ -6041,10 +6191,10 @@ function ExpandedContent(_ref) {
|
|
|
6041
6191
|
paragraph: {
|
|
6042
6192
|
rows: 4
|
|
6043
6193
|
}
|
|
6044
|
-
}))) : React.createElement(React.Fragment, null, React.createElement(Container$
|
|
6194
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$z, 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))));
|
|
6045
6195
|
}
|
|
6046
6196
|
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__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"])));
|
|
6047
|
-
var Container$
|
|
6197
|
+
var Container$z = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__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"])));
|
|
6048
6198
|
// const InstructionContainer = styled.div`
|
|
6049
6199
|
// display: flex;
|
|
6050
6200
|
// justify-content: center;
|
|
@@ -6058,7 +6208,7 @@ var Container$y = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject
|
|
|
6058
6208
|
// -ms-user-select: none;
|
|
6059
6209
|
// user-select: none;
|
|
6060
6210
|
// `;
|
|
6061
|
-
var MainContainer$
|
|
6211
|
+
var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n /* padding-bottom: 30px; */\n @media (max-width: 768px) {\n gap: 10px;\n }\n"])));
|
|
6062
6212
|
var CustomFormSection$4 = /*#__PURE__*/styled(FormSection)(_templateObject4$9 || (_templateObject4$9 = /*#__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"])));
|
|
6063
6213
|
|
|
6064
6214
|
function OrderDetails$1(_ref) {
|
|
@@ -6122,7 +6272,7 @@ function NoteType() {
|
|
|
6122
6272
|
setSelected(selectedOption.value);
|
|
6123
6273
|
}
|
|
6124
6274
|
};
|
|
6125
|
-
return React.createElement(Container$
|
|
6275
|
+
return React.createElement(Container$A, null, React.createElement(RadioButtonGroup$1, {
|
|
6126
6276
|
selectedValue: selected,
|
|
6127
6277
|
heading: "",
|
|
6128
6278
|
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
@@ -6135,7 +6285,7 @@ function NoteType() {
|
|
|
6135
6285
|
required: false
|
|
6136
6286
|
}));
|
|
6137
6287
|
}
|
|
6138
|
-
var Container$
|
|
6288
|
+
var Container$A = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6139
6289
|
|
|
6140
6290
|
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$a;
|
|
6141
6291
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
@@ -6282,7 +6432,7 @@ function AddNote() {
|
|
|
6282
6432
|
var handleChange = function handleChange(e) {
|
|
6283
6433
|
setNoteText(e.target.value);
|
|
6284
6434
|
};
|
|
6285
|
-
return React.createElement(Container$
|
|
6435
|
+
return React.createElement(Container$B, null, React.createElement(Label$j, {
|
|
6286
6436
|
label: "Add New Note",
|
|
6287
6437
|
required: true,
|
|
6288
6438
|
style: {
|
|
@@ -6304,7 +6454,7 @@ function AddNote() {
|
|
|
6304
6454
|
onClick: saveNote
|
|
6305
6455
|
}, "SAVE NOTE"), !isClientPortal && React.createElement(NoteType, null)));
|
|
6306
6456
|
}
|
|
6307
|
-
var Container$
|
|
6457
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6308
6458
|
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6309
6459
|
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 65px;\n border-radius: 8px;\n background: #fff;\n resize: vertical;\n border: 1px solid #e0e2e7;\n padding: 8px 12px;\n font-family: monospace;\n white-space: pre-wrap;\n"])));
|
|
6310
6460
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
@@ -6363,9 +6513,9 @@ var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$I || (_template
|
|
|
6363
6513
|
|
|
6364
6514
|
var _templateObject$Y;
|
|
6365
6515
|
function AuditLogs() {
|
|
6366
|
-
return React.createElement(Container$
|
|
6516
|
+
return React.createElement(Container$C, null, React.createElement(GenericAuditLogsTable, null));
|
|
6367
6517
|
}
|
|
6368
|
-
var Container$
|
|
6518
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 550px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6369
6519
|
|
|
6370
6520
|
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$b;
|
|
6371
6521
|
// import { useLocation } from 'react-router-dom';
|
|
@@ -6443,11 +6593,11 @@ function Notes() {
|
|
|
6443
6593
|
setAuditLogs(false);
|
|
6444
6594
|
}, 1000);
|
|
6445
6595
|
};
|
|
6446
|
-
return React.createElement(Container$
|
|
6596
|
+
return React.createElement(Container$D, null, React.createElement(CardHeader, null, "NOTES", React.createElement(SmallButton, {
|
|
6447
6597
|
onClick: handleGetLogs
|
|
6448
6598
|
}, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
6449
6599
|
}
|
|
6450
|
-
var Container$
|
|
6600
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6451
6601
|
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__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"])));
|
|
6452
6602
|
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"])));
|
|
6453
6603
|
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$b || (_templateObject4$b = /*#__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"])));
|
|
@@ -6480,7 +6630,7 @@ function CollapsableForm(props) {
|
|
|
6480
6630
|
var _useState = useState(true),
|
|
6481
6631
|
isExpanded = _useState[0],
|
|
6482
6632
|
setIsExpanded = _useState[1];
|
|
6483
|
-
return React.createElement(MainContainer$
|
|
6633
|
+
return React.createElement(MainContainer$3, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$E, null, React.createElement(Text$4, {
|
|
6484
6634
|
onClick: function onClick() {
|
|
6485
6635
|
return setIsExpanded(function (prev) {
|
|
6486
6636
|
return !prev;
|
|
@@ -6498,8 +6648,8 @@ function CollapsableForm(props) {
|
|
|
6498
6648
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__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"])));
|
|
6499
6649
|
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
6500
6650
|
var Text$4 = /*#__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"])));
|
|
6501
|
-
var Container$
|
|
6502
|
-
var MainContainer$
|
|
6651
|
+
var Container$E = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6652
|
+
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6503
6653
|
var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 25px;\n height: 25px;\n padding: 2px;\n border-radius: 3px;\n background: #ffffff;\n box-shadow: 0px 1px 2px 0px #1018280d;\n &:hover {\n background: rgba(58, 54, 57, 0.05);\n }\n svg {\n transform: rotate(", ");\n }\n"])), function (props) {
|
|
6504
6654
|
return props.isExpanded ? '360deg' : '180deg';
|
|
6505
6655
|
});
|
|
@@ -6557,7 +6707,7 @@ function DynamicTable(_ref, props) {
|
|
|
6557
6707
|
var noFlexColumns = ['id'];
|
|
6558
6708
|
console.log(rows, '<===========rows');
|
|
6559
6709
|
console.log(props, 'props');
|
|
6560
|
-
return React.createElement(MainContainer$
|
|
6710
|
+
return React.createElement(MainContainer$4, null, React.createElement(Container$F, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table, null, React.createElement(TableHead, null, headerGroups == null ? void 0 : headerGroups.map(function (headerGroup) {
|
|
6561
6711
|
return React.createElement(TableRow, {
|
|
6562
6712
|
key: headerGroup.id
|
|
6563
6713
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -6591,7 +6741,7 @@ function DynamicTable(_ref, props) {
|
|
|
6591
6741
|
}));
|
|
6592
6742
|
})))))));
|
|
6593
6743
|
}
|
|
6594
|
-
var Container$
|
|
6744
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6595
6745
|
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__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"])));
|
|
6596
6746
|
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"])));
|
|
6597
6747
|
var TableData = /*#__PURE__*/styled.td(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
@@ -6599,7 +6749,7 @@ var TableRow = /*#__PURE__*/styled.tr(_templateObject5$8 || (_templateObject5$8
|
|
|
6599
6749
|
var TableBody = /*#__PURE__*/styled.tbody(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
6600
6750
|
var TableHead = /*#__PURE__*/styled.thead(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0px;\n z-index: 1;\n background: #f8f8f8;\n white-space: nowrap;\n"])));
|
|
6601
6751
|
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"])));
|
|
6602
|
-
var MainContainer$
|
|
6752
|
+
var MainContainer$4 = /*#__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"])));
|
|
6603
6753
|
|
|
6604
6754
|
var _templateObject$12, _templateObject2$N;
|
|
6605
6755
|
// import { useEventNotesData } from '../../store';
|
|
@@ -6870,7 +7020,7 @@ function Status(_ref) {
|
|
|
6870
7020
|
var statusDataLoading = _ref.statusDataLoading;
|
|
6871
7021
|
var _useStatusDetails = useStatusDetails(),
|
|
6872
7022
|
orderStatus = _useStatusDetails[0];
|
|
6873
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
7023
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$G, null, React.createElement(BoxContainer, null, statusDataLoading ? React.createElement(React.Fragment, null, React.createElement(StatusSkeletonRow, null)) : StatusOptions == null ? void 0 : StatusOptions.map(function (option, index) {
|
|
6874
7024
|
return React.createElement(React.Fragment, {
|
|
6875
7025
|
key: index
|
|
6876
7026
|
}, React.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React.createElement(Divider, null));
|
|
@@ -6949,7 +7099,7 @@ var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$R || (_temp
|
|
|
6949
7099
|
var SkeletonDivider = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 12px;\n height: 2px;\n background-color: #e0e0e0;\n margin: 0 4px;\n border-radius: 2px;\n"])));
|
|
6950
7100
|
var BoxContainer = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 20px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6951
7101
|
var Heading = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__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"])));
|
|
6952
|
-
var Container$
|
|
7102
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6953
7103
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6954
7104
|
|
|
6955
7105
|
var _templateObject$18;
|
|
@@ -6981,16 +7131,16 @@ var ActionIcon = function ActionIcon() {
|
|
|
6981
7131
|
|
|
6982
7132
|
var _templateObject$19;
|
|
6983
7133
|
function BackgroundModal(props) {
|
|
6984
|
-
return createPortal(React.createElement(Container$
|
|
7134
|
+
return createPortal(React.createElement(Container$H, Object.assign({}, props), props.children), document.body);
|
|
6985
7135
|
}
|
|
6986
|
-
var Container$
|
|
7136
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__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"])));
|
|
6987
7137
|
|
|
6988
7138
|
var _templateObject$1a, _templateObject2$S, _templateObject3$p, _templateObject4$f;
|
|
6989
7139
|
function AdditionalInformation(props) {
|
|
6990
|
-
return React.createElement(Container$
|
|
7140
|
+
return React.createElement(Container$I, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
6991
7141
|
}
|
|
6992
7142
|
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1a || (_templateObject$1a = /*#__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"])));
|
|
6993
|
-
var Container$
|
|
7143
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6994
7144
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6995
7145
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
6996
7146
|
|
|
@@ -7003,7 +7153,7 @@ function OrderActionHeader(props) {
|
|
|
7003
7153
|
_props$infoText = props.infoText,
|
|
7004
7154
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7005
7155
|
onClose = props.onClose;
|
|
7006
|
-
return React.createElement(Container$
|
|
7156
|
+
return React.createElement(Container$J, null, React.createElement(Wrapper$d, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
7007
7157
|
info: infoText
|
|
7008
7158
|
}), actions), React.createElement(IconContainer$2, {
|
|
7009
7159
|
onClick: onClose
|
|
@@ -7012,12 +7162,12 @@ function OrderActionHeader(props) {
|
|
|
7012
7162
|
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7013
7163
|
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7014
7164
|
var Title = /*#__PURE__*/styled.h3(_templateObject3$q || (_templateObject3$q = /*#__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"])));
|
|
7015
|
-
var Container$
|
|
7165
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__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"])));
|
|
7016
7166
|
|
|
7017
7167
|
var _templateObject$1c, _templateObject2$U;
|
|
7018
7168
|
function OrderActionFooter(props) {
|
|
7019
7169
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7020
|
-
return React.createElement(Container$
|
|
7170
|
+
return React.createElement(Container$K, null, React.createElement(SubmitButton, {
|
|
7021
7171
|
shape: "rounded",
|
|
7022
7172
|
colors: "primary",
|
|
7023
7173
|
onClick: props.onSubmit,
|
|
@@ -7025,7 +7175,7 @@ function OrderActionFooter(props) {
|
|
|
7025
7175
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7026
7176
|
}
|
|
7027
7177
|
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7028
|
-
var Container$
|
|
7178
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__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"])));
|
|
7029
7179
|
|
|
7030
7180
|
var _templateObject$1d;
|
|
7031
7181
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
@@ -7035,7 +7185,7 @@ function OrderActionModal(_ref) {
|
|
|
7035
7185
|
_ref$maxWidth = _ref.maxWidth,
|
|
7036
7186
|
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7037
7187
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7038
|
-
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$
|
|
7188
|
+
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$5, {
|
|
7039
7189
|
minWidth: minWidth,
|
|
7040
7190
|
maxWidth: maxWidth
|
|
7041
7191
|
}, React.createElement(OrderActionHeader, {
|
|
@@ -7052,7 +7202,7 @@ function OrderActionModal(_ref) {
|
|
|
7052
7202
|
})));
|
|
7053
7203
|
}
|
|
7054
7204
|
// Styled component with dynamic min-width
|
|
7055
|
-
var MainContainer$
|
|
7205
|
+
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: ", "; // Dynamic max-width\n min-width: ", "; // Dynamic min-width\n"])), function (_ref2) {
|
|
7056
7206
|
var maxWidth = _ref2.maxWidth;
|
|
7057
7207
|
return maxWidth;
|
|
7058
7208
|
}, function (_ref3) {
|
|
@@ -7297,13 +7447,13 @@ var StyleCheckbox = /*#__PURE__*/styled(Checkbox)(_templateObject$1f || (_templa
|
|
|
7297
7447
|
|
|
7298
7448
|
var _templateObject$1g;
|
|
7299
7449
|
var ProductTable = function ProductTable(props) {
|
|
7300
|
-
return React.createElement(Container$
|
|
7450
|
+
return React.createElement(Container$L, null, React.createElement(ReturnProductTable, {
|
|
7301
7451
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7302
7452
|
loading: props == null ? void 0 : props.loading,
|
|
7303
7453
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7304
7454
|
}));
|
|
7305
7455
|
};
|
|
7306
|
-
var Container$
|
|
7456
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7307
7457
|
|
|
7308
7458
|
var _templateObject$1h, _templateObject2$W, _templateObject3$s;
|
|
7309
7459
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
@@ -7403,7 +7553,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7403
7553
|
value: order == null ? void 0 : order.id
|
|
7404
7554
|
};
|
|
7405
7555
|
});
|
|
7406
|
-
return React.createElement(Container$
|
|
7556
|
+
return React.createElement(Container$M, null, React.createElement(Text$6, null, "New Return Order:"), React.createElement(StyledAntSelect$4, {
|
|
7407
7557
|
options: dropdownOptions,
|
|
7408
7558
|
value: selectedId,
|
|
7409
7559
|
placeholder: "Select",
|
|
@@ -7420,7 +7570,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7420
7570
|
}));
|
|
7421
7571
|
};
|
|
7422
7572
|
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
7423
|
-
var Container$
|
|
7573
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
7424
7574
|
var Text$6 = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7425
7575
|
|
|
7426
7576
|
var _templateObject$1i, _templateObject2$X, _templateObject3$t;
|
|
@@ -7527,7 +7677,7 @@ function ExpandedContent$2(props) {
|
|
|
7527
7677
|
setSelectedProducts([]);
|
|
7528
7678
|
}
|
|
7529
7679
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7530
|
-
return React.createElement(Container$
|
|
7680
|
+
return React.createElement(Container$N, null, React.createElement(ProductTable, {
|
|
7531
7681
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7532
7682
|
loading: props == null ? void 0 : props.loading,
|
|
7533
7683
|
locationloading: props == null ? void 0 : props.locationloading
|
|
@@ -7541,16 +7691,16 @@ function ExpandedContent$2(props) {
|
|
|
7541
7691
|
}
|
|
7542
7692
|
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
7543
7693
|
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7544
|
-
var Container$
|
|
7694
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7545
7695
|
|
|
7546
7696
|
var _templateObject$1j, _templateObject2$Y;
|
|
7547
7697
|
function CollapsedContent$1() {
|
|
7548
|
-
return React.createElement(Container$
|
|
7698
|
+
return React.createElement(Container$O, null, React.createElement(SectionHeader, {
|
|
7549
7699
|
label: "Products"
|
|
7550
7700
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
7551
7701
|
}
|
|
7552
7702
|
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
7553
|
-
var Container$
|
|
7703
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
7554
7704
|
|
|
7555
7705
|
function ProductsInfo(_ref) {
|
|
7556
7706
|
var locationloading = _ref.locationloading;
|
|
@@ -7596,7 +7746,7 @@ function ProductsInfo(_ref) {
|
|
|
7596
7746
|
|
|
7597
7747
|
var _templateObject$1k, _templateObject2$Z, _templateObject3$u;
|
|
7598
7748
|
function OrderActionsDropdown(props) {
|
|
7599
|
-
return React.createElement(Container$
|
|
7749
|
+
return React.createElement(Container$P, {
|
|
7600
7750
|
className: props.className
|
|
7601
7751
|
}, React.createElement(Label$1, null, props.label, props.required && React.createElement(RequiredAsterisk, null, "*")), React.createElement(AntSelect, {
|
|
7602
7752
|
options: props.options,
|
|
@@ -7615,7 +7765,7 @@ function OrderActionsDropdown(props) {
|
|
|
7615
7765
|
}
|
|
7616
7766
|
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7617
7767
|
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7618
|
-
var Container$
|
|
7768
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7619
7769
|
|
|
7620
7770
|
var initialPayload = {
|
|
7621
7771
|
description: '',
|
|
@@ -7947,12 +8097,12 @@ function DocFileUpload() {
|
|
|
7947
8097
|
var _fileInputRef$current;
|
|
7948
8098
|
return (_fileInputRef$current = fileInputRef.current) == null ? void 0 : _fileInputRef$current.click();
|
|
7949
8099
|
};
|
|
7950
|
-
return React.createElement(MainContainer$
|
|
8100
|
+
return React.createElement(MainContainer$6, null, React.createElement(DraggerContainer, {
|
|
7951
8101
|
onDragOver: handleDragOver,
|
|
7952
8102
|
onDragLeave: handleDragLeave,
|
|
7953
8103
|
onDrop: handleDrop,
|
|
7954
8104
|
dragging: dragging
|
|
7955
|
-
}, React.createElement(Container$
|
|
8105
|
+
}, React.createElement(Container$Q, null, React.createElement(UploadButton, {
|
|
7956
8106
|
type: "button",
|
|
7957
8107
|
shape: "rounded",
|
|
7958
8108
|
onClick: handleButtonClick
|
|
@@ -7976,11 +8126,11 @@ function DocFileUpload() {
|
|
|
7976
8126
|
}));
|
|
7977
8127
|
}))));
|
|
7978
8128
|
}
|
|
7979
|
-
var MainContainer$
|
|
8129
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7980
8130
|
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) {
|
|
7981
8131
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7982
8132
|
});
|
|
7983
|
-
var Container$
|
|
8133
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
7984
8134
|
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
7985
8135
|
var FileInput = /*#__PURE__*/styled.input(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
7986
8136
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465ac;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
@@ -8744,7 +8894,7 @@ function CancelOrder(props) {
|
|
|
8744
8894
|
options: cancelReasonOptions || [],
|
|
8745
8895
|
onSelect: onSelectCancelReason,
|
|
8746
8896
|
value: cancelReason
|
|
8747
|
-
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$
|
|
8897
|
+
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$R, null, React.createElement("div", {
|
|
8748
8898
|
style: {
|
|
8749
8899
|
display: 'flex',
|
|
8750
8900
|
flexDirection: 'row'
|
|
@@ -8759,7 +8909,7 @@ function CancelOrder(props) {
|
|
|
8759
8909
|
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8760
8910
|
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8761
8911
|
var Label$3 = /*#__PURE__*/styled.label(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8762
|
-
var Container$
|
|
8912
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8763
8913
|
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
8764
8914
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
8765
8915
|
var TopRight = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -8799,7 +8949,7 @@ function EmailAddress() {
|
|
|
8799
8949
|
});
|
|
8800
8950
|
});
|
|
8801
8951
|
};
|
|
8802
|
-
return React.createElement(Container$
|
|
8952
|
+
return React.createElement(Container$S, null, React.createElement(Label$4, null, "Email Address"), React.createElement(Input$3, {
|
|
8803
8953
|
style: {
|
|
8804
8954
|
borderRadius: '15px'
|
|
8805
8955
|
},
|
|
@@ -8809,7 +8959,7 @@ function EmailAddress() {
|
|
|
8809
8959
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
8810
8960
|
}
|
|
8811
8961
|
var Label$4 = /*#__PURE__*/styled.label(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8812
|
-
var Container$
|
|
8962
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8813
8963
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8814
8964
|
|
|
8815
8965
|
var _templateObject$1s, _templateObject2$14, _templateObject3$B;
|
|
@@ -8861,7 +9011,7 @@ function ContactPhone() {
|
|
|
8861
9011
|
});
|
|
8862
9012
|
}
|
|
8863
9013
|
};
|
|
8864
|
-
return React.createElement(Container$
|
|
9014
|
+
return React.createElement(Container$T, null, React.createElement(Label$5, null, "Contact Phone"), React.createElement(Input$3, {
|
|
8865
9015
|
name: "contact-home",
|
|
8866
9016
|
type: "text",
|
|
8867
9017
|
placeholder: "Home Number",
|
|
@@ -8874,7 +9024,7 @@ function ContactPhone() {
|
|
|
8874
9024
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
8875
9025
|
}
|
|
8876
9026
|
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8877
|
-
var Container$
|
|
9027
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8878
9028
|
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8879
9029
|
|
|
8880
9030
|
var _templateObject$1t, _templateObject2$15, _templateObject3$C;
|
|
@@ -8926,7 +9076,7 @@ function ContactWork$1() {
|
|
|
8926
9076
|
});
|
|
8927
9077
|
}
|
|
8928
9078
|
};
|
|
8929
|
-
return React.createElement(Container$
|
|
9079
|
+
return React.createElement(Container$U, null, React.createElement(Label$6, null, "Contact Work"), React.createElement(Input$3, {
|
|
8930
9080
|
name: "contact-work",
|
|
8931
9081
|
type: "text",
|
|
8932
9082
|
placeholder: "Work Number",
|
|
@@ -8939,7 +9089,7 @@ function ContactWork$1() {
|
|
|
8939
9089
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
8940
9090
|
}
|
|
8941
9091
|
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8942
|
-
var Container$
|
|
9092
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8943
9093
|
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8944
9094
|
|
|
8945
9095
|
var _templateObject$1u, _templateObject2$16, _templateObject3$D;
|
|
@@ -8991,7 +9141,7 @@ function ContactMobile$1() {
|
|
|
8991
9141
|
});
|
|
8992
9142
|
}
|
|
8993
9143
|
};
|
|
8994
|
-
return React.createElement(Container$
|
|
9144
|
+
return React.createElement(Container$V, null, React.createElement(Label$7, null, "Contact Mobile"), React.createElement(Input$3, {
|
|
8995
9145
|
name: "contact-work",
|
|
8996
9146
|
type: "text",
|
|
8997
9147
|
placeholder: "Mobile Number",
|
|
@@ -9004,7 +9154,7 @@ function ContactMobile$1() {
|
|
|
9004
9154
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
9005
9155
|
}
|
|
9006
9156
|
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9007
|
-
var Container$
|
|
9157
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9008
9158
|
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9009
9159
|
|
|
9010
9160
|
function ContactTypeDropdown() {
|
|
@@ -9068,7 +9218,7 @@ function ActionDropdown() {
|
|
|
9068
9218
|
var onSelect = function onSelect(value) {
|
|
9069
9219
|
setSelectedAction(value);
|
|
9070
9220
|
};
|
|
9071
|
-
return React.createElement(Container$
|
|
9221
|
+
return React.createElement(Container$W, null, React.createElement(Label$j, {
|
|
9072
9222
|
label: "Action"
|
|
9073
9223
|
}), React.createElement(Select, {
|
|
9074
9224
|
style: {
|
|
@@ -9081,7 +9231,7 @@ function ActionDropdown() {
|
|
|
9081
9231
|
className: "action-dropdown"
|
|
9082
9232
|
}));
|
|
9083
9233
|
}
|
|
9084
|
-
var Container$
|
|
9234
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9085
9235
|
|
|
9086
9236
|
var _templateObject$1w, _templateObject2$17;
|
|
9087
9237
|
function DeliveryDate$1() {
|
|
@@ -9117,7 +9267,7 @@ function DeliveryDate$1() {
|
|
|
9117
9267
|
});
|
|
9118
9268
|
}
|
|
9119
9269
|
};
|
|
9120
|
-
return React.createElement(Container$
|
|
9270
|
+
return React.createElement(Container$X, null, React.createElement(Label$8, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
9121
9271
|
onChange: handleDateChange,
|
|
9122
9272
|
format: "YYYY-MM-DD",
|
|
9123
9273
|
value: confirmedDate != null && confirmedDate.currentDate ? dayjs(confirmedDate.currentDate) : actionDate ? dayjs(actionDate) : null,
|
|
@@ -9132,7 +9282,7 @@ function DeliveryDate$1() {
|
|
|
9132
9282
|
}));
|
|
9133
9283
|
}
|
|
9134
9284
|
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9135
|
-
var Container$
|
|
9285
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
9136
9286
|
|
|
9137
9287
|
function convertTo12HourFormat$1(time24) {
|
|
9138
9288
|
var _time24$split, _minutes$toString;
|
|
@@ -9186,12 +9336,12 @@ function CustomerInformation() {
|
|
|
9186
9336
|
var _orderDetails$order_r;
|
|
9187
9337
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9188
9338
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9189
|
-
return React.createElement(Container$
|
|
9339
|
+
return React.createElement(Container$Y, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$f, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$f, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$f, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$f, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
9190
9340
|
}
|
|
9191
9341
|
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9192
9342
|
var AddressField = /*#__PURE__*/styled.p(_templateObject2$18 || (_templateObject2$18 = /*#__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"])));
|
|
9193
9343
|
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9194
|
-
var Container$
|
|
9344
|
+
var Container$Y = /*#__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"])));
|
|
9195
9345
|
|
|
9196
9346
|
var _templateObject$1y, _templateObject2$19;
|
|
9197
9347
|
function ProductTable$1() {
|
|
@@ -9202,7 +9352,7 @@ function ProductTable$1() {
|
|
|
9202
9352
|
if (!orderProductDetails) {
|
|
9203
9353
|
return null;
|
|
9204
9354
|
}
|
|
9205
|
-
return React.createElement(Container$
|
|
9355
|
+
return React.createElement(Container$Z, null, React.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$3, null, React.createElement(StyledTable$3, {
|
|
9206
9356
|
className: "scrollClass"
|
|
9207
9357
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
9208
9358
|
colSpan: 6
|
|
@@ -9221,7 +9371,7 @@ function ProductTable$1() {
|
|
|
9221
9371
|
})))));
|
|
9222
9372
|
}
|
|
9223
9373
|
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$1y || (_templateObject$1y = /*#__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"])));
|
|
9224
|
-
var Container$
|
|
9374
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
9225
9375
|
|
|
9226
9376
|
var _templateObject$1z, _templateObject2$1a;
|
|
9227
9377
|
function NotesTable() {
|
|
@@ -9293,7 +9443,7 @@ function NotesTable() {
|
|
|
9293
9443
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9294
9444
|
return null;
|
|
9295
9445
|
}
|
|
9296
|
-
return React.createElement(Container$
|
|
9446
|
+
return React.createElement(Container$_, null, React.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$3, null, React.createElement(CustomScrollBar, null, React.createElement(StyledTable$3, {
|
|
9297
9447
|
className: "scrollClass"
|
|
9298
9448
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
9299
9449
|
colSpan: 6
|
|
@@ -9320,50 +9470,50 @@ function NotesTable() {
|
|
|
9320
9470
|
}))))));
|
|
9321
9471
|
}
|
|
9322
9472
|
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1z || (_templateObject$1z = /*#__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"])));
|
|
9323
|
-
var Container$
|
|
9473
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
9324
9474
|
|
|
9325
9475
|
var _templateObject$1A, _templateObject2$1b;
|
|
9326
9476
|
function ConfirmationNotes() {
|
|
9327
|
-
return React.createElement(Container
|
|
9477
|
+
return React.createElement(Container$$, null, React.createElement(Label$9, null, "Notes"), React.createElement(TextArea, {
|
|
9328
9478
|
rows: 5,
|
|
9329
9479
|
placeholder: "Enter Notes"
|
|
9330
9480
|
}));
|
|
9331
9481
|
}
|
|
9332
9482
|
var Label$9 = /*#__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"])));
|
|
9333
|
-
var Container
|
|
9483
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9334
9484
|
|
|
9335
9485
|
var _templateObject$1B, _templateObject2$1c;
|
|
9336
9486
|
function DeliveryInstructions$1() {
|
|
9337
|
-
return React.createElement(Container
|
|
9487
|
+
return React.createElement(Container$10, null, React.createElement(Label$a, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
9338
9488
|
rows: 5,
|
|
9339
9489
|
placeholder: "Enter Delivery Instructions"
|
|
9340
9490
|
}));
|
|
9341
9491
|
}
|
|
9342
9492
|
var Label$a = /*#__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"])));
|
|
9343
|
-
var Container
|
|
9493
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9344
9494
|
|
|
9345
9495
|
var _templateObject$1C, _templateObject2$1d;
|
|
9346
9496
|
function ContactWith() {
|
|
9347
|
-
return React.createElement(Container$
|
|
9497
|
+
return React.createElement(Container$11, null, React.createElement(Label$b, null, "Contact With"), React.createElement(Input$3, {
|
|
9348
9498
|
style: {
|
|
9349
9499
|
borderRadius: '15px'
|
|
9350
9500
|
}
|
|
9351
9501
|
}));
|
|
9352
9502
|
}
|
|
9353
9503
|
var Label$b = /*#__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"])));
|
|
9354
|
-
var Container$
|
|
9504
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9355
9505
|
|
|
9356
9506
|
var _templateObject$1D, _templateObject2$1e, _templateObject3$F, _templateObject4$m;
|
|
9357
9507
|
function SlotAndInstructions() {
|
|
9358
9508
|
var _orderDetails$order_r;
|
|
9359
9509
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9360
9510
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9361
|
-
return React.createElement(Container$
|
|
9511
|
+
return React.createElement(Container$12, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value$1, 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));
|
|
9362
9512
|
}
|
|
9363
9513
|
var Value$1 = /*#__PURE__*/styled.span(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9364
9514
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9365
9515
|
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
9366
|
-
var Container$
|
|
9516
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__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"])));
|
|
9367
9517
|
|
|
9368
9518
|
var _templateObject$1E, _templateObject2$1f;
|
|
9369
9519
|
function ConfirmOrder(props) {
|
|
@@ -10718,7 +10868,7 @@ var priorityData = [{
|
|
|
10718
10868
|
var _templateObject$1J, _templateObject2$1k, _templateObject3$I, _templateObject4$n;
|
|
10719
10869
|
function StatusIndicator(props) {
|
|
10720
10870
|
var statusColor = getStatusColor(props.status);
|
|
10721
|
-
return React.createElement(Container$
|
|
10871
|
+
return React.createElement(Container$13, null, React.createElement(StatusCircleContainer, {
|
|
10722
10872
|
status: props.status
|
|
10723
10873
|
}, React.createElement(StatusCircle, {
|
|
10724
10874
|
color: statusColor
|
|
@@ -10732,7 +10882,7 @@ var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1J || (_tem
|
|
|
10732
10882
|
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1k || (_templateObject2$1k = /*#__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) {
|
|
10733
10883
|
return props.color;
|
|
10734
10884
|
});
|
|
10735
|
-
var Container$
|
|
10885
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
10736
10886
|
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
10737
10887
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10738
10888
|
});
|
|
@@ -11451,7 +11601,7 @@ function ViewFlag() {
|
|
|
11451
11601
|
}));
|
|
11452
11602
|
}
|
|
11453
11603
|
}, [flagById]);
|
|
11454
|
-
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, React.createElement(MainContainer$
|
|
11604
|
+
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, React.createElement(MainContainer$7, null, React.createElement(HeaderSection, {
|
|
11455
11605
|
callUnresolvedTaskApi: callUnresolvedTaskApi,
|
|
11456
11606
|
setTasksData: setTasksData
|
|
11457
11607
|
}), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(SaveDetails, {
|
|
@@ -11461,7 +11611,7 @@ function ViewFlag() {
|
|
|
11461
11611
|
}
|
|
11462
11612
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
11463
11613
|
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
11464
|
-
var MainContainer$
|
|
11614
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__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"])));
|
|
11465
11615
|
|
|
11466
11616
|
var _templateObject$1R;
|
|
11467
11617
|
function ReleaseOrder() {
|
|
@@ -11983,7 +12133,7 @@ function UncancelOrder(props) {
|
|
|
11983
12133
|
infoText: infoText,
|
|
11984
12134
|
submitBtnTitle: "Save Details",
|
|
11985
12135
|
isSubmitDisabled: !showSubmitBtn
|
|
11986
|
-
}, React.createElement(MainContainer$
|
|
12136
|
+
}, React.createElement(MainContainer$8, null, React.createElement(Container$14, null, React.createElement(OrderActionsDropdown, {
|
|
11987
12137
|
required: true,
|
|
11988
12138
|
label: "Un-cancel Reason",
|
|
11989
12139
|
placeholder: "Select un-cancel Reason",
|
|
@@ -12002,8 +12152,8 @@ function UncancelOrder(props) {
|
|
|
12002
12152
|
}))), React.createElement(UnCancelOrderTable, null)));
|
|
12003
12153
|
}
|
|
12004
12154
|
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12005
|
-
var Container$
|
|
12006
|
-
var MainContainer$
|
|
12155
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 15px;\n gap: 30px;\n border-radius: 16px;\n border: 1px solid#edebe8;\n background: #f8fafc;\n\n .uncancelReasonDropdown {\n flex: 1;\n }\n"])));
|
|
12156
|
+
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12007
12157
|
var CustomTextArea$4 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12008
12158
|
|
|
12009
12159
|
var _templateObject$1V;
|
|
@@ -13004,11 +13154,11 @@ var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$20 || (
|
|
|
13004
13154
|
|
|
13005
13155
|
var _templateObject$21, _templateObject2$1y, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
|
|
13006
13156
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Lato', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #6a7378;\n"])));
|
|
13007
|
-
var Container$
|
|
13157
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13008
13158
|
var FieldRow = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n justify-content: space-between;\n"])));
|
|
13009
13159
|
var Label$h = /*#__PURE__*/styled.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13010
13160
|
var Input$1 = /*#__PURE__*/styled.input(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70px;\n padding: 6px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 4px;\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n"])));
|
|
13011
|
-
var MainContainer$
|
|
13161
|
+
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13012
13162
|
var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13013
13163
|
|
|
13014
13164
|
var _templateObject$22;
|
|
@@ -13082,7 +13232,7 @@ function OrderCharges(props) {
|
|
|
13082
13232
|
});
|
|
13083
13233
|
}
|
|
13084
13234
|
};
|
|
13085
|
-
return React.createElement(MainContainer$
|
|
13235
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Order Charges"), React.createElement(Container$15, null, fields == null ? void 0 : fields.map(function (item) {
|
|
13086
13236
|
var _selectedTimedService, _props$inputValue$ite;
|
|
13087
13237
|
return React.createElement(FieldRow, {
|
|
13088
13238
|
key: item.value
|
|
@@ -13150,7 +13300,7 @@ function CollectionAddOns(props) {
|
|
|
13150
13300
|
});
|
|
13151
13301
|
}
|
|
13152
13302
|
};
|
|
13153
|
-
return React.createElement(MainContainer$
|
|
13303
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Collection Add-Ons"), React.createElement(Container$15, null, fields$1.map(function (item) {
|
|
13154
13304
|
var _props$inputValue$ite;
|
|
13155
13305
|
return React.createElement(FieldRow, {
|
|
13156
13306
|
key: item.value
|
|
@@ -13213,7 +13363,7 @@ function DisposalCharge(props) {
|
|
|
13213
13363
|
});
|
|
13214
13364
|
}
|
|
13215
13365
|
};
|
|
13216
|
-
return React.createElement(MainContainer$
|
|
13366
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Disposal Charges"), React.createElement(Container$15, null, fields$2.map(function (item) {
|
|
13217
13367
|
var _props$inputValue$ite;
|
|
13218
13368
|
return React.createElement(FieldRow, {
|
|
13219
13369
|
key: item.value
|
|
@@ -13280,7 +13430,7 @@ function BaseCharges(props) {
|
|
|
13280
13430
|
value: x == null ? void 0 : x.id
|
|
13281
13431
|
};
|
|
13282
13432
|
});
|
|
13283
|
-
return React.createElement(MainContainer$
|
|
13433
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Base Charge"), React.createElement(Wrapper$k, null, React.createElement(FieldRow, null, React.createElement(Label$h, {
|
|
13284
13434
|
style: {
|
|
13285
13435
|
width: '90px'
|
|
13286
13436
|
}
|
|
@@ -13348,7 +13498,7 @@ function DeliveryAddOns(props) {
|
|
|
13348
13498
|
});
|
|
13349
13499
|
}
|
|
13350
13500
|
};
|
|
13351
|
-
return React.createElement(MainContainer$
|
|
13501
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Delivery Add-Ons"), React.createElement(Container$15, null, fieldsInLabelValueFormat.map(function (item) {
|
|
13352
13502
|
var _props$inputValue$ite;
|
|
13353
13503
|
return React.createElement(FieldRow, {
|
|
13354
13504
|
key: item.value
|
|
@@ -13424,7 +13574,7 @@ function AdhocSection() {
|
|
|
13424
13574
|
});
|
|
13425
13575
|
}
|
|
13426
13576
|
};
|
|
13427
|
-
return React.createElement(MainContainer$
|
|
13577
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Adhoc"), React.createElement(Container$15, null, charges == null || (_charges$adhoc_charge = charges.adhoc_charges) == null ? void 0 : _charges$adhoc_charge.map(function (item) {
|
|
13428
13578
|
var _inputValues$item$id;
|
|
13429
13579
|
return React.createElement(FieldRow, {
|
|
13430
13580
|
key: item.id
|
|
@@ -13535,7 +13685,7 @@ function FailureReasonDropdown() {
|
|
|
13535
13685
|
}
|
|
13536
13686
|
}, React.createElement("span", null, data == null ? void 0 : data.label));
|
|
13537
13687
|
};
|
|
13538
|
-
return React.createElement(Container$
|
|
13688
|
+
return React.createElement(Container$16, null, React.createElement(Label$j, {
|
|
13539
13689
|
label: "Failure Reason",
|
|
13540
13690
|
htmlFor: "failurereasondropdown",
|
|
13541
13691
|
required: true
|
|
@@ -13550,7 +13700,7 @@ function FailureReasonDropdown() {
|
|
|
13550
13700
|
isDisabled: false
|
|
13551
13701
|
}));
|
|
13552
13702
|
}
|
|
13553
|
-
var Container$
|
|
13703
|
+
var Container$16 = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13554
13704
|
|
|
13555
13705
|
var _templateObject$25;
|
|
13556
13706
|
function StatusDropdown() {
|
|
@@ -13579,7 +13729,7 @@ function StatusDropdown() {
|
|
|
13579
13729
|
});
|
|
13580
13730
|
});
|
|
13581
13731
|
};
|
|
13582
|
-
return React.createElement(Container$
|
|
13732
|
+
return React.createElement(Container$17, null, React.createElement(Label$j, {
|
|
13583
13733
|
label: "New Status",
|
|
13584
13734
|
htmlFor: "statusdropdown",
|
|
13585
13735
|
required: true
|
|
@@ -13593,7 +13743,7 @@ function StatusDropdown() {
|
|
|
13593
13743
|
isDisabled: false
|
|
13594
13744
|
}));
|
|
13595
13745
|
}
|
|
13596
|
-
var Container$
|
|
13746
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13597
13747
|
|
|
13598
13748
|
var _templateObject$26;
|
|
13599
13749
|
function CancellationReasonDropdown() {
|
|
@@ -13609,7 +13759,7 @@ function CancellationReasonDropdown() {
|
|
|
13609
13759
|
value: x.id
|
|
13610
13760
|
};
|
|
13611
13761
|
})) || [];
|
|
13612
|
-
return React.createElement(Container$
|
|
13762
|
+
return React.createElement(Container$18, null, React.createElement(Label$j, {
|
|
13613
13763
|
label: "Cancellation Reason",
|
|
13614
13764
|
htmlFor: "cancellationreasondropdown",
|
|
13615
13765
|
required: true
|
|
@@ -13624,7 +13774,7 @@ function CancellationReasonDropdown() {
|
|
|
13624
13774
|
}
|
|
13625
13775
|
}));
|
|
13626
13776
|
}
|
|
13627
|
-
var Container$
|
|
13777
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13628
13778
|
|
|
13629
13779
|
var _templateObject$27;
|
|
13630
13780
|
function OrderHoldReasonDropdown() {
|
|
@@ -13640,7 +13790,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13640
13790
|
value: x.id
|
|
13641
13791
|
};
|
|
13642
13792
|
})) || [];
|
|
13643
|
-
return React.createElement(Container$
|
|
13793
|
+
return React.createElement(Container$19, null, React.createElement(Label$j, {
|
|
13644
13794
|
label: "Hold Reason",
|
|
13645
13795
|
htmlFor: "holdreasondropdown",
|
|
13646
13796
|
required: true
|
|
@@ -13655,7 +13805,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13655
13805
|
}
|
|
13656
13806
|
}));
|
|
13657
13807
|
}
|
|
13658
|
-
var Container$
|
|
13808
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13659
13809
|
|
|
13660
13810
|
var _templateObject$28, _templateObject2$1A, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
13661
13811
|
function FailureContent() {
|
|
@@ -13916,7 +14066,7 @@ function RadioButtonGroups() {
|
|
|
13916
14066
|
return _extends({}, prev, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
13917
14067
|
});
|
|
13918
14068
|
};
|
|
13919
|
-
return React.createElement(Container$
|
|
14069
|
+
return React.createElement(Container$1a, null, React.createElement(Group, null, React.createElement(RadioButtonGroup$1, {
|
|
13920
14070
|
heading: "Service Type",
|
|
13921
14071
|
onChange: onChangeServiceType,
|
|
13922
14072
|
options: serviceTypeOptions || [],
|
|
@@ -13956,14 +14106,14 @@ function RadioButtonGroups() {
|
|
|
13956
14106
|
}));
|
|
13957
14107
|
}));
|
|
13958
14108
|
}
|
|
13959
|
-
var Container$
|
|
14109
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n padding: 8px;\n width: 100%;\n align-items: flex-start;\n pointer-events: none;\n"])));
|
|
13960
14110
|
var Group = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
13961
14111
|
|
|
13962
14112
|
var _templateObject$2b, _templateObject2$1D, _templateObject3$Z;
|
|
13963
14113
|
function OrderInfo() {
|
|
13964
14114
|
var _useActiveTab = useActiveTab(),
|
|
13965
14115
|
activeTab = _useActiveTab[0];
|
|
13966
|
-
return React.createElement(Container$
|
|
14116
|
+
return React.createElement(Container$1b, null, React.createElement(Top$3, null, activeTab === 'success' ? React.createElement(SuccessContent, null) : React.createElement(FailureContent, null)), React.createElement(Middle, null, React.createElement(RadioButtonGroups, null)));
|
|
13967
14117
|
}
|
|
13968
14118
|
// const DescriptionWrapper = styled.div`
|
|
13969
14119
|
// display: flex;
|
|
@@ -13977,7 +14127,7 @@ var Middle = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b =
|
|
|
13977
14127
|
// gap: 20px;
|
|
13978
14128
|
// `;
|
|
13979
14129
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
13980
|
-
var Container$
|
|
14130
|
+
var Container$1b = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
13981
14131
|
var OrderInfo$1 = /*#__PURE__*/React.memo(OrderInfo);
|
|
13982
14132
|
|
|
13983
14133
|
var _templateObject$2c;
|
|
@@ -14048,7 +14198,7 @@ function EscalationCategory() {
|
|
|
14048
14198
|
});
|
|
14049
14199
|
setEscalationCategory(selectedOption);
|
|
14050
14200
|
}, [failureReason]);
|
|
14051
|
-
return React.createElement(Container$
|
|
14201
|
+
return React.createElement(Container$1c, null, React.createElement(Label$j, {
|
|
14052
14202
|
label: "Escalation Category"
|
|
14053
14203
|
}), React.createElement(SelectDropdown, {
|
|
14054
14204
|
options: escalationCategoryOptions || [],
|
|
@@ -14090,7 +14240,7 @@ function EscalationCategory() {
|
|
|
14090
14240
|
}
|
|
14091
14241
|
}));
|
|
14092
14242
|
}
|
|
14093
|
-
var Container$
|
|
14243
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14094
14244
|
|
|
14095
14245
|
var _templateObject$2e;
|
|
14096
14246
|
function EscalationLevel() {
|
|
@@ -14119,7 +14269,7 @@ function EscalationLevel() {
|
|
|
14119
14269
|
});
|
|
14120
14270
|
setEscalationLevel(defaultLevel);
|
|
14121
14271
|
}, [escalationCategory]);
|
|
14122
|
-
return React.createElement(Container$
|
|
14272
|
+
return React.createElement(Container$1d, null, React.createElement(Label$j, {
|
|
14123
14273
|
label: "Escalation Level"
|
|
14124
14274
|
}), React.createElement(SelectDropdown, {
|
|
14125
14275
|
options: escalationLevelOptions || [],
|
|
@@ -14161,7 +14311,7 @@ function EscalationLevel() {
|
|
|
14161
14311
|
}
|
|
14162
14312
|
}));
|
|
14163
14313
|
}
|
|
14164
|
-
var Container$
|
|
14314
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14165
14315
|
|
|
14166
14316
|
var _templateObject$2f;
|
|
14167
14317
|
function EscalationReason() {
|
|
@@ -14215,7 +14365,7 @@ function EscalationReason() {
|
|
|
14215
14365
|
setEscalationReasonState(filteredEscReasonOptions[0]);
|
|
14216
14366
|
}
|
|
14217
14367
|
}, [escalationCategory]);
|
|
14218
|
-
return React.createElement(Container$
|
|
14368
|
+
return React.createElement(Container$1e, null, React.createElement(Label$j, {
|
|
14219
14369
|
label: "Escalation Reason"
|
|
14220
14370
|
}), React.createElement(SelectDropdown, {
|
|
14221
14371
|
options: filteredEscReasonOptions || [],
|
|
@@ -14257,7 +14407,7 @@ function EscalationReason() {
|
|
|
14257
14407
|
}
|
|
14258
14408
|
}));
|
|
14259
14409
|
}
|
|
14260
|
-
var Container$
|
|
14410
|
+
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14261
14411
|
|
|
14262
14412
|
function Escalation() {
|
|
14263
14413
|
return React.createElement("div", {
|
|
@@ -14373,7 +14523,7 @@ function Tabs(_ref) {
|
|
|
14373
14523
|
var dismissFlags = _ref.dismissFlags;
|
|
14374
14524
|
var _useTasksData = useTasksData(),
|
|
14375
14525
|
taskData = _useTasksData[0];
|
|
14376
|
-
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$
|
|
14526
|
+
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$1f, {
|
|
14377
14527
|
className: "tab-content"
|
|
14378
14528
|
}, React.createElement(OrderTemplate, null), taskData == null ? void 0 : taskData.map(function (item, index) {
|
|
14379
14529
|
return React.createElement(FlagTemplate, {
|
|
@@ -14383,7 +14533,7 @@ function Tabs(_ref) {
|
|
|
14383
14533
|
});
|
|
14384
14534
|
}))));
|
|
14385
14535
|
}
|
|
14386
|
-
var Container$
|
|
14536
|
+
var Container$1f = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14387
14537
|
var Content = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14388
14538
|
|
|
14389
14539
|
var _templateObject$2j, _templateObject2$1H, _templateObject3$10, _templateObject4$A, _templateObject5$q;
|
|
@@ -14499,7 +14649,7 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14499
14649
|
props == null || props.setConfirmationModal(false);
|
|
14500
14650
|
props == null || props.onProceed();
|
|
14501
14651
|
};
|
|
14502
|
-
return React.createElement(BackgroundModal$1, Object.assign({}, props), React.createElement(MainContainer$
|
|
14652
|
+
return React.createElement(BackgroundModal$1, Object.assign({}, props), React.createElement(MainContainer$a, null, React.createElement(Container$1g, null, React.createElement(IconContainer$4, null, React.createElement(WarningIcon, null)), React.createElement(Title$8, null, "Base Charge Exceeds " + baseUrlSymbol + "200")), React.createElement(CustomCancelAndCompleteAction$5, {
|
|
14503
14653
|
cancelLabel: "Amend",
|
|
14504
14654
|
completeLabel: "Proceed",
|
|
14505
14655
|
onCancel: onCancel,
|
|
@@ -14507,10 +14657,10 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14507
14657
|
})));
|
|
14508
14658
|
};
|
|
14509
14659
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14510
|
-
var Container$
|
|
14660
|
+
var Container$1g = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14511
14661
|
var Title$8 = /*#__PURE__*/styled.span(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n"])));
|
|
14512
14662
|
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 54px;\n height: 54px;\n padding: 14px;\n border-radius: 50%;\n background: #feba301a;\n border: 10px solid #feba305e;\n"])));
|
|
14513
|
-
var MainContainer$
|
|
14663
|
+
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 400px;\n min-height: 248px;\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n gap: 30px;\n align-items: center;\n"])));
|
|
14514
14664
|
|
|
14515
14665
|
var _templateObject$2l, _templateObject2$1J, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14516
14666
|
function ForceDebriefModal(props) {
|
|
@@ -15015,13 +15165,13 @@ function ForceDebriefModal(props) {
|
|
|
15015
15165
|
headerActions: React.createElement(ForceDebriefSelector, {
|
|
15016
15166
|
onSwitchChange: handleSwitchChange
|
|
15017
15167
|
})
|
|
15018
|
-
}, React.createElement(MainContainer$
|
|
15168
|
+
}, React.createElement(MainContainer$b, null, React.createElement(FDNotification, null), React.createElement(ContentContainer$6, null, React.createElement(OrderInfo$1, null)), React.createElement(ContentContainer$6, null, React.createElement(Container$1h, null, React.createElement(Label$j, {
|
|
15019
15169
|
label: "Delivery Instructions",
|
|
15020
15170
|
htmlFor: "deliveryInstruction"
|
|
15021
|
-
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React.createElement(Container$
|
|
15171
|
+
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React.createElement(Container$1h, null, React.createElement(Label$j, {
|
|
15022
15172
|
label: "Other Instructions",
|
|
15023
15173
|
htmlFor: "otherInstruction"
|
|
15024
|
-
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React.createElement(ProductDiv, null, React.createElement(Container$
|
|
15174
|
+
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React.createElement(ProductDiv, null, React.createElement(Container$1h, null, isDeleted == null ? void 0 : isDeleted.map(function (item, index) {
|
|
15025
15175
|
var _item$order_product_t;
|
|
15026
15176
|
return React.createElement(ProductContainer, {
|
|
15027
15177
|
key: index
|
|
@@ -15064,9 +15214,9 @@ function ForceDebriefModal(props) {
|
|
|
15064
15214
|
}
|
|
15065
15215
|
var Status$1 = /*#__PURE__*/styled.span(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n color: #3a3630;\n"])));
|
|
15066
15216
|
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15067
|
-
var MainContainer$
|
|
15217
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15068
15218
|
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15069
|
-
var Container$
|
|
15219
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15070
15220
|
var Text$c = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n white-space: break-spaces;\n"])));
|
|
15071
15221
|
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n flex-direction: row;\n align-items: flex-start;\n gap: 40px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n width: 100%;\n white-space: nowrap;\n"])));
|
|
15072
15222
|
var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n flex-direction: row;\n align-items: flex-start;\n gap: 40px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n width: 100%;\n white-space: nowrap;\n min-height: 60px;\n overflow: scroll;\n max-height: 150px;\n"])));
|
|
@@ -15306,9 +15456,9 @@ function OrderActions() {
|
|
|
15306
15456
|
return null;
|
|
15307
15457
|
}
|
|
15308
15458
|
};
|
|
15309
|
-
return React.createElement(Container$
|
|
15459
|
+
return React.createElement(Container$1i, null, renderContent());
|
|
15310
15460
|
}
|
|
15311
|
-
var Container$
|
|
15461
|
+
var Container$1i = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15312
15462
|
|
|
15313
15463
|
var _templateObject$2n, _templateObject2$1K, _templateObject3$13, _templateObject4$D;
|
|
15314
15464
|
var Details = function Details() {
|
|
@@ -15619,7 +15769,7 @@ function Print() {
|
|
|
15619
15769
|
};
|
|
15620
15770
|
})
|
|
15621
15771
|
};
|
|
15622
|
-
return React.createElement(Container$
|
|
15772
|
+
return React.createElement(Container$1j, null, React.createElement(Dropdown, {
|
|
15623
15773
|
menu: menuItems,
|
|
15624
15774
|
trigger: ['hover']
|
|
15625
15775
|
}, React.createElement("a", {
|
|
@@ -15633,7 +15783,7 @@ function Print() {
|
|
|
15633
15783
|
fill: '#f0f2f2'
|
|
15634
15784
|
})))));
|
|
15635
15785
|
}
|
|
15636
|
-
var Container$
|
|
15786
|
+
var Container$1j = /*#__PURE__*/styled.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15637
15787
|
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
15638
15788
|
|
|
15639
15789
|
var _templateObject$2q;
|
|
@@ -16080,7 +16230,7 @@ function Tabs$1(_ref) {
|
|
|
16080
16230
|
var additionalNotifications = activeTasks == null ? void 0 : activeTasks.slice(3);
|
|
16081
16231
|
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
16082
16232
|
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
16083
|
-
return React.createElement(React.Fragment, null, React.createElement(Content$1, null, React.createElement(Container$
|
|
16233
|
+
return React.createElement(React.Fragment, null, React.createElement(Content$1, null, React.createElement(Container$1k, {
|
|
16084
16234
|
className: "tab-content"
|
|
16085
16235
|
}, activeTab === 'active' && React.createElement(React.Fragment, null, React.createElement(OrderTemplate$1, {
|
|
16086
16236
|
orderDetails: orderDetails,
|
|
@@ -16123,7 +16273,7 @@ function Tabs$1(_ref) {
|
|
|
16123
16273
|
});
|
|
16124
16274
|
})))));
|
|
16125
16275
|
}
|
|
16126
|
-
var Container$
|
|
16276
|
+
var Container$1k = /*#__PURE__*/styled.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
16127
16277
|
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16128
16278
|
|
|
16129
16279
|
var NotifyFlag = function NotifyFlag() {
|
|
@@ -16390,7 +16540,7 @@ function Notification() {
|
|
|
16390
16540
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
16391
16541
|
return item.status === 'SD';
|
|
16392
16542
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
16393
|
-
return React.createElement(React.Fragment, null, React.createElement(Section$2, null, React.createElement(Container$
|
|
16543
|
+
return React.createElement(React.Fragment, null, React.createElement(Section$2, null, React.createElement(Container$1l, {
|
|
16394
16544
|
className: "notification-header"
|
|
16395
16545
|
}, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$i, {
|
|
16396
16546
|
label: "NOTIFICATIONS"
|
|
@@ -16484,7 +16634,7 @@ function Notification() {
|
|
|
16484
16634
|
routeInfoData: orderAlertsData
|
|
16485
16635
|
})) : 'No Notifications Found'));
|
|
16486
16636
|
}
|
|
16487
|
-
var Container$
|
|
16637
|
+
var Container$1l = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
16488
16638
|
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16489
16639
|
var TabsData = /*#__PURE__*/styled.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16490
16640
|
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
@@ -17105,7 +17255,7 @@ function OrderView(_ref) {
|
|
|
17105
17255
|
}
|
|
17106
17256
|
}, [escalationDataLoading]);
|
|
17107
17257
|
var docTitle = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
17108
|
-
return React.createElement(MainContainer$
|
|
17258
|
+
return React.createElement(MainContainer$c, null, React.createElement(DocumentTitle, {
|
|
17109
17259
|
title: docTitle
|
|
17110
17260
|
}), React.createElement(GeneralHeader, {
|
|
17111
17261
|
statusDataLoading: statusDataLoading
|
|
@@ -17120,7 +17270,7 @@ function OrderView(_ref) {
|
|
|
17120
17270
|
loading: logsLoading
|
|
17121
17271
|
}))), React.createElement(OrderActions, null));
|
|
17122
17272
|
}
|
|
17123
|
-
var MainContainer$
|
|
17273
|
+
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17124
17274
|
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17125
17275
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17126
17276
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
@@ -17580,7 +17730,7 @@ function ReturnMainTable() {
|
|
|
17580
17730
|
loading = _useAxios.loading,
|
|
17581
17731
|
fetchData = _useAxios.fetchData;
|
|
17582
17732
|
useEffect(function () {
|
|
17583
|
-
if (!clientPortal) {
|
|
17733
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
17584
17734
|
fetchData();
|
|
17585
17735
|
}
|
|
17586
17736
|
}, []);
|
|
@@ -17602,7 +17752,7 @@ function ReturnMainTable() {
|
|
|
17602
17752
|
paginationData = _useAxios2.paginationData,
|
|
17603
17753
|
fetchProductStats = _useAxios2.fetchData;
|
|
17604
17754
|
useEffect(function () {
|
|
17605
|
-
if (!clientPortal) {
|
|
17755
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
17606
17756
|
fetchProductStats();
|
|
17607
17757
|
}
|
|
17608
17758
|
}, []);
|
|
@@ -17633,7 +17783,7 @@ function ReturnMainTable() {
|
|
|
17633
17783
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
17634
17784
|
}, React.createElement("div", {
|
|
17635
17785
|
className: "Tableconatiner"
|
|
17636
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
17786
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1m, null, React.createElement(Row$c, null, React.createElement(Text, null, "Client Return"), customerId ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)), total > 0 && React.createElement(Pagination, {
|
|
17637
17787
|
currentPage: page,
|
|
17638
17788
|
totalItems: total,
|
|
17639
17789
|
itemsPerPage: itemsPerPage,
|
|
@@ -17642,7 +17792,7 @@ function ReturnMainTable() {
|
|
|
17642
17792
|
}))));
|
|
17643
17793
|
}
|
|
17644
17794
|
var Row$c = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
17645
|
-
var Container$
|
|
17795
|
+
var Container$1m = /*#__PURE__*/styled.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
17646
17796
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$19 || (_templateObject3$19 = /*#__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"])));
|
|
17647
17797
|
|
|
17648
17798
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
@@ -18252,7 +18402,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18252
18402
|
}, [fetchedReturnOrderData, loading]);
|
|
18253
18403
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$4, null, React.createElement("div", {
|
|
18254
18404
|
className: "Tableconatiner"
|
|
18255
|
-
}, React.createElement(Container$
|
|
18405
|
+
}, React.createElement(Container$1n, null, React.createElement(ReturnConfirmedTable, null), total > 0 && React.createElement(ReturnPagination, {
|
|
18256
18406
|
currentPage: page,
|
|
18257
18407
|
totalItems: total,
|
|
18258
18408
|
itemsPerPage: itemsPerPage,
|
|
@@ -18260,7 +18410,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18260
18410
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18261
18411
|
})))));
|
|
18262
18412
|
};
|
|
18263
|
-
var Container$
|
|
18413
|
+
var Container$1n = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
18264
18414
|
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$1$ || (_templateObject2$1$ = /*#__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"])));
|
|
18265
18415
|
|
|
18266
18416
|
var _templateObject$2J, _templateObject2$20;
|
|
@@ -18671,7 +18821,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
18671
18821
|
var validStatuses = ['outstanding_return', 'scheduled_for_return', 'return_completed'];
|
|
18672
18822
|
return React.createElement(React.Fragment, null, clientPortal && typeof status === 'string' && validStatuses.includes(status) && React.createElement(ClientRouterHeader, null), React.createElement("div", null, React.createElement(DashBoardWrapper$5, null, React.createElement("div", {
|
|
18673
18823
|
className: "Tableconatiner"
|
|
18674
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
18824
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1o, null, React.createElement(ReturnFilter, null), clientPortal && status === 'outstanding_return' && React.createElement(React.Fragment, null, React.createElement(OutstandingTable, null), total > 0 && React.createElement(Pagination, {
|
|
18675
18825
|
currentPage: page,
|
|
18676
18826
|
totalItems: total,
|
|
18677
18827
|
itemsPerPage: itemsPerPage,
|
|
@@ -18679,7 +18829,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
18679
18829
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18680
18830
|
})), shouldShowReturnAfterTable && React.createElement(React.Fragment, null, React.createElement(ConfirmedMain, null)))))));
|
|
18681
18831
|
};
|
|
18682
|
-
var Container$
|
|
18832
|
+
var Container$1o = /*#__PURE__*/styled.div(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
18683
18833
|
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$24 || (_templateObject2$24 = /*#__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"])));
|
|
18684
18834
|
|
|
18685
18835
|
var RouterHeader = function RouterHeader(_ref) {
|