@bjsdistribution/dms-client-return 0.0.80 → 0.0.82
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-daily-overview/header-filters/overViewFilter.d.ts +1 -0
- package/dist/components/order-view/DynamicTable.d.ts +4 -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/dms-client-return.cjs.development.js +609 -391
- 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 +609 -391
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header/route-header/search/SearchType.tsx +58 -2
- package/src/components/order-daily-overview/header-filters/overViewFilter.ts +37 -14
- package/src/components/order-daily-overview/index.tsx +2 -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 +6 -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/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/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-details/expanded-content/footer/index.tsx +9 -6
|
@@ -5441,6 +5441,10 @@ function OrderDetailsFooter() {
|
|
|
5441
5441
|
errorState = _useAtom[0];
|
|
5442
5442
|
var _useUpdateApiCall = useUpdateApiCall(),
|
|
5443
5443
|
setCallApi = _useUpdateApiCall[1]; //single detail
|
|
5444
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
5445
|
+
setRecalling = _useLiveRecalling[1];
|
|
5446
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5447
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5444
5448
|
var errorFound = function errorFound() {
|
|
5445
5449
|
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
5450
|
return isError;
|
|
@@ -5484,14 +5488,13 @@ function OrderDetailsFooter() {
|
|
|
5484
5488
|
recipient_name: response == null || (_response$data$ = response.data[0]) == null || (_response$data$ = _response$data$.order_recipient) == null ? void 0 : _response$data$.recipient_name,
|
|
5485
5489
|
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
5490
|
});
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
|
|
5491
|
+
setRecalling(true);
|
|
5492
|
+
setTimeout(function () {
|
|
5493
|
+
setRecalling(false);
|
|
5494
|
+
setRecallAuditLog(false);
|
|
5495
|
+
}, 1000);
|
|
5490
5496
|
setCallApi(true);
|
|
5491
|
-
// }, 2000);
|
|
5492
5497
|
} else {
|
|
5493
|
-
// setLogsCallAPi(false);
|
|
5494
|
-
// setCallApi(false);
|
|
5495
5498
|
setOrderDetails(prevOrderDetails);
|
|
5496
5499
|
}
|
|
5497
5500
|
case 6:
|
|
@@ -5569,6 +5572,16 @@ function NoteType() {
|
|
|
5569
5572
|
var _useSelectedData = useSelectedData(),
|
|
5570
5573
|
selected = _useSelectedData[0],
|
|
5571
5574
|
setSelected = _useSelectedData[1];
|
|
5575
|
+
React.useEffect(function () {
|
|
5576
|
+
if (visibilityData && !selected) {
|
|
5577
|
+
var defaultOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5578
|
+
return option.type === 'Private';
|
|
5579
|
+
});
|
|
5580
|
+
if (defaultOption) {
|
|
5581
|
+
setSelected(defaultOption.value);
|
|
5582
|
+
}
|
|
5583
|
+
}
|
|
5584
|
+
}, [visibilityData, selected, setSelected]);
|
|
5572
5585
|
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5573
5586
|
var selectedValue = event.target.value;
|
|
5574
5587
|
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
@@ -5734,50 +5747,37 @@ var NotesTableData = [{
|
|
|
5734
5747
|
tableBody: []
|
|
5735
5748
|
}];
|
|
5736
5749
|
|
|
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;
|
|
5750
|
+
var _templateObject$Z, _templateObject2$J;
|
|
5744
5751
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5745
|
-
var _getNotes$data, _getNotes$data2;
|
|
5746
5752
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5747
5753
|
var _usegetNotes = usegetNotes(),
|
|
5748
5754
|
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(
|
|
5755
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5756
|
+
auditLogLoadingStatus = _useAuditLogLoadingSt[0];
|
|
5757
|
+
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) {
|
|
5758
|
+
return React__default.createElement("th", {
|
|
5753
5759
|
key: column.key
|
|
5754
|
-
},
|
|
5755
|
-
})))
|
|
5760
|
+
}, column.label);
|
|
5761
|
+
}))), React__default.createElement("tbody", null, auditLogLoadingStatus ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5756
5762
|
className: "noBoder",
|
|
5757
5763
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5758
|
-
}, React__default.createElement(antd.Skeleton, null))) : getNotes
|
|
5759
|
-
return React__default.createElement(
|
|
5764
|
+
}, React__default.createElement(antd.Skeleton, null))) : getNotes && (getNotes == null ? void 0 : getNotes.length) > 0 ? getNotes == null ? void 0 : getNotes.map(function (note) {
|
|
5765
|
+
return React__default.createElement("tr", {
|
|
5760
5766
|
key: note == null ? void 0 : note.id
|
|
5761
|
-
}, React__default.createElement(
|
|
5767
|
+
}, React__default.createElement("td", null, React__default.createElement("div", {
|
|
5768
|
+
className: "bold",
|
|
5762
5769
|
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(
|
|
5770
|
+
}, 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
5771
|
dangerouslySetInnerHTML: {
|
|
5765
5772
|
__html: note == null ? void 0 : note.description
|
|
5766
5773
|
}
|
|
5767
5774
|
}));
|
|
5768
|
-
}) : React__default.createElement("tr", null, React__default.createElement(
|
|
5775
|
+
}) : React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5769
5776
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5770
5777
|
}, "No data found"))))));
|
|
5771
5778
|
};
|
|
5772
5779
|
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"])));
|
|
5780
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5781
5781
|
|
|
5782
5782
|
var _templateObject$_;
|
|
5783
5783
|
function AuditLogs() {
|
|
@@ -5785,7 +5785,7 @@ function AuditLogs() {
|
|
|
5785
5785
|
}
|
|
5786
5786
|
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
5787
|
|
|
5788
|
-
var _templateObject$$, _templateObject2$
|
|
5788
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$k, _templateObject4$9;
|
|
5789
5789
|
// import { useLocation } from 'react-router-dom';
|
|
5790
5790
|
function Notes() {
|
|
5791
5791
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5793,16 +5793,13 @@ function Notes() {
|
|
|
5793
5793
|
setModuleIds = _usemoduleIds[1];
|
|
5794
5794
|
var _useOrderId = useOrderId(),
|
|
5795
5795
|
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
5796
|
var _usegetNotes = usegetNotes(),
|
|
5804
5797
|
setNotes = _usegetNotes[1];
|
|
5805
|
-
|
|
5798
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5799
|
+
setAuditLogLoading = _useAuditLogLoadingSt[1];
|
|
5800
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5801
|
+
recallAuditLog = _useGlobalStateHitAud[0],
|
|
5802
|
+
setAuditLogs = _useGlobalStateHitAud[1];
|
|
5806
5803
|
// Fetch module IDs
|
|
5807
5804
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
5808
5805
|
endpoint: 'audit_logs/modules/',
|
|
@@ -5816,22 +5813,21 @@ function Notes() {
|
|
|
5816
5813
|
return (item == null ? void 0 : item.name) === 'ORDER';
|
|
5817
5814
|
}).flatMap(function (item) {
|
|
5818
5815
|
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
|
|
5816
|
+
return item == null || (_item$static_child_ma = item.static_child_mappings) == null ? void 0 : _item$static_child_ma.filter(function (child) {
|
|
5817
|
+
var _child$child_module;
|
|
5818
|
+
return (child == null || (_child$child_module = child.child_module) == null ? void 0 : _child$child_module.name) === 'ORDER-NOTE';
|
|
5819
|
+
}).map(function (child) {
|
|
5820
|
+
var _child$child_module2, _child$parent_module;
|
|
5821
5821
|
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
|
|
5822
|
+
id: child == null || (_child$child_module2 = child.child_module) == null ? void 0 : _child$child_module2.id,
|
|
5823
|
+
parentId: child == null || (_child$parent_module = child.parent_module) == null ? void 0 : _child$parent_module.id
|
|
5826
5824
|
};
|
|
5827
5825
|
});
|
|
5828
5826
|
})) || [];
|
|
5829
|
-
|
|
5830
|
-
return (module == null ? void 0 : module.name) === 'ORDER-NOTE';
|
|
5831
|
-
});
|
|
5832
|
-
setModuleIds(orderNoteModule || modules[0] || null);
|
|
5827
|
+
setModuleIds(modules[0] || null);
|
|
5833
5828
|
}
|
|
5834
5829
|
}, [apiLoading, fetchedData]);
|
|
5830
|
+
// Fetch Notes Data
|
|
5835
5831
|
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
5836
5832
|
endpoint: "audit_logs/?module_id=" + (moduleIds == null ? void 0 : moduleIds.parentId) + "&module_object_id=" + orderId,
|
|
5837
5833
|
method: 'GET',
|
|
@@ -5845,20 +5841,12 @@ function Notes() {
|
|
|
5845
5841
|
setShouldPerformAction(true);
|
|
5846
5842
|
}
|
|
5847
5843
|
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) {
|
|
5844
|
+
var updatedData = NotesData == null ? void 0 : NotesData.data.filter(function (item) {
|
|
5854
5845
|
return item['ORDER-NOTE'] || item['ORDER'] || item['ORDER-RETURN'];
|
|
5855
5846
|
}).map(function (item) {
|
|
5856
5847
|
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();
|
|
5848
|
+
}).flat().filter(Boolean);
|
|
5849
|
+
var combinedArray = updatedData == null ? void 0 : updatedData.flat();
|
|
5862
5850
|
combinedArray.sort(function (a, b) {
|
|
5863
5851
|
return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
|
|
5864
5852
|
});
|
|
@@ -5867,11 +5855,20 @@ function Notes() {
|
|
|
5867
5855
|
}
|
|
5868
5856
|
setAuditLogLoading(NotesLoading);
|
|
5869
5857
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5870
|
-
|
|
5858
|
+
var handleGetLogs = function handleGetLogs() {
|
|
5859
|
+
setAuditLogs(true);
|
|
5860
|
+
setTimeout(function () {
|
|
5861
|
+
setAuditLogs(false);
|
|
5862
|
+
}, 1000);
|
|
5863
|
+
};
|
|
5864
|
+
return React__default.createElement(Container$E, null, React__default.createElement(CardHeader, null, "NOTES", React__default.createElement(SmallButton, {
|
|
5865
|
+
onClick: handleGetLogs
|
|
5866
|
+
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
5871
5867
|
}
|
|
5872
5868
|
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$
|
|
5869
|
+
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"])));
|
|
5870
|
+
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"])));
|
|
5871
|
+
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
5872
|
|
|
5876
5873
|
var _templateObject$10;
|
|
5877
5874
|
// import styled from 'styled-components';
|
|
@@ -5896,7 +5893,7 @@ function ChevronUp(props) {
|
|
|
5896
5893
|
}));
|
|
5897
5894
|
}
|
|
5898
5895
|
|
|
5899
|
-
var _templateObject$11, _templateObject2$
|
|
5896
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5900
5897
|
function CollapsableForm(props) {
|
|
5901
5898
|
var _useState = React.useState(true),
|
|
5902
5899
|
isExpanded = _useState[0],
|
|
@@ -5917,17 +5914,17 @@ function CollapsableForm(props) {
|
|
|
5917
5914
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5918
5915
|
}
|
|
5919
5916
|
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$
|
|
5917
|
+
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"])));
|
|
5918
|
+
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"])));
|
|
5919
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5920
|
+
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5921
|
+
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
5922
|
return props.isExpanded ? '360deg' : '180deg';
|
|
5926
5923
|
});
|
|
5927
|
-
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
5928
|
-
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
5924
|
+
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5925
|
+
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
5926
|
|
|
5930
|
-
var _templateObject$12, _templateObject2$
|
|
5927
|
+
var _templateObject$12, _templateObject2$M, _templateObject3$m;
|
|
5931
5928
|
function CustomScrollBar(props) {
|
|
5932
5929
|
var children = props.children,
|
|
5933
5930
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5946,11 +5943,12 @@ function CustomScrollBar(props) {
|
|
|
5946
5943
|
}, children);
|
|
5947
5944
|
}
|
|
5948
5945
|
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$
|
|
5946
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5947
|
+
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5951
5948
|
|
|
5952
|
-
var _templateObject$13, _templateObject2$
|
|
5953
|
-
|
|
5949
|
+
var _templateObject$13, _templateObject2$N, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5950
|
+
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
5951
|
+
function DynamicTable(_ref, props) {
|
|
5954
5952
|
var columns = _ref.columns,
|
|
5955
5953
|
data = _ref.data;
|
|
5956
5954
|
var tableColumns = React.useMemo(function () {
|
|
@@ -5967,45 +5965,54 @@ function DynamicTable(_ref) {
|
|
|
5967
5965
|
});
|
|
5968
5966
|
var rows = table.getRowModel().rows;
|
|
5969
5967
|
var headerGroups = table.getHeaderGroups();
|
|
5970
|
-
var
|
|
5971
|
-
var
|
|
5972
|
-
|
|
5973
|
-
|
|
5968
|
+
var action = props;
|
|
5969
|
+
var _useAtom = jotai.useAtom(selectedID),
|
|
5970
|
+
selectedRows = _useAtom[0];
|
|
5971
|
+
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'action'];
|
|
5972
|
+
var mediumColumns = ['date', 'reference', 'note', 'category'];
|
|
5973
|
+
var largeColumns = ['details', 'datetime'];
|
|
5974
|
+
var noFlexColumns = ['id'];
|
|
5975
|
+
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
5976
|
return React__default.createElement(TableRow, {
|
|
5975
5977
|
key: headerGroup.id
|
|
5976
5978
|
}, headerGroup.headers.map(function (header) {
|
|
5977
5979
|
return React__default.createElement(TableHeadData, {
|
|
5978
|
-
className: "col \n
|
|
5980
|
+
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
5981
|
key: header.id,
|
|
5980
5982
|
onClick: header.column.getToggleSortingHandler()
|
|
5981
5983
|
}, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
|
|
5982
5984
|
}));
|
|
5983
|
-
})), React__default.createElement(TableBody, null, rows.length > 0 ? rows.map(function (row) {
|
|
5985
|
+
})), React__default.createElement(TableBody, null, (rows == null ? void 0 : rows.length) > 0 ? rows == null ? void 0 : rows.map(function (row) {
|
|
5986
|
+
var _selectedRows$filter;
|
|
5984
5987
|
return React__default.createElement(TableRow, {
|
|
5985
|
-
key: row.id
|
|
5988
|
+
key: row.id,
|
|
5989
|
+
className: "" + ((selectedRows == null ? void 0 : selectedRows.length) > 0 && selectedRows != null && (_selectedRows$filter = selectedRows.filter(function (f) {
|
|
5990
|
+
var _row$original;
|
|
5991
|
+
return (f == null ? void 0 : f.id) === (row == null || (_row$original = row.original) == null ? void 0 : _row$original.id);
|
|
5992
|
+
})) != null && _selectedRows$filter.length ? 'isSelectedRow' : '')
|
|
5986
5993
|
}, row.getVisibleCells().map(function (cell) {
|
|
5987
5994
|
return React__default.createElement(TableData, {
|
|
5988
|
-
className: "col \n
|
|
5995
|
+
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
5996
|
key: cell.id
|
|
5990
|
-
}, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()
|
|
5997
|
+
}, reactTable.flexRender(cell.column.columnDef.cell, _extends({}, cell.getContext(), {
|
|
5998
|
+
action: action
|
|
5999
|
+
})));
|
|
5991
6000
|
}));
|
|
5992
|
-
}) : React__default.createElement(
|
|
6001
|
+
}) : React__default.createElement(TableRow, null, React__default.createElement(TableData, {
|
|
6002
|
+
colSpan: columns.length
|
|
6003
|
+
}, "No entries found."))))))));
|
|
5993
6004
|
}
|
|
5994
|
-
// const ChevronUpIcon = styled(ChevronDownIcon)`
|
|
5995
|
-
// transform: rotate(180deg);
|
|
5996
|
-
// cursor: pointer;
|
|
5997
|
-
// `;
|
|
5998
6005
|
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$
|
|
6006
|
+
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"])));
|
|
6007
|
+
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"])));
|
|
6008
|
+
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"])));
|
|
6009
|
+
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"])));
|
|
6010
|
+
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"])));
|
|
6011
|
+
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"])));
|
|
6012
|
+
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"])));
|
|
6013
|
+
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"])));
|
|
6014
|
+
|
|
6015
|
+
var _templateObject$14, _templateObject2$O;
|
|
6009
6016
|
function Event(props) {
|
|
6010
6017
|
var _props$row;
|
|
6011
6018
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -6021,7 +6028,7 @@ function Event(props) {
|
|
|
6021
6028
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
6022
6029
|
}
|
|
6023
6030
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6024
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6031
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6025
6032
|
|
|
6026
6033
|
//to change data into options
|
|
6027
6034
|
var transformOption = function transformOption(option, key) {
|
|
@@ -6068,25 +6075,25 @@ var priorityData = [{
|
|
|
6068
6075
|
color: '#E95252'
|
|
6069
6076
|
}];
|
|
6070
6077
|
|
|
6071
|
-
var _templateObject$15, _templateObject2$
|
|
6078
|
+
var _templateObject$15, _templateObject2$P;
|
|
6072
6079
|
function Date$1(props) {
|
|
6073
6080
|
var _props$row;
|
|
6074
6081
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6075
6082
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6076
6083
|
}
|
|
6077
6084
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6078
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6085
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6079
6086
|
|
|
6080
|
-
var _templateObject$16, _templateObject2$
|
|
6087
|
+
var _templateObject$16, _templateObject2$Q;
|
|
6081
6088
|
function Code(props) {
|
|
6082
6089
|
var _props$row;
|
|
6083
6090
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6084
6091
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6085
6092
|
}
|
|
6086
6093
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6087
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6094
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6088
6095
|
|
|
6089
|
-
var _templateObject$17, _templateObject2$
|
|
6096
|
+
var _templateObject$17, _templateObject2$R;
|
|
6090
6097
|
function Note(props) {
|
|
6091
6098
|
var _props$row;
|
|
6092
6099
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6095,7 +6102,7 @@ function Note(props) {
|
|
|
6095
6102
|
}, React__default.createElement(Row$3, null, data));
|
|
6096
6103
|
}
|
|
6097
6104
|
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$
|
|
6105
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6099
6106
|
|
|
6100
6107
|
var tableColumns = [{
|
|
6101
6108
|
header: 'Date',
|
|
@@ -6243,14 +6250,14 @@ function SystemLogs() {
|
|
|
6243
6250
|
React.useEffect(function () {
|
|
6244
6251
|
fetchReminderData();
|
|
6245
6252
|
}, [setNotesData]);
|
|
6246
|
-
return React__default.createElement(Table$
|
|
6253
|
+
return React__default.createElement(Table$1, null, React__default.createElement(CollapsableForm, {
|
|
6247
6254
|
collapsedContent: React__default.createElement(SystemCollapsedContent, null)
|
|
6248
6255
|
}, React__default.createElement(DynamicTable, {
|
|
6249
6256
|
columns: tableColumns,
|
|
6250
6257
|
data: systemLogs
|
|
6251
6258
|
})));
|
|
6252
6259
|
}
|
|
6253
|
-
var Table$
|
|
6260
|
+
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6254
6261
|
|
|
6255
6262
|
var StatusOptions = [{
|
|
6256
6263
|
label: 'Released',
|
|
@@ -6407,7 +6414,7 @@ function ConfirmedIcon() {
|
|
|
6407
6414
|
}))));
|
|
6408
6415
|
}
|
|
6409
6416
|
|
|
6410
|
-
var _templateObject$19, _templateObject2$
|
|
6417
|
+
var _templateObject$19, _templateObject2$S, _templateObject3$o, _templateObject4$c;
|
|
6411
6418
|
function Status() {
|
|
6412
6419
|
var _useStatusDetails = useStatusDetails(),
|
|
6413
6420
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6454,9 +6461,9 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6454
6461
|
}
|
|
6455
6462
|
};
|
|
6456
6463
|
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$
|
|
6464
|
+
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"])));
|
|
6465
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6466
|
+
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
6467
|
|
|
6461
6468
|
var _templateObject$1a;
|
|
6462
6469
|
// import DropDownOptions from './dropdowns';
|
|
@@ -6611,7 +6618,7 @@ var ProductTable = function ProductTable() {
|
|
|
6611
6618
|
};
|
|
6612
6619
|
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6613
6620
|
|
|
6614
|
-
var _templateObject$1c, _templateObject2$
|
|
6621
|
+
var _templateObject$1c, _templateObject2$T;
|
|
6615
6622
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6616
6623
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6617
6624
|
var defaultSelectStyle = {
|
|
@@ -6722,9 +6729,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6722
6729
|
}));
|
|
6723
6730
|
};
|
|
6724
6731
|
var Container$J = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6725
|
-
var Text$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6732
|
+
var Text$4 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6726
6733
|
|
|
6727
|
-
var _templateObject$1d, _templateObject2$
|
|
6734
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$p;
|
|
6728
6735
|
function ExpandedContent$2() {
|
|
6729
6736
|
var _response$data, _response$data2;
|
|
6730
6737
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6802,17 +6809,17 @@ function ExpandedContent$2() {
|
|
|
6802
6809
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6803
6810
|
}
|
|
6804
6811
|
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__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"])));
|
|
6805
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6806
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6812
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6813
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6807
6814
|
|
|
6808
|
-
var _templateObject$1e, _templateObject2$
|
|
6815
|
+
var _templateObject$1e, _templateObject2$V;
|
|
6809
6816
|
function CollapsedContent$1() {
|
|
6810
6817
|
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6811
6818
|
label: "Products"
|
|
6812
6819
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6813
6820
|
}
|
|
6814
6821
|
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6815
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6822
|
+
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
6823
|
|
|
6817
6824
|
function ProductsInfo() {
|
|
6818
6825
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6858,16 +6865,16 @@ function BackgroundModal(props) {
|
|
|
6858
6865
|
}
|
|
6859
6866
|
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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
6867
|
|
|
6861
|
-
var _templateObject$1g, _templateObject2$
|
|
6868
|
+
var _templateObject$1g, _templateObject2$W, _templateObject3$q, _templateObject4$d;
|
|
6862
6869
|
function AdditionalInformation(props) {
|
|
6863
6870
|
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
6871
|
}
|
|
6865
6872
|
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$1g || (_templateObject$1g = /*#__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"])));
|
|
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$
|
|
6873
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6874
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6875
|
+
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
6876
|
|
|
6870
|
-
var _templateObject$1h, _templateObject2$
|
|
6877
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$e;
|
|
6871
6878
|
function OrderActionHeader(props) {
|
|
6872
6879
|
var title = props.title,
|
|
6873
6880
|
actions = props.actions,
|
|
@@ -6883,11 +6890,11 @@ function OrderActionHeader(props) {
|
|
|
6883
6890
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6884
6891
|
}
|
|
6885
6892
|
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
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$
|
|
6893
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6894
|
+
var Title$2 = /*#__PURE__*/styled__default.h3(_templateObject3$r || (_templateObject3$r = /*#__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"])));
|
|
6895
|
+
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
6896
|
|
|
6890
|
-
var _templateObject$1i, _templateObject2$
|
|
6897
|
+
var _templateObject$1i, _templateObject2$Y;
|
|
6891
6898
|
function OrderActionFooter(props) {
|
|
6892
6899
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6893
6900
|
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
@@ -6898,7 +6905,7 @@ function OrderActionFooter(props) {
|
|
|
6898
6905
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6899
6906
|
}
|
|
6900
6907
|
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6901
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6908
|
+
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
6909
|
|
|
6903
6910
|
var _templateObject$1j;
|
|
6904
6911
|
function OrderActionModal(props) {
|
|
@@ -6917,11 +6924,11 @@ function OrderActionModal(props) {
|
|
|
6917
6924
|
}
|
|
6918
6925
|
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__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
6926
|
|
|
6920
|
-
var _templateObject$1k, _templateObject2$
|
|
6927
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$s;
|
|
6921
6928
|
function OrderActionsDropdown(props) {
|
|
6922
6929
|
return React__default.createElement(Container$Q, {
|
|
6923
6930
|
className: props.className
|
|
6924
|
-
}, React__default.createElement(Label$1, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6931
|
+
}, React__default.createElement(Label$1, null, props.label, props.required && React__default.createElement(RequiredAsterisk, null, "*")), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6925
6932
|
options: props.options,
|
|
6926
6933
|
placeholder: props.placeholder,
|
|
6927
6934
|
onChange: props.onSelect,
|
|
@@ -6936,8 +6943,9 @@ function OrderActionsDropdown(props) {
|
|
|
6936
6943
|
defaultValue: props.value
|
|
6937
6944
|
}));
|
|
6938
6945
|
}
|
|
6939
|
-
var
|
|
6940
|
-
var
|
|
6946
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6947
|
+
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"])));
|
|
6948
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6941
6949
|
|
|
6942
6950
|
function DocumentTypeDropdown() {
|
|
6943
6951
|
var onSelect = function onSelect() {};
|
|
@@ -7017,7 +7025,7 @@ function UploadIcon(props) {
|
|
|
7017
7025
|
})));
|
|
7018
7026
|
}
|
|
7019
7027
|
|
|
7020
|
-
var _templateObject$1l, _templateObject2
|
|
7028
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$t, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6;
|
|
7021
7029
|
var Dragger = antd.Upload.Dragger;
|
|
7022
7030
|
var props = {
|
|
7023
7031
|
name: 'file',
|
|
@@ -7045,14 +7053,14 @@ function DocFileUpload() {
|
|
|
7045
7053
|
}, "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
7054
|
}
|
|
7047
7055
|
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__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"])));
|
|
7048
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2
|
|
7049
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
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$
|
|
7054
|
-
|
|
7055
|
-
var _templateObject$1m, _templateObject2
|
|
7056
|
+
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"])));
|
|
7057
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
7058
|
+
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"])));
|
|
7059
|
+
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"])));
|
|
7060
|
+
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"])));
|
|
7061
|
+
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"])));
|
|
7062
|
+
|
|
7063
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$u, _templateObject4$g;
|
|
7056
7064
|
// import DocFileUpload from './DocFileUpload';
|
|
7057
7065
|
function AddResources() {
|
|
7058
7066
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7069,9 +7077,9 @@ function AddResources() {
|
|
|
7069
7077
|
}, 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
7078
|
}
|
|
7071
7079
|
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7072
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2
|
|
7073
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7074
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7080
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7081
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7082
|
+
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
7083
|
|
|
7076
7084
|
var initialValue = {
|
|
7077
7085
|
due: undefined,
|
|
@@ -7209,11 +7217,11 @@ function useUpdateReminderData() {
|
|
|
7209
7217
|
return jotai.useAtom(reminderUpdatePayload);
|
|
7210
7218
|
}
|
|
7211
7219
|
|
|
7212
|
-
var _templateObject$1n, _templateObject2$
|
|
7220
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$v;
|
|
7213
7221
|
// Styled components
|
|
7214
7222
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__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"])));
|
|
7215
|
-
var StyledTable$
|
|
7216
|
-
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7223
|
+
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"])));
|
|
7224
|
+
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7217
7225
|
|
|
7218
7226
|
function SplitOrderTable() {
|
|
7219
7227
|
var _useProductDetails = useProductDetails(),
|
|
@@ -7229,10 +7237,12 @@ function SplitOrderTable() {
|
|
|
7229
7237
|
var _useSplitOrderPayload = useSplitOrderPayload(),
|
|
7230
7238
|
payload = _useSplitOrderPayload[0],
|
|
7231
7239
|
setPayload = _useSplitOrderPayload[1];
|
|
7240
|
+
// Handle Select All
|
|
7232
7241
|
var handleSelectAll = function handleSelectAll(e) {
|
|
7233
|
-
|
|
7234
|
-
|
|
7235
|
-
|
|
7242
|
+
var isChecked = e.target.checked;
|
|
7243
|
+
setSelectAll(isChecked);
|
|
7244
|
+
if (isChecked) {
|
|
7245
|
+
setSelectedSplit(orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7236
7246
|
return {
|
|
7237
7247
|
id: order.id
|
|
7238
7248
|
};
|
|
@@ -7246,15 +7256,13 @@ function SplitOrderTable() {
|
|
|
7246
7256
|
var isSelected = prevSelectedOrder == null ? void 0 : prevSelectedOrder.some(function (order) {
|
|
7247
7257
|
return order.id === id;
|
|
7248
7258
|
});
|
|
7249
|
-
|
|
7250
|
-
return
|
|
7251
|
-
|
|
7252
|
-
|
|
7253
|
-
}
|
|
7254
|
-
|
|
7255
|
-
|
|
7256
|
-
}]);
|
|
7257
|
-
}
|
|
7259
|
+
var updatedSelection = isSelected ? prevSelectedOrder == null ? void 0 : prevSelectedOrder.filter(function (order) {
|
|
7260
|
+
return order.id !== id;
|
|
7261
|
+
}) : [].concat(prevSelectedOrder, [{
|
|
7262
|
+
id: id
|
|
7263
|
+
}]);
|
|
7264
|
+
setSelectAll((updatedSelection == null ? void 0 : updatedSelection.length) === (orderProductDetails == null ? void 0 : orderProductDetails.length));
|
|
7265
|
+
return updatedSelection;
|
|
7258
7266
|
});
|
|
7259
7267
|
};
|
|
7260
7268
|
React.useEffect(function () {
|
|
@@ -7265,12 +7273,13 @@ function SplitOrderTable() {
|
|
|
7265
7273
|
}),
|
|
7266
7274
|
force: true
|
|
7267
7275
|
}));
|
|
7268
|
-
}, [
|
|
7276
|
+
}, [selectedSplits, setPayload]);
|
|
7269
7277
|
return React__default.createElement(StyledTableWrapper$2, {
|
|
7270
7278
|
id: "tableScrolling"
|
|
7271
|
-
}, React__default.createElement(StyledTable$
|
|
7279
|
+
}, 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
7280
|
checked: selectAll,
|
|
7273
|
-
onChange: handleSelectAll
|
|
7281
|
+
onChange: handleSelectAll,
|
|
7282
|
+
disabled: (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 || (orderProductDetails == null ? void 0 : orderProductDetails.length) === null
|
|
7274
7283
|
})), 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
7284
|
colSpan: 6
|
|
7276
7285
|
}, React__default.createElement(antd.Skeleton, {
|
|
@@ -7280,19 +7289,21 @@ function SplitOrderTable() {
|
|
|
7280
7289
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7281
7290
|
className: "emptyTd",
|
|
7282
7291
|
colSpan: 7
|
|
7283
|
-
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty,
|
|
7292
|
+
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty, {
|
|
7293
|
+
description: "No Data Found"
|
|
7294
|
+
})))) : (orderProductDetails == null ? void 0 : orderProductDetails.length) > 0 && (orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7284
7295
|
var _order$order_product_;
|
|
7285
7296
|
return React__default.createElement("tr", {
|
|
7286
7297
|
key: order.id
|
|
7287
7298
|
}, React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
7288
|
-
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (
|
|
7289
|
-
return
|
|
7299
|
+
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (selectedOrder) {
|
|
7300
|
+
return selectedOrder.id === order.id;
|
|
7290
7301
|
}),
|
|
7291
7302
|
onChange: function onChange() {
|
|
7292
7303
|
return handleSelectedSplitList(order.id);
|
|
7293
7304
|
}
|
|
7294
7305
|
})), 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
|
-
}))));
|
|
7306
|
+
})))));
|
|
7296
7307
|
}
|
|
7297
7308
|
|
|
7298
7309
|
var _templateObject$1o;
|
|
@@ -7319,12 +7330,30 @@ function SplitOrder() {
|
|
|
7319
7330
|
body: payload,
|
|
7320
7331
|
performAction: false
|
|
7321
7332
|
}),
|
|
7333
|
+
response = _useApiHook.data,
|
|
7322
7334
|
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
7323
7335
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7324
7336
|
if (orderId) {
|
|
7325
7337
|
setPerformAction(true);
|
|
7338
|
+
//@ts-ignore
|
|
7339
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7340
|
+
antd.notification.success({
|
|
7341
|
+
message: 'Success',
|
|
7342
|
+
description:
|
|
7343
|
+
//@ts-ignore
|
|
7344
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7345
|
+
});
|
|
7346
|
+
} else {
|
|
7347
|
+
// alert(response?.error_traceback);
|
|
7348
|
+
antd.notification.error({
|
|
7349
|
+
message: 'Error',
|
|
7350
|
+
description:
|
|
7351
|
+
//@ts-ignore
|
|
7352
|
+
(response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
|
|
7353
|
+
});
|
|
7354
|
+
}
|
|
7355
|
+
setSelectedSplit([]);
|
|
7326
7356
|
}
|
|
7327
|
-
setSelectedSplit([]);
|
|
7328
7357
|
};
|
|
7329
7358
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7330
7359
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
@@ -7374,7 +7403,7 @@ var fonts = {
|
|
|
7374
7403
|
secondary: "'Lato', sans-serif"
|
|
7375
7404
|
};
|
|
7376
7405
|
|
|
7377
|
-
var _templateObject$1p, _templateObject2$
|
|
7406
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$w;
|
|
7378
7407
|
function RadioButton(props) {
|
|
7379
7408
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7380
7409
|
color: props.color
|
|
@@ -7386,14 +7415,14 @@ function RadioButton(props) {
|
|
|
7386
7415
|
}, props.label));
|
|
7387
7416
|
}
|
|
7388
7417
|
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__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);
|
|
7389
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
7418
|
+
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
7419
|
return props.color || '#6396e5';
|
|
7391
7420
|
}, function (props) {
|
|
7392
7421
|
return props.color || '#6396e5';
|
|
7393
7422
|
});
|
|
7394
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7423
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7395
7424
|
|
|
7396
|
-
var _templateObject$1q, _templateObject2$
|
|
7425
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$x, _templateObject4$h, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
7397
7426
|
function RadioButtonGroup(props) {
|
|
7398
7427
|
var heading = props.heading,
|
|
7399
7428
|
_props$direction = props.direction,
|
|
@@ -7429,14 +7458,14 @@ function RadioButtonGroup(props) {
|
|
|
7429
7458
|
}, renderOptions()));
|
|
7430
7459
|
}
|
|
7431
7460
|
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7432
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
7433
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7461
|
+
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);
|
|
7462
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7434
7463
|
return !props.$required && 'visibility: hidden;';
|
|
7435
7464
|
}, 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$
|
|
7465
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
7466
|
+
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);
|
|
7467
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
7468
|
+
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
7469
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7441
7470
|
});
|
|
7442
7471
|
|
|
@@ -7473,7 +7502,7 @@ function DeliveryPoint() {
|
|
|
7473
7502
|
}
|
|
7474
7503
|
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7475
7504
|
|
|
7476
|
-
var _templateObject$1s, _templateObject2$
|
|
7505
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$y, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8, _templateObject8$4;
|
|
7477
7506
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7478
7507
|
function Checkbox(props) {
|
|
7479
7508
|
var imageSrc = props.imageSrc,
|
|
@@ -7497,17 +7526,17 @@ function Checkbox(props) {
|
|
|
7497
7526
|
var Image = /*#__PURE__*/styled__default.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7498
7527
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7499
7528
|
});
|
|
7500
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7501
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7529
|
+
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"])));
|
|
7530
|
+
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__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
7531
|
return props.$checked ? '#feba30' : 'white';
|
|
7503
7532
|
});
|
|
7504
|
-
var Text$6 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
7533
|
+
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
7534
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
7506
7535
|
});
|
|
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$
|
|
7536
|
+
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"])));
|
|
7537
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7538
|
+
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"])));
|
|
7539
|
+
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
7540
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
7512
7541
|
});
|
|
7513
7542
|
|
|
@@ -7561,7 +7590,7 @@ function OrderServices$1() {
|
|
|
7561
7590
|
}
|
|
7562
7591
|
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7563
7592
|
|
|
7564
|
-
var _templateObject$1u, _templateObject2$
|
|
7593
|
+
var _templateObject$1u, _templateObject2$14;
|
|
7565
7594
|
function Notes$1(_ref) {
|
|
7566
7595
|
var onNotesChange = _ref.onNotesChange;
|
|
7567
7596
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7573,9 +7602,9 @@ function Notes$1(_ref) {
|
|
|
7573
7602
|
}));
|
|
7574
7603
|
}
|
|
7575
7604
|
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7576
|
-
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7605
|
+
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
7606
|
|
|
7578
|
-
var _templateObject$1v, _templateObject2$
|
|
7607
|
+
var _templateObject$1v, _templateObject2$15, _templateObject3$z;
|
|
7579
7608
|
function LogServiceRefusal() {
|
|
7580
7609
|
var _useCurrentAction = useCurrentAction(),
|
|
7581
7610
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7596,8 +7625,8 @@ function LogServiceRefusal() {
|
|
|
7596
7625
|
}))));
|
|
7597
7626
|
}
|
|
7598
7627
|
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7599
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7600
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
7628
|
+
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"])));
|
|
7629
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7601
7630
|
|
|
7602
7631
|
function ReturnAction() {
|
|
7603
7632
|
var onSelect = function onSelect() {};
|
|
@@ -7623,7 +7652,7 @@ function ReturnReason() {
|
|
|
7623
7652
|
});
|
|
7624
7653
|
}
|
|
7625
7654
|
|
|
7626
|
-
var _templateObject$1w, _templateObject2$
|
|
7655
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$A, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5, _templateObject9$2;
|
|
7627
7656
|
function CancelOrder() {
|
|
7628
7657
|
var _orderStaticData$canc;
|
|
7629
7658
|
var _useOrderId = useOrderId(),
|
|
@@ -7686,6 +7715,12 @@ function CancelOrder() {
|
|
|
7686
7715
|
//@ts-ignore
|
|
7687
7716
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7688
7717
|
setShouldPerformAction(true);
|
|
7718
|
+
antd.notification.success({
|
|
7719
|
+
message: 'Success',
|
|
7720
|
+
description:
|
|
7721
|
+
//@ts-ignore
|
|
7722
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7723
|
+
});
|
|
7689
7724
|
} else {
|
|
7690
7725
|
// alert(response?.error_traceback);
|
|
7691
7726
|
antd.notification.error({
|
|
@@ -7722,28 +7757,36 @@ function CancelOrder() {
|
|
|
7722
7757
|
submitBtnTitle: "Save Details",
|
|
7723
7758
|
isSubmitDisabled: !showSubmitBtn
|
|
7724
7759
|
}, React__default.createElement(ContentContainer$3, null, React__default.createElement(Top$2, null, React__default.createElement(TopLeft, null, React__default.createElement(OrderActionsDropdown, {
|
|
7760
|
+
required: true,
|
|
7725
7761
|
label: "Cancelation Reason",
|
|
7726
7762
|
placeholder: "Select Cancelation Reason",
|
|
7727
7763
|
options: cancelReasonOptions || [],
|
|
7728
7764
|
onSelect: onSelectCancelReason,
|
|
7729
7765
|
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(
|
|
7766
|
+
}), 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", {
|
|
7767
|
+
style: {
|
|
7768
|
+
display: 'flex',
|
|
7769
|
+
flexDirection: 'row'
|
|
7770
|
+
}
|
|
7771
|
+
}, React__default.createElement(Label$5, null, "Cancelation Note"), ' ', React__default.createElement(RequiredAsterisk$1, null, "*")), React__default.createElement(TArea, {
|
|
7731
7772
|
rows: 5,
|
|
7732
7773
|
onChange: onChangeNotes,
|
|
7733
7774
|
value: cancelNotes,
|
|
7734
7775
|
placeholder: "Reason for Cancel Order"
|
|
7735
7776
|
}))))));
|
|
7736
7777
|
}
|
|
7737
|
-
var
|
|
7738
|
-
var
|
|
7739
|
-
var
|
|
7740
|
-
var
|
|
7741
|
-
var
|
|
7742
|
-
var
|
|
7778
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
7779
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
7780
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7781
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7782
|
+
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"])));
|
|
7783
|
+
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"])));
|
|
7784
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
7785
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
7743
7786
|
// const Bottom = styled.div``;
|
|
7744
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(
|
|
7787
|
+
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
7788
|
|
|
7746
|
-
var _templateObject$1x, _templateObject2$
|
|
7789
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$B;
|
|
7747
7790
|
function EmailAddress() {
|
|
7748
7791
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7749
7792
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7785,10 +7828,10 @@ function EmailAddress() {
|
|
|
7785
7828
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
7786
7829
|
}
|
|
7787
7830
|
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7788
|
-
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7789
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7831
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7832
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7790
7833
|
|
|
7791
|
-
var _templateObject$1y, _templateObject2$
|
|
7834
|
+
var _templateObject$1y, _templateObject2$18, _templateObject3$C;
|
|
7792
7835
|
function ContactPhone() {
|
|
7793
7836
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7794
7837
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7850,10 +7893,10 @@ function ContactPhone() {
|
|
|
7850
7893
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7851
7894
|
}
|
|
7852
7895
|
var Label$7 = /*#__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"])));
|
|
7853
|
-
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7854
|
-
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7896
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7897
|
+
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7855
7898
|
|
|
7856
|
-
var _templateObject$1z, _templateObject2$
|
|
7899
|
+
var _templateObject$1z, _templateObject2$19, _templateObject3$D;
|
|
7857
7900
|
function ContactWork$1() {
|
|
7858
7901
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7859
7902
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7915,10 +7958,10 @@ function ContactWork$1() {
|
|
|
7915
7958
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
7916
7959
|
}
|
|
7917
7960
|
var Label$8 = /*#__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"])));
|
|
7918
|
-
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7919
|
-
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7961
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7962
|
+
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7920
7963
|
|
|
7921
|
-
var _templateObject$1A, _templateObject2$
|
|
7964
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
|
|
7922
7965
|
function ContactMobile$1() {
|
|
7923
7966
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7924
7967
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7980,8 +8023,8 @@ function ContactMobile$1() {
|
|
|
7980
8023
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
7981
8024
|
}
|
|
7982
8025
|
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7983
|
-
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7984
|
-
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8026
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8027
|
+
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7985
8028
|
|
|
7986
8029
|
function ContactTypeDropdown() {
|
|
7987
8030
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -8047,7 +8090,7 @@ function ActionDropdown() {
|
|
|
8047
8090
|
});
|
|
8048
8091
|
}
|
|
8049
8092
|
|
|
8050
|
-
var _templateObject$1B, _templateObject2$
|
|
8093
|
+
var _templateObject$1B, _templateObject2$1b;
|
|
8051
8094
|
function DeliveryDate$1() {
|
|
8052
8095
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8053
8096
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8084,7 +8127,7 @@ function DeliveryDate$1() {
|
|
|
8084
8127
|
}));
|
|
8085
8128
|
}
|
|
8086
8129
|
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8087
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8130
|
+
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
8131
|
|
|
8089
8132
|
function convertTo12HourFormat$1(time24) {
|
|
8090
8133
|
var _time24$split, _minutes$toString;
|
|
@@ -8133,7 +8176,7 @@ function TimedServiceDropdown$1() {
|
|
|
8133
8176
|
});
|
|
8134
8177
|
}
|
|
8135
8178
|
|
|
8136
|
-
var _templateObject$1C, _templateObject2$
|
|
8179
|
+
var _templateObject$1C, _templateObject2$1c, _templateObject3$F, _templateObject4$k;
|
|
8137
8180
|
function CustomerInformation() {
|
|
8138
8181
|
var _orderDetails$order_r;
|
|
8139
8182
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8141,11 +8184,11 @@ function CustomerInformation() {
|
|
|
8141
8184
|
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
8185
|
}
|
|
8143
8186
|
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8144
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8145
|
-
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8146
|
-
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8187
|
+
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"])));
|
|
8188
|
+
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8189
|
+
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
8190
|
|
|
8148
|
-
var _templateObject$1D, _templateObject2$
|
|
8191
|
+
var _templateObject$1D, _templateObject2$1d;
|
|
8149
8192
|
function ProductTable$1() {
|
|
8150
8193
|
var _useProductDetails = useProductDetails(),
|
|
8151
8194
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8154,7 +8197,7 @@ function ProductTable$1() {
|
|
|
8154
8197
|
if (!orderProductDetails) {
|
|
8155
8198
|
return null;
|
|
8156
8199
|
}
|
|
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$
|
|
8200
|
+
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
8201
|
className: "scrollClass"
|
|
8159
8202
|
}, 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
8203
|
colSpan: 6
|
|
@@ -8173,9 +8216,9 @@ function ProductTable$1() {
|
|
|
8173
8216
|
})))));
|
|
8174
8217
|
}
|
|
8175
8218
|
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1D || (_templateObject$1D = /*#__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"])));
|
|
8176
|
-
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8219
|
+
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
8220
|
|
|
8178
|
-
var _templateObject$1E, _templateObject2$
|
|
8221
|
+
var _templateObject$1E, _templateObject2$1e;
|
|
8179
8222
|
function NotesTable() {
|
|
8180
8223
|
var _useState = React.useState(null),
|
|
8181
8224
|
moduleIds = _useState[0],
|
|
@@ -8228,7 +8271,7 @@ function NotesTable() {
|
|
|
8228
8271
|
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
8229
8272
|
React.useEffect(function () {
|
|
8230
8273
|
setNoteLoadingStore(true);
|
|
8231
|
-
if (moduleIds
|
|
8274
|
+
if (moduleIds) {
|
|
8232
8275
|
setShouldPerformAction(true);
|
|
8233
8276
|
}
|
|
8234
8277
|
if (!NotesLoading && NotesData != null && NotesData.data) {
|
|
@@ -8243,7 +8286,7 @@ function NotesTable() {
|
|
|
8243
8286
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8244
8287
|
return null;
|
|
8245
8288
|
}
|
|
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$
|
|
8289
|
+
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
8290
|
className: "scrollClass"
|
|
8248
8291
|
}, 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
8292
|
colSpan: 6
|
|
@@ -8267,12 +8310,12 @@ function NotesTable() {
|
|
|
8267
8310
|
__html: order == null ? void 0 : order.description
|
|
8268
8311
|
}
|
|
8269
8312
|
}));
|
|
8270
|
-
})))));
|
|
8313
|
+
}))))));
|
|
8271
8314
|
}
|
|
8272
8315
|
var Title$5 = /*#__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"])));
|
|
8273
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8316
|
+
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
8317
|
|
|
8275
|
-
var _templateObject$1F, _templateObject2$
|
|
8318
|
+
var _templateObject$1F, _templateObject2$1f;
|
|
8276
8319
|
function ConfirmationNotes() {
|
|
8277
8320
|
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8278
8321
|
rows: 5,
|
|
@@ -8280,9 +8323,9 @@ function ConfirmationNotes() {
|
|
|
8280
8323
|
}));
|
|
8281
8324
|
}
|
|
8282
8325
|
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8283
|
-
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8326
|
+
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
8327
|
|
|
8285
|
-
var _templateObject$1G, _templateObject2$
|
|
8328
|
+
var _templateObject$1G, _templateObject2$1g;
|
|
8286
8329
|
function DeliveryInstructions$1() {
|
|
8287
8330
|
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8288
8331
|
rows: 5,
|
|
@@ -8290,9 +8333,9 @@ function DeliveryInstructions$1() {
|
|
|
8290
8333
|
}));
|
|
8291
8334
|
}
|
|
8292
8335
|
var Label$c = /*#__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"])));
|
|
8293
|
-
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8336
|
+
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
8337
|
|
|
8295
|
-
var _templateObject$1H, _templateObject2$
|
|
8338
|
+
var _templateObject$1H, _templateObject2$1h;
|
|
8296
8339
|
function ContactWith() {
|
|
8297
8340
|
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8298
8341
|
style: {
|
|
@@ -8301,9 +8344,9 @@ function ContactWith() {
|
|
|
8301
8344
|
}));
|
|
8302
8345
|
}
|
|
8303
8346
|
var Label$d = /*#__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"])));
|
|
8304
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8347
|
+
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
8348
|
|
|
8306
|
-
var _templateObject$1I, _templateObject2$
|
|
8349
|
+
var _templateObject$1I, _templateObject2$1i, _templateObject3$G, _templateObject4$l;
|
|
8307
8350
|
function SlotAndInstructions() {
|
|
8308
8351
|
var _orderDetails$order_r;
|
|
8309
8352
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8311,11 +8354,11 @@ function SlotAndInstructions() {
|
|
|
8311
8354
|
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
8355
|
}
|
|
8313
8356
|
var Value = /*#__PURE__*/styled__default.span(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8314
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8315
|
-
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8316
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8357
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8358
|
+
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8359
|
+
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
8360
|
|
|
8318
|
-
var _templateObject$1J, _templateObject2$
|
|
8361
|
+
var _templateObject$1J, _templateObject2$1j;
|
|
8319
8362
|
// import { filterObject } from '../../../utils';
|
|
8320
8363
|
function ConfirmOrder() {
|
|
8321
8364
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8493,20 +8536,20 @@ function ConfirmOrder() {
|
|
|
8493
8536
|
}, 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
8537
|
}
|
|
8495
8538
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8496
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8497
|
-
|
|
8498
|
-
var _templateObject2$
|
|
8499
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
8500
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
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$
|
|
8539
|
+
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"])));
|
|
8540
|
+
|
|
8541
|
+
var _templateObject2$1k, _templateObject3$H, _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;
|
|
8542
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8543
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$H || (_templateObject3$H = /*#__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"])));
|
|
8544
|
+
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"])));
|
|
8545
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
8546
|
+
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"])));
|
|
8547
|
+
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
8548
|
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
8549
|
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
8550
|
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
8551
|
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
|
|
8552
|
+
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
8553
|
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
8554
|
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
8555
|
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 +8634,9 @@ var optionsMenu = [{
|
|
|
8591
8634
|
}, {
|
|
8592
8635
|
label: 'Un Hold',
|
|
8593
8636
|
value: 'unhold-order'
|
|
8637
|
+
}, {
|
|
8638
|
+
label: 'Un-Cancel',
|
|
8639
|
+
value: 'uncancel-order'
|
|
8594
8640
|
}];
|
|
8595
8641
|
var PrintMenu = [{
|
|
8596
8642
|
label: 'Return Notes',
|
|
@@ -9193,7 +9239,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9193
9239
|
};
|
|
9194
9240
|
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9195
9241
|
|
|
9196
|
-
var _templateObject$1L, _templateObject2$
|
|
9242
|
+
var _templateObject$1L, _templateObject2$1l;
|
|
9197
9243
|
function AssigneeDropdown() {
|
|
9198
9244
|
var handleSelectChange = function handleSelectChange() {
|
|
9199
9245
|
// alert('hello');
|
|
@@ -9216,7 +9262,7 @@ function AssigneeDropdown() {
|
|
|
9216
9262
|
}));
|
|
9217
9263
|
}
|
|
9218
9264
|
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9219
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
9265
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9220
9266
|
|
|
9221
9267
|
var DatePickerIcon = function DatePickerIcon() {
|
|
9222
9268
|
return React__default.createElement("svg", {
|
|
@@ -9234,11 +9280,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9234
9280
|
}));
|
|
9235
9281
|
};
|
|
9236
9282
|
|
|
9237
|
-
var _templateObject$1M, _templateObject2$
|
|
9283
|
+
var _templateObject$1M, _templateObject2$1m, _templateObject3$I, _templateObject4$n, _templateObject8$7, _templateObject10$2, _templateObject11$2, _templateObject13$1, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
9238
9284
|
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__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"])));
|
|
9239
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9240
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9241
|
-
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
9285
|
+
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"])));
|
|
9286
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9287
|
+
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
9288
|
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
9289
|
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
9290
|
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 +9375,7 @@ function useFetchSingleReminderData() {
|
|
|
9329
9375
|
return res;
|
|
9330
9376
|
}
|
|
9331
9377
|
|
|
9332
|
-
var _templateObject$1N, _templateObject2$
|
|
9378
|
+
var _templateObject$1N, _templateObject2$1n, _templateObject3$J, _templateObject4$o;
|
|
9333
9379
|
function StatusIndicator(props) {
|
|
9334
9380
|
var statusColor = getStatusColor(props.status);
|
|
9335
9381
|
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -9343,11 +9389,11 @@ function StatusIndicator(props) {
|
|
|
9343
9389
|
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1N || (_templateObject$1N = /*#__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
9390
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9345
9391
|
});
|
|
9346
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
9392
|
+
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
9393
|
return props.color;
|
|
9348
9394
|
});
|
|
9349
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9350
|
-
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
9395
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9396
|
+
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
9397
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9352
9398
|
});
|
|
9353
9399
|
|
|
@@ -9509,7 +9555,7 @@ function useFetchReminders() {
|
|
|
9509
9555
|
return perform;
|
|
9510
9556
|
}
|
|
9511
9557
|
|
|
9512
|
-
var _templateObject$1O, _templateObject2$
|
|
9558
|
+
var _templateObject$1O, _templateObject2$1o, _templateObject3$K, _templateObject4$p, _templateObject5$f, _templateObject6$9, _templateObject7$b;
|
|
9513
9559
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9514
9560
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9515
9561
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9666,19 +9712,19 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9666
9712
|
}))))));
|
|
9667
9713
|
};
|
|
9668
9714
|
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9669
|
-
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
9670
|
-
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
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$
|
|
9675
|
-
|
|
9676
|
-
var _templateObject$1P, _templateObject3$
|
|
9715
|
+
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9716
|
+
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$K || (_templateObject3$K = /*#__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"])));
|
|
9717
|
+
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"])));
|
|
9718
|
+
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
9719
|
+
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9720
|
+
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"])));
|
|
9721
|
+
|
|
9722
|
+
var _templateObject$1P, _templateObject3$L, _templateObject5$g, _templateObject7$c, _templateObject8$8, _templateObject9$4;
|
|
9677
9723
|
// Shared styles and components
|
|
9678
9724
|
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9679
|
-
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9680
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$
|
|
9681
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9725
|
+
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9726
|
+
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"])));
|
|
9727
|
+
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
9728
|
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
9729
|
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
9684
9730
|
var FormRow = function FormRow(_ref) {
|
|
@@ -9694,7 +9740,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9694
9740
|
}, " * ")), children);
|
|
9695
9741
|
};
|
|
9696
9742
|
|
|
9697
|
-
var _templateObject$1Q, _templateObject2$
|
|
9743
|
+
var _templateObject$1Q, _templateObject2$1p, _templateObject3$M, _templateObject4$q, _templateObject5$h;
|
|
9698
9744
|
dayjs.extend(utc);
|
|
9699
9745
|
dayjs.extend(dateFns.isValid);
|
|
9700
9746
|
function CreateReminderModal() {
|
|
@@ -9918,10 +9964,10 @@ function CreateReminderModal() {
|
|
|
9918
9964
|
})));
|
|
9919
9965
|
}
|
|
9920
9966
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9921
|
-
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
9922
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$
|
|
9923
|
-
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
9924
|
-
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9967
|
+
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"])));
|
|
9968
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9969
|
+
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"])));
|
|
9970
|
+
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
9971
|
|
|
9926
9972
|
function useCreateReminder() {
|
|
9927
9973
|
var ssoToken = getCookie('id_token');
|
|
@@ -10192,7 +10238,7 @@ function TaskReminderModal() {
|
|
|
10192
10238
|
}
|
|
10193
10239
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10194
10240
|
|
|
10195
|
-
var _templateObject$1S, _templateObject2$
|
|
10241
|
+
var _templateObject$1S, _templateObject2$1q;
|
|
10196
10242
|
function OrderLock() {
|
|
10197
10243
|
var _useCurrentAction = useCurrentAction(),
|
|
10198
10244
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10246,7 +10292,7 @@ function OrderLock() {
|
|
|
10246
10292
|
});
|
|
10247
10293
|
}
|
|
10248
10294
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10249
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
10295
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10250
10296
|
|
|
10251
10297
|
function useUpdateFlag() {
|
|
10252
10298
|
var ssoToken = getCookie('id_token');
|
|
@@ -10316,7 +10362,7 @@ function useUpdateFlag() {
|
|
|
10316
10362
|
return create;
|
|
10317
10363
|
}
|
|
10318
10364
|
|
|
10319
|
-
var _templateObject$1T, _templateObject2$
|
|
10365
|
+
var _templateObject$1T, _templateObject2$1r, _templateObject3$N, _templateObject4$r, _templateObject5$i, _templateObject6$a;
|
|
10320
10366
|
function HeaderSection() {
|
|
10321
10367
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10322
10368
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10387,13 +10433,13 @@ function HeaderSection() {
|
|
|
10387
10433
|
})));
|
|
10388
10434
|
}
|
|
10389
10435
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10390
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
10391
|
-
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
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$
|
|
10436
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10437
|
+
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10438
|
+
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"])));
|
|
10439
|
+
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"])));
|
|
10440
|
+
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10395
10441
|
|
|
10396
|
-
var _templateObject$1U, _templateObject2$
|
|
10442
|
+
var _templateObject$1U, _templateObject2$1s;
|
|
10397
10443
|
function TextSection() {
|
|
10398
10444
|
var _useSinglePayload = useSinglePayload(),
|
|
10399
10445
|
payload = _useSinglePayload[0],
|
|
@@ -10412,9 +10458,9 @@ function TextSection() {
|
|
|
10412
10458
|
}));
|
|
10413
10459
|
}
|
|
10414
10460
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10415
|
-
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10461
|
+
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10416
10462
|
|
|
10417
|
-
var _templateObject$1V, _templateObject2$
|
|
10463
|
+
var _templateObject$1V, _templateObject2$1t;
|
|
10418
10464
|
function ButtonsSection() {
|
|
10419
10465
|
var _useSinglePayload = useSinglePayload(),
|
|
10420
10466
|
payload = _useSinglePayload[0],
|
|
@@ -10506,9 +10552,9 @@ function ButtonsSection() {
|
|
|
10506
10552
|
}))));
|
|
10507
10553
|
}
|
|
10508
10554
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10509
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10555
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10510
10556
|
|
|
10511
|
-
var _templateObject$1W, _templateObject2$
|
|
10557
|
+
var _templateObject$1W, _templateObject2$1u, _templateObject3$O, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10512
10558
|
function ActionSection() {
|
|
10513
10559
|
var _useCurrentAction = useCurrentAction(),
|
|
10514
10560
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10595,13 +10641,13 @@ function RadioButtonsSection() {
|
|
|
10595
10641
|
}));
|
|
10596
10642
|
}
|
|
10597
10643
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10598
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
10599
|
-
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$
|
|
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$
|
|
10644
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10645
|
+
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10646
|
+
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10647
|
+
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"])));
|
|
10648
|
+
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10603
10649
|
|
|
10604
|
-
var _templateObject$1X, _templateObject2$
|
|
10650
|
+
var _templateObject$1X, _templateObject2$1v, _templateObject3$P, _templateObject4$t, _templateObject5$k;
|
|
10605
10651
|
function DetailSection() {
|
|
10606
10652
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10607
10653
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10614,10 +10660,10 @@ function DetailSection() {
|
|
|
10614
10660
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10615
10661
|
}
|
|
10616
10662
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10617
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10618
|
-
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10619
|
-
var Order = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10620
|
-
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$
|
|
10663
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10664
|
+
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10665
|
+
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"])));
|
|
10666
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
10621
10667
|
|
|
10622
10668
|
function useFetchSingleFlagsData() {
|
|
10623
10669
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -10699,7 +10745,7 @@ function useFetchSingleFlagsData() {
|
|
|
10699
10745
|
return res;
|
|
10700
10746
|
}
|
|
10701
10747
|
|
|
10702
|
-
var _templateObject$1Y, _templateObject2$
|
|
10748
|
+
var _templateObject$1Y, _templateObject2$1w, _templateObject3$Q;
|
|
10703
10749
|
function ViewFlag() {
|
|
10704
10750
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10705
10751
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10797,8 +10843,8 @@ function ViewFlag() {
|
|
|
10797
10843
|
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
10844
|
}
|
|
10799
10845
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10800
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
10801
|
-
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10846
|
+
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"])));
|
|
10847
|
+
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__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
10848
|
|
|
10803
10849
|
var _templateObject$1Z;
|
|
10804
10850
|
function ReleaseOrder() {
|
|
@@ -10882,6 +10928,129 @@ function ReleaseOrder() {
|
|
|
10882
10928
|
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10883
10929
|
|
|
10884
10930
|
var _templateObject$1_;
|
|
10931
|
+
function UncancelOrder() {
|
|
10932
|
+
var _orderStaticData$unca;
|
|
10933
|
+
var _useOrderId = useOrderId(),
|
|
10934
|
+
orderId = _useOrderId[0];
|
|
10935
|
+
var _useCurrentAction = useCurrentAction(),
|
|
10936
|
+
setCurrentAction = _useCurrentAction[1];
|
|
10937
|
+
var onClose = function onClose() {
|
|
10938
|
+
setCurrentAction(undefined);
|
|
10939
|
+
};
|
|
10940
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
10941
|
+
orderStaticData = _useOrderStaticData[0];
|
|
10942
|
+
var _useState = React.useState(undefined),
|
|
10943
|
+
unCancelReason = _useState[0],
|
|
10944
|
+
setUncancelReason = _useState[1];
|
|
10945
|
+
var _useState2 = React.useState(''),
|
|
10946
|
+
unCancelNotes = _useState2[0],
|
|
10947
|
+
setUncancelNotes = _useState2[1];
|
|
10948
|
+
var _useOrderDetails = useOrderDetails(),
|
|
10949
|
+
setOrderDetails = _useOrderDetails[1];
|
|
10950
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
10951
|
+
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
10952
|
+
var _useLoading = useLoading(),
|
|
10953
|
+
setLoading = _useLoading[1];
|
|
10954
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
10955
|
+
customerInfo = _useCustomerInfo[0];
|
|
10956
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
10957
|
+
var unCancelReasonOptions = orderStaticData == null || (_orderStaticData$unca = orderStaticData.uncancel_reasons) == null ? void 0 : _orderStaticData$unca.map(function (item) {
|
|
10958
|
+
return {
|
|
10959
|
+
label: item == null ? void 0 : item.reason,
|
|
10960
|
+
value: item == null ? void 0 : item.reason
|
|
10961
|
+
};
|
|
10962
|
+
});
|
|
10963
|
+
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
10964
|
+
endpoint: "orders/" + orderId + "/uncancel/?uncancelled_reason=" + unCancelReason + "&uncancelled_notes=" + unCancelNotes,
|
|
10965
|
+
method: 'POST',
|
|
10966
|
+
performAction: false
|
|
10967
|
+
}),
|
|
10968
|
+
response = _useApiHook.data,
|
|
10969
|
+
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
10970
|
+
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
10971
|
+
endpoint: "orders/" + orderId,
|
|
10972
|
+
method: 'GET',
|
|
10973
|
+
performAction: false
|
|
10974
|
+
}),
|
|
10975
|
+
fetchedData = _useApiHook2.data,
|
|
10976
|
+
loading = _useApiHook2.loading,
|
|
10977
|
+
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
10978
|
+
React.useEffect(function () {
|
|
10979
|
+
var _fetchedData$data;
|
|
10980
|
+
setLoading(loading);
|
|
10981
|
+
if (fetchedData && fetchedData.data) {
|
|
10982
|
+
var requiredData = fetchedData == null ? void 0 : fetchedData.data;
|
|
10983
|
+
setOrderDetails(requiredData[0]);
|
|
10984
|
+
setPrevOrderDetails(requiredData[0]);
|
|
10985
|
+
setCurrentAction(undefined);
|
|
10986
|
+
}
|
|
10987
|
+
if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
|
|
10988
|
+
setCurrentAction(undefined);
|
|
10989
|
+
}
|
|
10990
|
+
}, [loading]);
|
|
10991
|
+
React.useEffect(function () {
|
|
10992
|
+
if (response) {
|
|
10993
|
+
//@ts-ignore
|
|
10994
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
10995
|
+
setShouldPerformAction(true);
|
|
10996
|
+
antd.notification.success({
|
|
10997
|
+
message: 'Success',
|
|
10998
|
+
description:
|
|
10999
|
+
//@ts-ignore
|
|
11000
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
11001
|
+
});
|
|
11002
|
+
} else {
|
|
11003
|
+
antd.notification.error({
|
|
11004
|
+
message: 'Error',
|
|
11005
|
+
description:
|
|
11006
|
+
//@ts-ignore
|
|
11007
|
+
(response == null ? void 0 : response.error_traceback) || 'An error has occurred. Please try again later.'
|
|
11008
|
+
});
|
|
11009
|
+
setCurrentAction(undefined);
|
|
11010
|
+
}
|
|
11011
|
+
}
|
|
11012
|
+
}, [response]);
|
|
11013
|
+
var onChange = function onChange(event) {
|
|
11014
|
+
setUncancelNotes(event.target.value);
|
|
11015
|
+
};
|
|
11016
|
+
var onChangeUnCancelReason = function onChangeUnCancelReason(value) {
|
|
11017
|
+
setUncancelReason(value);
|
|
11018
|
+
};
|
|
11019
|
+
var onSubmit = function onSubmit() {
|
|
11020
|
+
if (orderId) {
|
|
11021
|
+
setPerformAction(true);
|
|
11022
|
+
}
|
|
11023
|
+
};
|
|
11024
|
+
var showSubmitBtn = unCancelReason !== undefined && (unCancelNotes == null ? void 0 : unCancelNotes.length) > 0;
|
|
11025
|
+
return React__default.createElement(OrderActionModal, {
|
|
11026
|
+
headerTitle: "Un-Cancel order",
|
|
11027
|
+
onCloseHeader: onClose,
|
|
11028
|
+
onSubmit: onSubmit,
|
|
11029
|
+
showAdditionalInfo: true,
|
|
11030
|
+
infoText: infoText,
|
|
11031
|
+
submitBtnTitle: "Save Details",
|
|
11032
|
+
isSubmitDisabled: !showSubmitBtn
|
|
11033
|
+
}, 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, {
|
|
11034
|
+
options: unCancelReasonOptions || [],
|
|
11035
|
+
placeholder: "Select un-cancel Reason",
|
|
11036
|
+
onChange: onChangeUnCancelReason,
|
|
11037
|
+
disabled: false,
|
|
11038
|
+
style: {
|
|
11039
|
+
width: '346px',
|
|
11040
|
+
height: 40
|
|
11041
|
+
},
|
|
11042
|
+
showSearch: true,
|
|
11043
|
+
popupClassName: 'dropDownStyle',
|
|
11044
|
+
selectWrapperClass: 'rounded',
|
|
11045
|
+
defaultValue: unCancelReason
|
|
11046
|
+
})), React__default.createElement(HoldRow, null, React__default.createElement(Label$e, null, "Un-cancel Note"), React__default.createElement(CustomTextArea$3, {
|
|
11047
|
+
rows: 5,
|
|
11048
|
+
onChange: onChange
|
|
11049
|
+
})))));
|
|
11050
|
+
}
|
|
11051
|
+
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
11052
|
+
|
|
11053
|
+
var _templateObject$1$;
|
|
10885
11054
|
function OrderActions() {
|
|
10886
11055
|
var _useCurrentAction = useCurrentAction(),
|
|
10887
11056
|
currentAction = _useCurrentAction[0];
|
|
@@ -10899,8 +11068,8 @@ function OrderActions() {
|
|
|
10899
11068
|
return React__default.createElement(LogServiceRefusal, null);
|
|
10900
11069
|
case 'cancel-order':
|
|
10901
11070
|
return React__default.createElement(CancelOrder, null);
|
|
10902
|
-
|
|
10903
|
-
|
|
11071
|
+
case 'uncancel-order':
|
|
11072
|
+
return React__default.createElement(UncancelOrder, null);
|
|
10904
11073
|
case 'confirm-order':
|
|
10905
11074
|
return React__default.createElement(ConfirmOrder, null);
|
|
10906
11075
|
case 'send-sms':
|
|
@@ -10933,7 +11102,7 @@ function OrderActions() {
|
|
|
10933
11102
|
};
|
|
10934
11103
|
return React__default.createElement(Container$18, null, renderContent());
|
|
10935
11104
|
}
|
|
10936
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11105
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10937
11106
|
|
|
10938
11107
|
function useSystemLogs() {
|
|
10939
11108
|
var ssoToken = getCookie('id_token');
|
|
@@ -11025,7 +11194,7 @@ function useSystemLogs() {
|
|
|
11025
11194
|
return perform;
|
|
11026
11195
|
}
|
|
11027
11196
|
|
|
11028
|
-
var _templateObject$
|
|
11197
|
+
var _templateObject$20, _templateObject2$1x;
|
|
11029
11198
|
var Details = function Details() {
|
|
11030
11199
|
// const [orderDetails] = useOrderDetails();
|
|
11031
11200
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11034,10 +11203,10 @@ var Details = function Details() {
|
|
|
11034
11203
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11035
11204
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11036
11205
|
};
|
|
11037
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11038
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11206
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11207
|
+
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
11208
|
|
|
11040
|
-
var _templateObject$
|
|
11209
|
+
var _templateObject$21;
|
|
11041
11210
|
function Options() {
|
|
11042
11211
|
var _useCurrentAction = useCurrentAction(),
|
|
11043
11212
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11103,7 +11272,7 @@ function Options() {
|
|
|
11103
11272
|
value: "OPTIONS"
|
|
11104
11273
|
}));
|
|
11105
11274
|
}
|
|
11106
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11275
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11107
11276
|
|
|
11108
11277
|
function BjsMenu() {
|
|
11109
11278
|
var _orderStatus$;
|
|
@@ -11160,7 +11329,7 @@ function BjsMenu() {
|
|
|
11160
11329
|
});
|
|
11161
11330
|
}
|
|
11162
11331
|
|
|
11163
|
-
var _templateObject$
|
|
11332
|
+
var _templateObject$22;
|
|
11164
11333
|
function Print() {
|
|
11165
11334
|
var _useOrderDetails = useOrderDetails(),
|
|
11166
11335
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11245,29 +11414,29 @@ function Print() {
|
|
|
11245
11414
|
})
|
|
11246
11415
|
}));
|
|
11247
11416
|
}
|
|
11248
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11417
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11249
11418
|
|
|
11250
|
-
var _templateObject$
|
|
11419
|
+
var _templateObject$23;
|
|
11251
11420
|
// components
|
|
11252
11421
|
function DropDowns$1() {
|
|
11253
11422
|
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
11423
|
}
|
|
11255
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
11424
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11256
11425
|
|
|
11257
|
-
var _templateObject$
|
|
11426
|
+
var _templateObject$24;
|
|
11258
11427
|
// import Actions from './actions/Actions';
|
|
11259
11428
|
var ActionsMenu = function ActionsMenu() {
|
|
11260
11429
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11261
11430
|
};
|
|
11262
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11431
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__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
11432
|
|
|
11264
|
-
var _templateObject$
|
|
11433
|
+
var _templateObject$25;
|
|
11265
11434
|
var DetailsFilters = function DetailsFilters() {
|
|
11266
11435
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11267
11436
|
};
|
|
11268
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11437
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__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
11438
|
|
|
11270
|
-
var _templateObject$
|
|
11439
|
+
var _templateObject$26, _templateObject2$1y, _templateObject3$R, _templateObject4$u;
|
|
11271
11440
|
function OrderView() {
|
|
11272
11441
|
antd.notification.config({
|
|
11273
11442
|
top: 150
|
|
@@ -11368,12 +11537,6 @@ function OrderView() {
|
|
|
11368
11537
|
fetchedData = _useApiHook2.data,
|
|
11369
11538
|
loading = _useApiHook2.loading,
|
|
11370
11539
|
orderUpdate = _useApiHook2.setShouldPerformAction;
|
|
11371
|
-
React.useEffect(function () {
|
|
11372
|
-
if (orderId) {
|
|
11373
|
-
orderUpdate(true);
|
|
11374
|
-
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11375
|
-
}
|
|
11376
|
-
}, [orderId, liveRecalling]);
|
|
11377
11540
|
var _useApiHook3 = dmsComponentLibrary.useApiHook({
|
|
11378
11541
|
endpoint: "/orders/getStaticData/all/",
|
|
11379
11542
|
method: 'GET'
|
|
@@ -11400,6 +11563,12 @@ function OrderView() {
|
|
|
11400
11563
|
}),
|
|
11401
11564
|
fetchedDepotData = _useApiHook5.data,
|
|
11402
11565
|
depotDataLoading = _useApiHook5.loading;
|
|
11566
|
+
React.useEffect(function () {
|
|
11567
|
+
if (orderId) {
|
|
11568
|
+
orderUpdate(true);
|
|
11569
|
+
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11570
|
+
}
|
|
11571
|
+
}, [orderId, liveRecalling]);
|
|
11403
11572
|
React.useEffect(function () {
|
|
11404
11573
|
setLoading(staticDataLoading);
|
|
11405
11574
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -11580,31 +11749,127 @@ function OrderView() {
|
|
|
11580
11749
|
console.log(orderId, 'orderId');
|
|
11581
11750
|
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));
|
|
11582
11751
|
}
|
|
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$
|
|
11586
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11752
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
11753
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
11754
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11755
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
11587
11756
|
|
|
11588
|
-
var _templateObject2$
|
|
11589
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11757
|
+
var _templateObject2$1z;
|
|
11758
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__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"])));
|
|
11759
|
+
|
|
11760
|
+
var initialState$3 = {
|
|
11761
|
+
'x-filters': [],
|
|
11762
|
+
'x-pagination': {
|
|
11763
|
+
page: 1,
|
|
11764
|
+
per_page: 50
|
|
11765
|
+
}
|
|
11766
|
+
};
|
|
11767
|
+
var filterReducer$2 = function filterReducer(state, action) {
|
|
11768
|
+
switch (action.type) {
|
|
11769
|
+
case 'SET_COMP_RETURN_FILTERS':
|
|
11770
|
+
return _extends({}, state, {
|
|
11771
|
+
'x-filters': [].concat(state['x-filters'].filter(function (f) {
|
|
11772
|
+
return f.field !== 'customer_name' && f.field !== 'trading_as';
|
|
11773
|
+
}), [{
|
|
11774
|
+
field: 'customer_name',
|
|
11775
|
+
op: 'like',
|
|
11776
|
+
value: "%" + action.payload + "%",
|
|
11777
|
+
join: 'or'
|
|
11778
|
+
}, {
|
|
11779
|
+
field: 'trading_as',
|
|
11780
|
+
op: 'like',
|
|
11781
|
+
value: "%" + action.payload + "%",
|
|
11782
|
+
join: 'or'
|
|
11783
|
+
}]),
|
|
11784
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11785
|
+
page: 1
|
|
11786
|
+
})
|
|
11787
|
+
});
|
|
11788
|
+
case 'CLEAR_SEARCH':
|
|
11789
|
+
return _extends({}, state, {
|
|
11790
|
+
'x-filters': [].concat(initialState$3['x-filters']),
|
|
11791
|
+
'x-pagination': _extends({}, initialState$3['x-pagination'], {
|
|
11792
|
+
page: 1
|
|
11793
|
+
})
|
|
11794
|
+
});
|
|
11795
|
+
case 'CLEAR_ALL_FILTER':
|
|
11796
|
+
return _extends({}, state);
|
|
11797
|
+
case 'SET_PAGE':
|
|
11798
|
+
return _extends({}, state, {
|
|
11799
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11800
|
+
page: action.payload
|
|
11801
|
+
})
|
|
11802
|
+
});
|
|
11803
|
+
case 'SET_PERPAGE':
|
|
11804
|
+
return _extends({}, state, {
|
|
11805
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11806
|
+
per_page: action.payload
|
|
11807
|
+
})
|
|
11808
|
+
});
|
|
11809
|
+
case 'CLEAR_FILTERS':
|
|
11810
|
+
return _extends({}, state);
|
|
11811
|
+
case 'CLEAR_ALL_FILTER':
|
|
11812
|
+
return _extends({}, state);
|
|
11813
|
+
default:
|
|
11814
|
+
return state;
|
|
11815
|
+
}
|
|
11816
|
+
};
|
|
11817
|
+
var filtersStateAtom$2 = /*#__PURE__*/jotai.atom(initialState$3);
|
|
11818
|
+
var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
11819
|
+
return get(filtersStateAtom$2);
|
|
11820
|
+
}, function (get, set, action) {
|
|
11821
|
+
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11822
|
+
});
|
|
11590
11823
|
|
|
11591
|
-
var _templateObject$
|
|
11824
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$S;
|
|
11592
11825
|
var SearchType = function SearchType() {
|
|
11593
11826
|
var _useState = React.useState(''),
|
|
11594
11827
|
searchText = _useState[0],
|
|
11595
11828
|
setSearchText = _useState[1];
|
|
11829
|
+
var _useState2 = React.useState(''),
|
|
11830
|
+
debouncedSearchText = _useState2[0],
|
|
11831
|
+
setDebouncedSearchText = _useState2[1];
|
|
11832
|
+
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
11833
|
+
dispatch = _useAtom[1];
|
|
11596
11834
|
var handleInputChange = function handleInputChange(event) {
|
|
11597
11835
|
setSearchText(event.target.value);
|
|
11598
11836
|
};
|
|
11837
|
+
// Debouncing effect
|
|
11838
|
+
React.useEffect(function () {
|
|
11839
|
+
var handler = setTimeout(function () {
|
|
11840
|
+
setDebouncedSearchText(searchText);
|
|
11841
|
+
}, 1000);
|
|
11842
|
+
return function () {
|
|
11843
|
+
clearTimeout(handler);
|
|
11844
|
+
};
|
|
11845
|
+
}, [searchText]);
|
|
11846
|
+
React.useEffect(function () {
|
|
11847
|
+
if (debouncedSearchText) {
|
|
11848
|
+
dispatch({
|
|
11849
|
+
type: 'SET_COMP_RETURN_FILTERS',
|
|
11850
|
+
payload: debouncedSearchText
|
|
11851
|
+
});
|
|
11852
|
+
}
|
|
11853
|
+
}, [debouncedSearchText, dispatch]);
|
|
11854
|
+
var handleClear = function handleClear() {
|
|
11855
|
+
setSearchText('');
|
|
11856
|
+
dispatch({
|
|
11857
|
+
type: 'CLEAR_SEARCH'
|
|
11858
|
+
});
|
|
11859
|
+
};
|
|
11599
11860
|
return React__default.createElement(Search, null, React__default.createElement(SearchIcon, null), React__default.createElement(SearchInput, {
|
|
11600
11861
|
type: "text",
|
|
11601
11862
|
placeholder: "Search",
|
|
11602
11863
|
value: searchText,
|
|
11603
11864
|
onChange: handleInputChange
|
|
11604
|
-
})
|
|
11865
|
+
}), searchText && React__default.createElement(ClearButton, {
|
|
11866
|
+
className: "clear",
|
|
11867
|
+
onClick: handleClear
|
|
11868
|
+
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
11605
11869
|
};
|
|
11606
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11607
|
-
var
|
|
11870
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__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"])));
|
|
11871
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1A || (_templateObject2$1A = /*#__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"])));
|
|
11872
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$S || (_templateObject3$S = /*#__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"])));
|
|
11608
11873
|
|
|
11609
11874
|
var BulkFilter = function BulkFilter() {
|
|
11610
11875
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11902,56 +12167,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
11902
12167
|
})))));
|
|
11903
12168
|
};
|
|
11904
12169
|
|
|
11905
|
-
|
|
11906
|
-
var initialState$3 = {
|
|
11907
|
-
'x-filters': [
|
|
11908
|
-
// {
|
|
11909
|
-
// field: 'action_date',
|
|
11910
|
-
// op: '>=',
|
|
11911
|
-
// value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T00:00:00+00:00`,
|
|
11912
|
-
// },
|
|
11913
|
-
// {
|
|
11914
|
-
// field: 'action_date',
|
|
11915
|
-
// op: '<=',
|
|
11916
|
-
// value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T23:59:59+00:00`,
|
|
11917
|
-
// },
|
|
11918
|
-
// { field: 'status', op: 'count', value: '' },
|
|
11919
|
-
],
|
|
11920
|
-
'x-pagination': {
|
|
11921
|
-
page: 1,
|
|
11922
|
-
per_page: 50
|
|
11923
|
-
}
|
|
11924
|
-
};
|
|
11925
|
-
var filterReducer$2 = function filterReducer(state, action) {
|
|
11926
|
-
switch (action.type) {
|
|
11927
|
-
case 'SET_PAGE':
|
|
11928
|
-
return _extends({}, state, {
|
|
11929
|
-
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11930
|
-
page: action.payload
|
|
11931
|
-
})
|
|
11932
|
-
});
|
|
11933
|
-
case 'SET_PERPAGE':
|
|
11934
|
-
return _extends({}, state, {
|
|
11935
|
-
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11936
|
-
per_page: action.payload
|
|
11937
|
-
})
|
|
11938
|
-
});
|
|
11939
|
-
case 'CLEAR_FILTERS':
|
|
11940
|
-
return _extends({}, state);
|
|
11941
|
-
case 'CLEAR_ALL_FILTER':
|
|
11942
|
-
return _extends({}, state);
|
|
11943
|
-
default:
|
|
11944
|
-
return state;
|
|
11945
|
-
}
|
|
11946
|
-
};
|
|
11947
|
-
var filtersStateAtom$2 = /*#__PURE__*/jotai.atom(initialState$3);
|
|
11948
|
-
var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
11949
|
-
return get(filtersStateAtom$2);
|
|
11950
|
-
}, function (get, set, action) {
|
|
11951
|
-
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11952
|
-
});
|
|
11953
|
-
|
|
11954
|
-
var _templateObject$27, _templateObject2$1C, _templateObject3$T;
|
|
12170
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$T;
|
|
11955
12171
|
var _excluded$6 = ["count"];
|
|
11956
12172
|
function ReturnMainTable() {
|
|
11957
12173
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -11964,7 +12180,8 @@ function ReturnMainTable() {
|
|
|
11964
12180
|
var _useItemsPerOverviewP = useItemsPerOverviewPage(),
|
|
11965
12181
|
itemsPerPage = _useItemsPerOverviewP[0],
|
|
11966
12182
|
setItemsPerPage = _useItemsPerOverviewP[1];
|
|
11967
|
-
var
|
|
12183
|
+
var filters = state['x-filters'],
|
|
12184
|
+
pagination = state['x-pagination'];
|
|
11968
12185
|
var page = paginationObj.page,
|
|
11969
12186
|
total = paginationObj.total;
|
|
11970
12187
|
// const [selectedClient] = useTableName();
|
|
@@ -11987,7 +12204,8 @@ function ReturnMainTable() {
|
|
|
11987
12204
|
endpoint: "/return_orders/stats/",
|
|
11988
12205
|
method: 'GET',
|
|
11989
12206
|
//@ts-ignore
|
|
11990
|
-
pagination: pagination
|
|
12207
|
+
pagination: pagination,
|
|
12208
|
+
filters: filters
|
|
11991
12209
|
}),
|
|
11992
12210
|
fetchedClientData = _useApiHook.data,
|
|
11993
12211
|
statsDataLoading = _useApiHook.loading,
|
|
@@ -12030,8 +12248,8 @@ function ReturnMainTable() {
|
|
|
12030
12248
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12031
12249
|
}))));
|
|
12032
12250
|
}
|
|
12033
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12034
|
-
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12251
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12252
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12035
12253
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$T || (_templateObject3$T = /*#__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"])));
|
|
12036
12254
|
|
|
12037
12255
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|