@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
|
@@ -562,7 +562,7 @@ function useSelectedData() {
|
|
|
562
562
|
function useNewReturnOrderData() {
|
|
563
563
|
return jotai.useAtom(newReturnOrderData);
|
|
564
564
|
}
|
|
565
|
-
var isClientPortalAtom = /*#__PURE__*/jotai.atom(
|
|
565
|
+
var isClientPortalAtom = /*#__PURE__*/jotai.atom(undefined);
|
|
566
566
|
function useClientPortal() {
|
|
567
567
|
return jotai.useAtom(isClientPortalAtom);
|
|
568
568
|
}
|
|
@@ -1219,7 +1219,7 @@ function SelectionFilter() {
|
|
|
1219
1219
|
loading = _useAxios.loading,
|
|
1220
1220
|
fetchData = _useAxios.fetchData;
|
|
1221
1221
|
React.useEffect(function () {
|
|
1222
|
-
if (!clientPortal) {
|
|
1222
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
1223
1223
|
fetchData();
|
|
1224
1224
|
}
|
|
1225
1225
|
}, []);
|
|
@@ -2787,6 +2787,19 @@ var DefectsData = [{
|
|
|
2787
2787
|
images: ''
|
|
2788
2788
|
}];
|
|
2789
2789
|
var handleKeyDown = function handleKeyDown(e) {
|
|
2790
|
+
// Allow common shortcuts like Ctrl+V, Ctrl+C, Ctrl+A, etc.
|
|
2791
|
+
if (e.ctrlKey || e.metaKey) {
|
|
2792
|
+
if (e.key.toLowerCase() === 'v' ||
|
|
2793
|
+
// Paste
|
|
2794
|
+
e.key.toLowerCase() === 'c' ||
|
|
2795
|
+
// Copy
|
|
2796
|
+
e.key.toLowerCase() === 'x' ||
|
|
2797
|
+
// Cut
|
|
2798
|
+
e.key.toLowerCase() === 'a' // Select All
|
|
2799
|
+
) {
|
|
2800
|
+
return;
|
|
2801
|
+
}
|
|
2802
|
+
}
|
|
2790
2803
|
// Allowed keys: numbers (0-9), '.', '-', '+'
|
|
2791
2804
|
var allowedKeys = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '-', '+', 'ArrowLeft', 'ArrowRight'];
|
|
2792
2805
|
// Allow backspace, delete, and Tab keys
|
|
@@ -4873,80 +4886,134 @@ var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_temp
|
|
|
4873
4886
|
var Right = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4874
4887
|
var Container$c = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4875
4888
|
|
|
4876
|
-
var _templateObject$p
|
|
4877
|
-
|
|
4889
|
+
var _templateObject$p;
|
|
4890
|
+
function CallCustomer() {
|
|
4891
|
+
return React__default.createElement(Container$d, null, React__default.createElement(FlexCallIcon, null), React__default.createElement(SpokePhoneIcon, null));
|
|
4892
|
+
}
|
|
4893
|
+
var Container$d = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4894
|
+
|
|
4895
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4878
4896
|
function ContactHome() {
|
|
4897
|
+
var _prevOrderDetails$ord;
|
|
4879
4898
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
4880
4899
|
errors = _useAtom[0],
|
|
4881
4900
|
setErrors = _useAtom[1];
|
|
4882
|
-
|
|
4883
|
-
|
|
4901
|
+
var _useClientPortal = useClientPortal(),
|
|
4902
|
+
isClientPortal = _useClientPortal[0];
|
|
4884
4903
|
var _useOrderDetails = useOrderDetails(),
|
|
4885
4904
|
orderDetails = _useOrderDetails[0],
|
|
4886
4905
|
setOrderDetails = _useOrderDetails[1];
|
|
4906
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
4907
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
4908
|
+
var apiContactHome = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_home;
|
|
4887
4909
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4888
4910
|
var onChange = function onChange(e) {
|
|
4889
|
-
var val = e.target.value;
|
|
4911
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
4912
|
+
console.log(val, 'valuee');
|
|
4913
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
4914
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
4915
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
4916
|
+
return val.startsWith(prefix);
|
|
4917
|
+
});
|
|
4918
|
+
var prefix = matchedPrefix || '';
|
|
4919
|
+
var numberPart = val.slice(prefix.length);
|
|
4920
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
4921
|
+
if (numberPart.length > digitLimit) return;
|
|
4922
|
+
var contactValue = val;
|
|
4890
4923
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4891
|
-
contact_home:
|
|
4924
|
+
contact_home: contactValue
|
|
4892
4925
|
} : _extends({}, orderRecipient, {
|
|
4893
|
-
contact_home:
|
|
4926
|
+
contact_home: contactValue
|
|
4894
4927
|
}));
|
|
4895
4928
|
setOrderDetails(function (prev) {
|
|
4896
4929
|
return _extends({}, prev, {
|
|
4897
4930
|
order_recipient: updatedOrderRecipient
|
|
4898
4931
|
});
|
|
4899
4932
|
});
|
|
4900
|
-
if (
|
|
4901
|
-
|
|
4902
|
-
|
|
4903
|
-
|
|
4904
|
-
homeContactError: 'Phone number must be at least 10 digits.'
|
|
4905
|
-
});
|
|
4906
|
-
});
|
|
4907
|
-
} else if (val.length > 11) {
|
|
4908
|
-
setErrors(function (prevErrors) {
|
|
4909
|
-
return _extends({}, prevErrors, {
|
|
4910
|
-
homeContactError: 'Phone number must not exceed 11 digits.'
|
|
4911
|
-
});
|
|
4933
|
+
if (!numberPart) {
|
|
4934
|
+
setErrors(function (prev) {
|
|
4935
|
+
return _extends({}, prev, {
|
|
4936
|
+
homeContactError: ''
|
|
4912
4937
|
});
|
|
4913
|
-
}
|
|
4914
|
-
|
|
4915
|
-
|
|
4916
|
-
|
|
4917
|
-
|
|
4938
|
+
});
|
|
4939
|
+
} else if (numberPart.length !== digitLimit) {
|
|
4940
|
+
setErrors(function (prev) {
|
|
4941
|
+
return _extends({}, prev, {
|
|
4942
|
+
homeContactError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
4918
4943
|
});
|
|
4919
|
-
}
|
|
4944
|
+
});
|
|
4920
4945
|
} else {
|
|
4921
|
-
setErrors(function (
|
|
4922
|
-
return _extends({},
|
|
4946
|
+
setErrors(function (prev) {
|
|
4947
|
+
return _extends({}, prev, {
|
|
4923
4948
|
homeContactError: ''
|
|
4924
4949
|
});
|
|
4925
4950
|
});
|
|
4926
4951
|
}
|
|
4927
4952
|
};
|
|
4928
|
-
return React__default.createElement(
|
|
4953
|
+
return React__default.createElement(Container$e, null, React__default.createElement(Wrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4929
4954
|
label: "Contact Home",
|
|
4930
4955
|
htmlFor: "contact-home"
|
|
4931
4956
|
})), React__default.createElement(InputContainer, null, React__default.createElement(CustomInput$3, {
|
|
4932
4957
|
name: "contact-home",
|
|
4958
|
+
// maxLength={12}
|
|
4933
4959
|
type: "text",
|
|
4934
4960
|
placeholder: "Home Number",
|
|
4935
4961
|
onKeyDown: handleKeyDown,
|
|
4936
|
-
minLength: 10,
|
|
4937
|
-
maxLength: 10,
|
|
4938
4962
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_home) || '',
|
|
4939
|
-
onChange: onChange
|
|
4940
|
-
|
|
4963
|
+
onChange: onChange,
|
|
4964
|
+
disabled: isClientPortal
|
|
4965
|
+
}), apiContactHome && function () {
|
|
4966
|
+
var rawNumber = apiContactHome.replace(/\s+/g, '');
|
|
4967
|
+
var formattedNumber = rawNumber.replace(/\D/g, ''); // digits only
|
|
4968
|
+
var prefix = '';
|
|
4969
|
+
var numberPart = '';
|
|
4970
|
+
if (rawNumber.startsWith('+44')) {
|
|
4971
|
+
prefix = '+44';
|
|
4972
|
+
numberPart = formattedNumber.slice(2);
|
|
4973
|
+
} else if (rawNumber.startsWith('44')) {
|
|
4974
|
+
prefix = '44';
|
|
4975
|
+
numberPart = formattedNumber.slice(2);
|
|
4976
|
+
} else if (rawNumber.startsWith('0')) {
|
|
4977
|
+
prefix = '0';
|
|
4978
|
+
numberPart = formattedNumber.slice(1);
|
|
4979
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
4980
|
+
prefix = '+353';
|
|
4981
|
+
numberPart = formattedNumber.slice(3);
|
|
4982
|
+
} else if (rawNumber.startsWith('353')) {
|
|
4983
|
+
prefix = '353';
|
|
4984
|
+
numberPart = formattedNumber.slice(3);
|
|
4985
|
+
} else {
|
|
4986
|
+
numberPart = formattedNumber;
|
|
4987
|
+
}
|
|
4988
|
+
// Set digit limit based on prefix
|
|
4989
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
4990
|
+
if (numberPart.length !== digitLimit) return null;
|
|
4991
|
+
var hrefPrefix = '';
|
|
4992
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
4993
|
+
hrefPrefix = '+44';
|
|
4994
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
4995
|
+
hrefPrefix = '+353';
|
|
4996
|
+
} else {
|
|
4997
|
+
hrefPrefix = '+44';
|
|
4998
|
+
}
|
|
4999
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
5000
|
+
return React__default.createElement("a", {
|
|
5001
|
+
href: finalHref,
|
|
5002
|
+
style: {
|
|
5003
|
+
cursor: 'pointer'
|
|
5004
|
+
}
|
|
5005
|
+
}, React__default.createElement(CallCustomer, null));
|
|
5006
|
+
}()), errors.homeContactError && React__default.createElement(ErrorText$1, null, errors.homeContactError));
|
|
4941
5007
|
}
|
|
4942
|
-
var
|
|
4943
|
-
var
|
|
4944
|
-
var
|
|
4945
|
-
var
|
|
5008
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5009
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5010
|
+
var CustomInput$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5011
|
+
var Container$e = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4946
5012
|
var ErrorText$1 = /*#__PURE__*/styled__default.span(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4947
5013
|
|
|
4948
|
-
var _templateObject$
|
|
5014
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
4949
5015
|
function ContactWork() {
|
|
5016
|
+
var _prevOrderDetails$ord;
|
|
4950
5017
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
4951
5018
|
errors = _useAtom[0],
|
|
4952
5019
|
setErrors = _useAtom[1];
|
|
@@ -4954,48 +5021,52 @@ function ContactWork() {
|
|
|
4954
5021
|
orderDetails = _useOrderDetails[0],
|
|
4955
5022
|
setOrderDetails = _useOrderDetails[1];
|
|
4956
5023
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
5024
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
5025
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
5026
|
+
var apiContactWork = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_work;
|
|
4957
5027
|
var onChange = function onChange(e) {
|
|
4958
|
-
var val = e.target.value;
|
|
5028
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
5029
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
5030
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
5031
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
5032
|
+
return val.startsWith(prefix);
|
|
5033
|
+
});
|
|
5034
|
+
var prefix = matchedPrefix || '';
|
|
5035
|
+
var numberPart = val.slice(prefix.length);
|
|
5036
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5037
|
+
if (numberPart.length > digitLimit) return;
|
|
5038
|
+
var contactValue = val;
|
|
4959
5039
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4960
|
-
contact_work:
|
|
5040
|
+
contact_work: contactValue
|
|
4961
5041
|
} : _extends({}, orderRecipient, {
|
|
4962
|
-
contact_work:
|
|
5042
|
+
contact_work: contactValue
|
|
4963
5043
|
}));
|
|
4964
5044
|
setOrderDetails(function (prev) {
|
|
4965
5045
|
return _extends({}, prev, {
|
|
4966
5046
|
order_recipient: updatedOrderRecipient
|
|
4967
5047
|
});
|
|
4968
5048
|
});
|
|
4969
|
-
|
|
4970
|
-
|
|
4971
|
-
|
|
4972
|
-
|
|
4973
|
-
return _extends({}, prevErrors, {
|
|
4974
|
-
workCOntanctError: 'Phone number must be at least 10 digits.'
|
|
4975
|
-
});
|
|
4976
|
-
});
|
|
4977
|
-
} else if (val.length > 10) {
|
|
4978
|
-
setErrors(function (prevErrors) {
|
|
4979
|
-
return _extends({}, prevErrors, {
|
|
4980
|
-
workCOntanctError: 'Phone number must not exceed 10 digits.'
|
|
4981
|
-
});
|
|
5049
|
+
if (!numberPart) {
|
|
5050
|
+
setErrors(function (prev) {
|
|
5051
|
+
return _extends({}, prev, {
|
|
5052
|
+
workCOntanctError: ''
|
|
4982
5053
|
});
|
|
4983
|
-
}
|
|
4984
|
-
|
|
4985
|
-
|
|
4986
|
-
|
|
4987
|
-
|
|
5054
|
+
});
|
|
5055
|
+
} else if (numberPart.length !== digitLimit) {
|
|
5056
|
+
setErrors(function (prev) {
|
|
5057
|
+
return _extends({}, prev, {
|
|
5058
|
+
workCOntanctError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
4988
5059
|
});
|
|
4989
|
-
}
|
|
5060
|
+
});
|
|
4990
5061
|
} else {
|
|
4991
|
-
setErrors(function (
|
|
4992
|
-
return _extends({},
|
|
5062
|
+
setErrors(function (prev) {
|
|
5063
|
+
return _extends({}, prev, {
|
|
4993
5064
|
workCOntanctError: ''
|
|
4994
5065
|
});
|
|
4995
5066
|
});
|
|
4996
5067
|
}
|
|
4997
5068
|
};
|
|
4998
|
-
return React__default.createElement(Container$
|
|
5069
|
+
return React__default.createElement(Container$f, null, React__default.createElement(Wrapper$7, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4999
5070
|
label: "Contact Work",
|
|
5000
5071
|
htmlFor: "contact-work"
|
|
5001
5072
|
})), React__default.createElement(InputContainer$1, null, React__default.createElement(CustomInput$4, {
|
|
@@ -5004,97 +5075,176 @@ function ContactWork() {
|
|
|
5004
5075
|
placeholder: "Work Number",
|
|
5005
5076
|
onKeyDown: handleKeyDown,
|
|
5006
5077
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_work) || '',
|
|
5007
|
-
onChange: onChange
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5078
|
+
onChange: onChange
|
|
5079
|
+
}), apiContactWork && function () {
|
|
5080
|
+
var rawNumber = apiContactWork.replace(/\s+/g, '');
|
|
5081
|
+
var formattedNumber = rawNumber.replace(/\D/g, '');
|
|
5082
|
+
var prefix = '';
|
|
5083
|
+
var numberPart = '';
|
|
5084
|
+
if (rawNumber.startsWith('+44')) {
|
|
5085
|
+
prefix = '+44';
|
|
5086
|
+
numberPart = formattedNumber.slice(2);
|
|
5087
|
+
} else if (rawNumber.startsWith('44')) {
|
|
5088
|
+
prefix = '44';
|
|
5089
|
+
numberPart = formattedNumber.slice(2);
|
|
5090
|
+
} else if (rawNumber.startsWith('0')) {
|
|
5091
|
+
prefix = '0';
|
|
5092
|
+
numberPart = formattedNumber.slice(1);
|
|
5093
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
5094
|
+
prefix = '+353';
|
|
5095
|
+
numberPart = formattedNumber.slice(3);
|
|
5096
|
+
} else if (rawNumber.startsWith('353')) {
|
|
5097
|
+
prefix = '353';
|
|
5098
|
+
numberPart = formattedNumber.slice(3);
|
|
5099
|
+
} else {
|
|
5100
|
+
numberPart = formattedNumber;
|
|
5101
|
+
}
|
|
5102
|
+
// Set digit limit based on prefix
|
|
5103
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5104
|
+
if (numberPart.length !== digitLimit) return null;
|
|
5105
|
+
var hrefPrefix = '';
|
|
5106
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
5107
|
+
hrefPrefix = '+44';
|
|
5108
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
5109
|
+
hrefPrefix = '+353';
|
|
5110
|
+
} else {
|
|
5111
|
+
hrefPrefix = '+44';
|
|
5112
|
+
}
|
|
5113
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
5114
|
+
return React__default.createElement("a", {
|
|
5115
|
+
href: finalHref,
|
|
5116
|
+
style: {
|
|
5117
|
+
cursor: 'pointer'
|
|
5118
|
+
}
|
|
5119
|
+
}, React__default.createElement(CallCustomer, null));
|
|
5120
|
+
}()), errors.workCOntanctError && React__default.createElement(ErrorText$2, null, errors.workCOntanctError));
|
|
5011
5121
|
}
|
|
5012
|
-
var InputContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5122
|
+
var InputContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5013
5123
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5014
5124
|
var CustomInput$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5015
|
-
var Container$
|
|
5125
|
+
var Container$f = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5016
5126
|
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5017
5127
|
|
|
5018
|
-
var _templateObject$r;
|
|
5019
|
-
function CallCustomer() {
|
|
5020
|
-
return React__default.createElement(Container$e, null, React__default.createElement(FlexCallIcon, null), React__default.createElement(SpokePhoneIcon, null));
|
|
5021
|
-
}
|
|
5022
|
-
var Container$e = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
5023
|
-
|
|
5024
5128
|
var _templateObject$s, _templateObject2$m, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5025
|
-
// const MOBILE_REGEX = /^(\+44\s?7\d{3}|\(?07\d{3}\)?)\s?\d{3}\s?\d{3}$/;
|
|
5026
5129
|
function ContactMobile() {
|
|
5027
|
-
var _orderRecipient$conta;
|
|
5130
|
+
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5028
5131
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
5029
5132
|
errors = _useAtom[0],
|
|
5030
5133
|
setErrors = _useAtom[1];
|
|
5031
|
-
|
|
5032
|
-
|
|
5134
|
+
var _useClientPortal = useClientPortal(),
|
|
5135
|
+
isClientPortal = _useClientPortal[0];
|
|
5033
5136
|
var _useOrderDetails = useOrderDetails(),
|
|
5034
5137
|
orderDetails = _useOrderDetails[0],
|
|
5035
5138
|
setOrderDetails = _useOrderDetails[1];
|
|
5139
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
5140
|
+
prevOrderDetails = _usePrevOrderDetails[0];
|
|
5141
|
+
var apiContactMobile = prevOrderDetails == null || (_prevOrderDetails$ord = prevOrderDetails.order_recipient) == null ? void 0 : _prevOrderDetails$ord.contact_mobile;
|
|
5036
5142
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
5037
5143
|
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;
|
|
5038
5144
|
var onChange = function onChange(e) {
|
|
5039
|
-
var val = e.target.value;
|
|
5145
|
+
var val = e.target.value.replace(/\s+/g, '');
|
|
5146
|
+
if (!/^\+?\d*$/.test(val)) return;
|
|
5147
|
+
var validPrefixes = ['+44', '44', '0', '+353', '353'];
|
|
5148
|
+
var matchedPrefix = validPrefixes.find(function (prefix) {
|
|
5149
|
+
return val.startsWith(prefix);
|
|
5150
|
+
});
|
|
5151
|
+
var prefix = matchedPrefix || '';
|
|
5152
|
+
var numberPart = val.slice(prefix.length);
|
|
5153
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5154
|
+
if (numberPart.length > digitLimit) return;
|
|
5155
|
+
var contactValue = val;
|
|
5040
5156
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
5041
|
-
contact_mobile:
|
|
5157
|
+
contact_mobile: contactValue
|
|
5042
5158
|
} : _extends({}, orderRecipient, {
|
|
5043
|
-
contact_mobile:
|
|
5159
|
+
contact_mobile: contactValue
|
|
5044
5160
|
}));
|
|
5045
5161
|
setOrderDetails(function (prev) {
|
|
5046
5162
|
return _extends({}, prev, {
|
|
5047
5163
|
order_recipient: updatedOrderRecipient
|
|
5048
5164
|
});
|
|
5049
5165
|
});
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
});
|
|
5056
|
-
});
|
|
5057
|
-
} else if (val.length > 11) {
|
|
5058
|
-
setErrors(function (prevErrors) {
|
|
5059
|
-
return _extends({}, prevErrors, {
|
|
5060
|
-
mobileError: 'Phone number must not exceed 11 digits.'
|
|
5061
|
-
});
|
|
5166
|
+
// Validation errors
|
|
5167
|
+
if (!numberPart) {
|
|
5168
|
+
setErrors(function (prev) {
|
|
5169
|
+
return _extends({}, prev, {
|
|
5170
|
+
mobileError: ''
|
|
5062
5171
|
});
|
|
5063
|
-
}
|
|
5064
|
-
|
|
5065
|
-
|
|
5066
|
-
|
|
5067
|
-
|
|
5172
|
+
});
|
|
5173
|
+
} else if (numberPart.length !== digitLimit) {
|
|
5174
|
+
setErrors(function (prev) {
|
|
5175
|
+
return _extends({}, prev, {
|
|
5176
|
+
mobileError: "Number must have exactly " + digitLimit + " digits after the prefix."
|
|
5068
5177
|
});
|
|
5069
|
-
}
|
|
5178
|
+
});
|
|
5070
5179
|
} else {
|
|
5071
|
-
setErrors(function (
|
|
5072
|
-
return _extends({},
|
|
5180
|
+
setErrors(function (prev) {
|
|
5181
|
+
return _extends({}, prev, {
|
|
5073
5182
|
mobileError: ''
|
|
5074
5183
|
});
|
|
5075
5184
|
});
|
|
5076
5185
|
}
|
|
5077
5186
|
};
|
|
5078
|
-
return React__default.createElement(Container$
|
|
5187
|
+
return React__default.createElement(Container$g, null, React__default.createElement(Wrapper$8, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5079
5188
|
label: "Contact Mobile",
|
|
5080
|
-
htmlFor: "contact-
|
|
5189
|
+
htmlFor: "contact-mobile"
|
|
5081
5190
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
5082
5191
|
text: orderRecipient == null ? void 0 : orderRecipient.contact_mobile
|
|
5083
5192
|
})), React__default.createElement(InputContainer$2, null, React__default.createElement(CustomInput$5, {
|
|
5084
|
-
name: "contact-
|
|
5085
|
-
|
|
5086
|
-
maxLength: 10,
|
|
5193
|
+
name: "contact-mobile",
|
|
5194
|
+
// maxLength={12}
|
|
5087
5195
|
type: "text",
|
|
5088
5196
|
placeholder: "Mobile Number",
|
|
5089
5197
|
onKeyDown: handleKeyDown,
|
|
5090
5198
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) || '',
|
|
5091
|
-
onChange: onChange
|
|
5092
|
-
|
|
5199
|
+
onChange: onChange,
|
|
5200
|
+
disabled: isClientPortal
|
|
5201
|
+
}), apiContactMobile && function () {
|
|
5202
|
+
var rawNumber = apiContactMobile.replace(/\s+/g, '');
|
|
5203
|
+
var formattedNumber = rawNumber.replace(/\D/g, '');
|
|
5204
|
+
var prefix = '';
|
|
5205
|
+
var numberPart = '';
|
|
5206
|
+
if (rawNumber.startsWith('+44')) {
|
|
5207
|
+
prefix = '+44';
|
|
5208
|
+
numberPart = formattedNumber.slice(2);
|
|
5209
|
+
} else if (rawNumber.startsWith('44')) {
|
|
5210
|
+
prefix = '44';
|
|
5211
|
+
numberPart = formattedNumber.slice(2);
|
|
5212
|
+
} else if (rawNumber.startsWith('0')) {
|
|
5213
|
+
prefix = '0';
|
|
5214
|
+
numberPart = formattedNumber.slice(1);
|
|
5215
|
+
} else if (rawNumber.startsWith('+353')) {
|
|
5216
|
+
prefix = '+353';
|
|
5217
|
+
numberPart = formattedNumber.slice(3);
|
|
5218
|
+
} else if (rawNumber.startsWith('353')) {
|
|
5219
|
+
prefix = '353';
|
|
5220
|
+
numberPart = formattedNumber.slice(3);
|
|
5221
|
+
} else {
|
|
5222
|
+
numberPart = formattedNumber;
|
|
5223
|
+
}
|
|
5224
|
+
// Set digit limit based on prefix
|
|
5225
|
+
var digitLimit = prefix === '+353' || prefix === '353' ? 9 : 10;
|
|
5226
|
+
if (numberPart.length !== digitLimit) return null;
|
|
5227
|
+
var hrefPrefix = '';
|
|
5228
|
+
if (prefix === '0' || prefix === '44' || prefix === '+44') {
|
|
5229
|
+
hrefPrefix = '+44';
|
|
5230
|
+
} else if (prefix === '353' || prefix === '+353') {
|
|
5231
|
+
hrefPrefix = '+353';
|
|
5232
|
+
} else {
|
|
5233
|
+
hrefPrefix = '+44';
|
|
5234
|
+
}
|
|
5235
|
+
var finalHref = "tel:" + hrefPrefix + numberPart;
|
|
5236
|
+
return React__default.createElement("a", {
|
|
5237
|
+
href: finalHref,
|
|
5238
|
+
style: {
|
|
5239
|
+
cursor: 'pointer'
|
|
5240
|
+
}
|
|
5241
|
+
}, React__default.createElement(CallCustomer, null));
|
|
5242
|
+
}()), errors.mobileError && React__default.createElement(ErrorText$3, null, errors.mobileError));
|
|
5093
5243
|
}
|
|
5094
5244
|
var InputContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5095
5245
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5096
5246
|
var CustomInput$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5097
|
-
var Container$
|
|
5247
|
+
var Container$g = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5098
5248
|
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5099
5249
|
|
|
5100
5250
|
var _templateObject$t, _templateObject2$n, _templateObject3$c;
|
|
@@ -5129,7 +5279,7 @@ function ContactEmail() {
|
|
|
5129
5279
|
});
|
|
5130
5280
|
});
|
|
5131
5281
|
};
|
|
5132
|
-
return React__default.createElement(Container$
|
|
5282
|
+
return React__default.createElement(Container$h, null, React__default.createElement(Wrapper$9, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5133
5283
|
label: "Email",
|
|
5134
5284
|
htmlFor: "email-id"
|
|
5135
5285
|
})), React__default.createElement(dmsComponentLibrary.Input, {
|
|
@@ -5141,15 +5291,15 @@ function ContactEmail() {
|
|
|
5141
5291
|
}), errors.emailError && React__default.createElement(ErrorText$4, null, errors.emailError));
|
|
5142
5292
|
}
|
|
5143
5293
|
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5144
|
-
var Container$
|
|
5294
|
+
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5145
5295
|
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5146
5296
|
|
|
5147
5297
|
var _templateObject$u, _templateObject2$o;
|
|
5148
5298
|
function ContactDetails() {
|
|
5149
|
-
return React__default.createElement(Container$
|
|
5299
|
+
return React__default.createElement(Container$i, null, React__default.createElement(GroupedInputs, null, React__default.createElement(ContactHome, null), React__default.createElement(ContactWork, null)), React__default.createElement(GroupedInputs, null, React__default.createElement(ContactMobile, null), React__default.createElement(ContactEmail, null)));
|
|
5150
5300
|
}
|
|
5151
5301
|
var GroupedInputs = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5152
|
-
var Container$
|
|
5302
|
+
var Container$i = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
5153
5303
|
|
|
5154
5304
|
var _templateObject$v, _templateObject2$p;
|
|
5155
5305
|
function CustomerSection() {
|
|
@@ -5164,7 +5314,7 @@ var _templateObject$w, _templateObject2$q, _templateObject3$d;
|
|
|
5164
5314
|
function ConsignmentNumber() {
|
|
5165
5315
|
var _useOrderDetails = useOrderDetails(),
|
|
5166
5316
|
orderDetails = _useOrderDetails[0];
|
|
5167
|
-
return React__default.createElement(Container$
|
|
5317
|
+
return React__default.createElement(Container$j, null, React__default.createElement(Wrapper$a, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5168
5318
|
label: "Consignment Number"
|
|
5169
5319
|
}), React__default.createElement(CopyText, {
|
|
5170
5320
|
text: dmsComponentLibrary.displayValueOrNA(orderDetails.consignment)
|
|
@@ -5172,7 +5322,7 @@ function ConsignmentNumber() {
|
|
|
5172
5322
|
}
|
|
5173
5323
|
var Wrapper$a = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5174
5324
|
var Consignment = /*#__PURE__*/styled__default.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"])));
|
|
5175
|
-
var Container$
|
|
5325
|
+
var Container$j = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5176
5326
|
|
|
5177
5327
|
var _templateObject$x, _templateObject2$r;
|
|
5178
5328
|
function RecipientReference() {
|
|
@@ -5188,7 +5338,7 @@ function RecipientReference() {
|
|
|
5188
5338
|
});
|
|
5189
5339
|
});
|
|
5190
5340
|
};
|
|
5191
|
-
return React__default.createElement(Container$
|
|
5341
|
+
return React__default.createElement(Container$k, null, React__default.createElement(Wrapper$b, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5192
5342
|
label: "Recipient Reference",
|
|
5193
5343
|
htmlFor: "recipient-reference"
|
|
5194
5344
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
@@ -5204,7 +5354,7 @@ function RecipientReference() {
|
|
|
5204
5354
|
}
|
|
5205
5355
|
}));
|
|
5206
5356
|
}
|
|
5207
|
-
var Container$
|
|
5357
|
+
var Container$k = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5208
5358
|
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5209
5359
|
|
|
5210
5360
|
var _templateObject$y, _templateObject2$s;
|
|
@@ -5258,7 +5408,7 @@ function Droptime() {
|
|
|
5258
5408
|
});
|
|
5259
5409
|
});
|
|
5260
5410
|
};
|
|
5261
|
-
return React__default.createElement(Container$
|
|
5411
|
+
return React__default.createElement(Container$l, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5262
5412
|
label: "Droptime",
|
|
5263
5413
|
htmlFor: "droptime"
|
|
5264
5414
|
}), React__default.createElement(CustomInput$6, {
|
|
@@ -5271,7 +5421,7 @@ function Droptime() {
|
|
|
5271
5421
|
}));
|
|
5272
5422
|
}
|
|
5273
5423
|
var CustomInput$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5274
|
-
var Container$
|
|
5424
|
+
var Container$l = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5275
5425
|
|
|
5276
5426
|
var _templateObject$A;
|
|
5277
5427
|
function DeliveryDate() {
|
|
@@ -5312,7 +5462,7 @@ function DeliveryDate() {
|
|
|
5312
5462
|
});
|
|
5313
5463
|
}
|
|
5314
5464
|
};
|
|
5315
|
-
return React__default.createElement(MainContainer
|
|
5465
|
+
return React__default.createElement(MainContainer, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5316
5466
|
label: "Delivery Date"
|
|
5317
5467
|
}), React__default.createElement(antd.DatePicker, {
|
|
5318
5468
|
onChange: onChange,
|
|
@@ -5325,7 +5475,7 @@ function DeliveryDate() {
|
|
|
5325
5475
|
disabled: isClientPortal ? true : routedStatus || ((_orderStatus$2 = orderStatus[0]) == null ? void 0 : _orderStatus$2.confirmed) === true || isOrderOnHold
|
|
5326
5476
|
}));
|
|
5327
5477
|
}
|
|
5328
|
-
var MainContainer
|
|
5478
|
+
var MainContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5329
5479
|
|
|
5330
5480
|
var _templateObject$B;
|
|
5331
5481
|
function Carrier() {
|
|
@@ -5399,7 +5549,7 @@ function OrderNumber() {
|
|
|
5399
5549
|
});
|
|
5400
5550
|
});
|
|
5401
5551
|
};
|
|
5402
|
-
return React__default.createElement(Container$
|
|
5552
|
+
return React__default.createElement(Container$m, null, React__default.createElement(Wrapper$c, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5403
5553
|
label: "Order Number",
|
|
5404
5554
|
htmlFor: "order-number"
|
|
5405
5555
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
@@ -5416,7 +5566,7 @@ function OrderNumber() {
|
|
|
5416
5566
|
}));
|
|
5417
5567
|
}
|
|
5418
5568
|
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5419
|
-
var Container$
|
|
5569
|
+
var Container$m = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5420
5570
|
|
|
5421
5571
|
var _templateObject$D;
|
|
5422
5572
|
function ScheduleAfter() {
|
|
@@ -5450,7 +5600,7 @@ function ScheduleAfter() {
|
|
|
5450
5600
|
});
|
|
5451
5601
|
}
|
|
5452
5602
|
};
|
|
5453
|
-
return React__default.createElement(MainContainer$
|
|
5603
|
+
return React__default.createElement(MainContainer$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5454
5604
|
label: "Schedule After"
|
|
5455
5605
|
}), React__default.createElement(antd.DatePicker, {
|
|
5456
5606
|
onChange: onChange,
|
|
@@ -5462,7 +5612,7 @@ function ScheduleAfter() {
|
|
|
5462
5612
|
allowClear: false
|
|
5463
5613
|
}));
|
|
5464
5614
|
}
|
|
5465
|
-
var MainContainer$
|
|
5615
|
+
var MainContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5466
5616
|
|
|
5467
5617
|
var vehicleTypeOptions = [{
|
|
5468
5618
|
label: 'LGV',
|
|
@@ -5522,7 +5672,7 @@ function OrderStatusNote() {
|
|
|
5522
5672
|
});
|
|
5523
5673
|
});
|
|
5524
5674
|
};
|
|
5525
|
-
return React__default.createElement(Container$
|
|
5675
|
+
return React__default.createElement(Container$n, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5526
5676
|
label: "Order Status Note"
|
|
5527
5677
|
}), React__default.createElement(CustomTextArea, {
|
|
5528
5678
|
value: (orderDetails == null ? void 0 : orderDetails.order_status_note) || '',
|
|
@@ -5531,7 +5681,7 @@ function OrderStatusNote() {
|
|
|
5531
5681
|
}));
|
|
5532
5682
|
}
|
|
5533
5683
|
var CustomTextArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5534
|
-
var Container$
|
|
5684
|
+
var Container$n = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5535
5685
|
|
|
5536
5686
|
var _templateObject$H, _templateObject2$x;
|
|
5537
5687
|
function DeliveryInstructions() {
|
|
@@ -5545,7 +5695,7 @@ function DeliveryInstructions() {
|
|
|
5545
5695
|
});
|
|
5546
5696
|
});
|
|
5547
5697
|
};
|
|
5548
|
-
return React__default.createElement(Container$
|
|
5698
|
+
return React__default.createElement(Container$o, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5549
5699
|
label: "Delivery Instructions"
|
|
5550
5700
|
}), React__default.createElement(CustomTextArea$1, {
|
|
5551
5701
|
value: (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || '',
|
|
@@ -5554,7 +5704,7 @@ function DeliveryInstructions() {
|
|
|
5554
5704
|
}));
|
|
5555
5705
|
}
|
|
5556
5706
|
var CustomTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5557
|
-
var Container$
|
|
5707
|
+
var Container$o = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5558
5708
|
|
|
5559
5709
|
var _templateObject$I, _templateObject2$y;
|
|
5560
5710
|
function OtherInstructions() {
|
|
@@ -5568,7 +5718,7 @@ function OtherInstructions() {
|
|
|
5568
5718
|
});
|
|
5569
5719
|
});
|
|
5570
5720
|
};
|
|
5571
|
-
return React__default.createElement(Container$
|
|
5721
|
+
return React__default.createElement(Container$p, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5572
5722
|
label: "Other Instructions (simple instructions)"
|
|
5573
5723
|
}), React__default.createElement(CustomTextArea$2, {
|
|
5574
5724
|
value: (orderDetails == null ? void 0 : orderDetails.other_instructions) || '',
|
|
@@ -5577,7 +5727,7 @@ function OtherInstructions() {
|
|
|
5577
5727
|
}));
|
|
5578
5728
|
}
|
|
5579
5729
|
var CustomTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5580
|
-
var Container$
|
|
5730
|
+
var Container$p = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5581
5731
|
|
|
5582
5732
|
var _templateObject$J, _templateObject2$z;
|
|
5583
5733
|
function InstructionSection() {
|
|
@@ -5625,7 +5775,7 @@ function TimedServiceDropdown() {
|
|
|
5625
5775
|
});
|
|
5626
5776
|
setOrderData(newData);
|
|
5627
5777
|
};
|
|
5628
|
-
return React__default.createElement(Container$
|
|
5778
|
+
return React__default.createElement(Container$q, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5629
5779
|
label: "Timed Service"
|
|
5630
5780
|
}), React__default.createElement(StyledSelectDropdown$1, {
|
|
5631
5781
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, {
|
|
@@ -5646,7 +5796,7 @@ function TimedServiceDropdown() {
|
|
|
5646
5796
|
className: 'disabled'
|
|
5647
5797
|
}));
|
|
5648
5798
|
}
|
|
5649
|
-
var Container$
|
|
5799
|
+
var Container$q = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5650
5800
|
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5651
5801
|
|
|
5652
5802
|
var _templateObject$L, _templateObject2$B;
|
|
@@ -5670,7 +5820,7 @@ function ServiceTypeDropdown() {
|
|
|
5670
5820
|
});
|
|
5671
5821
|
setOrderData(newData);
|
|
5672
5822
|
};
|
|
5673
|
-
return React__default.createElement(Container$
|
|
5823
|
+
return React__default.createElement(Container$r, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5674
5824
|
label: "Service Type",
|
|
5675
5825
|
htmlFor: "serviceTypeDropdown"
|
|
5676
5826
|
}), React__default.createElement(StyledSelectDropdown$2, {
|
|
@@ -5686,7 +5836,7 @@ function ServiceTypeDropdown() {
|
|
|
5686
5836
|
className: 'disabled'
|
|
5687
5837
|
}));
|
|
5688
5838
|
}
|
|
5689
|
-
var Container$
|
|
5839
|
+
var Container$r = /*#__PURE__*/styled__default.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"])));
|
|
5690
5840
|
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
5691
5841
|
|
|
5692
5842
|
var _templateObject$M, _templateObject2$C;
|
|
@@ -5713,7 +5863,7 @@ function DeliveryPointDropdown() {
|
|
|
5713
5863
|
});
|
|
5714
5864
|
setOrderData(newData);
|
|
5715
5865
|
};
|
|
5716
|
-
return React__default.createElement(Container$
|
|
5866
|
+
return React__default.createElement(Container$s, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5717
5867
|
label: "Delivery Point"
|
|
5718
5868
|
}), React__default.createElement(StyledSelectDropdown$3, {
|
|
5719
5869
|
placeholder: "Select Delivery Point",
|
|
@@ -5728,7 +5878,7 @@ function DeliveryPointDropdown() {
|
|
|
5728
5878
|
className: 'disabled'
|
|
5729
5879
|
}));
|
|
5730
5880
|
}
|
|
5731
|
-
var Container$
|
|
5881
|
+
var Container$s = /*#__PURE__*/styled__default.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"])));
|
|
5732
5882
|
var StyledSelectDropdown$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5733
5883
|
|
|
5734
5884
|
var _templateObject$N;
|
|
@@ -5757,7 +5907,7 @@ function ServiceLevel() {
|
|
|
5757
5907
|
setOrderData(newData);
|
|
5758
5908
|
};
|
|
5759
5909
|
var isDisabled = true; // Example value
|
|
5760
|
-
return React__default.createElement(Container$
|
|
5910
|
+
return React__default.createElement(Container$t, {
|
|
5761
5911
|
disabled: isDisabled
|
|
5762
5912
|
}, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
5763
5913
|
selectedValue: serviceLevelId || '',
|
|
@@ -5768,7 +5918,7 @@ function ServiceLevel() {
|
|
|
5768
5918
|
isDisabled: isDisabled
|
|
5769
5919
|
}));
|
|
5770
5920
|
}
|
|
5771
|
-
var Container$
|
|
5921
|
+
var Container$t = /*#__PURE__*/styled__default.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) {
|
|
5772
5922
|
var disabled = _ref.disabled;
|
|
5773
5923
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5774
5924
|
});
|
|
@@ -5800,7 +5950,7 @@ function AssemblyType() {
|
|
|
5800
5950
|
return false;
|
|
5801
5951
|
}
|
|
5802
5952
|
};
|
|
5803
|
-
return React__default.createElement(Container$
|
|
5953
|
+
return React__default.createElement(Container$u, {
|
|
5804
5954
|
"$isDisable": isServiceDisable()
|
|
5805
5955
|
}, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
5806
5956
|
selectedValue: (orderData == null ? void 0 : orderData.assembly_type) || '',
|
|
@@ -5812,7 +5962,7 @@ function AssemblyType() {
|
|
|
5812
5962
|
isDisabled: true
|
|
5813
5963
|
}));
|
|
5814
5964
|
}
|
|
5815
|
-
var Container$
|
|
5965
|
+
var Container$u = /*#__PURE__*/styled__default.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) {
|
|
5816
5966
|
return props.$isDisable ? 'none' : 'auto';
|
|
5817
5967
|
});
|
|
5818
5968
|
|
|
@@ -5845,7 +5995,7 @@ function ServiceSlider(props) {
|
|
|
5845
5995
|
// event.preventDefault();
|
|
5846
5996
|
// props.toggle(props.serviceId);
|
|
5847
5997
|
// };
|
|
5848
|
-
return React__default.createElement(Container$
|
|
5998
|
+
return React__default.createElement(Container$v, null, React__default.createElement(ServiceIcon, {
|
|
5849
5999
|
src: getIcon(props.serviceId)
|
|
5850
6000
|
}), React__default.createElement(ServiceName, null, props.serviceName), React__default.createElement("div", {
|
|
5851
6001
|
className: "hidden"
|
|
@@ -5858,7 +6008,7 @@ function ServiceSlider(props) {
|
|
|
5858
6008
|
}
|
|
5859
6009
|
var ServiceName = /*#__PURE__*/styled__default.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"])));
|
|
5860
6010
|
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
5861
|
-
var Container$
|
|
6011
|
+
var Container$v = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
5862
6012
|
|
|
5863
6013
|
var _templateObject$Q;
|
|
5864
6014
|
function OrderServices() {
|
|
@@ -5884,7 +6034,7 @@ function OrderServices() {
|
|
|
5884
6034
|
});
|
|
5885
6035
|
};
|
|
5886
6036
|
var isDisabled = true;
|
|
5887
|
-
return React__default.createElement(Container$
|
|
6037
|
+
return React__default.createElement(Container$w, {
|
|
5888
6038
|
disabled: isDisabled
|
|
5889
6039
|
}, sortedServices == null ? void 0 : sortedServices.map(function (service) {
|
|
5890
6040
|
var _service$type;
|
|
@@ -5899,7 +6049,7 @@ function OrderServices() {
|
|
|
5899
6049
|
});
|
|
5900
6050
|
}));
|
|
5901
6051
|
}
|
|
5902
|
-
var Container$
|
|
6052
|
+
var Container$w = /*#__PURE__*/styled__default.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) {
|
|
5903
6053
|
var disabled = _ref.disabled;
|
|
5904
6054
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
5905
6055
|
});
|
|
@@ -5922,11 +6072,11 @@ function AllowTracking() {
|
|
|
5922
6072
|
orderDetails = _useOrderDetails[0];
|
|
5923
6073
|
var createdBy = (orderDetails == null ? void 0 : orderDetails.created_by) || 'Unknown';
|
|
5924
6074
|
var createdAt = orderDetails != null && orderDetails.created_at ? dmsComponentLibrary.formatUtcToLocal(orderDetails.created_at).date + " @ " + dmsComponentLibrary.formatUtcToLocal(orderDetails.created_at).time : 'Not Available';
|
|
5925
|
-
return React__default.createElement(Container$
|
|
6075
|
+
return React__default.createElement(Container$x, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$3, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
5926
6076
|
}
|
|
5927
6077
|
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
5928
6078
|
var CreatedBy = /*#__PURE__*/styled__default.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"])));
|
|
5929
|
-
var Container$
|
|
6079
|
+
var Container$x = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5930
6080
|
|
|
5931
6081
|
var _templateObject$T;
|
|
5932
6082
|
function OrderDetailsFooter() {
|
|
@@ -6030,18 +6180,18 @@ function OrderDetailsFooter() {
|
|
|
6030
6180
|
return _ref.apply(this, arguments);
|
|
6031
6181
|
};
|
|
6032
6182
|
}();
|
|
6033
|
-
return React__default.createElement(Container$
|
|
6183
|
+
return React__default.createElement(Container$y, null, React__default.createElement(AllowTracking, null), React__default.createElement(dmsComponentLibrary.Button, {
|
|
6034
6184
|
onClick: onSave,
|
|
6035
6185
|
disabled: isClientPortal ? true : !isDifferent() || errorFound()
|
|
6036
6186
|
}, "Save Details"));
|
|
6037
6187
|
}
|
|
6038
|
-
var Container$
|
|
6188
|
+
var Container$y = /*#__PURE__*/styled__default.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"])));
|
|
6039
6189
|
|
|
6040
6190
|
var _templateObject$U, _templateObject2$G, _templateObject3$i, _templateObject4$9;
|
|
6041
6191
|
function ExpandedContent(_ref) {
|
|
6042
6192
|
var orderLoading = _ref.orderLoading,
|
|
6043
6193
|
depotDataLoading = _ref.depotDataLoading;
|
|
6044
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(MainContainer$
|
|
6194
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(MainContainer$2, null, orderLoading || depotDataLoading ? React__default.createElement(React__default.Fragment, null, React__default.createElement(CustomFormSection$4, null, React__default.createElement(antd.Skeleton, {
|
|
6045
6195
|
paragraph: {
|
|
6046
6196
|
rows: 4
|
|
6047
6197
|
}
|
|
@@ -6049,10 +6199,10 @@ function ExpandedContent(_ref) {
|
|
|
6049
6199
|
paragraph: {
|
|
6050
6200
|
rows: 4
|
|
6051
6201
|
}
|
|
6052
|
-
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
6202
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$z, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null))));
|
|
6053
6203
|
}
|
|
6054
6204
|
var HalfWidth = /*#__PURE__*/styled__default.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"])));
|
|
6055
|
-
var Container$
|
|
6205
|
+
var Container$z = /*#__PURE__*/styled__default.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"])));
|
|
6056
6206
|
// const InstructionContainer = styled.div`
|
|
6057
6207
|
// display: flex;
|
|
6058
6208
|
// justify-content: center;
|
|
@@ -6066,7 +6216,7 @@ var Container$y = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templ
|
|
|
6066
6216
|
// -ms-user-select: none;
|
|
6067
6217
|
// user-select: none;
|
|
6068
6218
|
// `;
|
|
6069
|
-
var MainContainer$
|
|
6219
|
+
var MainContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
6070
6220
|
var CustomFormSection$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6071
6221
|
|
|
6072
6222
|
function OrderDetails$1(_ref) {
|
|
@@ -6130,7 +6280,7 @@ function NoteType() {
|
|
|
6130
6280
|
setSelected(selectedOption.value);
|
|
6131
6281
|
}
|
|
6132
6282
|
};
|
|
6133
|
-
return React__default.createElement(Container$
|
|
6283
|
+
return React__default.createElement(Container$A, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
6134
6284
|
selectedValue: selected,
|
|
6135
6285
|
heading: "",
|
|
6136
6286
|
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
@@ -6143,7 +6293,7 @@ function NoteType() {
|
|
|
6143
6293
|
required: false
|
|
6144
6294
|
}));
|
|
6145
6295
|
}
|
|
6146
|
-
var Container$
|
|
6296
|
+
var Container$A = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6147
6297
|
|
|
6148
6298
|
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$a;
|
|
6149
6299
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
@@ -6290,7 +6440,7 @@ function AddNote() {
|
|
|
6290
6440
|
var handleChange = function handleChange(e) {
|
|
6291
6441
|
setNoteText(e.target.value);
|
|
6292
6442
|
};
|
|
6293
|
-
return React__default.createElement(Container$
|
|
6443
|
+
return React__default.createElement(Container$B, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6294
6444
|
label: "Add New Note",
|
|
6295
6445
|
required: true,
|
|
6296
6446
|
style: {
|
|
@@ -6312,7 +6462,7 @@ function AddNote() {
|
|
|
6312
6462
|
onClick: saveNote
|
|
6313
6463
|
}, "SAVE NOTE"), !isClientPortal && React__default.createElement(NoteType, null)));
|
|
6314
6464
|
}
|
|
6315
|
-
var Container$
|
|
6465
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6316
6466
|
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
6317
6467
|
var StyledTextArea = /*#__PURE__*/styled__default.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"])));
|
|
6318
6468
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
@@ -6371,9 +6521,9 @@ var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$I || (
|
|
|
6371
6521
|
|
|
6372
6522
|
var _templateObject$Y;
|
|
6373
6523
|
function AuditLogs() {
|
|
6374
|
-
return React__default.createElement(Container$
|
|
6524
|
+
return React__default.createElement(Container$C, null, React__default.createElement(GenericAuditLogsTable, null));
|
|
6375
6525
|
}
|
|
6376
|
-
var Container$
|
|
6526
|
+
var Container$C = /*#__PURE__*/styled__default.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"])));
|
|
6377
6527
|
|
|
6378
6528
|
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$b;
|
|
6379
6529
|
// import { useLocation } from 'react-router-dom';
|
|
@@ -6451,11 +6601,11 @@ function Notes() {
|
|
|
6451
6601
|
setAuditLogs(false);
|
|
6452
6602
|
}, 1000);
|
|
6453
6603
|
};
|
|
6454
|
-
return React__default.createElement(Container$
|
|
6604
|
+
return React__default.createElement(Container$D, null, React__default.createElement(CardHeader, null, "NOTES", React__default.createElement(SmallButton, {
|
|
6455
6605
|
onClick: handleGetLogs
|
|
6456
6606
|
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
6457
6607
|
}
|
|
6458
|
-
var Container$
|
|
6608
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6459
6609
|
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
6460
6610
|
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
6461
6611
|
var SmallButton = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6488,7 +6638,7 @@ function CollapsableForm(props) {
|
|
|
6488
6638
|
var _useState = React.useState(true),
|
|
6489
6639
|
isExpanded = _useState[0],
|
|
6490
6640
|
setIsExpanded = _useState[1];
|
|
6491
|
-
return React__default.createElement(MainContainer$
|
|
6641
|
+
return React__default.createElement(MainContainer$3, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$E, null, React__default.createElement(Text$4, {
|
|
6492
6642
|
onClick: function onClick() {
|
|
6493
6643
|
return setIsExpanded(function (prev) {
|
|
6494
6644
|
return !prev;
|
|
@@ -6506,8 +6656,8 @@ function CollapsableForm(props) {
|
|
|
6506
6656
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.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"])));
|
|
6507
6657
|
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
6508
6658
|
var Text$4 = /*#__PURE__*/styled__default.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
6509
|
-
var Container$
|
|
6510
|
-
var MainContainer$
|
|
6659
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6660
|
+
var MainContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6511
6661
|
var IconContainer$1 = /*#__PURE__*/styled__default.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) {
|
|
6512
6662
|
return props.isExpanded ? '360deg' : '180deg';
|
|
6513
6663
|
});
|
|
@@ -6565,7 +6715,7 @@ function DynamicTable(_ref, props) {
|
|
|
6565
6715
|
var noFlexColumns = ['id'];
|
|
6566
6716
|
console.log(rows, '<===========rows');
|
|
6567
6717
|
console.log(props, 'props');
|
|
6568
|
-
return React__default.createElement(MainContainer$
|
|
6718
|
+
return React__default.createElement(MainContainer$4, null, React__default.createElement(Container$F, null, React__default.createElement(TableWrapper, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(Table, null, React__default.createElement(TableHead, null, headerGroups == null ? void 0 : headerGroups.map(function (headerGroup) {
|
|
6569
6719
|
return React__default.createElement(TableRow, {
|
|
6570
6720
|
key: headerGroup.id
|
|
6571
6721
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -6599,7 +6749,7 @@ function DynamicTable(_ref, props) {
|
|
|
6599
6749
|
}));
|
|
6600
6750
|
})))))));
|
|
6601
6751
|
}
|
|
6602
|
-
var Container$
|
|
6752
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6603
6753
|
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6604
6754
|
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
6605
6755
|
var TableData = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6607,7 +6757,7 @@ var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$8 || (_templateO
|
|
|
6607
6757
|
var TableBody = /*#__PURE__*/styled__default.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"])));
|
|
6608
6758
|
var TableHead = /*#__PURE__*/styled__default.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"])));
|
|
6609
6759
|
var Table = /*#__PURE__*/styled__default.table(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
6610
|
-
var MainContainer$
|
|
6760
|
+
var MainContainer$4 = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .col {\n display: flex;\n align-items: center;\n color: #3a3630;\n padding: 10px 5px;\n text-align: left;\n }\n\n .col.noFlex {\n flex: 0;\n }\n\n .col.sm {\n flex: 1;\n min-width: 100px;\n }\n\n .col.md {\n flex: 2;\n justify-content: flex-start;\n min-width: 85px;\n }\n\n .col.lg {\n flex: 4;\n justify-content: flex-start;\n min-width: 180px;\n }\n\n .col.date {\n }\n\n .col.amount,\n .col.price {\n justify-content: flex-end;\n }\n\n .TableHeadData,\n .TableData {\n padding: 10px 5px;\n text-align: left;\n white-space: nowrap;\n }\n\n .TableRow {\n display: flex;\n width: 100%;\n }\n\n .Table {\n width: 100%;\n }\n"])));
|
|
6611
6761
|
|
|
6612
6762
|
var _templateObject$12, _templateObject2$N;
|
|
6613
6763
|
// import { useEventNotesData } from '../../store';
|
|
@@ -6878,7 +7028,7 @@ function Status(_ref) {
|
|
|
6878
7028
|
var statusDataLoading = _ref.statusDataLoading;
|
|
6879
7029
|
var _useStatusDetails = useStatusDetails(),
|
|
6880
7030
|
orderStatus = _useStatusDetails[0];
|
|
6881
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
7031
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$G, null, React__default.createElement(BoxContainer, null, statusDataLoading ? React__default.createElement(React__default.Fragment, null, React__default.createElement(StatusSkeletonRow, null)) : StatusOptions == null ? void 0 : StatusOptions.map(function (option, index) {
|
|
6882
7032
|
return React__default.createElement(React__default.Fragment, {
|
|
6883
7033
|
key: index
|
|
6884
7034
|
}, React__default.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React__default.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React__default.createElement(Divider, null));
|
|
@@ -6957,7 +7107,7 @@ var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$R
|
|
|
6957
7107
|
var SkeletonDivider = /*#__PURE__*/styled__default.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"])));
|
|
6958
7108
|
var BoxContainer = /*#__PURE__*/styled__default.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"])));
|
|
6959
7109
|
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
6960
|
-
var Container$
|
|
7110
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6961
7111
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6962
7112
|
|
|
6963
7113
|
var _templateObject$18;
|
|
@@ -6989,16 +7139,16 @@ var ActionIcon = function ActionIcon() {
|
|
|
6989
7139
|
|
|
6990
7140
|
var _templateObject$19;
|
|
6991
7141
|
function BackgroundModal(props) {
|
|
6992
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
7142
|
+
return reactDom.createPortal(React__default.createElement(Container$H, Object.assign({}, props), props.children), document.body);
|
|
6993
7143
|
}
|
|
6994
|
-
var Container$
|
|
7144
|
+
var Container$H = /*#__PURE__*/styled__default.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"])));
|
|
6995
7145
|
|
|
6996
7146
|
var _templateObject$1a, _templateObject2$S, _templateObject3$p, _templateObject4$f;
|
|
6997
7147
|
function AdditionalInformation(props) {
|
|
6998
|
-
return React__default.createElement(Container$
|
|
7148
|
+
return React__default.createElement(Container$I, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
6999
7149
|
}
|
|
7000
7150
|
var Text$5 = /*#__PURE__*/styled__default.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"])));
|
|
7001
|
-
var Container$
|
|
7151
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7002
7152
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7003
7153
|
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
7004
7154
|
|
|
@@ -7011,7 +7161,7 @@ function OrderActionHeader(props) {
|
|
|
7011
7161
|
_props$infoText = props.infoText,
|
|
7012
7162
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7013
7163
|
onClose = props.onClose;
|
|
7014
|
-
return React__default.createElement(Container$
|
|
7164
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Wrapper$d, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
7015
7165
|
info: infoText
|
|
7016
7166
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
7017
7167
|
onClick: onClose
|
|
@@ -7020,12 +7170,12 @@ function OrderActionHeader(props) {
|
|
|
7020
7170
|
var Wrapper$d = /*#__PURE__*/styled__default.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"])));
|
|
7021
7171
|
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7022
7172
|
var Title = /*#__PURE__*/styled__default.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"])));
|
|
7023
|
-
var Container$
|
|
7173
|
+
var Container$J = /*#__PURE__*/styled__default.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"])));
|
|
7024
7174
|
|
|
7025
7175
|
var _templateObject$1c, _templateObject2$U;
|
|
7026
7176
|
function OrderActionFooter(props) {
|
|
7027
7177
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7028
|
-
return React__default.createElement(Container$
|
|
7178
|
+
return React__default.createElement(Container$K, null, React__default.createElement(SubmitButton, {
|
|
7029
7179
|
shape: "rounded",
|
|
7030
7180
|
colors: "primary",
|
|
7031
7181
|
onClick: props.onSubmit,
|
|
@@ -7033,7 +7183,7 @@ function OrderActionFooter(props) {
|
|
|
7033
7183
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7034
7184
|
}
|
|
7035
7185
|
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7036
|
-
var Container$
|
|
7186
|
+
var Container$K = /*#__PURE__*/styled__default.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"])));
|
|
7037
7187
|
|
|
7038
7188
|
var _templateObject$1d;
|
|
7039
7189
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
@@ -7043,7 +7193,7 @@ function OrderActionModal(_ref) {
|
|
|
7043
7193
|
_ref$maxWidth = _ref.maxWidth,
|
|
7044
7194
|
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7045
7195
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7046
|
-
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$
|
|
7196
|
+
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$5, {
|
|
7047
7197
|
minWidth: minWidth,
|
|
7048
7198
|
maxWidth: maxWidth
|
|
7049
7199
|
}, React__default.createElement(OrderActionHeader, {
|
|
@@ -7060,7 +7210,7 @@ function OrderActionModal(_ref) {
|
|
|
7060
7210
|
})));
|
|
7061
7211
|
}
|
|
7062
7212
|
// Styled component with dynamic min-width
|
|
7063
|
-
var MainContainer$
|
|
7213
|
+
var MainContainer$5 = /*#__PURE__*/styled__default.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) {
|
|
7064
7214
|
var maxWidth = _ref2.maxWidth;
|
|
7065
7215
|
return maxWidth;
|
|
7066
7216
|
}, function (_ref3) {
|
|
@@ -7305,13 +7455,13 @@ var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_
|
|
|
7305
7455
|
|
|
7306
7456
|
var _templateObject$1g;
|
|
7307
7457
|
var ProductTable = function ProductTable(props) {
|
|
7308
|
-
return React__default.createElement(Container$
|
|
7458
|
+
return React__default.createElement(Container$L, null, React__default.createElement(ReturnProductTable, {
|
|
7309
7459
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7310
7460
|
loading: props == null ? void 0 : props.loading,
|
|
7311
7461
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7312
7462
|
}));
|
|
7313
7463
|
};
|
|
7314
|
-
var Container$
|
|
7464
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7315
7465
|
|
|
7316
7466
|
var _templateObject$1h, _templateObject2$W, _templateObject3$s;
|
|
7317
7467
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
@@ -7411,7 +7561,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7411
7561
|
value: order == null ? void 0 : order.id
|
|
7412
7562
|
};
|
|
7413
7563
|
});
|
|
7414
|
-
return React__default.createElement(Container$
|
|
7564
|
+
return React__default.createElement(Container$M, null, React__default.createElement(Text$6, null, "New Return Order:"), React__default.createElement(StyledAntSelect$4, {
|
|
7415
7565
|
options: dropdownOptions,
|
|
7416
7566
|
value: selectedId,
|
|
7417
7567
|
placeholder: "Select",
|
|
@@ -7428,7 +7578,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7428
7578
|
}));
|
|
7429
7579
|
};
|
|
7430
7580
|
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.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"])));
|
|
7431
|
-
var Container$
|
|
7581
|
+
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
7432
7582
|
var Text$6 = /*#__PURE__*/styled__default.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"])));
|
|
7433
7583
|
|
|
7434
7584
|
var _templateObject$1i, _templateObject2$X, _templateObject3$t;
|
|
@@ -7535,7 +7685,7 @@ function ExpandedContent$2(props) {
|
|
|
7535
7685
|
setSelectedProducts([]);
|
|
7536
7686
|
}
|
|
7537
7687
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7538
|
-
return React__default.createElement(Container$
|
|
7688
|
+
return React__default.createElement(Container$N, null, React__default.createElement(ProductTable, {
|
|
7539
7689
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7540
7690
|
loading: props == null ? void 0 : props.loading,
|
|
7541
7691
|
locationloading: props == null ? void 0 : props.locationloading
|
|
@@ -7549,16 +7699,16 @@ function ExpandedContent$2(props) {
|
|
|
7549
7699
|
}
|
|
7550
7700
|
var MidContainer = /*#__PURE__*/styled__default.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"])));
|
|
7551
7701
|
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7552
|
-
var Container$
|
|
7702
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7553
7703
|
|
|
7554
7704
|
var _templateObject$1j, _templateObject2$Y;
|
|
7555
7705
|
function CollapsedContent$1() {
|
|
7556
|
-
return React__default.createElement(Container$
|
|
7706
|
+
return React__default.createElement(Container$O, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
7557
7707
|
label: "Products"
|
|
7558
7708
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
7559
7709
|
}
|
|
7560
7710
|
var Dimensions = /*#__PURE__*/styled__default.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"])));
|
|
7561
|
-
var Container$
|
|
7711
|
+
var Container$O = /*#__PURE__*/styled__default.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"])));
|
|
7562
7712
|
|
|
7563
7713
|
function ProductsInfo(_ref) {
|
|
7564
7714
|
var locationloading = _ref.locationloading;
|
|
@@ -7604,7 +7754,7 @@ function ProductsInfo(_ref) {
|
|
|
7604
7754
|
|
|
7605
7755
|
var _templateObject$1k, _templateObject2$Z, _templateObject3$u;
|
|
7606
7756
|
function OrderActionsDropdown(props) {
|
|
7607
|
-
return React__default.createElement(Container$
|
|
7757
|
+
return React__default.createElement(Container$P, {
|
|
7608
7758
|
className: props.className
|
|
7609
7759
|
}, React__default.createElement(Label$1, null, props.label, props.required && React__default.createElement(RequiredAsterisk, null, "*")), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
7610
7760
|
options: props.options,
|
|
@@ -7623,7 +7773,7 @@ function OrderActionsDropdown(props) {
|
|
|
7623
7773
|
}
|
|
7624
7774
|
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7625
7775
|
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
7626
|
-
var Container$
|
|
7776
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7627
7777
|
|
|
7628
7778
|
var initialPayload = {
|
|
7629
7779
|
description: '',
|
|
@@ -7955,12 +8105,12 @@ function DocFileUpload() {
|
|
|
7955
8105
|
var _fileInputRef$current;
|
|
7956
8106
|
return (_fileInputRef$current = fileInputRef.current) == null ? void 0 : _fileInputRef$current.click();
|
|
7957
8107
|
};
|
|
7958
|
-
return React__default.createElement(MainContainer$
|
|
8108
|
+
return React__default.createElement(MainContainer$6, null, React__default.createElement(DraggerContainer, {
|
|
7959
8109
|
onDragOver: handleDragOver,
|
|
7960
8110
|
onDragLeave: handleDragLeave,
|
|
7961
8111
|
onDrop: handleDrop,
|
|
7962
8112
|
dragging: dragging
|
|
7963
|
-
}, React__default.createElement(Container$
|
|
8113
|
+
}, React__default.createElement(Container$Q, null, React__default.createElement(UploadButton, {
|
|
7964
8114
|
type: "button",
|
|
7965
8115
|
shape: "rounded",
|
|
7966
8116
|
onClick: handleButtonClick
|
|
@@ -7984,11 +8134,11 @@ function DocFileUpload() {
|
|
|
7984
8134
|
}));
|
|
7985
8135
|
}))));
|
|
7986
8136
|
}
|
|
7987
|
-
var MainContainer$
|
|
8137
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7988
8138
|
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
|
|
7989
8139
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7990
8140
|
});
|
|
7991
|
-
var Container$
|
|
8141
|
+
var Container$Q = /*#__PURE__*/styled__default.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"])));
|
|
7992
8142
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
7993
8143
|
var FileInput = /*#__PURE__*/styled__default.input(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
7994
8144
|
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465ac;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
@@ -8752,7 +8902,7 @@ function CancelOrder(props) {
|
|
|
8752
8902
|
options: cancelReasonOptions || [],
|
|
8753
8903
|
onSelect: onSelectCancelReason,
|
|
8754
8904
|
value: cancelReason
|
|
8755
|
-
}), React__default.createElement(Wrapper$e, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$
|
|
8905
|
+
}), React__default.createElement(Wrapper$e, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$R, null, React__default.createElement("div", {
|
|
8756
8906
|
style: {
|
|
8757
8907
|
display: 'flex',
|
|
8758
8908
|
flexDirection: 'row'
|
|
@@ -8767,7 +8917,7 @@ function CancelOrder(props) {
|
|
|
8767
8917
|
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8768
8918
|
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8769
8919
|
var Label$3 = /*#__PURE__*/styled__default.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"])));
|
|
8770
|
-
var Container$
|
|
8920
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8771
8921
|
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
8772
8922
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
8773
8923
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -8807,7 +8957,7 @@ function EmailAddress() {
|
|
|
8807
8957
|
});
|
|
8808
8958
|
});
|
|
8809
8959
|
};
|
|
8810
|
-
return React__default.createElement(Container$
|
|
8960
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$4, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
8811
8961
|
style: {
|
|
8812
8962
|
borderRadius: '15px'
|
|
8813
8963
|
},
|
|
@@ -8817,7 +8967,7 @@ function EmailAddress() {
|
|
|
8817
8967
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
8818
8968
|
}
|
|
8819
8969
|
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
8820
|
-
var Container$
|
|
8970
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8821
8971
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8822
8972
|
|
|
8823
8973
|
var _templateObject$1s, _templateObject2$14, _templateObject3$B;
|
|
@@ -8869,7 +9019,7 @@ function ContactPhone() {
|
|
|
8869
9019
|
});
|
|
8870
9020
|
}
|
|
8871
9021
|
};
|
|
8872
|
-
return React__default.createElement(Container$
|
|
9022
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$5, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
8873
9023
|
name: "contact-home",
|
|
8874
9024
|
type: "text",
|
|
8875
9025
|
placeholder: "Home Number",
|
|
@@ -8882,7 +9032,7 @@ function ContactPhone() {
|
|
|
8882
9032
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
8883
9033
|
}
|
|
8884
9034
|
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
8885
|
-
var Container$
|
|
9035
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8886
9036
|
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8887
9037
|
|
|
8888
9038
|
var _templateObject$1t, _templateObject2$15, _templateObject3$C;
|
|
@@ -8934,7 +9084,7 @@ function ContactWork$1() {
|
|
|
8934
9084
|
});
|
|
8935
9085
|
}
|
|
8936
9086
|
};
|
|
8937
|
-
return React__default.createElement(Container$
|
|
9087
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$6, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
8938
9088
|
name: "contact-work",
|
|
8939
9089
|
type: "text",
|
|
8940
9090
|
placeholder: "Work Number",
|
|
@@ -8947,7 +9097,7 @@ function ContactWork$1() {
|
|
|
8947
9097
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
8948
9098
|
}
|
|
8949
9099
|
var Label$6 = /*#__PURE__*/styled__default.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"])));
|
|
8950
|
-
var Container$
|
|
9100
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8951
9101
|
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8952
9102
|
|
|
8953
9103
|
var _templateObject$1u, _templateObject2$16, _templateObject3$D;
|
|
@@ -8999,7 +9149,7 @@ function ContactMobile$1() {
|
|
|
8999
9149
|
});
|
|
9000
9150
|
}
|
|
9001
9151
|
};
|
|
9002
|
-
return React__default.createElement(Container$
|
|
9152
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Label$7, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
9003
9153
|
name: "contact-work",
|
|
9004
9154
|
type: "text",
|
|
9005
9155
|
placeholder: "Mobile Number",
|
|
@@ -9012,7 +9162,7 @@ function ContactMobile$1() {
|
|
|
9012
9162
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
9013
9163
|
}
|
|
9014
9164
|
var Label$7 = /*#__PURE__*/styled__default.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"])));
|
|
9015
|
-
var Container$
|
|
9165
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9016
9166
|
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9017
9167
|
|
|
9018
9168
|
function ContactTypeDropdown() {
|
|
@@ -9076,7 +9226,7 @@ function ActionDropdown() {
|
|
|
9076
9226
|
var onSelect = function onSelect(value) {
|
|
9077
9227
|
setSelectedAction(value);
|
|
9078
9228
|
};
|
|
9079
|
-
return React__default.createElement(Container$
|
|
9229
|
+
return React__default.createElement(Container$W, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9080
9230
|
label: "Action"
|
|
9081
9231
|
}), React__default.createElement(antd.Select, {
|
|
9082
9232
|
style: {
|
|
@@ -9089,7 +9239,7 @@ function ActionDropdown() {
|
|
|
9089
9239
|
className: "action-dropdown"
|
|
9090
9240
|
}));
|
|
9091
9241
|
}
|
|
9092
|
-
var Container$
|
|
9242
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9093
9243
|
|
|
9094
9244
|
var _templateObject$1w, _templateObject2$17;
|
|
9095
9245
|
function DeliveryDate$1() {
|
|
@@ -9125,7 +9275,7 @@ function DeliveryDate$1() {
|
|
|
9125
9275
|
});
|
|
9126
9276
|
}
|
|
9127
9277
|
};
|
|
9128
|
-
return React__default.createElement(Container$
|
|
9278
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Label$8, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
9129
9279
|
onChange: handleDateChange,
|
|
9130
9280
|
format: "YYYY-MM-DD",
|
|
9131
9281
|
value: confirmedDate != null && confirmedDate.currentDate ? dayjs(confirmedDate.currentDate) : actionDate ? dayjs(actionDate) : null,
|
|
@@ -9140,7 +9290,7 @@ function DeliveryDate$1() {
|
|
|
9140
9290
|
}));
|
|
9141
9291
|
}
|
|
9142
9292
|
var Label$8 = /*#__PURE__*/styled__default.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"])));
|
|
9143
|
-
var Container$
|
|
9293
|
+
var Container$X = /*#__PURE__*/styled__default.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"])));
|
|
9144
9294
|
|
|
9145
9295
|
function convertTo12HourFormat$1(time24) {
|
|
9146
9296
|
var _time24$split, _minutes$toString;
|
|
@@ -9194,12 +9344,12 @@ function CustomerInformation() {
|
|
|
9194
9344
|
var _orderDetails$order_r;
|
|
9195
9345
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9196
9346
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9197
|
-
return React__default.createElement(Container$
|
|
9347
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Title$1, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$f, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
9198
9348
|
}
|
|
9199
9349
|
var Wrapper$f = /*#__PURE__*/styled__default.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"])));
|
|
9200
9350
|
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
9201
9351
|
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
9202
|
-
var Container$
|
|
9352
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9203
9353
|
|
|
9204
9354
|
var _templateObject$1y, _templateObject2$19;
|
|
9205
9355
|
function ProductTable$1() {
|
|
@@ -9210,7 +9360,7 @@ function ProductTable$1() {
|
|
|
9210
9360
|
if (!orderProductDetails) {
|
|
9211
9361
|
return null;
|
|
9212
9362
|
}
|
|
9213
|
-
return React__default.createElement(Container$
|
|
9363
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$3, null, React__default.createElement(StyledTable$3, {
|
|
9214
9364
|
className: "scrollClass"
|
|
9215
9365
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9216
9366
|
colSpan: 6
|
|
@@ -9229,7 +9379,7 @@ function ProductTable$1() {
|
|
|
9229
9379
|
})))));
|
|
9230
9380
|
}
|
|
9231
9381
|
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
9232
|
-
var Container$
|
|
9382
|
+
var Container$Z = /*#__PURE__*/styled__default.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"])));
|
|
9233
9383
|
|
|
9234
9384
|
var _templateObject$1z, _templateObject2$1a;
|
|
9235
9385
|
function NotesTable() {
|
|
@@ -9301,7 +9451,7 @@ function NotesTable() {
|
|
|
9301
9451
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9302
9452
|
return null;
|
|
9303
9453
|
}
|
|
9304
|
-
return React__default.createElement(Container$
|
|
9454
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$3, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(StyledTable$3, {
|
|
9305
9455
|
className: "scrollClass"
|
|
9306
9456
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9307
9457
|
colSpan: 6
|
|
@@ -9328,50 +9478,50 @@ function NotesTable() {
|
|
|
9328
9478
|
}))))));
|
|
9329
9479
|
}
|
|
9330
9480
|
var Title$3 = /*#__PURE__*/styled__default.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"])));
|
|
9331
|
-
var Container$
|
|
9481
|
+
var Container$_ = /*#__PURE__*/styled__default.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"])));
|
|
9332
9482
|
|
|
9333
9483
|
var _templateObject$1A, _templateObject2$1b;
|
|
9334
9484
|
function ConfirmationNotes() {
|
|
9335
|
-
return React__default.createElement(Container
|
|
9485
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Label$9, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9336
9486
|
rows: 5,
|
|
9337
9487
|
placeholder: "Enter Notes"
|
|
9338
9488
|
}));
|
|
9339
9489
|
}
|
|
9340
9490
|
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9341
|
-
var Container
|
|
9491
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9342
9492
|
|
|
9343
9493
|
var _templateObject$1B, _templateObject2$1c;
|
|
9344
9494
|
function DeliveryInstructions$1() {
|
|
9345
|
-
return React__default.createElement(Container
|
|
9495
|
+
return React__default.createElement(Container$10, null, React__default.createElement(Label$a, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9346
9496
|
rows: 5,
|
|
9347
9497
|
placeholder: "Enter Delivery Instructions"
|
|
9348
9498
|
}));
|
|
9349
9499
|
}
|
|
9350
9500
|
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9351
|
-
var Container
|
|
9501
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9352
9502
|
|
|
9353
9503
|
var _templateObject$1C, _templateObject2$1d;
|
|
9354
9504
|
function ContactWith() {
|
|
9355
|
-
return React__default.createElement(Container$
|
|
9505
|
+
return React__default.createElement(Container$11, null, React__default.createElement(Label$b, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
9356
9506
|
style: {
|
|
9357
9507
|
borderRadius: '15px'
|
|
9358
9508
|
}
|
|
9359
9509
|
}));
|
|
9360
9510
|
}
|
|
9361
9511
|
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9362
|
-
var Container$
|
|
9512
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9363
9513
|
|
|
9364
9514
|
var _templateObject$1D, _templateObject2$1e, _templateObject3$F, _templateObject4$m;
|
|
9365
9515
|
function SlotAndInstructions() {
|
|
9366
9516
|
var _orderDetails$order_r;
|
|
9367
9517
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9368
9518
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9369
|
-
return React__default.createElement(Container$
|
|
9519
|
+
return React__default.createElement(Container$12, null, React__default.createElement(Slot, null, React__default.createElement(Title$4, null, "Slot"), React__default.createElement(Value$1, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
9370
9520
|
}
|
|
9371
9521
|
var Value$1 = /*#__PURE__*/styled__default.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"])));
|
|
9372
9522
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9373
9523
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
9374
|
-
var Container$
|
|
9524
|
+
var Container$12 = /*#__PURE__*/styled__default.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"])));
|
|
9375
9525
|
|
|
9376
9526
|
var _templateObject$1E, _templateObject2$1f;
|
|
9377
9527
|
function ConfirmOrder(props) {
|
|
@@ -10726,7 +10876,7 @@ var priorityData = [{
|
|
|
10726
10876
|
var _templateObject$1J, _templateObject2$1k, _templateObject3$I, _templateObject4$n;
|
|
10727
10877
|
function StatusIndicator(props) {
|
|
10728
10878
|
var statusColor = getStatusColor(props.status);
|
|
10729
|
-
return React__default.createElement(Container$
|
|
10879
|
+
return React__default.createElement(Container$13, null, React__default.createElement(StatusCircleContainer, {
|
|
10730
10880
|
status: props.status
|
|
10731
10881
|
}, React__default.createElement(StatusCircle, {
|
|
10732
10882
|
color: statusColor
|
|
@@ -10740,7 +10890,7 @@ var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1J
|
|
|
10740
10890
|
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
10741
10891
|
return props.color;
|
|
10742
10892
|
});
|
|
10743
|
-
var Container$
|
|
10893
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
10744
10894
|
var Text$7 = /*#__PURE__*/styled__default.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) {
|
|
10745
10895
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10746
10896
|
});
|
|
@@ -11459,7 +11609,7 @@ function ViewFlag() {
|
|
|
11459
11609
|
}));
|
|
11460
11610
|
}
|
|
11461
11611
|
}, [flagById]);
|
|
11462
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, React__default.createElement(MainContainer$
|
|
11612
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, React__default.createElement(MainContainer$7, null, React__default.createElement(HeaderSection, {
|
|
11463
11613
|
callUnresolvedTaskApi: callUnresolvedTaskApi,
|
|
11464
11614
|
setTasksData: setTasksData
|
|
11465
11615
|
}), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(SaveDetails, {
|
|
@@ -11469,7 +11619,7 @@ function ViewFlag() {
|
|
|
11469
11619
|
}
|
|
11470
11620
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
11471
11621
|
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
11472
|
-
var MainContainer$
|
|
11622
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
11473
11623
|
|
|
11474
11624
|
var _templateObject$1R;
|
|
11475
11625
|
function ReleaseOrder() {
|
|
@@ -11991,7 +12141,7 @@ function UncancelOrder(props) {
|
|
|
11991
12141
|
infoText: infoText,
|
|
11992
12142
|
submitBtnTitle: "Save Details",
|
|
11993
12143
|
isSubmitDisabled: !showSubmitBtn
|
|
11994
|
-
}, React__default.createElement(MainContainer$
|
|
12144
|
+
}, React__default.createElement(MainContainer$8, null, React__default.createElement(Container$14, null, React__default.createElement(OrderActionsDropdown, {
|
|
11995
12145
|
required: true,
|
|
11996
12146
|
label: "Un-cancel Reason",
|
|
11997
12147
|
placeholder: "Select un-cancel Reason",
|
|
@@ -12010,8 +12160,8 @@ function UncancelOrder(props) {
|
|
|
12010
12160
|
}))), React__default.createElement(UnCancelOrderTable, null)));
|
|
12011
12161
|
}
|
|
12012
12162
|
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12013
|
-
var Container$
|
|
12014
|
-
var MainContainer$
|
|
12163
|
+
var Container$14 = /*#__PURE__*/styled__default.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"])));
|
|
12164
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12015
12165
|
var CustomTextArea$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12016
12166
|
|
|
12017
12167
|
var _templateObject$1V;
|
|
@@ -13012,11 +13162,11 @@ var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObjec
|
|
|
13012
13162
|
|
|
13013
13163
|
var _templateObject$21, _templateObject2$1y, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
|
|
13014
13164
|
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
13015
|
-
var Container$
|
|
13165
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13016
13166
|
var FieldRow = /*#__PURE__*/styled__default.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"])));
|
|
13017
13167
|
var Label$h = /*#__PURE__*/styled__default.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13018
13168
|
var Input$1 = /*#__PURE__*/styled__default.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"])));
|
|
13019
|
-
var MainContainer$
|
|
13169
|
+
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13020
13170
|
var CurrencySymbol = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13021
13171
|
|
|
13022
13172
|
var _templateObject$22;
|
|
@@ -13090,7 +13240,7 @@ function OrderCharges(props) {
|
|
|
13090
13240
|
});
|
|
13091
13241
|
}
|
|
13092
13242
|
};
|
|
13093
|
-
return React__default.createElement(MainContainer$
|
|
13243
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Order Charges"), React__default.createElement(Container$15, null, fields == null ? void 0 : fields.map(function (item) {
|
|
13094
13244
|
var _selectedTimedService, _props$inputValue$ite;
|
|
13095
13245
|
return React__default.createElement(FieldRow, {
|
|
13096
13246
|
key: item.value
|
|
@@ -13158,7 +13308,7 @@ function CollectionAddOns(props) {
|
|
|
13158
13308
|
});
|
|
13159
13309
|
}
|
|
13160
13310
|
};
|
|
13161
|
-
return React__default.createElement(MainContainer$
|
|
13311
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Collection Add-Ons"), React__default.createElement(Container$15, null, fields$1.map(function (item) {
|
|
13162
13312
|
var _props$inputValue$ite;
|
|
13163
13313
|
return React__default.createElement(FieldRow, {
|
|
13164
13314
|
key: item.value
|
|
@@ -13221,7 +13371,7 @@ function DisposalCharge(props) {
|
|
|
13221
13371
|
});
|
|
13222
13372
|
}
|
|
13223
13373
|
};
|
|
13224
|
-
return React__default.createElement(MainContainer$
|
|
13374
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Disposal Charges"), React__default.createElement(Container$15, null, fields$2.map(function (item) {
|
|
13225
13375
|
var _props$inputValue$ite;
|
|
13226
13376
|
return React__default.createElement(FieldRow, {
|
|
13227
13377
|
key: item.value
|
|
@@ -13288,7 +13438,7 @@ function BaseCharges(props) {
|
|
|
13288
13438
|
value: x == null ? void 0 : x.id
|
|
13289
13439
|
};
|
|
13290
13440
|
});
|
|
13291
|
-
return React__default.createElement(MainContainer$
|
|
13441
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Base Charge"), React__default.createElement(Wrapper$k, null, React__default.createElement(FieldRow, null, React__default.createElement(Label$h, {
|
|
13292
13442
|
style: {
|
|
13293
13443
|
width: '90px'
|
|
13294
13444
|
}
|
|
@@ -13356,7 +13506,7 @@ function DeliveryAddOns(props) {
|
|
|
13356
13506
|
});
|
|
13357
13507
|
}
|
|
13358
13508
|
};
|
|
13359
|
-
return React__default.createElement(MainContainer$
|
|
13509
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Delivery Add-Ons"), React__default.createElement(Container$15, null, fieldsInLabelValueFormat.map(function (item) {
|
|
13360
13510
|
var _props$inputValue$ite;
|
|
13361
13511
|
return React__default.createElement(FieldRow, {
|
|
13362
13512
|
key: item.value
|
|
@@ -13432,7 +13582,7 @@ function AdhocSection() {
|
|
|
13432
13582
|
});
|
|
13433
13583
|
}
|
|
13434
13584
|
};
|
|
13435
|
-
return React__default.createElement(MainContainer$
|
|
13585
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Adhoc"), React__default.createElement(Container$15, null, charges == null || (_charges$adhoc_charge = charges.adhoc_charges) == null ? void 0 : _charges$adhoc_charge.map(function (item) {
|
|
13436
13586
|
var _inputValues$item$id;
|
|
13437
13587
|
return React__default.createElement(FieldRow, {
|
|
13438
13588
|
key: item.id
|
|
@@ -13543,7 +13693,7 @@ function FailureReasonDropdown() {
|
|
|
13543
13693
|
}
|
|
13544
13694
|
}, React__default.createElement("span", null, data == null ? void 0 : data.label));
|
|
13545
13695
|
};
|
|
13546
|
-
return React__default.createElement(Container$
|
|
13696
|
+
return React__default.createElement(Container$16, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
13547
13697
|
label: "Failure Reason",
|
|
13548
13698
|
htmlFor: "failurereasondropdown",
|
|
13549
13699
|
required: true
|
|
@@ -13558,7 +13708,7 @@ function FailureReasonDropdown() {
|
|
|
13558
13708
|
isDisabled: false
|
|
13559
13709
|
}));
|
|
13560
13710
|
}
|
|
13561
|
-
var Container$
|
|
13711
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13562
13712
|
|
|
13563
13713
|
var _templateObject$25;
|
|
13564
13714
|
function StatusDropdown() {
|
|
@@ -13587,7 +13737,7 @@ function StatusDropdown() {
|
|
|
13587
13737
|
});
|
|
13588
13738
|
});
|
|
13589
13739
|
};
|
|
13590
|
-
return React__default.createElement(Container$
|
|
13740
|
+
return React__default.createElement(Container$17, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
13591
13741
|
label: "New Status",
|
|
13592
13742
|
htmlFor: "statusdropdown",
|
|
13593
13743
|
required: true
|
|
@@ -13601,7 +13751,7 @@ function StatusDropdown() {
|
|
|
13601
13751
|
isDisabled: false
|
|
13602
13752
|
}));
|
|
13603
13753
|
}
|
|
13604
|
-
var Container$
|
|
13754
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13605
13755
|
|
|
13606
13756
|
var _templateObject$26;
|
|
13607
13757
|
function CancellationReasonDropdown() {
|
|
@@ -13617,7 +13767,7 @@ function CancellationReasonDropdown() {
|
|
|
13617
13767
|
value: x.id
|
|
13618
13768
|
};
|
|
13619
13769
|
})) || [];
|
|
13620
|
-
return React__default.createElement(Container$
|
|
13770
|
+
return React__default.createElement(Container$18, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
13621
13771
|
label: "Cancellation Reason",
|
|
13622
13772
|
htmlFor: "cancellationreasondropdown",
|
|
13623
13773
|
required: true
|
|
@@ -13632,7 +13782,7 @@ function CancellationReasonDropdown() {
|
|
|
13632
13782
|
}
|
|
13633
13783
|
}));
|
|
13634
13784
|
}
|
|
13635
|
-
var Container$
|
|
13785
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13636
13786
|
|
|
13637
13787
|
var _templateObject$27;
|
|
13638
13788
|
function OrderHoldReasonDropdown() {
|
|
@@ -13648,7 +13798,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13648
13798
|
value: x.id
|
|
13649
13799
|
};
|
|
13650
13800
|
})) || [];
|
|
13651
|
-
return React__default.createElement(Container$
|
|
13801
|
+
return React__default.createElement(Container$19, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
13652
13802
|
label: "Hold Reason",
|
|
13653
13803
|
htmlFor: "holdreasondropdown",
|
|
13654
13804
|
required: true
|
|
@@ -13663,7 +13813,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13663
13813
|
}
|
|
13664
13814
|
}));
|
|
13665
13815
|
}
|
|
13666
|
-
var Container$
|
|
13816
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13667
13817
|
|
|
13668
13818
|
var _templateObject$28, _templateObject2$1A, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
13669
13819
|
function FailureContent() {
|
|
@@ -13924,7 +14074,7 @@ function RadioButtonGroups() {
|
|
|
13924
14074
|
return _extends({}, prev, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
13925
14075
|
});
|
|
13926
14076
|
};
|
|
13927
|
-
return React__default.createElement(Container$
|
|
14077
|
+
return React__default.createElement(Container$1a, null, React__default.createElement(Group, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
13928
14078
|
heading: "Service Type",
|
|
13929
14079
|
onChange: onChangeServiceType,
|
|
13930
14080
|
options: serviceTypeOptions || [],
|
|
@@ -13964,14 +14114,14 @@ function RadioButtonGroups() {
|
|
|
13964
14114
|
}));
|
|
13965
14115
|
}));
|
|
13966
14116
|
}
|
|
13967
|
-
var Container$
|
|
14117
|
+
var Container$1a = /*#__PURE__*/styled__default.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"])));
|
|
13968
14118
|
var Group = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
13969
14119
|
|
|
13970
14120
|
var _templateObject$2b, _templateObject2$1D, _templateObject3$Z;
|
|
13971
14121
|
function OrderInfo() {
|
|
13972
14122
|
var _useActiveTab = useActiveTab(),
|
|
13973
14123
|
activeTab = _useActiveTab[0];
|
|
13974
|
-
return React__default.createElement(Container$
|
|
14124
|
+
return React__default.createElement(Container$1b, null, React__default.createElement(Top$3, null, activeTab === 'success' ? React__default.createElement(SuccessContent, null) : React__default.createElement(FailureContent, null)), React__default.createElement(Middle, null, React__default.createElement(RadioButtonGroups, null)));
|
|
13975
14125
|
}
|
|
13976
14126
|
// const DescriptionWrapper = styled.div`
|
|
13977
14127
|
// display: flex;
|
|
@@ -13985,7 +14135,7 @@ var Middle = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateOb
|
|
|
13985
14135
|
// gap: 20px;
|
|
13986
14136
|
// `;
|
|
13987
14137
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
13988
|
-
var Container$
|
|
14138
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
13989
14139
|
var OrderInfo$1 = /*#__PURE__*/React__default.memo(OrderInfo);
|
|
13990
14140
|
|
|
13991
14141
|
var _templateObject$2c;
|
|
@@ -14056,7 +14206,7 @@ function EscalationCategory() {
|
|
|
14056
14206
|
});
|
|
14057
14207
|
setEscalationCategory(selectedOption);
|
|
14058
14208
|
}, [failureReason]);
|
|
14059
|
-
return React__default.createElement(Container$
|
|
14209
|
+
return React__default.createElement(Container$1c, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14060
14210
|
label: "Escalation Category"
|
|
14061
14211
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14062
14212
|
options: escalationCategoryOptions || [],
|
|
@@ -14098,7 +14248,7 @@ function EscalationCategory() {
|
|
|
14098
14248
|
}
|
|
14099
14249
|
}));
|
|
14100
14250
|
}
|
|
14101
|
-
var Container$
|
|
14251
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14102
14252
|
|
|
14103
14253
|
var _templateObject$2e;
|
|
14104
14254
|
function EscalationLevel() {
|
|
@@ -14127,7 +14277,7 @@ function EscalationLevel() {
|
|
|
14127
14277
|
});
|
|
14128
14278
|
setEscalationLevel(defaultLevel);
|
|
14129
14279
|
}, [escalationCategory]);
|
|
14130
|
-
return React__default.createElement(Container$
|
|
14280
|
+
return React__default.createElement(Container$1d, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14131
14281
|
label: "Escalation Level"
|
|
14132
14282
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14133
14283
|
options: escalationLevelOptions || [],
|
|
@@ -14169,7 +14319,7 @@ function EscalationLevel() {
|
|
|
14169
14319
|
}
|
|
14170
14320
|
}));
|
|
14171
14321
|
}
|
|
14172
|
-
var Container$
|
|
14322
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14173
14323
|
|
|
14174
14324
|
var _templateObject$2f;
|
|
14175
14325
|
function EscalationReason() {
|
|
@@ -14223,7 +14373,7 @@ function EscalationReason() {
|
|
|
14223
14373
|
setEscalationReasonState(filteredEscReasonOptions[0]);
|
|
14224
14374
|
}
|
|
14225
14375
|
}, [escalationCategory]);
|
|
14226
|
-
return React__default.createElement(Container$
|
|
14376
|
+
return React__default.createElement(Container$1e, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14227
14377
|
label: "Escalation Reason"
|
|
14228
14378
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14229
14379
|
options: filteredEscReasonOptions || [],
|
|
@@ -14265,7 +14415,7 @@ function EscalationReason() {
|
|
|
14265
14415
|
}
|
|
14266
14416
|
}));
|
|
14267
14417
|
}
|
|
14268
|
-
var Container$
|
|
14418
|
+
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14269
14419
|
|
|
14270
14420
|
function Escalation() {
|
|
14271
14421
|
return React__default.createElement("div", {
|
|
@@ -14381,7 +14531,7 @@ function Tabs(_ref) {
|
|
|
14381
14531
|
var dismissFlags = _ref.dismissFlags;
|
|
14382
14532
|
var _useTasksData = useTasksData(),
|
|
14383
14533
|
taskData = _useTasksData[0];
|
|
14384
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$
|
|
14534
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1f, {
|
|
14385
14535
|
className: "tab-content"
|
|
14386
14536
|
}, React__default.createElement(OrderTemplate, null), taskData == null ? void 0 : taskData.map(function (item, index) {
|
|
14387
14537
|
return React__default.createElement(FlagTemplate, {
|
|
@@ -14391,7 +14541,7 @@ function Tabs(_ref) {
|
|
|
14391
14541
|
});
|
|
14392
14542
|
}))));
|
|
14393
14543
|
}
|
|
14394
|
-
var Container$
|
|
14544
|
+
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14395
14545
|
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14396
14546
|
|
|
14397
14547
|
var _templateObject$2j, _templateObject2$1H, _templateObject3$10, _templateObject4$A, _templateObject5$q;
|
|
@@ -14507,7 +14657,7 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14507
14657
|
props == null || props.setConfirmationModal(false);
|
|
14508
14658
|
props == null || props.onProceed();
|
|
14509
14659
|
};
|
|
14510
|
-
return React__default.createElement(dmsComponentLibrary.BackgroundModal, Object.assign({}, props), React__default.createElement(MainContainer$
|
|
14660
|
+
return React__default.createElement(dmsComponentLibrary.BackgroundModal, Object.assign({}, props), React__default.createElement(MainContainer$a, null, React__default.createElement(Container$1g, null, React__default.createElement(IconContainer$4, null, React__default.createElement(dmsComponentLibrary.WarningIcon, null)), React__default.createElement(Title$8, null, "Base Charge Exceeds " + baseUrlSymbol + "200")), React__default.createElement(CustomCancelAndCompleteAction$5, {
|
|
14511
14661
|
cancelLabel: "Amend",
|
|
14512
14662
|
completeLabel: "Proceed",
|
|
14513
14663
|
onCancel: onCancel,
|
|
@@ -14515,10 +14665,10 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14515
14665
|
})));
|
|
14516
14666
|
};
|
|
14517
14667
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14518
|
-
var Container$
|
|
14668
|
+
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14519
14669
|
var Title$8 = /*#__PURE__*/styled__default.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"])));
|
|
14520
14670
|
var IconContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
14521
|
-
var MainContainer$
|
|
14671
|
+
var MainContainer$a = /*#__PURE__*/styled__default.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"])));
|
|
14522
14672
|
|
|
14523
14673
|
var _templateObject$2l, _templateObject2$1J, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14524
14674
|
function ForceDebriefModal(props) {
|
|
@@ -15023,13 +15173,13 @@ function ForceDebriefModal(props) {
|
|
|
15023
15173
|
headerActions: React__default.createElement(ForceDebriefSelector, {
|
|
15024
15174
|
onSwitchChange: handleSwitchChange
|
|
15025
15175
|
})
|
|
15026
|
-
}, React__default.createElement(MainContainer$
|
|
15176
|
+
}, React__default.createElement(MainContainer$b, null, React__default.createElement(FDNotification, null), React__default.createElement(ContentContainer$6, null, React__default.createElement(OrderInfo$1, null)), React__default.createElement(ContentContainer$6, null, React__default.createElement(Container$1h, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15027
15177
|
label: "Delivery Instructions",
|
|
15028
15178
|
htmlFor: "deliveryInstruction"
|
|
15029
|
-
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React__default.createElement(Container$
|
|
15179
|
+
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React__default.createElement(Container$1h, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15030
15180
|
label: "Other Instructions",
|
|
15031
15181
|
htmlFor: "otherInstruction"
|
|
15032
|
-
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React__default.createElement(ProductDiv, null, React__default.createElement(Container$
|
|
15182
|
+
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React__default.createElement(ProductDiv, null, React__default.createElement(Container$1h, null, isDeleted == null ? void 0 : isDeleted.map(function (item, index) {
|
|
15033
15183
|
var _item$order_product_t;
|
|
15034
15184
|
return React__default.createElement(ProductContainer, {
|
|
15035
15185
|
key: index
|
|
@@ -15072,9 +15222,9 @@ function ForceDebriefModal(props) {
|
|
|
15072
15222
|
}
|
|
15073
15223
|
var Status$1 = /*#__PURE__*/styled__default.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"])));
|
|
15074
15224
|
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15075
|
-
var MainContainer$
|
|
15225
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15076
15226
|
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15077
|
-
var Container$
|
|
15227
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15078
15228
|
var Text$c = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n white-space: break-spaces;\n"])));
|
|
15079
15229
|
var ContentContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
15080
15230
|
var ProductDiv = /*#__PURE__*/styled__default.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"])));
|
|
@@ -15314,9 +15464,9 @@ function OrderActions() {
|
|
|
15314
15464
|
return null;
|
|
15315
15465
|
}
|
|
15316
15466
|
};
|
|
15317
|
-
return React__default.createElement(Container$
|
|
15467
|
+
return React__default.createElement(Container$1i, null, renderContent());
|
|
15318
15468
|
}
|
|
15319
|
-
var Container$
|
|
15469
|
+
var Container$1i = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15320
15470
|
|
|
15321
15471
|
var _templateObject$2n, _templateObject2$1K, _templateObject3$13, _templateObject4$D;
|
|
15322
15472
|
var Details = function Details() {
|
|
@@ -15627,7 +15777,7 @@ function Print() {
|
|
|
15627
15777
|
};
|
|
15628
15778
|
})
|
|
15629
15779
|
};
|
|
15630
|
-
return React__default.createElement(Container$
|
|
15780
|
+
return React__default.createElement(Container$1j, null, React__default.createElement(antd.Dropdown, {
|
|
15631
15781
|
menu: menuItems,
|
|
15632
15782
|
trigger: ['hover']
|
|
15633
15783
|
}, React__default.createElement("a", {
|
|
@@ -15641,7 +15791,7 @@ function Print() {
|
|
|
15641
15791
|
fill: '#f0f2f2'
|
|
15642
15792
|
})))));
|
|
15643
15793
|
}
|
|
15644
|
-
var Container$
|
|
15794
|
+
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15645
15795
|
var StyledSpace$1 = /*#__PURE__*/styled__default(antd.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"])));
|
|
15646
15796
|
|
|
15647
15797
|
var _templateObject$2q;
|
|
@@ -16088,7 +16238,7 @@ function Tabs$1(_ref) {
|
|
|
16088
16238
|
var additionalNotifications = activeTasks == null ? void 0 : activeTasks.slice(3);
|
|
16089
16239
|
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
16090
16240
|
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
16091
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content$1, null, React__default.createElement(Container$
|
|
16241
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content$1, null, React__default.createElement(Container$1k, {
|
|
16092
16242
|
className: "tab-content"
|
|
16093
16243
|
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderTemplate$1, {
|
|
16094
16244
|
orderDetails: orderDetails,
|
|
@@ -16131,7 +16281,7 @@ function Tabs$1(_ref) {
|
|
|
16131
16281
|
});
|
|
16132
16282
|
})))));
|
|
16133
16283
|
}
|
|
16134
|
-
var Container$
|
|
16284
|
+
var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
16135
16285
|
var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16136
16286
|
|
|
16137
16287
|
var NotifyFlag = function NotifyFlag() {
|
|
@@ -16398,7 +16548,7 @@ function Notification() {
|
|
|
16398
16548
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
16399
16549
|
return item.status === 'SD';
|
|
16400
16550
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
16401
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$2, null, React__default.createElement(Container$
|
|
16551
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$2, null, React__default.createElement(Container$1l, {
|
|
16402
16552
|
className: "notification-header"
|
|
16403
16553
|
}, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$i, {
|
|
16404
16554
|
label: "NOTIFICATIONS"
|
|
@@ -16492,7 +16642,7 @@ function Notification() {
|
|
|
16492
16642
|
routeInfoData: orderAlertsData
|
|
16493
16643
|
})) : 'No Notifications Found'));
|
|
16494
16644
|
}
|
|
16495
|
-
var Container$
|
|
16645
|
+
var Container$1l = /*#__PURE__*/styled__default.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"])));
|
|
16496
16646
|
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16497
16647
|
var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16498
16648
|
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
@@ -17113,7 +17263,7 @@ function OrderView(_ref) {
|
|
|
17113
17263
|
}
|
|
17114
17264
|
}, [escalationDataLoading]);
|
|
17115
17265
|
var docTitle = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
17116
|
-
return React__default.createElement(MainContainer$
|
|
17266
|
+
return React__default.createElement(MainContainer$c, null, React__default.createElement(dmsComponentLibrary.DocumentTitle, {
|
|
17117
17267
|
title: docTitle
|
|
17118
17268
|
}), React__default.createElement(GeneralHeader, {
|
|
17119
17269
|
statusDataLoading: statusDataLoading
|
|
@@ -17128,7 +17278,7 @@ function OrderView(_ref) {
|
|
|
17128
17278
|
loading: logsLoading
|
|
17129
17279
|
}))), React__default.createElement(OrderActions, null));
|
|
17130
17280
|
}
|
|
17131
|
-
var MainContainer$
|
|
17281
|
+
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17132
17282
|
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17133
17283
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17134
17284
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
@@ -17588,7 +17738,7 @@ function ReturnMainTable() {
|
|
|
17588
17738
|
loading = _useAxios.loading,
|
|
17589
17739
|
fetchData = _useAxios.fetchData;
|
|
17590
17740
|
React.useEffect(function () {
|
|
17591
|
-
if (!clientPortal) {
|
|
17741
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
17592
17742
|
fetchData();
|
|
17593
17743
|
}
|
|
17594
17744
|
}, []);
|
|
@@ -17610,7 +17760,7 @@ function ReturnMainTable() {
|
|
|
17610
17760
|
paginationData = _useAxios2.paginationData,
|
|
17611
17761
|
fetchProductStats = _useAxios2.fetchData;
|
|
17612
17762
|
React.useEffect(function () {
|
|
17613
|
-
if (!clientPortal) {
|
|
17763
|
+
if (!clientPortal && clientPortal !== undefined) {
|
|
17614
17764
|
fetchProductStats();
|
|
17615
17765
|
}
|
|
17616
17766
|
}, []);
|
|
@@ -17641,7 +17791,7 @@ function ReturnMainTable() {
|
|
|
17641
17791
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
17642
17792
|
}, React__default.createElement("div", {
|
|
17643
17793
|
className: "Tableconatiner"
|
|
17644
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
17794
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1m, null, React__default.createElement(Row$c, null, React__default.createElement(Text, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
|
|
17645
17795
|
currentPage: page,
|
|
17646
17796
|
totalItems: total,
|
|
17647
17797
|
itemsPerPage: itemsPerPage,
|
|
@@ -17650,7 +17800,7 @@ function ReturnMainTable() {
|
|
|
17650
17800
|
}))));
|
|
17651
17801
|
}
|
|
17652
17802
|
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
17653
|
-
var Container$
|
|
17803
|
+
var Container$1m = /*#__PURE__*/styled__default.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
17654
17804
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
17655
17805
|
|
|
17656
17806
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
@@ -18260,7 +18410,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18260
18410
|
}, [fetchedReturnOrderData, loading]);
|
|
18261
18411
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$4, null, React__default.createElement("div", {
|
|
18262
18412
|
className: "Tableconatiner"
|
|
18263
|
-
}, React__default.createElement(Container$
|
|
18413
|
+
}, React__default.createElement(Container$1n, null, React__default.createElement(ReturnConfirmedTable, null), total > 0 && React__default.createElement(ReturnPagination, {
|
|
18264
18414
|
currentPage: page,
|
|
18265
18415
|
totalItems: total,
|
|
18266
18416
|
itemsPerPage: itemsPerPage,
|
|
@@ -18268,7 +18418,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18268
18418
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18269
18419
|
})))));
|
|
18270
18420
|
};
|
|
18271
|
-
var Container$
|
|
18421
|
+
var Container$1n = /*#__PURE__*/styled__default.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
18272
18422
|
var DashBoardWrapper$4 = /*#__PURE__*/styled__default.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"])));
|
|
18273
18423
|
|
|
18274
18424
|
var _templateObject$2J, _templateObject2$20;
|
|
@@ -18679,7 +18829,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
18679
18829
|
var validStatuses = ['outstanding_return', 'scheduled_for_return', 'return_completed'];
|
|
18680
18830
|
return React__default.createElement(React__default.Fragment, null, clientPortal && typeof status === 'string' && validStatuses.includes(status) && React__default.createElement(ClientRouterHeader, null), React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$5, null, React__default.createElement("div", {
|
|
18681
18831
|
className: "Tableconatiner"
|
|
18682
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
18832
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1o, null, React__default.createElement(ReturnFilter, null), clientPortal && status === 'outstanding_return' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OutstandingTable, null), total > 0 && React__default.createElement(Pagination, {
|
|
18683
18833
|
currentPage: page,
|
|
18684
18834
|
totalItems: total,
|
|
18685
18835
|
itemsPerPage: itemsPerPage,
|
|
@@ -18687,7 +18837,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
18687
18837
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18688
18838
|
})), shouldShowReturnAfterTable && React__default.createElement(React__default.Fragment, null, React__default.createElement(ConfirmedMain, null)))))));
|
|
18689
18839
|
};
|
|
18690
|
-
var Container$
|
|
18840
|
+
var Container$1o = /*#__PURE__*/styled__default.div(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
18691
18841
|
var DashBoardWrapper$5 = /*#__PURE__*/styled__default.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"])));
|
|
18692
18842
|
|
|
18693
18843
|
var RouterHeader = function RouterHeader(_ref) {
|