@bjsdistribution/dms-client-return 0.1.49-prod → 0.1.50-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/northern-southern-info/CustomInput.d.ts +17 -0
- package/dist/components/order-view/northern-southern-info/index.d.ts +3 -0
- package/dist/components/order-view/return-client-products/product-table/ReturnProductTable.d.ts +1 -0
- package/dist/components/order-view/types.d.ts +37 -0
- package/dist/components/order-view/utils.d.ts +24 -0
- package/dist/components/store.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +1089 -616
- 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 +1090 -617
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +30 -0
- package/src/components/order-view/index.tsx +67 -3
- package/src/components/order-view/northern-southern-info/CustomInput.tsx +80 -0
- package/src/components/order-view/northern-southern-info/index.tsx +94 -0
- package/src/components/order-view/order-details/expanded-content/customer-section/location-info/Postcode.tsx +170 -8
- package/src/components/order-view/order-details/expanded-content/footer/index.tsx +53 -2
- package/src/components/order-view/order-details/expanded-content/index.tsx +13 -1
- package/src/components/order-view/products-info/collapsed-content/index.tsx +29 -0
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +166 -43
- package/src/components/order-view/store.ts +20 -0
- package/src/components/order-view/types.ts +39 -0
- package/src/components/order-view/utils.ts +29 -0
- package/src/components/store.ts +4 -1
|
@@ -490,6 +490,10 @@ var searchAfter = /*#__PURE__*/jotai.atom('');
|
|
|
490
490
|
var useSearchAfterText = function useSearchAfterText() {
|
|
491
491
|
return jotai.useAtom(searchAfter);
|
|
492
492
|
};
|
|
493
|
+
var isShow = /*#__PURE__*/jotai.atom(null);
|
|
494
|
+
function useIsShowNorthSouth() {
|
|
495
|
+
return jotai.useAtom(isShow);
|
|
496
|
+
}
|
|
493
497
|
var rclientReturnDataAtom = /*#__PURE__*/jotai.atom([]);
|
|
494
498
|
function useClientOutstandingReturnData() {
|
|
495
499
|
return jotai.useAtom(rclientReturnDataAtom);
|
|
@@ -752,6 +756,7 @@ var customerInfoAtom = /*#__PURE__*/jotai.atom({
|
|
|
752
756
|
postcode: ''
|
|
753
757
|
});
|
|
754
758
|
var ordersInitialValue = {
|
|
759
|
+
order_locked_time: null,
|
|
755
760
|
depot_id: null,
|
|
756
761
|
gsit_order_id: null,
|
|
757
762
|
customer_id: null,
|
|
@@ -834,7 +839,24 @@ var ordersInitialValue = {
|
|
|
834
839
|
unpack_items: false,
|
|
835
840
|
take_packaging_away: false,
|
|
836
841
|
collect_disposal: false,
|
|
837
|
-
assembly_type: null
|
|
842
|
+
assembly_type: null,
|
|
843
|
+
route_id: null,
|
|
844
|
+
hold_untill: null,
|
|
845
|
+
hold_reason: null,
|
|
846
|
+
order_on_hold: {
|
|
847
|
+
order_id: null,
|
|
848
|
+
hold_indefinitely: null,
|
|
849
|
+
hold_until: null,
|
|
850
|
+
reason_id: null,
|
|
851
|
+
un_hold: null
|
|
852
|
+
},
|
|
853
|
+
refused_service: [],
|
|
854
|
+
refused_service_reason: '',
|
|
855
|
+
invalid_order: null,
|
|
856
|
+
owner_name: null,
|
|
857
|
+
force_debrief_enabled: null,
|
|
858
|
+
import_reference: null,
|
|
859
|
+
labels: null
|
|
838
860
|
};
|
|
839
861
|
//force debrief
|
|
840
862
|
var chargesIntialValue = {
|
|
@@ -2348,7 +2370,7 @@ var StyledFilterBtnLabel = /*#__PURE__*/styled__default.div(_templateObject37 ||
|
|
|
2348
2370
|
|
|
2349
2371
|
var _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
2350
2372
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
2351
|
-
var StyledTable$1 = /*#__PURE__*/styled__default.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
2373
|
+
var StyledTable$1 = /*#__PURE__*/styled__default.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
2352
2374
|
// Styled components
|
|
2353
2375
|
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n // min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
2354
2376
|
var CustomDrop = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
@@ -2897,6 +2919,30 @@ var compareOrderDetailsStates = function compareOrderDetailsStates(oldData, newD
|
|
|
2897
2919
|
var sanitizeInput = function sanitizeInput(value) {
|
|
2898
2920
|
return value.trim() === '' ? '' : value;
|
|
2899
2921
|
};
|
|
2922
|
+
var getEnvironment = function getEnvironment() {
|
|
2923
|
+
var projectEnv = process.env.REACT_APP_PROJECT_ENV;
|
|
2924
|
+
var apiPath = process.env.REACT_APP_API_PATH;
|
|
2925
|
+
console.log(projectEnv, 'projectEnv', apiPath, 'apiPath');
|
|
2926
|
+
if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {
|
|
2927
|
+
return 'release_us';
|
|
2928
|
+
}
|
|
2929
|
+
if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {
|
|
2930
|
+
return 'development';
|
|
2931
|
+
}
|
|
2932
|
+
if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {
|
|
2933
|
+
return 'staging';
|
|
2934
|
+
}
|
|
2935
|
+
if (projectEnv === 'release_uk') {
|
|
2936
|
+
return 'release_uk';
|
|
2937
|
+
}
|
|
2938
|
+
if (projectEnv === 'release_us') {
|
|
2939
|
+
return 'release_us';
|
|
2940
|
+
}
|
|
2941
|
+
if (projectEnv === 'staging') {
|
|
2942
|
+
return 'staging';
|
|
2943
|
+
}
|
|
2944
|
+
return 'development';
|
|
2945
|
+
};
|
|
2900
2946
|
|
|
2901
2947
|
var _templateObject$6, _templateObject2$4;
|
|
2902
2948
|
var DefectsModal = function DefectsModal() {
|
|
@@ -4723,16 +4769,78 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$i || (_template
|
|
|
4723
4769
|
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4724
4770
|
var TextContainer = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n height: 70%;\n border-radius: 15px;\n"])));
|
|
4725
4771
|
|
|
4726
|
-
var _templateObject$j, _templateObject2$e;
|
|
4727
|
-
|
|
4772
|
+
var _templateObject$j, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$2;
|
|
4773
|
+
var POSTCODE_REGEX = {
|
|
4774
|
+
UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
|
|
4775
|
+
IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
|
|
4776
|
+
US: /^\d{5}(-\d{4})?$/
|
|
4777
|
+
};
|
|
4728
4778
|
function Postcode() {
|
|
4729
4779
|
var _orderRecipient$postc;
|
|
4730
|
-
|
|
4780
|
+
var getEnvironment = function getEnvironment() {
|
|
4781
|
+
var projectEnv = process.env.REACT_APP_PROJECT_ENV;
|
|
4782
|
+
var apiPath = process.env.REACT_APP_API_PATH;
|
|
4783
|
+
if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {
|
|
4784
|
+
return 'release_us';
|
|
4785
|
+
}
|
|
4786
|
+
if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {
|
|
4787
|
+
return 'development';
|
|
4788
|
+
}
|
|
4789
|
+
if (projectEnv === 'release_uk') {
|
|
4790
|
+
return 'release_uk';
|
|
4791
|
+
}
|
|
4792
|
+
if (projectEnv === 'release_us') {
|
|
4793
|
+
return 'release_us';
|
|
4794
|
+
}
|
|
4795
|
+
if (projectEnv === 'staging') {
|
|
4796
|
+
return 'staging';
|
|
4797
|
+
}
|
|
4798
|
+
return 'development';
|
|
4799
|
+
};
|
|
4731
4800
|
var _useOrderDetails = useOrderDetails(),
|
|
4732
4801
|
orderDetails = _useOrderDetails[0],
|
|
4733
4802
|
setOrderDetails = _useOrderDetails[1];
|
|
4803
|
+
var _useClientPortal = useClientPortal(),
|
|
4804
|
+
isClientPortal = _useClientPortal[0];
|
|
4805
|
+
var environment = getEnvironment();
|
|
4806
|
+
var _useAtom = jotai.useAtom(errorAtom),
|
|
4807
|
+
errors = _useAtom[0],
|
|
4808
|
+
setErrors = _useAtom[1];
|
|
4734
4809
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4810
|
+
var isInvalidOrder = orderDetails == null ? void 0 : orderDetails.invalid_order;
|
|
4811
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
4812
|
+
setIsNorthSouth = _useIsShowNorthSouth[1];
|
|
4813
|
+
var prevPostcodeRef = React.useRef(undefined);
|
|
4735
4814
|
var showCopyIcon = (orderRecipient == null ? void 0 : orderRecipient.postcode) !== undefined && (orderRecipient == null ? void 0 : orderRecipient.postcode) !== null && (orderRecipient == null || (_orderRecipient$postc = orderRecipient.postcode) == null ? void 0 : _orderRecipient$postc.length) > 0;
|
|
4815
|
+
var isDevelopmentOrStagingOrReleaseUK = environment === 'development' || environment === 'staging' || environment === 'release_uk';
|
|
4816
|
+
var isValidPostcode = function isValidPostcode(val) {
|
|
4817
|
+
if (isDevelopmentOrStagingOrReleaseUK) {
|
|
4818
|
+
return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);
|
|
4819
|
+
} else {
|
|
4820
|
+
return POSTCODE_REGEX.US.test(val);
|
|
4821
|
+
}
|
|
4822
|
+
};
|
|
4823
|
+
var showErr = function showErr() {
|
|
4824
|
+
setErrors(function (prevErrors) {
|
|
4825
|
+
return _extends({}, prevErrors, {
|
|
4826
|
+
postCodeError: 'Invalid postcode format'
|
|
4827
|
+
});
|
|
4828
|
+
});
|
|
4829
|
+
};
|
|
4830
|
+
var clearErr = function clearErr() {
|
|
4831
|
+
setErrors(function (prevErrors) {
|
|
4832
|
+
return _extends({}, prevErrors, {
|
|
4833
|
+
postCodeError: ''
|
|
4834
|
+
});
|
|
4835
|
+
});
|
|
4836
|
+
};
|
|
4837
|
+
var validatePostcode = function validatePostcode(val) {
|
|
4838
|
+
if (isValidPostcode(val)) {
|
|
4839
|
+
clearErr();
|
|
4840
|
+
} else {
|
|
4841
|
+
showErr();
|
|
4842
|
+
}
|
|
4843
|
+
};
|
|
4736
4844
|
var onChange = function onChange(e) {
|
|
4737
4845
|
var val = e.target.value;
|
|
4738
4846
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
@@ -4745,13 +4853,72 @@ function Postcode() {
|
|
|
4745
4853
|
order_recipient: updatedOrderRecipient
|
|
4746
4854
|
});
|
|
4747
4855
|
});
|
|
4856
|
+
validatePostcode(val);
|
|
4748
4857
|
};
|
|
4858
|
+
var hasError = !!isInvalidOrder;
|
|
4859
|
+
var _useAxios = dmsComponentLibrary.useAxios({
|
|
4860
|
+
endpoint: "v1/orders/customs/postcode/check/",
|
|
4861
|
+
method: 'GET'
|
|
4862
|
+
}),
|
|
4863
|
+
callCheckPostcode = _useAxios.fetchData;
|
|
4864
|
+
var callCheckPostcodeAPI = /*#__PURE__*/function () {
|
|
4865
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
4866
|
+
var response, _response$data, isNorthSouth;
|
|
4867
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
4868
|
+
while (1) switch (_context.prev = _context.next) {
|
|
4869
|
+
case 0:
|
|
4870
|
+
_context.prev = 0;
|
|
4871
|
+
_context.next = 3;
|
|
4872
|
+
return callCheckPostcode({
|
|
4873
|
+
endPointQuery: "?postcode=" + (orderRecipient == null ? void 0 : orderRecipient.postcode)
|
|
4874
|
+
});
|
|
4875
|
+
case 3:
|
|
4876
|
+
response = _context.sent;
|
|
4877
|
+
//@ts-ignore
|
|
4878
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
4879
|
+
//@ts-ignore
|
|
4880
|
+
isNorthSouth = response == null || (_response$data = response.data) == null ? void 0 : _response$data.order_customs_postcodes;
|
|
4881
|
+
setIsNorthSouth(isNorthSouth);
|
|
4882
|
+
antd.message.open({
|
|
4883
|
+
type: 'success',
|
|
4884
|
+
//@ts-ignore
|
|
4885
|
+
content: isNorthSouth ? //@ts-ignore
|
|
4886
|
+
(response == null ? void 0 : response.message) + " - Northern/Southern Ireland postcode found" :
|
|
4887
|
+
//@ts-ignore
|
|
4888
|
+
(response == null ? void 0 : response.message) || 'Success'
|
|
4889
|
+
});
|
|
4890
|
+
} else {
|
|
4891
|
+
antd.message.open({
|
|
4892
|
+
type: 'error',
|
|
4893
|
+
//@ts-ignore
|
|
4894
|
+
content: (response == null ? void 0 : response.error) || 'Something went wrong'
|
|
4895
|
+
});
|
|
4896
|
+
}
|
|
4897
|
+
_context.next = 10;
|
|
4898
|
+
break;
|
|
4899
|
+
case 7:
|
|
4900
|
+
_context.prev = 7;
|
|
4901
|
+
_context.t0 = _context["catch"](0);
|
|
4902
|
+
antd.message.open({
|
|
4903
|
+
type: 'error',
|
|
4904
|
+
content: 'Failed to check postcode. Please try again.'
|
|
4905
|
+
});
|
|
4906
|
+
case 10:
|
|
4907
|
+
case "end":
|
|
4908
|
+
return _context.stop();
|
|
4909
|
+
}
|
|
4910
|
+
}, _callee, null, [[0, 7]]);
|
|
4911
|
+
}));
|
|
4912
|
+
return function callCheckPostcodeAPI() {
|
|
4913
|
+
return _ref.apply(this, arguments);
|
|
4914
|
+
};
|
|
4915
|
+
}();
|
|
4749
4916
|
return React__default.createElement(Container$8, null, React__default.createElement(Wrapper$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4750
4917
|
label: "Postcode",
|
|
4751
4918
|
htmlFor: "postcode"
|
|
4752
4919
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
4753
4920
|
text: orderRecipient == null ? void 0 : orderRecipient.postcode
|
|
4754
|
-
})), React__default.createElement(
|
|
4921
|
+
})), React__default.createElement(InputContainer, {
|
|
4755
4922
|
name: "postcode",
|
|
4756
4923
|
type: "text",
|
|
4757
4924
|
placeholder: "Enter Postcode",
|
|
@@ -4759,12 +4926,46 @@ function Postcode() {
|
|
|
4759
4926
|
onChange: onChange,
|
|
4760
4927
|
autoComplete: "off",
|
|
4761
4928
|
style: {
|
|
4762
|
-
|
|
4763
|
-
}
|
|
4764
|
-
|
|
4929
|
+
width: '100%'
|
|
4930
|
+
},
|
|
4931
|
+
disabled: isClientPortal,
|
|
4932
|
+
hasError: hasError,
|
|
4933
|
+
onBlur: function () {
|
|
4934
|
+
var _onBlur = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
4935
|
+
var _orderRecipient$postc2;
|
|
4936
|
+
var currentPostcode;
|
|
4937
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
4938
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
4939
|
+
case 0:
|
|
4940
|
+
currentPostcode = orderRecipient == null || (_orderRecipient$postc2 = orderRecipient.postcode) == null ? void 0 : _orderRecipient$postc2.trim();
|
|
4941
|
+
if (!(currentPostcode && isValidPostcode(currentPostcode) && currentPostcode !== prevPostcodeRef.current)) {
|
|
4942
|
+
_context2.next = 4;
|
|
4943
|
+
break;
|
|
4944
|
+
}
|
|
4945
|
+
_context2.next = 4;
|
|
4946
|
+
return callCheckPostcodeAPI();
|
|
4947
|
+
case 4:
|
|
4948
|
+
prevPostcodeRef.current = currentPostcode;
|
|
4949
|
+
case 5:
|
|
4950
|
+
case "end":
|
|
4951
|
+
return _context2.stop();
|
|
4952
|
+
}
|
|
4953
|
+
}, _callee2);
|
|
4954
|
+
}));
|
|
4955
|
+
function onBlur() {
|
|
4956
|
+
return _onBlur.apply(this, arguments);
|
|
4957
|
+
}
|
|
4958
|
+
return onBlur;
|
|
4959
|
+
}()
|
|
4960
|
+
}), errors.postCodeError && React__default.createElement(ErrorText, null, errors.postCodeError));
|
|
4765
4961
|
}
|
|
4766
|
-
var
|
|
4767
|
-
var
|
|
4962
|
+
var InputContainer = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
4963
|
+
var hasError = _ref2.hasError;
|
|
4964
|
+
return hasError && styled.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n border: 1px solid rgb(253, 154, 154);\n background-color: #fff5f5;\n "])));
|
|
4965
|
+
});
|
|
4966
|
+
var ErrorText = /*#__PURE__*/styled__default.span(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4967
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4968
|
+
var Container$8 = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4768
4969
|
|
|
4769
4970
|
var _templateObject$k, _templateObject2$f;
|
|
4770
4971
|
function Latitude() {
|
|
@@ -4836,7 +5037,7 @@ function Longitude() {
|
|
|
4836
5037
|
var CustomInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$l || (_templateObject$l = /*#__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 opacity: 0.8;\n background-color: #f4f4f4;\n pointer-events: none;\n"])));
|
|
4837
5038
|
var Container$a = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4838
5039
|
|
|
4839
|
-
var _templateObject$m, _templateObject2$h, _templateObject3$
|
|
5040
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4840
5041
|
function What3words() {
|
|
4841
5042
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
4842
5043
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4910,21 +5111,21 @@ function What3words() {
|
|
|
4910
5111
|
value: (orderRecipient == null ? void 0 : orderRecipient.what_3words_address) || '',
|
|
4911
5112
|
onChange: onChange,
|
|
4912
5113
|
disabled: isClientPortal
|
|
4913
|
-
})), errors.w3wError && React__default.createElement(ErrorText, null, errors.w3wError));
|
|
5114
|
+
})), errors.w3wError && React__default.createElement(ErrorText$1, null, errors.w3wError));
|
|
4914
5115
|
}
|
|
4915
5116
|
var What3wordsPrefix = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 13px;\n left: 12px;\n"])));
|
|
4916
5117
|
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
4917
|
-
var CustomInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$
|
|
4918
|
-
var Container$b = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4919
|
-
var ErrorText = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
5118
|
+
var CustomInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$8 || (_templateObject3$8 = /*#__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"])));
|
|
5119
|
+
var Container$b = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5120
|
+
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"])));
|
|
4920
5121
|
|
|
4921
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
5122
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$9;
|
|
4922
5123
|
function LocationDetails() {
|
|
4923
5124
|
return React__default.createElement(Container$c, null, React__default.createElement(Address, null), React__default.createElement(Right, null, React__default.createElement(RightColumn$1, null, React__default.createElement(Postcode, null), React__default.createElement(What3words, null)), React__default.createElement(RightColumn$1, null, React__default.createElement(Latitude, null), React__default.createElement(Longitude, null))));
|
|
4924
5125
|
}
|
|
4925
5126
|
var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
4926
5127
|
var Right = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4927
|
-
var Container$c = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5128
|
+
var Container$c = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4928
5129
|
|
|
4929
5130
|
var _templateObject$o;
|
|
4930
5131
|
function CallCustomer() {
|
|
@@ -4932,7 +5133,7 @@ function CallCustomer() {
|
|
|
4932
5133
|
}
|
|
4933
5134
|
var Container$d = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4934
5135
|
|
|
4935
|
-
var _templateObject$p, _templateObject2$j, _templateObject3$
|
|
5136
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
4936
5137
|
function ContactHome() {
|
|
4937
5138
|
var _prevOrderDetails$ord;
|
|
4938
5139
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -4993,7 +5194,7 @@ function ContactHome() {
|
|
|
4993
5194
|
return React__default.createElement(Container$e, null, React__default.createElement(Wrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4994
5195
|
label: "Contact Home",
|
|
4995
5196
|
htmlFor: "contact-home"
|
|
4996
|
-
})), React__default.createElement(InputContainer, null, React__default.createElement(CustomInput$3, {
|
|
5197
|
+
})), React__default.createElement(InputContainer$1, null, React__default.createElement(CustomInput$3, {
|
|
4997
5198
|
name: "contact-home",
|
|
4998
5199
|
// maxLength={12}
|
|
4999
5200
|
type: "text",
|
|
@@ -5046,15 +5247,15 @@ function ContactHome() {
|
|
|
5046
5247
|
cursor: 'pointer'
|
|
5047
5248
|
}
|
|
5048
5249
|
}, React__default.createElement(CallCustomer, null)));
|
|
5049
|
-
}()), errors.homeContactError && React__default.createElement(ErrorText$
|
|
5250
|
+
}()), errors.homeContactError && React__default.createElement(ErrorText$2, null, errors.homeContactError));
|
|
5050
5251
|
}
|
|
5051
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5252
|
+
var InputContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5052
5253
|
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5053
|
-
var CustomInput$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$
|
|
5054
|
-
var Container$e = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5055
|
-
var ErrorText$
|
|
5254
|
+
var CustomInput$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$a || (_templateObject3$a = /*#__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"])));
|
|
5255
|
+
var Container$e = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5256
|
+
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"])));
|
|
5056
5257
|
|
|
5057
|
-
var _templateObject$q, _templateObject2$k, _templateObject3$
|
|
5258
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5058
5259
|
function ContactWork() {
|
|
5059
5260
|
var _prevOrderDetails$ord;
|
|
5060
5261
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -5114,7 +5315,7 @@ function ContactWork() {
|
|
|
5114
5315
|
return React__default.createElement(Container$f, null, React__default.createElement(Wrapper$7, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5115
5316
|
label: "Contact Work",
|
|
5116
5317
|
htmlFor: "contact-work"
|
|
5117
|
-
})), React__default.createElement(InputContainer$
|
|
5318
|
+
})), React__default.createElement(InputContainer$2, null, React__default.createElement(CustomInput$4, {
|
|
5118
5319
|
name: "contact-work",
|
|
5119
5320
|
type: "text",
|
|
5120
5321
|
placeholder: "Work Number",
|
|
@@ -5168,15 +5369,15 @@ function ContactWork() {
|
|
|
5168
5369
|
cursor: 'pointer'
|
|
5169
5370
|
}
|
|
5170
5371
|
}, React__default.createElement(CallCustomer, null)));
|
|
5171
|
-
}()), errors.workCOntanctError && React__default.createElement(ErrorText$
|
|
5372
|
+
}()), errors.workCOntanctError && React__default.createElement(ErrorText$3, null, errors.workCOntanctError));
|
|
5172
5373
|
}
|
|
5173
|
-
var InputContainer$
|
|
5374
|
+
var InputContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5174
5375
|
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5175
|
-
var CustomInput$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$
|
|
5176
|
-
var Container$f = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5177
|
-
var ErrorText$
|
|
5376
|
+
var CustomInput$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$b || (_templateObject3$b = /*#__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"])));
|
|
5377
|
+
var Container$f = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5378
|
+
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"])));
|
|
5178
5379
|
|
|
5179
|
-
var _templateObject$r, _templateObject2$l, _templateObject3$
|
|
5380
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$c, _templateObject4$8, _templateObject5$6;
|
|
5180
5381
|
function ContactMobile() {
|
|
5181
5382
|
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5182
5383
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -5240,7 +5441,7 @@ function ContactMobile() {
|
|
|
5240
5441
|
htmlFor: "contact-mobile"
|
|
5241
5442
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
5242
5443
|
text: orderRecipient == null ? void 0 : orderRecipient.contact_mobile
|
|
5243
|
-
})), React__default.createElement(InputContainer$
|
|
5444
|
+
})), React__default.createElement(InputContainer$3, null, React__default.createElement(CustomInput$5, {
|
|
5244
5445
|
name: "contact-mobile",
|
|
5245
5446
|
// maxLength={12}
|
|
5246
5447
|
type: "text",
|
|
@@ -5293,15 +5494,15 @@ function ContactMobile() {
|
|
|
5293
5494
|
cursor: 'pointer'
|
|
5294
5495
|
}
|
|
5295
5496
|
}, React__default.createElement(CallCustomer, null)));
|
|
5296
|
-
}()), errors.mobileError && React__default.createElement(ErrorText$
|
|
5497
|
+
}()), errors.mobileError && React__default.createElement(ErrorText$4, null, errors.mobileError));
|
|
5297
5498
|
}
|
|
5298
|
-
var InputContainer$
|
|
5499
|
+
var InputContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5299
5500
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5300
|
-
var CustomInput$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$
|
|
5301
|
-
var Container$g = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5302
|
-
var ErrorText$
|
|
5501
|
+
var CustomInput$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject3$c || (_templateObject3$c = /*#__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"])));
|
|
5502
|
+
var Container$g = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5503
|
+
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5303
5504
|
|
|
5304
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$
|
|
5505
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$d;
|
|
5305
5506
|
function ContactEmail() {
|
|
5306
5507
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5307
5508
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5342,11 +5543,11 @@ function ContactEmail() {
|
|
|
5342
5543
|
placeholder: "Email",
|
|
5343
5544
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_email) || '',
|
|
5344
5545
|
onChange: onChange
|
|
5345
|
-
}), errors.emailError && React__default.createElement(ErrorText$
|
|
5546
|
+
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
5346
5547
|
}
|
|
5347
5548
|
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5348
5549
|
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5349
|
-
var ErrorText$
|
|
5550
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5350
5551
|
|
|
5351
5552
|
var _templateObject$t, _templateObject2$n;
|
|
5352
5553
|
function ContactDetails() {
|
|
@@ -5364,7 +5565,7 @@ function CustomerSection() {
|
|
|
5364
5565
|
var FormInputs = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5365
5566
|
var CustomFormSection = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$o || (_templateObject2$o = /*#__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"])));
|
|
5366
5567
|
|
|
5367
|
-
var _templateObject$v, _templateObject2$p, _templateObject3$
|
|
5568
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$e;
|
|
5368
5569
|
function ConsignmentNumber() {
|
|
5369
5570
|
var _useOrderDetails = useOrderDetails(),
|
|
5370
5571
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5376,7 +5577,7 @@ function ConsignmentNumber() {
|
|
|
5376
5577
|
}
|
|
5377
5578
|
var Wrapper$a = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5378
5579
|
var Consignment = /*#__PURE__*/styled__default.span(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5379
|
-
var Container$j = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5580
|
+
var Container$j = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5380
5581
|
|
|
5381
5582
|
var _templateObject$w, _templateObject2$q;
|
|
5382
5583
|
function RecipientReference() {
|
|
@@ -5725,7 +5926,7 @@ function VehicleTypeDropdown() {
|
|
|
5725
5926
|
}
|
|
5726
5927
|
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5727
5928
|
|
|
5728
|
-
var _templateObject$E, _templateObject2$v, _templateObject3$
|
|
5929
|
+
var _templateObject$E, _templateObject2$v, _templateObject3$f;
|
|
5729
5930
|
function OrdersSection() {
|
|
5730
5931
|
return React__default.createElement(CustomFormSection$1, null, React__default.createElement(Header, {
|
|
5731
5932
|
label: "Order"
|
|
@@ -5733,7 +5934,7 @@ function OrdersSection() {
|
|
|
5733
5934
|
}
|
|
5734
5935
|
var GroupedInputs$1 = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5735
5936
|
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5736
|
-
var CustomFormSection$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject3$
|
|
5937
|
+
var CustomFormSection$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject3$f || (_templateObject3$f = /*#__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"])));
|
|
5737
5938
|
|
|
5738
5939
|
var _templateObject$F, _templateObject2$w;
|
|
5739
5940
|
function OrderStatusNote() {
|
|
@@ -6064,7 +6265,7 @@ var getIcon = function getIcon(input) {
|
|
|
6064
6265
|
return "" + baseURL + subPath;
|
|
6065
6266
|
};
|
|
6066
6267
|
|
|
6067
|
-
var _templateObject$O, _templateObject2$D, _templateObject3$
|
|
6268
|
+
var _templateObject$O, _templateObject2$D, _templateObject3$g;
|
|
6068
6269
|
function ServiceSlider(props) {
|
|
6069
6270
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
6070
6271
|
// event.preventDefault();
|
|
@@ -6083,7 +6284,7 @@ function ServiceSlider(props) {
|
|
|
6083
6284
|
}
|
|
6084
6285
|
var ServiceName = /*#__PURE__*/styled__default.span(_templateObject$O || (_templateObject$O = /*#__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"])));
|
|
6085
6286
|
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
6086
|
-
var Container$v = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6287
|
+
var Container$v = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
6087
6288
|
|
|
6088
6289
|
var _templateObject$P;
|
|
6089
6290
|
function OrderServices() {
|
|
@@ -6129,7 +6330,7 @@ var Container$w = /*#__PURE__*/styled__default.div(_templateObject$P || (_templa
|
|
|
6129
6330
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6130
6331
|
});
|
|
6131
6332
|
|
|
6132
|
-
var _templateObject$Q, _templateObject2$E, _templateObject3$
|
|
6333
|
+
var _templateObject$Q, _templateObject2$E, _templateObject3$h, _templateObject4$9, _templateObject5$7;
|
|
6133
6334
|
function ServicesSection() {
|
|
6134
6335
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
6135
6336
|
label: "Services"
|
|
@@ -6137,11 +6338,11 @@ function ServicesSection() {
|
|
|
6137
6338
|
}
|
|
6138
6339
|
var Top = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
6139
6340
|
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6140
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6141
|
-
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6142
|
-
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$
|
|
6341
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6342
|
+
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6343
|
+
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
|
|
6143
6344
|
|
|
6144
|
-
var _templateObject$R, _templateObject2$F, _templateObject3$
|
|
6345
|
+
var _templateObject$R, _templateObject2$F, _templateObject3$i;
|
|
6145
6346
|
function AllowTracking() {
|
|
6146
6347
|
var _useOrderDetails = useOrderDetails(),
|
|
6147
6348
|
orderDetails = _useOrderDetails[0];
|
|
@@ -6151,7 +6352,7 @@ function AllowTracking() {
|
|
|
6151
6352
|
}
|
|
6152
6353
|
var Text$3 = /*#__PURE__*/styled__default.span(_templateObject$R || (_templateObject$R = /*#__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"])));
|
|
6153
6354
|
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"])));
|
|
6154
|
-
var Container$x = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6355
|
+
var Container$x = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6155
6356
|
|
|
6156
6357
|
var _templateObject$S;
|
|
6157
6358
|
function OrderDetailsFooter() {
|
|
@@ -6210,13 +6411,45 @@ function OrderDetailsFooter() {
|
|
|
6210
6411
|
var isSame = orderDetailsSorted === prevOrderDetailsSorted;
|
|
6211
6412
|
return !isSame;
|
|
6212
6413
|
};
|
|
6414
|
+
//Northern/Southern Ireland PATCH API
|
|
6415
|
+
var _useAxios4 = dmsComponentLibrary.useAxios({
|
|
6416
|
+
endpoint: "v1/orders/update/customs_details?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
6417
|
+
method: 'PATCH'
|
|
6418
|
+
}),
|
|
6419
|
+
callCustomDetailsAPI = _useAxios4.fetchData;
|
|
6213
6420
|
var onSave = /*#__PURE__*/function () {
|
|
6214
6421
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
6215
6422
|
var _response$data;
|
|
6216
|
-
var payload, serviceKeys, _i, _serviceKeys, key, response, _response$data$, _response$data$2, alertsApiRes, orderStatusApiRes;
|
|
6423
|
+
var _orderDetails$order_c, _ref2, consignor_eori, packaging_type, consignee_country, commodity_code, country_of_origin, item_invoice_amount, procedure_code, ni_additional_information_codes, additional_procedure_code, additional_procedures, customDetailsPayload, payload, serviceKeys, _i, _serviceKeys, key, response, _response$data$, _response$data$2, alertsApiRes, orderStatusApiRes;
|
|
6217
6424
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
6218
6425
|
while (1) switch (_context.prev = _context.next) {
|
|
6219
6426
|
case 0:
|
|
6427
|
+
if (orderDetails != null && orderDetails.id) {
|
|
6428
|
+
console.log('yooooooo11111');
|
|
6429
|
+
_ref2 = (_orderDetails$order_c = orderDetails == null ? void 0 : orderDetails.order_customs_details) != null ? _orderDetails$order_c : {}, consignor_eori = _ref2.consignor_eori, packaging_type = _ref2.packaging_type, consignee_country = _ref2.consignee_country, commodity_code = _ref2.commodity_code, country_of_origin = _ref2.country_of_origin, item_invoice_amount = _ref2.item_invoice_amount, procedure_code = _ref2.procedure_code, ni_additional_information_codes = _ref2.ni_additional_information_codes, additional_procedure_code = _ref2.additional_procedure_code, additional_procedures = _ref2.additional_procedures;
|
|
6430
|
+
customDetailsPayload = {
|
|
6431
|
+
order_id: orderDetails == null ? void 0 : orderDetails.id,
|
|
6432
|
+
consignor_eori: consignor_eori,
|
|
6433
|
+
packaging_type: packaging_type,
|
|
6434
|
+
consignee_country: consignee_country,
|
|
6435
|
+
commodity_code: commodity_code,
|
|
6436
|
+
country_of_origin: country_of_origin,
|
|
6437
|
+
item_invoice_amount: item_invoice_amount,
|
|
6438
|
+
procedure_code: procedure_code,
|
|
6439
|
+
ni_additional_information_codes: ni_additional_information_codes,
|
|
6440
|
+
additional_procedure_code: additional_procedure_code,
|
|
6441
|
+
additional_procedures: additional_procedures
|
|
6442
|
+
}; // remove null/undefined values
|
|
6443
|
+
customDetailsPayload = Object.fromEntries(Object.entries(customDetailsPayload).filter(function (_ref3) {
|
|
6444
|
+
var value = _ref3[1];
|
|
6445
|
+
return value !== null && value !== undefined;
|
|
6446
|
+
}));
|
|
6447
|
+
// northern/southern details API
|
|
6448
|
+
callCustomDetailsAPI({
|
|
6449
|
+
payload: customDetailsPayload
|
|
6450
|
+
});
|
|
6451
|
+
}
|
|
6452
|
+
console.log('yoooooooooo');
|
|
6220
6453
|
setRecallAuditLog(false);
|
|
6221
6454
|
setRecallOrders(false);
|
|
6222
6455
|
setRecalling(false);
|
|
@@ -6233,11 +6466,14 @@ function OrderDetailsFooter() {
|
|
|
6233
6466
|
if ((payload == null ? void 0 : payload.assemble) === false && (payload == null ? void 0 : payload.disassemble) === false) {
|
|
6234
6467
|
payload.assembly_type = null;
|
|
6235
6468
|
}
|
|
6236
|
-
|
|
6469
|
+
console.log('final payload for update--->', [payload]);
|
|
6470
|
+
_context.next = 12;
|
|
6237
6471
|
return callUpdateOrderAPI({
|
|
6238
|
-
payload: [payload
|
|
6472
|
+
payload: [_extends({}, payload, {
|
|
6473
|
+
id: orderDetails == null ? void 0 : orderDetails.id
|
|
6474
|
+
})]
|
|
6239
6475
|
});
|
|
6240
|
-
case
|
|
6476
|
+
case 12:
|
|
6241
6477
|
response = _context.sent;
|
|
6242
6478
|
// const response = await updateOrder([payload]);
|
|
6243
6479
|
setRecallOrders(true);
|
|
@@ -6256,21 +6492,21 @@ function OrderDetailsFooter() {
|
|
|
6256
6492
|
} else {
|
|
6257
6493
|
setOrderDetails(prevOrderDetails);
|
|
6258
6494
|
}
|
|
6259
|
-
_context.next =
|
|
6495
|
+
_context.next = 17;
|
|
6260
6496
|
return callOrderAlertsApi();
|
|
6261
|
-
case
|
|
6497
|
+
case 17:
|
|
6262
6498
|
alertsApiRes = _context.sent;
|
|
6263
6499
|
if ((alertsApiRes == null ? void 0 : alertsApiRes.code) === 200 && alertsApiRes != null && alertsApiRes.data) {
|
|
6264
6500
|
setOrderAlertsData(alertsApiRes == null ? void 0 : alertsApiRes.data);
|
|
6265
6501
|
}
|
|
6266
|
-
_context.next =
|
|
6502
|
+
_context.next = 21;
|
|
6267
6503
|
return callOrderStatusApi();
|
|
6268
|
-
case
|
|
6504
|
+
case 21:
|
|
6269
6505
|
orderStatusApiRes = _context.sent;
|
|
6270
6506
|
if ((orderStatusApiRes == null ? void 0 : orderStatusApiRes.code) === 200 && orderStatusApiRes != null && orderStatusApiRes.data) {
|
|
6271
6507
|
setOrderStatus(orderStatusApiRes == null ? void 0 : orderStatusApiRes.data);
|
|
6272
6508
|
}
|
|
6273
|
-
case
|
|
6509
|
+
case 23:
|
|
6274
6510
|
case "end":
|
|
6275
6511
|
return _context.stop();
|
|
6276
6512
|
}
|
|
@@ -6288,11 +6524,118 @@ function OrderDetailsFooter() {
|
|
|
6288
6524
|
}
|
|
6289
6525
|
var Container$y = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__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"])));
|
|
6290
6526
|
|
|
6291
|
-
var _templateObject$T, _templateObject2$G
|
|
6527
|
+
var _templateObject$T, _templateObject2$G;
|
|
6528
|
+
var CustomInput$7 = function CustomInput(_ref) {
|
|
6529
|
+
var label = _ref.label,
|
|
6530
|
+
name = _ref.name,
|
|
6531
|
+
_ref$type = _ref.type,
|
|
6532
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
6533
|
+
placeholder = _ref.placeholder,
|
|
6534
|
+
value = _ref.value,
|
|
6535
|
+
onChange = _ref.onChange,
|
|
6536
|
+
onBlur = _ref.onBlur,
|
|
6537
|
+
onKeyDown = _ref.onKeyDown,
|
|
6538
|
+
minLength = _ref.minLength,
|
|
6539
|
+
_ref$direction = _ref.direction,
|
|
6540
|
+
direction = _ref$direction === void 0 ? 'column' : _ref$direction,
|
|
6541
|
+
maxLength = _ref.maxLength,
|
|
6542
|
+
disabled = _ref.disabled;
|
|
6543
|
+
return React__default.createElement(Container$z, {
|
|
6544
|
+
direction: direction
|
|
6545
|
+
}, label && React__default.createElement(dmsComponentLibrary.Label, {
|
|
6546
|
+
label: label,
|
|
6547
|
+
htmlFor: name
|
|
6548
|
+
}), React__default.createElement(StyledInput, {
|
|
6549
|
+
id: name,
|
|
6550
|
+
name: name,
|
|
6551
|
+
type: type,
|
|
6552
|
+
placeholder: placeholder,
|
|
6553
|
+
value: value,
|
|
6554
|
+
onChange: onChange,
|
|
6555
|
+
onBlur: onBlur,
|
|
6556
|
+
onKeyDown: onKeyDown,
|
|
6557
|
+
minLength: minLength,
|
|
6558
|
+
maxLength: maxLength,
|
|
6559
|
+
disabled: disabled
|
|
6560
|
+
}));
|
|
6561
|
+
};
|
|
6562
|
+
// ---------------- styled ----------------
|
|
6563
|
+
var StyledInput = /*#__PURE__*/styled__default.input(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px 12px;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 14px;\n outline: none;\n width: 100%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])));
|
|
6564
|
+
var Container$z = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n align-items: ", ";\n gap: 6px;\n flex: 1;\n"])), function (_ref2) {
|
|
6565
|
+
var direction = _ref2.direction;
|
|
6566
|
+
return direction;
|
|
6567
|
+
}, function (_ref3) {
|
|
6568
|
+
var direction = _ref3.direction;
|
|
6569
|
+
return direction === 'row' ? 'center' : 'flex-start';
|
|
6570
|
+
});
|
|
6571
|
+
|
|
6572
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$j;
|
|
6573
|
+
var NorthernSouthernInfoView = function NorthernSouthernInfoView() {
|
|
6574
|
+
var _orderDetails$order_c, _orderDetails$order_c2, _orderDetails$order_c3, _orderDetails$order_c4;
|
|
6575
|
+
var _useOrderDetails = useOrderDetails(),
|
|
6576
|
+
orderDetails = _useOrderDetails[0],
|
|
6577
|
+
setOrderDetails = _useOrderDetails[1];
|
|
6578
|
+
var handleChange = function handleChange(key, value) {
|
|
6579
|
+
setOrderDetails(function (prev) {
|
|
6580
|
+
var _extends2;
|
|
6581
|
+
return _extends({}, prev, {
|
|
6582
|
+
order_customs_details: _extends({}, prev.order_customs_details, (_extends2 = {}, _extends2[key] = value, _extends2))
|
|
6583
|
+
});
|
|
6584
|
+
});
|
|
6585
|
+
};
|
|
6586
|
+
return React__default.createElement(CustomFormSection$4, null, React__default.createElement(Header, {
|
|
6587
|
+
label: "Northern/Southern Ireland"
|
|
6588
|
+
}), React__default.createElement(FormInputs$3, null, React__default.createElement(GroupedInputs$2, null, React__default.createElement(CustomInput$7, {
|
|
6589
|
+
label: "Consignee Country",
|
|
6590
|
+
type: "text",
|
|
6591
|
+
placeholder: "Enter Consignee Country",
|
|
6592
|
+
value: orderDetails == null || (_orderDetails$order_c = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c.consignee_country,
|
|
6593
|
+
onChange: function onChange(e) {
|
|
6594
|
+
return handleChange('consignee_country', e.target.value);
|
|
6595
|
+
}
|
|
6596
|
+
})), React__default.createElement(GroupedInputs$2, null, React__default.createElement(CustomInput$7, {
|
|
6597
|
+
label: "Procedure Code",
|
|
6598
|
+
type: "text",
|
|
6599
|
+
placeholder: "Enter Procedure Code",
|
|
6600
|
+
value: orderDetails == null || (_orderDetails$order_c2 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c2.procedure_code,
|
|
6601
|
+
onChange: function onChange(e) {
|
|
6602
|
+
return handleChange('procedure_code', e.target.value);
|
|
6603
|
+
}
|
|
6604
|
+
})), React__default.createElement(GroupedInputs$2, null, React__default.createElement(CustomInput$7, {
|
|
6605
|
+
label: "Additional Procedure Code",
|
|
6606
|
+
type: "text",
|
|
6607
|
+
placeholder: "Enter Add. Procedure Code",
|
|
6608
|
+
value: orderDetails == null || (_orderDetails$order_c3 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c3.additional_procedure_code,
|
|
6609
|
+
onChange: function onChange(e) {
|
|
6610
|
+
return handleChange('additional_procedure_code', e.target.value);
|
|
6611
|
+
}
|
|
6612
|
+
})), React__default.createElement(CustomInput$7, {
|
|
6613
|
+
label: "Additional Procedures",
|
|
6614
|
+
name: "additional-procedures",
|
|
6615
|
+
type: "text",
|
|
6616
|
+
placeholder: "Enter Additional Procedures",
|
|
6617
|
+
value: orderDetails == null || (_orderDetails$order_c4 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c4.additional_procedures,
|
|
6618
|
+
onChange: function onChange(e) {
|
|
6619
|
+
return handleChange('additional_procedures', e.target.value);
|
|
6620
|
+
}
|
|
6621
|
+
})));
|
|
6622
|
+
};
|
|
6623
|
+
var FormInputs$3 = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 25px;\n flex: 1;\n"])));
|
|
6624
|
+
var CustomFormSection$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 15px;\n"])));
|
|
6625
|
+
var GroupedInputs$2 = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n white-space: nowrap;\n"])));
|
|
6626
|
+
|
|
6627
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$k, _templateObject4$a;
|
|
6292
6628
|
function ExpandedContent(_ref) {
|
|
6293
6629
|
var orderLoading = _ref.orderLoading,
|
|
6294
6630
|
depotDataLoading = _ref.depotDataLoading;
|
|
6295
|
-
|
|
6631
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
6632
|
+
isNorthSouth = _useIsShowNorthSouth[0];
|
|
6633
|
+
var _useOrderDetails = useOrderDetails(),
|
|
6634
|
+
orderDetails = _useOrderDetails[0];
|
|
6635
|
+
React.useEffect(function () {
|
|
6636
|
+
console.log('north sourthsalhdjas', isNorthSouth);
|
|
6637
|
+
}, [isNorthSouth]);
|
|
6638
|
+
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$5, null, React__default.createElement(antd.Skeleton, {
|
|
6296
6639
|
paragraph: {
|
|
6297
6640
|
rows: 4
|
|
6298
6641
|
}
|
|
@@ -6300,10 +6643,10 @@ function ExpandedContent(_ref) {
|
|
|
6300
6643
|
paragraph: {
|
|
6301
6644
|
rows: 4
|
|
6302
6645
|
}
|
|
6303
|
-
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
6646
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$A, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null), (isNorthSouth === true || (orderDetails == null ? void 0 : orderDetails.show_customs_details) && isNorthSouth !== false) && React__default.createElement(NorthernSouthernInfoView, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null))));
|
|
6304
6647
|
}
|
|
6305
|
-
var HalfWidth = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6306
|
-
var Container$
|
|
6648
|
+
var HalfWidth = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__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"])));
|
|
6649
|
+
var Container$A = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
|
|
6307
6650
|
// const InstructionContainer = styled.div`
|
|
6308
6651
|
// display: flex;
|
|
6309
6652
|
// justify-content: center;
|
|
@@ -6317,8 +6660,8 @@ var Container$z = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templ
|
|
|
6317
6660
|
// -ms-user-select: none;
|
|
6318
6661
|
// user-select: none;
|
|
6319
6662
|
// `;
|
|
6320
|
-
var MainContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6321
|
-
var CustomFormSection$
|
|
6663
|
+
var MainContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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"])));
|
|
6664
|
+
var CustomFormSection$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject4$a || (_templateObject4$a = /*#__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"])));
|
|
6322
6665
|
|
|
6323
6666
|
function OrderDetails$1(_ref) {
|
|
6324
6667
|
var orderLoading = _ref.orderLoading,
|
|
@@ -6355,7 +6698,7 @@ function OrderDetails$1(_ref) {
|
|
|
6355
6698
|
}));
|
|
6356
6699
|
}
|
|
6357
6700
|
|
|
6358
|
-
var _templateObject$
|
|
6701
|
+
var _templateObject$W;
|
|
6359
6702
|
function NoteType() {
|
|
6360
6703
|
var _useVisibilityData = useVisibilityData(),
|
|
6361
6704
|
visibilityData = _useVisibilityData[0];
|
|
@@ -6381,7 +6724,7 @@ function NoteType() {
|
|
|
6381
6724
|
setSelected(selectedOption.value);
|
|
6382
6725
|
}
|
|
6383
6726
|
};
|
|
6384
|
-
return React__default.createElement(Container$
|
|
6727
|
+
return React__default.createElement(Container$B, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
6385
6728
|
selectedValue: selected,
|
|
6386
6729
|
heading: "",
|
|
6387
6730
|
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
@@ -6394,9 +6737,9 @@ function NoteType() {
|
|
|
6394
6737
|
required: false
|
|
6395
6738
|
}));
|
|
6396
6739
|
}
|
|
6397
|
-
var Container$
|
|
6740
|
+
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"])));
|
|
6398
6741
|
|
|
6399
|
-
var _templateObject$
|
|
6742
|
+
var _templateObject$X, _templateObject2$J, _templateObject3$l, _templateObject4$b;
|
|
6400
6743
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6401
6744
|
function AddNote() {
|
|
6402
6745
|
var _useState = React.useState(template),
|
|
@@ -6541,7 +6884,7 @@ function AddNote() {
|
|
|
6541
6884
|
var handleChange = function handleChange(e) {
|
|
6542
6885
|
setNoteText(e.target.value);
|
|
6543
6886
|
};
|
|
6544
|
-
return React__default.createElement(Container$
|
|
6887
|
+
return React__default.createElement(Container$C, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6545
6888
|
label: "Add New Note",
|
|
6546
6889
|
required: true,
|
|
6547
6890
|
style: {
|
|
@@ -6563,10 +6906,10 @@ function AddNote() {
|
|
|
6563
6906
|
onClick: saveNote
|
|
6564
6907
|
}, "SAVE NOTE"), !isClientPortal && React__default.createElement(NoteType, null)));
|
|
6565
6908
|
}
|
|
6566
|
-
var Container$
|
|
6567
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6568
|
-
var StyledTextArea = /*#__PURE__*/styled__default.textarea(_templateObject3$
|
|
6569
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$
|
|
6909
|
+
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6910
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6911
|
+
var StyledTextArea = /*#__PURE__*/styled__default.textarea(_templateObject3$l || (_templateObject3$l = /*#__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"])));
|
|
6912
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6570
6913
|
|
|
6571
6914
|
var NotesTableData = [{
|
|
6572
6915
|
tableHead: [{
|
|
@@ -6581,7 +6924,7 @@ var NotesTableData = [{
|
|
|
6581
6924
|
tableBody: []
|
|
6582
6925
|
}];
|
|
6583
6926
|
|
|
6584
|
-
var _templateObject$
|
|
6927
|
+
var _templateObject$Y, _templateObject2$K;
|
|
6585
6928
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
6586
6929
|
var _NotesTableData$;
|
|
6587
6930
|
var tableHeadData = (_NotesTableData$ = NotesTableData[0]) == null ? void 0 : _NotesTableData$.tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -6617,16 +6960,16 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6617
6960
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
6618
6961
|
}, "No data found"))))));
|
|
6619
6962
|
};
|
|
6620
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6621
|
-
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6963
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6964
|
+
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n border-bottom: 1px solid #efe8e8;\n word-break: break-word;\n vertical-align: top;\n\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n .notesIcon {\n display: flex;\n align-items: center;\n gap: 5px;\n\n .datetime {\n min-width: 155px;\n }\n }\n }\n }\n }\n"])));
|
|
6622
6965
|
|
|
6623
|
-
var _templateObject$
|
|
6966
|
+
var _templateObject$Z;
|
|
6624
6967
|
function AuditLogs() {
|
|
6625
|
-
return React__default.createElement(Container$
|
|
6968
|
+
return React__default.createElement(Container$D, null, React__default.createElement(GenericAuditLogsTable, null));
|
|
6626
6969
|
}
|
|
6627
|
-
var Container$
|
|
6970
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 500px;\n min-height: 200px;\n max-height: 500px;\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6628
6971
|
|
|
6629
|
-
var _templateObject$
|
|
6972
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$m, _templateObject4$c;
|
|
6630
6973
|
// import { useLocation } from 'react-router-dom';
|
|
6631
6974
|
function Notes() {
|
|
6632
6975
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6702,21 +7045,21 @@ function Notes() {
|
|
|
6702
7045
|
setAuditLogs(false);
|
|
6703
7046
|
}, 1000);
|
|
6704
7047
|
};
|
|
6705
|
-
return React__default.createElement(Container$
|
|
7048
|
+
return React__default.createElement(Container$E, null, React__default.createElement(CardHeader, null, "NOTES", React__default.createElement(SmallButton, {
|
|
6706
7049
|
onClick: handleGetLogs
|
|
6707
7050
|
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
6708
7051
|
}
|
|
6709
|
-
var Container$
|
|
6710
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6711
|
-
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6712
|
-
var SmallButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
7052
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
7053
|
+
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7054
|
+
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__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"])));
|
|
7055
|
+
var SmallButton = /*#__PURE__*/styled__default.button(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
6713
7056
|
|
|
6714
|
-
var _templateObject
|
|
7057
|
+
var _templateObject$$;
|
|
6715
7058
|
// import styled from 'styled-components';
|
|
6716
7059
|
function SystemCollapsedContent() {
|
|
6717
7060
|
return React__default.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
6718
7061
|
}
|
|
6719
|
-
var Font = /*#__PURE__*/styled__default.div(_templateObject
|
|
7062
|
+
var Font = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
6720
7063
|
|
|
6721
7064
|
function ChevronUp(props) {
|
|
6722
7065
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -6734,12 +7077,12 @@ function ChevronUp(props) {
|
|
|
6734
7077
|
}));
|
|
6735
7078
|
}
|
|
6736
7079
|
|
|
6737
|
-
var _templateObject$
|
|
7080
|
+
var _templateObject$10, _templateObject2$M, _templateObject3$n, _templateObject4$d, _templateObject5$8, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6738
7081
|
function CollapsableForm(props) {
|
|
6739
7082
|
var _useState = React.useState(true),
|
|
6740
7083
|
isExpanded = _useState[0],
|
|
6741
7084
|
setIsExpanded = _useState[1];
|
|
6742
|
-
return React__default.createElement(MainContainer$3, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$
|
|
7085
|
+
return React__default.createElement(MainContainer$3, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$F, null, React__default.createElement(Text$4, {
|
|
6743
7086
|
onClick: function onClick() {
|
|
6744
7087
|
return setIsExpanded(function (prev) {
|
|
6745
7088
|
return !prev;
|
|
@@ -6754,18 +7097,18 @@ function CollapsableForm(props) {
|
|
|
6754
7097
|
isExpanded: isExpanded
|
|
6755
7098
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
6756
7099
|
}
|
|
6757
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6758
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6759
|
-
var Text$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
6760
|
-
var Container$
|
|
6761
|
-
var MainContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7100
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__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"])));
|
|
7101
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
7102
|
+
var Text$4 = /*#__PURE__*/styled__default.span(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
7103
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
7104
|
+
var MainContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6762
7105
|
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) {
|
|
6763
7106
|
return props.isExpanded ? '360deg' : '180deg';
|
|
6764
7107
|
});
|
|
6765
7108
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6766
7109
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
6767
7110
|
|
|
6768
|
-
var _templateObject
|
|
7111
|
+
var _templateObject$11, _templateObject2$N, _templateObject3$o;
|
|
6769
7112
|
function CustomScrollBar(props) {
|
|
6770
7113
|
var children = props.children,
|
|
6771
7114
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -6783,11 +7126,11 @@ function CustomScrollBar(props) {
|
|
|
6783
7126
|
}
|
|
6784
7127
|
}, children);
|
|
6785
7128
|
}
|
|
6786
|
-
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject
|
|
6787
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6788
|
-
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7129
|
+
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
7130
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
7131
|
+
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6789
7132
|
|
|
6790
|
-
var _templateObject$
|
|
7133
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$p, _templateObject4$e, _templateObject5$9, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6791
7134
|
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
6792
7135
|
function DynamicTable(_ref, props) {
|
|
6793
7136
|
var columns = _ref.columns,
|
|
@@ -6816,7 +7159,7 @@ function DynamicTable(_ref, props) {
|
|
|
6816
7159
|
var noFlexColumns = ['id'];
|
|
6817
7160
|
console.log(rows, '<===========rows');
|
|
6818
7161
|
console.log(props, 'props');
|
|
6819
|
-
return React__default.createElement(MainContainer$4, null, React__default.createElement(Container$
|
|
7162
|
+
return React__default.createElement(MainContainer$4, null, React__default.createElement(Container$G, 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) {
|
|
6820
7163
|
return React__default.createElement(TableRow, {
|
|
6821
7164
|
key: headerGroup.id
|
|
6822
7165
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -6850,17 +7193,17 @@ function DynamicTable(_ref, props) {
|
|
|
6850
7193
|
}));
|
|
6851
7194
|
})))))));
|
|
6852
7195
|
}
|
|
6853
|
-
var Container$
|
|
6854
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6855
|
-
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$
|
|
6856
|
-
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$
|
|
6857
|
-
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$
|
|
7196
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
7197
|
+
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
7198
|
+
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$p || (_templateObject3$p = /*#__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"])));
|
|
7199
|
+
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
7200
|
+
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
6858
7201
|
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"])));
|
|
6859
7202
|
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"])));
|
|
6860
7203
|
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"])));
|
|
6861
7204
|
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"])));
|
|
6862
7205
|
|
|
6863
|
-
var _templateObject$
|
|
7206
|
+
var _templateObject$13, _templateObject2$P;
|
|
6864
7207
|
// import { useEventNotesData } from '../../store';
|
|
6865
7208
|
function Event(props) {
|
|
6866
7209
|
var _props$row;
|
|
@@ -6873,28 +7216,28 @@ function Event(props) {
|
|
|
6873
7216
|
// };
|
|
6874
7217
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, data));
|
|
6875
7218
|
}
|
|
6876
|
-
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6877
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7219
|
+
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7220
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6878
7221
|
|
|
6879
|
-
var _templateObject$
|
|
7222
|
+
var _templateObject$14, _templateObject2$Q;
|
|
6880
7223
|
function Date$1(props) {
|
|
6881
7224
|
var _props$row;
|
|
6882
7225
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6883
7226
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, dmsComponentLibrary.formatUtcToLocal(data).date + " @ " + dmsComponentLibrary.formatUtcToLocal(data).time));
|
|
6884
7227
|
}
|
|
6885
|
-
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6886
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7228
|
+
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7229
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6887
7230
|
|
|
6888
|
-
var _templateObject$
|
|
7231
|
+
var _templateObject$15, _templateObject2$R;
|
|
6889
7232
|
function Code(props) {
|
|
6890
7233
|
var _props$row;
|
|
6891
7234
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6892
7235
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6893
7236
|
}
|
|
6894
|
-
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6895
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7237
|
+
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7238
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6896
7239
|
|
|
6897
|
-
var _templateObject$
|
|
7240
|
+
var _templateObject$16, _templateObject2$S;
|
|
6898
7241
|
function Note(props) {
|
|
6899
7242
|
var _props$row;
|
|
6900
7243
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6906,8 +7249,8 @@ function Note(props) {
|
|
|
6906
7249
|
}
|
|
6907
7250
|
}));
|
|
6908
7251
|
}
|
|
6909
|
-
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6910
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7252
|
+
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
7253
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6911
7254
|
|
|
6912
7255
|
var tableColumns = [{
|
|
6913
7256
|
header: 'Date',
|
|
@@ -6931,7 +7274,7 @@ var tableColumns = [{
|
|
|
6931
7274
|
enableSorting: false
|
|
6932
7275
|
}];
|
|
6933
7276
|
|
|
6934
|
-
var _templateObject$
|
|
7277
|
+
var _templateObject$17;
|
|
6935
7278
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6936
7279
|
// import { ApiResponse } from '../../types';
|
|
6937
7280
|
function SystemLogs(_ref) {
|
|
@@ -6967,7 +7310,7 @@ function SystemLogs(_ref) {
|
|
|
6967
7310
|
loading: loading
|
|
6968
7311
|
})));
|
|
6969
7312
|
}
|
|
6970
|
-
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7313
|
+
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6971
7314
|
|
|
6972
7315
|
var StatusOptions = [{
|
|
6973
7316
|
label: 'Released',
|
|
@@ -7124,12 +7467,12 @@ function Divider() {
|
|
|
7124
7467
|
}));
|
|
7125
7468
|
}
|
|
7126
7469
|
|
|
7127
|
-
var _templateObject$
|
|
7470
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$q, _templateObject4$f, _templateObject5$a, _templateObject6$3, _templateObject7$5;
|
|
7128
7471
|
function Status(_ref) {
|
|
7129
7472
|
var statusDataLoading = _ref.statusDataLoading;
|
|
7130
7473
|
var _useStatusDetails = useStatusDetails(),
|
|
7131
7474
|
orderStatus = _useStatusDetails[0];
|
|
7132
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
7475
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$H, 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) {
|
|
7133
7476
|
return React__default.createElement(React__default.Fragment, {
|
|
7134
7477
|
key: index
|
|
7135
7478
|
}, 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));
|
|
@@ -7203,15 +7546,15 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
7203
7546
|
// padding: 8px 0;
|
|
7204
7547
|
// gap: 12px;
|
|
7205
7548
|
// `;
|
|
7206
|
-
var StatusBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7207
|
-
var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7208
|
-
var SkeletonDivider = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7209
|
-
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7210
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7211
|
-
var Container$
|
|
7549
|
+
var StatusBox = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background: #fcfcfc;\n border: 1px solid #eee;\n border-radius: 20px;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: 5px;\n width: -webkit-fill-available;\n"])));
|
|
7550
|
+
var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7551
|
+
var SkeletonDivider = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 12px;\n height: 2px;\n background-color: #e0e0e0;\n margin: 0 4px;\n border-radius: 2px;\n"])));
|
|
7552
|
+
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
7553
|
+
var Heading = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__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"])));
|
|
7554
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7212
7555
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
7213
7556
|
|
|
7214
|
-
var _templateObject$
|
|
7557
|
+
var _templateObject$19;
|
|
7215
7558
|
// import DropDownOptions from './dropdowns';
|
|
7216
7559
|
function GeneralHeader(_ref) {
|
|
7217
7560
|
var statusDataLoading = _ref.statusDataLoading;
|
|
@@ -7219,7 +7562,7 @@ function GeneralHeader(_ref) {
|
|
|
7219
7562
|
statusDataLoading: statusDataLoading
|
|
7220
7563
|
}));
|
|
7221
7564
|
}
|
|
7222
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7565
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7223
7566
|
|
|
7224
7567
|
var ActionIcon = function ActionIcon() {
|
|
7225
7568
|
return React__default.createElement("svg", {
|
|
@@ -7238,22 +7581,22 @@ var ActionIcon = function ActionIcon() {
|
|
|
7238
7581
|
}));
|
|
7239
7582
|
};
|
|
7240
7583
|
|
|
7241
|
-
var _templateObject$
|
|
7584
|
+
var _templateObject$1a;
|
|
7242
7585
|
function BackgroundModal(props) {
|
|
7243
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
7586
|
+
return reactDom.createPortal(React__default.createElement(Container$I, Object.assign({}, props), props.children), document.body);
|
|
7244
7587
|
}
|
|
7245
|
-
var Container$
|
|
7588
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__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"])));
|
|
7246
7589
|
|
|
7247
|
-
var _templateObject$
|
|
7590
|
+
var _templateObject$1b, _templateObject2$U, _templateObject3$r, _templateObject4$g;
|
|
7248
7591
|
function AdditionalInformation(props) {
|
|
7249
|
-
return React__default.createElement(Container$
|
|
7592
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
7250
7593
|
}
|
|
7251
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
7252
|
-
var Container$
|
|
7253
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7254
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7594
|
+
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$1b || (_templateObject$1b = /*#__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"])));
|
|
7595
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7596
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7597
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__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"])));
|
|
7255
7598
|
|
|
7256
|
-
var _templateObject$
|
|
7599
|
+
var _templateObject$1c, _templateObject2$V, _templateObject3$s, _templateObject4$h;
|
|
7257
7600
|
function OrderActionHeader(props) {
|
|
7258
7601
|
var title = props.title,
|
|
7259
7602
|
actions = props.actions,
|
|
@@ -7262,31 +7605,31 @@ function OrderActionHeader(props) {
|
|
|
7262
7605
|
_props$infoText = props.infoText,
|
|
7263
7606
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7264
7607
|
onClose = props.onClose;
|
|
7265
|
-
return React__default.createElement(Container$
|
|
7608
|
+
return React__default.createElement(Container$K, null, React__default.createElement(Wrapper$d, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
7266
7609
|
info: infoText
|
|
7267
7610
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
7268
7611
|
onClick: onClose
|
|
7269
7612
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
7270
7613
|
}
|
|
7271
|
-
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7272
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7273
|
-
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$
|
|
7274
|
-
var Container$
|
|
7614
|
+
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7615
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7616
|
+
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
7617
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__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"])));
|
|
7275
7618
|
|
|
7276
|
-
var _templateObject$
|
|
7619
|
+
var _templateObject$1d, _templateObject2$W;
|
|
7277
7620
|
function OrderActionFooter(props) {
|
|
7278
7621
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7279
|
-
return React__default.createElement(Container$
|
|
7622
|
+
return React__default.createElement(Container$L, null, React__default.createElement(SubmitButton, {
|
|
7280
7623
|
shape: "rounded",
|
|
7281
7624
|
colors: "primary",
|
|
7282
7625
|
onClick: props.onSubmit,
|
|
7283
7626
|
disabled: isSubmitDisabled
|
|
7284
7627
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7285
7628
|
}
|
|
7286
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
7287
|
-
var Container$
|
|
7629
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7630
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__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"])));
|
|
7288
7631
|
|
|
7289
|
-
var _templateObject$
|
|
7632
|
+
var _templateObject$1e;
|
|
7290
7633
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7291
7634
|
function OrderActionModal(_ref) {
|
|
7292
7635
|
var _ref$minWidth = _ref.minWidth,
|
|
@@ -7311,7 +7654,7 @@ function OrderActionModal(_ref) {
|
|
|
7311
7654
|
})));
|
|
7312
7655
|
}
|
|
7313
7656
|
// Styled component with dynamic min-width
|
|
7314
|
-
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7657
|
+
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__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) {
|
|
7315
7658
|
var maxWidth = _ref2.maxWidth;
|
|
7316
7659
|
return maxWidth;
|
|
7317
7660
|
}, function (_ref3) {
|
|
@@ -7319,7 +7662,7 @@ var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_t
|
|
|
7319
7662
|
return minWidth;
|
|
7320
7663
|
});
|
|
7321
7664
|
|
|
7322
|
-
var _templateObject$
|
|
7665
|
+
var _templateObject$1f, _templateObject2$X, _templateObject3$t, _templateObject9$2;
|
|
7323
7666
|
function ChargeLog() {
|
|
7324
7667
|
var _fetchedData$data, _fetchedData$data2;
|
|
7325
7668
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7390,12 +7733,12 @@ function ChargeLog() {
|
|
|
7390
7733
|
})))));
|
|
7391
7734
|
}
|
|
7392
7735
|
// Styled components
|
|
7393
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7394
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
7395
|
-
var EmptyDataContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7736
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n width: 100%;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7737
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n .linkHover {\n cursor: pointer;\n }\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7738
|
+
var EmptyDataContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7396
7739
|
var Value = /*#__PURE__*/styled__default.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7397
7740
|
|
|
7398
|
-
var _templateObject$
|
|
7741
|
+
var _templateObject$1g, _templateObject2$Y;
|
|
7399
7742
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
7400
7743
|
var _useSelectedProducts = useSelectedProducts(),
|
|
7401
7744
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7413,6 +7756,8 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7413
7756
|
orderId = _useOrderId[0];
|
|
7414
7757
|
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
7415
7758
|
returnOrderData = _useNewReturnOrderDat[0];
|
|
7759
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
7760
|
+
isNorthSouth = _useIsShowNorthSouth[0];
|
|
7416
7761
|
// const handleActionClick = (id: number) => {
|
|
7417
7762
|
// setSelectedRowId(id);
|
|
7418
7763
|
// };
|
|
@@ -7533,8 +7878,11 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7533
7878
|
}))) : (productData == null ? void 0 : productData.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7534
7879
|
colSpan: 14
|
|
7535
7880
|
}, React__default.createElement(EmptyDataContainer$2, null, React__default.createElement(antd.Empty, null)))) : productData == null ? void 0 : productData.map(function (product) {
|
|
7536
|
-
|
|
7881
|
+
var _product$product_cust, _product$product_cust2, _product$product_cust3, _product$product_cust4;
|
|
7882
|
+
return React__default.createElement(React__default.Fragment, {
|
|
7537
7883
|
key: product.id
|
|
7884
|
+
}, React__default.createElement("tr", {
|
|
7885
|
+
className: "product-row"
|
|
7538
7886
|
}, React__default.createElement("td", null, React__default.createElement(StyleCheckbox, {
|
|
7539
7887
|
checked: selectedProducts == null ? void 0 : selectedProducts.includes(product == null ? void 0 : product.id),
|
|
7540
7888
|
onChange: function onChange() {
|
|
@@ -7549,8 +7897,7 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7549
7897
|
}, React__default.createElement("li", {
|
|
7550
7898
|
style: {
|
|
7551
7899
|
color: '#0099ff',
|
|
7552
|
-
fontWeight: 600
|
|
7553
|
-
paddingLeft: 0
|
|
7900
|
+
fontWeight: 600
|
|
7554
7901
|
}
|
|
7555
7902
|
}, React__default.createElement(reactRouterDom.NavLink, {
|
|
7556
7903
|
to: "/orders/view/" + (product == null ? void 0 : product.order_id)
|
|
@@ -7560,27 +7907,64 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7560
7907
|
}
|
|
7561
7908
|
}, dmsComponentLibrary.displayValueOrNA(product == null ? void 0 : product.postcode)))), React__default.createElement("td", null, product == null ? void 0 : product.code), React__default.createElement("td", null, product == null ? void 0 : product.description), React__default.createElement("td", null, product == null ? void 0 : product.return_reason), React__default.createElement("td", null, product == null ? void 0 : product.part), React__default.createElement("td", null, React__default.createElement("div", {
|
|
7562
7909
|
onClick: function onClick() {
|
|
7563
|
-
deleteProduct(product == null ? void 0 : product.id);
|
|
7910
|
+
return deleteProduct(product == null ? void 0 : product.id);
|
|
7564
7911
|
},
|
|
7565
7912
|
style: {
|
|
7566
7913
|
cursor: 'pointer'
|
|
7567
7914
|
}
|
|
7568
|
-
}, React__default.createElement(ActionIcon, null))))
|
|
7915
|
+
}, React__default.createElement(ActionIcon, null)))), isNorthSouth === true && React__default.createElement("td", {
|
|
7916
|
+
colSpan: 8
|
|
7917
|
+
}, React__default.createElement(NSWrapper, null, React__default.createElement("div", {
|
|
7918
|
+
className: "left"
|
|
7919
|
+
}, "Northern/Southern Ireland"), React__default.createElement("div", {
|
|
7920
|
+
className: "left-end"
|
|
7921
|
+
}), React__default.createElement("div", {
|
|
7922
|
+
className: "section"
|
|
7923
|
+
}, React__default.createElement(CustomInput$7, {
|
|
7924
|
+
label: "Commodity Code",
|
|
7925
|
+
type: "text",
|
|
7926
|
+
direction: "row",
|
|
7927
|
+
placeholder: "Enter Commodity Code",
|
|
7928
|
+
value: (product == null || (_product$product_cust = product.product_customs_details) == null ? void 0 : _product$product_cust.commodity_code) || 'NA',
|
|
7929
|
+
disabled: true
|
|
7930
|
+
}), React__default.createElement(CustomInput$7, {
|
|
7931
|
+
label: "Country of Origin",
|
|
7932
|
+
type: "text",
|
|
7933
|
+
direction: "row",
|
|
7934
|
+
placeholder: "Enter Country of Origin",
|
|
7935
|
+
value: (product == null || (_product$product_cust2 = product.product_customs_details) == null ? void 0 : _product$product_cust2.country_of_origin) || 'NA',
|
|
7936
|
+
disabled: true
|
|
7937
|
+
}), React__default.createElement(CustomInput$7, {
|
|
7938
|
+
label: "Item Invoice Amount",
|
|
7939
|
+
type: "number",
|
|
7940
|
+
direction: "row",
|
|
7941
|
+
placeholder: "Enter Item Invoice Amount",
|
|
7942
|
+
value: (product == null || (_product$product_cust3 = product.product_customs_details) == null ? void 0 : _product$product_cust3.item_invoice_amount) || 0,
|
|
7943
|
+
disabled: true
|
|
7944
|
+
}), React__default.createElement(CustomInput$7, {
|
|
7945
|
+
label: "NI Additional Info Codes",
|
|
7946
|
+
type: "text",
|
|
7947
|
+
direction: "row",
|
|
7948
|
+
placeholder: "Enter NI Add Info Codes",
|
|
7949
|
+
value: (product == null || (_product$product_cust4 = product.product_customs_details) == null ? void 0 : _product$product_cust4.ni_additional_information_codes) || 'NA',
|
|
7950
|
+
disabled: true
|
|
7951
|
+
})))));
|
|
7569
7952
|
})))));
|
|
7570
7953
|
};
|
|
7571
|
-
var
|
|
7954
|
+
var NSWrapper = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n padding: 5px 10px;\n align-items: center;\n gap: 10px;\n // position: absolute;\n // right: 84px;\n // top: 181px;\n border-radius: 6px;\n border: 1px solid rgb(237, 235, 232);\n background: rgb(248, 250, 252);\n margin-bottom: 14px;\n\n .left {\n display: flex;\n padding-right: 10px;\n align-items: center;\n gap: 5px;\n align-self: stretch;\n color: #3a3630;\n font-feature-settings: 'liga' off, 'clig' off;\n font-family: Roboto;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-transform: uppercase;\n }\n\n .left-end {\n display: flex;\n padding-right: 10px;\n align-items: center;\n gap: 5px;\n align-self: stretch;\n border-right: 1px solid #e2e0db;\n }\n\n .section {\n display: flex;\n align-items: center;\n gap: 30px;\n flex: 1 0 0;\n\n input {\n display: flex;\n height: 28px;\n padding: 3px 10px;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n border-radius: 30px;\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n"])));
|
|
7955
|
+
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7572
7956
|
|
|
7573
|
-
var _templateObject$
|
|
7957
|
+
var _templateObject$1h;
|
|
7574
7958
|
var ProductTable = function ProductTable(props) {
|
|
7575
|
-
return React__default.createElement(Container$
|
|
7959
|
+
return React__default.createElement(Container$M, null, React__default.createElement(ReturnProductTable, {
|
|
7576
7960
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7577
7961
|
loading: props == null ? void 0 : props.loading,
|
|
7578
7962
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7579
7963
|
}));
|
|
7580
7964
|
};
|
|
7581
|
-
var Container$
|
|
7965
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7582
7966
|
|
|
7583
|
-
var _templateObject$
|
|
7967
|
+
var _templateObject$1i, _templateObject2$Z, _templateObject3$u;
|
|
7584
7968
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
7585
7969
|
var selectedOrderId = /*#__PURE__*/jotai.atom(null);
|
|
7586
7970
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7678,7 +8062,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7678
8062
|
value: order == null ? void 0 : order.id
|
|
7679
8063
|
};
|
|
7680
8064
|
});
|
|
7681
|
-
return React__default.createElement(Container$
|
|
8065
|
+
return React__default.createElement(Container$N, null, React__default.createElement(Text$6, null, "New Return Order:"), React__default.createElement(StyledAntSelect$4, {
|
|
7682
8066
|
options: dropdownOptions,
|
|
7683
8067
|
value: selectedId,
|
|
7684
8068
|
placeholder: "Select",
|
|
@@ -7694,11 +8078,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7694
8078
|
notFoundContent: "No orders found with a similar postcode"
|
|
7695
8079
|
}));
|
|
7696
8080
|
};
|
|
7697
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
7698
|
-
var Container$
|
|
7699
|
-
var Text$6 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8081
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
8082
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
8083
|
+
var Text$6 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7700
8084
|
|
|
7701
|
-
var _templateObject$
|
|
8085
|
+
var _templateObject$1j, _templateObject2$_, _templateObject3$v;
|
|
7702
8086
|
function ExpandedContent$2(props) {
|
|
7703
8087
|
var _response$data, _response$data2;
|
|
7704
8088
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -7802,7 +8186,7 @@ function ExpandedContent$2(props) {
|
|
|
7802
8186
|
setSelectedProducts([]);
|
|
7803
8187
|
}
|
|
7804
8188
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7805
|
-
return React__default.createElement(Container$
|
|
8189
|
+
return React__default.createElement(Container$O, null, React__default.createElement(ProductTable, {
|
|
7806
8190
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7807
8191
|
loading: props == null ? void 0 : props.loading,
|
|
7808
8192
|
locationloading: props == null ? void 0 : props.locationloading
|
|
@@ -7814,18 +8198,31 @@ function ExpandedContent$2(props) {
|
|
|
7814
8198
|
disabled: isButtonDisabled
|
|
7815
8199
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
7816
8200
|
}
|
|
7817
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7818
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7819
|
-
var Container$
|
|
8201
|
+
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__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"])));
|
|
8202
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
8203
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7820
8204
|
|
|
7821
|
-
var _templateObject$
|
|
8205
|
+
var _templateObject$1k, _templateObject2$$, _templateObject3$w;
|
|
7822
8206
|
function CollapsedContent$1() {
|
|
7823
|
-
|
|
8207
|
+
var _useProductDetails = useProductDetails(),
|
|
8208
|
+
productsData = _useProductDetails[0];
|
|
8209
|
+
var calculateTotal = function calculateTotal(items, field) {
|
|
8210
|
+
return items.reduce(function (total, item) {
|
|
8211
|
+
var val = parseFloat(item[field]);
|
|
8212
|
+
return total + (isNaN(val) ? 0 : val);
|
|
8213
|
+
}, 0).toFixed(2);
|
|
8214
|
+
};
|
|
8215
|
+
return React__default.createElement(Container$P, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
7824
8216
|
label: "Products"
|
|
7825
|
-
}), React__default.createElement(Dimensions, null, "Products to be Returned"))
|
|
8217
|
+
}), React__default.createElement(Dimensions, null, "Products to be Returned"), (productsData == null ? void 0 : productsData.length) > 0 && React__default.createElement(Items, {
|
|
8218
|
+
style: {
|
|
8219
|
+
display: 'flex'
|
|
8220
|
+
}
|
|
8221
|
+
}, "Total: ", calculateTotal(productsData, 'weight'), "KG /", ' ', calculateTotal(productsData, 'cube'), "m\xB3"));
|
|
7826
8222
|
}
|
|
7827
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7828
|
-
var Container$
|
|
8223
|
+
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
8224
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
8225
|
+
var Items = /*#__PURE__*/styled__default.span(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n color: #8e8a85;\n text-transform: capitalize;\n color: #6a7378;\n"])));
|
|
7829
8226
|
|
|
7830
8227
|
function ProductsInfo(_ref) {
|
|
7831
8228
|
var locationloading = _ref.locationloading;
|
|
@@ -7872,9 +8269,9 @@ function ProductsInfo(_ref) {
|
|
|
7872
8269
|
}));
|
|
7873
8270
|
}
|
|
7874
8271
|
|
|
7875
|
-
var _templateObject$
|
|
8272
|
+
var _templateObject$1l, _templateObject2$10, _templateObject3$x;
|
|
7876
8273
|
function OrderActionsDropdown(props) {
|
|
7877
|
-
return React__default.createElement(Container$
|
|
8274
|
+
return React__default.createElement(Container$Q, {
|
|
7878
8275
|
className: props.className
|
|
7879
8276
|
}, React__default.createElement(Label$1, null, props.label, props.required && React__default.createElement(RequiredAsterisk, null, "*")), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
7880
8277
|
options: props.options,
|
|
@@ -7891,9 +8288,9 @@ function OrderActionsDropdown(props) {
|
|
|
7891
8288
|
defaultValue: props.value
|
|
7892
8289
|
}));
|
|
7893
8290
|
}
|
|
7894
|
-
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7895
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7896
|
-
var Container$
|
|
8291
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8292
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8293
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7897
8294
|
|
|
7898
8295
|
var initialPayload = {
|
|
7899
8296
|
description: '',
|
|
@@ -8142,7 +8539,7 @@ function UploadIcon(props) {
|
|
|
8142
8539
|
})));
|
|
8143
8540
|
}
|
|
8144
8541
|
|
|
8145
|
-
var _templateObject$
|
|
8542
|
+
var _templateObject$1m, _templateObject2$11, _templateObject3$y, _templateObject4$i, _templateObject5$b, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
8146
8543
|
// Store uploaded files
|
|
8147
8544
|
var uploadedFilesAtom = /*#__PURE__*/jotai.atom([]);
|
|
8148
8545
|
// Allowed file MIME types
|
|
@@ -8225,7 +8622,7 @@ function DocFileUpload() {
|
|
|
8225
8622
|
onDragLeave: handleDragLeave,
|
|
8226
8623
|
onDrop: handleDrop,
|
|
8227
8624
|
dragging: dragging
|
|
8228
|
-
}, React__default.createElement(Container$
|
|
8625
|
+
}, React__default.createElement(Container$R, null, React__default.createElement(UploadButton, {
|
|
8229
8626
|
type: "button",
|
|
8230
8627
|
shape: "rounded",
|
|
8231
8628
|
onClick: handleButtonClick
|
|
@@ -8249,13 +8646,13 @@ function DocFileUpload() {
|
|
|
8249
8646
|
}));
|
|
8250
8647
|
}))));
|
|
8251
8648
|
}
|
|
8252
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8253
|
-
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8649
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8650
|
+
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__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) {
|
|
8254
8651
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
8255
8652
|
});
|
|
8256
|
-
var Container$
|
|
8257
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject4$
|
|
8258
|
-
var FileInput = /*#__PURE__*/styled__default.input(_templateObject5$
|
|
8653
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
8654
|
+
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
8655
|
+
var FileInput = /*#__PURE__*/styled__default.input(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
8259
8656
|
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"])));
|
|
8260
8657
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8261
8658
|
var Text1 = /*#__PURE__*/styled__default.p(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #aea9a1;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n margin: 0;\n"])));
|
|
@@ -8265,7 +8662,7 @@ var FilesTitle = /*#__PURE__*/styled__default.h4(_templateObject11$1 || (_templa
|
|
|
8265
8662
|
var FilesList = /*#__PURE__*/styled__default.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n max-height: 200px;\n list-style-type: none;\n padding: 0;\n"])));
|
|
8266
8663
|
var FileItem = /*#__PURE__*/styled__default.li(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n color: #333;\n margin: 5px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
8267
8664
|
|
|
8268
|
-
var _templateObject$
|
|
8665
|
+
var _templateObject$1n, _templateObject2$12;
|
|
8269
8666
|
function DeliveryDate$1() {
|
|
8270
8667
|
var _useAtom = jotai.useAtom(resourcesDeliveryDate),
|
|
8271
8668
|
deliveryDate = _useAtom[0],
|
|
@@ -8303,7 +8700,7 @@ function DeliveryDate$1() {
|
|
|
8303
8700
|
action_date: null
|
|
8304
8701
|
});
|
|
8305
8702
|
};
|
|
8306
|
-
return React__default.createElement(Container$
|
|
8703
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$2, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
8307
8704
|
format: "YYYY-MM-DD",
|
|
8308
8705
|
value: pickerValue,
|
|
8309
8706
|
onChange: onChange,
|
|
@@ -8317,10 +8714,10 @@ function DeliveryDate$1() {
|
|
|
8317
8714
|
}
|
|
8318
8715
|
}));
|
|
8319
8716
|
}
|
|
8320
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8321
|
-
var Container$
|
|
8717
|
+
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
8718
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8322
8719
|
|
|
8323
|
-
var _templateObject$
|
|
8720
|
+
var _templateObject$1o, _templateObject2$13, _templateObject3$z, _templateObject4$j, _templateObject5$c;
|
|
8324
8721
|
function AddResources() {
|
|
8325
8722
|
var _staticOrderData$reso, _String2;
|
|
8326
8723
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8486,17 +8883,17 @@ function AddResources() {
|
|
|
8486
8883
|
onSelect: onSelectCancelReason
|
|
8487
8884
|
}), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null), ((_String2 = String(selectedCategoryId)) == null ? void 0 : _String2.toLowerCase()) === 'pod' && React__default.createElement(DeliveryDate$1, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$3, null, "File"), " ", React__default.createElement(RequiredAsterisk$1, null, "*"), React__default.createElement(DocFileUpload, null), ' ')));
|
|
8488
8885
|
}
|
|
8489
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8490
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
8491
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8492
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8493
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8886
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8887
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8888
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0 20px;\n\n @media (max-width: 768px) {\n margin: 0;\n padding: 16px;\n }\n"])));
|
|
8889
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n align-items: center;\n\n @media (max-width: 1100px) {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (max-width: 600px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
8890
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-top: 25px;\n\n display: flex;\n flex-direction: column;\n\n @media (max-width: 600px) {\n margin-top: 20px;\n }\n"])));
|
|
8494
8891
|
|
|
8495
|
-
var _templateObject$
|
|
8892
|
+
var _templateObject$1p, _templateObject2$14, _templateObject3$A;
|
|
8496
8893
|
// Styled components
|
|
8497
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8498
|
-
var StyledTable$3 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
8499
|
-
var EmptyDataContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8894
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
8895
|
+
var StyledTable$3 = /*#__PURE__*/styled__default.table(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
8896
|
+
var EmptyDataContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8500
8897
|
|
|
8501
8898
|
function SplitOrderTable() {
|
|
8502
8899
|
var _useProductDetails = useProductDetails(),
|
|
@@ -8581,7 +8978,7 @@ function SplitOrderTable() {
|
|
|
8581
8978
|
})))));
|
|
8582
8979
|
}
|
|
8583
8980
|
|
|
8584
|
-
var _templateObject$
|
|
8981
|
+
var _templateObject$1q;
|
|
8585
8982
|
function SplitOrder() {
|
|
8586
8983
|
var _response$data;
|
|
8587
8984
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8652,7 +9049,7 @@ function SplitOrder() {
|
|
|
8652
9049
|
isSubmitDisabled: isSubmitDisabled()
|
|
8653
9050
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
8654
9051
|
}
|
|
8655
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9052
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
8656
9053
|
|
|
8657
9054
|
function ReturnAction() {
|
|
8658
9055
|
var _orderStaticData$orde;
|
|
@@ -8763,7 +9160,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8763
9160
|
}));
|
|
8764
9161
|
};
|
|
8765
9162
|
|
|
8766
|
-
var _templateObject$
|
|
9163
|
+
var _templateObject$1r, _templateObject2$15, _templateObject3$B, _templateObject4$k, _templateObject5$d;
|
|
8767
9164
|
var deliverTypeOptions = [{
|
|
8768
9165
|
label: 'Deliver',
|
|
8769
9166
|
value: 'deliver',
|
|
@@ -8908,13 +9305,13 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8908
9305
|
}))))))));
|
|
8909
9306
|
})))));
|
|
8910
9307
|
};
|
|
8911
|
-
var CustomSelectDropdown = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
8912
|
-
var StyledTableWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8913
|
-
var StyledDropdown = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$
|
|
8914
|
-
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$
|
|
8915
|
-
var ReturnRowWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9308
|
+
var CustomSelectDropdown = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 10px;\n align-items: center;\n\n .ant-select-prefix {\n margin-top: 3px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
9309
|
+
var StyledTableWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
9310
|
+
var StyledDropdown = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9311
|
+
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
9312
|
+
var ReturnRowWrapper = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
8916
9313
|
|
|
8917
|
-
var _templateObject$
|
|
9314
|
+
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4, _templateObject10$2;
|
|
8918
9315
|
function CancelOrder(props) {
|
|
8919
9316
|
var _orderStaticData$canc;
|
|
8920
9317
|
var _useOrderId = useOrderId(),
|
|
@@ -9100,7 +9497,7 @@ function CancelOrder(props) {
|
|
|
9100
9497
|
options: cancelReasonOptions || [],
|
|
9101
9498
|
onSelect: onSelectCancelReason,
|
|
9102
9499
|
value: cancelReason
|
|
9103
|
-
}), 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$
|
|
9500
|
+
}), 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$T, null, React__default.createElement("div", {
|
|
9104
9501
|
style: {
|
|
9105
9502
|
display: 'flex',
|
|
9106
9503
|
flexDirection: 'row'
|
|
@@ -9112,18 +9509,18 @@ function CancelOrder(props) {
|
|
|
9112
9509
|
placeholder: "Reason for Cancel Order"
|
|
9113
9510
|
})))), React__default.createElement(Bottom$2, null, React__default.createElement(CancelOrderTable, null))));
|
|
9114
9511
|
}
|
|
9115
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9116
|
-
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$
|
|
9117
|
-
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
9118
|
-
var Container$
|
|
9119
|
-
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9512
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
9513
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9514
|
+
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9515
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9516
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9120
9517
|
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"])));
|
|
9121
9518
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9122
9519
|
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 16px;\n border: 1px solid #edebe8;\n background: #f8fafc;\n display: flex;\n padding: 15px;\n align-items: flex-start;\n gap: 30px;\n align-self: stretch;\n"])));
|
|
9123
9520
|
var Bottom$2 = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9124
9521
|
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n align-items: flex-start;\n flex-direction: column;\n width: 100%;\n"])));
|
|
9125
9522
|
|
|
9126
|
-
var _templateObject$
|
|
9523
|
+
var _templateObject$1t, _templateObject2$17, _templateObject3$D;
|
|
9127
9524
|
function EmailAddress() {
|
|
9128
9525
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
9129
9526
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9155,20 +9552,20 @@ function EmailAddress() {
|
|
|
9155
9552
|
});
|
|
9156
9553
|
});
|
|
9157
9554
|
};
|
|
9158
|
-
return React__default.createElement(Container$
|
|
9555
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$5, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
9159
9556
|
style: {
|
|
9160
9557
|
borderRadius: '15px'
|
|
9161
9558
|
},
|
|
9162
9559
|
type: "text",
|
|
9163
9560
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_email) || '',
|
|
9164
9561
|
onChange: onChange
|
|
9165
|
-
}), errors.emailError && React__default.createElement(ErrorText$
|
|
9562
|
+
}), errors.emailError && React__default.createElement(ErrorText$6, null, errors.emailError));
|
|
9166
9563
|
}
|
|
9167
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9168
|
-
var Container$
|
|
9169
|
-
var ErrorText$
|
|
9564
|
+
var Label$5 = /*#__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"])));
|
|
9565
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9566
|
+
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9170
9567
|
|
|
9171
|
-
var _templateObject$
|
|
9568
|
+
var _templateObject$1u, _templateObject2$18, _templateObject3$E;
|
|
9172
9569
|
function ContactPhone() {
|
|
9173
9570
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9174
9571
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9217,7 +9614,7 @@ function ContactPhone() {
|
|
|
9217
9614
|
});
|
|
9218
9615
|
}
|
|
9219
9616
|
};
|
|
9220
|
-
return React__default.createElement(Container$
|
|
9617
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Label$6, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
9221
9618
|
name: "contact-home",
|
|
9222
9619
|
type: "text",
|
|
9223
9620
|
placeholder: "Home Number",
|
|
@@ -9227,13 +9624,13 @@ function ContactPhone() {
|
|
|
9227
9624
|
},
|
|
9228
9625
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_home) || '',
|
|
9229
9626
|
onChange: onChange
|
|
9230
|
-
}), errors.homeContactError && React__default.createElement(ErrorText$
|
|
9627
|
+
}), errors.homeContactError && React__default.createElement(ErrorText$7, null, errors.homeContactError));
|
|
9231
9628
|
}
|
|
9232
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9233
|
-
var Container$
|
|
9234
|
-
var ErrorText$
|
|
9629
|
+
var Label$6 = /*#__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"])));
|
|
9630
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9631
|
+
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9235
9632
|
|
|
9236
|
-
var _templateObject$
|
|
9633
|
+
var _templateObject$1v, _templateObject2$19, _templateObject3$F;
|
|
9237
9634
|
function ContactWork$1() {
|
|
9238
9635
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9239
9636
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9282,7 +9679,7 @@ function ContactWork$1() {
|
|
|
9282
9679
|
});
|
|
9283
9680
|
}
|
|
9284
9681
|
};
|
|
9285
|
-
return React__default.createElement(Container$
|
|
9682
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Label$7, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
9286
9683
|
name: "contact-work",
|
|
9287
9684
|
type: "text",
|
|
9288
9685
|
placeholder: "Work Number",
|
|
@@ -9292,13 +9689,13 @@ function ContactWork$1() {
|
|
|
9292
9689
|
},
|
|
9293
9690
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_work) || '',
|
|
9294
9691
|
onChange: onChange
|
|
9295
|
-
}), errors.workContactError && React__default.createElement(ErrorText$
|
|
9692
|
+
}), errors.workContactError && React__default.createElement(ErrorText$8, null, errors.workContactError));
|
|
9296
9693
|
}
|
|
9297
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9298
|
-
var Container$
|
|
9299
|
-
var ErrorText$
|
|
9694
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9695
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9696
|
+
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9300
9697
|
|
|
9301
|
-
var _templateObject$
|
|
9698
|
+
var _templateObject$1w, _templateObject2$1a, _templateObject3$G;
|
|
9302
9699
|
function ContactMobile$1() {
|
|
9303
9700
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9304
9701
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9347,7 +9744,7 @@ function ContactMobile$1() {
|
|
|
9347
9744
|
});
|
|
9348
9745
|
}
|
|
9349
9746
|
};
|
|
9350
|
-
return React__default.createElement(Container$
|
|
9747
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Label$8, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
9351
9748
|
name: "contact-work",
|
|
9352
9749
|
type: "text",
|
|
9353
9750
|
placeholder: "Mobile Number",
|
|
@@ -9357,11 +9754,11 @@ function ContactMobile$1() {
|
|
|
9357
9754
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) || '',
|
|
9358
9755
|
onKeyDown: handleKeyDown,
|
|
9359
9756
|
onChange: onChange
|
|
9360
|
-
}), errors.mobileError && React__default.createElement(ErrorText$
|
|
9757
|
+
}), errors.mobileError && React__default.createElement(ErrorText$9, null, errors.mobileError));
|
|
9361
9758
|
}
|
|
9362
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9363
|
-
var Container$
|
|
9364
|
-
var ErrorText$
|
|
9759
|
+
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-style: normal;\n font-weight: 500;\n"])));
|
|
9760
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9761
|
+
var ErrorText$9 = /*#__PURE__*/styled__default.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9365
9762
|
|
|
9366
9763
|
function ContactTypeDropdown() {
|
|
9367
9764
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -9394,7 +9791,7 @@ function ContactTypeDropdown() {
|
|
|
9394
9791
|
});
|
|
9395
9792
|
}
|
|
9396
9793
|
|
|
9397
|
-
var _templateObject$
|
|
9794
|
+
var _templateObject$1x;
|
|
9398
9795
|
function ActionDropdown() {
|
|
9399
9796
|
var _useOrderStaticData = useOrderStaticData(),
|
|
9400
9797
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -9424,7 +9821,7 @@ function ActionDropdown() {
|
|
|
9424
9821
|
var onSelect = function onSelect(value) {
|
|
9425
9822
|
setSelectedAction(value);
|
|
9426
9823
|
};
|
|
9427
|
-
return React__default.createElement(Container$
|
|
9824
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9428
9825
|
label: "Action"
|
|
9429
9826
|
}), React__default.createElement(antd.Select, {
|
|
9430
9827
|
style: {
|
|
@@ -9437,9 +9834,9 @@ function ActionDropdown() {
|
|
|
9437
9834
|
className: "action-dropdown"
|
|
9438
9835
|
}));
|
|
9439
9836
|
}
|
|
9440
|
-
var Container$
|
|
9837
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9441
9838
|
|
|
9442
|
-
var _templateObject$
|
|
9839
|
+
var _templateObject$1y, _templateObject2$1b;
|
|
9443
9840
|
function DeliveryDate$2() {
|
|
9444
9841
|
var _useOrderDetails = useOrderDetails(),
|
|
9445
9842
|
dateOrderDetails = _useOrderDetails[0];
|
|
@@ -9485,7 +9882,7 @@ function DeliveryDate$2() {
|
|
|
9485
9882
|
return s === true;
|
|
9486
9883
|
}));
|
|
9487
9884
|
var isDisabled = isClientPortal ? true : allOthersTrue && (order == null ? void 0 : order.routed) === true;
|
|
9488
|
-
return React__default.createElement(Container$
|
|
9885
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$9, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
9489
9886
|
onChange: handleDateChange,
|
|
9490
9887
|
format: "YYYY-MM-DD",
|
|
9491
9888
|
value: confirmedDate != null && confirmedDate.currentDate ? dayjs(confirmedDate.currentDate) : actionDate ? dayjs(actionDate) : null,
|
|
@@ -9500,8 +9897,8 @@ function DeliveryDate$2() {
|
|
|
9500
9897
|
allowClear: false
|
|
9501
9898
|
}));
|
|
9502
9899
|
}
|
|
9503
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9504
|
-
var Container$
|
|
9900
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9901
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
9505
9902
|
|
|
9506
9903
|
function convertTo12HourFormat$1(time24) {
|
|
9507
9904
|
var _time24$split, _minutes$toString;
|
|
@@ -9550,19 +9947,19 @@ function TimedServiceDropdown$1() {
|
|
|
9550
9947
|
});
|
|
9551
9948
|
}
|
|
9552
9949
|
|
|
9553
|
-
var _templateObject$
|
|
9950
|
+
var _templateObject$1z, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
9554
9951
|
function CustomerInformation() {
|
|
9555
9952
|
var _orderDetails$order_r;
|
|
9556
9953
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9557
9954
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9558
|
-
return React__default.createElement(Container$
|
|
9955
|
+
return React__default.createElement(Container$_, 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$2, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
9559
9956
|
}
|
|
9560
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9561
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
9562
|
-
var Title$1 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
9563
|
-
var Container$
|
|
9957
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9958
|
+
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$1c || (_templateObject2$1c = /*#__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"])));
|
|
9959
|
+
var Title$1 = /*#__PURE__*/styled__default.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9960
|
+
var Container$_ = /*#__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"])));
|
|
9564
9961
|
|
|
9565
|
-
var _templateObject$
|
|
9962
|
+
var _templateObject$1A, _templateObject2$1d;
|
|
9566
9963
|
function ProductTable$1() {
|
|
9567
9964
|
var _useProductDetails = useProductDetails(),
|
|
9568
9965
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -9571,7 +9968,7 @@ function ProductTable$1() {
|
|
|
9571
9968
|
if (!orderProductDetails) {
|
|
9572
9969
|
return null;
|
|
9573
9970
|
}
|
|
9574
|
-
return React__default.createElement(Container
|
|
9971
|
+
return React__default.createElement(Container$$, 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, {
|
|
9575
9972
|
className: "scrollClass"
|
|
9576
9973
|
}, 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", {
|
|
9577
9974
|
colSpan: 6
|
|
@@ -9589,10 +9986,10 @@ function ProductTable$1() {
|
|
|
9589
9986
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), ' ', React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
9590
9987
|
})))));
|
|
9591
9988
|
}
|
|
9592
|
-
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
9593
|
-
var Container
|
|
9989
|
+
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$1A || (_templateObject$1A = /*#__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"])));
|
|
9990
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
9594
9991
|
|
|
9595
|
-
var _templateObject$
|
|
9992
|
+
var _templateObject$1B, _templateObject2$1e;
|
|
9596
9993
|
function NotesTable() {
|
|
9597
9994
|
var _useState = React.useState(null),
|
|
9598
9995
|
moduleIds = _useState[0],
|
|
@@ -9662,7 +10059,7 @@ function NotesTable() {
|
|
|
9662
10059
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9663
10060
|
return null;
|
|
9664
10061
|
}
|
|
9665
|
-
return React__default.createElement(Container
|
|
10062
|
+
return React__default.createElement(Container$10, 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, {
|
|
9666
10063
|
className: "scrollClass"
|
|
9667
10064
|
}, 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", {
|
|
9668
10065
|
colSpan: 6
|
|
@@ -9688,53 +10085,53 @@ function NotesTable() {
|
|
|
9688
10085
|
}));
|
|
9689
10086
|
}))))));
|
|
9690
10087
|
}
|
|
9691
|
-
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
9692
|
-
var Container
|
|
10088
|
+
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$1B || (_templateObject$1B = /*#__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"])));
|
|
10089
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
9693
10090
|
|
|
9694
|
-
var _templateObject$
|
|
10091
|
+
var _templateObject$1C, _templateObject2$1f;
|
|
9695
10092
|
function ConfirmationNotes() {
|
|
9696
|
-
return React__default.createElement(Container$
|
|
10093
|
+
return React__default.createElement(Container$11, null, React__default.createElement(Label$a, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9697
10094
|
rows: 5,
|
|
9698
10095
|
placeholder: "Enter Notes"
|
|
9699
10096
|
}));
|
|
9700
10097
|
}
|
|
9701
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9702
|
-
var Container$
|
|
10098
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10099
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9703
10100
|
|
|
9704
|
-
var _templateObject$
|
|
10101
|
+
var _templateObject$1D, _templateObject2$1g;
|
|
9705
10102
|
function DeliveryInstructions$1() {
|
|
9706
|
-
return React__default.createElement(Container$
|
|
10103
|
+
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9707
10104
|
rows: 5,
|
|
9708
10105
|
placeholder: "Enter Delivery Instructions"
|
|
9709
10106
|
}));
|
|
9710
10107
|
}
|
|
9711
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9712
|
-
var Container$
|
|
10108
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10109
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9713
10110
|
|
|
9714
|
-
var _templateObject$
|
|
10111
|
+
var _templateObject$1E, _templateObject2$1h;
|
|
9715
10112
|
function ContactWith() {
|
|
9716
|
-
return React__default.createElement(Container$
|
|
10113
|
+
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
9717
10114
|
style: {
|
|
9718
10115
|
borderRadius: '15px'
|
|
9719
10116
|
}
|
|
9720
10117
|
}));
|
|
9721
10118
|
}
|
|
9722
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9723
|
-
var Container$
|
|
10119
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10120
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9724
10121
|
|
|
9725
|
-
var _templateObject$
|
|
10122
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$I, _templateObject4$n;
|
|
9726
10123
|
function SlotAndInstructions() {
|
|
9727
10124
|
var _orderDetails$order_r;
|
|
9728
10125
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9729
10126
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9730
|
-
return React__default.createElement(Container$
|
|
10127
|
+
return React__default.createElement(Container$14, 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));
|
|
9731
10128
|
}
|
|
9732
|
-
var Value$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9733
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9734
|
-
var Title$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
9735
|
-
var Container$
|
|
10129
|
+
var Value$1 = /*#__PURE__*/styled__default.span(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
10130
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
10131
|
+
var Title$4 = /*#__PURE__*/styled__default.span(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
10132
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
9736
10133
|
|
|
9737
|
-
var _templateObject$
|
|
10134
|
+
var _templateObject$1G;
|
|
9738
10135
|
var SendComms = function SendComms(props) {
|
|
9739
10136
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3, _orderDetailsConfirmO4, _props$sendCommsState3, _props$sendCommsState4;
|
|
9740
10137
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9782,10 +10179,10 @@ var SendComms = function SendComms(props) {
|
|
|
9782
10179
|
}
|
|
9783
10180
|
})));
|
|
9784
10181
|
};
|
|
9785
|
-
var SendCommsMainContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10182
|
+
var SendCommsMainContainer = /*#__PURE__*/styled__default.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 15px;\n\n .send-comms-container {\n display: flex;\n gap: 5px;\n align-items: center;\n .label {\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Lato', sans-serif;\n line-height: 20px;\n }\n }\n"])));
|
|
9786
10183
|
var SendComms$1 = /*#__PURE__*/React__default.memo(SendComms);
|
|
9787
10184
|
|
|
9788
|
-
var _templateObject$
|
|
10185
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
9789
10186
|
function ConfirmOrder(props) {
|
|
9790
10187
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3;
|
|
9791
10188
|
// const [isClientPortal] = useClientPortal();
|
|
@@ -10094,13 +10491,13 @@ function ConfirmOrder(props) {
|
|
|
10094
10491
|
showCloseIcon: false
|
|
10095
10492
|
}), React__default.createElement(Wrapper$g, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
10096
10493
|
}
|
|
10097
|
-
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10098
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10494
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10495
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
10099
10496
|
|
|
10100
|
-
var _templateObject2$
|
|
10101
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
10102
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
10103
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10497
|
+
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10498
|
+
var StyledInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10499
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
10500
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10104
10501
|
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
10105
10502
|
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10106
10503
|
var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
@@ -10110,7 +10507,7 @@ var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11$2
|
|
|
10110
10507
|
var HoldDatePickerWrap = /*#__PURE__*/styled__default.div(_templateObject18$1 || (_templateObject18$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 21.5vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 346px;\n }\n"])));
|
|
10111
10508
|
var DatePickerWrap = /*#__PURE__*/styled__default.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
10112
10509
|
|
|
10113
|
-
var _templateObject$
|
|
10510
|
+
var _templateObject$1I, _templateObject2$1l;
|
|
10114
10511
|
function SendSmsModal() {
|
|
10115
10512
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _formData$to$trim;
|
|
10116
10513
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10261,14 +10658,14 @@ function SendSmsModal() {
|
|
|
10261
10658
|
onSubmit: handleSubmit,
|
|
10262
10659
|
submitBtnTitle: loading ? 'Sending...' : 'Send SMS',
|
|
10263
10660
|
isSubmitDisabled: !isFormValid || loading
|
|
10264
|
-
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(Label$d, null, "To"), React__default.createElement(StyledInput, {
|
|
10661
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(Label$d, null, "To"), React__default.createElement(StyledInput$1, {
|
|
10265
10662
|
type: "text",
|
|
10266
10663
|
name: "to",
|
|
10267
10664
|
value: formData.to,
|
|
10268
10665
|
onChange: handleInputChange,
|
|
10269
10666
|
required: true,
|
|
10270
10667
|
placeholder: "Enter the number"
|
|
10271
|
-
}), toError && React__default.createElement(ErrorText$
|
|
10668
|
+
}), toError && React__default.createElement(ErrorText$a, null, toError), React__default.createElement(Label$d, null, "Body"), React__default.createElement(TextArea, {
|
|
10272
10669
|
style: {
|
|
10273
10670
|
width: '700px',
|
|
10274
10671
|
height: '140px',
|
|
@@ -10286,13 +10683,13 @@ function SendSmsModal() {
|
|
|
10286
10683
|
}
|
|
10287
10684
|
})));
|
|
10288
10685
|
}
|
|
10289
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10686
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
10290
10687
|
// const CustomTextArea = styled(TextArea)`
|
|
10291
10688
|
// width: 700px;
|
|
10292
10689
|
// height: 140px;
|
|
10293
10690
|
// resize: none;
|
|
10294
10691
|
// `;
|
|
10295
|
-
var ErrorText$
|
|
10692
|
+
var ErrorText$a = /*#__PURE__*/styled__default.div(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 12px;\n margin-top: 4px;\n"])));
|
|
10296
10693
|
|
|
10297
10694
|
function SendEmailModal() {
|
|
10298
10695
|
var _orderDetails$order_r;
|
|
@@ -10419,7 +10816,7 @@ function SendEmailModal() {
|
|
|
10419
10816
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10420
10817
|
label: "To",
|
|
10421
10818
|
required: true
|
|
10422
|
-
}), React__default.createElement(StyledInput, {
|
|
10819
|
+
}), React__default.createElement(StyledInput$1, {
|
|
10423
10820
|
type: "text",
|
|
10424
10821
|
name: "to",
|
|
10425
10822
|
required: true,
|
|
@@ -10436,7 +10833,7 @@ function SendEmailModal() {
|
|
|
10436
10833
|
}, emailError), React__default.createElement(dmsComponentLibrary.Label, {
|
|
10437
10834
|
label: "Subject",
|
|
10438
10835
|
required: true
|
|
10439
|
-
}), React__default.createElement(StyledInput, {
|
|
10836
|
+
}), React__default.createElement(StyledInput$1, {
|
|
10440
10837
|
type: "text",
|
|
10441
10838
|
name: "subject",
|
|
10442
10839
|
required: true,
|
|
@@ -10745,7 +11142,7 @@ function HoldOrderModal(props) {
|
|
|
10745
11142
|
})))));
|
|
10746
11143
|
}
|
|
10747
11144
|
|
|
10748
|
-
var _templateObject$
|
|
11145
|
+
var _templateObject$1J;
|
|
10749
11146
|
var UnholdOrder = function UnholdOrder(props) {
|
|
10750
11147
|
var _useOrderId = useOrderId(),
|
|
10751
11148
|
orderId = _useOrderId[0];
|
|
@@ -10829,9 +11226,9 @@ var UnholdOrder = function UnholdOrder(props) {
|
|
|
10829
11226
|
})
|
|
10830
11227
|
});
|
|
10831
11228
|
};
|
|
10832
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
11229
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10833
11230
|
|
|
10834
|
-
var _templateObject$
|
|
11231
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
10835
11232
|
function AssigneeDropdown() {
|
|
10836
11233
|
var _reminderPayload$assi;
|
|
10837
11234
|
var _useReminderById = useReminderById(),
|
|
@@ -11095,13 +11492,13 @@ function AssigneeDropdown() {
|
|
|
11095
11492
|
mode: "multiple"
|
|
11096
11493
|
}));
|
|
11097
11494
|
}
|
|
11098
|
-
var FormContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11099
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject2$
|
|
11495
|
+
var FormContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
11496
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11100
11497
|
|
|
11101
|
-
var _templateObject$
|
|
11102
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11103
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11104
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11498
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$K, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
11499
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 770px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n margin-top: 15px;\n"])));
|
|
11500
|
+
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 5px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
11501
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
11105
11502
|
var Column = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11106
11503
|
var Row$5 = /*#__PURE__*/styled__default(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
11107
11504
|
var Left = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n gap: 15px;\n padding: 15px;\n"])));
|
|
@@ -11150,10 +11547,10 @@ var priorityData = [{
|
|
|
11150
11547
|
color: '#E95252'
|
|
11151
11548
|
}];
|
|
11152
11549
|
|
|
11153
|
-
var _templateObject$
|
|
11550
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$L, _templateObject4$o;
|
|
11154
11551
|
function StatusIndicator(props) {
|
|
11155
11552
|
var statusColor = getStatusColor(props.status);
|
|
11156
|
-
return React__default.createElement(Container$
|
|
11553
|
+
return React__default.createElement(Container$15, null, React__default.createElement(StatusCircleContainer, {
|
|
11157
11554
|
status: props.status
|
|
11158
11555
|
}, React__default.createElement(StatusCircle, {
|
|
11159
11556
|
color: statusColor
|
|
@@ -11161,18 +11558,18 @@ function StatusIndicator(props) {
|
|
|
11161
11558
|
status: props.status
|
|
11162
11559
|
}, props.text));
|
|
11163
11560
|
}
|
|
11164
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
11561
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
11165
11562
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11166
11563
|
});
|
|
11167
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11564
|
+
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1o || (_templateObject2$1o = /*#__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) {
|
|
11168
11565
|
return props.color;
|
|
11169
11566
|
});
|
|
11170
|
-
var Container$
|
|
11171
|
-
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
11567
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
11568
|
+
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
11172
11569
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11173
11570
|
});
|
|
11174
11571
|
|
|
11175
|
-
var _templateObject$
|
|
11572
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$M, _templateObject4$p, _templateObject5$g, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
|
|
11176
11573
|
var _excluded$6 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11177
11574
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11178
11575
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11436,17 +11833,17 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11436
11833
|
}
|
|
11437
11834
|
return {};
|
|
11438
11835
|
};
|
|
11439
|
-
var Right$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11440
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11441
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11442
|
-
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject4$
|
|
11443
|
-
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
11836
|
+
var Right$1 = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11837
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11838
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11839
|
+
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11840
|
+
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
11444
11841
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
11445
11842
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11446
11843
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11447
11844
|
var LabelText = /*#__PURE__*/styled__default.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11448
11845
|
|
|
11449
|
-
var _templateObject$
|
|
11846
|
+
var _templateObject$1O, _templateObject2$1q, _templateObject3$N, _templateObject4$q, _templateObject5$h, _templateObject6$8;
|
|
11450
11847
|
function HeaderSection(_ref) {
|
|
11451
11848
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11452
11849
|
setTasksData = _ref.setTasksData;
|
|
@@ -11547,14 +11944,14 @@ function HeaderSection(_ref) {
|
|
|
11547
11944
|
})
|
|
11548
11945
|
})));
|
|
11549
11946
|
}
|
|
11550
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11551
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
11552
|
-
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
11553
|
-
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
11554
|
-
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11947
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11948
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11949
|
+
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n background: #feba30;\n padding: 6px;\n border-radius: 6px;\n font-weight: 600;\n font-size: 13px;\n border: 1px solid #feba30;\n"])));
|
|
11950
|
+
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
11951
|
+
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
11555
11952
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11556
11953
|
|
|
11557
|
-
var _templateObject$
|
|
11954
|
+
var _templateObject$1P, _templateObject2$1r;
|
|
11558
11955
|
function TextSection() {
|
|
11559
11956
|
var _useUpdateTask = useUpdateTask(),
|
|
11560
11957
|
taskPayload = _useUpdateTask[0],
|
|
@@ -11572,10 +11969,10 @@ function TextSection() {
|
|
|
11572
11969
|
onChange: onChangeDetails
|
|
11573
11970
|
}));
|
|
11574
11971
|
}
|
|
11575
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
11576
|
-
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11972
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
11973
|
+
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
11577
11974
|
|
|
11578
|
-
var _templateObject$
|
|
11975
|
+
var _templateObject$1Q, _templateObject2$1s, _templateObject3$O;
|
|
11579
11976
|
function ButtonsSection() {
|
|
11580
11977
|
var _staticData$;
|
|
11581
11978
|
var _useStaticData = useStaticData(),
|
|
@@ -11666,11 +12063,11 @@ function ButtonsSection() {
|
|
|
11666
12063
|
status: "AD"
|
|
11667
12064
|
})));
|
|
11668
12065
|
}
|
|
11669
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
11670
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11671
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12066
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12067
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
12068
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11672
12069
|
|
|
11673
|
-
var _templateObject$
|
|
12070
|
+
var _templateObject$1R, _templateObject2$1t, _templateObject3$P, _templateObject4$r, _templateObject5$i, _templateObject6$9;
|
|
11674
12071
|
var FlagsFilter = [{
|
|
11675
12072
|
label: 'Private',
|
|
11676
12073
|
value: 'private'
|
|
@@ -11791,14 +12188,14 @@ function RadioButtonsSection() {
|
|
|
11791
12188
|
required: false
|
|
11792
12189
|
}));
|
|
11793
12190
|
}
|
|
11794
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11795
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
11796
|
-
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$
|
|
11797
|
-
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11798
|
-
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12191
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
12192
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12193
|
+
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
12194
|
+
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
12195
|
+
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11799
12196
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11800
12197
|
|
|
11801
|
-
var _templateObject$
|
|
12198
|
+
var _templateObject$1S, _templateObject2$1u, _templateObject3$Q, _templateObject4$s, _templateObject5$j;
|
|
11802
12199
|
function DetailSection() {
|
|
11803
12200
|
var _flagById$order_data, _flagById$order_data2;
|
|
11804
12201
|
var _useFlagById = useFlagById(),
|
|
@@ -11810,13 +12207,13 @@ function DetailSection() {
|
|
|
11810
12207
|
label: "Order"
|
|
11811
12208
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
11812
12209
|
}
|
|
11813
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11814
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11815
|
-
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11816
|
-
var Order = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11817
|
-
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$
|
|
12210
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
12211
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
12212
|
+
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
12213
|
+
var Order = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
12214
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11818
12215
|
|
|
11819
|
-
var _templateObject$
|
|
12216
|
+
var _templateObject$1T, _templateObject2$1v, _templateObject3$R;
|
|
11820
12217
|
function ViewFlag() {
|
|
11821
12218
|
var _useStaticData = useStaticData(),
|
|
11822
12219
|
setStaticData = _useStaticData[1];
|
|
@@ -11894,11 +12291,11 @@ function ViewFlag() {
|
|
|
11894
12291
|
setTasksData: setTasksData
|
|
11895
12292
|
}), React__default.createElement(RadioButtonsSection, null)))));
|
|
11896
12293
|
}
|
|
11897
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11898
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
11899
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12294
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
12295
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
12296
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__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"])));
|
|
11900
12297
|
|
|
11901
|
-
var _templateObject$
|
|
12298
|
+
var _templateObject$1U;
|
|
11902
12299
|
function ReleaseOrder() {
|
|
11903
12300
|
var _useOrderId = useOrderId(),
|
|
11904
12301
|
orderId = _useOrderId[0];
|
|
@@ -11977,9 +12374,9 @@ function ReleaseOrder() {
|
|
|
11977
12374
|
// position: absolute;
|
|
11978
12375
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
11979
12376
|
// `;
|
|
11980
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
12377
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11981
12378
|
|
|
11982
|
-
var _templateObject$
|
|
12379
|
+
var _templateObject$1V;
|
|
11983
12380
|
var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
11984
12381
|
var _useOrderId = useOrderId(),
|
|
11985
12382
|
orderId = _useOrderId[0];
|
|
@@ -12080,9 +12477,9 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
12080
12477
|
})
|
|
12081
12478
|
});
|
|
12082
12479
|
};
|
|
12083
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
12480
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12084
12481
|
|
|
12085
|
-
var _templateObject$
|
|
12482
|
+
var _templateObject$1W, _templateObject2$1w, _templateObject3$S, _templateObject4$t, _templateObject5$k;
|
|
12086
12483
|
var deliverTypeOptions$1 = [{
|
|
12087
12484
|
label: 'Deliver',
|
|
12088
12485
|
value: 'deliver',
|
|
@@ -12233,13 +12630,13 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12233
12630
|
}))))))));
|
|
12234
12631
|
})))));
|
|
12235
12632
|
};
|
|
12236
|
-
var CustomSelectDropdown$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
12237
|
-
var StyledTableWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12238
|
-
var StyledDropdown$1 = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$
|
|
12239
|
-
var StyledTable$5 = /*#__PURE__*/styled__default.table(_templateObject4$
|
|
12240
|
-
var ReturnRowWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12633
|
+
var CustomSelectDropdown$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
12634
|
+
var StyledTableWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
12635
|
+
var StyledDropdown$1 = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12636
|
+
var StyledTable$5 = /*#__PURE__*/styled__default.table(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
12637
|
+
var ReturnRowWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
12241
12638
|
|
|
12242
|
-
var _templateObject$
|
|
12639
|
+
var _templateObject$1X, _templateObject2$1x, _templateObject3$T, _templateObject4$u;
|
|
12243
12640
|
function UncancelOrder(props) {
|
|
12244
12641
|
var _orderStaticData$unca;
|
|
12245
12642
|
var _useOrderId = useOrderId(),
|
|
@@ -12418,7 +12815,7 @@ function UncancelOrder(props) {
|
|
|
12418
12815
|
infoText: infoText,
|
|
12419
12816
|
submitBtnTitle: "Save Details",
|
|
12420
12817
|
isSubmitDisabled: !showSubmitBtn
|
|
12421
|
-
}, React__default.createElement(MainContainer$8, null, React__default.createElement(Container$
|
|
12818
|
+
}, React__default.createElement(MainContainer$8, null, React__default.createElement(Container$16, null, React__default.createElement(OrderActionsDropdown, {
|
|
12422
12819
|
required: true,
|
|
12423
12820
|
label: "Un-cancel Reason",
|
|
12424
12821
|
placeholder: "Select un-cancel Reason",
|
|
@@ -12436,12 +12833,12 @@ function UncancelOrder(props) {
|
|
|
12436
12833
|
onChange: onChange
|
|
12437
12834
|
}))), React__default.createElement(UnCancelOrderTable, null)));
|
|
12438
12835
|
}
|
|
12439
|
-
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
12440
|
-
var Container$
|
|
12441
|
-
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12442
|
-
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
12836
|
+
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12837
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
12838
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12839
|
+
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12443
12840
|
|
|
12444
|
-
var _templateObject$
|
|
12841
|
+
var _templateObject$1Y;
|
|
12445
12842
|
function RemoveFromRoute(props) {
|
|
12446
12843
|
var _useOrderId = useOrderId(),
|
|
12447
12844
|
orderId = _useOrderId[0];
|
|
@@ -12521,14 +12918,14 @@ function RemoveFromRoute(props) {
|
|
|
12521
12918
|
})
|
|
12522
12919
|
});
|
|
12523
12920
|
}
|
|
12524
|
-
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
12921
|
+
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12525
12922
|
|
|
12526
|
-
var _templateObject$
|
|
12923
|
+
var _templateObject$1Z, _templateObject3$U, _templateObject4$v, _templateObject5$l, _templateObject7$a, _templateObject8$8, _templateObject9$7;
|
|
12527
12924
|
// Shared styles and components
|
|
12528
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12529
|
-
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12530
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$
|
|
12531
|
-
var Label$e = /*#__PURE__*/styled__default.label(_templateObject5$
|
|
12925
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12926
|
+
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12927
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12928
|
+
var Label$e = /*#__PURE__*/styled__default.label(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12532
12929
|
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
12533
12930
|
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12534
12931
|
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
@@ -12574,7 +12971,7 @@ var fonts = {
|
|
|
12574
12971
|
secondary: "'Lato', sans-serif"
|
|
12575
12972
|
};
|
|
12576
12973
|
|
|
12577
|
-
var _templateObject$
|
|
12974
|
+
var _templateObject$1_, _templateObject2$1y, _templateObject3$V;
|
|
12578
12975
|
function RadioButton(props) {
|
|
12579
12976
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
12580
12977
|
color: props.color
|
|
@@ -12585,15 +12982,15 @@ function RadioButton(props) {
|
|
|
12585
12982
|
htmlFor: props.id
|
|
12586
12983
|
}, props.label));
|
|
12587
12984
|
}
|
|
12588
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject$
|
|
12589
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12985
|
+
var Label$f = /*#__PURE__*/styled__default.label(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
12986
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$f, function (props) {
|
|
12590
12987
|
return props.color || '#6396e5';
|
|
12591
12988
|
}, function (props) {
|
|
12592
12989
|
return props.color || '#6396e5';
|
|
12593
12990
|
});
|
|
12594
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12991
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
12595
12992
|
|
|
12596
|
-
var _templateObject$
|
|
12993
|
+
var _templateObject$1$, _templateObject2$1z, _templateObject3$W, _templateObject4$w, _templateObject5$m, _templateObject6$a, _templateObject7$b;
|
|
12597
12994
|
function RadioButtonGroup(props) {
|
|
12598
12995
|
var heading = props.heading,
|
|
12599
12996
|
_props$direction = props.direction,
|
|
@@ -12628,19 +13025,19 @@ function RadioButtonGroup(props) {
|
|
|
12628
13025
|
className: "custom-wrapper"
|
|
12629
13026
|
}, renderOptions()));
|
|
12630
13027
|
}
|
|
12631
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12632
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
12633
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
13028
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
13029
|
+
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
13030
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
12634
13031
|
return !props.$required && 'visibility: hidden;';
|
|
12635
13032
|
}, labelStyles);
|
|
12636
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12637
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
13033
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
13034
|
+
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
12638
13035
|
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
12639
13036
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 20px;\n padding: 0px 10px;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n height: 30px;\n justify-content: space-evenly;\n"])), function (props) {
|
|
12640
13037
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
12641
13038
|
});
|
|
12642
13039
|
|
|
12643
|
-
var _templateObject$
|
|
13040
|
+
var _templateObject$20, _templateObject2$1A, _templateObject3$X, _templateObject4$x, _templateObject5$n;
|
|
12644
13041
|
dayjs.extend(utc);
|
|
12645
13042
|
dayjs.extend(dateFns.isValid);
|
|
12646
13043
|
function CreateReminderModal() {
|
|
@@ -13049,13 +13446,13 @@ function CreateReminderModal() {
|
|
|
13049
13446
|
onChange: handleChange
|
|
13050
13447
|
})));
|
|
13051
13448
|
}
|
|
13052
|
-
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13053
|
-
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
13054
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$
|
|
13055
|
-
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
13056
|
-
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
13449
|
+
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
13450
|
+
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
13451
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
13452
|
+
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
13453
|
+
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
13057
13454
|
|
|
13058
|
-
var _templateObject$
|
|
13455
|
+
var _templateObject$21;
|
|
13059
13456
|
function ReminderModal(props) {
|
|
13060
13457
|
var _useCurrentAction = useCurrentAction(),
|
|
13061
13458
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13165,7 +13562,7 @@ function ReminderModal(props) {
|
|
|
13165
13562
|
footerActions: ''
|
|
13166
13563
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
13167
13564
|
}
|
|
13168
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
13565
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13169
13566
|
|
|
13170
13567
|
var CustomOptions = [{
|
|
13171
13568
|
label: 'Private',
|
|
@@ -13175,7 +13572,7 @@ var CustomOptions = [{
|
|
|
13175
13572
|
value: 'public'
|
|
13176
13573
|
}];
|
|
13177
13574
|
|
|
13178
|
-
var _templateObject$
|
|
13575
|
+
var _templateObject$22, _templateObject2$1B, _templateObject3$Y;
|
|
13179
13576
|
function CreateTaskModal() {
|
|
13180
13577
|
var _useStaticData = useStaticData(),
|
|
13181
13578
|
staticData = _useStaticData[0];
|
|
@@ -13328,11 +13725,11 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13328
13725
|
}
|
|
13329
13726
|
return {};
|
|
13330
13727
|
};
|
|
13331
|
-
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13332
|
-
var Label$h = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
13333
|
-
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
13728
|
+
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13729
|
+
var Label$h = /*#__PURE__*/styled__default.label(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
13730
|
+
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 50%;\n"])));
|
|
13334
13731
|
|
|
13335
|
-
var _templateObject$
|
|
13732
|
+
var _templateObject$23;
|
|
13336
13733
|
function TaskModal(props) {
|
|
13337
13734
|
var _useCurrentAction = useCurrentAction(),
|
|
13338
13735
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13435,18 +13832,18 @@ function TaskModal(props) {
|
|
|
13435
13832
|
})
|
|
13436
13833
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(CreateTaskModal, null))));
|
|
13437
13834
|
}
|
|
13438
|
-
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
13835
|
+
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13439
13836
|
|
|
13440
|
-
var _templateObject$
|
|
13441
|
-
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
13442
|
-
var Container$
|
|
13443
|
-
var FieldRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
13444
|
-
var Label$i = /*#__PURE__*/styled__default.label(_templateObject4$
|
|
13445
|
-
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject5$
|
|
13837
|
+
var _templateObject$24, _templateObject2$1C, _templateObject3$Z, _templateObject4$y, _templateObject5$o, _templateObject6$b, _templateObject7$c;
|
|
13838
|
+
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Lato', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #6a7378;\n"])));
|
|
13839
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13840
|
+
var FieldRow = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n justify-content: space-between;\n"])));
|
|
13841
|
+
var Label$i = /*#__PURE__*/styled__default.label(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13842
|
+
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject5$o || (_templateObject5$o = /*#__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"])));
|
|
13446
13843
|
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13447
13844
|
var CurrencySymbol = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13448
13845
|
|
|
13449
|
-
var _templateObject$
|
|
13846
|
+
var _templateObject$25;
|
|
13450
13847
|
var fields = [{
|
|
13451
13848
|
label: 'Weight',
|
|
13452
13849
|
value: 'weight'
|
|
@@ -13517,7 +13914,7 @@ function OrderCharges(props) {
|
|
|
13517
13914
|
});
|
|
13518
13915
|
}
|
|
13519
13916
|
};
|
|
13520
|
-
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Order Charges"), React__default.createElement(Container$
|
|
13917
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Order Charges"), React__default.createElement(Container$17, null, fields == null ? void 0 : fields.map(function (item) {
|
|
13521
13918
|
var _selectedTimedService, _props$inputValue$ite;
|
|
13522
13919
|
return React__default.createElement(FieldRow, {
|
|
13523
13920
|
key: item.value
|
|
@@ -13547,7 +13944,7 @@ function OrderCharges(props) {
|
|
|
13547
13944
|
})));
|
|
13548
13945
|
})));
|
|
13549
13946
|
}
|
|
13550
|
-
var OrderValue = /*#__PURE__*/styled__default.span(_templateObject$
|
|
13947
|
+
var OrderValue = /*#__PURE__*/styled__default.span(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n"])));
|
|
13551
13948
|
|
|
13552
13949
|
var fields$1 = [{
|
|
13553
13950
|
label: 'Repackage',
|
|
@@ -13585,7 +13982,7 @@ function CollectionAddOns(props) {
|
|
|
13585
13982
|
});
|
|
13586
13983
|
}
|
|
13587
13984
|
};
|
|
13588
|
-
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Collection Add-Ons"), React__default.createElement(Container$
|
|
13985
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Collection Add-Ons"), React__default.createElement(Container$17, null, fields$1.map(function (item) {
|
|
13589
13986
|
var _props$inputValue$ite;
|
|
13590
13987
|
return React__default.createElement(FieldRow, {
|
|
13591
13988
|
key: item.value
|
|
@@ -13648,7 +14045,7 @@ function DisposalCharge(props) {
|
|
|
13648
14045
|
});
|
|
13649
14046
|
}
|
|
13650
14047
|
};
|
|
13651
|
-
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Disposal Charges"), React__default.createElement(Container$
|
|
14048
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Disposal Charges"), React__default.createElement(Container$17, null, fields$2.map(function (item) {
|
|
13652
14049
|
var _props$inputValue$ite;
|
|
13653
14050
|
return React__default.createElement(FieldRow, {
|
|
13654
14051
|
key: item.value
|
|
@@ -13675,7 +14072,7 @@ function DisposalCharge(props) {
|
|
|
13675
14072
|
})));
|
|
13676
14073
|
}
|
|
13677
14074
|
|
|
13678
|
-
var _templateObject$
|
|
14075
|
+
var _templateObject$26, _templateObject2$1D;
|
|
13679
14076
|
function BaseCharges(props) {
|
|
13680
14077
|
var _props$staticData, _props$inputValue$bas;
|
|
13681
14078
|
var _useChargesState = useChargesState(),
|
|
@@ -13750,8 +14147,8 @@ function BaseCharges(props) {
|
|
|
13750
14147
|
onKeyDown: handleKeyDownDebrief
|
|
13751
14148
|
})))));
|
|
13752
14149
|
}
|
|
13753
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13754
|
-
var CurrencyWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14150
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14151
|
+
var CurrencyWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13755
14152
|
|
|
13756
14153
|
var fields$3 = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];
|
|
13757
14154
|
function DeliveryAddOns(props) {
|
|
@@ -13783,7 +14180,7 @@ function DeliveryAddOns(props) {
|
|
|
13783
14180
|
});
|
|
13784
14181
|
}
|
|
13785
14182
|
};
|
|
13786
|
-
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Delivery Add-Ons"), React__default.createElement(Container$
|
|
14183
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Delivery Add-Ons"), React__default.createElement(Container$17, null, fieldsInLabelValueFormat.map(function (item) {
|
|
13787
14184
|
var _props$inputValue$ite;
|
|
13788
14185
|
return React__default.createElement(FieldRow, {
|
|
13789
14186
|
key: item.value
|
|
@@ -13859,7 +14256,7 @@ function AdhocSection() {
|
|
|
13859
14256
|
});
|
|
13860
14257
|
}
|
|
13861
14258
|
};
|
|
13862
|
-
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Adhoc"), React__default.createElement(Container$
|
|
14259
|
+
return React__default.createElement(MainContainer$9, null, React__default.createElement(Title$6, null, "Adhoc"), React__default.createElement(Container$17, null, charges == null || (_charges$adhoc_charge = charges.adhoc_charges) == null ? void 0 : _charges$adhoc_charge.map(function (item) {
|
|
13863
14260
|
var _inputValues$item$id;
|
|
13864
14261
|
return React__default.createElement(FieldRow, {
|
|
13865
14262
|
key: item.id
|
|
@@ -13899,7 +14296,7 @@ function AdhocSection() {
|
|
|
13899
14296
|
})));
|
|
13900
14297
|
}
|
|
13901
14298
|
|
|
13902
|
-
var _templateObject$
|
|
14299
|
+
var _templateObject$27;
|
|
13903
14300
|
function FailureReasonDropdown() {
|
|
13904
14301
|
var _escalationCategory$f, _escalationCategory$f2, _escalationTypes$filt, _escalationTypes$filt2;
|
|
13905
14302
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13970,7 +14367,7 @@ function FailureReasonDropdown() {
|
|
|
13970
14367
|
}
|
|
13971
14368
|
}, React__default.createElement("span", null, data == null ? void 0 : data.label));
|
|
13972
14369
|
};
|
|
13973
|
-
return React__default.createElement(Container$
|
|
14370
|
+
return React__default.createElement(Container$18, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
13974
14371
|
label: "Failure Reason",
|
|
13975
14372
|
htmlFor: "failurereasondropdown",
|
|
13976
14373
|
required: true
|
|
@@ -13985,9 +14382,9 @@ function FailureReasonDropdown() {
|
|
|
13985
14382
|
isDisabled: false
|
|
13986
14383
|
}));
|
|
13987
14384
|
}
|
|
13988
|
-
var Container$
|
|
14385
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13989
14386
|
|
|
13990
|
-
var _templateObject$
|
|
14387
|
+
var _templateObject$28;
|
|
13991
14388
|
function StatusDropdown() {
|
|
13992
14389
|
var _orderStaticData$new_;
|
|
13993
14390
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14014,7 +14411,7 @@ function StatusDropdown() {
|
|
|
14014
14411
|
});
|
|
14015
14412
|
});
|
|
14016
14413
|
};
|
|
14017
|
-
return React__default.createElement(Container$
|
|
14414
|
+
return React__default.createElement(Container$19, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14018
14415
|
label: "New Status",
|
|
14019
14416
|
htmlFor: "statusdropdown",
|
|
14020
14417
|
required: true
|
|
@@ -14028,9 +14425,9 @@ function StatusDropdown() {
|
|
|
14028
14425
|
isDisabled: false
|
|
14029
14426
|
}));
|
|
14030
14427
|
}
|
|
14031
|
-
var Container$
|
|
14428
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14032
14429
|
|
|
14033
|
-
var _templateObject$
|
|
14430
|
+
var _templateObject$29;
|
|
14034
14431
|
function CancellationReasonDropdown() {
|
|
14035
14432
|
var _orderStaticData$canc;
|
|
14036
14433
|
var _useOrderCancelReason = useOrderCancelReason(),
|
|
@@ -14044,7 +14441,7 @@ function CancellationReasonDropdown() {
|
|
|
14044
14441
|
value: x.id
|
|
14045
14442
|
};
|
|
14046
14443
|
})) || [];
|
|
14047
|
-
return React__default.createElement(Container$
|
|
14444
|
+
return React__default.createElement(Container$1a, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14048
14445
|
label: "Cancellation Reason",
|
|
14049
14446
|
htmlFor: "cancellationreasondropdown",
|
|
14050
14447
|
required: true
|
|
@@ -14059,9 +14456,9 @@ function CancellationReasonDropdown() {
|
|
|
14059
14456
|
}
|
|
14060
14457
|
}));
|
|
14061
14458
|
}
|
|
14062
|
-
var Container$
|
|
14459
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14063
14460
|
|
|
14064
|
-
var _templateObject$
|
|
14461
|
+
var _templateObject$2a;
|
|
14065
14462
|
function OrderHoldReasonDropdown() {
|
|
14066
14463
|
var _orderStaticData$onho;
|
|
14067
14464
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14075,7 +14472,7 @@ function OrderHoldReasonDropdown() {
|
|
|
14075
14472
|
value: x.id
|
|
14076
14473
|
};
|
|
14077
14474
|
})) || [];
|
|
14078
|
-
return React__default.createElement(Container$
|
|
14475
|
+
return React__default.createElement(Container$1b, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14079
14476
|
label: "Hold Reason",
|
|
14080
14477
|
htmlFor: "holdreasondropdown",
|
|
14081
14478
|
required: true
|
|
@@ -14090,9 +14487,9 @@ function OrderHoldReasonDropdown() {
|
|
|
14090
14487
|
}
|
|
14091
14488
|
}));
|
|
14092
14489
|
}
|
|
14093
|
-
var Container$
|
|
14490
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14094
14491
|
|
|
14095
|
-
var _templateObject$
|
|
14492
|
+
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
14096
14493
|
function FailureContent() {
|
|
14097
14494
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14098
14495
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14159,11 +14556,11 @@ function FailureContent() {
|
|
|
14159
14556
|
onChange: function onChange() {}
|
|
14160
14557
|
}))));
|
|
14161
14558
|
}
|
|
14162
|
-
var CurrencyWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
14163
|
-
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14164
|
-
var GroupedFields = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
14165
|
-
var PairGroup = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14166
|
-
var SmallGroup = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
14559
|
+
var CurrencyWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14560
|
+
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14561
|
+
var GroupedFields = /*#__PURE__*/styled__default.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
14562
|
+
var PairGroup = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14563
|
+
var SmallGroup = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 140px;\n flex: 1;\n"])));
|
|
14167
14564
|
var FieldGroup = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n min-width: ", ";\n"])), function (props) {
|
|
14168
14565
|
return props.wide ? 2 : 1;
|
|
14169
14566
|
}, function (props) {
|
|
@@ -14174,7 +14571,7 @@ var DropdownGrid = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_temp
|
|
|
14174
14571
|
var ContDropdownGrid = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14175
14572
|
var DropdownGroup = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 1 calc(50% - 10px);\n\n @media (max-width: 768px) {\n flex: 1 1 100%;\n }\n"])));
|
|
14176
14573
|
|
|
14177
|
-
var _templateObject$
|
|
14574
|
+
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
14178
14575
|
var formatDate$2 = function formatDate(date) {
|
|
14179
14576
|
var padZero = function padZero(num) {
|
|
14180
14577
|
return num.toString().padStart(2, '0');
|
|
@@ -14216,7 +14613,7 @@ function SuccessContent() {
|
|
|
14216
14613
|
return React__default.createElement(Wrapper$l, null, React__default.createElement(FieldGroup$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14217
14614
|
label: "Signed By",
|
|
14218
14615
|
htmlFor: "signedby"
|
|
14219
|
-
}), React__default.createElement(StyledInput$
|
|
14616
|
+
}), React__default.createElement(StyledInput$2, {
|
|
14220
14617
|
id: "signedby",
|
|
14221
14618
|
placeholder: "",
|
|
14222
14619
|
value: (orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.recipient_name) || '',
|
|
@@ -14264,21 +14661,21 @@ function SuccessContent() {
|
|
|
14264
14661
|
onChange: function onChange() {}
|
|
14265
14662
|
}))));
|
|
14266
14663
|
}
|
|
14267
|
-
var CurrencyWrapper$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
14268
|
-
var DropdownGrid$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14269
|
-
var GroupedFields$1 = /*#__PURE__*/styled__default.div(_templateObject3
|
|
14270
|
-
var PairGroup$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14271
|
-
var SmallGroup$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
14664
|
+
var CurrencyWrapper$2 = /*#__PURE__*/styled__default.span(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14665
|
+
var DropdownGrid$1 = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14666
|
+
var GroupedFields$1 = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14667
|
+
var PairGroup$1 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14668
|
+
var SmallGroup$1 = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 48%;\n"])));
|
|
14272
14669
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n padding: 10px 0;\n"])));
|
|
14273
14670
|
var FieldGroup$1 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n"])), function (props) {
|
|
14274
14671
|
return props.wide ? 2 : 1;
|
|
14275
14672
|
});
|
|
14276
14673
|
var TextInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14277
|
-
var StyledInput$
|
|
14674
|
+
var StyledInput$2 = /*#__PURE__*/styled__default(Input$1)(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 38px;\n"])));
|
|
14278
14675
|
var DateInput = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px;\n border-radius: 6px;\n border: 1px solid #e0e2e7;\n background-color: #fff;\n color: #363a30;\n height: 38px;\n font-size: 14px;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n"])));
|
|
14279
14676
|
var Text$a = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14280
14677
|
|
|
14281
|
-
var _templateObject$
|
|
14678
|
+
var _templateObject$2d, _templateObject2$1G;
|
|
14282
14679
|
var radioButtonFilterOptions = [{
|
|
14283
14680
|
label: 'Yes',
|
|
14284
14681
|
value: 'true'
|
|
@@ -14351,7 +14748,7 @@ function RadioButtonGroups() {
|
|
|
14351
14748
|
return _extends({}, prev, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
14352
14749
|
});
|
|
14353
14750
|
};
|
|
14354
|
-
return React__default.createElement(Container$
|
|
14751
|
+
return React__default.createElement(Container$1c, null, React__default.createElement(Group, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
14355
14752
|
heading: "Service Type",
|
|
14356
14753
|
onChange: onChangeServiceType,
|
|
14357
14754
|
options: serviceTypeOptions || [],
|
|
@@ -14391,31 +14788,31 @@ function RadioButtonGroups() {
|
|
|
14391
14788
|
}));
|
|
14392
14789
|
}));
|
|
14393
14790
|
}
|
|
14394
|
-
var Container$
|
|
14395
|
-
var Group = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14791
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__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"])));
|
|
14792
|
+
var Group = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
14396
14793
|
|
|
14397
|
-
var _templateObject$
|
|
14794
|
+
var _templateObject$2e, _templateObject2$1H, _templateObject3$10;
|
|
14398
14795
|
function OrderInfo() {
|
|
14399
14796
|
var _useActiveTab = useActiveTab(),
|
|
14400
14797
|
activeTab = _useActiveTab[0];
|
|
14401
|
-
return React__default.createElement(Container$
|
|
14798
|
+
return React__default.createElement(Container$1d, 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)));
|
|
14402
14799
|
}
|
|
14403
14800
|
// const DescriptionWrapper = styled.div`
|
|
14404
14801
|
// display: flex;
|
|
14405
14802
|
// gap: 20px;
|
|
14406
14803
|
// width: 100%;
|
|
14407
14804
|
// `;
|
|
14408
|
-
var Middle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14805
|
+
var Middle = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14409
14806
|
// const Bottom = styled.div`
|
|
14410
14807
|
// display: flex;
|
|
14411
14808
|
// flex-direction: column;
|
|
14412
14809
|
// gap: 20px;
|
|
14413
14810
|
// `;
|
|
14414
|
-
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14415
|
-
var Container$
|
|
14811
|
+
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
14812
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
14416
14813
|
var OrderInfo$1 = /*#__PURE__*/React__default.memo(OrderInfo);
|
|
14417
14814
|
|
|
14418
|
-
var _templateObject$
|
|
14815
|
+
var _templateObject$2f;
|
|
14419
14816
|
var Options = [{
|
|
14420
14817
|
label: 'Success',
|
|
14421
14818
|
value: 'success',
|
|
@@ -14450,9 +14847,9 @@ var ForceDebriefSelector = function ForceDebriefSelector(_ref) {
|
|
|
14450
14847
|
optionBorderRadius: 30
|
|
14451
14848
|
}));
|
|
14452
14849
|
};
|
|
14453
|
-
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14850
|
+
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 25%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
14454
14851
|
|
|
14455
|
-
var _templateObject$
|
|
14852
|
+
var _templateObject$2g;
|
|
14456
14853
|
function EscalationCategory() {
|
|
14457
14854
|
var _orderStaticData$esca;
|
|
14458
14855
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14483,7 +14880,7 @@ function EscalationCategory() {
|
|
|
14483
14880
|
});
|
|
14484
14881
|
setEscalationCategory(selectedOption);
|
|
14485
14882
|
}, [failureReason]);
|
|
14486
|
-
return React__default.createElement(Container$
|
|
14883
|
+
return React__default.createElement(Container$1e, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14487
14884
|
label: "Escalation Category"
|
|
14488
14885
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14489
14886
|
options: escalationCategoryOptions || [],
|
|
@@ -14525,9 +14922,9 @@ function EscalationCategory() {
|
|
|
14525
14922
|
}
|
|
14526
14923
|
}));
|
|
14527
14924
|
}
|
|
14528
|
-
var Container$
|
|
14925
|
+
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14529
14926
|
|
|
14530
|
-
var _templateObject$
|
|
14927
|
+
var _templateObject$2h;
|
|
14531
14928
|
function EscalationLevel() {
|
|
14532
14929
|
var _orderStaticData$esca;
|
|
14533
14930
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14554,7 +14951,7 @@ function EscalationLevel() {
|
|
|
14554
14951
|
});
|
|
14555
14952
|
setEscalationLevel(defaultLevel);
|
|
14556
14953
|
}, [escalationCategory]);
|
|
14557
|
-
return React__default.createElement(Container$
|
|
14954
|
+
return React__default.createElement(Container$1f, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14558
14955
|
label: "Escalation Level"
|
|
14559
14956
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14560
14957
|
options: escalationLevelOptions || [],
|
|
@@ -14596,9 +14993,9 @@ function EscalationLevel() {
|
|
|
14596
14993
|
}
|
|
14597
14994
|
}));
|
|
14598
14995
|
}
|
|
14599
|
-
var Container$
|
|
14996
|
+
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14600
14997
|
|
|
14601
|
-
var _templateObject$
|
|
14998
|
+
var _templateObject$2i;
|
|
14602
14999
|
function EscalationReason() {
|
|
14603
15000
|
var _escalationTypes$find, _orderStaticData$esca;
|
|
14604
15001
|
var _useEscalationReason = useEscalationReason(),
|
|
@@ -14650,7 +15047,7 @@ function EscalationReason() {
|
|
|
14650
15047
|
setEscalationReasonState(filteredEscReasonOptions[0]);
|
|
14651
15048
|
}
|
|
14652
15049
|
}, [escalationCategory]);
|
|
14653
|
-
return React__default.createElement(Container$
|
|
15050
|
+
return React__default.createElement(Container$1g, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
14654
15051
|
label: "Escalation Reason"
|
|
14655
15052
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
14656
15053
|
options: filteredEscReasonOptions || [],
|
|
@@ -14692,7 +15089,7 @@ function EscalationReason() {
|
|
|
14692
15089
|
}
|
|
14693
15090
|
}));
|
|
14694
15091
|
}
|
|
14695
|
-
var Container$
|
|
15092
|
+
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14696
15093
|
|
|
14697
15094
|
function Escalation() {
|
|
14698
15095
|
return React__default.createElement("div", {
|
|
@@ -14704,7 +15101,7 @@ function Escalation() {
|
|
|
14704
15101
|
}, React__default.createElement(EscalationCategory, null), React__default.createElement(EscalationLevel, null), React__default.createElement(EscalationReason, null));
|
|
14705
15102
|
}
|
|
14706
15103
|
|
|
14707
|
-
var _templateObject$
|
|
15104
|
+
var _templateObject$2j, _templateObject2$1I, _templateObject3$11;
|
|
14708
15105
|
function OrderTemplate() {
|
|
14709
15106
|
var _orderDetails$order_r, _routesDetails$route_;
|
|
14710
15107
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -14751,11 +15148,11 @@ function OrderTemplate() {
|
|
|
14751
15148
|
}
|
|
14752
15149
|
}))));
|
|
14753
15150
|
}
|
|
14754
|
-
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14755
|
-
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
14756
|
-
var Info = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
15151
|
+
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n gap: 15px;\n"])));
|
|
15152
|
+
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
15153
|
+
var Info = /*#__PURE__*/styled__default.span(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14757
15154
|
|
|
14758
|
-
var _templateObject$
|
|
15155
|
+
var _templateObject$2k, _templateObject2$1J, _templateObject3$12;
|
|
14759
15156
|
function FlagTemplate(_ref) {
|
|
14760
15157
|
var _formatUtcToLocal, _formatUtcToLocal2;
|
|
14761
15158
|
var data = _ref.data,
|
|
@@ -14796,19 +15193,19 @@ function FlagTemplate(_ref) {
|
|
|
14796
15193
|
}
|
|
14797
15194
|
}));
|
|
14798
15195
|
}
|
|
14799
|
-
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14800
|
-
var StyledLink$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
14801
|
-
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3
|
|
15196
|
+
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15197
|
+
var StyledLink$1 = /*#__PURE__*/styled__default.span(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
15198
|
+
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
14802
15199
|
var color = _ref2.color;
|
|
14803
15200
|
return color;
|
|
14804
15201
|
});
|
|
14805
15202
|
|
|
14806
|
-
var _templateObject$
|
|
15203
|
+
var _templateObject$2l, _templateObject2$1K;
|
|
14807
15204
|
function Tabs(_ref) {
|
|
14808
15205
|
var dismissFlags = _ref.dismissFlags;
|
|
14809
15206
|
var _useTasksData = useTasksData(),
|
|
14810
15207
|
taskData = _useTasksData[0];
|
|
14811
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$
|
|
15208
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1h, {
|
|
14812
15209
|
className: "tab-content"
|
|
14813
15210
|
}, React__default.createElement(OrderTemplate, null), taskData == null ? void 0 : taskData.map(function (item, index) {
|
|
14814
15211
|
return React__default.createElement(FlagTemplate, {
|
|
@@ -14818,10 +15215,10 @@ function Tabs(_ref) {
|
|
|
14818
15215
|
});
|
|
14819
15216
|
}))));
|
|
14820
15217
|
}
|
|
14821
|
-
var Container$
|
|
14822
|
-
var Content = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15218
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
15219
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14823
15220
|
|
|
14824
|
-
var _templateObject$
|
|
15221
|
+
var _templateObject$2m, _templateObject2$1L, _templateObject3$13, _templateObject4$B, _templateObject5$r;
|
|
14825
15222
|
function FDNotification() {
|
|
14826
15223
|
var _orderData$order_rout;
|
|
14827
15224
|
var _useTasksData = useTasksData(),
|
|
@@ -14917,13 +15314,13 @@ function FDNotification() {
|
|
|
14917
15314
|
}, [routesDataLoading]);
|
|
14918
15315
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$1, null, unresolvedLoading ? React__default.createElement(Loader, null, React__default.createElement(Spinner, null), React__default.createElement(Text$b, null, "Fetching Notifications...")) : (taskData == null ? void 0 : taskData.length) > 0 || orderData ? React__default.createElement(TabsWrapper, null, React__default.createElement(Tabs, null)) : 'No Notifications Found'));
|
|
14919
15316
|
}
|
|
14920
|
-
var Loader = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14921
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14922
|
-
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
14923
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14924
|
-
var Text$b = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
15317
|
+
var Loader = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15318
|
+
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
15319
|
+
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject3$13 || (_templateObject3$13 = /*#__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"])));
|
|
15320
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$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"])));
|
|
15321
|
+
var Text$b = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14925
15322
|
|
|
14926
|
-
var _templateObject$
|
|
15323
|
+
var _templateObject$2n, _templateObject2$1M, _templateObject3$14, _templateObject4$C, _templateObject5$s;
|
|
14927
15324
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14928
15325
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14929
15326
|
var onCancel = function onCancel() {
|
|
@@ -14934,20 +15331,20 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14934
15331
|
props == null || props.setConfirmationModal(false);
|
|
14935
15332
|
props == null || props.onProceed();
|
|
14936
15333
|
};
|
|
14937
|
-
return React__default.createElement(dmsComponentLibrary.BackgroundModal, Object.assign({}, props), React__default.createElement(MainContainer$a, null, React__default.createElement(Container$
|
|
15334
|
+
return React__default.createElement(dmsComponentLibrary.BackgroundModal, Object.assign({}, props), React__default.createElement(MainContainer$a, null, React__default.createElement(Container$1i, 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, {
|
|
14938
15335
|
cancelLabel: "Amend",
|
|
14939
15336
|
completeLabel: "Proceed",
|
|
14940
15337
|
onCancel: onCancel,
|
|
14941
15338
|
onComplete: onComplete
|
|
14942
15339
|
})));
|
|
14943
15340
|
};
|
|
14944
|
-
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
14945
|
-
var Container$
|
|
14946
|
-
var Title$8 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
14947
|
-
var IconContainer$4 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14948
|
-
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
15341
|
+
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
15342
|
+
var Container$1i = /*#__PURE__*/styled__default.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
15343
|
+
var Title$8 = /*#__PURE__*/styled__default.span(_templateObject3$14 || (_templateObject3$14 = /*#__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"])));
|
|
15344
|
+
var IconContainer$4 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__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"])));
|
|
15345
|
+
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__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"])));
|
|
14949
15346
|
|
|
14950
|
-
var _templateObject$
|
|
15347
|
+
var _templateObject$2o, _templateObject2$1N, _templateObject3$15, _templateObject4$D, _templateObject5$t, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14951
15348
|
function ForceDebriefModal(props) {
|
|
14952
15349
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14953
15350
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15444,13 +15841,13 @@ function ForceDebriefModal(props) {
|
|
|
15444
15841
|
headerActions: React__default.createElement(ForceDebriefSelector, {
|
|
15445
15842
|
onSwitchChange: handleSwitchChange
|
|
15446
15843
|
})
|
|
15447
|
-
}, React__default.createElement(MainContainer$b, null, React__default.createElement(FDNotification, null), React__default.createElement(ContentContainer$7, null, React__default.createElement(OrderInfo$1, null)), React__default.createElement(ContentContainer$7, null, React__default.createElement(Container$
|
|
15844
|
+
}, React__default.createElement(MainContainer$b, null, React__default.createElement(FDNotification, null), React__default.createElement(ContentContainer$7, null, React__default.createElement(OrderInfo$1, null)), React__default.createElement(ContentContainer$7, null, React__default.createElement(Container$1j, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15448
15845
|
label: "Delivery Instructions",
|
|
15449
15846
|
htmlFor: "deliveryInstruction"
|
|
15450
|
-
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React__default.createElement(Container$
|
|
15847
|
+
}), React__default.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React__default.createElement(Container$1j, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15451
15848
|
label: "Other Instructions",
|
|
15452
15849
|
htmlFor: "otherInstruction"
|
|
15453
|
-
}), 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$
|
|
15850
|
+
}), 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$1j, null, isDeleted == null ? void 0 : isDeleted.map(function (item, index) {
|
|
15454
15851
|
var _item$order_product_t;
|
|
15455
15852
|
return React__default.createElement(ProductContainer, {
|
|
15456
15853
|
key: index
|
|
@@ -15491,21 +15888,21 @@ function ForceDebriefModal(props) {
|
|
|
15491
15888
|
onProceed: onSubmit
|
|
15492
15889
|
}));
|
|
15493
15890
|
}
|
|
15494
|
-
var Status$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
15495
|
-
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15496
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
15497
|
-
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
15498
|
-
var Container$
|
|
15891
|
+
var Status$1 = /*#__PURE__*/styled__default.span(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n color: #3a3630;\n"])));
|
|
15892
|
+
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15893
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15894
|
+
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15895
|
+
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15499
15896
|
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"])));
|
|
15500
15897
|
var ContentContainer$7 = /*#__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"])));
|
|
15501
15898
|
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"])));
|
|
15502
15899
|
var ForceDebriefModal$1 = /*#__PURE__*/React__default.memo(ForceDebriefModal);
|
|
15503
15900
|
|
|
15504
|
-
var _templateObject$
|
|
15901
|
+
var _templateObject$2p;
|
|
15505
15902
|
function GenericInput(props) {
|
|
15506
|
-
return React__default.createElement(StyledInput$
|
|
15903
|
+
return React__default.createElement(StyledInput$3, Object.assign({}, props));
|
|
15507
15904
|
}
|
|
15508
|
-
var StyledInput$
|
|
15905
|
+
var StyledInput$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$2p || (_templateObject$2p = /*#__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) {
|
|
15509
15906
|
var hasError = _ref.hasError;
|
|
15510
15907
|
return hasError ? 'red' : '#ccc';
|
|
15511
15908
|
}, function (_ref2) {
|
|
@@ -15513,7 +15910,7 @@ var StyledInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_tem
|
|
|
15513
15910
|
return hasError ? 'red' : '#888';
|
|
15514
15911
|
});
|
|
15515
15912
|
|
|
15516
|
-
var _templateObject$
|
|
15913
|
+
var _templateObject$2q, _templateObject2$1O, _templateObject3$16, _templateObject4$E, _templateObject5$u, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
|
|
15517
15914
|
function What3WordsModal(props) {
|
|
15518
15915
|
var _orderDetails$order_r5, _orderDetails$order_r6;
|
|
15519
15916
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
@@ -15671,21 +16068,21 @@ function What3WordsModal(props) {
|
|
|
15671
16068
|
submitBtnTitle: "Save Details"
|
|
15672
16069
|
}, React__default.createElement(Section$2, null, React__default.createElement(FieldRow$1, null, React__default.createElement(WordsSection, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15673
16070
|
label: "Words"
|
|
15674
|
-
}), React__default.createElement(WordInputWrapper, null, React__default.createElement(CustomInput$
|
|
16071
|
+
}), React__default.createElement(WordInputWrapper, null, React__default.createElement(CustomInput$8, {
|
|
15675
16072
|
name: "w3w",
|
|
15676
16073
|
type: "text",
|
|
15677
16074
|
placeholder: "Format: word.word.word",
|
|
15678
16075
|
value: localW3W,
|
|
15679
16076
|
onChange: onChangeW3W,
|
|
15680
16077
|
disabled: isClientPortal
|
|
15681
|
-
}), w3wError && React__default.createElement(ErrorText$
|
|
16078
|
+
}), w3wError && React__default.createElement(ErrorText$b, null, w3wError)), React__default.createElement(CurrentText, null, React__default.createElement("strong", null, "Current:"), ' ', React__default.createElement("a", {
|
|
15682
16079
|
href: "https://what3words.com/" + currentWhat3Words,
|
|
15683
16080
|
target: "_blank",
|
|
15684
16081
|
rel: "noopener noreferrer"
|
|
15685
16082
|
}, currentWhat3Words))))), React__default.createElement(Section$2, null, React__default.createElement(CoordRow, null, React__default.createElement(Coordinate, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15686
16083
|
label: "Latitude",
|
|
15687
16084
|
htmlFor: "lat"
|
|
15688
|
-
}), React__default.createElement(CustomInput$
|
|
16085
|
+
}), React__default.createElement(CustomInput$8, {
|
|
15689
16086
|
name: "lat",
|
|
15690
16087
|
type: "number",
|
|
15691
16088
|
placeholder: "Lat",
|
|
@@ -15695,7 +16092,7 @@ function What3WordsModal(props) {
|
|
|
15695
16092
|
})), React__default.createElement(Coordinate, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
15696
16093
|
label: "Longitude",
|
|
15697
16094
|
htmlFor: "long"
|
|
15698
|
-
}), React__default.createElement(CustomInput$
|
|
16095
|
+
}), React__default.createElement(CustomInput$8, {
|
|
15699
16096
|
name: "long",
|
|
15700
16097
|
type: "number",
|
|
15701
16098
|
placeholder: "Long",
|
|
@@ -15704,17 +16101,17 @@ function What3WordsModal(props) {
|
|
|
15704
16101
|
onKeyDown: handleKeyDown
|
|
15705
16102
|
})))));
|
|
15706
16103
|
}
|
|
15707
|
-
var WordsSection = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15708
|
-
var WordInputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15709
|
-
var CurrentText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
15710
|
-
var ErrorText$
|
|
15711
|
-
var Section$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
16104
|
+
var WordsSection = /*#__PURE__*/styled__default.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n"])));
|
|
16105
|
+
var WordInputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n"])));
|
|
16106
|
+
var CurrentText = /*#__PURE__*/styled__default.div(_templateObject3$16 || (_templateObject3$16 = /*#__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"])));
|
|
16107
|
+
var ErrorText$b = /*#__PURE__*/styled__default.span(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
16108
|
+
var Section$2 = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15712
16109
|
var FieldRow$1 = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n"])));
|
|
15713
16110
|
var CoordRow = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 14px;\n"])));
|
|
15714
16111
|
var Coordinate = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
15715
|
-
var CustomInput$
|
|
16112
|
+
var CustomInput$8 = /*#__PURE__*/styled__default(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"])));
|
|
15716
16113
|
|
|
15717
|
-
var _templateObject$
|
|
16114
|
+
var _templateObject$2r;
|
|
15718
16115
|
function OrderActions() {
|
|
15719
16116
|
var _useCurrentAction = useCurrentAction(),
|
|
15720
16117
|
currentAction = _useCurrentAction[0],
|
|
@@ -15980,11 +16377,11 @@ function OrderActions() {
|
|
|
15980
16377
|
return null;
|
|
15981
16378
|
}
|
|
15982
16379
|
};
|
|
15983
|
-
return React__default.createElement(Container$
|
|
16380
|
+
return React__default.createElement(Container$1k, null, renderContent());
|
|
15984
16381
|
}
|
|
15985
|
-
var Container$
|
|
16382
|
+
var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15986
16383
|
|
|
15987
|
-
var _templateObject$
|
|
16384
|
+
var _templateObject$2s, _templateObject2$1P, _templateObject3$17, _templateObject4$F;
|
|
15988
16385
|
var Details = function Details() {
|
|
15989
16386
|
var _globalEscData$, _globalEscData$2;
|
|
15990
16387
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15996,10 +16393,10 @@ var Details = function Details() {
|
|
|
15996
16393
|
globalEscData = _useGlobalEscData[0];
|
|
15997
16394
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React__default.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) + ")")));
|
|
15998
16395
|
};
|
|
15999
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16000
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16001
|
-
var Name = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
16002
|
-
var EscInfo = /*#__PURE__*/styled__default(Name)(_templateObject4$
|
|
16396
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$2s || (_templateObject$2s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
16397
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1P || (_templateObject2$1P = /*#__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"])));
|
|
16398
|
+
var Name = /*#__PURE__*/styled__default.div(_templateObject3$17 || (_templateObject3$17 = /*#__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"])));
|
|
16399
|
+
var EscInfo = /*#__PURE__*/styled__default(Name)(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
16003
16400
|
|
|
16004
16401
|
var bjsMenu = [{
|
|
16005
16402
|
label: 'Add Order Resources',
|
|
@@ -16075,7 +16472,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
16075
16472
|
}));
|
|
16076
16473
|
};
|
|
16077
16474
|
|
|
16078
|
-
var _templateObject$
|
|
16475
|
+
var _templateObject$2t, _templateObject2$1Q;
|
|
16079
16476
|
function Options$1() {
|
|
16080
16477
|
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
16081
16478
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16170,10 +16567,10 @@ function Options$1() {
|
|
|
16170
16567
|
fill: '#f0f2f2'
|
|
16171
16568
|
})))));
|
|
16172
16569
|
}
|
|
16173
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16174
|
-
var StyledSpace = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$
|
|
16570
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16571
|
+
var StyledSpace = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1Q || (_templateObject2$1Q = /*#__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"])));
|
|
16175
16572
|
|
|
16176
|
-
var _templateObject$
|
|
16573
|
+
var _templateObject$2u, _templateObject2$1R;
|
|
16177
16574
|
function Print() {
|
|
16178
16575
|
var _useOrderDetails = useOrderDetails(),
|
|
16179
16576
|
orderDetails = _useOrderDetails[0];
|
|
@@ -16280,7 +16677,7 @@ function Print() {
|
|
|
16280
16677
|
};
|
|
16281
16678
|
})
|
|
16282
16679
|
};
|
|
16283
|
-
return React__default.createElement(Container$
|
|
16680
|
+
return React__default.createElement(Container$1l, null, React__default.createElement(antd.Dropdown, {
|
|
16284
16681
|
menu: menuItems,
|
|
16285
16682
|
trigger: ['hover']
|
|
16286
16683
|
}, React__default.createElement("a", {
|
|
@@ -16294,10 +16691,10 @@ function Print() {
|
|
|
16294
16691
|
fill: '#f0f2f2'
|
|
16295
16692
|
})))));
|
|
16296
16693
|
}
|
|
16297
|
-
var Container$
|
|
16298
|
-
var StyledSpace$1 = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$
|
|
16694
|
+
var Container$1l = /*#__PURE__*/styled__default.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16695
|
+
var StyledSpace$1 = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$1R || (_templateObject2$1R = /*#__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"])));
|
|
16299
16696
|
|
|
16300
|
-
var _templateObject$
|
|
16697
|
+
var _templateObject$2v;
|
|
16301
16698
|
function BjsMenuDropDown() {
|
|
16302
16699
|
var _orderStatus$;
|
|
16303
16700
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16341,9 +16738,9 @@ function BjsMenuDropDown() {
|
|
|
16341
16738
|
fill: '#f0f2f2'
|
|
16342
16739
|
}))));
|
|
16343
16740
|
}
|
|
16344
|
-
var StyledSpace$2 = /*#__PURE__*/styled__default(antd.Space)(_templateObject$
|
|
16741
|
+
var StyledSpace$2 = /*#__PURE__*/styled__default(antd.Space)(_templateObject$2v || (_templateObject$2v = /*#__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"])));
|
|
16345
16742
|
|
|
16346
|
-
var _templateObject$
|
|
16743
|
+
var _templateObject$2w, _templateObject2$1S;
|
|
16347
16744
|
// components
|
|
16348
16745
|
function DropDowns$1() {
|
|
16349
16746
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
|
|
@@ -16416,24 +16813,24 @@ function DropDowns$1() {
|
|
|
16416
16813
|
}, action == null ? void 0 : action.label);
|
|
16417
16814
|
})));
|
|
16418
16815
|
}
|
|
16419
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
16420
|
-
var FontContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16816
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n align-items: center;\n"])));
|
|
16817
|
+
var FontContainer = /*#__PURE__*/styled__default.div(_templateObject2$1S || (_templateObject2$1S = /*#__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) {
|
|
16421
16818
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
16422
16819
|
});
|
|
16423
16820
|
|
|
16424
|
-
var _templateObject$
|
|
16821
|
+
var _templateObject$2x;
|
|
16425
16822
|
var ActionsMenu = function ActionsMenu() {
|
|
16426
16823
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
16427
16824
|
};
|
|
16428
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16825
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$2x || (_templateObject$2x = /*#__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"])));
|
|
16429
16826
|
|
|
16430
|
-
var _templateObject$
|
|
16827
|
+
var _templateObject$2y;
|
|
16431
16828
|
var DetailsFilters = function DetailsFilters() {
|
|
16432
16829
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
16433
16830
|
};
|
|
16434
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16831
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$2y || (_templateObject$2y = /*#__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"])));
|
|
16435
16832
|
|
|
16436
|
-
var _templateObject$
|
|
16833
|
+
var _templateObject$2z, _templateObject2$1T;
|
|
16437
16834
|
function OrderTemplate$1(_ref) {
|
|
16438
16835
|
var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
|
|
16439
16836
|
var orderDetails = _ref.orderDetails,
|
|
@@ -16708,10 +17105,10 @@ function OrderTemplate$1(_ref) {
|
|
|
16708
17105
|
}
|
|
16709
17106
|
}));
|
|
16710
17107
|
}
|
|
16711
|
-
var FlagsStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16712
|
-
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17108
|
+
var FlagsStyle = /*#__PURE__*/styled__default.div(_templateObject$2z || (_templateObject$2z = /*#__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"])));
|
|
17109
|
+
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
16713
17110
|
|
|
16714
|
-
var _templateObject$
|
|
17111
|
+
var _templateObject$2A, _templateObject2$1U, _templateObject3$18;
|
|
16715
17112
|
function ReminderTemplate(_ref) {
|
|
16716
17113
|
var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
|
|
16717
17114
|
var data = _ref.data,
|
|
@@ -16749,18 +17146,18 @@ function ReminderTemplate(_ref) {
|
|
|
16749
17146
|
}
|
|
16750
17147
|
})));
|
|
16751
17148
|
}
|
|
16752
|
-
var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16753
|
-
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
17149
|
+
var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
17150
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
16754
17151
|
var color = _ref2.color;
|
|
16755
17152
|
return color;
|
|
16756
17153
|
});
|
|
16757
|
-
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
17154
|
+
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$18 || (_templateObject3$18 = /*#__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) {
|
|
16758
17155
|
return props != null && props.$disable ? 'auto' : 'pointer';
|
|
16759
17156
|
}, function (props) {
|
|
16760
17157
|
return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
|
|
16761
17158
|
});
|
|
16762
17159
|
|
|
16763
|
-
var _templateObject$
|
|
17160
|
+
var _templateObject$2B, _templateObject2$1V;
|
|
16764
17161
|
function Tabs$1(_ref) {
|
|
16765
17162
|
var activeTasks = _ref.activeTasks,
|
|
16766
17163
|
closedTasks = _ref.closedTasks,
|
|
@@ -16777,7 +17174,7 @@ function Tabs$1(_ref) {
|
|
|
16777
17174
|
var additionalNotifications = activeTasks == null ? void 0 : activeTasks.slice(3);
|
|
16778
17175
|
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
16779
17176
|
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
16780
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content$1, null, React__default.createElement(Container$
|
|
17177
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content$1, null, React__default.createElement(Container$1m, {
|
|
16781
17178
|
className: "tab-content"
|
|
16782
17179
|
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderTemplate$1, {
|
|
16783
17180
|
orderDetails: orderDetails,
|
|
@@ -16820,8 +17217,8 @@ function Tabs$1(_ref) {
|
|
|
16820
17217
|
});
|
|
16821
17218
|
})))));
|
|
16822
17219
|
}
|
|
16823
|
-
var Container$
|
|
16824
|
-
var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17220
|
+
var Container$1m = /*#__PURE__*/styled__default.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
17221
|
+
var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16825
17222
|
|
|
16826
17223
|
var NotifyFlag = function NotifyFlag() {
|
|
16827
17224
|
return React__default.createElement("svg", {
|
|
@@ -16839,7 +17236,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16839
17236
|
}));
|
|
16840
17237
|
};
|
|
16841
17238
|
|
|
16842
|
-
var _templateObject$
|
|
17239
|
+
var _templateObject$2C, _templateObject2$1W, _templateObject3$19, _templateObject4$G, _templateObject5$v, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$b;
|
|
16843
17240
|
function Notification() {
|
|
16844
17241
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16845
17242
|
var _useTabType = useTabType(),
|
|
@@ -17087,7 +17484,7 @@ function Notification() {
|
|
|
17087
17484
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
17088
17485
|
return item.status === 'SD';
|
|
17089
17486
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
17090
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$3, null, React__default.createElement(Container$
|
|
17487
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$3, null, React__default.createElement(Container$1n, {
|
|
17091
17488
|
className: "notification-header"
|
|
17092
17489
|
}, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$j, {
|
|
17093
17490
|
label: "NOTIFICATIONS"
|
|
@@ -17181,11 +17578,11 @@ function Notification() {
|
|
|
17181
17578
|
routeInfoData: orderAlertsData
|
|
17182
17579
|
})) : 'No Notifications Found'));
|
|
17183
17580
|
}
|
|
17184
|
-
var Container$
|
|
17185
|
-
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17186
|
-
var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
17187
|
-
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
17188
|
-
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
17581
|
+
var Container$1n = /*#__PURE__*/styled__default.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
17582
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
17583
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$19 || (_templateObject3$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
17584
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
17585
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
17189
17586
|
var StyledTab = /*#__PURE__*/styled__default.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) {
|
|
17190
17587
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
17191
17588
|
}, function (props) {
|
|
@@ -17195,47 +17592,47 @@ var Section$3 = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templat
|
|
|
17195
17592
|
var Label$j = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
17196
17593
|
var TabsWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
17197
17594
|
|
|
17198
|
-
var _templateObject$
|
|
17595
|
+
var _templateObject$2D;
|
|
17199
17596
|
function CollapsedContent$2() {
|
|
17200
17597
|
return React__default.createElement(Font$1, null, "ORDER RESOURCES");
|
|
17201
17598
|
}
|
|
17202
|
-
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17599
|
+
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
17203
17600
|
|
|
17204
|
-
var _templateObject$
|
|
17601
|
+
var _templateObject$2E, _templateObject2$1X;
|
|
17205
17602
|
function Category(props) {
|
|
17206
17603
|
var _props$row;
|
|
17207
17604
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
17208
17605
|
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$7, null, data));
|
|
17209
17606
|
}
|
|
17210
|
-
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17211
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17607
|
+
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17608
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17212
17609
|
|
|
17213
|
-
var _templateObject$
|
|
17610
|
+
var _templateObject$2F, _templateObject2$1Y;
|
|
17214
17611
|
function Date$2(props) {
|
|
17215
17612
|
var _props$row;
|
|
17216
17613
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
17217
17614
|
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$8, null, formatDate$1(data)));
|
|
17218
17615
|
}
|
|
17219
|
-
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17220
|
-
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17616
|
+
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17617
|
+
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17221
17618
|
|
|
17222
|
-
var _templateObject$
|
|
17619
|
+
var _templateObject$2G, _templateObject2$1Z;
|
|
17223
17620
|
function Reference(props) {
|
|
17224
17621
|
var _props$row;
|
|
17225
17622
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
17226
17623
|
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$9, null, data));
|
|
17227
17624
|
}
|
|
17228
|
-
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17229
|
-
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17625
|
+
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17626
|
+
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17230
17627
|
|
|
17231
|
-
var _templateObject$
|
|
17628
|
+
var _templateObject$2H, _templateObject2$1_;
|
|
17232
17629
|
function Type(props) {
|
|
17233
17630
|
var _props$row;
|
|
17234
17631
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
17235
17632
|
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$a, null, data));
|
|
17236
17633
|
}
|
|
17237
|
-
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17238
|
-
var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17634
|
+
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17635
|
+
var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17239
17636
|
|
|
17240
17637
|
var DownloadIcon = function DownloadIcon() {
|
|
17241
17638
|
return React__default.createElement("svg", {
|
|
@@ -17264,7 +17661,7 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
17264
17661
|
})));
|
|
17265
17662
|
};
|
|
17266
17663
|
|
|
17267
|
-
var _templateObject$
|
|
17664
|
+
var _templateObject$2I, _templateObject2$1$, _templateObject3$1a;
|
|
17268
17665
|
function Action(_ref) {
|
|
17269
17666
|
var _row$original, _orderResources$data;
|
|
17270
17667
|
var row = _ref.row;
|
|
@@ -17374,9 +17771,9 @@ function Action(_ref) {
|
|
|
17374
17771
|
}, React__default.createElement(DownloadIcon, null)))));
|
|
17375
17772
|
}
|
|
17376
17773
|
// Styled components for styling
|
|
17377
|
-
var Actions = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17378
|
-
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17379
|
-
var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
17774
|
+
var Actions = /*#__PURE__*/styled__default.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17775
|
+
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
17776
|
+
var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
17380
17777
|
|
|
17381
17778
|
var tableColumns$1 = [{
|
|
17382
17779
|
header: 'Date',
|
|
@@ -17405,7 +17802,7 @@ var tableColumns$1 = [{
|
|
|
17405
17802
|
enableSorting: false
|
|
17406
17803
|
}];
|
|
17407
17804
|
|
|
17408
|
-
var _templateObject$
|
|
17805
|
+
var _templateObject$2J;
|
|
17409
17806
|
function Order$1(_ref) {
|
|
17410
17807
|
var _orderResources$data;
|
|
17411
17808
|
var loading = _ref.loading;
|
|
@@ -17420,10 +17817,11 @@ function Order$1(_ref) {
|
|
|
17420
17817
|
loading: loading
|
|
17421
17818
|
})));
|
|
17422
17819
|
}
|
|
17423
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17820
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
17424
17821
|
|
|
17425
|
-
var _templateObject$
|
|
17822
|
+
var _templateObject$2K, _templateObject2$20, _templateObject3$1b, _templateObject4$H;
|
|
17426
17823
|
function OrderView(_ref) {
|
|
17824
|
+
var _orderDetails$order_r3;
|
|
17427
17825
|
var locationloading = _ref.locationloading;
|
|
17428
17826
|
antd.notification.config({
|
|
17429
17827
|
top: 150
|
|
@@ -17478,6 +17876,8 @@ function OrderView(_ref) {
|
|
|
17478
17876
|
setClientData = _usegetClientData[1];
|
|
17479
17877
|
var _useGlobalEscData = useGlobalEscData(),
|
|
17480
17878
|
setGlobalEscData = _useGlobalEscData[1];
|
|
17879
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
17880
|
+
setIsNorthSouth = _useIsShowNorthSouth[1];
|
|
17481
17881
|
React.useEffect(function () {
|
|
17482
17882
|
setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
|
|
17483
17883
|
}, [orderDetails == null ? void 0 : orderDetails.status_value]);
|
|
@@ -17802,6 +18202,79 @@ function OrderView(_ref) {
|
|
|
17802
18202
|
}
|
|
17803
18203
|
}, [escalationDataLoading]);
|
|
17804
18204
|
var docTitle = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
18205
|
+
var environment = getEnvironment();
|
|
18206
|
+
var _useAxios4 = dmsComponentLibrary.useAxios({
|
|
18207
|
+
endpoint: "v1/orders/customs/postcode/check/",
|
|
18208
|
+
method: 'GET'
|
|
18209
|
+
}),
|
|
18210
|
+
callCheckPostcode = _useAxios4.fetchData;
|
|
18211
|
+
//northern southern
|
|
18212
|
+
var callCheckPostcodeAPI = /*#__PURE__*/function () {
|
|
18213
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
18214
|
+
var _orderDetails$order_r, response, _response$data, isNorthSouth;
|
|
18215
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
18216
|
+
while (1) switch (_context.prev = _context.next) {
|
|
18217
|
+
case 0:
|
|
18218
|
+
_context.prev = 0;
|
|
18219
|
+
_context.next = 3;
|
|
18220
|
+
return callCheckPostcode({
|
|
18221
|
+
endPointQuery: "?postcode=" + (orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.postcode)
|
|
18222
|
+
});
|
|
18223
|
+
case 3:
|
|
18224
|
+
response = _context.sent;
|
|
18225
|
+
//@ts-ignore
|
|
18226
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
18227
|
+
//@ts-ignore
|
|
18228
|
+
isNorthSouth = response == null || (_response$data = response.data) == null ? void 0 : _response$data.order_customs_postcodes;
|
|
18229
|
+
setIsNorthSouth(isNorthSouth);
|
|
18230
|
+
} else {
|
|
18231
|
+
antd.message.open({
|
|
18232
|
+
type: 'error',
|
|
18233
|
+
//@ts-ignore
|
|
18234
|
+
content: (response == null ? void 0 : response.error) || 'Something went wrong'
|
|
18235
|
+
});
|
|
18236
|
+
}
|
|
18237
|
+
_context.next = 10;
|
|
18238
|
+
break;
|
|
18239
|
+
case 7:
|
|
18240
|
+
_context.prev = 7;
|
|
18241
|
+
_context.t0 = _context["catch"](0);
|
|
18242
|
+
antd.message.open({
|
|
18243
|
+
type: 'error',
|
|
18244
|
+
content: 'Failed to check postcode. Please try again.'
|
|
18245
|
+
});
|
|
18246
|
+
case 10:
|
|
18247
|
+
case "end":
|
|
18248
|
+
return _context.stop();
|
|
18249
|
+
}
|
|
18250
|
+
}, _callee, null, [[0, 7]]);
|
|
18251
|
+
}));
|
|
18252
|
+
return function callCheckPostcodeAPI() {
|
|
18253
|
+
return _ref2.apply(this, arguments);
|
|
18254
|
+
};
|
|
18255
|
+
}();
|
|
18256
|
+
var POSTCODE_REGEX = {
|
|
18257
|
+
UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
|
|
18258
|
+
IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
|
|
18259
|
+
US: /^\d{5}(-\d{4})?$/
|
|
18260
|
+
};
|
|
18261
|
+
var isDevelopmentOrStagingOrReleaseUK = environment === 'development' || environment === 'staging' || environment === 'release_uk';
|
|
18262
|
+
var isValidPostcode = function isValidPostcode(val) {
|
|
18263
|
+
if (isDevelopmentOrStagingOrReleaseUK) {
|
|
18264
|
+
return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);
|
|
18265
|
+
} else {
|
|
18266
|
+
return POSTCODE_REGEX.US.test(val);
|
|
18267
|
+
}
|
|
18268
|
+
};
|
|
18269
|
+
var hasCalledInitialAPI = React.useRef(false);
|
|
18270
|
+
React.useEffect(function () {
|
|
18271
|
+
var _orderDetails$order_r2;
|
|
18272
|
+
var currentPostcode = orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null || (_orderDetails$order_r2 = _orderDetails$order_r2.postcode) == null ? void 0 : _orderDetails$order_r2.trim();
|
|
18273
|
+
if (currentPostcode && isValidPostcode(currentPostcode) && !hasCalledInitialAPI.current) {
|
|
18274
|
+
hasCalledInitialAPI.current = true;
|
|
18275
|
+
callCheckPostcodeAPI();
|
|
18276
|
+
}
|
|
18277
|
+
}, [orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r3.postcode]);
|
|
17805
18278
|
return React__default.createElement(MainContainer$c, null, React__default.createElement(dmsComponentLibrary.DocumentTitle, {
|
|
17806
18279
|
title: docTitle
|
|
17807
18280
|
}), React__default.createElement(GeneralHeader, {
|
|
@@ -17817,13 +18290,13 @@ function OrderView(_ref) {
|
|
|
17817
18290
|
loading: logsLoading
|
|
17818
18291
|
}))), React__default.createElement(OrderActions, null));
|
|
17819
18292
|
}
|
|
17820
|
-
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17821
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17822
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
17823
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
18293
|
+
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
18294
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
18295
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
18296
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17824
18297
|
|
|
17825
|
-
var _templateObject2$
|
|
17826
|
-
var StyledBulkItem$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
18298
|
+
var _templateObject2$21;
|
|
18299
|
+
var StyledBulkItem$1 = /*#__PURE__*/styled__default.div(_templateObject2$21 || (_templateObject2$21 = /*#__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"])));
|
|
17827
18300
|
|
|
17828
18301
|
var initialState$4 = {
|
|
17829
18302
|
'x-filters': [],
|
|
@@ -17892,7 +18365,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
17892
18365
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
17893
18366
|
});
|
|
17894
18367
|
|
|
17895
|
-
var _templateObject$
|
|
18368
|
+
var _templateObject$2L, _templateObject2$22, _templateObject3$1c;
|
|
17896
18369
|
var _excluded$7 = ["count"];
|
|
17897
18370
|
var SearchType = function SearchType() {
|
|
17898
18371
|
var _useState = React.useState(''),
|
|
@@ -17989,9 +18462,9 @@ var SearchType = function SearchType() {
|
|
|
17989
18462
|
onClick: handleClear
|
|
17990
18463
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
17991
18464
|
};
|
|
17992
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17993
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
17994
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
18465
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
18466
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$22 || (_templateObject2$22 = /*#__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"])));
|
|
18467
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$1c || (_templateObject3$1c = /*#__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"])));
|
|
17995
18468
|
|
|
17996
18469
|
var BulkFilter = function BulkFilter() {
|
|
17997
18470
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -18226,7 +18699,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18226
18699
|
})))));
|
|
18227
18700
|
};
|
|
18228
18701
|
|
|
18229
|
-
var _templateObject$
|
|
18702
|
+
var _templateObject$2M, _templateObject2$23, _templateObject3$1d;
|
|
18230
18703
|
var _excluded$8 = ["count"];
|
|
18231
18704
|
function ReturnMainTable() {
|
|
18232
18705
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -18332,7 +18805,7 @@ function ReturnMainTable() {
|
|
|
18332
18805
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
18333
18806
|
}, React__default.createElement("div", {
|
|
18334
18807
|
className: "Tableconatiner"
|
|
18335
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
18808
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1o, 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, {
|
|
18336
18809
|
currentPage: page,
|
|
18337
18810
|
totalItems: total,
|
|
18338
18811
|
itemsPerPage: itemsPerPage,
|
|
@@ -18340,9 +18813,9 @@ function ReturnMainTable() {
|
|
|
18340
18813
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18341
18814
|
}))));
|
|
18342
18815
|
}
|
|
18343
|
-
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18344
|
-
var Container$
|
|
18345
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
18816
|
+
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
18817
|
+
var Container$1o = /*#__PURE__*/styled__default.div(_templateObject2$23 || (_templateObject2$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
18818
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$1d || (_templateObject3$1d = /*#__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"])));
|
|
18346
18819
|
|
|
18347
18820
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
18348
18821
|
var _useSearchParams = reactRouterDom.useSearchParams(),
|
|
@@ -18879,7 +19352,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
|
|
|
18879
19352
|
})))));
|
|
18880
19353
|
};
|
|
18881
19354
|
|
|
18882
|
-
var _templateObject$
|
|
19355
|
+
var _templateObject$2N, _templateObject2$24;
|
|
18883
19356
|
var ConfirmedMain = function ConfirmedMain() {
|
|
18884
19357
|
var _UsePaginationReturnD = UsePaginationReturnData(),
|
|
18885
19358
|
paginationObj = _UsePaginationReturnD[0];
|
|
@@ -18912,7 +19385,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18912
19385
|
// });
|
|
18913
19386
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$4, null, React__default.createElement("div", {
|
|
18914
19387
|
className: "Tableconatiner"
|
|
18915
|
-
}, React__default.createElement(Container$
|
|
19388
|
+
}, React__default.createElement(Container$1p, null, React__default.createElement(ReturnConfirmedTable, null), total > 0 && React__default.createElement(ReturnPagination, {
|
|
18916
19389
|
currentPage: page,
|
|
18917
19390
|
totalItems: total,
|
|
18918
19391
|
itemsPerPage: itemsPerPage,
|
|
@@ -18920,25 +19393,25 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18920
19393
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18921
19394
|
})))));
|
|
18922
19395
|
};
|
|
18923
|
-
var Container$
|
|
18924
|
-
var DashBoardWrapper$4 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
19396
|
+
var Container$1p = /*#__PURE__*/styled__default.div(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
19397
|
+
var DashBoardWrapper$4 = /*#__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"])));
|
|
18925
19398
|
|
|
18926
|
-
var _templateObject$
|
|
18927
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18928
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
19399
|
+
var _templateObject$2O, _templateObject2$25;
|
|
19400
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2O || (_templateObject$2O = /*#__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"])));
|
|
19401
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$25 || (_templateObject2$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
18929
19402
|
|
|
18930
|
-
var _templateObject$
|
|
19403
|
+
var _templateObject$2P;
|
|
18931
19404
|
var HeaderTitle = function HeaderTitle(props) {
|
|
18932
19405
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$9, null, props.title));
|
|
18933
19406
|
};
|
|
18934
|
-
var Title$9 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
19407
|
+
var Title$9 = /*#__PURE__*/styled__default.h2(_templateObject$2P || (_templateObject$2P = /*#__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"])));
|
|
18935
19408
|
|
|
18936
|
-
var _templateObject$
|
|
19409
|
+
var _templateObject$2Q, _templateObject2$26;
|
|
18937
19410
|
function Breadcrumb(props) {
|
|
18938
19411
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
18939
19412
|
}
|
|
18940
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18941
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
19413
|
+
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
19414
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$26 || (_templateObject2$26 = /*#__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"])));
|
|
18942
19415
|
|
|
18943
19416
|
var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
18944
19417
|
var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
|
|
@@ -18951,7 +19424,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
|
18951
19424
|
return JSON.parse(d);
|
|
18952
19425
|
};
|
|
18953
19426
|
|
|
18954
|
-
var _templateObject$
|
|
19427
|
+
var _templateObject$2R, _templateObject2$27, _templateObject3$1e;
|
|
18955
19428
|
function ReturnSearchBar() {
|
|
18956
19429
|
var _useState = React.useState(''),
|
|
18957
19430
|
searchText = _useState[0],
|
|
@@ -19095,12 +19568,12 @@ function ReturnSearchBar() {
|
|
|
19095
19568
|
onClick: handleClear
|
|
19096
19569
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
|
|
19097
19570
|
}
|
|
19098
|
-
var ClearButton$1 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
19099
|
-
var Search$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
19100
|
-
var SearchInput$1 = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
19571
|
+
var ClearButton$1 = /*#__PURE__*/styled__default.button(_templateObject$2R || (_templateObject$2R = /*#__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"])));
|
|
19572
|
+
var Search$1 = /*#__PURE__*/styled__default.div(_templateObject2$27 || (_templateObject2$27 = /*#__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"])));
|
|
19573
|
+
var SearchInput$1 = /*#__PURE__*/styled__default.input(_templateObject3$1e || (_templateObject3$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
19101
19574
|
var ReturnSearchBar$1 = /*#__PURE__*/React__default.memo(ReturnSearchBar);
|
|
19102
19575
|
|
|
19103
|
-
var _templateObject$
|
|
19576
|
+
var _templateObject$2S, _templateObject2$28, _templateObject3$1f;
|
|
19104
19577
|
function ReturnAfterSearchBar() {
|
|
19105
19578
|
var _useState = React.useState(''),
|
|
19106
19579
|
searchText = _useState[0],
|
|
@@ -19227,12 +19700,12 @@ function ReturnAfterSearchBar() {
|
|
|
19227
19700
|
onClick: handleClear
|
|
19228
19701
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
|
|
19229
19702
|
}
|
|
19230
|
-
var ClearButton$2 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
19231
|
-
var Search$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
19232
|
-
var SearchInput$2 = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
19703
|
+
var ClearButton$2 = /*#__PURE__*/styled__default.button(_templateObject$2S || (_templateObject$2S = /*#__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"])));
|
|
19704
|
+
var Search$2 = /*#__PURE__*/styled__default.div(_templateObject2$28 || (_templateObject2$28 = /*#__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"])));
|
|
19705
|
+
var SearchInput$2 = /*#__PURE__*/styled__default.input(_templateObject3$1f || (_templateObject3$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
19233
19706
|
var ReturnAfterSearchBar$1 = /*#__PURE__*/React__default.memo(ReturnAfterSearchBar);
|
|
19234
19707
|
|
|
19235
|
-
var _templateObject$
|
|
19708
|
+
var _templateObject$2T;
|
|
19236
19709
|
var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
19237
19710
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
19238
19711
|
breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
|
|
@@ -19336,9 +19809,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
|
19336
19809
|
}
|
|
19337
19810
|
}))));
|
|
19338
19811
|
};
|
|
19339
|
-
var DatePickerWrap$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
19812
|
+
var DatePickerWrap$1 = /*#__PURE__*/styled__default.div(_templateObject$2T || (_templateObject$2T = /*#__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"])));
|
|
19340
19813
|
|
|
19341
|
-
var _templateObject$
|
|
19814
|
+
var _templateObject$2U, _templateObject2$29;
|
|
19342
19815
|
var _excluded$a = ["count"];
|
|
19343
19816
|
var ReturnOverview = function ReturnOverview() {
|
|
19344
19817
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -19423,7 +19896,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19423
19896
|
}, [pagination]);
|
|
19424
19897
|
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", {
|
|
19425
19898
|
className: "Tableconatiner"
|
|
19426
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
19899
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1q, null, React__default.createElement(ReturnFilter, {
|
|
19427
19900
|
data: returnConfirmedData,
|
|
19428
19901
|
payload: payload
|
|
19429
19902
|
}), clientPortal && status === 'outstanding_return' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OutstandingTable, null), total > 0 && React__default.createElement(Pagination, {
|
|
@@ -19434,8 +19907,8 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19434
19907
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
19435
19908
|
})), shouldShowReturnAfterTable && React__default.createElement(React__default.Fragment, null, React__default.createElement(ConfirmedMain, null)))))));
|
|
19436
19909
|
};
|
|
19437
|
-
var Container$
|
|
19438
|
-
var DashBoardWrapper$5 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
19910
|
+
var Container$1q = /*#__PURE__*/styled__default.div(_templateObject$2U || (_templateObject$2U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
19911
|
+
var DashBoardWrapper$5 = /*#__PURE__*/styled__default.section(_templateObject2$29 || (_templateObject2$29 = /*#__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"])));
|
|
19439
19912
|
|
|
19440
19913
|
var RouterHeader = function RouterHeader(_ref) {
|
|
19441
19914
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|