@bjsdistribution/dms-client-return 0.0.81 → 0.0.83
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/DynamicTable.d.ts +4 -1
- package/dist/components/order-view/notification/ReminderTemplate.d.ts +1 -1
- package/dist/components/order-view/notification/Tabs.d.ts +1 -1
- package/dist/components/order-view/order-actions/Dropdown.d.ts +1 -0
- package/dist/components/order-view/order-actions/actions/uncancel-order/UncancelOrder.d.ts +3 -0
- package/dist/components/store.d.ts +2 -1
- package/dist/dms-client-return.cjs.development.js +948 -400
- 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 +983 -435
- 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 +1 -1
- package/src/components/order-view/DynamicTable.tsx +115 -90
- package/src/components/order-view/fakedata.ts +4 -2
- package/src/components/order-view/generic-table/AuditLogs.tsx +23 -81
- package/src/components/order-view/index.tsx +9 -7
- package/src/components/order-view/notes/NoteType.tsx +12 -1
- package/src/components/order-view/notes/index.tsx +46 -33
- package/src/components/order-view/notes/order-dropdown/NewReturnDropdown.tsx +17 -4
- package/src/components/order-view/notification/ReminderTemplate.tsx +10 -11
- package/src/components/order-view/notification/Tabs.tsx +26 -6
- package/src/components/order-view/notification/index.tsx +47 -13
- package/src/components/order-view/order-actions/Dropdown.tsx +10 -1
- package/src/components/order-view/order-actions/actions/cancel-order/index.tsx +21 -2
- package/src/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.tsx +51 -48
- package/src/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.tsx +3 -0
- package/src/components/order-view/order-actions/actions/split-order/SplitOrderTable.tsx +28 -19
- package/src/components/order-view/order-actions/actions/split-order/index.tsx +24 -2
- package/src/components/order-view/order-actions/actions/uncancel-order/UncancelOrder.tsx +166 -0
- package/src/components/order-view/order-actions/index.tsx +3 -2
- package/src/components/order-view/order-actions/store.ts +1 -2
- package/src/components/order-view/order-details/expanded-content/footer/index.tsx +9 -6
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +16 -4
- package/src/components/order-view/view-reminder/reminder-styles.tsx +1 -0
- package/src/components/store.ts +7 -1
|
@@ -411,6 +411,7 @@ var assignPayload = /*#__PURE__*/jotai.atom(AssignUpdateInitial);
|
|
|
411
411
|
var callAPIAgain = /*#__PURE__*/jotai.atom(true);
|
|
412
412
|
var actionTypeOptions = /*#__PURE__*/jotai.atom([]);
|
|
413
413
|
var selectedProductsMove = /*#__PURE__*/jotai.atom([]);
|
|
414
|
+
var newReturnOrderData = /*#__PURE__*/jotai.atom([]);
|
|
414
415
|
var selectedOrderlList = /*#__PURE__*/jotai.atom([]);
|
|
415
416
|
function useSelectedOrders() {
|
|
416
417
|
return jotai.useAtom(selectedOrderlList);
|
|
@@ -478,6 +479,9 @@ var selectedAssignee = /*#__PURE__*/jotai.atom('');
|
|
|
478
479
|
function useSelectedData() {
|
|
479
480
|
return jotai.useAtom(selectedAssignee);
|
|
480
481
|
}
|
|
482
|
+
function useNewReturnOrderData() {
|
|
483
|
+
return jotai.useAtom(newReturnOrderData);
|
|
484
|
+
}
|
|
481
485
|
|
|
482
486
|
// let todayDate = new Date();
|
|
483
487
|
var initialState = {
|
|
@@ -658,6 +662,9 @@ var useItemsPerOverviewPage = function useItemsPerOverviewPage() {
|
|
|
658
662
|
// return useAtom(routeInfoState);
|
|
659
663
|
// };
|
|
660
664
|
|
|
665
|
+
// OrderActionsType
|
|
666
|
+
var activeTabAtom = /*#__PURE__*/jotai.atom('active');
|
|
667
|
+
var infoAtom = /*#__PURE__*/jotai.atom(false);
|
|
661
668
|
var currentActionAtom = /*#__PURE__*/jotai.atom(undefined);
|
|
662
669
|
var orderStaticDataAtom = /*#__PURE__*/jotai.atom({});
|
|
663
670
|
var customerInfoAtom = /*#__PURE__*/jotai.atom({
|
|
@@ -739,6 +746,12 @@ var ordersInitialValue = {
|
|
|
739
746
|
id: null,
|
|
740
747
|
name: ''
|
|
741
748
|
};
|
|
749
|
+
function useTabType() {
|
|
750
|
+
return jotai.useAtom(activeTabAtom);
|
|
751
|
+
}
|
|
752
|
+
function useInfoType() {
|
|
753
|
+
return jotai.useAtom(infoAtom);
|
|
754
|
+
}
|
|
742
755
|
function useCurrentAction() {
|
|
743
756
|
return jotai.useAtom(currentActionAtom);
|
|
744
757
|
}
|
|
@@ -1381,7 +1394,7 @@ var StyledFilterBtnLabel = /*#__PURE__*/styled__default.div(_templateObject37 ||
|
|
|
1381
1394
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
1382
1395
|
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"])));
|
|
1383
1396
|
// Styled components
|
|
1384
|
-
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"])));
|
|
1397
|
+
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"])));
|
|
1385
1398
|
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"])));
|
|
1386
1399
|
|
|
1387
1400
|
var PrinterIcon = function PrinterIcon() {
|
|
@@ -5441,6 +5454,10 @@ function OrderDetailsFooter() {
|
|
|
5441
5454
|
errorState = _useAtom[0];
|
|
5442
5455
|
var _useUpdateApiCall = useUpdateApiCall(),
|
|
5443
5456
|
setCallApi = _useUpdateApiCall[1]; //single detail
|
|
5457
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
5458
|
+
setRecalling = _useLiveRecalling[1];
|
|
5459
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5460
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5444
5461
|
var errorFound = function errorFound() {
|
|
5445
5462
|
var isError = (errorState == null ? void 0 : errorState.w3wError.length) > 0 || (errorState == null ? void 0 : errorState.emailError.length) > 0 || (errorState == null ? void 0 : errorState.homeContactError.length) > 0 || (errorState == null ? void 0 : errorState.workCOntanctError.length) > 0 || (errorState == null ? void 0 : errorState.mobileError.length) > 0 || (errorState == null ? void 0 : errorState.postCodeError.length) > 0;
|
|
5446
5463
|
return isError;
|
|
@@ -5484,14 +5501,13 @@ function OrderDetailsFooter() {
|
|
|
5484
5501
|
recipient_name: response == null || (_response$data$ = response.data[0]) == null || (_response$data$ = _response$data$.order_recipient) == null ? void 0 : _response$data$.recipient_name,
|
|
5485
5502
|
postcode: response == null || (_response$data$2 = response.data[0]) == null || (_response$data$2 = _response$data$2.order_recipient) == null ? void 0 : _response$data$2.postcode
|
|
5486
5503
|
});
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5504
|
+
setRecalling(true);
|
|
5505
|
+
setTimeout(function () {
|
|
5506
|
+
setRecalling(false);
|
|
5507
|
+
setRecallAuditLog(false);
|
|
5508
|
+
}, 1000);
|
|
5490
5509
|
setCallApi(true);
|
|
5491
|
-
// }, 2000);
|
|
5492
5510
|
} else {
|
|
5493
|
-
// setLogsCallAPi(false);
|
|
5494
|
-
// setCallApi(false);
|
|
5495
5511
|
setOrderDetails(prevOrderDetails);
|
|
5496
5512
|
}
|
|
5497
5513
|
case 6:
|
|
@@ -5569,6 +5585,16 @@ function NoteType() {
|
|
|
5569
5585
|
var _useSelectedData = useSelectedData(),
|
|
5570
5586
|
selected = _useSelectedData[0],
|
|
5571
5587
|
setSelected = _useSelectedData[1];
|
|
5588
|
+
React.useEffect(function () {
|
|
5589
|
+
if (visibilityData && !selected) {
|
|
5590
|
+
var defaultOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5591
|
+
return option.type === 'Private';
|
|
5592
|
+
});
|
|
5593
|
+
if (defaultOption) {
|
|
5594
|
+
setSelected(defaultOption.value);
|
|
5595
|
+
}
|
|
5596
|
+
}
|
|
5597
|
+
}, [visibilityData, selected, setSelected]);
|
|
5572
5598
|
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5573
5599
|
var selectedValue = event.target.value;
|
|
5574
5600
|
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
@@ -5734,50 +5760,37 @@ var NotesTableData = [{
|
|
|
5734
5760
|
tableBody: []
|
|
5735
5761
|
}];
|
|
5736
5762
|
|
|
5737
|
-
var
|
|
5738
|
-
var Table = /*#__PURE__*/styled__default.table(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-collapse: separate;\n border-spacing: 0 12px;\n\n thead tr {\n border-radius: 40px;\n\n th:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n th:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n\n tbody tr {\n border-radius: 40px;\n &.completed td {\n background: rgba(87, 219, 122, 0.2) !important;\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 &:nth-child(even) td {\n background: #f6fbff;\n }\n td {\n .red path {\n fill: #e95252;\n }\n .green path {\n fill: #29cc6a;\n }\n }\n }\n"])));
|
|
5739
|
-
var Th = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n"])));
|
|
5740
|
-
var Td = /*#__PURE__*/styled__default.td(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
5741
|
-
var IconCover = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
5742
|
-
|
|
5743
|
-
var _templateObject$Z, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2, _templateObject9$1;
|
|
5763
|
+
var _templateObject$Z, _templateObject2$J;
|
|
5744
5764
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5745
|
-
var _getNotes$data, _getNotes$data2;
|
|
5746
5765
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5747
5766
|
var _usegetNotes = usegetNotes(),
|
|
5748
5767
|
getNotes = _usegetNotes[0];
|
|
5749
|
-
|
|
5750
|
-
|
|
5751
|
-
return React__default.createElement(ScrollableTableWrapper, null, React__default.createElement(AuditTableWrapper, null, React__default.createElement(
|
|
5752
|
-
return React__default.createElement(
|
|
5768
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5769
|
+
auditLogLoadingStatus = _useAuditLogLoadingSt[0];
|
|
5770
|
+
return React__default.createElement(ScrollableTableWrapper, null, React__default.createElement(AuditTableWrapper, null, React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, tableHeadData == null ? void 0 : tableHeadData.map(function (column) {
|
|
5771
|
+
return React__default.createElement("th", {
|
|
5753
5772
|
key: column.key
|
|
5754
|
-
},
|
|
5755
|
-
})))
|
|
5773
|
+
}, column.label);
|
|
5774
|
+
}))), React__default.createElement("tbody", null, auditLogLoadingStatus ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5756
5775
|
className: "noBoder",
|
|
5757
5776
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5758
|
-
}, React__default.createElement(antd.Skeleton, null))) : getNotes
|
|
5759
|
-
return React__default.createElement(
|
|
5777
|
+
}, React__default.createElement(antd.Skeleton, null))) : getNotes && (getNotes == null ? void 0 : getNotes.length) > 0 ? getNotes == null ? void 0 : getNotes.map(function (note) {
|
|
5778
|
+
return React__default.createElement("tr", {
|
|
5760
5779
|
key: note == null ? void 0 : note.id
|
|
5761
|
-
}, React__default.createElement(
|
|
5780
|
+
}, React__default.createElement("td", null, React__default.createElement("div", {
|
|
5781
|
+
className: "bold",
|
|
5762
5782
|
title: note == null ? void 0 : note.created_by
|
|
5763
|
-
}, note == null ? void 0 : note.created_by), React__default.createElement("div", null, dmsComponentLibrary.formatDateTime(note == null ? void 0 : note.created_at))), React__default.createElement(
|
|
5783
|
+
}, note == null ? void 0 : note.created_by), React__default.createElement("div", null, dmsComponentLibrary.formatDateTime(note == null ? void 0 : note.created_at))), React__default.createElement("td", {
|
|
5764
5784
|
dangerouslySetInnerHTML: {
|
|
5765
5785
|
__html: note == null ? void 0 : note.description
|
|
5766
5786
|
}
|
|
5767
5787
|
}));
|
|
5768
|
-
}) : React__default.createElement("tr", null, React__default.createElement(
|
|
5788
|
+
}) : React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5769
5789
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5770
5790
|
}, "No data found"))))));
|
|
5771
5791
|
};
|
|
5772
5792
|
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
5773
|
-
var
|
|
5774
|
-
var NoDataFound = /*#__PURE__*/styled__default(Td)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
5775
|
-
var StyledTable$2 = /*#__PURE__*/styled__default(Table)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
5776
|
-
var StyledTr = /*#__PURE__*/styled__default.tr(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
5777
|
-
var StyledTd = /*#__PURE__*/styled__default(Td)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n"])));
|
|
5778
|
-
var CreatedBy$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
5779
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5780
|
-
var StickyHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: #fff;\n"])));
|
|
5793
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5781
5794
|
|
|
5782
5795
|
var _templateObject$_;
|
|
5783
5796
|
function AuditLogs() {
|
|
@@ -5785,7 +5798,7 @@ function AuditLogs() {
|
|
|
5785
5798
|
}
|
|
5786
5799
|
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5787
5800
|
|
|
5788
|
-
var _templateObject$$, _templateObject2$
|
|
5801
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$k, _templateObject4$9;
|
|
5789
5802
|
// import { useLocation } from 'react-router-dom';
|
|
5790
5803
|
function Notes() {
|
|
5791
5804
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5793,16 +5806,13 @@ function Notes() {
|
|
|
5793
5806
|
setModuleIds = _usemoduleIds[1];
|
|
5794
5807
|
var _useOrderId = useOrderId(),
|
|
5795
5808
|
orderId = _useOrderId[0];
|
|
5796
|
-
// const location = useLocation();
|
|
5797
|
-
// const pathname = location.pathname;
|
|
5798
|
-
// const orderIdLocaation = pathname.split('/')[1];
|
|
5799
|
-
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5800
|
-
recallAuditLog = _useGlobalStateHitAud[0];
|
|
5801
|
-
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5802
|
-
setAuditLogLoading = _useAuditLogLoadingSt[1];
|
|
5803
5809
|
var _usegetNotes = usegetNotes(),
|
|
5804
5810
|
setNotes = _usegetNotes[1];
|
|
5805
|
-
|
|
5811
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5812
|
+
setAuditLogLoading = _useAuditLogLoadingSt[1];
|
|
5813
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5814
|
+
recallAuditLog = _useGlobalStateHitAud[0],
|
|
5815
|
+
setAuditLogs = _useGlobalStateHitAud[1];
|
|
5806
5816
|
// Fetch module IDs
|
|
5807
5817
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
5808
5818
|
endpoint: 'audit_logs/modules/',
|
|
@@ -5816,22 +5826,21 @@ function Notes() {
|
|
|
5816
5826
|
return (item == null ? void 0 : item.name) === 'ORDER';
|
|
5817
5827
|
}).flatMap(function (item) {
|
|
5818
5828
|
var _item$static_child_ma;
|
|
5819
|
-
return item == null || (_item$static_child_ma = item.static_child_mappings) == null ? void 0 : _item$static_child_ma.
|
|
5820
|
-
var _child$child_module
|
|
5829
|
+
return item == null || (_item$static_child_ma = item.static_child_mappings) == null ? void 0 : _item$static_child_ma.filter(function (child) {
|
|
5830
|
+
var _child$child_module;
|
|
5831
|
+
return (child == null || (_child$child_module = child.child_module) == null ? void 0 : _child$child_module.name) === 'ORDER-NOTE';
|
|
5832
|
+
}).map(function (child) {
|
|
5833
|
+
var _child$child_module2, _child$parent_module;
|
|
5821
5834
|
return {
|
|
5822
|
-
id: child == null || (_child$
|
|
5823
|
-
|
|
5824
|
-
parentId: child == null || (_child$parent_module = child.parent_module) == null ? void 0 : _child$parent_module.id,
|
|
5825
|
-
parentName: child == null || (_child$parent_module2 = child.parent_module) == null ? void 0 : _child$parent_module2.name
|
|
5835
|
+
id: child == null || (_child$child_module2 = child.child_module) == null ? void 0 : _child$child_module2.id,
|
|
5836
|
+
parentId: child == null || (_child$parent_module = child.parent_module) == null ? void 0 : _child$parent_module.id
|
|
5826
5837
|
};
|
|
5827
5838
|
});
|
|
5828
5839
|
})) || [];
|
|
5829
|
-
|
|
5830
|
-
return (module == null ? void 0 : module.name) === 'ORDER-NOTE';
|
|
5831
|
-
});
|
|
5832
|
-
setModuleIds(orderNoteModule || modules[0] || null);
|
|
5840
|
+
setModuleIds(modules[0] || null);
|
|
5833
5841
|
}
|
|
5834
5842
|
}, [apiLoading, fetchedData]);
|
|
5843
|
+
// Fetch Notes Data
|
|
5835
5844
|
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
5836
5845
|
endpoint: "audit_logs/?module_id=" + (moduleIds == null ? void 0 : moduleIds.parentId) + "&module_object_id=" + orderId,
|
|
5837
5846
|
method: 'GET',
|
|
@@ -5845,20 +5854,12 @@ function Notes() {
|
|
|
5845
5854
|
setShouldPerformAction(true);
|
|
5846
5855
|
}
|
|
5847
5856
|
if (!NotesLoading && NotesData != null && NotesData.data) {
|
|
5848
|
-
|
|
5849
|
-
// .filter((item: any) => item['ORDER-NOTE'] || item['ORDER'])
|
|
5850
|
-
// .map((item: any) => [item['ORDER-NOTE'], item['ORDER']])
|
|
5851
|
-
// .flat()
|
|
5852
|
-
// .filter(Boolean);
|
|
5853
|
-
var updatedData = NotesData.data.filter(function (item) {
|
|
5857
|
+
var updatedData = NotesData == null ? void 0 : NotesData.data.filter(function (item) {
|
|
5854
5858
|
return item['ORDER-NOTE'] || item['ORDER'] || item['ORDER-RETURN'];
|
|
5855
5859
|
}).map(function (item) {
|
|
5856
5860
|
return [item['ORDER-NOTE'], item['ORDER'], item['ORDER-RETURN']];
|
|
5857
|
-
});
|
|
5858
|
-
|
|
5859
|
-
// const orderNotesData = NotesData?.data[1]?.['ORDER-NOTE'] || [];
|
|
5860
|
-
// const allNotes = [...orderData, ...orderNotesData];
|
|
5861
|
-
var combinedArray = updatedData.flat();
|
|
5861
|
+
}).flat().filter(Boolean);
|
|
5862
|
+
var combinedArray = updatedData == null ? void 0 : updatedData.flat();
|
|
5862
5863
|
combinedArray.sort(function (a, b) {
|
|
5863
5864
|
return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
|
|
5864
5865
|
});
|
|
@@ -5867,11 +5868,20 @@ function Notes() {
|
|
|
5867
5868
|
}
|
|
5868
5869
|
setAuditLogLoading(NotesLoading);
|
|
5869
5870
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5870
|
-
|
|
5871
|
+
var handleGetLogs = function handleGetLogs() {
|
|
5872
|
+
setAuditLogs(true);
|
|
5873
|
+
setTimeout(function () {
|
|
5874
|
+
setAuditLogs(false);
|
|
5875
|
+
}, 1000);
|
|
5876
|
+
};
|
|
5877
|
+
return React__default.createElement(Container$E, null, React__default.createElement(CardHeader, null, "NOTES", React__default.createElement(SmallButton, {
|
|
5878
|
+
onClick: handleGetLogs
|
|
5879
|
+
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
5871
5880
|
}
|
|
5872
5881
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5873
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5874
|
-
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5882
|
+
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n 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"])));
|
|
5883
|
+
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5884
|
+
var SmallButton = /*#__PURE__*/styled__default.button(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #363a30;\n color: #ffffff;\n font-size: 12px;\n padding: 4px 8px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n\n &:hover {\n background-color: #feba30;\n }\n"])));
|
|
5875
5885
|
|
|
5876
5886
|
var _templateObject$10;
|
|
5877
5887
|
// import styled from 'styled-components';
|
|
@@ -5896,7 +5906,7 @@ function ChevronUp(props) {
|
|
|
5896
5906
|
}));
|
|
5897
5907
|
}
|
|
5898
5908
|
|
|
5899
|
-
var _templateObject$11, _templateObject2$
|
|
5909
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5900
5910
|
function CollapsableForm(props) {
|
|
5901
5911
|
var _useState = React.useState(true),
|
|
5902
5912
|
isExpanded = _useState[0],
|
|
@@ -5917,17 +5927,17 @@ function CollapsableForm(props) {
|
|
|
5917
5927
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5918
5928
|
}
|
|
5919
5929
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5920
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5921
|
-
var Text$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5922
|
-
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5923
|
-
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
5924
|
-
var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
5930
|
+
var CardHeader$1 = /*#__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 font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
5931
|
+
var Text$3 = /*#__PURE__*/styled__default.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
5932
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5933
|
+
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5934
|
+
var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__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) {
|
|
5925
5935
|
return props.isExpanded ? '360deg' : '180deg';
|
|
5926
5936
|
});
|
|
5927
|
-
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5928
|
-
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
5937
|
+
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5938
|
+
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"])));
|
|
5929
5939
|
|
|
5930
|
-
var _templateObject$12, _templateObject2$
|
|
5940
|
+
var _templateObject$12, _templateObject2$M, _templateObject3$m;
|
|
5931
5941
|
function CustomScrollBar(props) {
|
|
5932
5942
|
var children = props.children,
|
|
5933
5943
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5946,11 +5956,12 @@ function CustomScrollBar(props) {
|
|
|
5946
5956
|
}, children);
|
|
5947
5957
|
}
|
|
5948
5958
|
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
5949
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5950
|
-
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5959
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5960
|
+
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5951
5961
|
|
|
5952
|
-
var _templateObject$13, _templateObject2$
|
|
5953
|
-
|
|
5962
|
+
var _templateObject$13, _templateObject2$N, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5963
|
+
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
5964
|
+
function DynamicTable(_ref, props) {
|
|
5954
5965
|
var columns = _ref.columns,
|
|
5955
5966
|
data = _ref.data;
|
|
5956
5967
|
var tableColumns = React.useMemo(function () {
|
|
@@ -5967,45 +5978,54 @@ function DynamicTable(_ref) {
|
|
|
5967
5978
|
});
|
|
5968
5979
|
var rows = table.getRowModel().rows;
|
|
5969
5980
|
var headerGroups = table.getHeaderGroups();
|
|
5970
|
-
var
|
|
5971
|
-
var
|
|
5972
|
-
|
|
5973
|
-
|
|
5981
|
+
var action = props;
|
|
5982
|
+
var _useAtom = jotai.useAtom(selectedID),
|
|
5983
|
+
selectedRows = _useAtom[0];
|
|
5984
|
+
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'action'];
|
|
5985
|
+
var mediumColumns = ['date', 'reference', 'note', 'category'];
|
|
5986
|
+
var largeColumns = ['details', 'datetime'];
|
|
5987
|
+
var noFlexColumns = ['id'];
|
|
5988
|
+
return React__default.createElement(MainContainer$6, 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) {
|
|
5974
5989
|
return React__default.createElement(TableRow, {
|
|
5975
5990
|
key: headerGroup.id
|
|
5976
5991
|
}, headerGroup.headers.map(function (header) {
|
|
5977
5992
|
return React__default.createElement(TableHeadData, {
|
|
5978
|
-
className: "col \n
|
|
5993
|
+
className: "col \n " + (smallColumns.includes(header == null ? void 0 : header.id) ? 'sm' : mediumColumns.includes(header == null ? void 0 : header.id) ? 'md' : largeColumns.includes(header == null ? void 0 : header.id) ? 'lg' : ''),
|
|
5979
5994
|
key: header.id,
|
|
5980
5995
|
onClick: header.column.getToggleSortingHandler()
|
|
5981
5996
|
}, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
|
|
5982
5997
|
}));
|
|
5983
|
-
})), React__default.createElement(TableBody, null, rows.length > 0 ? rows.map(function (row) {
|
|
5998
|
+
})), React__default.createElement(TableBody, null, (rows == null ? void 0 : rows.length) > 0 ? rows == null ? void 0 : rows.map(function (row) {
|
|
5999
|
+
var _selectedRows$filter;
|
|
5984
6000
|
return React__default.createElement(TableRow, {
|
|
5985
|
-
key: row.id
|
|
6001
|
+
key: row.id,
|
|
6002
|
+
className: "" + ((selectedRows == null ? void 0 : selectedRows.length) > 0 && selectedRows != null && (_selectedRows$filter = selectedRows.filter(function (f) {
|
|
6003
|
+
var _row$original;
|
|
6004
|
+
return (f == null ? void 0 : f.id) === (row == null || (_row$original = row.original) == null ? void 0 : _row$original.id);
|
|
6005
|
+
})) != null && _selectedRows$filter.length ? 'isSelectedRow' : '')
|
|
5986
6006
|
}, row.getVisibleCells().map(function (cell) {
|
|
5987
6007
|
return React__default.createElement(TableData, {
|
|
5988
|
-
className: "col \n
|
|
6008
|
+
className: "col \n " + (noFlexColumns.includes(cell == null ? void 0 : cell.column.id) ? 'noFlex' : smallColumns.includes(cell == null ? void 0 : cell.column.id) ? 'sm' : mediumColumns.includes(cell == null ? void 0 : cell.column.id) ? 'md' : largeColumns.includes(cell == null ? void 0 : cell.column.id) ? 'lg' : '') + " " + (cell == null ? void 0 : cell.column.id),
|
|
5989
6009
|
key: cell.id
|
|
5990
|
-
}, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()
|
|
6010
|
+
}, reactTable.flexRender(cell.column.columnDef.cell, _extends({}, cell.getContext(), {
|
|
6011
|
+
action: action
|
|
6012
|
+
})));
|
|
5991
6013
|
}));
|
|
5992
|
-
}) : React__default.createElement(
|
|
6014
|
+
}) : React__default.createElement(TableRow, null, React__default.createElement(TableData, {
|
|
6015
|
+
colSpan: columns.length
|
|
6016
|
+
}, "No entries found."))))))));
|
|
5993
6017
|
}
|
|
5994
|
-
// const ChevronUpIcon = styled(ChevronDownIcon)`
|
|
5995
|
-
// transform: rotate(180deg);
|
|
5996
|
-
// cursor: pointer;
|
|
5997
|
-
// `;
|
|
5998
6018
|
var Container$G = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5999
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6000
|
-
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$
|
|
6001
|
-
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$
|
|
6002
|
-
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$
|
|
6003
|
-
var TableBody = /*#__PURE__*/styled__default.tbody(_templateObject6$
|
|
6004
|
-
var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$
|
|
6005
|
-
var Table
|
|
6006
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6007
|
-
|
|
6008
|
-
var _templateObject$14, _templateObject2$
|
|
6019
|
+
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__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"])));
|
|
6020
|
+
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
6021
|
+
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 10px 5px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
6022
|
+
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"])));
|
|
6023
|
+
var TableBody = /*#__PURE__*/styled__default.tbody(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
6024
|
+
var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0px;\n z-index: 1;\n background: #f8f8f8;\n white-space: nowrap;\n"])));
|
|
6025
|
+
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"])));
|
|
6026
|
+
var MainContainer$6 = /*#__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"])));
|
|
6027
|
+
|
|
6028
|
+
var _templateObject$14, _templateObject2$O;
|
|
6009
6029
|
function Event(props) {
|
|
6010
6030
|
var _props$row;
|
|
6011
6031
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -6021,7 +6041,7 @@ function Event(props) {
|
|
|
6021
6041
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
6022
6042
|
}
|
|
6023
6043
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6024
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6044
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6025
6045
|
|
|
6026
6046
|
//to change data into options
|
|
6027
6047
|
var transformOption = function transformOption(option, key) {
|
|
@@ -6068,25 +6088,25 @@ var priorityData = [{
|
|
|
6068
6088
|
color: '#E95252'
|
|
6069
6089
|
}];
|
|
6070
6090
|
|
|
6071
|
-
var _templateObject$15, _templateObject2$
|
|
6091
|
+
var _templateObject$15, _templateObject2$P;
|
|
6072
6092
|
function Date$1(props) {
|
|
6073
6093
|
var _props$row;
|
|
6074
6094
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6075
6095
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6076
6096
|
}
|
|
6077
6097
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6078
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6098
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6079
6099
|
|
|
6080
|
-
var _templateObject$16, _templateObject2$
|
|
6100
|
+
var _templateObject$16, _templateObject2$Q;
|
|
6081
6101
|
function Code(props) {
|
|
6082
6102
|
var _props$row;
|
|
6083
6103
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6084
6104
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6085
6105
|
}
|
|
6086
6106
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6087
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6107
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6088
6108
|
|
|
6089
|
-
var _templateObject$17, _templateObject2$
|
|
6109
|
+
var _templateObject$17, _templateObject2$R;
|
|
6090
6110
|
function Note(props) {
|
|
6091
6111
|
var _props$row;
|
|
6092
6112
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6095,7 +6115,7 @@ function Note(props) {
|
|
|
6095
6115
|
}, React__default.createElement(Row$3, null, data));
|
|
6096
6116
|
}
|
|
6097
6117
|
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
6098
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6118
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6099
6119
|
|
|
6100
6120
|
var tableColumns = [{
|
|
6101
6121
|
header: 'Date',
|
|
@@ -6243,14 +6263,14 @@ function SystemLogs() {
|
|
|
6243
6263
|
React.useEffect(function () {
|
|
6244
6264
|
fetchReminderData();
|
|
6245
6265
|
}, [setNotesData]);
|
|
6246
|
-
return React__default.createElement(Table$
|
|
6266
|
+
return React__default.createElement(Table$1, null, React__default.createElement(CollapsableForm, {
|
|
6247
6267
|
collapsedContent: React__default.createElement(SystemCollapsedContent, null)
|
|
6248
6268
|
}, React__default.createElement(DynamicTable, {
|
|
6249
6269
|
columns: tableColumns,
|
|
6250
6270
|
data: systemLogs
|
|
6251
6271
|
})));
|
|
6252
6272
|
}
|
|
6253
|
-
var Table$
|
|
6273
|
+
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6254
6274
|
|
|
6255
6275
|
var StatusOptions = [{
|
|
6256
6276
|
label: 'Released',
|
|
@@ -6407,7 +6427,7 @@ function ConfirmedIcon() {
|
|
|
6407
6427
|
}))));
|
|
6408
6428
|
}
|
|
6409
6429
|
|
|
6410
|
-
var _templateObject$19, _templateObject2$
|
|
6430
|
+
var _templateObject$19, _templateObject2$S, _templateObject3$o, _templateObject4$c;
|
|
6411
6431
|
function Status() {
|
|
6412
6432
|
var _useStatusDetails = useStatusDetails(),
|
|
6413
6433
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6454,9 +6474,9 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6454
6474
|
}
|
|
6455
6475
|
};
|
|
6456
6476
|
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6457
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6458
|
-
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6459
|
-
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6477
|
+
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__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"])));
|
|
6478
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6479
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6460
6480
|
|
|
6461
6481
|
var _templateObject$1a;
|
|
6462
6482
|
// import DropDownOptions from './dropdowns';
|
|
@@ -6482,6 +6502,7 @@ var ActionIcon = function ActionIcon() {
|
|
|
6482
6502
|
}));
|
|
6483
6503
|
};
|
|
6484
6504
|
|
|
6505
|
+
var _templateObject$1b;
|
|
6485
6506
|
var ReturnProductTable = function ReturnProductTable() {
|
|
6486
6507
|
var _orderStaticData$retu;
|
|
6487
6508
|
var _useSelectedProducts = useSelectedProducts(),
|
|
@@ -6498,6 +6519,8 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6498
6519
|
setSelectedRowId = _useState2[1];
|
|
6499
6520
|
var _useOrderId = useOrderId(),
|
|
6500
6521
|
orderId = _useOrderId[0];
|
|
6522
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6523
|
+
returnOrderData = _useNewReturnOrderDat[0];
|
|
6501
6524
|
var handleActionClick = function handleActionClick(id) {
|
|
6502
6525
|
setSelectedRowId(id);
|
|
6503
6526
|
};
|
|
@@ -6567,7 +6590,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6567
6590
|
});
|
|
6568
6591
|
return matchedReason ? matchedReason.label : 'N/A';
|
|
6569
6592
|
};
|
|
6570
|
-
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0;
|
|
6593
|
+
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0 || (returnOrderData == null ? void 0 : returnOrderData.length) == 0;
|
|
6571
6594
|
return React__default.createElement("div", null, loading && React__default.createElement(Loader, {
|
|
6572
6595
|
title: "Deleting"
|
|
6573
6596
|
}), React__default.createElement(StyledTableWrapper$1, {
|
|
@@ -6575,7 +6598,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6575
6598
|
className: "orderProductTable"
|
|
6576
6599
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
6577
6600
|
className: "emailproductsCheckbox"
|
|
6578
|
-
}, React__default.createElement(
|
|
6601
|
+
}, React__default.createElement(StyleCheckbox, {
|
|
6579
6602
|
disabled: disableCheckbox,
|
|
6580
6603
|
checked: selectAll,
|
|
6581
6604
|
onChange: handleSelectAll
|
|
@@ -6583,11 +6606,12 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6583
6606
|
var _product$orders_produ, _product$order_data, _product$order_data2;
|
|
6584
6607
|
return React__default.createElement("tr", {
|
|
6585
6608
|
key: product.id
|
|
6586
|
-
}, React__default.createElement("td", null, React__default.createElement(
|
|
6609
|
+
}, React__default.createElement("td", null, React__default.createElement(StyleCheckbox, {
|
|
6587
6610
|
checked: selectedProducts == null ? void 0 : selectedProducts.includes(product == null ? void 0 : product.id),
|
|
6588
6611
|
onChange: function onChange() {
|
|
6589
6612
|
return handleSelectProduct(product == null ? void 0 : product.id);
|
|
6590
|
-
}
|
|
6613
|
+
},
|
|
6614
|
+
disabled: disableCheckbox
|
|
6591
6615
|
})), React__default.createElement("td", null, (product == null || (_product$orders_produ = product.orders_products_stock) == null ? void 0 : _product$orders_produ.location) || 'N/A'), React__default.createElement("td", null, product == null || (_product$order_data = product.order_data) == null || (_product$order_data = _product$order_data.order_recipient) == null ? void 0 : _product$order_data.recipient_name, ' ', product == null || (_product$order_data2 = product.order_data) == null || (_product$order_data2 = _product$order_data2.order_recipient) == null ? void 0 : _product$order_data2.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, getReturnReasonLabel(product == null ? void 0 : product.return_reason_id)), React__default.createElement("td", null, "1 of 1"), React__default.createElement("td", null, React__default.createElement("div", {
|
|
6592
6616
|
onClick: function onClick() {
|
|
6593
6617
|
handleActionClick(product == null ? void 0 : product.id);
|
|
@@ -6604,26 +6628,27 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6604
6628
|
}
|
|
6605
6629
|
}, "No records found"))))));
|
|
6606
6630
|
};
|
|
6631
|
+
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
6607
6632
|
|
|
6608
|
-
var _templateObject$
|
|
6633
|
+
var _templateObject$1c;
|
|
6609
6634
|
var ProductTable = function ProductTable() {
|
|
6610
6635
|
return React__default.createElement(Container$I, null, React__default.createElement(ReturnProductTable, null));
|
|
6611
6636
|
};
|
|
6612
|
-
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6637
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6613
6638
|
|
|
6614
|
-
var _templateObject$
|
|
6639
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$p;
|
|
6615
6640
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6616
6641
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6617
6642
|
var defaultSelectStyle = {
|
|
6618
6643
|
width: '100%'
|
|
6619
6644
|
};
|
|
6620
6645
|
var defaultPopupClassName = 'dropDownStyle';
|
|
6621
|
-
var
|
|
6622
|
-
returnOrderData =
|
|
6623
|
-
setReturnOrderData =
|
|
6624
|
-
var
|
|
6625
|
-
selectedOrderId =
|
|
6626
|
-
setSelectedOrderId =
|
|
6646
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6647
|
+
returnOrderData = _useNewReturnOrderDat[0],
|
|
6648
|
+
setReturnOrderData = _useNewReturnOrderDat[1];
|
|
6649
|
+
var _useState = React.useState(null),
|
|
6650
|
+
selectedOrderId = _useState[0],
|
|
6651
|
+
setSelectedOrderId = _useState[1];
|
|
6627
6652
|
var _useSelectedProducts = useSelectedProducts(),
|
|
6628
6653
|
selectedProducts = _useSelectedProducts[0];
|
|
6629
6654
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6632,9 +6657,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6632
6657
|
setPayload = _useAtom[1];
|
|
6633
6658
|
var _useProductDetails = useProductDetails(),
|
|
6634
6659
|
productData = _useProductDetails[0];
|
|
6635
|
-
var
|
|
6636
|
-
idProduct =
|
|
6637
|
-
setId =
|
|
6660
|
+
var _useState2 = React.useState(),
|
|
6661
|
+
idProduct = _useState2[0],
|
|
6662
|
+
setId = _useState2[1];
|
|
6638
6663
|
var _useOrderId = useOrderId(),
|
|
6639
6664
|
orderId = _useOrderId[0];
|
|
6640
6665
|
var id = orderData == null ? void 0 : orderData.customer_id;
|
|
@@ -6708,23 +6733,26 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6708
6733
|
value: order.id
|
|
6709
6734
|
};
|
|
6710
6735
|
});
|
|
6711
|
-
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(
|
|
6736
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(StyledAntSelect$3, {
|
|
6712
6737
|
options: dropdownOptions,
|
|
6738
|
+
value: selectedOrderId,
|
|
6713
6739
|
placeholder: "Select",
|
|
6740
|
+
// @ts-ignore
|
|
6714
6741
|
onChange: handleDropdownChange,
|
|
6715
6742
|
style: defaultSelectStyle,
|
|
6716
|
-
disabled: false,
|
|
6717
6743
|
showSearch: true,
|
|
6718
6744
|
dropdownStyle: {
|
|
6719
6745
|
width: 'max-content'
|
|
6720
6746
|
},
|
|
6721
|
-
popupClassName: defaultPopupClassName
|
|
6747
|
+
popupClassName: defaultPopupClassName,
|
|
6748
|
+
status: selectedOrderId ? '' : 'error'
|
|
6722
6749
|
}));
|
|
6723
6750
|
};
|
|
6724
|
-
var
|
|
6725
|
-
var
|
|
6751
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
6752
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6753
|
+
var Text$4 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6726
6754
|
|
|
6727
|
-
var _templateObject$
|
|
6755
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$q;
|
|
6728
6756
|
function ExpandedContent$2() {
|
|
6729
6757
|
var _response$data, _response$data2;
|
|
6730
6758
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6801,18 +6829,18 @@ function ExpandedContent$2() {
|
|
|
6801
6829
|
disabled: isButtonDisabled
|
|
6802
6830
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6803
6831
|
}
|
|
6804
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6805
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6806
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6832
|
+
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
6833
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6834
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6807
6835
|
|
|
6808
|
-
var _templateObject$
|
|
6836
|
+
var _templateObject$1f, _templateObject2$V;
|
|
6809
6837
|
function CollapsedContent$1() {
|
|
6810
6838
|
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6811
6839
|
label: "Products"
|
|
6812
6840
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6813
6841
|
}
|
|
6814
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6815
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6842
|
+
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6843
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6816
6844
|
|
|
6817
6845
|
function ProductsInfo() {
|
|
6818
6846
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6852,22 +6880,22 @@ function ProductsInfo() {
|
|
|
6852
6880
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
6853
6881
|
}
|
|
6854
6882
|
|
|
6855
|
-
var _templateObject$
|
|
6883
|
+
var _templateObject$1g;
|
|
6856
6884
|
function BackgroundModal(props) {
|
|
6857
6885
|
return reactDom.createPortal(React__default.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6858
6886
|
}
|
|
6859
|
-
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6887
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
6860
6888
|
|
|
6861
|
-
var _templateObject$
|
|
6889
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$r, _templateObject4$d;
|
|
6862
6890
|
function AdditionalInformation(props) {
|
|
6863
6891
|
return React__default.createElement(Container$N, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
6864
6892
|
}
|
|
6865
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
6866
|
-
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6867
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6868
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6893
|
+
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
6894
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6895
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6896
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
6869
6897
|
|
|
6870
|
-
var _templateObject$
|
|
6898
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6871
6899
|
function OrderActionHeader(props) {
|
|
6872
6900
|
var title = props.title,
|
|
6873
6901
|
actions = props.actions,
|
|
@@ -6882,12 +6910,12 @@ function OrderActionHeader(props) {
|
|
|
6882
6910
|
onClick: onClose
|
|
6883
6911
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6884
6912
|
}
|
|
6885
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6886
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6887
|
-
var Title$2 = /*#__PURE__*/styled__default.h3(_templateObject3$
|
|
6888
|
-
var Container$O = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6913
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6914
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6915
|
+
var Title$2 = /*#__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"])));
|
|
6916
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
6889
6917
|
|
|
6890
|
-
var _templateObject$
|
|
6918
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
6891
6919
|
function OrderActionFooter(props) {
|
|
6892
6920
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6893
6921
|
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
@@ -6897,10 +6925,10 @@ function OrderActionFooter(props) {
|
|
|
6897
6925
|
disabled: isSubmitDisabled
|
|
6898
6926
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6899
6927
|
}
|
|
6900
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
6901
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6928
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6929
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__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"])));
|
|
6902
6930
|
|
|
6903
|
-
var _templateObject$
|
|
6931
|
+
var _templateObject$1k;
|
|
6904
6932
|
function OrderActionModal(props) {
|
|
6905
6933
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
6906
6934
|
title: props.headerTitle,
|
|
@@ -6915,13 +6943,13 @@ function OrderActionModal(props) {
|
|
|
6915
6943
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6916
6944
|
})));
|
|
6917
6945
|
}
|
|
6918
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6946
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
6919
6947
|
|
|
6920
|
-
var _templateObject$
|
|
6948
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$t;
|
|
6921
6949
|
function OrderActionsDropdown(props) {
|
|
6922
6950
|
return React__default.createElement(Container$Q, {
|
|
6923
6951
|
className: props.className
|
|
6924
|
-
}, React__default.createElement(Label$1, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6952
|
+
}, React__default.createElement(Label$1, null, props.label, props.required && React__default.createElement(RequiredAsterisk, null, "*")), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6925
6953
|
options: props.options,
|
|
6926
6954
|
placeholder: props.placeholder,
|
|
6927
6955
|
onChange: props.onSelect,
|
|
@@ -6936,8 +6964,9 @@ function OrderActionsDropdown(props) {
|
|
|
6936
6964
|
defaultValue: props.value
|
|
6937
6965
|
}));
|
|
6938
6966
|
}
|
|
6939
|
-
var
|
|
6940
|
-
var
|
|
6967
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6968
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
6969
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6941
6970
|
|
|
6942
6971
|
function DocumentTypeDropdown() {
|
|
6943
6972
|
var onSelect = function onSelect() {};
|
|
@@ -7017,7 +7046,7 @@ function UploadIcon(props) {
|
|
|
7017
7046
|
})));
|
|
7018
7047
|
}
|
|
7019
7048
|
|
|
7020
|
-
var _templateObject$
|
|
7049
|
+
var _templateObject$1m, _templateObject2$_, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6;
|
|
7021
7050
|
var Dragger = antd.Upload.Dragger;
|
|
7022
7051
|
var props = {
|
|
7023
7052
|
name: 'file',
|
|
@@ -7044,15 +7073,15 @@ function DocFileUpload() {
|
|
|
7044
7073
|
shape: 'rounded'
|
|
7045
7074
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
7046
7075
|
}
|
|
7047
|
-
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7048
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2
|
|
7076
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
7077
|
+
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7049
7078
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
7050
|
-
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
7051
|
-
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7052
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$
|
|
7053
|
-
var Container$R = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7079
|
+
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7080
|
+
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
7081
|
+
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
7082
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
7054
7083
|
|
|
7055
|
-
var _templateObject$
|
|
7084
|
+
var _templateObject$1n, _templateObject2$$, _templateObject3$v, _templateObject4$g;
|
|
7056
7085
|
// import DocFileUpload from './DocFileUpload';
|
|
7057
7086
|
function AddResources() {
|
|
7058
7087
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7068,10 +7097,10 @@ function AddResources() {
|
|
|
7068
7097
|
onSubmit: function onSubmit() {}
|
|
7069
7098
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
7070
7099
|
}
|
|
7071
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7072
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
7100
|
+
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-style: normal;\n font-weight: 500;\n"])));
|
|
7101
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7073
7102
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7074
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7103
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
7075
7104
|
|
|
7076
7105
|
var initialValue = {
|
|
7077
7106
|
due: undefined,
|
|
@@ -7120,6 +7149,8 @@ var flagRefId = /*#__PURE__*/jotai.atom(null);
|
|
|
7120
7149
|
var ReminderRefId = /*#__PURE__*/jotai.atom(null);
|
|
7121
7150
|
var reminderData = /*#__PURE__*/jotai.atom([]);
|
|
7122
7151
|
var resolvedModalPayload = /*#__PURE__*/jotai.atom(resolvedValue);
|
|
7152
|
+
var routeDetails = /*#__PURE__*/jotai.atom({});
|
|
7153
|
+
var orderNotifyCount = /*#__PURE__*/jotai.atom(0);
|
|
7123
7154
|
var loading$1 = /*#__PURE__*/jotai.atom(true);
|
|
7124
7155
|
function useFlagsLoading() {
|
|
7125
7156
|
return jotai.useAtom(loading$1);
|
|
@@ -7208,11 +7239,17 @@ function useSingleReminderData() {
|
|
|
7208
7239
|
function useUpdateReminderData() {
|
|
7209
7240
|
return jotai.useAtom(reminderUpdatePayload);
|
|
7210
7241
|
}
|
|
7242
|
+
function useRouteDetails() {
|
|
7243
|
+
return jotai.useAtom(routeDetails);
|
|
7244
|
+
}
|
|
7245
|
+
function useOrderNotify() {
|
|
7246
|
+
return jotai.useAtom(orderNotifyCount);
|
|
7247
|
+
}
|
|
7211
7248
|
|
|
7212
|
-
var _templateObject$
|
|
7249
|
+
var _templateObject$1o, _templateObject2$10, _templateObject3$w;
|
|
7213
7250
|
// Styled components
|
|
7214
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7215
|
-
var StyledTable$
|
|
7251
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7252
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$10 || (_templateObject2$10 = /*#__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"])));
|
|
7216
7253
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7217
7254
|
|
|
7218
7255
|
function SplitOrderTable() {
|
|
@@ -7229,10 +7266,12 @@ function SplitOrderTable() {
|
|
|
7229
7266
|
var _useSplitOrderPayload = useSplitOrderPayload(),
|
|
7230
7267
|
payload = _useSplitOrderPayload[0],
|
|
7231
7268
|
setPayload = _useSplitOrderPayload[1];
|
|
7269
|
+
// Handle Select All
|
|
7232
7270
|
var handleSelectAll = function handleSelectAll(e) {
|
|
7233
|
-
|
|
7234
|
-
|
|
7235
|
-
|
|
7271
|
+
var isChecked = e.target.checked;
|
|
7272
|
+
setSelectAll(isChecked);
|
|
7273
|
+
if (isChecked) {
|
|
7274
|
+
setSelectedSplit(orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7236
7275
|
return {
|
|
7237
7276
|
id: order.id
|
|
7238
7277
|
};
|
|
@@ -7246,15 +7285,13 @@ function SplitOrderTable() {
|
|
|
7246
7285
|
var isSelected = prevSelectedOrder == null ? void 0 : prevSelectedOrder.some(function (order) {
|
|
7247
7286
|
return order.id === id;
|
|
7248
7287
|
});
|
|
7249
|
-
|
|
7250
|
-
return
|
|
7251
|
-
|
|
7252
|
-
|
|
7253
|
-
}
|
|
7254
|
-
|
|
7255
|
-
|
|
7256
|
-
}]);
|
|
7257
|
-
}
|
|
7288
|
+
var updatedSelection = isSelected ? prevSelectedOrder == null ? void 0 : prevSelectedOrder.filter(function (order) {
|
|
7289
|
+
return order.id !== id;
|
|
7290
|
+
}) : [].concat(prevSelectedOrder, [{
|
|
7291
|
+
id: id
|
|
7292
|
+
}]);
|
|
7293
|
+
setSelectAll((updatedSelection == null ? void 0 : updatedSelection.length) === (orderProductDetails == null ? void 0 : orderProductDetails.length));
|
|
7294
|
+
return updatedSelection;
|
|
7258
7295
|
});
|
|
7259
7296
|
};
|
|
7260
7297
|
React.useEffect(function () {
|
|
@@ -7265,12 +7302,13 @@ function SplitOrderTable() {
|
|
|
7265
7302
|
}),
|
|
7266
7303
|
force: true
|
|
7267
7304
|
}));
|
|
7268
|
-
}, [
|
|
7305
|
+
}, [selectedSplits, setPayload]);
|
|
7269
7306
|
return React__default.createElement(StyledTableWrapper$2, {
|
|
7270
7307
|
id: "tableScrolling"
|
|
7271
|
-
}, React__default.createElement(StyledTable$
|
|
7308
|
+
}, React__default.createElement(StyledTable$2, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
7272
7309
|
checked: selectAll,
|
|
7273
|
-
onChange: handleSelectAll
|
|
7310
|
+
onChange: handleSelectAll,
|
|
7311
|
+
disabled: (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 || (orderProductDetails == null ? void 0 : orderProductDetails.length) === null
|
|
7274
7312
|
})), React__default.createElement("th", null, "Type"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Scan"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Delivery Instructions"), React__default.createElement("th", null, "Barcode"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7275
7313
|
colSpan: 6
|
|
7276
7314
|
}, React__default.createElement(antd.Skeleton, {
|
|
@@ -7280,22 +7318,24 @@ function SplitOrderTable() {
|
|
|
7280
7318
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7281
7319
|
className: "emptyTd",
|
|
7282
7320
|
colSpan: 7
|
|
7283
|
-
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty,
|
|
7321
|
+
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty, {
|
|
7322
|
+
description: "No Data Found"
|
|
7323
|
+
})))) : (orderProductDetails == null ? void 0 : orderProductDetails.length) > 0 && (orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7284
7324
|
var _order$order_product_;
|
|
7285
7325
|
return React__default.createElement("tr", {
|
|
7286
7326
|
key: order.id
|
|
7287
7327
|
}, React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
7288
|
-
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (
|
|
7289
|
-
return
|
|
7328
|
+
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (selectedOrder) {
|
|
7329
|
+
return selectedOrder.id === order.id;
|
|
7290
7330
|
}),
|
|
7291
7331
|
onChange: function onChange() {
|
|
7292
7332
|
return handleSelectedSplitList(order.id);
|
|
7293
7333
|
}
|
|
7294
7334
|
})), 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.description), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
7295
|
-
}))));
|
|
7335
|
+
})))));
|
|
7296
7336
|
}
|
|
7297
7337
|
|
|
7298
|
-
var _templateObject$
|
|
7338
|
+
var _templateObject$1p;
|
|
7299
7339
|
function SplitOrder() {
|
|
7300
7340
|
var _useCurrentAction = useCurrentAction(),
|
|
7301
7341
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7319,12 +7359,30 @@ function SplitOrder() {
|
|
|
7319
7359
|
body: payload,
|
|
7320
7360
|
performAction: false
|
|
7321
7361
|
}),
|
|
7362
|
+
response = _useApiHook.data,
|
|
7322
7363
|
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
7323
7364
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7324
7365
|
if (orderId) {
|
|
7325
7366
|
setPerformAction(true);
|
|
7367
|
+
//@ts-ignore
|
|
7368
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7369
|
+
antd.notification.success({
|
|
7370
|
+
message: 'Success',
|
|
7371
|
+
description:
|
|
7372
|
+
//@ts-ignore
|
|
7373
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7374
|
+
});
|
|
7375
|
+
} else {
|
|
7376
|
+
// alert(response?.error_traceback);
|
|
7377
|
+
antd.notification.error({
|
|
7378
|
+
message: 'Error',
|
|
7379
|
+
description:
|
|
7380
|
+
//@ts-ignore
|
|
7381
|
+
(response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
|
|
7382
|
+
});
|
|
7383
|
+
}
|
|
7384
|
+
setSelectedSplit([]);
|
|
7326
7385
|
}
|
|
7327
|
-
setSelectedSplit([]);
|
|
7328
7386
|
};
|
|
7329
7387
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7330
7388
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
@@ -7343,7 +7401,7 @@ function SplitOrder() {
|
|
|
7343
7401
|
isSubmitDisabled: isSubmitDisabled()
|
|
7344
7402
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
7345
7403
|
}
|
|
7346
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7404
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__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"])));
|
|
7347
7405
|
|
|
7348
7406
|
function RadioButtonCheckIcon(props) {
|
|
7349
7407
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -7374,7 +7432,7 @@ var fonts = {
|
|
|
7374
7432
|
secondary: "'Lato', sans-serif"
|
|
7375
7433
|
};
|
|
7376
7434
|
|
|
7377
|
-
var _templateObject$
|
|
7435
|
+
var _templateObject$1q, _templateObject2$11, _templateObject3$x;
|
|
7378
7436
|
function RadioButton(props) {
|
|
7379
7437
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7380
7438
|
color: props.color
|
|
@@ -7385,15 +7443,15 @@ function RadioButton(props) {
|
|
|
7385
7443
|
htmlFor: props.id
|
|
7386
7444
|
}, props.label));
|
|
7387
7445
|
}
|
|
7388
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7389
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
7446
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
7447
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
|
|
7390
7448
|
return props.color || '#6396e5';
|
|
7391
7449
|
}, function (props) {
|
|
7392
7450
|
return props.color || '#6396e5';
|
|
7393
7451
|
});
|
|
7394
7452
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7395
7453
|
|
|
7396
|
-
var _templateObject$
|
|
7454
|
+
var _templateObject$1r, _templateObject2$12, _templateObject3$y, _templateObject4$h, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
7397
7455
|
function RadioButtonGroup(props) {
|
|
7398
7456
|
var heading = props.heading,
|
|
7399
7457
|
_props$direction = props.direction,
|
|
@@ -7428,19 +7486,19 @@ function RadioButtonGroup(props) {
|
|
|
7428
7486
|
className: "custom-wrapper"
|
|
7429
7487
|
}, renderOptions()));
|
|
7430
7488
|
}
|
|
7431
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7432
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
7489
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7490
|
+
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7433
7491
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7434
7492
|
return !props.$required && 'visibility: hidden;';
|
|
7435
7493
|
}, labelStyles);
|
|
7436
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7437
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
7438
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
7439
|
-
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
7494
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
7495
|
+
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7496
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
7497
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 32px;\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) {
|
|
7440
7498
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7441
7499
|
});
|
|
7442
7500
|
|
|
7443
|
-
var _templateObject$
|
|
7501
|
+
var _templateObject$1s;
|
|
7444
7502
|
var deliveryPoints = [{
|
|
7445
7503
|
label: 'Hallway',
|
|
7446
7504
|
value: 'hallway'
|
|
@@ -7471,9 +7529,9 @@ function DeliveryPoint() {
|
|
|
7471
7529
|
required: false
|
|
7472
7530
|
}));
|
|
7473
7531
|
}
|
|
7474
|
-
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7532
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7475
7533
|
|
|
7476
|
-
var _templateObject$
|
|
7534
|
+
var _templateObject$1t, _templateObject2$13, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8, _templateObject8$4;
|
|
7477
7535
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7478
7536
|
function Checkbox(props) {
|
|
7479
7537
|
var imageSrc = props.imageSrc,
|
|
@@ -7494,20 +7552,20 @@ function Checkbox(props) {
|
|
|
7494
7552
|
"$checked": checked
|
|
7495
7553
|
}, label)));
|
|
7496
7554
|
}
|
|
7497
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
7555
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7498
7556
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7499
7557
|
});
|
|
7500
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7558
|
+
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
7501
7559
|
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7502
7560
|
return props.$checked ? '#feba30' : 'white';
|
|
7503
7561
|
});
|
|
7504
|
-
var Text$6 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
7562
|
+
var Text$6 = /*#__PURE__*/styled__default.span(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n"])), function (props) {
|
|
7505
7563
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
7506
7564
|
});
|
|
7507
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7508
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7509
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
7510
|
-
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7565
|
+
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
7566
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7567
|
+
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0;\n height: 100%;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n top: 0;\n left: 0;\n"])));
|
|
7568
|
+
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n gap: 10px;\n border-radius: 15px;\n border: 1px solid ", ";\n align-items: center;\n justify-content: center;\n position: relative;\n\n &:hover {\n border: 1px solid #cbc8c2;\n .checkbox-img {\n filter: grayscale(0);\n }\n }\n"])), function (props) {
|
|
7511
7569
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
7512
7570
|
});
|
|
7513
7571
|
|
|
@@ -7534,7 +7592,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7534
7592
|
return "" + baseURL$1 + subPath;
|
|
7535
7593
|
};
|
|
7536
7594
|
|
|
7537
|
-
var _templateObject$
|
|
7595
|
+
var _templateObject$1u;
|
|
7538
7596
|
function OrderServices$1() {
|
|
7539
7597
|
// TO DO -> get services from static data
|
|
7540
7598
|
return React__default.createElement(Container$T, null, React__default.createElement(Checkbox, {
|
|
@@ -7559,9 +7617,9 @@ function OrderServices$1() {
|
|
|
7559
7617
|
imageSrc: getIcon$1(4)
|
|
7560
7618
|
}));
|
|
7561
7619
|
}
|
|
7562
|
-
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7620
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7563
7621
|
|
|
7564
|
-
var _templateObject$
|
|
7622
|
+
var _templateObject$1v, _templateObject2$14;
|
|
7565
7623
|
function Notes$1(_ref) {
|
|
7566
7624
|
var onNotesChange = _ref.onNotesChange;
|
|
7567
7625
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7572,10 +7630,10 @@ function Notes$1(_ref) {
|
|
|
7572
7630
|
onChange: handleTextChange
|
|
7573
7631
|
}));
|
|
7574
7632
|
}
|
|
7575
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7576
|
-
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7633
|
+
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7634
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7577
7635
|
|
|
7578
|
-
var _templateObject$
|
|
7636
|
+
var _templateObject$1w, _templateObject2$15, _templateObject3$A;
|
|
7579
7637
|
function LogServiceRefusal() {
|
|
7580
7638
|
var _useCurrentAction = useCurrentAction(),
|
|
7581
7639
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7595,8 +7653,8 @@ function LogServiceRefusal() {
|
|
|
7595
7653
|
}
|
|
7596
7654
|
}))));
|
|
7597
7655
|
}
|
|
7598
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7599
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7656
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7657
|
+
var Left = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
7600
7658
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7601
7659
|
|
|
7602
7660
|
function ReturnAction() {
|
|
@@ -7623,7 +7681,7 @@ function ReturnReason() {
|
|
|
7623
7681
|
});
|
|
7624
7682
|
}
|
|
7625
7683
|
|
|
7626
|
-
var _templateObject$
|
|
7684
|
+
var _templateObject$1x, _templateObject2$16, _templateObject3$B, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5, _templateObject9$2;
|
|
7627
7685
|
function CancelOrder() {
|
|
7628
7686
|
var _orderStaticData$canc;
|
|
7629
7687
|
var _useOrderId = useOrderId(),
|
|
@@ -7686,6 +7744,12 @@ function CancelOrder() {
|
|
|
7686
7744
|
//@ts-ignore
|
|
7687
7745
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7688
7746
|
setShouldPerformAction(true);
|
|
7747
|
+
antd.notification.success({
|
|
7748
|
+
message: 'Success',
|
|
7749
|
+
description:
|
|
7750
|
+
//@ts-ignore
|
|
7751
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7752
|
+
});
|
|
7689
7753
|
} else {
|
|
7690
7754
|
// alert(response?.error_traceback);
|
|
7691
7755
|
antd.notification.error({
|
|
@@ -7722,28 +7786,36 @@ function CancelOrder() {
|
|
|
7722
7786
|
submitBtnTitle: "Save Details",
|
|
7723
7787
|
isSubmitDisabled: !showSubmitBtn
|
|
7724
7788
|
}, React__default.createElement(ContentContainer$3, null, React__default.createElement(Top$2, null, React__default.createElement(TopLeft, null, React__default.createElement(OrderActionsDropdown, {
|
|
7789
|
+
required: true,
|
|
7725
7790
|
label: "Cancelation Reason",
|
|
7726
7791
|
placeholder: "Select Cancelation Reason",
|
|
7727
7792
|
options: cancelReasonOptions || [],
|
|
7728
7793
|
onSelect: onSelectCancelReason,
|
|
7729
7794
|
value: cancelReason
|
|
7730
|
-
}), React__default.createElement(Wrapper$h, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$V, null, React__default.createElement(
|
|
7795
|
+
}), React__default.createElement(Wrapper$h, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$V, null, React__default.createElement("div", {
|
|
7796
|
+
style: {
|
|
7797
|
+
display: 'flex',
|
|
7798
|
+
flexDirection: 'row'
|
|
7799
|
+
}
|
|
7800
|
+
}, React__default.createElement(Label$5, null, "Cancelation Note"), ' ', React__default.createElement(RequiredAsterisk$1, null, "*")), React__default.createElement(TArea, {
|
|
7731
7801
|
rows: 5,
|
|
7732
7802
|
onChange: onChangeNotes,
|
|
7733
7803
|
value: cancelNotes,
|
|
7734
7804
|
placeholder: "Reason for Cancel Order"
|
|
7735
7805
|
}))))));
|
|
7736
7806
|
}
|
|
7737
|
-
var
|
|
7738
|
-
var
|
|
7739
|
-
var
|
|
7740
|
-
var
|
|
7741
|
-
var
|
|
7742
|
-
var
|
|
7807
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
7808
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
7809
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7810
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7811
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7812
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
7813
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
7814
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
7743
7815
|
// const Bottom = styled.div``;
|
|
7744
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(
|
|
7816
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
7745
7817
|
|
|
7746
|
-
var _templateObject$
|
|
7818
|
+
var _templateObject$1y, _templateObject2$17, _templateObject3$C;
|
|
7747
7819
|
function EmailAddress() {
|
|
7748
7820
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7749
7821
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7784,11 +7856,11 @@ function EmailAddress() {
|
|
|
7784
7856
|
onChange: onChange
|
|
7785
7857
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
7786
7858
|
}
|
|
7787
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7788
|
-
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7859
|
+
var Label$6 = /*#__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-style: normal;\n font-weight: 500;\n"])));
|
|
7860
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7789
7861
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7790
7862
|
|
|
7791
|
-
var _templateObject$
|
|
7863
|
+
var _templateObject$1z, _templateObject2$18, _templateObject3$D;
|
|
7792
7864
|
function ContactPhone() {
|
|
7793
7865
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7794
7866
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7849,11 +7921,11 @@ function ContactPhone() {
|
|
|
7849
7921
|
onChange: onChange
|
|
7850
7922
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7851
7923
|
}
|
|
7852
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7853
|
-
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7924
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7925
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7854
7926
|
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"])));
|
|
7855
7927
|
|
|
7856
|
-
var _templateObject$
|
|
7928
|
+
var _templateObject$1A, _templateObject2$19, _templateObject3$E;
|
|
7857
7929
|
function ContactWork$1() {
|
|
7858
7930
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7859
7931
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7914,11 +7986,11 @@ function ContactWork$1() {
|
|
|
7914
7986
|
onChange: onChange
|
|
7915
7987
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
7916
7988
|
}
|
|
7917
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7918
|
-
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7989
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7990
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7919
7991
|
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"])));
|
|
7920
7992
|
|
|
7921
|
-
var _templateObject$
|
|
7993
|
+
var _templateObject$1B, _templateObject2$1a, _templateObject3$F;
|
|
7922
7994
|
function ContactMobile$1() {
|
|
7923
7995
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7924
7996
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7979,8 +8051,8 @@ function ContactMobile$1() {
|
|
|
7979
8051
|
onChange: onChange
|
|
7980
8052
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
7981
8053
|
}
|
|
7982
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7983
|
-
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8054
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8055
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7984
8056
|
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"])));
|
|
7985
8057
|
|
|
7986
8058
|
function ContactTypeDropdown() {
|
|
@@ -8047,7 +8119,7 @@ function ActionDropdown() {
|
|
|
8047
8119
|
});
|
|
8048
8120
|
}
|
|
8049
8121
|
|
|
8050
|
-
var _templateObject$
|
|
8122
|
+
var _templateObject$1C, _templateObject2$1b;
|
|
8051
8123
|
function DeliveryDate$1() {
|
|
8052
8124
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8053
8125
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8083,8 +8155,8 @@ function DeliveryDate$1() {
|
|
|
8083
8155
|
allowClear: false
|
|
8084
8156
|
}));
|
|
8085
8157
|
}
|
|
8086
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8087
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8158
|
+
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"])));
|
|
8159
|
+
var Container$_ = /*#__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"])));
|
|
8088
8160
|
|
|
8089
8161
|
function convertTo12HourFormat$1(time24) {
|
|
8090
8162
|
var _time24$split, _minutes$toString;
|
|
@@ -8133,19 +8205,19 @@ function TimedServiceDropdown$1() {
|
|
|
8133
8205
|
});
|
|
8134
8206
|
}
|
|
8135
8207
|
|
|
8136
|
-
var _templateObject$
|
|
8208
|
+
var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$k;
|
|
8137
8209
|
function CustomerInformation() {
|
|
8138
8210
|
var _orderDetails$order_r;
|
|
8139
8211
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8140
8212
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8141
8213
|
return React__default.createElement(Container$$, null, React__default.createElement(Title$3, 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$i, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
8142
8214
|
}
|
|
8143
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8144
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8215
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8216
|
+
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"])));
|
|
8145
8217
|
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8146
|
-
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8218
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8147
8219
|
|
|
8148
|
-
var _templateObject$
|
|
8220
|
+
var _templateObject$1E, _templateObject2$1d;
|
|
8149
8221
|
function ProductTable$1() {
|
|
8150
8222
|
var _useProductDetails = useProductDetails(),
|
|
8151
8223
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8154,7 +8226,7 @@ function ProductTable$1() {
|
|
|
8154
8226
|
if (!orderProductDetails) {
|
|
8155
8227
|
return null;
|
|
8156
8228
|
}
|
|
8157
|
-
return React__default.createElement(Container$10, null, React__default.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$
|
|
8229
|
+
return React__default.createElement(Container$10, null, React__default.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$2, {
|
|
8158
8230
|
className: "scrollClass"
|
|
8159
8231
|
}, 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", {
|
|
8160
8232
|
colSpan: 6
|
|
@@ -8172,10 +8244,10 @@ function ProductTable$1() {
|
|
|
8172
8244
|
}, 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));
|
|
8173
8245
|
})))));
|
|
8174
8246
|
}
|
|
8175
|
-
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8176
|
-
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8247
|
+
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8248
|
+
var Container$10 = /*#__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"])));
|
|
8177
8249
|
|
|
8178
|
-
var _templateObject$
|
|
8250
|
+
var _templateObject$1F, _templateObject2$1e;
|
|
8179
8251
|
function NotesTable() {
|
|
8180
8252
|
var _useState = React.useState(null),
|
|
8181
8253
|
moduleIds = _useState[0],
|
|
@@ -8228,7 +8300,7 @@ function NotesTable() {
|
|
|
8228
8300
|
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
8229
8301
|
React.useEffect(function () {
|
|
8230
8302
|
setNoteLoadingStore(true);
|
|
8231
|
-
if (moduleIds
|
|
8303
|
+
if (moduleIds) {
|
|
8232
8304
|
setShouldPerformAction(true);
|
|
8233
8305
|
}
|
|
8234
8306
|
if (!NotesLoading && NotesData != null && NotesData.data) {
|
|
@@ -8243,7 +8315,7 @@ function NotesTable() {
|
|
|
8243
8315
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8244
8316
|
return null;
|
|
8245
8317
|
}
|
|
8246
|
-
return React__default.createElement(Container$11, null, React__default.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$
|
|
8318
|
+
return React__default.createElement(Container$11, null, React__default.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(StyledTable$2, {
|
|
8247
8319
|
className: "scrollClass"
|
|
8248
8320
|
}, 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", {
|
|
8249
8321
|
colSpan: 6
|
|
@@ -8267,32 +8339,32 @@ function NotesTable() {
|
|
|
8267
8339
|
__html: order == null ? void 0 : order.description
|
|
8268
8340
|
}
|
|
8269
8341
|
}));
|
|
8270
|
-
})))));
|
|
8342
|
+
}))))));
|
|
8271
8343
|
}
|
|
8272
|
-
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8273
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8344
|
+
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8345
|
+
var Container$11 = /*#__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"])));
|
|
8274
8346
|
|
|
8275
|
-
var _templateObject$
|
|
8347
|
+
var _templateObject$1G, _templateObject2$1f;
|
|
8276
8348
|
function ConfirmationNotes() {
|
|
8277
8349
|
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8278
8350
|
rows: 5,
|
|
8279
8351
|
placeholder: "Enter Notes"
|
|
8280
8352
|
}));
|
|
8281
8353
|
}
|
|
8282
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8283
|
-
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8354
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8355
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8284
8356
|
|
|
8285
|
-
var _templateObject$
|
|
8357
|
+
var _templateObject$1H, _templateObject2$1g;
|
|
8286
8358
|
function DeliveryInstructions$1() {
|
|
8287
8359
|
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8288
8360
|
rows: 5,
|
|
8289
8361
|
placeholder: "Enter Delivery Instructions"
|
|
8290
8362
|
}));
|
|
8291
8363
|
}
|
|
8292
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8293
|
-
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8364
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8365
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8294
8366
|
|
|
8295
|
-
var _templateObject$
|
|
8367
|
+
var _templateObject$1I, _templateObject2$1h;
|
|
8296
8368
|
function ContactWith() {
|
|
8297
8369
|
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8298
8370
|
style: {
|
|
@@ -8300,22 +8372,22 @@ function ContactWith() {
|
|
|
8300
8372
|
}
|
|
8301
8373
|
}));
|
|
8302
8374
|
}
|
|
8303
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8304
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8375
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8376
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8305
8377
|
|
|
8306
|
-
var _templateObject$
|
|
8378
|
+
var _templateObject$1J, _templateObject2$1i, _templateObject3$H, _templateObject4$l;
|
|
8307
8379
|
function SlotAndInstructions() {
|
|
8308
8380
|
var _orderDetails$order_r;
|
|
8309
8381
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8310
8382
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8311
8383
|
return React__default.createElement(Container$15, null, React__default.createElement(Slot, null, React__default.createElement(Title$6, null, "Slot"), React__default.createElement(Value, 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));
|
|
8312
8384
|
}
|
|
8313
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8314
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8385
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8386
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8315
8387
|
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8316
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8388
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8317
8389
|
|
|
8318
|
-
var _templateObject$
|
|
8390
|
+
var _templateObject$1K, _templateObject2$1j;
|
|
8319
8391
|
// import { filterObject } from '../../../utils';
|
|
8320
8392
|
function ConfirmOrder() {
|
|
8321
8393
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8492,21 +8564,21 @@ function ConfirmOrder() {
|
|
|
8492
8564
|
isSubmitDisabled: errorFound()
|
|
8493
8565
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(Wrapper$j, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
8494
8566
|
}
|
|
8495
|
-
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8496
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8567
|
+
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8568
|
+
var ContentContainer$4 = /*#__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"])));
|
|
8497
8569
|
|
|
8498
|
-
var _templateObject2$
|
|
8499
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
8570
|
+
var _templateObject2$1k, _templateObject3$I, _templateObject4$m, _templateObject5$e, _templateObject6$8, _templateObject7$a, _templateObject8$6, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
8571
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8500
8572
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
8501
|
-
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
8502
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8503
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8504
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8573
|
+
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
8574
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
8575
|
+
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
8576
|
+
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
8505
8577
|
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"])));
|
|
8506
8578
|
var Label$e = /*#__PURE__*/styled__default.label(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8507
8579
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__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 flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8508
8580
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\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"])));
|
|
8509
|
-
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject12
|
|
8581
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
8510
8582
|
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
8511
8583
|
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
8512
8584
|
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -8591,6 +8663,9 @@ var optionsMenu = [{
|
|
|
8591
8663
|
}, {
|
|
8592
8664
|
label: 'Un Hold',
|
|
8593
8665
|
value: 'unhold-order'
|
|
8666
|
+
}, {
|
|
8667
|
+
label: 'Un-Cancel',
|
|
8668
|
+
value: 'uncancel-order'
|
|
8594
8669
|
}];
|
|
8595
8670
|
var PrintMenu = [{
|
|
8596
8671
|
label: 'Return Notes',
|
|
@@ -9116,7 +9191,7 @@ function ChargeLog() {
|
|
|
9116
9191
|
})));
|
|
9117
9192
|
}
|
|
9118
9193
|
|
|
9119
|
-
var _templateObject$
|
|
9194
|
+
var _templateObject$1L;
|
|
9120
9195
|
var UnholdOrder = function UnholdOrder() {
|
|
9121
9196
|
var _useOrderId = useOrderId(),
|
|
9122
9197
|
orderId = _useOrderId[0];
|
|
@@ -9191,9 +9266,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9191
9266
|
})
|
|
9192
9267
|
});
|
|
9193
9268
|
};
|
|
9194
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
9269
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9195
9270
|
|
|
9196
|
-
var _templateObject$
|
|
9271
|
+
var _templateObject$1M, _templateObject2$1l;
|
|
9197
9272
|
function AssigneeDropdown() {
|
|
9198
9273
|
var handleSelectChange = function handleSelectChange() {
|
|
9199
9274
|
// alert('hello');
|
|
@@ -9206,7 +9281,7 @@ function AssigneeDropdown() {
|
|
|
9206
9281
|
label: "Assigned To",
|
|
9207
9282
|
required: true,
|
|
9208
9283
|
htmlFor: "assigneDropdown"
|
|
9209
|
-
}), React__default.createElement(StyledAntSelect$
|
|
9284
|
+
}), React__default.createElement(StyledAntSelect$4, {
|
|
9210
9285
|
options: [],
|
|
9211
9286
|
onChange: handleSelectChange,
|
|
9212
9287
|
selectWrapperClass: 'rounded',
|
|
@@ -9215,8 +9290,8 @@ function AssigneeDropdown() {
|
|
|
9215
9290
|
}
|
|
9216
9291
|
}));
|
|
9217
9292
|
}
|
|
9218
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9219
|
-
var StyledAntSelect$
|
|
9293
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9294
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9220
9295
|
|
|
9221
9296
|
var DatePickerIcon = function DatePickerIcon() {
|
|
9222
9297
|
return React__default.createElement("svg", {
|
|
@@ -9234,11 +9309,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9234
9309
|
}));
|
|
9235
9310
|
};
|
|
9236
9311
|
|
|
9237
|
-
var _templateObject$
|
|
9238
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9239
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9312
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$J, _templateObject4$n, _templateObject8$7, _templateObject10$2, _templateObject11$2, _templateObject13$1, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
9313
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\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"])));
|
|
9314
|
+
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
9240
9315
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9241
|
-
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
9316
|
+
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
9242
9317
|
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\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 padding: 10px 0;\n padding-left: 33px;\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"])));
|
|
9243
9318
|
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
9244
9319
|
var StyledTime = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
@@ -9329,7 +9404,7 @@ function useFetchSingleReminderData() {
|
|
|
9329
9404
|
return res;
|
|
9330
9405
|
}
|
|
9331
9406
|
|
|
9332
|
-
var _templateObject$
|
|
9407
|
+
var _templateObject$1O, _templateObject2$1n, _templateObject3$K, _templateObject4$o;
|
|
9333
9408
|
function StatusIndicator(props) {
|
|
9334
9409
|
var statusColor = getStatusColor(props.status);
|
|
9335
9410
|
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -9340,14 +9415,14 @@ function StatusIndicator(props) {
|
|
|
9340
9415
|
status: props.status
|
|
9341
9416
|
}, props.text));
|
|
9342
9417
|
}
|
|
9343
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9418
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1O || (_templateObject$1O = /*#__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) {
|
|
9344
9419
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9345
9420
|
});
|
|
9346
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9421
|
+
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1n || (_templateObject2$1n = /*#__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) {
|
|
9347
9422
|
return props.color;
|
|
9348
9423
|
});
|
|
9349
9424
|
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9350
|
-
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
9425
|
+
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) {
|
|
9351
9426
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9352
9427
|
});
|
|
9353
9428
|
|
|
@@ -9509,7 +9584,7 @@ function useFetchReminders() {
|
|
|
9509
9584
|
return perform;
|
|
9510
9585
|
}
|
|
9511
9586
|
|
|
9512
|
-
var _templateObject$
|
|
9587
|
+
var _templateObject$1P, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$f, _templateObject6$9, _templateObject7$b;
|
|
9513
9588
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9514
9589
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9515
9590
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9665,20 +9740,20 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9665
9740
|
onChange: onChangeDetails
|
|
9666
9741
|
}))))));
|
|
9667
9742
|
};
|
|
9668
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9669
|
-
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
9743
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9744
|
+
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9670
9745
|
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$L || (_templateObject3$L = /*#__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"])));
|
|
9671
|
-
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9672
|
-
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9673
|
-
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$
|
|
9674
|
-
var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
9746
|
+
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__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"])));
|
|
9747
|
+
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
9748
|
+
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9749
|
+
var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$b || (_templateObject7$b = /*#__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"])));
|
|
9675
9750
|
|
|
9676
|
-
var _templateObject$
|
|
9751
|
+
var _templateObject$1Q, _templateObject3$M, _templateObject5$g, _templateObject7$c, _templateObject8$8, _templateObject9$4;
|
|
9677
9752
|
// Shared styles and components
|
|
9678
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9753
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9679
9754
|
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9680
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$
|
|
9681
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9755
|
+
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9756
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__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"])));
|
|
9682
9757
|
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9683
9758
|
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
9684
9759
|
var FormRow = function FormRow(_ref) {
|
|
@@ -9694,7 +9769,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9694
9769
|
}, " * ")), children);
|
|
9695
9770
|
};
|
|
9696
9771
|
|
|
9697
|
-
var _templateObject$
|
|
9772
|
+
var _templateObject$1R, _templateObject2$1p, _templateObject3$N, _templateObject4$q, _templateObject5$h;
|
|
9698
9773
|
dayjs.extend(utc);
|
|
9699
9774
|
dayjs.extend(dateFns.isValid);
|
|
9700
9775
|
function CreateReminderModal() {
|
|
@@ -9718,6 +9793,8 @@ function CreateReminderModal() {
|
|
|
9718
9793
|
var _useState4 = React.useState(),
|
|
9719
9794
|
displayDate = _useState4[0],
|
|
9720
9795
|
setDisplayDate = _useState4[1];
|
|
9796
|
+
var _useOrderId = useOrderId(),
|
|
9797
|
+
orderId = _useOrderId[0];
|
|
9721
9798
|
var handleSelectChange = function handleSelectChange() {
|
|
9722
9799
|
return console.log('testing log');
|
|
9723
9800
|
};
|
|
@@ -9775,7 +9852,8 @@ function CreateReminderModal() {
|
|
|
9775
9852
|
var desc = event.target.value;
|
|
9776
9853
|
setPayload(function (prevState) {
|
|
9777
9854
|
return _extends({}, prevState, {
|
|
9778
|
-
details: desc
|
|
9855
|
+
details: desc,
|
|
9856
|
+
order_id: +orderId
|
|
9779
9857
|
});
|
|
9780
9858
|
});
|
|
9781
9859
|
};
|
|
@@ -9811,14 +9889,14 @@ function CreateReminderModal() {
|
|
|
9811
9889
|
};
|
|
9812
9890
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(SplitContainer, null, React__default.createElement(FormRow, {
|
|
9813
9891
|
label: "Assigned To"
|
|
9814
|
-
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$
|
|
9892
|
+
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$5, {
|
|
9815
9893
|
options: [],
|
|
9816
9894
|
placeholder: "IND",
|
|
9817
9895
|
onChange: handleSelectChange,
|
|
9818
9896
|
style: {
|
|
9819
9897
|
width: '8vw'
|
|
9820
9898
|
}
|
|
9821
|
-
}), React__default.createElement(StyledAntSelect$
|
|
9899
|
+
}), React__default.createElement(StyledAntSelect$5, {
|
|
9822
9900
|
options: departmentOptions,
|
|
9823
9901
|
placeholder: "Select Department",
|
|
9824
9902
|
onChange: handleDepartmentChange,
|
|
@@ -9826,7 +9904,7 @@ function CreateReminderModal() {
|
|
|
9826
9904
|
width: '18vw'
|
|
9827
9905
|
},
|
|
9828
9906
|
value: createReminder.department_id
|
|
9829
|
-
})), React__default.createElement(StyledAntSelect$
|
|
9907
|
+
})), React__default.createElement(StyledAntSelect$5, {
|
|
9830
9908
|
options: [],
|
|
9831
9909
|
placeholder: "Select User",
|
|
9832
9910
|
onChange: handleSelectChange,
|
|
@@ -9835,7 +9913,7 @@ function CreateReminderModal() {
|
|
|
9835
9913
|
}
|
|
9836
9914
|
}), React__default.createElement(StyledLink, null, "Assign to me")), (createReminder.department_id === 1 || createReminder.department_id === 2) && React__default.createElement(React__default.Fragment, null, React__default.createElement(FormRow, {
|
|
9837
9915
|
label: "Category"
|
|
9838
|
-
}, React__default.createElement(StyledAntSelect$
|
|
9916
|
+
}, React__default.createElement(StyledAntSelect$5, {
|
|
9839
9917
|
style: {
|
|
9840
9918
|
minWidth: '20vw'
|
|
9841
9919
|
},
|
|
@@ -9845,7 +9923,7 @@ function CreateReminderModal() {
|
|
|
9845
9923
|
value: createReminder.task_categories_id
|
|
9846
9924
|
})), React__default.createElement(FormRow, {
|
|
9847
9925
|
label: "Type"
|
|
9848
|
-
}, React__default.createElement(StyledAntSelect$
|
|
9926
|
+
}, React__default.createElement(StyledAntSelect$5, {
|
|
9849
9927
|
options: subCategoryOptions,
|
|
9850
9928
|
placeholder: "Select Type",
|
|
9851
9929
|
onChange: handleTypeChange,
|
|
@@ -9917,11 +9995,11 @@ function CreateReminderModal() {
|
|
|
9917
9995
|
onChange: handleChange
|
|
9918
9996
|
})));
|
|
9919
9997
|
}
|
|
9920
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9921
|
-
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
9922
|
-
var StyledAntSelect$
|
|
9923
|
-
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
9924
|
-
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9998
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9999
|
+
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
10000
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
10001
|
+
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$q || (_templateObject4$q = /*#__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"])));
|
|
10002
|
+
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
9925
10003
|
|
|
9926
10004
|
function useCreateReminder() {
|
|
9927
10005
|
var ssoToken = getCookie('id_token');
|
|
@@ -10091,7 +10169,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10091
10169
|
return perform;
|
|
10092
10170
|
}
|
|
10093
10171
|
|
|
10094
|
-
var _templateObject$
|
|
10172
|
+
var _templateObject$1S;
|
|
10095
10173
|
function TaskReminderModal() {
|
|
10096
10174
|
var createReminderAPI = useCreateReminder();
|
|
10097
10175
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10190,9 +10268,9 @@ function TaskReminderModal() {
|
|
|
10190
10268
|
isSubmitDisabled: isSubmitDisabled()
|
|
10191
10269
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
10192
10270
|
}
|
|
10193
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
10271
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10194
10272
|
|
|
10195
|
-
var _templateObject$
|
|
10273
|
+
var _templateObject$1T, _templateObject2$1q;
|
|
10196
10274
|
function OrderLock() {
|
|
10197
10275
|
var _useCurrentAction = useCurrentAction(),
|
|
10198
10276
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10245,8 +10323,8 @@ function OrderLock() {
|
|
|
10245
10323
|
})
|
|
10246
10324
|
});
|
|
10247
10325
|
}
|
|
10248
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
10249
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
10326
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10327
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10250
10328
|
|
|
10251
10329
|
function useUpdateFlag() {
|
|
10252
10330
|
var ssoToken = getCookie('id_token');
|
|
@@ -10316,7 +10394,7 @@ function useUpdateFlag() {
|
|
|
10316
10394
|
return create;
|
|
10317
10395
|
}
|
|
10318
10396
|
|
|
10319
|
-
var _templateObject$
|
|
10397
|
+
var _templateObject$1U, _templateObject2$1r, _templateObject3$O, _templateObject4$r, _templateObject5$i, _templateObject6$a;
|
|
10320
10398
|
function HeaderSection() {
|
|
10321
10399
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10322
10400
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10386,14 +10464,14 @@ function HeaderSection() {
|
|
|
10386
10464
|
})
|
|
10387
10465
|
})));
|
|
10388
10466
|
}
|
|
10389
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10390
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
10467
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10468
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10391
10469
|
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10392
|
-
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
10393
|
-
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10394
|
-
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10470
|
+
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject4$r || (_templateObject4$r = /*#__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"])));
|
|
10471
|
+
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
10472
|
+
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10395
10473
|
|
|
10396
|
-
var _templateObject$
|
|
10474
|
+
var _templateObject$1V, _templateObject2$1s;
|
|
10397
10475
|
function TextSection() {
|
|
10398
10476
|
var _useSinglePayload = useSinglePayload(),
|
|
10399
10477
|
payload = _useSinglePayload[0],
|
|
@@ -10411,10 +10489,10 @@ function TextSection() {
|
|
|
10411
10489
|
onChange: onChangeDetails
|
|
10412
10490
|
}));
|
|
10413
10491
|
}
|
|
10414
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
10415
|
-
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10492
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10493
|
+
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10416
10494
|
|
|
10417
|
-
var _templateObject$
|
|
10495
|
+
var _templateObject$1W, _templateObject2$1t;
|
|
10418
10496
|
function ButtonsSection() {
|
|
10419
10497
|
var _useSinglePayload = useSinglePayload(),
|
|
10420
10498
|
payload = _useSinglePayload[0],
|
|
@@ -10505,10 +10583,10 @@ function ButtonsSection() {
|
|
|
10505
10583
|
status: "SD"
|
|
10506
10584
|
}))));
|
|
10507
10585
|
}
|
|
10508
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10509
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10586
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10587
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10510
10588
|
|
|
10511
|
-
var _templateObject$
|
|
10589
|
+
var _templateObject$1X, _templateObject2$1u, _templateObject3$P, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10512
10590
|
function ActionSection() {
|
|
10513
10591
|
var _useCurrentAction = useCurrentAction(),
|
|
10514
10592
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10594,14 +10672,14 @@ function RadioButtonsSection() {
|
|
|
10594
10672
|
required: false
|
|
10595
10673
|
}));
|
|
10596
10674
|
}
|
|
10597
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10598
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
10675
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10676
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10599
10677
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10600
|
-
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10601
|
-
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10602
|
-
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10678
|
+
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10679
|
+
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10680
|
+
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10603
10681
|
|
|
10604
|
-
var _templateObject$
|
|
10682
|
+
var _templateObject$1Y, _templateObject2$1v, _templateObject3$Q, _templateObject4$t, _templateObject5$k;
|
|
10605
10683
|
function DetailSection() {
|
|
10606
10684
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10607
10685
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10613,11 +10691,11 @@ function DetailSection() {
|
|
|
10613
10691
|
label: "Order"
|
|
10614
10692
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10615
10693
|
}
|
|
10616
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10617
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10694
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10695
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10618
10696
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10619
|
-
var Order = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10620
|
-
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$
|
|
10697
|
+
var Order = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10698
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
10621
10699
|
|
|
10622
10700
|
function useFetchSingleFlagsData() {
|
|
10623
10701
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -10699,7 +10777,7 @@ function useFetchSingleFlagsData() {
|
|
|
10699
10777
|
return res;
|
|
10700
10778
|
}
|
|
10701
10779
|
|
|
10702
|
-
var _templateObject$
|
|
10780
|
+
var _templateObject$1Z, _templateObject2$1w, _templateObject3$R;
|
|
10703
10781
|
function ViewFlag() {
|
|
10704
10782
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10705
10783
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10796,11 +10874,11 @@ function ViewFlag() {
|
|
|
10796
10874
|
}, [dataArray]);
|
|
10797
10875
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
10798
10876
|
}
|
|
10799
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10800
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
10877
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10878
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10801
10879
|
var MainContainer$a = /*#__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"])));
|
|
10802
10880
|
|
|
10803
|
-
var _templateObject$
|
|
10881
|
+
var _templateObject$1_;
|
|
10804
10882
|
function ReleaseOrder() {
|
|
10805
10883
|
var _useOrderId = useOrderId(),
|
|
10806
10884
|
orderId = _useOrderId[0];
|
|
@@ -10879,9 +10957,132 @@ function ReleaseOrder() {
|
|
|
10879
10957
|
// position: absolute;
|
|
10880
10958
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10881
10959
|
// `;
|
|
10882
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
10960
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10883
10961
|
|
|
10884
|
-
var _templateObject$
|
|
10962
|
+
var _templateObject$1$;
|
|
10963
|
+
function UncancelOrder() {
|
|
10964
|
+
var _orderStaticData$unca;
|
|
10965
|
+
var _useOrderId = useOrderId(),
|
|
10966
|
+
orderId = _useOrderId[0];
|
|
10967
|
+
var _useCurrentAction = useCurrentAction(),
|
|
10968
|
+
setCurrentAction = _useCurrentAction[1];
|
|
10969
|
+
var onClose = function onClose() {
|
|
10970
|
+
setCurrentAction(undefined);
|
|
10971
|
+
};
|
|
10972
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
10973
|
+
orderStaticData = _useOrderStaticData[0];
|
|
10974
|
+
var _useState = React.useState(undefined),
|
|
10975
|
+
unCancelReason = _useState[0],
|
|
10976
|
+
setUncancelReason = _useState[1];
|
|
10977
|
+
var _useState2 = React.useState(''),
|
|
10978
|
+
unCancelNotes = _useState2[0],
|
|
10979
|
+
setUncancelNotes = _useState2[1];
|
|
10980
|
+
var _useOrderDetails = useOrderDetails(),
|
|
10981
|
+
setOrderDetails = _useOrderDetails[1];
|
|
10982
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
10983
|
+
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
10984
|
+
var _useLoading = useLoading(),
|
|
10985
|
+
setLoading = _useLoading[1];
|
|
10986
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
10987
|
+
customerInfo = _useCustomerInfo[0];
|
|
10988
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
10989
|
+
var unCancelReasonOptions = orderStaticData == null || (_orderStaticData$unca = orderStaticData.uncancel_reasons) == null ? void 0 : _orderStaticData$unca.map(function (item) {
|
|
10990
|
+
return {
|
|
10991
|
+
label: item == null ? void 0 : item.reason,
|
|
10992
|
+
value: item == null ? void 0 : item.reason
|
|
10993
|
+
};
|
|
10994
|
+
});
|
|
10995
|
+
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
10996
|
+
endpoint: "orders/" + orderId + "/uncancel/?uncancelled_reason=" + unCancelReason + "&uncancelled_notes=" + unCancelNotes,
|
|
10997
|
+
method: 'POST',
|
|
10998
|
+
performAction: false
|
|
10999
|
+
}),
|
|
11000
|
+
response = _useApiHook.data,
|
|
11001
|
+
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
11002
|
+
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
11003
|
+
endpoint: "orders/" + orderId,
|
|
11004
|
+
method: 'GET',
|
|
11005
|
+
performAction: false
|
|
11006
|
+
}),
|
|
11007
|
+
fetchedData = _useApiHook2.data,
|
|
11008
|
+
loading = _useApiHook2.loading,
|
|
11009
|
+
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
11010
|
+
React.useEffect(function () {
|
|
11011
|
+
var _fetchedData$data;
|
|
11012
|
+
setLoading(loading);
|
|
11013
|
+
if (fetchedData && fetchedData.data) {
|
|
11014
|
+
var requiredData = fetchedData == null ? void 0 : fetchedData.data;
|
|
11015
|
+
setOrderDetails(requiredData[0]);
|
|
11016
|
+
setPrevOrderDetails(requiredData[0]);
|
|
11017
|
+
setCurrentAction(undefined);
|
|
11018
|
+
}
|
|
11019
|
+
if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
|
|
11020
|
+
setCurrentAction(undefined);
|
|
11021
|
+
}
|
|
11022
|
+
}, [loading]);
|
|
11023
|
+
React.useEffect(function () {
|
|
11024
|
+
if (response) {
|
|
11025
|
+
//@ts-ignore
|
|
11026
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
11027
|
+
setShouldPerformAction(true);
|
|
11028
|
+
antd.notification.success({
|
|
11029
|
+
message: 'Success',
|
|
11030
|
+
description:
|
|
11031
|
+
//@ts-ignore
|
|
11032
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
11033
|
+
});
|
|
11034
|
+
} else {
|
|
11035
|
+
antd.notification.error({
|
|
11036
|
+
message: 'Error',
|
|
11037
|
+
description:
|
|
11038
|
+
//@ts-ignore
|
|
11039
|
+
(response == null ? void 0 : response.error_traceback) || 'An error has occurred. Please try again later.'
|
|
11040
|
+
});
|
|
11041
|
+
setCurrentAction(undefined);
|
|
11042
|
+
}
|
|
11043
|
+
}
|
|
11044
|
+
}, [response]);
|
|
11045
|
+
var onChange = function onChange(event) {
|
|
11046
|
+
setUncancelNotes(event.target.value);
|
|
11047
|
+
};
|
|
11048
|
+
var onChangeUnCancelReason = function onChangeUnCancelReason(value) {
|
|
11049
|
+
setUncancelReason(value);
|
|
11050
|
+
};
|
|
11051
|
+
var onSubmit = function onSubmit() {
|
|
11052
|
+
if (orderId) {
|
|
11053
|
+
setPerformAction(true);
|
|
11054
|
+
}
|
|
11055
|
+
};
|
|
11056
|
+
var showSubmitBtn = unCancelReason !== undefined && (unCancelNotes == null ? void 0 : unCancelNotes.length) > 0;
|
|
11057
|
+
return React__default.createElement(OrderActionModal, {
|
|
11058
|
+
headerTitle: "Un-Cancel order",
|
|
11059
|
+
onCloseHeader: onClose,
|
|
11060
|
+
onSubmit: onSubmit,
|
|
11061
|
+
showAdditionalInfo: true,
|
|
11062
|
+
infoText: infoText,
|
|
11063
|
+
submitBtnTitle: "Save Details",
|
|
11064
|
+
isSubmitDisabled: !showSubmitBtn
|
|
11065
|
+
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(Label$e, null, "Un-cancel Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
11066
|
+
options: unCancelReasonOptions || [],
|
|
11067
|
+
placeholder: "Select un-cancel Reason",
|
|
11068
|
+
onChange: onChangeUnCancelReason,
|
|
11069
|
+
disabled: false,
|
|
11070
|
+
style: {
|
|
11071
|
+
width: '346px',
|
|
11072
|
+
height: 40
|
|
11073
|
+
},
|
|
11074
|
+
showSearch: true,
|
|
11075
|
+
popupClassName: 'dropDownStyle',
|
|
11076
|
+
selectWrapperClass: 'rounded',
|
|
11077
|
+
defaultValue: unCancelReason
|
|
11078
|
+
})), React__default.createElement(HoldRow, null, React__default.createElement(Label$e, null, "Un-cancel Note"), React__default.createElement(CustomTextArea$3, {
|
|
11079
|
+
rows: 5,
|
|
11080
|
+
onChange: onChange
|
|
11081
|
+
})))));
|
|
11082
|
+
}
|
|
11083
|
+
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
11084
|
+
|
|
11085
|
+
var _templateObject$20;
|
|
10885
11086
|
function OrderActions() {
|
|
10886
11087
|
var _useCurrentAction = useCurrentAction(),
|
|
10887
11088
|
currentAction = _useCurrentAction[0];
|
|
@@ -10899,8 +11100,8 @@ function OrderActions() {
|
|
|
10899
11100
|
return React__default.createElement(LogServiceRefusal, null);
|
|
10900
11101
|
case 'cancel-order':
|
|
10901
11102
|
return React__default.createElement(CancelOrder, null);
|
|
10902
|
-
|
|
10903
|
-
|
|
11103
|
+
case 'uncancel-order':
|
|
11104
|
+
return React__default.createElement(UncancelOrder, null);
|
|
10904
11105
|
case 'confirm-order':
|
|
10905
11106
|
return React__default.createElement(ConfirmOrder, null);
|
|
10906
11107
|
case 'send-sms':
|
|
@@ -10933,7 +11134,7 @@ function OrderActions() {
|
|
|
10933
11134
|
};
|
|
10934
11135
|
return React__default.createElement(Container$18, null, renderContent());
|
|
10935
11136
|
}
|
|
10936
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11137
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10937
11138
|
|
|
10938
11139
|
function useSystemLogs() {
|
|
10939
11140
|
var ssoToken = getCookie('id_token');
|
|
@@ -11025,7 +11226,7 @@ function useSystemLogs() {
|
|
|
11025
11226
|
return perform;
|
|
11026
11227
|
}
|
|
11027
11228
|
|
|
11028
|
-
var _templateObject$
|
|
11229
|
+
var _templateObject$21, _templateObject2$1x;
|
|
11029
11230
|
var Details = function Details() {
|
|
11030
11231
|
// const [orderDetails] = useOrderDetails();
|
|
11031
11232
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11034,10 +11235,10 @@ var Details = function Details() {
|
|
|
11034
11235
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11035
11236
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11036
11237
|
};
|
|
11037
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11038
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11238
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11239
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
11039
11240
|
|
|
11040
|
-
var _templateObject$
|
|
11241
|
+
var _templateObject$22;
|
|
11041
11242
|
function Options() {
|
|
11042
11243
|
var _useCurrentAction = useCurrentAction(),
|
|
11043
11244
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11103,7 +11304,7 @@ function Options() {
|
|
|
11103
11304
|
value: "OPTIONS"
|
|
11104
11305
|
}));
|
|
11105
11306
|
}
|
|
11106
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11307
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11107
11308
|
|
|
11108
11309
|
function BjsMenu() {
|
|
11109
11310
|
var _orderStatus$;
|
|
@@ -11160,7 +11361,7 @@ function BjsMenu() {
|
|
|
11160
11361
|
});
|
|
11161
11362
|
}
|
|
11162
11363
|
|
|
11163
|
-
var _templateObject$
|
|
11364
|
+
var _templateObject$23;
|
|
11164
11365
|
function Print() {
|
|
11165
11366
|
var _useOrderDetails = useOrderDetails(),
|
|
11166
11367
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11245,29 +11446,376 @@ function Print() {
|
|
|
11245
11446
|
})
|
|
11246
11447
|
}));
|
|
11247
11448
|
}
|
|
11248
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11449
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11249
11450
|
|
|
11250
|
-
var _templateObject$
|
|
11451
|
+
var _templateObject$24;
|
|
11251
11452
|
// components
|
|
11252
11453
|
function DropDowns$1() {
|
|
11253
11454
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement(BjsMenu, null), React__default.createElement(Options, null), React__default.createElement(Print, null)));
|
|
11254
11455
|
}
|
|
11255
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
11456
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11256
11457
|
|
|
11257
|
-
var _templateObject$
|
|
11458
|
+
var _templateObject$25;
|
|
11258
11459
|
// import Actions from './actions/Actions';
|
|
11259
11460
|
var ActionsMenu = function ActionsMenu() {
|
|
11260
11461
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11261
11462
|
};
|
|
11262
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11463
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__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"])));
|
|
11263
11464
|
|
|
11264
|
-
var _templateObject$
|
|
11465
|
+
var _templateObject$26;
|
|
11265
11466
|
var DetailsFilters = function DetailsFilters() {
|
|
11266
11467
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11267
11468
|
};
|
|
11268
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11469
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__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"])));
|
|
11269
11470
|
|
|
11270
|
-
var _templateObject$
|
|
11471
|
+
var _templateObject$27, _templateObject2$1y, _templateObject3$S;
|
|
11472
|
+
function FlagTemplate(_ref) {
|
|
11473
|
+
var _data$tasks_types;
|
|
11474
|
+
var data = _ref.data;
|
|
11475
|
+
var _useFlagRefId = useFlagRefId(),
|
|
11476
|
+
setSelectedFlag = _useFlagRefId[1];
|
|
11477
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11478
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11479
|
+
var openModal = function openModal() {
|
|
11480
|
+
setCurrentAction('view-flag');
|
|
11481
|
+
};
|
|
11482
|
+
var handleClick = function handleClick(Id) {
|
|
11483
|
+
setSelectedFlag(Id);
|
|
11484
|
+
openModal();
|
|
11485
|
+
};
|
|
11486
|
+
var titleColor = data.task_status_id === 2 ? '#36A053' : '#3a3630';
|
|
11487
|
+
return React__default.createElement(StyledAlert, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11488
|
+
type: (data == null ? void 0 : data.task_status_id) === 1 ? 'info' : 'success',
|
|
11489
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTitle, {
|
|
11490
|
+
color: titleColor
|
|
11491
|
+
}, "Flag : ", data != null && data.is_private ? 'Private' : '', ' ', React__default.createElement(StyledLink$1, {
|
|
11492
|
+
onClick: function onClick() {
|
|
11493
|
+
return handleClick(data.id);
|
|
11494
|
+
}
|
|
11495
|
+
}, data == null ? void 0 : data.id, " - ", data == null || (_data$tasks_types = data.tasks_types) == null ? void 0 : _data$tasks_types.type, ' '), ' ', data.task_status_id === 1 ? 'Unresolved' : 'Resolved on', ' ', data.task_status_id == 2 ? React__default.createElement(React__default.Fragment, null, formatDate$1(data == null ? void 0 : data.resolved_at), " by ", data == null ? void 0 : data.resolved_by, ' ') : null)),
|
|
11496
|
+
subtitle: "",
|
|
11497
|
+
description: "" + data.details,
|
|
11498
|
+
showOkButton: false,
|
|
11499
|
+
onClose: function onClose() {}
|
|
11500
|
+
}));
|
|
11501
|
+
}
|
|
11502
|
+
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11503
|
+
var StyledLink$1 = /*#__PURE__*/styled__default.span(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
11504
|
+
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11505
|
+
var color = _ref2.color;
|
|
11506
|
+
return color;
|
|
11507
|
+
});
|
|
11508
|
+
|
|
11509
|
+
var _templateObject$28, _templateObject2$1z, _templateObject3$T;
|
|
11510
|
+
function ReminderTemplate(_ref) {
|
|
11511
|
+
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11512
|
+
var data = _ref.data,
|
|
11513
|
+
dismissReminder = _ref.dismissReminder;
|
|
11514
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11515
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11516
|
+
var _useReminderRefId = useReminderRefId(),
|
|
11517
|
+
setReminderRefId = _useReminderRefId[1];
|
|
11518
|
+
var openModal = function openModal() {
|
|
11519
|
+
setCurrentAction('view-reminder');
|
|
11520
|
+
};
|
|
11521
|
+
//getting particular reminder data
|
|
11522
|
+
var handleClick = function handleClick(Id) {
|
|
11523
|
+
setReminderRefId(Id);
|
|
11524
|
+
openModal();
|
|
11525
|
+
};
|
|
11526
|
+
var type = (data == null || (_data$reminder_status = data.reminder_status) == null ? void 0 : _data$reminder_status.name) === 'AD' ? 'info' : (data == null || (_data$reminder_status2 = data.reminder_status) == null ? void 0 : _data$reminder_status2.name) === 'pending' ? 'warn' : 'success';
|
|
11527
|
+
var titleColor = (data == null || (_data$reminder_status3 = data.reminder_status) == null ? void 0 : _data$reminder_status3.name) === 'SD' ? '#36A053' : (data == null || (_data$reminder_status4 = data.reminder_status) == null ? void 0 : _data$reminder_status4.name) === 'pending' ? '#FEBA30' : '#3A3630';
|
|
11528
|
+
return React__default.createElement("div", null, React__default.createElement(StyledAlert$1, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11529
|
+
type: type,
|
|
11530
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTitle$1, {
|
|
11531
|
+
color: titleColor
|
|
11532
|
+
}, "Reminder:", React__default.createElement(StyledLink$2, {
|
|
11533
|
+
onClick: function onClick() {
|
|
11534
|
+
return handleClick(data.id);
|
|
11535
|
+
}
|
|
11536
|
+
}, ' ', (data == null ? void 0 : data.reference) || 'NA', ' '), formatDate$1(data == null ? void 0 : data.due), ", Assigned to :", ' ')),
|
|
11537
|
+
description: "" + (data == null ? void 0 : data.details),
|
|
11538
|
+
showOkButton: false,
|
|
11539
|
+
onClose: function onClose() {
|
|
11540
|
+
return dismissReminder(data.id);
|
|
11541
|
+
}
|
|
11542
|
+
})));
|
|
11543
|
+
}
|
|
11544
|
+
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11545
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11546
|
+
var color = _ref2.color;
|
|
11547
|
+
return color;
|
|
11548
|
+
});
|
|
11549
|
+
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$T || (_templateObject3$T = /*#__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"])));
|
|
11550
|
+
|
|
11551
|
+
var _templateObject$29, _templateObject2$1A;
|
|
11552
|
+
function Tabs(_ref) {
|
|
11553
|
+
var activeNotifications = _ref.activeNotifications,
|
|
11554
|
+
closedNotifications = _ref.closedNotifications,
|
|
11555
|
+
activeReminders = _ref.activeReminders,
|
|
11556
|
+
closedReminders = _ref.closedReminders,
|
|
11557
|
+
dismissReminder = _ref.dismissReminder,
|
|
11558
|
+
dismissFlags = _ref.dismissFlags;
|
|
11559
|
+
var _useTabType = useTabType(),
|
|
11560
|
+
activeTab = _useTabType[0];
|
|
11561
|
+
var initialNotifications = activeNotifications.slice(0, 3);
|
|
11562
|
+
var additionalNotifications = activeNotifications.slice(3);
|
|
11563
|
+
var initialReminders = activeReminders.slice(0, 3);
|
|
11564
|
+
var additionalReminders = activeReminders.slice(3);
|
|
11565
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1a, {
|
|
11566
|
+
className: "tab-content"
|
|
11567
|
+
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, initialReminders.map(function (item, index) {
|
|
11568
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11569
|
+
key: index,
|
|
11570
|
+
data: item,
|
|
11571
|
+
dismissReminder: dismissReminder
|
|
11572
|
+
});
|
|
11573
|
+
}), initialNotifications.map(function (item, index) {
|
|
11574
|
+
return React__default.createElement(FlagTemplate, {
|
|
11575
|
+
key: index,
|
|
11576
|
+
data: item,
|
|
11577
|
+
dismissFlags: dismissFlags
|
|
11578
|
+
});
|
|
11579
|
+
}), React__default.createElement(React__default.Fragment, null, additionalReminders.map(function (item, index) {
|
|
11580
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11581
|
+
key: index + initialReminders.length,
|
|
11582
|
+
data: item,
|
|
11583
|
+
dismissReminder: dismissReminder
|
|
11584
|
+
});
|
|
11585
|
+
}), additionalNotifications.map(function (item, index) {
|
|
11586
|
+
return React__default.createElement(FlagTemplate, {
|
|
11587
|
+
key: index + initialNotifications.length,
|
|
11588
|
+
data: item,
|
|
11589
|
+
dismissFlags: dismissFlags
|
|
11590
|
+
});
|
|
11591
|
+
}))), activeTab === 'closed' && React__default.createElement(React__default.Fragment, null, closedReminders.map(function (item, index) {
|
|
11592
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11593
|
+
key: index,
|
|
11594
|
+
data: item,
|
|
11595
|
+
dismissReminder: dismissReminder
|
|
11596
|
+
});
|
|
11597
|
+
}), closedNotifications.map(function (item, index) {
|
|
11598
|
+
return React__default.createElement(FlagTemplate, {
|
|
11599
|
+
key: index,
|
|
11600
|
+
data: item,
|
|
11601
|
+
dismissFlags: dismissFlags
|
|
11602
|
+
});
|
|
11603
|
+
})))));
|
|
11604
|
+
}
|
|
11605
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11606
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11607
|
+
|
|
11608
|
+
var NotifyFlag = function NotifyFlag() {
|
|
11609
|
+
return React__default.createElement("svg", {
|
|
11610
|
+
width: "18",
|
|
11611
|
+
height: "20",
|
|
11612
|
+
viewBox: "0 0 18 20",
|
|
11613
|
+
fill: "none",
|
|
11614
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11615
|
+
}, React__default.createElement("path", {
|
|
11616
|
+
d: "M9.767 13.12C9.10538 12.8759 8.50311 12.4942 8 12C7.06536 11.0839 5.80876 10.5707 4.5 10.5707C3.19124 10.5707 1.93464 11.0839 1 12M1 12V2.99999C1.93464 2.08386 3.19124 1.57071 4.5 1.57071C5.80876 1.57071 7.06536 2.08386 8 2.99999C8.93464 3.91613 10.1912 4.42928 11.5 4.42928C12.8088 4.42928 14.0654 3.91613 15 2.99999V11.5M1 12V19M11 17L13 19L17 15",
|
|
11617
|
+
stroke: "#FEBA30",
|
|
11618
|
+
strokeWidth: "2",
|
|
11619
|
+
strokeLinecap: "round",
|
|
11620
|
+
strokeLinejoin: "round"
|
|
11621
|
+
}));
|
|
11622
|
+
};
|
|
11623
|
+
|
|
11624
|
+
var _templateObject$2a, _templateObject2$1B, _templateObject3$U, _templateObject4$u, _templateObject5$l, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$5, _templateObject10$3, _templateObject11$3, _templateObject12$1;
|
|
11625
|
+
function Notification() {
|
|
11626
|
+
var _OrderData$order_rout;
|
|
11627
|
+
var _useTabType = useTabType(),
|
|
11628
|
+
activeTab = _useTabType[0],
|
|
11629
|
+
setActiveTab = _useTabType[1];
|
|
11630
|
+
var _useInfoType = useInfoType(),
|
|
11631
|
+
setShowMoreInfo = _useInfoType[1];
|
|
11632
|
+
var TaskData = useFetchUnresolvedTasks();
|
|
11633
|
+
var ReminderData = useFetchReminders();
|
|
11634
|
+
var _useOrderDetails = useOrderDetails(),
|
|
11635
|
+
OrderData = _useOrderDetails[0];
|
|
11636
|
+
var _useNotificationData = useNotificationData(),
|
|
11637
|
+
notificationData = _useNotificationData[0],
|
|
11638
|
+
setNotififcationData = _useNotificationData[1];
|
|
11639
|
+
var _useTaskLoading = useTaskLoading(),
|
|
11640
|
+
flagLoading = _useTaskLoading[0];
|
|
11641
|
+
var _useReminderNotiData = useReminderNotiData(),
|
|
11642
|
+
reminderData = _useReminderNotiData[0],
|
|
11643
|
+
setReminderData = _useReminderNotiData[1];
|
|
11644
|
+
var routeId = OrderData == null || (_OrderData$order_rout = OrderData.order_routes) == null ? void 0 : _OrderData$order_rout.route_id;
|
|
11645
|
+
var _useRouteDetails = useRouteDetails(),
|
|
11646
|
+
setRouteData = _useRouteDetails[1];
|
|
11647
|
+
var _useOrderNotify = useOrderNotify(),
|
|
11648
|
+
orderCount = _useOrderNotify[0];
|
|
11649
|
+
var _useState = React.useState([]),
|
|
11650
|
+
activeNotifications = _useState[0],
|
|
11651
|
+
setActiveNotifications = _useState[1];
|
|
11652
|
+
var _useState2 = React.useState([]),
|
|
11653
|
+
closedNotifications = _useState2[0],
|
|
11654
|
+
setCloseNotifications = _useState2[1];
|
|
11655
|
+
var _useState3 = React.useState([]),
|
|
11656
|
+
activeReminders = _useState3[0],
|
|
11657
|
+
setActiveReminders = _useState3[1];
|
|
11658
|
+
var _useState4 = React.useState([]),
|
|
11659
|
+
closedReminders = _useState4[0],
|
|
11660
|
+
setCloseReminders = _useState4[1];
|
|
11661
|
+
var handleTabChange = function handleTabChange(tab) {
|
|
11662
|
+
setActiveTab(tab);
|
|
11663
|
+
setShowMoreInfo(false);
|
|
11664
|
+
};
|
|
11665
|
+
//flags notification data
|
|
11666
|
+
var fetchTaskData = /*#__PURE__*/function () {
|
|
11667
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
11668
|
+
var result;
|
|
11669
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11670
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11671
|
+
case 0:
|
|
11672
|
+
_context.next = 2;
|
|
11673
|
+
return TaskData();
|
|
11674
|
+
case 2:
|
|
11675
|
+
result = _context.sent;
|
|
11676
|
+
setNotififcationData(result);
|
|
11677
|
+
case 4:
|
|
11678
|
+
case "end":
|
|
11679
|
+
return _context.stop();
|
|
11680
|
+
}
|
|
11681
|
+
}, _callee);
|
|
11682
|
+
}));
|
|
11683
|
+
return function fetchTaskData() {
|
|
11684
|
+
return _ref.apply(this, arguments);
|
|
11685
|
+
};
|
|
11686
|
+
}();
|
|
11687
|
+
//reminder noitification
|
|
11688
|
+
var fetchReminderData = /*#__PURE__*/function () {
|
|
11689
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
11690
|
+
var result;
|
|
11691
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
11692
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
11693
|
+
case 0:
|
|
11694
|
+
_context2.next = 2;
|
|
11695
|
+
return ReminderData();
|
|
11696
|
+
case 2:
|
|
11697
|
+
result = _context2.sent;
|
|
11698
|
+
setReminderData(result);
|
|
11699
|
+
case 4:
|
|
11700
|
+
case "end":
|
|
11701
|
+
return _context2.stop();
|
|
11702
|
+
}
|
|
11703
|
+
}, _callee2);
|
|
11704
|
+
}));
|
|
11705
|
+
return function fetchReminderData() {
|
|
11706
|
+
return _ref2.apply(this, arguments);
|
|
11707
|
+
};
|
|
11708
|
+
}();
|
|
11709
|
+
//route API calling...
|
|
11710
|
+
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
11711
|
+
endpoint: "route/" + routeId,
|
|
11712
|
+
method: 'GET',
|
|
11713
|
+
performAction: false
|
|
11714
|
+
}),
|
|
11715
|
+
fetchedData = _useApiHook.data,
|
|
11716
|
+
setShouldPerformAction = _useApiHook.setShouldPerformAction;
|
|
11717
|
+
React.useEffect(function () {
|
|
11718
|
+
if (OrderData.id) {
|
|
11719
|
+
fetchTaskData();
|
|
11720
|
+
fetchReminderData();
|
|
11721
|
+
}
|
|
11722
|
+
}, [OrderData.id]);
|
|
11723
|
+
React.useEffect(function () {
|
|
11724
|
+
if (routeId) {
|
|
11725
|
+
setShouldPerformAction(true);
|
|
11726
|
+
setRouteData(fetchedData == null ? void 0 : fetchedData.data[0]);
|
|
11727
|
+
}
|
|
11728
|
+
});
|
|
11729
|
+
React.useEffect(function () {
|
|
11730
|
+
if ((notificationData == null ? void 0 : notificationData.length) > 0) {
|
|
11731
|
+
setActiveNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11732
|
+
return item.task_status_id !== 2;
|
|
11733
|
+
}));
|
|
11734
|
+
setCloseNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11735
|
+
return (item == null ? void 0 : item.task_status_id) === 2;
|
|
11736
|
+
}));
|
|
11737
|
+
}
|
|
11738
|
+
}, [notificationData]);
|
|
11739
|
+
React.useEffect(function () {
|
|
11740
|
+
if ((reminderData == null ? void 0 : reminderData.length) > 0) {
|
|
11741
|
+
setActiveReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11742
|
+
return item.status_id === 1 || item.status_id === 3;
|
|
11743
|
+
}));
|
|
11744
|
+
setCloseReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11745
|
+
return (item == null ? void 0 : item.status_id) === 2;
|
|
11746
|
+
}));
|
|
11747
|
+
}
|
|
11748
|
+
}, [reminderData]);
|
|
11749
|
+
//dismiss notifcations
|
|
11750
|
+
var dismissFlags = function dismissFlags(id) {
|
|
11751
|
+
setActiveNotifications(function (prevFlags) {
|
|
11752
|
+
return prevFlags.filter(function (flags) {
|
|
11753
|
+
return flags.id !== id;
|
|
11754
|
+
});
|
|
11755
|
+
});
|
|
11756
|
+
setCloseNotifications(function (prevFlags) {
|
|
11757
|
+
return prevFlags.filter(function (flags) {
|
|
11758
|
+
return flags.id !== id;
|
|
11759
|
+
});
|
|
11760
|
+
});
|
|
11761
|
+
};
|
|
11762
|
+
var dismissReminder = function dismissReminder(id) {
|
|
11763
|
+
setActiveReminders(function (prevReminders) {
|
|
11764
|
+
return prevReminders.filter(function (reminder) {
|
|
11765
|
+
return reminder.id !== id;
|
|
11766
|
+
});
|
|
11767
|
+
});
|
|
11768
|
+
setCloseReminders(function (prevReminders) {
|
|
11769
|
+
return prevReminders.filter(function (reminder) {
|
|
11770
|
+
return reminder.id !== id;
|
|
11771
|
+
});
|
|
11772
|
+
});
|
|
11773
|
+
};
|
|
11774
|
+
var totalActiveCount = activeNotifications.length + activeReminders.length + orderCount;
|
|
11775
|
+
var totalClosedCount = closedNotifications.length + closedReminders.length;
|
|
11776
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$1, null, React__default.createElement(Container$1b, {
|
|
11777
|
+
className: "notification-header"
|
|
11778
|
+
}, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$h, {
|
|
11779
|
+
label: "NOTIFICATIONS"
|
|
11780
|
+
}), React__default.createElement(TabsData, {
|
|
11781
|
+
className: "tab-buttons"
|
|
11782
|
+
}, React__default.createElement(StyledTab, {
|
|
11783
|
+
active: activeTab === 'active',
|
|
11784
|
+
onClick: function onClick() {
|
|
11785
|
+
return handleTabChange('active');
|
|
11786
|
+
}
|
|
11787
|
+
}, "Active", React__default.createElement(ActiveCount, null, totalActiveCount)), React__default.createElement(StyledTab, {
|
|
11788
|
+
active: activeTab === 'closed',
|
|
11789
|
+
onClick: function onClick() {
|
|
11790
|
+
return handleTabChange('closed');
|
|
11791
|
+
}
|
|
11792
|
+
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))), flagLoading ? React__default.createElement(Loader$1, null, React__default.createElement(Spinner$1, null), React__default.createElement(Text$9, null, "Fetching Notifications...")) : notificationData.length > 0 || reminderData.length > 0 || OrderData ? React__default.createElement(TabsWrapper, null, React__default.createElement(Tabs, {
|
|
11793
|
+
activeNotifications: activeNotifications,
|
|
11794
|
+
closedNotifications: closedNotifications,
|
|
11795
|
+
activeReminders: activeReminders,
|
|
11796
|
+
closedReminders: closedReminders,
|
|
11797
|
+
dismissReminder: dismissReminder,
|
|
11798
|
+
dismissFlags: dismissFlags
|
|
11799
|
+
})) : 'No Notifications Found'));
|
|
11800
|
+
}
|
|
11801
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
11802
|
+
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11803
|
+
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
11804
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
11805
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
11806
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
11807
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
11808
|
+
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
11809
|
+
return props.active ? '#3a3630' : '#AEA9A1';
|
|
11810
|
+
}, function (props) {
|
|
11811
|
+
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
11812
|
+
});
|
|
11813
|
+
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__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"])));
|
|
11814
|
+
var Label$h = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject10$3 || (_templateObject10$3 = /*#__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"])));
|
|
11815
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
11816
|
+
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__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"])));
|
|
11817
|
+
|
|
11818
|
+
var _templateObject$2b, _templateObject2$1C, _templateObject3$V, _templateObject4$v;
|
|
11271
11819
|
function OrderView() {
|
|
11272
11820
|
antd.notification.config({
|
|
11273
11821
|
top: 150
|
|
@@ -11368,12 +11916,6 @@ function OrderView() {
|
|
|
11368
11916
|
fetchedData = _useApiHook2.data,
|
|
11369
11917
|
loading = _useApiHook2.loading,
|
|
11370
11918
|
orderUpdate = _useApiHook2.setShouldPerformAction;
|
|
11371
|
-
React.useEffect(function () {
|
|
11372
|
-
if (orderId) {
|
|
11373
|
-
orderUpdate(true);
|
|
11374
|
-
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11375
|
-
}
|
|
11376
|
-
}, [orderId, liveRecalling]);
|
|
11377
11919
|
var _useApiHook3 = dmsComponentLibrary.useApiHook({
|
|
11378
11920
|
endpoint: "/orders/getStaticData/all/",
|
|
11379
11921
|
method: 'GET'
|
|
@@ -11400,6 +11942,12 @@ function OrderView() {
|
|
|
11400
11942
|
}),
|
|
11401
11943
|
fetchedDepotData = _useApiHook5.data,
|
|
11402
11944
|
depotDataLoading = _useApiHook5.loading;
|
|
11945
|
+
React.useEffect(function () {
|
|
11946
|
+
if (orderId) {
|
|
11947
|
+
orderUpdate(true);
|
|
11948
|
+
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11949
|
+
}
|
|
11950
|
+
}, [orderId, liveRecalling]);
|
|
11403
11951
|
React.useEffect(function () {
|
|
11404
11952
|
setLoading(staticDataLoading);
|
|
11405
11953
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -11578,15 +12126,15 @@ function OrderView() {
|
|
|
11578
12126
|
};
|
|
11579
12127
|
}, [gsitId]);
|
|
11580
12128
|
console.log(orderId, 'orderId');
|
|
11581
|
-
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
12129
|
+
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
11582
12130
|
}
|
|
11583
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11584
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11585
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12131
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12132
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12133
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11586
12134
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
11587
12135
|
|
|
11588
|
-
var _templateObject2$
|
|
11589
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12136
|
+
var _templateObject2$1D;
|
|
12137
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__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"])));
|
|
11590
12138
|
|
|
11591
12139
|
var initialState$3 = {
|
|
11592
12140
|
'x-filters': [],
|
|
@@ -11652,7 +12200,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11652
12200
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11653
12201
|
});
|
|
11654
12202
|
|
|
11655
|
-
var _templateObject$
|
|
12203
|
+
var _templateObject$2c, _templateObject2$1E, _templateObject3$W;
|
|
11656
12204
|
var SearchType = function SearchType() {
|
|
11657
12205
|
var _useState = React.useState(''),
|
|
11658
12206
|
searchText = _useState[0],
|
|
@@ -11698,9 +12246,9 @@ var SearchType = function SearchType() {
|
|
|
11698
12246
|
onClick: handleClear
|
|
11699
12247
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
11700
12248
|
};
|
|
11701
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11702
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
11703
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
12249
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
|
|
12250
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
|
|
12251
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
|
|
11704
12252
|
|
|
11705
12253
|
var BulkFilter = function BulkFilter() {
|
|
11706
12254
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11998,7 +12546,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
11998
12546
|
})))));
|
|
11999
12547
|
};
|
|
12000
12548
|
|
|
12001
|
-
var _templateObject$
|
|
12549
|
+
var _templateObject$2d, _templateObject2$1F, _templateObject3$X;
|
|
12002
12550
|
var _excluded$6 = ["count"];
|
|
12003
12551
|
function ReturnMainTable() {
|
|
12004
12552
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -12071,7 +12619,7 @@ function ReturnMainTable() {
|
|
|
12071
12619
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12072
12620
|
}, React__default.createElement("div", {
|
|
12073
12621
|
className: "Tableconatiner"
|
|
12074
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
12622
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1c, null, React__default.createElement(Row$7, 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, {
|
|
12075
12623
|
currentPage: page,
|
|
12076
12624
|
totalItems: total,
|
|
12077
12625
|
itemsPerPage: itemsPerPage,
|
|
@@ -12079,9 +12627,9 @@ function ReturnMainTable() {
|
|
|
12079
12627
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12080
12628
|
}))));
|
|
12081
12629
|
}
|
|
12082
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12083
|
-
var Container$
|
|
12084
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
12630
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12631
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12632
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$X || (_templateObject3$X = /*#__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"])));
|
|
12085
12633
|
|
|
12086
12634
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
12087
12635
|
var _useSearchParams = reactRouterDom.useSearchParams(),
|