@bjsdistribution/dms-client-return 0.1.38-prod → 0.1.39-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/common/custom-input/CustomInput.d.ts +5 -0
- package/dist/components/order-view/order-actions/actions/what3words/What3WordsModal.tsx.d.ts +3 -0
- package/dist/components/order-view/store.d.ts +1 -1
- package/dist/components/order-view/types.d.ts +3 -3
- package/dist/dms-client-return.cjs.development.js +353 -111
- 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 +353 -111
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/common/custom-input/CustomInput.tsx +24 -0
- package/src/components/order-view/helper.ts +11 -11
- package/src/components/order-view/order-actions/actions/what3words/What3WordsModal.tsx.tsx +306 -0
- package/src/components/order-view/order-actions/index.tsx +3 -0
- package/src/components/order-view/order-details/expanded-content/customer-section/location-info/Latitude.tsx +5 -7
- package/src/components/order-view/order-details/expanded-content/customer-section/location-info/Longitude.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/customer-section/location-info/What3words.tsx +45 -13
- package/src/components/order-view/types.ts +4 -3
|
@@ -4692,7 +4692,7 @@ function Latitude() {
|
|
|
4692
4692
|
setOrderDetails = _useOrderDetails[1];
|
|
4693
4693
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4694
4694
|
var onChange = function onChange(e) {
|
|
4695
|
-
var val =
|
|
4695
|
+
var val = e.target.value;
|
|
4696
4696
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4697
4697
|
latitude: val
|
|
4698
4698
|
} : _extends({}, orderRecipient, {
|
|
@@ -4727,7 +4727,7 @@ function Longitude() {
|
|
|
4727
4727
|
setOrderDetails = _useOrderDetails[1];
|
|
4728
4728
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4729
4729
|
var onChange = function onChange(e) {
|
|
4730
|
-
var val =
|
|
4730
|
+
var val = e.target.value;
|
|
4731
4731
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4732
4732
|
longitude: val
|
|
4733
4733
|
} : _extends({}, orderRecipient, {
|
|
@@ -4764,14 +4764,28 @@ function What3words() {
|
|
|
4764
4764
|
var _useAtom = useAtom(errorAtom),
|
|
4765
4765
|
errors = _useAtom[0],
|
|
4766
4766
|
setErrors = _useAtom[1];
|
|
4767
|
+
var _useClientPortal = useClientPortal(),
|
|
4768
|
+
isClientPortal = _useClientPortal[0];
|
|
4767
4769
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4770
|
+
var _useCurrentAction = useCurrentAction(),
|
|
4771
|
+
setCurrentAction = _useCurrentAction[1];
|
|
4772
|
+
var cleanW3WAddress = function cleanW3WAddress(w3wStr) {
|
|
4773
|
+
if (w3wStr.startsWith('///')) {
|
|
4774
|
+
return w3wStr.slice(3);
|
|
4775
|
+
} else if (w3wStr.startsWith('//')) {
|
|
4776
|
+
return w3wStr.slice(2);
|
|
4777
|
+
} else if (w3wStr.startsWith('/')) {
|
|
4778
|
+
return w3wStr.slice(1);
|
|
4779
|
+
}
|
|
4780
|
+
return w3wStr;
|
|
4781
|
+
};
|
|
4768
4782
|
var onChange = function onChange(e) {
|
|
4769
|
-
var val = e.target.value;
|
|
4783
|
+
var val = sanitizeInput(e.target.value);
|
|
4770
4784
|
validateInput(val);
|
|
4771
4785
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
4772
4786
|
what_3words_address: val
|
|
4773
4787
|
} : _extends({}, orderRecipient, {
|
|
4774
|
-
what_3words_address: val
|
|
4788
|
+
what_3words_address: cleanW3WAddress(val)
|
|
4775
4789
|
}));
|
|
4776
4790
|
setOrderDetails(function (prev) {
|
|
4777
4791
|
return _extends({}, prev, {
|
|
@@ -4784,31 +4798,42 @@ function What3words() {
|
|
|
4784
4798
|
var isValid = w3wRegex.test(value);
|
|
4785
4799
|
setErrors(function (prev) {
|
|
4786
4800
|
return _extends({}, prev, {
|
|
4787
|
-
w3wError: isValid ? '' : 'Please enter a valid input (word.word.word)'
|
|
4801
|
+
w3wError: isValid ? '' : 'Please enter a valid input (format: word.word.word)'
|
|
4788
4802
|
});
|
|
4789
4803
|
});
|
|
4790
4804
|
} else {
|
|
4791
4805
|
setErrors(function (prev) {
|
|
4792
4806
|
return _extends({}, prev, {
|
|
4793
|
-
w3wError: ''
|
|
4807
|
+
w3wError: 'Input cannot be empty or only spaces'
|
|
4794
4808
|
});
|
|
4795
4809
|
});
|
|
4796
4810
|
}
|
|
4797
4811
|
};
|
|
4812
|
+
// const handleOpenModal = () => {
|
|
4813
|
+
// dispatch({ type: 'what3Words' });
|
|
4814
|
+
// };
|
|
4798
4815
|
return React.createElement(Container$b, null, React.createElement(Label$j, {
|
|
4816
|
+
style: {
|
|
4817
|
+
color: '#6396e5',
|
|
4818
|
+
cursor: 'pointer'
|
|
4819
|
+
},
|
|
4799
4820
|
label: "What3Words Address",
|
|
4800
|
-
htmlFor: "w3w"
|
|
4821
|
+
htmlFor: "w3w",
|
|
4822
|
+
onClick: function onClick() {
|
|
4823
|
+
return setCurrentAction('what3Words');
|
|
4824
|
+
}
|
|
4801
4825
|
}), React.createElement(Wrapper$5, null, React.createElement(What3wordsPrefix, null, React.createElement(What3WordsIcon, null)), React.createElement(CustomInput$2, {
|
|
4802
4826
|
name: "w3w",
|
|
4803
4827
|
type: "text",
|
|
4804
4828
|
placeholder: "Format: word.word.word",
|
|
4805
4829
|
value: (orderRecipient == null ? void 0 : orderRecipient.what_3words_address) || '',
|
|
4806
|
-
onChange: onChange
|
|
4830
|
+
onChange: onChange,
|
|
4831
|
+
disabled: isClientPortal
|
|
4807
4832
|
})), errors.w3wError && React.createElement(ErrorText, null, errors.w3wError));
|
|
4808
4833
|
}
|
|
4809
4834
|
var What3wordsPrefix = /*#__PURE__*/styled.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 13px;\n left: 12px;\n"])));
|
|
4810
4835
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
4811
|
-
var CustomInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 25px
|
|
4836
|
+
var CustomInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 25px; */\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 padding-left: 40px;\n"])));
|
|
4812
4837
|
var Container$b = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4813
4838
|
var ErrorText = /*#__PURE__*/styled.span(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4814
4839
|
|
|
@@ -6846,7 +6871,7 @@ var StatusOptions = [{
|
|
|
6846
6871
|
label: 'Released',
|
|
6847
6872
|
value: 'released'
|
|
6848
6873
|
}, {
|
|
6849
|
-
label: '
|
|
6874
|
+
label: 'Received',
|
|
6850
6875
|
value: 'received'
|
|
6851
6876
|
}, {
|
|
6852
6877
|
label: 'Scheduled',
|
|
@@ -15272,6 +15297,219 @@ var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8
|
|
|
15272
15297
|
var ForceDebriefModal$1 = /*#__PURE__*/React.memo(ForceDebriefModal);
|
|
15273
15298
|
|
|
15274
15299
|
var _templateObject$2l;
|
|
15300
|
+
function GenericInput(props) {
|
|
15301
|
+
return React.createElement(StyledInput$2, Object.assign({}, props));
|
|
15302
|
+
}
|
|
15303
|
+
var StyledInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30px;\n border: 1px solid ", ";\n &:hover {\n background: #ffffff;\n outline: none;\n border-color: #7b7874;\n }\n &:focus {\n border-color: ", ";\n }\n"])), function (_ref) {
|
|
15304
|
+
var hasError = _ref.hasError;
|
|
15305
|
+
return hasError ? 'red' : '#ccc';
|
|
15306
|
+
}, function (_ref2) {
|
|
15307
|
+
var hasError = _ref2.hasError;
|
|
15308
|
+
return hasError ? 'red' : '#888';
|
|
15309
|
+
});
|
|
15310
|
+
|
|
15311
|
+
var _templateObject$2m, _templateObject2$1J, _templateObject3$13, _templateObject4$D, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
|
|
15312
|
+
function What3WordsModal(props) {
|
|
15313
|
+
var _orderDetails$order_r5, _orderDetails$order_r6;
|
|
15314
|
+
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
15315
|
+
var _useCurrentAction = useCurrentAction(),
|
|
15316
|
+
setCurrentAction = _useCurrentAction[1];
|
|
15317
|
+
var _useOrderDetails = useOrderDetails(),
|
|
15318
|
+
orderDetails = _useOrderDetails[0],
|
|
15319
|
+
setOrderDetails = _useOrderDetails[1];
|
|
15320
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
15321
|
+
prevOrderDetails = _usePrevOrderDetails[0],
|
|
15322
|
+
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
15323
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
15324
|
+
customerInfo = _useCustomerInfo[0];
|
|
15325
|
+
var _useState = useState(''),
|
|
15326
|
+
w3wError = _useState[0],
|
|
15327
|
+
setW3wError = _useState[1];
|
|
15328
|
+
var _useClientPortal = useClientPortal(),
|
|
15329
|
+
isClientPortal = _useClientPortal[0];
|
|
15330
|
+
var orderRecipient = (orderDetails == null ? void 0 : orderDetails.order_recipient) || {};
|
|
15331
|
+
var _useState2 = useState(),
|
|
15332
|
+
currentWhat3Words = _useState2[0],
|
|
15333
|
+
setWhat3Words = _useState2[1];
|
|
15334
|
+
var _useState3 = useState(''),
|
|
15335
|
+
localW3W = _useState3[0],
|
|
15336
|
+
setLocalW3W = _useState3[1];
|
|
15337
|
+
var _useState4 = useState((orderRecipient == null ? void 0 : orderRecipient.latitude) || ''),
|
|
15338
|
+
localLat = _useState4[0],
|
|
15339
|
+
setLocalLat = _useState4[1];
|
|
15340
|
+
var _useState5 = useState((orderRecipient == null ? void 0 : orderRecipient.longitude) || ''),
|
|
15341
|
+
localLong = _useState5[0],
|
|
15342
|
+
setLocalLong = _useState5[1];
|
|
15343
|
+
var closeModal = function closeModal() {
|
|
15344
|
+
return setCurrentAction(undefined);
|
|
15345
|
+
};
|
|
15346
|
+
var cleanW3WAddress = function cleanW3WAddress(w3wStr) {
|
|
15347
|
+
return w3wStr.replace(/^\/+/, '');
|
|
15348
|
+
};
|
|
15349
|
+
var validateInput = function validateInput(value) {
|
|
15350
|
+
if (value.trim()) {
|
|
15351
|
+
var isValid = w3wRegex.test(value);
|
|
15352
|
+
setW3wError(isValid ? '' : 'Please enter a valid input (format: word.word.word)');
|
|
15353
|
+
} else {
|
|
15354
|
+
setW3wError('Input cannot be empty or only spaces');
|
|
15355
|
+
}
|
|
15356
|
+
};
|
|
15357
|
+
var onChangeW3W = function onChangeW3W(e) {
|
|
15358
|
+
var rawVal = e.target.value;
|
|
15359
|
+
var val = cleanW3WAddress(rawVal);
|
|
15360
|
+
validateInput(rawVal); // still validate raw input for dots, etc.
|
|
15361
|
+
setLocalW3W(val);
|
|
15362
|
+
};
|
|
15363
|
+
var onChangeLatitude = function onChangeLatitude(e) {
|
|
15364
|
+
setLocalLat(e.target.value);
|
|
15365
|
+
};
|
|
15366
|
+
var onChangeLongitude = function onChangeLongitude(e) {
|
|
15367
|
+
setLocalLong(e.target.value);
|
|
15368
|
+
};
|
|
15369
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
15370
|
+
if (['e', 'E', '+', '-'].includes(e.key)) {
|
|
15371
|
+
e.preventDefault();
|
|
15372
|
+
}
|
|
15373
|
+
};
|
|
15374
|
+
var _useAxios = useAxios({
|
|
15375
|
+
endpoint: "/orders/update/",
|
|
15376
|
+
method: 'PUT'
|
|
15377
|
+
}),
|
|
15378
|
+
callUpdateOrderAPI = _useAxios.fetchData;
|
|
15379
|
+
var _useAxios2 = useAxios({
|
|
15380
|
+
endpoint: "/v1/orders/coordinates_to_w3w/?",
|
|
15381
|
+
method: 'GET'
|
|
15382
|
+
}),
|
|
15383
|
+
getWhat3Words = _useAxios2.fetchData;
|
|
15384
|
+
useEffect(function () {
|
|
15385
|
+
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
15386
|
+
if (orderDetails != null && (_orderDetails$order_r = orderDetails.order_recipient) != null && _orderDetails$order_r.latitude && orderDetails != null && (_orderDetails$order_r2 = orderDetails.order_recipient) != null && _orderDetails$order_r2.longitude) {
|
|
15387
|
+
var _orderDetails$order_r3, _orderDetails$order_r4;
|
|
15388
|
+
getWhat3Words({
|
|
15389
|
+
endPointQuery: "latitude=" + (orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r3.latitude) + "&longitude=" + (orderDetails == null || (_orderDetails$order_r4 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r4.longitude)
|
|
15390
|
+
}).then(function (response) {
|
|
15391
|
+
var _response$data;
|
|
15392
|
+
console.log(response == null ? void 0 : response.data);
|
|
15393
|
+
setWhat3Words(response == null || (_response$data = response.data) == null ? void 0 : _response$data.words);
|
|
15394
|
+
});
|
|
15395
|
+
}
|
|
15396
|
+
}, [orderDetails == null || (_orderDetails$order_r5 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r5.latitude, orderDetails == null || (_orderDetails$order_r6 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r6.longitude]);
|
|
15397
|
+
var onSave = /*#__PURE__*/function () {
|
|
15398
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
15399
|
+
var _response$data2;
|
|
15400
|
+
var updatedOrderDetails, payload, response;
|
|
15401
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
15402
|
+
while (1) switch (_context.prev = _context.next) {
|
|
15403
|
+
case 0:
|
|
15404
|
+
updatedOrderDetails = _extends({}, orderDetails, {
|
|
15405
|
+
order_recipient: _extends({}, (orderDetails == null ? void 0 : orderDetails.order_recipient) || {}, {
|
|
15406
|
+
what_3words_address: localW3W,
|
|
15407
|
+
latitude: localLat,
|
|
15408
|
+
longitude: localLong
|
|
15409
|
+
})
|
|
15410
|
+
});
|
|
15411
|
+
payload = compareOrderDetailsStates(prevOrderDetails, updatedOrderDetails);
|
|
15412
|
+
_context.next = 4;
|
|
15413
|
+
return callUpdateOrderAPI({
|
|
15414
|
+
payload: [payload]
|
|
15415
|
+
});
|
|
15416
|
+
case 4:
|
|
15417
|
+
response = _context.sent;
|
|
15418
|
+
if (!(response.code === 200 && (response == null || (_response$data2 = response.data) == null ? void 0 : _response$data2.length) > 0)) {
|
|
15419
|
+
_context.next = 14;
|
|
15420
|
+
break;
|
|
15421
|
+
}
|
|
15422
|
+
notification.success({
|
|
15423
|
+
message: 'Success',
|
|
15424
|
+
description: "" + (response == null ? void 0 : response.message)
|
|
15425
|
+
});
|
|
15426
|
+
_context.next = 9;
|
|
15427
|
+
return props == null ? void 0 : props.callOrdersApi();
|
|
15428
|
+
case 9:
|
|
15429
|
+
setOrderDetails(response == null ? void 0 : response.data[0]);
|
|
15430
|
+
setPrevOrderDetails(response == null ? void 0 : response.data[0]);
|
|
15431
|
+
closeModal();
|
|
15432
|
+
_context.next = 16;
|
|
15433
|
+
break;
|
|
15434
|
+
case 14:
|
|
15435
|
+
notification.error({
|
|
15436
|
+
message: 'Update Failed',
|
|
15437
|
+
description: (response == null ? void 0 : response.error) || 'Unknown error'
|
|
15438
|
+
});
|
|
15439
|
+
setOrderDetails(prevOrderDetails);
|
|
15440
|
+
case 16:
|
|
15441
|
+
case "end":
|
|
15442
|
+
return _context.stop();
|
|
15443
|
+
}
|
|
15444
|
+
}, _callee);
|
|
15445
|
+
}));
|
|
15446
|
+
return function onSave() {
|
|
15447
|
+
return _ref.apply(this, arguments);
|
|
15448
|
+
};
|
|
15449
|
+
}();
|
|
15450
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
15451
|
+
var isDifferent = function isDifferent() {
|
|
15452
|
+
var original = orderRecipient || {};
|
|
15453
|
+
return localW3W !== (original.what_3words_address || '') || localLat !== (original.latitude || '') || localLong !== (original.longitude || '');
|
|
15454
|
+
};
|
|
15455
|
+
useEffect(function () {
|
|
15456
|
+
setLocalLat((orderRecipient == null ? void 0 : orderRecipient.latitude) || '');
|
|
15457
|
+
setLocalLong((orderRecipient == null ? void 0 : orderRecipient.longitude) || '');
|
|
15458
|
+
}, [orderRecipient]);
|
|
15459
|
+
return React.createElement(OrderActionModal, {
|
|
15460
|
+
headerTitle: "WHAT3WORDS",
|
|
15461
|
+
onCloseHeader: closeModal,
|
|
15462
|
+
onSubmit: onSave,
|
|
15463
|
+
showAdditionalInfo: true,
|
|
15464
|
+
infoText: infoText,
|
|
15465
|
+
isSubmitDisabled: isClientPortal ? true : !isDifferent() || !!w3wError,
|
|
15466
|
+
submitBtnTitle: "Save Details"
|
|
15467
|
+
}, React.createElement(Section$2, null, React.createElement(FieldRow$1, null, React.createElement(WordsSection, null, React.createElement(Label$j, {
|
|
15468
|
+
label: "Words"
|
|
15469
|
+
}), React.createElement(WordInputWrapper, null, React.createElement(CustomInput$7, {
|
|
15470
|
+
name: "w3w",
|
|
15471
|
+
type: "text",
|
|
15472
|
+
placeholder: "Format: word.word.word",
|
|
15473
|
+
value: localW3W,
|
|
15474
|
+
onChange: onChangeW3W,
|
|
15475
|
+
disabled: isClientPortal
|
|
15476
|
+
}), w3wError && React.createElement(ErrorText$a, null, w3wError)), React.createElement(CurrentText, null, React.createElement("strong", null, "Current:"), ' ', React.createElement("a", {
|
|
15477
|
+
href: "https://what3words.com/" + currentWhat3Words,
|
|
15478
|
+
target: "_blank",
|
|
15479
|
+
rel: "noopener noreferrer"
|
|
15480
|
+
}, currentWhat3Words))))), React.createElement(Section$2, null, React.createElement(CoordRow, null, React.createElement(Coordinate, null, React.createElement(Label$j, {
|
|
15481
|
+
label: "Latitude",
|
|
15482
|
+
htmlFor: "lat"
|
|
15483
|
+
}), React.createElement(CustomInput$7, {
|
|
15484
|
+
name: "lat",
|
|
15485
|
+
type: "number",
|
|
15486
|
+
placeholder: "Lat",
|
|
15487
|
+
value: localLat,
|
|
15488
|
+
onChange: onChangeLatitude,
|
|
15489
|
+
onKeyDown: handleKeyDown
|
|
15490
|
+
})), React.createElement(Coordinate, null, React.createElement(Label$j, {
|
|
15491
|
+
label: "Longitude",
|
|
15492
|
+
htmlFor: "long"
|
|
15493
|
+
}), React.createElement(CustomInput$7, {
|
|
15494
|
+
name: "long",
|
|
15495
|
+
type: "number",
|
|
15496
|
+
placeholder: "Long",
|
|
15497
|
+
value: localLong,
|
|
15498
|
+
onChange: onChangeLongitude,
|
|
15499
|
+
onKeyDown: handleKeyDown
|
|
15500
|
+
})))));
|
|
15501
|
+
}
|
|
15502
|
+
var WordsSection = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n"])));
|
|
15503
|
+
var WordInputWrapper = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n"])));
|
|
15504
|
+
var CurrentText = /*#__PURE__*/styled.div(_templateObject3$13 || (_templateObject3$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n color: #444;\n white-space: nowrap;\n\n a {\n color: #1677ff;\n text-decoration: none;\n }\n\n a:hover {\n text-decoration: underline;\n }\n"])));
|
|
15505
|
+
var ErrorText$a = /*#__PURE__*/styled.span(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
15506
|
+
var Section$2 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15507
|
+
var FieldRow$1 = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n"])));
|
|
15508
|
+
var CoordRow = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 14px;\n"])));
|
|
15509
|
+
var Coordinate = /*#__PURE__*/styled.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
15510
|
+
var CustomInput$7 = /*#__PURE__*/styled(GenericInput)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\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"])));
|
|
15511
|
+
|
|
15512
|
+
var _templateObject$2n;
|
|
15275
15513
|
function OrderActions() {
|
|
15276
15514
|
var _useCurrentAction = useCurrentAction(),
|
|
15277
15515
|
currentAction = _useCurrentAction[0],
|
|
@@ -15527,15 +15765,19 @@ function OrderActions() {
|
|
|
15527
15765
|
return React.createElement(RemoveFromRoute, {
|
|
15528
15766
|
callOrderAlertsApi: callOrderAlertsApi
|
|
15529
15767
|
});
|
|
15768
|
+
case 'what3Words':
|
|
15769
|
+
return React.createElement(What3WordsModal, {
|
|
15770
|
+
callOrdersApi: callOrdersApi
|
|
15771
|
+
});
|
|
15530
15772
|
default:
|
|
15531
15773
|
return null;
|
|
15532
15774
|
}
|
|
15533
15775
|
};
|
|
15534
15776
|
return React.createElement(Container$1i, null, renderContent());
|
|
15535
15777
|
}
|
|
15536
|
-
var Container$1i = /*#__PURE__*/styled.div(_templateObject$
|
|
15778
|
+
var Container$1i = /*#__PURE__*/styled.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15537
15779
|
|
|
15538
|
-
var _templateObject$
|
|
15780
|
+
var _templateObject$2o, _templateObject2$1K, _templateObject3$14, _templateObject4$E;
|
|
15539
15781
|
var Details = function Details() {
|
|
15540
15782
|
var _globalEscData$, _globalEscData$2;
|
|
15541
15783
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15547,10 +15789,10 @@ var Details = function Details() {
|
|
|
15547
15789
|
globalEscData = _useGlobalEscData[0];
|
|
15548
15790
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React.createElement(EscInfo, null, ((_globalEscData$ = globalEscData[0]) == null || (_globalEscData$ = _globalEscData$.escalation_type) == null ? void 0 : _globalEscData$.level) + " (" + ((_globalEscData$2 = globalEscData[0]) == null || (_globalEscData$2 = _globalEscData$2.escalation_type) == null ? void 0 : _globalEscData$2.name) + ")")));
|
|
15549
15791
|
};
|
|
15550
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
15551
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
15552
|
-
var Name = /*#__PURE__*/styled.div(_templateObject3$
|
|
15553
|
-
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$
|
|
15792
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
15793
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
15794
|
+
var Name = /*#__PURE__*/styled.div(_templateObject3$14 || (_templateObject3$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* heading/h3-subHeader */\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n"])));
|
|
15795
|
+
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15554
15796
|
|
|
15555
15797
|
var bjsMenu = [{
|
|
15556
15798
|
label: 'Add Order Resources',
|
|
@@ -15626,7 +15868,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
15626
15868
|
}));
|
|
15627
15869
|
};
|
|
15628
15870
|
|
|
15629
|
-
var _templateObject$
|
|
15871
|
+
var _templateObject$2p, _templateObject2$1L;
|
|
15630
15872
|
function Options$1() {
|
|
15631
15873
|
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
15632
15874
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -15721,10 +15963,10 @@ function Options$1() {
|
|
|
15721
15963
|
fill: '#f0f2f2'
|
|
15722
15964
|
})))));
|
|
15723
15965
|
}
|
|
15724
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
15725
|
-
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
15966
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15967
|
+
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$1L || (_templateObject2$1L = /*#__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"])));
|
|
15726
15968
|
|
|
15727
|
-
var _templateObject$
|
|
15969
|
+
var _templateObject$2q, _templateObject2$1M;
|
|
15728
15970
|
function Print() {
|
|
15729
15971
|
var _useOrderDetails = useOrderDetails(),
|
|
15730
15972
|
orderDetails = _useOrderDetails[0];
|
|
@@ -15850,10 +16092,10 @@ function Print() {
|
|
|
15850
16092
|
fill: '#f0f2f2'
|
|
15851
16093
|
})))));
|
|
15852
16094
|
}
|
|
15853
|
-
var Container$1j = /*#__PURE__*/styled.div(_templateObject$
|
|
15854
|
-
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
16095
|
+
var Container$1j = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16096
|
+
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
15855
16097
|
|
|
15856
|
-
var _templateObject$
|
|
16098
|
+
var _templateObject$2r;
|
|
15857
16099
|
function BjsMenuDropDown() {
|
|
15858
16100
|
var _orderStatus$;
|
|
15859
16101
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -15897,9 +16139,9 @@ function BjsMenuDropDown() {
|
|
|
15897
16139
|
fill: '#f0f2f2'
|
|
15898
16140
|
}))));
|
|
15899
16141
|
}
|
|
15900
|
-
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$
|
|
16142
|
+
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$2r || (_templateObject$2r = /*#__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"])));
|
|
15901
16143
|
|
|
15902
|
-
var _templateObject$
|
|
16144
|
+
var _templateObject$2s, _templateObject2$1N;
|
|
15903
16145
|
// components
|
|
15904
16146
|
function DropDowns$1() {
|
|
15905
16147
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
|
|
@@ -15972,24 +16214,24 @@ function DropDowns$1() {
|
|
|
15972
16214
|
}, action == null ? void 0 : action.label);
|
|
15973
16215
|
})));
|
|
15974
16216
|
}
|
|
15975
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
15976
|
-
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16217
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$2s || (_templateObject$2s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n align-items: center;\n"])));
|
|
16218
|
+
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n text-align: center;\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 cursor: ", ";\n @media screen and (max-width: 1210px) {\n font-size: 11px;\n line-height: 12px;\n }\n"])), function (props) {
|
|
15977
16219
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
15978
16220
|
});
|
|
15979
16221
|
|
|
15980
|
-
var _templateObject$
|
|
16222
|
+
var _templateObject$2t;
|
|
15981
16223
|
var ActionsMenu = function ActionsMenu() {
|
|
15982
16224
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
15983
16225
|
};
|
|
15984
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
16226
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n height: 34px;\n padding: 1px;\n align-items: flex-start;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #f0f2f2;\n cursor: pointer;\n"])));
|
|
15985
16227
|
|
|
15986
|
-
var _templateObject$
|
|
16228
|
+
var _templateObject$2u;
|
|
15987
16229
|
var DetailsFilters = function DetailsFilters() {
|
|
15988
16230
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
15989
16231
|
};
|
|
15990
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
16232
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
15991
16233
|
|
|
15992
|
-
var _templateObject$
|
|
16234
|
+
var _templateObject$2v, _templateObject2$1O;
|
|
15993
16235
|
function OrderTemplate$1(_ref) {
|
|
15994
16236
|
var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
|
|
15995
16237
|
var orderDetails = _ref.orderDetails,
|
|
@@ -16264,10 +16506,10 @@ function OrderTemplate$1(_ref) {
|
|
|
16264
16506
|
}
|
|
16265
16507
|
}));
|
|
16266
16508
|
}
|
|
16267
|
-
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
16268
|
-
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16509
|
+
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .redCross {\n font-size: 13px;\n margin-top: 4px;\n }\n .postcode-alert-content {\n > div {\n > h4 {\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n ul {\n margin-bottom: 0;\n }\n\n li {\n border-radius: 6px;\n list-style-type: none;\n > a {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n > strong {\n > a {\n color: #6396e5;\n\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n }\n }\n\n li.outstanding strong,\n li.awaiting_confirmation strong,\n li.awaiting_route strong {\n font-family: Roboto, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n font-style: normal;\n }\n li.routed strong {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n\n li.outstanding strong {\n color: #e95252;\n }\n li.awaiting_confirmation strong {\n color: #6396e5;\n }\n li.awaiting_route strong {\n color: #36a053;\n }\n li.confirmed strong {\n color: #36a053;\n }\n li.enroute strong {\n color: #36a053;\n }\n li.cancelled strong {\n color: #e95252;\n }\n li.complete strong {\n color: #36a053;\n }\n li.on_hold strong {\n color: #feba30;\n }\n li.routed strong {\n color: #3a3630;\n }\n span {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n"])));
|
|
16510
|
+
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
16269
16511
|
|
|
16270
|
-
var _templateObject$
|
|
16512
|
+
var _templateObject$2w, _templateObject2$1P, _templateObject3$15;
|
|
16271
16513
|
function ReminderTemplate(_ref) {
|
|
16272
16514
|
var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
|
|
16273
16515
|
var data = _ref.data,
|
|
@@ -16305,18 +16547,18 @@ function ReminderTemplate(_ref) {
|
|
|
16305
16547
|
}
|
|
16306
16548
|
})));
|
|
16307
16549
|
}
|
|
16308
|
-
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
16309
|
-
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
16550
|
+
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
16551
|
+
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
16310
16552
|
var color = _ref2.color;
|
|
16311
16553
|
return color;
|
|
16312
16554
|
});
|
|
16313
|
-
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
16555
|
+
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: ", ";\n ", ";\n"])), function (props) {
|
|
16314
16556
|
return props != null && props.$disable ? 'auto' : 'pointer';
|
|
16315
16557
|
}, function (props) {
|
|
16316
16558
|
return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
|
|
16317
16559
|
});
|
|
16318
16560
|
|
|
16319
|
-
var _templateObject$
|
|
16561
|
+
var _templateObject$2x, _templateObject2$1Q;
|
|
16320
16562
|
function Tabs$1(_ref) {
|
|
16321
16563
|
var activeTasks = _ref.activeTasks,
|
|
16322
16564
|
closedTasks = _ref.closedTasks,
|
|
@@ -16376,8 +16618,8 @@ function Tabs$1(_ref) {
|
|
|
16376
16618
|
});
|
|
16377
16619
|
})))));
|
|
16378
16620
|
}
|
|
16379
|
-
var Container$1k = /*#__PURE__*/styled.div(_templateObject$
|
|
16380
|
-
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16621
|
+
var Container$1k = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
16622
|
+
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16381
16623
|
|
|
16382
16624
|
var NotifyFlag = function NotifyFlag() {
|
|
16383
16625
|
return React.createElement("svg", {
|
|
@@ -16395,7 +16637,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16395
16637
|
}));
|
|
16396
16638
|
};
|
|
16397
16639
|
|
|
16398
|
-
var _templateObject$
|
|
16640
|
+
var _templateObject$2y, _templateObject2$1R, _templateObject3$16, _templateObject4$F, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$b;
|
|
16399
16641
|
function Notification() {
|
|
16400
16642
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16401
16643
|
var _useTabType = useTabType(),
|
|
@@ -16643,7 +16885,7 @@ function Notification() {
|
|
|
16643
16885
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
16644
16886
|
return item.status === 'SD';
|
|
16645
16887
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
16646
|
-
return React.createElement(React.Fragment, null, React.createElement(Section$
|
|
16888
|
+
return React.createElement(React.Fragment, null, React.createElement(Section$3, null, React.createElement(Container$1l, {
|
|
16647
16889
|
className: "notification-header"
|
|
16648
16890
|
}, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$i, {
|
|
16649
16891
|
label: "NOTIFICATIONS"
|
|
@@ -16737,61 +16979,61 @@ function Notification() {
|
|
|
16737
16979
|
routeInfoData: orderAlertsData
|
|
16738
16980
|
})) : 'No Notifications Found'));
|
|
16739
16981
|
}
|
|
16740
|
-
var Container$1l = /*#__PURE__*/styled.div(_templateObject$
|
|
16741
|
-
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16742
|
-
var TabsData = /*#__PURE__*/styled.div(_templateObject3$
|
|
16743
|
-
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$
|
|
16744
|
-
var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$
|
|
16745
|
-
var StyledTab = /*#__PURE__*/styled.div(_templateObject6$
|
|
16982
|
+
var Container$1l = /*#__PURE__*/styled.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
16983
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16984
|
+
var TabsData = /*#__PURE__*/styled.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16985
|
+
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
16986
|
+
var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
16987
|
+
var StyledTab = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
16746
16988
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
16747
16989
|
}, function (props) {
|
|
16748
16990
|
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
16749
16991
|
});
|
|
16750
|
-
var Section$
|
|
16751
|
-
var Label$i = /*#__PURE__*/styled(SectionHeader)(_templateObject8$
|
|
16752
|
-
var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$
|
|
16992
|
+
var Section$3 = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 14px;\n background: #ffffff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n border: 1px solid #e0e0e0;\n"])));
|
|
16993
|
+
var Label$i = /*#__PURE__*/styled(SectionHeader)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #ccc;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n text-transform: uppercase;\n"])));
|
|
16994
|
+
var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 350px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
16753
16995
|
|
|
16754
|
-
var _templateObject$
|
|
16996
|
+
var _templateObject$2z;
|
|
16755
16997
|
function CollapsedContent$2() {
|
|
16756
16998
|
return React.createElement(Font$1, null, "ORDER RESOURCES");
|
|
16757
16999
|
}
|
|
16758
|
-
var Font$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
17000
|
+
var Font$1 = /*#__PURE__*/styled.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
16759
17001
|
|
|
16760
|
-
var _templateObject$
|
|
17002
|
+
var _templateObject$2A, _templateObject2$1S;
|
|
16761
17003
|
function Category(props) {
|
|
16762
17004
|
var _props$row;
|
|
16763
17005
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
16764
17006
|
return React.createElement(RowContainer$4, null, React.createElement(Row$7, null, data));
|
|
16765
17007
|
}
|
|
16766
|
-
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
16767
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17008
|
+
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17009
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16768
17010
|
|
|
16769
|
-
var _templateObject$
|
|
17011
|
+
var _templateObject$2B, _templateObject2$1T;
|
|
16770
17012
|
function Date$2(props) {
|
|
16771
17013
|
var _props$row;
|
|
16772
17014
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
16773
17015
|
return React.createElement(RowContainer$5, null, React.createElement(Row$8, null, formatDate$1(data)));
|
|
16774
17016
|
}
|
|
16775
|
-
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
16776
|
-
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17017
|
+
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17018
|
+
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16777
17019
|
|
|
16778
|
-
var _templateObject$
|
|
17020
|
+
var _templateObject$2C, _templateObject2$1U;
|
|
16779
17021
|
function Reference(props) {
|
|
16780
17022
|
var _props$row;
|
|
16781
17023
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
16782
17024
|
return React.createElement(RowContainer$6, null, React.createElement(Row$9, null, data));
|
|
16783
17025
|
}
|
|
16784
|
-
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
16785
|
-
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17026
|
+
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17027
|
+
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16786
17028
|
|
|
16787
|
-
var _templateObject$
|
|
17029
|
+
var _templateObject$2D, _templateObject2$1V;
|
|
16788
17030
|
function Type(props) {
|
|
16789
17031
|
var _props$row;
|
|
16790
17032
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
16791
17033
|
return React.createElement(RowContainer$7, null, React.createElement(Row$a, null, data));
|
|
16792
17034
|
}
|
|
16793
|
-
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
16794
|
-
var Row$a = /*#__PURE__*/styled.div(_templateObject2$
|
|
17035
|
+
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17036
|
+
var Row$a = /*#__PURE__*/styled.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16795
17037
|
|
|
16796
17038
|
var DownloadIcon = function DownloadIcon() {
|
|
16797
17039
|
return React.createElement("svg", {
|
|
@@ -16820,7 +17062,7 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
16820
17062
|
})));
|
|
16821
17063
|
};
|
|
16822
17064
|
|
|
16823
|
-
var _templateObject$
|
|
17065
|
+
var _templateObject$2E, _templateObject2$1W, _templateObject3$17;
|
|
16824
17066
|
function Action(_ref) {
|
|
16825
17067
|
var _row$original, _orderResources$data;
|
|
16826
17068
|
var row = _ref.row;
|
|
@@ -16930,9 +17172,9 @@ function Action(_ref) {
|
|
|
16930
17172
|
}, React.createElement(DownloadIcon, null)))));
|
|
16931
17173
|
}
|
|
16932
17174
|
// Styled components for styling
|
|
16933
|
-
var Actions = /*#__PURE__*/styled.div(_templateObject$
|
|
16934
|
-
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16935
|
-
var Row$b = /*#__PURE__*/styled.div(_templateObject3$
|
|
17175
|
+
var Actions = /*#__PURE__*/styled.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17176
|
+
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
17177
|
+
var Row$b = /*#__PURE__*/styled.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
16936
17178
|
|
|
16937
17179
|
var tableColumns$1 = [{
|
|
16938
17180
|
header: 'Date',
|
|
@@ -16961,7 +17203,7 @@ var tableColumns$1 = [{
|
|
|
16961
17203
|
enableSorting: false
|
|
16962
17204
|
}];
|
|
16963
17205
|
|
|
16964
|
-
var _templateObject$
|
|
17206
|
+
var _templateObject$2F;
|
|
16965
17207
|
function Order$1(_ref) {
|
|
16966
17208
|
var _orderResources$data;
|
|
16967
17209
|
var loading = _ref.loading;
|
|
@@ -16976,9 +17218,9 @@ function Order$1(_ref) {
|
|
|
16976
17218
|
loading: loading
|
|
16977
17219
|
})));
|
|
16978
17220
|
}
|
|
16979
|
-
var Table$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
17221
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
16980
17222
|
|
|
16981
|
-
var _templateObject$
|
|
17223
|
+
var _templateObject$2G, _templateObject2$1X, _templateObject3$18, _templateObject4$G;
|
|
16982
17224
|
function OrderView(_ref) {
|
|
16983
17225
|
var locationloading = _ref.locationloading;
|
|
16984
17226
|
notification.config({
|
|
@@ -17373,13 +17615,13 @@ function OrderView(_ref) {
|
|
|
17373
17615
|
loading: logsLoading
|
|
17374
17616
|
}))), React.createElement(OrderActions, null));
|
|
17375
17617
|
}
|
|
17376
|
-
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$
|
|
17377
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17378
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
17379
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
17618
|
+
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17619
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17620
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17621
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17380
17622
|
|
|
17381
|
-
var _templateObject2$
|
|
17382
|
-
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17623
|
+
var _templateObject2$1Y;
|
|
17624
|
+
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
|
|
17383
17625
|
|
|
17384
17626
|
var initialState$4 = {
|
|
17385
17627
|
'x-filters': [],
|
|
@@ -17448,7 +17690,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
17448
17690
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
17449
17691
|
});
|
|
17450
17692
|
|
|
17451
|
-
var _templateObject$
|
|
17693
|
+
var _templateObject$2H, _templateObject2$1Z, _templateObject3$19;
|
|
17452
17694
|
var _excluded$7 = ["count"];
|
|
17453
17695
|
var SearchType = function SearchType() {
|
|
17454
17696
|
var _useState = useState(''),
|
|
@@ -17545,9 +17787,9 @@ var SearchType = function SearchType() {
|
|
|
17545
17787
|
onClick: handleClear
|
|
17546
17788
|
}, React.createElement(CrossIcon, null)));
|
|
17547
17789
|
};
|
|
17548
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
17549
|
-
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
17550
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$
|
|
17790
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
17791
|
+
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n background: transparent;\n &:hover {\n color: #000;\n }\n"])));
|
|
17792
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$19 || (_templateObject3$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n padding-left: 39px;\n width: 100%;\n &:focus {\n outline: none;\n border-color: gray;\n }\n"])));
|
|
17551
17793
|
|
|
17552
17794
|
var BulkFilter = function BulkFilter() {
|
|
17553
17795
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -17782,7 +18024,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17782
18024
|
})))));
|
|
17783
18025
|
};
|
|
17784
18026
|
|
|
17785
|
-
var _templateObject$
|
|
18027
|
+
var _templateObject$2I, _templateObject2$1_, _templateObject3$1a;
|
|
17786
18028
|
var _excluded$8 = ["count"];
|
|
17787
18029
|
function ReturnMainTable() {
|
|
17788
18030
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -17896,9 +18138,9 @@ function ReturnMainTable() {
|
|
|
17896
18138
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
17897
18139
|
}))));
|
|
17898
18140
|
}
|
|
17899
|
-
var Row$c = /*#__PURE__*/styled.div(_templateObject$
|
|
17900
|
-
var Container$1m = /*#__PURE__*/styled.div(_templateObject2$
|
|
17901
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$
|
|
18141
|
+
var Row$c = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
18142
|
+
var Container$1m = /*#__PURE__*/styled.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
18143
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$1a || (_templateObject3$1a = /*#__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"])));
|
|
17902
18144
|
|
|
17903
18145
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
17904
18146
|
var _useSearchParams = useSearchParams(),
|
|
@@ -18435,7 +18677,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
|
|
|
18435
18677
|
})))));
|
|
18436
18678
|
};
|
|
18437
18679
|
|
|
18438
|
-
var _templateObject$
|
|
18680
|
+
var _templateObject$2J, _templateObject2$1$;
|
|
18439
18681
|
var _excluded$a = ["count"];
|
|
18440
18682
|
var ConfirmedMain = function ConfirmedMain() {
|
|
18441
18683
|
var _useReturnConfirmedOr = useReturnConfirmedOrderData(),
|
|
@@ -18515,25 +18757,25 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18515
18757
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18516
18758
|
})))));
|
|
18517
18759
|
};
|
|
18518
|
-
var Container$1n = /*#__PURE__*/styled.div(_templateObject$
|
|
18519
|
-
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$
|
|
18760
|
+
var Container$1n = /*#__PURE__*/styled.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
18761
|
+
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
18520
18762
|
|
|
18521
|
-
var _templateObject$
|
|
18522
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
18523
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
18763
|
+
var _templateObject$2K, _templateObject2$20;
|
|
18764
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
18765
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
18524
18766
|
|
|
18525
|
-
var _templateObject$
|
|
18767
|
+
var _templateObject$2L;
|
|
18526
18768
|
var HeaderTitle = function HeaderTitle(props) {
|
|
18527
18769
|
return React.createElement(React.Fragment, null, React.createElement(Title$9, null, props.title));
|
|
18528
18770
|
};
|
|
18529
|
-
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$
|
|
18771
|
+
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
18530
18772
|
|
|
18531
|
-
var _templateObject$
|
|
18773
|
+
var _templateObject$2M, _templateObject2$21;
|
|
18532
18774
|
function Breadcrumb(props) {
|
|
18533
18775
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
18534
18776
|
}
|
|
18535
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
18536
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
18777
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18778
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$21 || (_templateObject2$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
18537
18779
|
|
|
18538
18780
|
var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
18539
18781
|
var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
|
|
@@ -18546,7 +18788,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
|
18546
18788
|
return JSON.parse(d);
|
|
18547
18789
|
};
|
|
18548
18790
|
|
|
18549
|
-
var _templateObject$
|
|
18791
|
+
var _templateObject$2N, _templateObject2$22, _templateObject3$1b;
|
|
18550
18792
|
function ReturnSearchBar() {
|
|
18551
18793
|
var _useState = useState(''),
|
|
18552
18794
|
searchText = _useState[0],
|
|
@@ -18690,12 +18932,12 @@ function ReturnSearchBar() {
|
|
|
18690
18932
|
onClick: handleClear
|
|
18691
18933
|
}, React.createElement(CrossIcon, null)) : null);
|
|
18692
18934
|
}
|
|
18693
|
-
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$
|
|
18694
|
-
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
18695
|
-
var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$
|
|
18935
|
+
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
18936
|
+
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$22 || (_templateObject2$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
18937
|
+
var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18696
18938
|
var ReturnSearchBar$1 = /*#__PURE__*/React.memo(ReturnSearchBar);
|
|
18697
18939
|
|
|
18698
|
-
var _templateObject$
|
|
18940
|
+
var _templateObject$2O, _templateObject2$23, _templateObject3$1c;
|
|
18699
18941
|
function ReturnAfterSearchBar() {
|
|
18700
18942
|
var _useState = useState(''),
|
|
18701
18943
|
searchText = _useState[0],
|
|
@@ -18822,12 +19064,12 @@ function ReturnAfterSearchBar() {
|
|
|
18822
19064
|
onClick: handleClear
|
|
18823
19065
|
}, React.createElement(CrossIcon, null)) : null);
|
|
18824
19066
|
}
|
|
18825
|
-
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$
|
|
18826
|
-
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
18827
|
-
var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$
|
|
19067
|
+
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
19068
|
+
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$23 || (_templateObject2$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
19069
|
+
var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$1c || (_templateObject3$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18828
19070
|
var ReturnAfterSearchBar$1 = /*#__PURE__*/React.memo(ReturnAfterSearchBar);
|
|
18829
19071
|
|
|
18830
|
-
var _templateObject$
|
|
19072
|
+
var _templateObject$2P;
|
|
18831
19073
|
var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
18832
19074
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
18833
19075
|
breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
|
|
@@ -18914,9 +19156,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
|
18914
19156
|
}
|
|
18915
19157
|
}))));
|
|
18916
19158
|
};
|
|
18917
|
-
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
19159
|
+
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding-right: 10px;\n padding-left: 7px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n min-width: 22vw;\n height: 35px;\n input[type='text'] {\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n border: none;\n color: #6a7378;\n font-size: 13px;\n font-weight: 400;\n line-height: 18px;\n padding: 8px 0;\n padding-left: 10px;\n &:focus-visible {\n outline: none;\n }\n }\n\n .ant-picker-outlined {\n border-style: none !important;\n }\n\n .ant-picker-focused {\n box-shadow: none;\n }\n\n /* .ant-picker {\n .ant-picker-input {\n width: 150px;\n }\n } */\n .ant-btn {\n background-color: #3348ff !important;\n }\n"])));
|
|
18918
19160
|
|
|
18919
|
-
var _templateObject$
|
|
19161
|
+
var _templateObject$2Q, _templateObject2$24;
|
|
18920
19162
|
var ReturnOverview = function ReturnOverview() {
|
|
18921
19163
|
var _UsePaginationData = UsePaginationData(),
|
|
18922
19164
|
paginationObj = _UsePaginationData[0];
|
|
@@ -18950,8 +19192,8 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
18950
19192
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18951
19193
|
})), shouldShowReturnAfterTable && React.createElement(React.Fragment, null, React.createElement(ConfirmedMain, null)))))));
|
|
18952
19194
|
};
|
|
18953
|
-
var Container$1o = /*#__PURE__*/styled.div(_templateObject$
|
|
18954
|
-
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$
|
|
19195
|
+
var Container$1o = /*#__PURE__*/styled.div(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
19196
|
+
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$24 || (_templateObject2$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
18955
19197
|
|
|
18956
19198
|
var RouterHeader = function RouterHeader(_ref) {
|
|
18957
19199
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|