@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
|
@@ -5433,6 +5433,10 @@ function OrderDetailsFooter() {
|
|
|
5433
5433
|
errorState = _useAtom[0];
|
|
5434
5434
|
var _useUpdateApiCall = useUpdateApiCall(),
|
|
5435
5435
|
setCallApi = _useUpdateApiCall[1]; //single detail
|
|
5436
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
5437
|
+
setRecalling = _useLiveRecalling[1];
|
|
5438
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5439
|
+
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5436
5440
|
var errorFound = function errorFound() {
|
|
5437
5441
|
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;
|
|
5438
5442
|
return isError;
|
|
@@ -5476,14 +5480,13 @@ function OrderDetailsFooter() {
|
|
|
5476
5480
|
recipient_name: response == null || (_response$data$ = response.data[0]) == null || (_response$data$ = _response$data$.order_recipient) == null ? void 0 : _response$data$.recipient_name,
|
|
5477
5481
|
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
|
|
5478
5482
|
});
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5483
|
+
setRecalling(true);
|
|
5484
|
+
setTimeout(function () {
|
|
5485
|
+
setRecalling(false);
|
|
5486
|
+
setRecallAuditLog(false);
|
|
5487
|
+
}, 1000);
|
|
5482
5488
|
setCallApi(true);
|
|
5483
|
-
// }, 2000);
|
|
5484
5489
|
} else {
|
|
5485
|
-
// setLogsCallAPi(false);
|
|
5486
|
-
// setCallApi(false);
|
|
5487
5490
|
setOrderDetails(prevOrderDetails);
|
|
5488
5491
|
}
|
|
5489
5492
|
case 6:
|
|
@@ -5561,6 +5564,16 @@ function NoteType() {
|
|
|
5561
5564
|
var _useSelectedData = useSelectedData(),
|
|
5562
5565
|
selected = _useSelectedData[0],
|
|
5563
5566
|
setSelected = _useSelectedData[1];
|
|
5567
|
+
useEffect(function () {
|
|
5568
|
+
if (visibilityData && !selected) {
|
|
5569
|
+
var defaultOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5570
|
+
return option.type === 'Private';
|
|
5571
|
+
});
|
|
5572
|
+
if (defaultOption) {
|
|
5573
|
+
setSelected(defaultOption.value);
|
|
5574
|
+
}
|
|
5575
|
+
}
|
|
5576
|
+
}, [visibilityData, selected, setSelected]);
|
|
5564
5577
|
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5565
5578
|
var selectedValue = event.target.value;
|
|
5566
5579
|
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
@@ -5726,50 +5739,37 @@ var NotesTableData = [{
|
|
|
5726
5739
|
tableBody: []
|
|
5727
5740
|
}];
|
|
5728
5741
|
|
|
5729
|
-
var
|
|
5730
|
-
var Table = /*#__PURE__*/styled.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"])));
|
|
5731
|
-
var Th = /*#__PURE__*/styled.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"])));
|
|
5732
|
-
var Td = /*#__PURE__*/styled.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"])));
|
|
5733
|
-
var IconCover = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
5734
|
-
|
|
5735
|
-
var _templateObject$Z, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2, _templateObject9$1;
|
|
5742
|
+
var _templateObject$Z, _templateObject2$J;
|
|
5736
5743
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5737
|
-
var _getNotes$data, _getNotes$data2;
|
|
5738
5744
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
5739
5745
|
var _usegetNotes = usegetNotes(),
|
|
5740
5746
|
getNotes = _usegetNotes[0];
|
|
5741
|
-
|
|
5742
|
-
|
|
5743
|
-
return React.createElement(ScrollableTableWrapper, null, React.createElement(AuditTableWrapper, null, React.createElement(
|
|
5744
|
-
return React.createElement(
|
|
5747
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5748
|
+
auditLogLoadingStatus = _useAuditLogLoadingSt[0];
|
|
5749
|
+
return React.createElement(ScrollableTableWrapper, null, React.createElement(AuditTableWrapper, null, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, tableHeadData == null ? void 0 : tableHeadData.map(function (column) {
|
|
5750
|
+
return React.createElement("th", {
|
|
5745
5751
|
key: column.key
|
|
5746
|
-
},
|
|
5747
|
-
})))
|
|
5752
|
+
}, column.label);
|
|
5753
|
+
}))), React.createElement("tbody", null, auditLogLoadingStatus ? React.createElement("tr", null, React.createElement("td", {
|
|
5748
5754
|
className: "noBoder",
|
|
5749
5755
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5750
|
-
}, React.createElement(Skeleton, null))) : getNotes
|
|
5751
|
-
return React.createElement(
|
|
5756
|
+
}, React.createElement(Skeleton, null))) : getNotes && (getNotes == null ? void 0 : getNotes.length) > 0 ? getNotes == null ? void 0 : getNotes.map(function (note) {
|
|
5757
|
+
return React.createElement("tr", {
|
|
5752
5758
|
key: note == null ? void 0 : note.id
|
|
5753
|
-
}, React.createElement(
|
|
5759
|
+
}, React.createElement("td", null, React.createElement("div", {
|
|
5760
|
+
className: "bold",
|
|
5754
5761
|
title: note == null ? void 0 : note.created_by
|
|
5755
|
-
}, note == null ? void 0 : note.created_by), React.createElement("div", null, formatDateTime(note == null ? void 0 : note.created_at))), React.createElement(
|
|
5762
|
+
}, note == null ? void 0 : note.created_by), React.createElement("div", null, formatDateTime(note == null ? void 0 : note.created_at))), React.createElement("td", {
|
|
5756
5763
|
dangerouslySetInnerHTML: {
|
|
5757
5764
|
__html: note == null ? void 0 : note.description
|
|
5758
5765
|
}
|
|
5759
5766
|
}));
|
|
5760
|
-
}) : React.createElement("tr", null, React.createElement(
|
|
5767
|
+
}) : React.createElement("tr", null, React.createElement("td", {
|
|
5761
5768
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5762
5769
|
}, "No data found"))))));
|
|
5763
5770
|
};
|
|
5764
5771
|
var AuditTableWrapper = /*#__PURE__*/styled.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"])));
|
|
5765
|
-
var
|
|
5766
|
-
var NoDataFound = /*#__PURE__*/styled(Td)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
5767
|
-
var StyledTable$2 = /*#__PURE__*/styled(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"])));
|
|
5768
|
-
var StyledTr = /*#__PURE__*/styled.tr(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
5769
|
-
var StyledTd = /*#__PURE__*/styled(Td)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n"])));
|
|
5770
|
-
var CreatedBy$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
5771
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5772
|
-
var StickyHeaderWrapper = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: #fff;\n"])));
|
|
5772
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5773
5773
|
|
|
5774
5774
|
var _templateObject$_;
|
|
5775
5775
|
function AuditLogs() {
|
|
@@ -5777,7 +5777,7 @@ function AuditLogs() {
|
|
|
5777
5777
|
}
|
|
5778
5778
|
var Container$D = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5779
5779
|
|
|
5780
|
-
var _templateObject$$, _templateObject2$
|
|
5780
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$k, _templateObject4$9;
|
|
5781
5781
|
// import { useLocation } from 'react-router-dom';
|
|
5782
5782
|
function Notes() {
|
|
5783
5783
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5785,16 +5785,13 @@ function Notes() {
|
|
|
5785
5785
|
setModuleIds = _usemoduleIds[1];
|
|
5786
5786
|
var _useOrderId = useOrderId(),
|
|
5787
5787
|
orderId = _useOrderId[0];
|
|
5788
|
-
// const location = useLocation();
|
|
5789
|
-
// const pathname = location.pathname;
|
|
5790
|
-
// const orderIdLocaation = pathname.split('/')[1];
|
|
5791
|
-
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5792
|
-
recallAuditLog = _useGlobalStateHitAud[0];
|
|
5793
|
-
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5794
|
-
setAuditLogLoading = _useAuditLogLoadingSt[1];
|
|
5795
5788
|
var _usegetNotes = usegetNotes(),
|
|
5796
5789
|
setNotes = _usegetNotes[1];
|
|
5797
|
-
|
|
5790
|
+
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
5791
|
+
setAuditLogLoading = _useAuditLogLoadingSt[1];
|
|
5792
|
+
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5793
|
+
recallAuditLog = _useGlobalStateHitAud[0],
|
|
5794
|
+
setAuditLogs = _useGlobalStateHitAud[1];
|
|
5798
5795
|
// Fetch module IDs
|
|
5799
5796
|
var _useApiHook = useApiHook({
|
|
5800
5797
|
endpoint: 'audit_logs/modules/',
|
|
@@ -5808,22 +5805,21 @@ function Notes() {
|
|
|
5808
5805
|
return (item == null ? void 0 : item.name) === 'ORDER';
|
|
5809
5806
|
}).flatMap(function (item) {
|
|
5810
5807
|
var _item$static_child_ma;
|
|
5811
|
-
return item == null || (_item$static_child_ma = item.static_child_mappings) == null ? void 0 : _item$static_child_ma.
|
|
5812
|
-
var _child$child_module
|
|
5808
|
+
return item == null || (_item$static_child_ma = item.static_child_mappings) == null ? void 0 : _item$static_child_ma.filter(function (child) {
|
|
5809
|
+
var _child$child_module;
|
|
5810
|
+
return (child == null || (_child$child_module = child.child_module) == null ? void 0 : _child$child_module.name) === 'ORDER-NOTE';
|
|
5811
|
+
}).map(function (child) {
|
|
5812
|
+
var _child$child_module2, _child$parent_module;
|
|
5813
5813
|
return {
|
|
5814
|
-
id: child == null || (_child$
|
|
5815
|
-
|
|
5816
|
-
parentId: child == null || (_child$parent_module = child.parent_module) == null ? void 0 : _child$parent_module.id,
|
|
5817
|
-
parentName: child == null || (_child$parent_module2 = child.parent_module) == null ? void 0 : _child$parent_module2.name
|
|
5814
|
+
id: child == null || (_child$child_module2 = child.child_module) == null ? void 0 : _child$child_module2.id,
|
|
5815
|
+
parentId: child == null || (_child$parent_module = child.parent_module) == null ? void 0 : _child$parent_module.id
|
|
5818
5816
|
};
|
|
5819
5817
|
});
|
|
5820
5818
|
})) || [];
|
|
5821
|
-
|
|
5822
|
-
return (module == null ? void 0 : module.name) === 'ORDER-NOTE';
|
|
5823
|
-
});
|
|
5824
|
-
setModuleIds(orderNoteModule || modules[0] || null);
|
|
5819
|
+
setModuleIds(modules[0] || null);
|
|
5825
5820
|
}
|
|
5826
5821
|
}, [apiLoading, fetchedData]);
|
|
5822
|
+
// Fetch Notes Data
|
|
5827
5823
|
var _useApiHook2 = useApiHook({
|
|
5828
5824
|
endpoint: "audit_logs/?module_id=" + (moduleIds == null ? void 0 : moduleIds.parentId) + "&module_object_id=" + orderId,
|
|
5829
5825
|
method: 'GET',
|
|
@@ -5837,20 +5833,12 @@ function Notes() {
|
|
|
5837
5833
|
setShouldPerformAction(true);
|
|
5838
5834
|
}
|
|
5839
5835
|
if (!NotesLoading && NotesData != null && NotesData.data) {
|
|
5840
|
-
|
|
5841
|
-
// .filter((item: any) => item['ORDER-NOTE'] || item['ORDER'])
|
|
5842
|
-
// .map((item: any) => [item['ORDER-NOTE'], item['ORDER']])
|
|
5843
|
-
// .flat()
|
|
5844
|
-
// .filter(Boolean);
|
|
5845
|
-
var updatedData = NotesData.data.filter(function (item) {
|
|
5836
|
+
var updatedData = NotesData == null ? void 0 : NotesData.data.filter(function (item) {
|
|
5846
5837
|
return item['ORDER-NOTE'] || item['ORDER'] || item['ORDER-RETURN'];
|
|
5847
5838
|
}).map(function (item) {
|
|
5848
5839
|
return [item['ORDER-NOTE'], item['ORDER'], item['ORDER-RETURN']];
|
|
5849
|
-
});
|
|
5850
|
-
|
|
5851
|
-
// const orderNotesData = NotesData?.data[1]?.['ORDER-NOTE'] || [];
|
|
5852
|
-
// const allNotes = [...orderData, ...orderNotesData];
|
|
5853
|
-
var combinedArray = updatedData.flat();
|
|
5840
|
+
}).flat().filter(Boolean);
|
|
5841
|
+
var combinedArray = updatedData == null ? void 0 : updatedData.flat();
|
|
5854
5842
|
combinedArray.sort(function (a, b) {
|
|
5855
5843
|
return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
|
|
5856
5844
|
});
|
|
@@ -5859,11 +5847,20 @@ function Notes() {
|
|
|
5859
5847
|
}
|
|
5860
5848
|
setAuditLogLoading(NotesLoading);
|
|
5861
5849
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5862
|
-
|
|
5850
|
+
var handleGetLogs = function handleGetLogs() {
|
|
5851
|
+
setAuditLogs(true);
|
|
5852
|
+
setTimeout(function () {
|
|
5853
|
+
setAuditLogs(false);
|
|
5854
|
+
}, 1000);
|
|
5855
|
+
};
|
|
5856
|
+
return React.createElement(Container$E, null, React.createElement(CardHeader, null, "NOTES", React.createElement(SmallButton, {
|
|
5857
|
+
onClick: handleGetLogs
|
|
5858
|
+
}, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
5863
5859
|
}
|
|
5864
5860
|
var Container$E = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5865
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
5866
|
-
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$
|
|
5861
|
+
var CardHeader = /*#__PURE__*/styled.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"])));
|
|
5862
|
+
var CustomizedFormSection = /*#__PURE__*/styled.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"])));
|
|
5863
|
+
var SmallButton = /*#__PURE__*/styled.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"])));
|
|
5867
5864
|
|
|
5868
5865
|
var _templateObject$10;
|
|
5869
5866
|
// import styled from 'styled-components';
|
|
@@ -5888,7 +5885,7 @@ function ChevronUp(props) {
|
|
|
5888
5885
|
}));
|
|
5889
5886
|
}
|
|
5890
5887
|
|
|
5891
|
-
var _templateObject$11, _templateObject2$
|
|
5888
|
+
var _templateObject$11, _templateObject2$L, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2;
|
|
5892
5889
|
function CollapsableForm(props) {
|
|
5893
5890
|
var _useState = useState(true),
|
|
5894
5891
|
isExpanded = _useState[0],
|
|
@@ -5909,17 +5906,17 @@ function CollapsableForm(props) {
|
|
|
5909
5906
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
5910
5907
|
}
|
|
5911
5908
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.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"])));
|
|
5912
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5913
|
-
var Text$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5914
|
-
var Container$F = /*#__PURE__*/styled.div(_templateObject4$
|
|
5915
|
-
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject5$
|
|
5916
|
-
var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$
|
|
5909
|
+
var CardHeader$1 = /*#__PURE__*/styled.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"])));
|
|
5910
|
+
var Text$3 = /*#__PURE__*/styled.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"])));
|
|
5911
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5912
|
+
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5913
|
+
var IconContainer$1 = /*#__PURE__*/styled.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) {
|
|
5917
5914
|
return props.isExpanded ? '360deg' : '180deg';
|
|
5918
5915
|
});
|
|
5919
|
-
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
5920
|
-
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$
|
|
5916
|
+
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5917
|
+
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
5921
5918
|
|
|
5922
|
-
var _templateObject$12, _templateObject2$
|
|
5919
|
+
var _templateObject$12, _templateObject2$M, _templateObject3$m;
|
|
5923
5920
|
function CustomScrollBar(props) {
|
|
5924
5921
|
var children = props.children,
|
|
5925
5922
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5938,11 +5935,12 @@ function CustomScrollBar(props) {
|
|
|
5938
5935
|
}, children);
|
|
5939
5936
|
}
|
|
5940
5937
|
var ThumbVertical = /*#__PURE__*/styled.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"])));
|
|
5941
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
5942
|
-
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$
|
|
5938
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5939
|
+
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5943
5940
|
|
|
5944
|
-
var _templateObject$13, _templateObject2$
|
|
5945
|
-
|
|
5941
|
+
var _templateObject$13, _templateObject2$N, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3, _templateObject9$1;
|
|
5942
|
+
var selectedID = /*#__PURE__*/atom([]);
|
|
5943
|
+
function DynamicTable(_ref, props) {
|
|
5946
5944
|
var columns = _ref.columns,
|
|
5947
5945
|
data = _ref.data;
|
|
5948
5946
|
var tableColumns = useMemo(function () {
|
|
@@ -5959,45 +5957,54 @@ function DynamicTable(_ref) {
|
|
|
5959
5957
|
});
|
|
5960
5958
|
var rows = table.getRowModel().rows;
|
|
5961
5959
|
var headerGroups = table.getHeaderGroups();
|
|
5962
|
-
var
|
|
5963
|
-
var
|
|
5964
|
-
|
|
5965
|
-
|
|
5960
|
+
var action = props;
|
|
5961
|
+
var _useAtom = useAtom(selectedID),
|
|
5962
|
+
selectedRows = _useAtom[0];
|
|
5963
|
+
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'action'];
|
|
5964
|
+
var mediumColumns = ['date', 'reference', 'note', 'category'];
|
|
5965
|
+
var largeColumns = ['details', 'datetime'];
|
|
5966
|
+
var noFlexColumns = ['id'];
|
|
5967
|
+
return React.createElement(MainContainer$6, null, React.createElement(Container$G, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table, null, React.createElement(TableHead, null, headerGroups == null ? void 0 : headerGroups.map(function (headerGroup) {
|
|
5966
5968
|
return React.createElement(TableRow, {
|
|
5967
5969
|
key: headerGroup.id
|
|
5968
5970
|
}, headerGroup.headers.map(function (header) {
|
|
5969
5971
|
return React.createElement(TableHeadData, {
|
|
5970
|
-
className: "col \n
|
|
5972
|
+
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' : ''),
|
|
5971
5973
|
key: header.id,
|
|
5972
5974
|
onClick: header.column.getToggleSortingHandler()
|
|
5973
5975
|
}, flexRender(header.column.columnDef.header, header.getContext()));
|
|
5974
5976
|
}));
|
|
5975
|
-
})), React.createElement(TableBody, null, rows.length > 0 ? rows.map(function (row) {
|
|
5977
|
+
})), React.createElement(TableBody, null, (rows == null ? void 0 : rows.length) > 0 ? rows == null ? void 0 : rows.map(function (row) {
|
|
5978
|
+
var _selectedRows$filter;
|
|
5976
5979
|
return React.createElement(TableRow, {
|
|
5977
|
-
key: row.id
|
|
5980
|
+
key: row.id,
|
|
5981
|
+
className: "" + ((selectedRows == null ? void 0 : selectedRows.length) > 0 && selectedRows != null && (_selectedRows$filter = selectedRows.filter(function (f) {
|
|
5982
|
+
var _row$original;
|
|
5983
|
+
return (f == null ? void 0 : f.id) === (row == null || (_row$original = row.original) == null ? void 0 : _row$original.id);
|
|
5984
|
+
})) != null && _selectedRows$filter.length ? 'isSelectedRow' : '')
|
|
5978
5985
|
}, row.getVisibleCells().map(function (cell) {
|
|
5979
5986
|
return React.createElement(TableData, {
|
|
5980
|
-
className: "col \n
|
|
5987
|
+
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),
|
|
5981
5988
|
key: cell.id
|
|
5982
|
-
}, flexRender(cell.column.columnDef.cell, cell.getContext()
|
|
5989
|
+
}, flexRender(cell.column.columnDef.cell, _extends({}, cell.getContext(), {
|
|
5990
|
+
action: action
|
|
5991
|
+
})));
|
|
5983
5992
|
}));
|
|
5984
|
-
}) : React.createElement(
|
|
5993
|
+
}) : React.createElement(TableRow, null, React.createElement(TableData, {
|
|
5994
|
+
colSpan: columns.length
|
|
5995
|
+
}, "No entries found."))))))));
|
|
5985
5996
|
}
|
|
5986
|
-
// const ChevronUpIcon = styled(ChevronDownIcon)`
|
|
5987
|
-
// transform: rotate(180deg);
|
|
5988
|
-
// cursor: pointer;
|
|
5989
|
-
// `;
|
|
5990
5997
|
var Container$G = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5991
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
5992
|
-
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$
|
|
5993
|
-
var TableData = /*#__PURE__*/styled.td(_templateObject4$
|
|
5994
|
-
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$
|
|
5995
|
-
var TableBody = /*#__PURE__*/styled.tbody(_templateObject6$
|
|
5996
|
-
var TableHead = /*#__PURE__*/styled.thead(_templateObject7$
|
|
5997
|
-
var Table
|
|
5998
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject9$
|
|
5999
|
-
|
|
6000
|
-
var _templateObject$14, _templateObject2$
|
|
5998
|
+
var TableWrapper = /*#__PURE__*/styled.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"])));
|
|
5999
|
+
var TableHeadData = /*#__PURE__*/styled.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"])));
|
|
6000
|
+
var TableData = /*#__PURE__*/styled.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"])));
|
|
6001
|
+
var TableRow = /*#__PURE__*/styled.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"])));
|
|
6002
|
+
var TableBody = /*#__PURE__*/styled.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"])));
|
|
6003
|
+
var TableHead = /*#__PURE__*/styled.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"])));
|
|
6004
|
+
var Table = /*#__PURE__*/styled.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"])));
|
|
6005
|
+
var MainContainer$6 = /*#__PURE__*/styled.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"])));
|
|
6006
|
+
|
|
6007
|
+
var _templateObject$14, _templateObject2$O;
|
|
6001
6008
|
function Event(props) {
|
|
6002
6009
|
var _props$row;
|
|
6003
6010
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -6013,7 +6020,7 @@ function Event(props) {
|
|
|
6013
6020
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
6014
6021
|
}
|
|
6015
6022
|
var RowContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6016
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
6023
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6017
6024
|
|
|
6018
6025
|
//to change data into options
|
|
6019
6026
|
var transformOption = function transformOption(option, key) {
|
|
@@ -6060,25 +6067,25 @@ var priorityData = [{
|
|
|
6060
6067
|
color: '#E95252'
|
|
6061
6068
|
}];
|
|
6062
6069
|
|
|
6063
|
-
var _templateObject$15, _templateObject2$
|
|
6070
|
+
var _templateObject$15, _templateObject2$P;
|
|
6064
6071
|
function Date$1(props) {
|
|
6065
6072
|
var _props$row;
|
|
6066
6073
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6067
6074
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate$1(data)));
|
|
6068
6075
|
}
|
|
6069
6076
|
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6070
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6077
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6071
6078
|
|
|
6072
|
-
var _templateObject$16, _templateObject2$
|
|
6079
|
+
var _templateObject$16, _templateObject2$Q;
|
|
6073
6080
|
function Code(props) {
|
|
6074
6081
|
var _props$row;
|
|
6075
6082
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6076
6083
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
6077
6084
|
}
|
|
6078
6085
|
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6079
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6086
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6080
6087
|
|
|
6081
|
-
var _templateObject$17, _templateObject2$
|
|
6088
|
+
var _templateObject$17, _templateObject2$R;
|
|
6082
6089
|
function Note(props) {
|
|
6083
6090
|
var _props$row;
|
|
6084
6091
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6087,7 +6094,7 @@ function Note(props) {
|
|
|
6087
6094
|
}, React.createElement(Row$3, null, data));
|
|
6088
6095
|
}
|
|
6089
6096
|
var RowContainer$3 = /*#__PURE__*/styled.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"])));
|
|
6090
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6097
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6091
6098
|
|
|
6092
6099
|
var tableColumns = [{
|
|
6093
6100
|
header: 'Date',
|
|
@@ -6235,14 +6242,14 @@ function SystemLogs() {
|
|
|
6235
6242
|
useEffect(function () {
|
|
6236
6243
|
fetchReminderData();
|
|
6237
6244
|
}, [setNotesData]);
|
|
6238
|
-
return React.createElement(Table$
|
|
6245
|
+
return React.createElement(Table$1, null, React.createElement(CollapsableForm, {
|
|
6239
6246
|
collapsedContent: React.createElement(SystemCollapsedContent, null)
|
|
6240
6247
|
}, React.createElement(DynamicTable, {
|
|
6241
6248
|
columns: tableColumns,
|
|
6242
6249
|
data: systemLogs
|
|
6243
6250
|
})));
|
|
6244
6251
|
}
|
|
6245
|
-
var Table$
|
|
6252
|
+
var Table$1 = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6246
6253
|
|
|
6247
6254
|
var StatusOptions = [{
|
|
6248
6255
|
label: 'Released',
|
|
@@ -6399,7 +6406,7 @@ function ConfirmedIcon() {
|
|
|
6399
6406
|
}))));
|
|
6400
6407
|
}
|
|
6401
6408
|
|
|
6402
|
-
var _templateObject$19, _templateObject2$
|
|
6409
|
+
var _templateObject$19, _templateObject2$S, _templateObject3$o, _templateObject4$c;
|
|
6403
6410
|
function Status() {
|
|
6404
6411
|
var _useStatusDetails = useStatusDetails(),
|
|
6405
6412
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6446,9 +6453,9 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6446
6453
|
}
|
|
6447
6454
|
};
|
|
6448
6455
|
var BoxContainer = /*#__PURE__*/styled.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"])));
|
|
6449
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject2$
|
|
6450
|
-
var Container$H = /*#__PURE__*/styled.div(_templateObject3$
|
|
6451
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6456
|
+
var Heading = /*#__PURE__*/styled.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"])));
|
|
6457
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6458
|
+
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6452
6459
|
|
|
6453
6460
|
var _templateObject$1a;
|
|
6454
6461
|
// import DropDownOptions from './dropdowns';
|
|
@@ -6603,7 +6610,7 @@ var ProductTable = function ProductTable() {
|
|
|
6603
6610
|
};
|
|
6604
6611
|
var Container$I = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6605
6612
|
|
|
6606
|
-
var _templateObject$1c, _templateObject2$
|
|
6613
|
+
var _templateObject$1c, _templateObject2$T;
|
|
6607
6614
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
6608
6615
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6609
6616
|
var defaultSelectStyle = {
|
|
@@ -6714,9 +6721,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6714
6721
|
}));
|
|
6715
6722
|
};
|
|
6716
6723
|
var Container$J = /*#__PURE__*/styled.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"])));
|
|
6717
|
-
var Text$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6724
|
+
var Text$4 = /*#__PURE__*/styled.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"])));
|
|
6718
6725
|
|
|
6719
|
-
var _templateObject$1d, _templateObject2$
|
|
6726
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$p;
|
|
6720
6727
|
function ExpandedContent$2() {
|
|
6721
6728
|
var _response$data, _response$data2;
|
|
6722
6729
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -6794,17 +6801,17 @@ function ExpandedContent$2() {
|
|
|
6794
6801
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
6795
6802
|
}
|
|
6796
6803
|
var MidContainer = /*#__PURE__*/styled.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"])));
|
|
6797
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6798
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject3$
|
|
6804
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6805
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6799
6806
|
|
|
6800
|
-
var _templateObject$1e, _templateObject2$
|
|
6807
|
+
var _templateObject$1e, _templateObject2$V;
|
|
6801
6808
|
function CollapsedContent$1() {
|
|
6802
6809
|
return React.createElement(Container$L, null, React.createElement(SectionHeader, {
|
|
6803
6810
|
label: "Products"
|
|
6804
6811
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
6805
6812
|
}
|
|
6806
6813
|
var Dimensions = /*#__PURE__*/styled.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"])));
|
|
6807
|
-
var Container$L = /*#__PURE__*/styled.div(_templateObject2$
|
|
6814
|
+
var Container$L = /*#__PURE__*/styled.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"])));
|
|
6808
6815
|
|
|
6809
6816
|
function ProductsInfo() {
|
|
6810
6817
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6850,16 +6857,16 @@ function BackgroundModal(props) {
|
|
|
6850
6857
|
}
|
|
6851
6858
|
var Container$M = /*#__PURE__*/styled.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"])));
|
|
6852
6859
|
|
|
6853
|
-
var _templateObject$1g, _templateObject2$
|
|
6860
|
+
var _templateObject$1g, _templateObject2$W, _templateObject3$q, _templateObject4$d;
|
|
6854
6861
|
function AdditionalInformation(props) {
|
|
6855
6862
|
return React.createElement(Container$N, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
6856
6863
|
}
|
|
6857
6864
|
var Text$5 = /*#__PURE__*/styled.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"])));
|
|
6858
|
-
var Container$N = /*#__PURE__*/styled.div(_templateObject2$
|
|
6859
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
6860
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
6865
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6866
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6867
|
+
var AdditionalInfo = /*#__PURE__*/styled.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"])));
|
|
6861
6868
|
|
|
6862
|
-
var _templateObject$1h, _templateObject2$
|
|
6869
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$r, _templateObject4$e;
|
|
6863
6870
|
function OrderActionHeader(props) {
|
|
6864
6871
|
var title = props.title,
|
|
6865
6872
|
actions = props.actions,
|
|
@@ -6875,11 +6882,11 @@ function OrderActionHeader(props) {
|
|
|
6875
6882
|
}, React.createElement(CrossIcon, null)));
|
|
6876
6883
|
}
|
|
6877
6884
|
var Wrapper$f = /*#__PURE__*/styled.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"])));
|
|
6878
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6879
|
-
var Title$2 = /*#__PURE__*/styled.h3(_templateObject3$
|
|
6880
|
-
var Container$O = /*#__PURE__*/styled.div(_templateObject4$
|
|
6885
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6886
|
+
var Title$2 = /*#__PURE__*/styled.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"])));
|
|
6887
|
+
var Container$O = /*#__PURE__*/styled.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"])));
|
|
6881
6888
|
|
|
6882
|
-
var _templateObject$1i, _templateObject2$
|
|
6889
|
+
var _templateObject$1i, _templateObject2$Y;
|
|
6883
6890
|
function OrderActionFooter(props) {
|
|
6884
6891
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6885
6892
|
return React.createElement(Container$P, null, React.createElement(SubmitButton, {
|
|
@@ -6890,7 +6897,7 @@ function OrderActionFooter(props) {
|
|
|
6890
6897
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6891
6898
|
}
|
|
6892
6899
|
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6893
|
-
var Container$P = /*#__PURE__*/styled.div(_templateObject2$
|
|
6900
|
+
var Container$P = /*#__PURE__*/styled.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"])));
|
|
6894
6901
|
|
|
6895
6902
|
var _templateObject$1j;
|
|
6896
6903
|
function OrderActionModal(props) {
|
|
@@ -6909,11 +6916,11 @@ function OrderActionModal(props) {
|
|
|
6909
6916
|
}
|
|
6910
6917
|
var MainContainer$7 = /*#__PURE__*/styled.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"])));
|
|
6911
6918
|
|
|
6912
|
-
var _templateObject$1k, _templateObject2$
|
|
6919
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$s;
|
|
6913
6920
|
function OrderActionsDropdown(props) {
|
|
6914
6921
|
return React.createElement(Container$Q, {
|
|
6915
6922
|
className: props.className
|
|
6916
|
-
}, React.createElement(Label$1, null, props.label), React.createElement(AntSelect, {
|
|
6923
|
+
}, React.createElement(Label$1, null, props.label, props.required && React.createElement(RequiredAsterisk, null, "*")), React.createElement(AntSelect, {
|
|
6917
6924
|
options: props.options,
|
|
6918
6925
|
placeholder: props.placeholder,
|
|
6919
6926
|
onChange: props.onSelect,
|
|
@@ -6928,8 +6935,9 @@ function OrderActionsDropdown(props) {
|
|
|
6928
6935
|
defaultValue: props.value
|
|
6929
6936
|
}));
|
|
6930
6937
|
}
|
|
6931
|
-
var
|
|
6932
|
-
var
|
|
6938
|
+
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6939
|
+
var Label$1 = /*#__PURE__*/styled.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"])));
|
|
6940
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6933
6941
|
|
|
6934
6942
|
function DocumentTypeDropdown() {
|
|
6935
6943
|
var onSelect = function onSelect() {};
|
|
@@ -7009,7 +7017,7 @@ function UploadIcon(props) {
|
|
|
7009
7017
|
})));
|
|
7010
7018
|
}
|
|
7011
7019
|
|
|
7012
|
-
var _templateObject$1l, _templateObject2
|
|
7020
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$t, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6;
|
|
7013
7021
|
var Dragger = Upload.Dragger;
|
|
7014
7022
|
var props = {
|
|
7015
7023
|
name: 'file',
|
|
@@ -7037,14 +7045,14 @@ function DocFileUpload() {
|
|
|
7037
7045
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
7038
7046
|
}
|
|
7039
7047
|
var MainContainer$8 = /*#__PURE__*/styled.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"])));
|
|
7040
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2
|
|
7041
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7042
|
-
var Text1 = /*#__PURE__*/styled.p(_templateObject4$
|
|
7043
|
-
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7044
|
-
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$
|
|
7045
|
-
var Container$R = /*#__PURE__*/styled.div(_templateObject7$
|
|
7046
|
-
|
|
7047
|
-
var _templateObject$1m, _templateObject2
|
|
7048
|
+
var Text2 = /*#__PURE__*/styled.p(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7049
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
7050
|
+
var Text1 = /*#__PURE__*/styled.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"])));
|
|
7051
|
+
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
7052
|
+
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
7053
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
7054
|
+
|
|
7055
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$u, _templateObject4$g;
|
|
7048
7056
|
// import DocFileUpload from './DocFileUpload';
|
|
7049
7057
|
function AddResources() {
|
|
7050
7058
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7061,9 +7069,9 @@ function AddResources() {
|
|
|
7061
7069
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), React.createElement(DocFileUpload, null))));
|
|
7062
7070
|
}
|
|
7063
7071
|
var Label$2 = /*#__PURE__*/styled.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"])));
|
|
7064
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2
|
|
7065
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7066
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7072
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7073
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7074
|
+
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
7067
7075
|
|
|
7068
7076
|
var initialValue = {
|
|
7069
7077
|
due: undefined,
|
|
@@ -7201,11 +7209,11 @@ function useUpdateReminderData() {
|
|
|
7201
7209
|
return useAtom(reminderUpdatePayload);
|
|
7202
7210
|
}
|
|
7203
7211
|
|
|
7204
|
-
var _templateObject$1n, _templateObject2$
|
|
7212
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$v;
|
|
7205
7213
|
// Styled components
|
|
7206
7214
|
var StyledTableWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
7207
|
-
var StyledTable$
|
|
7208
|
-
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7215
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7216
|
+
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7209
7217
|
|
|
7210
7218
|
function SplitOrderTable() {
|
|
7211
7219
|
var _useProductDetails = useProductDetails(),
|
|
@@ -7221,10 +7229,12 @@ function SplitOrderTable() {
|
|
|
7221
7229
|
var _useSplitOrderPayload = useSplitOrderPayload(),
|
|
7222
7230
|
payload = _useSplitOrderPayload[0],
|
|
7223
7231
|
setPayload = _useSplitOrderPayload[1];
|
|
7232
|
+
// Handle Select All
|
|
7224
7233
|
var handleSelectAll = function handleSelectAll(e) {
|
|
7225
|
-
|
|
7226
|
-
|
|
7227
|
-
|
|
7234
|
+
var isChecked = e.target.checked;
|
|
7235
|
+
setSelectAll(isChecked);
|
|
7236
|
+
if (isChecked) {
|
|
7237
|
+
setSelectedSplit(orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7228
7238
|
return {
|
|
7229
7239
|
id: order.id
|
|
7230
7240
|
};
|
|
@@ -7238,15 +7248,13 @@ function SplitOrderTable() {
|
|
|
7238
7248
|
var isSelected = prevSelectedOrder == null ? void 0 : prevSelectedOrder.some(function (order) {
|
|
7239
7249
|
return order.id === id;
|
|
7240
7250
|
});
|
|
7241
|
-
|
|
7242
|
-
return
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
}
|
|
7246
|
-
|
|
7247
|
-
|
|
7248
|
-
}]);
|
|
7249
|
-
}
|
|
7251
|
+
var updatedSelection = isSelected ? prevSelectedOrder == null ? void 0 : prevSelectedOrder.filter(function (order) {
|
|
7252
|
+
return order.id !== id;
|
|
7253
|
+
}) : [].concat(prevSelectedOrder, [{
|
|
7254
|
+
id: id
|
|
7255
|
+
}]);
|
|
7256
|
+
setSelectAll((updatedSelection == null ? void 0 : updatedSelection.length) === (orderProductDetails == null ? void 0 : orderProductDetails.length));
|
|
7257
|
+
return updatedSelection;
|
|
7250
7258
|
});
|
|
7251
7259
|
};
|
|
7252
7260
|
useEffect(function () {
|
|
@@ -7257,12 +7265,13 @@ function SplitOrderTable() {
|
|
|
7257
7265
|
}),
|
|
7258
7266
|
force: true
|
|
7259
7267
|
}));
|
|
7260
|
-
}, [
|
|
7268
|
+
}, [selectedSplits, setPayload]);
|
|
7261
7269
|
return React.createElement(StyledTableWrapper$2, {
|
|
7262
7270
|
id: "tableScrolling"
|
|
7263
|
-
}, React.createElement(StyledTable$
|
|
7271
|
+
}, React.createElement(StyledTable$2, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(Checkbox$1, {
|
|
7264
7272
|
checked: selectAll,
|
|
7265
|
-
onChange: handleSelectAll
|
|
7273
|
+
onChange: handleSelectAll,
|
|
7274
|
+
disabled: (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 || (orderProductDetails == null ? void 0 : orderProductDetails.length) === null
|
|
7266
7275
|
})), React.createElement("th", null, "Type"), React.createElement("th", null, "Code"), React.createElement("th", null, "Scan"), React.createElement("th", null, "Description"), React.createElement("th", null, "Delivery Instructions"), React.createElement("th", null, "Barcode"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
7267
7276
|
colSpan: 6
|
|
7268
7277
|
}, React.createElement(Skeleton, {
|
|
@@ -7272,19 +7281,21 @@ function SplitOrderTable() {
|
|
|
7272
7281
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
7273
7282
|
className: "emptyTd",
|
|
7274
7283
|
colSpan: 7
|
|
7275
|
-
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty,
|
|
7284
|
+
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, {
|
|
7285
|
+
description: "No Data Found"
|
|
7286
|
+
})))) : (orderProductDetails == null ? void 0 : orderProductDetails.length) > 0 && (orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
7276
7287
|
var _order$order_product_;
|
|
7277
7288
|
return React.createElement("tr", {
|
|
7278
7289
|
key: order.id
|
|
7279
7290
|
}, React.createElement("td", null, React.createElement(Checkbox$1, {
|
|
7280
|
-
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (
|
|
7281
|
-
return
|
|
7291
|
+
checked: selectedSplits == null ? void 0 : selectedSplits.some(function (selectedOrder) {
|
|
7292
|
+
return selectedOrder.id === order.id;
|
|
7282
7293
|
}),
|
|
7283
7294
|
onChange: function onChange() {
|
|
7284
7295
|
return handleSelectedSplitList(order.id);
|
|
7285
7296
|
}
|
|
7286
7297
|
})), React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
7287
|
-
}))));
|
|
7298
|
+
})))));
|
|
7288
7299
|
}
|
|
7289
7300
|
|
|
7290
7301
|
var _templateObject$1o;
|
|
@@ -7311,12 +7322,30 @@ function SplitOrder() {
|
|
|
7311
7322
|
body: payload,
|
|
7312
7323
|
performAction: false
|
|
7313
7324
|
}),
|
|
7325
|
+
response = _useApiHook.data,
|
|
7314
7326
|
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
7315
7327
|
var onSubmitSplitOrder = function onSubmitSplitOrder() {
|
|
7316
7328
|
if (orderId) {
|
|
7317
7329
|
setPerformAction(true);
|
|
7330
|
+
//@ts-ignore
|
|
7331
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7332
|
+
notification.success({
|
|
7333
|
+
message: 'Success',
|
|
7334
|
+
description:
|
|
7335
|
+
//@ts-ignore
|
|
7336
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7337
|
+
});
|
|
7338
|
+
} else {
|
|
7339
|
+
// alert(response?.error_traceback);
|
|
7340
|
+
notification.error({
|
|
7341
|
+
message: 'Error',
|
|
7342
|
+
description:
|
|
7343
|
+
//@ts-ignore
|
|
7344
|
+
(response == null ? void 0 : response.message) || 'An error has occurred. Please try again later.'
|
|
7345
|
+
});
|
|
7346
|
+
}
|
|
7347
|
+
setSelectedSplit([]);
|
|
7318
7348
|
}
|
|
7319
|
-
setSelectedSplit([]);
|
|
7320
7349
|
};
|
|
7321
7350
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
7322
7351
|
if ((seledtedSplitOrder == null ? void 0 : seledtedSplitOrder.length) > 0) {
|
|
@@ -7366,7 +7395,7 @@ var fonts = {
|
|
|
7366
7395
|
secondary: "'Lato', sans-serif"
|
|
7367
7396
|
};
|
|
7368
7397
|
|
|
7369
|
-
var _templateObject$1p, _templateObject2$
|
|
7398
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$w;
|
|
7370
7399
|
function RadioButton(props) {
|
|
7371
7400
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
7372
7401
|
color: props.color
|
|
@@ -7378,14 +7407,14 @@ function RadioButton(props) {
|
|
|
7378
7407
|
}, props.label));
|
|
7379
7408
|
}
|
|
7380
7409
|
var Label$3 = /*#__PURE__*/styled.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);
|
|
7381
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
7410
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
7382
7411
|
return props.color || '#6396e5';
|
|
7383
7412
|
}, function (props) {
|
|
7384
7413
|
return props.color || '#6396e5';
|
|
7385
7414
|
});
|
|
7386
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7415
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7387
7416
|
|
|
7388
|
-
var _templateObject$1q, _templateObject2$
|
|
7417
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$x, _templateObject4$h, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
7389
7418
|
function RadioButtonGroup(props) {
|
|
7390
7419
|
var heading = props.heading,
|
|
7391
7420
|
_props$direction = props.direction,
|
|
@@ -7421,14 +7450,14 @@ function RadioButtonGroup(props) {
|
|
|
7421
7450
|
}, renderOptions()));
|
|
7422
7451
|
}
|
|
7423
7452
|
var Separator = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7424
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
7425
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
7453
|
+
var labelStyles = /*#__PURE__*/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);
|
|
7454
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7426
7455
|
return !props.$required && 'visibility: hidden;';
|
|
7427
7456
|
}, labelStyles);
|
|
7428
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7429
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
7430
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
7431
|
-
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject7$
|
|
7457
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
7458
|
+
var Legend = /*#__PURE__*/styled.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);
|
|
7459
|
+
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
7460
|
+
var Wrapper$g = /*#__PURE__*/styled.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) {
|
|
7432
7461
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7433
7462
|
});
|
|
7434
7463
|
|
|
@@ -7465,7 +7494,7 @@ function DeliveryPoint() {
|
|
|
7465
7494
|
}
|
|
7466
7495
|
var Container$S = /*#__PURE__*/styled.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"])));
|
|
7467
7496
|
|
|
7468
|
-
var _templateObject$1s, _templateObject2$
|
|
7497
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$y, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8, _templateObject8$4;
|
|
7469
7498
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7470
7499
|
function Checkbox(props) {
|
|
7471
7500
|
var imageSrc = props.imageSrc,
|
|
@@ -7489,17 +7518,17 @@ function Checkbox(props) {
|
|
|
7489
7518
|
var Image = /*#__PURE__*/styled.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7490
7519
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7491
7520
|
});
|
|
7492
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
7493
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
7521
|
+
var CircleContainer = /*#__PURE__*/styled.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"])));
|
|
7522
|
+
var Circle = /*#__PURE__*/styled.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) {
|
|
7494
7523
|
return props.$checked ? '#feba30' : 'white';
|
|
7495
7524
|
});
|
|
7496
|
-
var Text$6 = /*#__PURE__*/styled.span(_templateObject4$
|
|
7525
|
+
var Text$6 = /*#__PURE__*/styled.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) {
|
|
7497
7526
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
7498
7527
|
});
|
|
7499
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
7500
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
7501
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
7502
|
-
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject8$
|
|
7528
|
+
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
7529
|
+
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7530
|
+
var HiddenCheckbox = /*#__PURE__*/styled.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"])));
|
|
7531
|
+
var MainContainer$9 = /*#__PURE__*/styled.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) {
|
|
7503
7532
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
7504
7533
|
});
|
|
7505
7534
|
|
|
@@ -7553,7 +7582,7 @@ function OrderServices$1() {
|
|
|
7553
7582
|
}
|
|
7554
7583
|
var Container$T = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7555
7584
|
|
|
7556
|
-
var _templateObject$1u, _templateObject2$
|
|
7585
|
+
var _templateObject$1u, _templateObject2$14;
|
|
7557
7586
|
function Notes$1(_ref) {
|
|
7558
7587
|
var onNotesChange = _ref.onNotesChange;
|
|
7559
7588
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7565,9 +7594,9 @@ function Notes$1(_ref) {
|
|
|
7565
7594
|
}));
|
|
7566
7595
|
}
|
|
7567
7596
|
var Label$4 = /*#__PURE__*/styled.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"])));
|
|
7568
|
-
var Container$U = /*#__PURE__*/styled.div(_templateObject2$
|
|
7597
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7569
7598
|
|
|
7570
|
-
var _templateObject$1v, _templateObject2$
|
|
7599
|
+
var _templateObject$1v, _templateObject2$15, _templateObject3$z;
|
|
7571
7600
|
function LogServiceRefusal() {
|
|
7572
7601
|
var _useCurrentAction = useCurrentAction(),
|
|
7573
7602
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7588,8 +7617,8 @@ function LogServiceRefusal() {
|
|
|
7588
7617
|
}))));
|
|
7589
7618
|
}
|
|
7590
7619
|
var ContentContainer$2 = /*#__PURE__*/styled.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"])));
|
|
7591
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
7592
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
7620
|
+
var Left = /*#__PURE__*/styled.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"])));
|
|
7621
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7593
7622
|
|
|
7594
7623
|
function ReturnAction() {
|
|
7595
7624
|
var onSelect = function onSelect() {};
|
|
@@ -7615,7 +7644,7 @@ function ReturnReason() {
|
|
|
7615
7644
|
});
|
|
7616
7645
|
}
|
|
7617
7646
|
|
|
7618
|
-
var _templateObject$1w, _templateObject2$
|
|
7647
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$A, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5, _templateObject9$2;
|
|
7619
7648
|
function CancelOrder() {
|
|
7620
7649
|
var _orderStaticData$canc;
|
|
7621
7650
|
var _useOrderId = useOrderId(),
|
|
@@ -7678,6 +7707,12 @@ function CancelOrder() {
|
|
|
7678
7707
|
//@ts-ignore
|
|
7679
7708
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
7680
7709
|
setShouldPerformAction(true);
|
|
7710
|
+
notification.success({
|
|
7711
|
+
message: 'Success',
|
|
7712
|
+
description:
|
|
7713
|
+
//@ts-ignore
|
|
7714
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
7715
|
+
});
|
|
7681
7716
|
} else {
|
|
7682
7717
|
// alert(response?.error_traceback);
|
|
7683
7718
|
notification.error({
|
|
@@ -7714,28 +7749,36 @@ function CancelOrder() {
|
|
|
7714
7749
|
submitBtnTitle: "Save Details",
|
|
7715
7750
|
isSubmitDisabled: !showSubmitBtn
|
|
7716
7751
|
}, React.createElement(ContentContainer$3, null, React.createElement(Top$2, null, React.createElement(TopLeft, null, React.createElement(OrderActionsDropdown, {
|
|
7752
|
+
required: true,
|
|
7717
7753
|
label: "Cancelation Reason",
|
|
7718
7754
|
placeholder: "Select Cancelation Reason",
|
|
7719
7755
|
options: cancelReasonOptions || [],
|
|
7720
7756
|
onSelect: onSelectCancelReason,
|
|
7721
7757
|
value: cancelReason
|
|
7722
|
-
}), React.createElement(Wrapper$h, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$V, null, React.createElement(
|
|
7758
|
+
}), React.createElement(Wrapper$h, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$V, null, React.createElement("div", {
|
|
7759
|
+
style: {
|
|
7760
|
+
display: 'flex',
|
|
7761
|
+
flexDirection: 'row'
|
|
7762
|
+
}
|
|
7763
|
+
}, React.createElement(Label$5, null, "Cancelation Note"), ' ', React.createElement(RequiredAsterisk$1, null, "*")), React.createElement(TArea, {
|
|
7723
7764
|
rows: 5,
|
|
7724
7765
|
onChange: onChangeNotes,
|
|
7725
7766
|
value: cancelNotes,
|
|
7726
7767
|
placeholder: "Reason for Cancel Order"
|
|
7727
7768
|
}))))));
|
|
7728
7769
|
}
|
|
7729
|
-
var
|
|
7730
|
-
var
|
|
7731
|
-
var
|
|
7732
|
-
var
|
|
7733
|
-
var
|
|
7734
|
-
var
|
|
7770
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
7771
|
+
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
7772
|
+
var Label$5 = /*#__PURE__*/styled.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"])));
|
|
7773
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7774
|
+
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7775
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
7776
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
7777
|
+
var Top$2 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
7735
7778
|
// const Bottom = styled.div``;
|
|
7736
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(
|
|
7779
|
+
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
7737
7780
|
|
|
7738
|
-
var _templateObject$1x, _templateObject2$
|
|
7781
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$B;
|
|
7739
7782
|
function EmailAddress() {
|
|
7740
7783
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7741
7784
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7777,10 +7820,10 @@ function EmailAddress() {
|
|
|
7777
7820
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
7778
7821
|
}
|
|
7779
7822
|
var Label$6 = /*#__PURE__*/styled.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"])));
|
|
7780
|
-
var Container$W = /*#__PURE__*/styled.div(_templateObject2$
|
|
7781
|
-
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7823
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7824
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7782
7825
|
|
|
7783
|
-
var _templateObject$1y, _templateObject2$
|
|
7826
|
+
var _templateObject$1y, _templateObject2$18, _templateObject3$C;
|
|
7784
7827
|
function ContactPhone() {
|
|
7785
7828
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7786
7829
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7842,10 +7885,10 @@ function ContactPhone() {
|
|
|
7842
7885
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7843
7886
|
}
|
|
7844
7887
|
var Label$7 = /*#__PURE__*/styled.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"])));
|
|
7845
|
-
var Container$X = /*#__PURE__*/styled.div(_templateObject2$
|
|
7846
|
-
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7888
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7889
|
+
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7847
7890
|
|
|
7848
|
-
var _templateObject$1z, _templateObject2$
|
|
7891
|
+
var _templateObject$1z, _templateObject2$19, _templateObject3$D;
|
|
7849
7892
|
function ContactWork$1() {
|
|
7850
7893
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7851
7894
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7907,10 +7950,10 @@ function ContactWork$1() {
|
|
|
7907
7950
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
7908
7951
|
}
|
|
7909
7952
|
var Label$8 = /*#__PURE__*/styled.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"])));
|
|
7910
|
-
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$
|
|
7911
|
-
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7953
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7954
|
+
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7912
7955
|
|
|
7913
|
-
var _templateObject$1A, _templateObject2$
|
|
7956
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$E;
|
|
7914
7957
|
function ContactMobile$1() {
|
|
7915
7958
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7916
7959
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7972,8 +8015,8 @@ function ContactMobile$1() {
|
|
|
7972
8015
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
7973
8016
|
}
|
|
7974
8017
|
var Label$9 = /*#__PURE__*/styled.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"])));
|
|
7975
|
-
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$
|
|
7976
|
-
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8018
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8019
|
+
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7977
8020
|
|
|
7978
8021
|
function ContactTypeDropdown() {
|
|
7979
8022
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -8039,7 +8082,7 @@ function ActionDropdown() {
|
|
|
8039
8082
|
});
|
|
8040
8083
|
}
|
|
8041
8084
|
|
|
8042
|
-
var _templateObject$1B, _templateObject2$
|
|
8085
|
+
var _templateObject$1B, _templateObject2$1b;
|
|
8043
8086
|
function DeliveryDate$1() {
|
|
8044
8087
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8045
8088
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8076,7 +8119,7 @@ function DeliveryDate$1() {
|
|
|
8076
8119
|
}));
|
|
8077
8120
|
}
|
|
8078
8121
|
var Label$a = /*#__PURE__*/styled.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"])));
|
|
8079
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$
|
|
8122
|
+
var Container$_ = /*#__PURE__*/styled.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"])));
|
|
8080
8123
|
|
|
8081
8124
|
function convertTo12HourFormat$1(time24) {
|
|
8082
8125
|
var _time24$split, _minutes$toString;
|
|
@@ -8125,7 +8168,7 @@ function TimedServiceDropdown$1() {
|
|
|
8125
8168
|
});
|
|
8126
8169
|
}
|
|
8127
8170
|
|
|
8128
|
-
var _templateObject$1C, _templateObject2$
|
|
8171
|
+
var _templateObject$1C, _templateObject2$1c, _templateObject3$F, _templateObject4$k;
|
|
8129
8172
|
function CustomerInformation() {
|
|
8130
8173
|
var _orderDetails$order_r;
|
|
8131
8174
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8133,11 +8176,11 @@ function CustomerInformation() {
|
|
|
8133
8176
|
return React.createElement(Container$$, null, React.createElement(Title$3, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$i, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$i, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$i, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$i, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
8134
8177
|
}
|
|
8135
8178
|
var Wrapper$i = /*#__PURE__*/styled.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"])));
|
|
8136
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
8137
|
-
var Title$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8138
|
-
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$
|
|
8179
|
+
var AddressField = /*#__PURE__*/styled.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"])));
|
|
8180
|
+
var Title$3 = /*#__PURE__*/styled.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"])));
|
|
8181
|
+
var Container$$ = /*#__PURE__*/styled.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"])));
|
|
8139
8182
|
|
|
8140
|
-
var _templateObject$1D, _templateObject2$
|
|
8183
|
+
var _templateObject$1D, _templateObject2$1d;
|
|
8141
8184
|
function ProductTable$1() {
|
|
8142
8185
|
var _useProductDetails = useProductDetails(),
|
|
8143
8186
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8146,7 +8189,7 @@ function ProductTable$1() {
|
|
|
8146
8189
|
if (!orderProductDetails) {
|
|
8147
8190
|
return null;
|
|
8148
8191
|
}
|
|
8149
|
-
return React.createElement(Container$10, null, React.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$
|
|
8192
|
+
return React.createElement(Container$10, null, React.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$2, {
|
|
8150
8193
|
className: "scrollClass"
|
|
8151
8194
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
8152
8195
|
colSpan: 6
|
|
@@ -8165,9 +8208,9 @@ function ProductTable$1() {
|
|
|
8165
8208
|
})))));
|
|
8166
8209
|
}
|
|
8167
8210
|
var Title$4 = /*#__PURE__*/styled.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"])));
|
|
8168
|
-
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8211
|
+
var Container$10 = /*#__PURE__*/styled.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"])));
|
|
8169
8212
|
|
|
8170
|
-
var _templateObject$1E, _templateObject2$
|
|
8213
|
+
var _templateObject$1E, _templateObject2$1e;
|
|
8171
8214
|
function NotesTable() {
|
|
8172
8215
|
var _useState = useState(null),
|
|
8173
8216
|
moduleIds = _useState[0],
|
|
@@ -8220,7 +8263,7 @@ function NotesTable() {
|
|
|
8220
8263
|
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
8221
8264
|
useEffect(function () {
|
|
8222
8265
|
setNoteLoadingStore(true);
|
|
8223
|
-
if (moduleIds
|
|
8266
|
+
if (moduleIds) {
|
|
8224
8267
|
setShouldPerformAction(true);
|
|
8225
8268
|
}
|
|
8226
8269
|
if (!NotesLoading && NotesData != null && NotesData.data) {
|
|
@@ -8235,7 +8278,7 @@ function NotesTable() {
|
|
|
8235
8278
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8236
8279
|
return null;
|
|
8237
8280
|
}
|
|
8238
|
-
return React.createElement(Container$11, null, React.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$
|
|
8281
|
+
return React.createElement(Container$11, null, React.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(CustomScrollBar, null, React.createElement(StyledTable$2, {
|
|
8239
8282
|
className: "scrollClass"
|
|
8240
8283
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
8241
8284
|
colSpan: 6
|
|
@@ -8259,12 +8302,12 @@ function NotesTable() {
|
|
|
8259
8302
|
__html: order == null ? void 0 : order.description
|
|
8260
8303
|
}
|
|
8261
8304
|
}));
|
|
8262
|
-
})))));
|
|
8305
|
+
}))))));
|
|
8263
8306
|
}
|
|
8264
8307
|
var Title$5 = /*#__PURE__*/styled.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"])));
|
|
8265
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8308
|
+
var Container$11 = /*#__PURE__*/styled.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"])));
|
|
8266
8309
|
|
|
8267
|
-
var _templateObject$1F, _templateObject2$
|
|
8310
|
+
var _templateObject$1F, _templateObject2$1f;
|
|
8268
8311
|
function ConfirmationNotes() {
|
|
8269
8312
|
return React.createElement(Container$12, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
8270
8313
|
rows: 5,
|
|
@@ -8272,9 +8315,9 @@ function ConfirmationNotes() {
|
|
|
8272
8315
|
}));
|
|
8273
8316
|
}
|
|
8274
8317
|
var Label$b = /*#__PURE__*/styled.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"])));
|
|
8275
|
-
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8318
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8276
8319
|
|
|
8277
|
-
var _templateObject$1G, _templateObject2$
|
|
8320
|
+
var _templateObject$1G, _templateObject2$1g;
|
|
8278
8321
|
function DeliveryInstructions$1() {
|
|
8279
8322
|
return React.createElement(Container$13, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
8280
8323
|
rows: 5,
|
|
@@ -8282,9 +8325,9 @@ function DeliveryInstructions$1() {
|
|
|
8282
8325
|
}));
|
|
8283
8326
|
}
|
|
8284
8327
|
var Label$c = /*#__PURE__*/styled.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"])));
|
|
8285
|
-
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8328
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8286
8329
|
|
|
8287
|
-
var _templateObject$1H, _templateObject2$
|
|
8330
|
+
var _templateObject$1H, _templateObject2$1h;
|
|
8288
8331
|
function ContactWith() {
|
|
8289
8332
|
return React.createElement(Container$14, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
8290
8333
|
style: {
|
|
@@ -8293,9 +8336,9 @@ function ContactWith() {
|
|
|
8293
8336
|
}));
|
|
8294
8337
|
}
|
|
8295
8338
|
var Label$d = /*#__PURE__*/styled.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"])));
|
|
8296
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8339
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8297
8340
|
|
|
8298
|
-
var _templateObject$1I, _templateObject2$
|
|
8341
|
+
var _templateObject$1I, _templateObject2$1i, _templateObject3$G, _templateObject4$l;
|
|
8299
8342
|
function SlotAndInstructions() {
|
|
8300
8343
|
var _orderDetails$order_r;
|
|
8301
8344
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -8303,11 +8346,11 @@ function SlotAndInstructions() {
|
|
|
8303
8346
|
return React.createElement(Container$15, null, React.createElement(Slot, null, React.createElement(Title$6, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
8304
8347
|
}
|
|
8305
8348
|
var Value = /*#__PURE__*/styled.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"])));
|
|
8306
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
8307
|
-
var Title$6 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8308
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8349
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8350
|
+
var Title$6 = /*#__PURE__*/styled.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"])));
|
|
8351
|
+
var Container$15 = /*#__PURE__*/styled.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"])));
|
|
8309
8352
|
|
|
8310
|
-
var _templateObject$1J, _templateObject2$
|
|
8353
|
+
var _templateObject$1J, _templateObject2$1j;
|
|
8311
8354
|
// import { filterObject } from '../../../utils';
|
|
8312
8355
|
function ConfirmOrder() {
|
|
8313
8356
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8485,20 +8528,20 @@ function ConfirmOrder() {
|
|
|
8485
8528
|
}, React.createElement(ContentContainer$4, null, React.createElement(Wrapper$j, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
8486
8529
|
}
|
|
8487
8530
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8488
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8489
|
-
|
|
8490
|
-
var _templateObject2$
|
|
8491
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
8492
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
8493
|
-
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
8494
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
8495
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$
|
|
8496
|
-
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
8531
|
+
var ContentContainer$4 = /*#__PURE__*/styled.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"])));
|
|
8532
|
+
|
|
8533
|
+
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;
|
|
8534
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8535
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(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"])));
|
|
8536
|
+
var StyledTextAreas = /*#__PURE__*/styled(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"])));
|
|
8537
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
8538
|
+
var SplitText = /*#__PURE__*/styled.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"])));
|
|
8539
|
+
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
8497
8540
|
var HoldRow = /*#__PURE__*/styled.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"])));
|
|
8498
8541
|
var Label$e = /*#__PURE__*/styled.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"])));
|
|
8499
8542
|
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
8500
8543
|
var HoldContentContainer = /*#__PURE__*/styled.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"])));
|
|
8501
|
-
var Container$16 = /*#__PURE__*/styled.div(_templateObject12
|
|
8544
|
+
var Container$16 = /*#__PURE__*/styled.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"])));
|
|
8502
8545
|
var StaticText = /*#__PURE__*/styled.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"])));
|
|
8503
8546
|
var ImageCircle = /*#__PURE__*/styled.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"])));
|
|
8504
8547
|
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -8583,6 +8626,9 @@ var optionsMenu = [{
|
|
|
8583
8626
|
}, {
|
|
8584
8627
|
label: 'Un Hold',
|
|
8585
8628
|
value: 'unhold-order'
|
|
8629
|
+
}, {
|
|
8630
|
+
label: 'Un-Cancel',
|
|
8631
|
+
value: 'uncancel-order'
|
|
8586
8632
|
}];
|
|
8587
8633
|
var PrintMenu = [{
|
|
8588
8634
|
label: 'Return Notes',
|
|
@@ -9185,7 +9231,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9185
9231
|
};
|
|
9186
9232
|
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9187
9233
|
|
|
9188
|
-
var _templateObject$1L, _templateObject2$
|
|
9234
|
+
var _templateObject$1L, _templateObject2$1l;
|
|
9189
9235
|
function AssigneeDropdown() {
|
|
9190
9236
|
var handleSelectChange = function handleSelectChange() {
|
|
9191
9237
|
// alert('hello');
|
|
@@ -9208,7 +9254,7 @@ function AssigneeDropdown() {
|
|
|
9208
9254
|
}));
|
|
9209
9255
|
}
|
|
9210
9256
|
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9211
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled(AntSelect)(_templateObject2$
|
|
9257
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled(AntSelect)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9212
9258
|
|
|
9213
9259
|
var DatePickerIcon = function DatePickerIcon() {
|
|
9214
9260
|
return React.createElement("svg", {
|
|
@@ -9226,11 +9272,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9226
9272
|
}));
|
|
9227
9273
|
};
|
|
9228
9274
|
|
|
9229
|
-
var _templateObject$1M, _templateObject2$
|
|
9275
|
+
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;
|
|
9230
9276
|
var ReferenceContainer = /*#__PURE__*/styled.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"])));
|
|
9231
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
9232
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
9233
|
-
var StyledText$1 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
9277
|
+
var InnerContainer = /*#__PURE__*/styled.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"])));
|
|
9278
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9279
|
+
var StyledText$1 = /*#__PURE__*/styled(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"])));
|
|
9234
9280
|
var StyledDateContainer = /*#__PURE__*/styled.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"])));
|
|
9235
9281
|
var TimeWrapper = /*#__PURE__*/styled.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"])));
|
|
9236
9282
|
var StyledTime = /*#__PURE__*/styled(Input$1)(_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"])));
|
|
@@ -9321,7 +9367,7 @@ function useFetchSingleReminderData() {
|
|
|
9321
9367
|
return res;
|
|
9322
9368
|
}
|
|
9323
9369
|
|
|
9324
|
-
var _templateObject$1N, _templateObject2$
|
|
9370
|
+
var _templateObject$1N, _templateObject2$1n, _templateObject3$J, _templateObject4$o;
|
|
9325
9371
|
function StatusIndicator(props) {
|
|
9326
9372
|
var statusColor = getStatusColor(props.status);
|
|
9327
9373
|
return React.createElement(Container$17, null, React.createElement(StatusCircleContainer, {
|
|
@@ -9335,11 +9381,11 @@ function StatusIndicator(props) {
|
|
|
9335
9381
|
var StatusCircleContainer = /*#__PURE__*/styled.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) {
|
|
9336
9382
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9337
9383
|
});
|
|
9338
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
9384
|
+
var StatusCircle = /*#__PURE__*/styled.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) {
|
|
9339
9385
|
return props.color;
|
|
9340
9386
|
});
|
|
9341
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9342
|
-
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$
|
|
9387
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9388
|
+
var Text$7 = /*#__PURE__*/styled.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) {
|
|
9343
9389
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9344
9390
|
});
|
|
9345
9391
|
|
|
@@ -9501,7 +9547,7 @@ function useFetchReminders() {
|
|
|
9501
9547
|
return perform;
|
|
9502
9548
|
}
|
|
9503
9549
|
|
|
9504
|
-
var _templateObject$1O, _templateObject2$
|
|
9550
|
+
var _templateObject$1O, _templateObject2$1o, _templateObject3$K, _templateObject4$p, _templateObject5$f, _templateObject6$9, _templateObject7$b;
|
|
9505
9551
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9506
9552
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9507
9553
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9658,19 +9704,19 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9658
9704
|
}))))));
|
|
9659
9705
|
};
|
|
9660
9706
|
var StyledWrapper = /*#__PURE__*/styled.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"])));
|
|
9661
|
-
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
9662
|
-
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$
|
|
9663
|
-
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$
|
|
9664
|
-
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$
|
|
9665
|
-
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$
|
|
9666
|
-
var LabelText = /*#__PURE__*/styled.span(_templateObject7$
|
|
9667
|
-
|
|
9668
|
-
var _templateObject$1P, _templateObject3$
|
|
9707
|
+
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9708
|
+
var StyledSpan = /*#__PURE__*/styled.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"])));
|
|
9709
|
+
var StyledCheckbox = /*#__PURE__*/styled.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"])));
|
|
9710
|
+
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
9711
|
+
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9712
|
+
var LabelText = /*#__PURE__*/styled.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"])));
|
|
9713
|
+
|
|
9714
|
+
var _templateObject$1P, _templateObject3$L, _templateObject5$g, _templateObject7$c, _templateObject8$8, _templateObject9$4;
|
|
9669
9715
|
// Shared styles and components
|
|
9670
9716
|
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9671
|
-
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
9672
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject5$
|
|
9673
|
-
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$
|
|
9717
|
+
var SplitContainer = /*#__PURE__*/styled.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"])));
|
|
9718
|
+
var Label$f = /*#__PURE__*/styled.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"])));
|
|
9719
|
+
var ContentContainer$6 = /*#__PURE__*/styled.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"])));
|
|
9674
9720
|
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9675
9721
|
var DoubleDropdownContainer = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
9676
9722
|
var FormRow = function FormRow(_ref) {
|
|
@@ -9686,7 +9732,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9686
9732
|
}, " * ")), children);
|
|
9687
9733
|
};
|
|
9688
9734
|
|
|
9689
|
-
var _templateObject$1Q, _templateObject2$
|
|
9735
|
+
var _templateObject$1Q, _templateObject2$1p, _templateObject3$M, _templateObject4$q, _templateObject5$h;
|
|
9690
9736
|
dayjs.extend(utc);
|
|
9691
9737
|
dayjs.extend(isValid);
|
|
9692
9738
|
function CreateReminderModal() {
|
|
@@ -9910,10 +9956,10 @@ function CreateReminderModal() {
|
|
|
9910
9956
|
})));
|
|
9911
9957
|
}
|
|
9912
9958
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9913
|
-
var Label$g = /*#__PURE__*/styled.label(_templateObject2$
|
|
9914
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject3$
|
|
9915
|
-
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
9916
|
-
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$
|
|
9959
|
+
var Label$g = /*#__PURE__*/styled.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"])));
|
|
9960
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9961
|
+
var StyledTextArea$2 = /*#__PURE__*/styled(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"])));
|
|
9962
|
+
var StyledLink = /*#__PURE__*/styled.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"])));
|
|
9917
9963
|
|
|
9918
9964
|
function useCreateReminder() {
|
|
9919
9965
|
var ssoToken = getCookie('id_token');
|
|
@@ -10184,7 +10230,7 @@ function TaskReminderModal() {
|
|
|
10184
10230
|
}
|
|
10185
10231
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10186
10232
|
|
|
10187
|
-
var _templateObject$1S, _templateObject2$
|
|
10233
|
+
var _templateObject$1S, _templateObject2$1q;
|
|
10188
10234
|
function OrderLock() {
|
|
10189
10235
|
var _useCurrentAction = useCurrentAction(),
|
|
10190
10236
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10238,7 +10284,7 @@ function OrderLock() {
|
|
|
10238
10284
|
});
|
|
10239
10285
|
}
|
|
10240
10286
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10241
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
10287
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10242
10288
|
|
|
10243
10289
|
function useUpdateFlag() {
|
|
10244
10290
|
var ssoToken = getCookie('id_token');
|
|
@@ -10308,7 +10354,7 @@ function useUpdateFlag() {
|
|
|
10308
10354
|
return create;
|
|
10309
10355
|
}
|
|
10310
10356
|
|
|
10311
|
-
var _templateObject$1T, _templateObject2$
|
|
10357
|
+
var _templateObject$1T, _templateObject2$1r, _templateObject3$N, _templateObject4$r, _templateObject5$i, _templateObject6$a;
|
|
10312
10358
|
function HeaderSection() {
|
|
10313
10359
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10314
10360
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10379,13 +10425,13 @@ function HeaderSection() {
|
|
|
10379
10425
|
})));
|
|
10380
10426
|
}
|
|
10381
10427
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10382
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
10383
|
-
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
10384
|
-
var Title$7 = /*#__PURE__*/styled.span(_templateObject4$
|
|
10385
|
-
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$
|
|
10386
|
-
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
10428
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10429
|
+
var ResolveButton = /*#__PURE__*/styled.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"])));
|
|
10430
|
+
var Title$7 = /*#__PURE__*/styled.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"])));
|
|
10431
|
+
var StyledOverlay = /*#__PURE__*/styled.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"])));
|
|
10432
|
+
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10387
10433
|
|
|
10388
|
-
var _templateObject$1U, _templateObject2$
|
|
10434
|
+
var _templateObject$1U, _templateObject2$1s;
|
|
10389
10435
|
function TextSection() {
|
|
10390
10436
|
var _useSinglePayload = useSinglePayload(),
|
|
10391
10437
|
payload = _useSinglePayload[0],
|
|
@@ -10404,9 +10450,9 @@ function TextSection() {
|
|
|
10404
10450
|
}));
|
|
10405
10451
|
}
|
|
10406
10452
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10407
|
-
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10453
|
+
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10408
10454
|
|
|
10409
|
-
var _templateObject$1V, _templateObject2$
|
|
10455
|
+
var _templateObject$1V, _templateObject2$1t;
|
|
10410
10456
|
function ButtonsSection() {
|
|
10411
10457
|
var _useSinglePayload = useSinglePayload(),
|
|
10412
10458
|
payload = _useSinglePayload[0],
|
|
@@ -10498,9 +10544,9 @@ function ButtonsSection() {
|
|
|
10498
10544
|
}))));
|
|
10499
10545
|
}
|
|
10500
10546
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10501
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject2$
|
|
10547
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10502
10548
|
|
|
10503
|
-
var _templateObject$1W, _templateObject2$
|
|
10549
|
+
var _templateObject$1W, _templateObject2$1u, _templateObject3$O, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10504
10550
|
function ActionSection() {
|
|
10505
10551
|
var _useCurrentAction = useCurrentAction(),
|
|
10506
10552
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10587,13 +10633,13 @@ function RadioButtonsSection() {
|
|
|
10587
10633
|
}));
|
|
10588
10634
|
}
|
|
10589
10635
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10590
|
-
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$
|
|
10591
|
-
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$
|
|
10592
|
-
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$
|
|
10593
|
-
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
10594
|
-
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$
|
|
10636
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10637
|
+
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10638
|
+
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10639
|
+
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10640
|
+
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10595
10641
|
|
|
10596
|
-
var _templateObject$1X, _templateObject2$
|
|
10642
|
+
var _templateObject$1X, _templateObject2$1v, _templateObject3$P, _templateObject4$t, _templateObject5$k;
|
|
10597
10643
|
function DetailSection() {
|
|
10598
10644
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10599
10645
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10606,10 +10652,10 @@ function DetailSection() {
|
|
|
10606
10652
|
}), React.createElement(Order, null, orderColumnData)));
|
|
10607
10653
|
}
|
|
10608
10654
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10609
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10610
|
-
var Ref = /*#__PURE__*/styled.div(_templateObject3$
|
|
10611
|
-
var Order = /*#__PURE__*/styled.div(_templateObject4$
|
|
10612
|
-
var StyledLabel$2 = /*#__PURE__*/styled(Label$h)(_templateObject5$
|
|
10655
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10656
|
+
var Ref = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10657
|
+
var Order = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10658
|
+
var StyledLabel$2 = /*#__PURE__*/styled(Label$h)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
10613
10659
|
|
|
10614
10660
|
function useFetchSingleFlagsData() {
|
|
10615
10661
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -10691,7 +10737,7 @@ function useFetchSingleFlagsData() {
|
|
|
10691
10737
|
return res;
|
|
10692
10738
|
}
|
|
10693
10739
|
|
|
10694
|
-
var _templateObject$1Y, _templateObject2$
|
|
10740
|
+
var _templateObject$1Y, _templateObject2$1w, _templateObject3$Q;
|
|
10695
10741
|
function ViewFlag() {
|
|
10696
10742
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10697
10743
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10789,8 +10835,8 @@ function ViewFlag() {
|
|
|
10789
10835
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
10790
10836
|
}
|
|
10791
10837
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10792
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
10793
|
-
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$
|
|
10838
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10839
|
+
var MainContainer$a = /*#__PURE__*/styled.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"])));
|
|
10794
10840
|
|
|
10795
10841
|
var _templateObject$1Z;
|
|
10796
10842
|
function ReleaseOrder() {
|
|
@@ -10874,6 +10920,129 @@ function ReleaseOrder() {
|
|
|
10874
10920
|
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10875
10921
|
|
|
10876
10922
|
var _templateObject$1_;
|
|
10923
|
+
function UncancelOrder() {
|
|
10924
|
+
var _orderStaticData$unca;
|
|
10925
|
+
var _useOrderId = useOrderId(),
|
|
10926
|
+
orderId = _useOrderId[0];
|
|
10927
|
+
var _useCurrentAction = useCurrentAction(),
|
|
10928
|
+
setCurrentAction = _useCurrentAction[1];
|
|
10929
|
+
var onClose = function onClose() {
|
|
10930
|
+
setCurrentAction(undefined);
|
|
10931
|
+
};
|
|
10932
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
10933
|
+
orderStaticData = _useOrderStaticData[0];
|
|
10934
|
+
var _useState = useState(undefined),
|
|
10935
|
+
unCancelReason = _useState[0],
|
|
10936
|
+
setUncancelReason = _useState[1];
|
|
10937
|
+
var _useState2 = useState(''),
|
|
10938
|
+
unCancelNotes = _useState2[0],
|
|
10939
|
+
setUncancelNotes = _useState2[1];
|
|
10940
|
+
var _useOrderDetails = useOrderDetails(),
|
|
10941
|
+
setOrderDetails = _useOrderDetails[1];
|
|
10942
|
+
var _usePrevOrderDetails = usePrevOrderDetails(),
|
|
10943
|
+
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
10944
|
+
var _useLoading = useLoading(),
|
|
10945
|
+
setLoading = _useLoading[1];
|
|
10946
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
10947
|
+
customerInfo = _useCustomerInfo[0];
|
|
10948
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
10949
|
+
var unCancelReasonOptions = orderStaticData == null || (_orderStaticData$unca = orderStaticData.uncancel_reasons) == null ? void 0 : _orderStaticData$unca.map(function (item) {
|
|
10950
|
+
return {
|
|
10951
|
+
label: item == null ? void 0 : item.reason,
|
|
10952
|
+
value: item == null ? void 0 : item.reason
|
|
10953
|
+
};
|
|
10954
|
+
});
|
|
10955
|
+
var _useApiHook = useApiHook({
|
|
10956
|
+
endpoint: "orders/" + orderId + "/uncancel/?uncancelled_reason=" + unCancelReason + "&uncancelled_notes=" + unCancelNotes,
|
|
10957
|
+
method: 'POST',
|
|
10958
|
+
performAction: false
|
|
10959
|
+
}),
|
|
10960
|
+
response = _useApiHook.data,
|
|
10961
|
+
setPerformAction = _useApiHook.setShouldPerformAction;
|
|
10962
|
+
var _useApiHook2 = useApiHook({
|
|
10963
|
+
endpoint: "orders/" + orderId,
|
|
10964
|
+
method: 'GET',
|
|
10965
|
+
performAction: false
|
|
10966
|
+
}),
|
|
10967
|
+
fetchedData = _useApiHook2.data,
|
|
10968
|
+
loading = _useApiHook2.loading,
|
|
10969
|
+
setShouldPerformAction = _useApiHook2.setShouldPerformAction;
|
|
10970
|
+
useEffect(function () {
|
|
10971
|
+
var _fetchedData$data;
|
|
10972
|
+
setLoading(loading);
|
|
10973
|
+
if (fetchedData && fetchedData.data) {
|
|
10974
|
+
var requiredData = fetchedData == null ? void 0 : fetchedData.data;
|
|
10975
|
+
setOrderDetails(requiredData[0]);
|
|
10976
|
+
setPrevOrderDetails(requiredData[0]);
|
|
10977
|
+
setCurrentAction(undefined);
|
|
10978
|
+
}
|
|
10979
|
+
if (fetchedData && (fetchedData == null ? void 0 : fetchedData.data) === null || (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0) {
|
|
10980
|
+
setCurrentAction(undefined);
|
|
10981
|
+
}
|
|
10982
|
+
}, [loading]);
|
|
10983
|
+
useEffect(function () {
|
|
10984
|
+
if (response) {
|
|
10985
|
+
//@ts-ignore
|
|
10986
|
+
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
10987
|
+
setShouldPerformAction(true);
|
|
10988
|
+
notification.success({
|
|
10989
|
+
message: 'Success',
|
|
10990
|
+
description:
|
|
10991
|
+
//@ts-ignore
|
|
10992
|
+
(response == null ? void 0 : response.message) || 'Sucess'
|
|
10993
|
+
});
|
|
10994
|
+
} else {
|
|
10995
|
+
notification.error({
|
|
10996
|
+
message: 'Error',
|
|
10997
|
+
description:
|
|
10998
|
+
//@ts-ignore
|
|
10999
|
+
(response == null ? void 0 : response.error_traceback) || 'An error has occurred. Please try again later.'
|
|
11000
|
+
});
|
|
11001
|
+
setCurrentAction(undefined);
|
|
11002
|
+
}
|
|
11003
|
+
}
|
|
11004
|
+
}, [response]);
|
|
11005
|
+
var onChange = function onChange(event) {
|
|
11006
|
+
setUncancelNotes(event.target.value);
|
|
11007
|
+
};
|
|
11008
|
+
var onChangeUnCancelReason = function onChangeUnCancelReason(value) {
|
|
11009
|
+
setUncancelReason(value);
|
|
11010
|
+
};
|
|
11011
|
+
var onSubmit = function onSubmit() {
|
|
11012
|
+
if (orderId) {
|
|
11013
|
+
setPerformAction(true);
|
|
11014
|
+
}
|
|
11015
|
+
};
|
|
11016
|
+
var showSubmitBtn = unCancelReason !== undefined && (unCancelNotes == null ? void 0 : unCancelNotes.length) > 0;
|
|
11017
|
+
return React.createElement(OrderActionModal, {
|
|
11018
|
+
headerTitle: "Un-Cancel order",
|
|
11019
|
+
onCloseHeader: onClose,
|
|
11020
|
+
onSubmit: onSubmit,
|
|
11021
|
+
showAdditionalInfo: true,
|
|
11022
|
+
infoText: infoText,
|
|
11023
|
+
submitBtnTitle: "Save Details",
|
|
11024
|
+
isSubmitDisabled: !showSubmitBtn
|
|
11025
|
+
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$e, null, "Un-cancel Reason"), React.createElement(AntSelect, {
|
|
11026
|
+
options: unCancelReasonOptions || [],
|
|
11027
|
+
placeholder: "Select un-cancel Reason",
|
|
11028
|
+
onChange: onChangeUnCancelReason,
|
|
11029
|
+
disabled: false,
|
|
11030
|
+
style: {
|
|
11031
|
+
width: '346px',
|
|
11032
|
+
height: 40
|
|
11033
|
+
},
|
|
11034
|
+
showSearch: true,
|
|
11035
|
+
popupClassName: 'dropDownStyle',
|
|
11036
|
+
selectWrapperClass: 'rounded',
|
|
11037
|
+
defaultValue: unCancelReason
|
|
11038
|
+
})), React.createElement(HoldRow, null, React.createElement(Label$e, null, "Un-cancel Note"), React.createElement(CustomTextArea$3, {
|
|
11039
|
+
rows: 5,
|
|
11040
|
+
onChange: onChange
|
|
11041
|
+
})))));
|
|
11042
|
+
}
|
|
11043
|
+
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
11044
|
+
|
|
11045
|
+
var _templateObject$1$;
|
|
10877
11046
|
function OrderActions() {
|
|
10878
11047
|
var _useCurrentAction = useCurrentAction(),
|
|
10879
11048
|
currentAction = _useCurrentAction[0];
|
|
@@ -10891,8 +11060,8 @@ function OrderActions() {
|
|
|
10891
11060
|
return React.createElement(LogServiceRefusal, null);
|
|
10892
11061
|
case 'cancel-order':
|
|
10893
11062
|
return React.createElement(CancelOrder, null);
|
|
10894
|
-
|
|
10895
|
-
|
|
11063
|
+
case 'uncancel-order':
|
|
11064
|
+
return React.createElement(UncancelOrder, null);
|
|
10896
11065
|
case 'confirm-order':
|
|
10897
11066
|
return React.createElement(ConfirmOrder, null);
|
|
10898
11067
|
case 'send-sms':
|
|
@@ -10925,7 +11094,7 @@ function OrderActions() {
|
|
|
10925
11094
|
};
|
|
10926
11095
|
return React.createElement(Container$18, null, renderContent());
|
|
10927
11096
|
}
|
|
10928
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject$
|
|
11097
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10929
11098
|
|
|
10930
11099
|
function useSystemLogs() {
|
|
10931
11100
|
var ssoToken = getCookie('id_token');
|
|
@@ -11017,7 +11186,7 @@ function useSystemLogs() {
|
|
|
11017
11186
|
return perform;
|
|
11018
11187
|
}
|
|
11019
11188
|
|
|
11020
|
-
var _templateObject$
|
|
11189
|
+
var _templateObject$20, _templateObject2$1x;
|
|
11021
11190
|
var Details = function Details() {
|
|
11022
11191
|
// const [orderDetails] = useOrderDetails();
|
|
11023
11192
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11026,10 +11195,10 @@ var Details = function Details() {
|
|
|
11026
11195
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11027
11196
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11028
11197
|
};
|
|
11029
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11030
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
11198
|
+
var DetailsContainer = /*#__PURE__*/styled.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"])));
|
|
11199
|
+
var Typo = /*#__PURE__*/styled.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"])));
|
|
11031
11200
|
|
|
11032
|
-
var _templateObject$
|
|
11201
|
+
var _templateObject$21;
|
|
11033
11202
|
function Options() {
|
|
11034
11203
|
var _useCurrentAction = useCurrentAction(),
|
|
11035
11204
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11095,7 +11264,7 @@ function Options() {
|
|
|
11095
11264
|
value: "OPTIONS"
|
|
11096
11265
|
}));
|
|
11097
11266
|
}
|
|
11098
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
11267
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11099
11268
|
|
|
11100
11269
|
function BjsMenu() {
|
|
11101
11270
|
var _orderStatus$;
|
|
@@ -11152,7 +11321,7 @@ function BjsMenu() {
|
|
|
11152
11321
|
});
|
|
11153
11322
|
}
|
|
11154
11323
|
|
|
11155
|
-
var _templateObject$
|
|
11324
|
+
var _templateObject$22;
|
|
11156
11325
|
function Print() {
|
|
11157
11326
|
var _useOrderDetails = useOrderDetails(),
|
|
11158
11327
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11237,29 +11406,29 @@ function Print() {
|
|
|
11237
11406
|
})
|
|
11238
11407
|
}));
|
|
11239
11408
|
}
|
|
11240
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject$
|
|
11409
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11241
11410
|
|
|
11242
|
-
var _templateObject$
|
|
11411
|
+
var _templateObject$23;
|
|
11243
11412
|
// components
|
|
11244
11413
|
function DropDowns$1() {
|
|
11245
11414
|
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper$2, null, React.createElement(BjsMenu, null), React.createElement(Options, null), React.createElement(Print, null)));
|
|
11246
11415
|
}
|
|
11247
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
11416
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11248
11417
|
|
|
11249
|
-
var _templateObject$
|
|
11418
|
+
var _templateObject$24;
|
|
11250
11419
|
// import Actions from './actions/Actions';
|
|
11251
11420
|
var ActionsMenu = function ActionsMenu() {
|
|
11252
11421
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
11253
11422
|
};
|
|
11254
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
11423
|
+
var Flex$2 = /*#__PURE__*/styled.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"])));
|
|
11255
11424
|
|
|
11256
|
-
var _templateObject$
|
|
11425
|
+
var _templateObject$25;
|
|
11257
11426
|
var DetailsFilters = function DetailsFilters() {
|
|
11258
11427
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
11259
11428
|
};
|
|
11260
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11429
|
+
var Flex$3 = /*#__PURE__*/styled.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"])));
|
|
11261
11430
|
|
|
11262
|
-
var _templateObject$
|
|
11431
|
+
var _templateObject$26, _templateObject2$1y, _templateObject3$R, _templateObject4$u;
|
|
11263
11432
|
function OrderView() {
|
|
11264
11433
|
notification.config({
|
|
11265
11434
|
top: 150
|
|
@@ -11360,12 +11529,6 @@ function OrderView() {
|
|
|
11360
11529
|
fetchedData = _useApiHook2.data,
|
|
11361
11530
|
loading = _useApiHook2.loading,
|
|
11362
11531
|
orderUpdate = _useApiHook2.setShouldPerformAction;
|
|
11363
|
-
useEffect(function () {
|
|
11364
|
-
if (orderId) {
|
|
11365
|
-
orderUpdate(true);
|
|
11366
|
-
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11367
|
-
}
|
|
11368
|
-
}, [orderId, liveRecalling]);
|
|
11369
11532
|
var _useApiHook3 = useApiHook({
|
|
11370
11533
|
endpoint: "/orders/getStaticData/all/",
|
|
11371
11534
|
method: 'GET'
|
|
@@ -11392,6 +11555,12 @@ function OrderView() {
|
|
|
11392
11555
|
}),
|
|
11393
11556
|
fetchedDepotData = _useApiHook5.data,
|
|
11394
11557
|
depotDataLoading = _useApiHook5.loading;
|
|
11558
|
+
useEffect(function () {
|
|
11559
|
+
if (orderId) {
|
|
11560
|
+
orderUpdate(true);
|
|
11561
|
+
liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);
|
|
11562
|
+
}
|
|
11563
|
+
}, [orderId, liveRecalling]);
|
|
11395
11564
|
useEffect(function () {
|
|
11396
11565
|
setLoading(staticDataLoading);
|
|
11397
11566
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
@@ -11572,31 +11741,127 @@ function OrderView() {
|
|
|
11572
11741
|
console.log(orderId, 'orderId');
|
|
11573
11742
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
11574
11743
|
}
|
|
11575
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
11576
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11577
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
11578
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
11744
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
11745
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
11746
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11747
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
11579
11748
|
|
|
11580
|
-
var _templateObject2$
|
|
11581
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
11749
|
+
var _templateObject2$1z;
|
|
11750
|
+
var StyledBulkItem = /*#__PURE__*/styled.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"])));
|
|
11751
|
+
|
|
11752
|
+
var initialState$3 = {
|
|
11753
|
+
'x-filters': [],
|
|
11754
|
+
'x-pagination': {
|
|
11755
|
+
page: 1,
|
|
11756
|
+
per_page: 50
|
|
11757
|
+
}
|
|
11758
|
+
};
|
|
11759
|
+
var filterReducer$2 = function filterReducer(state, action) {
|
|
11760
|
+
switch (action.type) {
|
|
11761
|
+
case 'SET_COMP_RETURN_FILTERS':
|
|
11762
|
+
return _extends({}, state, {
|
|
11763
|
+
'x-filters': [].concat(state['x-filters'].filter(function (f) {
|
|
11764
|
+
return f.field !== 'customer_name' && f.field !== 'trading_as';
|
|
11765
|
+
}), [{
|
|
11766
|
+
field: 'customer_name',
|
|
11767
|
+
op: 'like',
|
|
11768
|
+
value: "%" + action.payload + "%",
|
|
11769
|
+
join: 'or'
|
|
11770
|
+
}, {
|
|
11771
|
+
field: 'trading_as',
|
|
11772
|
+
op: 'like',
|
|
11773
|
+
value: "%" + action.payload + "%",
|
|
11774
|
+
join: 'or'
|
|
11775
|
+
}]),
|
|
11776
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11777
|
+
page: 1
|
|
11778
|
+
})
|
|
11779
|
+
});
|
|
11780
|
+
case 'CLEAR_SEARCH':
|
|
11781
|
+
return _extends({}, state, {
|
|
11782
|
+
'x-filters': [].concat(initialState$3['x-filters']),
|
|
11783
|
+
'x-pagination': _extends({}, initialState$3['x-pagination'], {
|
|
11784
|
+
page: 1
|
|
11785
|
+
})
|
|
11786
|
+
});
|
|
11787
|
+
case 'CLEAR_ALL_FILTER':
|
|
11788
|
+
return _extends({}, state);
|
|
11789
|
+
case 'SET_PAGE':
|
|
11790
|
+
return _extends({}, state, {
|
|
11791
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11792
|
+
page: action.payload
|
|
11793
|
+
})
|
|
11794
|
+
});
|
|
11795
|
+
case 'SET_PERPAGE':
|
|
11796
|
+
return _extends({}, state, {
|
|
11797
|
+
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11798
|
+
per_page: action.payload
|
|
11799
|
+
})
|
|
11800
|
+
});
|
|
11801
|
+
case 'CLEAR_FILTERS':
|
|
11802
|
+
return _extends({}, state);
|
|
11803
|
+
case 'CLEAR_ALL_FILTER':
|
|
11804
|
+
return _extends({}, state);
|
|
11805
|
+
default:
|
|
11806
|
+
return state;
|
|
11807
|
+
}
|
|
11808
|
+
};
|
|
11809
|
+
var filtersStateAtom$2 = /*#__PURE__*/atom(initialState$3);
|
|
11810
|
+
var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
11811
|
+
return get(filtersStateAtom$2);
|
|
11812
|
+
}, function (get, set, action) {
|
|
11813
|
+
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11814
|
+
});
|
|
11582
11815
|
|
|
11583
|
-
var _templateObject$
|
|
11816
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$S;
|
|
11584
11817
|
var SearchType = function SearchType() {
|
|
11585
11818
|
var _useState = useState(''),
|
|
11586
11819
|
searchText = _useState[0],
|
|
11587
11820
|
setSearchText = _useState[1];
|
|
11821
|
+
var _useState2 = useState(''),
|
|
11822
|
+
debouncedSearchText = _useState2[0],
|
|
11823
|
+
setDebouncedSearchText = _useState2[1];
|
|
11824
|
+
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
11825
|
+
dispatch = _useAtom[1];
|
|
11588
11826
|
var handleInputChange = function handleInputChange(event) {
|
|
11589
11827
|
setSearchText(event.target.value);
|
|
11590
11828
|
};
|
|
11829
|
+
// Debouncing effect
|
|
11830
|
+
useEffect(function () {
|
|
11831
|
+
var handler = setTimeout(function () {
|
|
11832
|
+
setDebouncedSearchText(searchText);
|
|
11833
|
+
}, 1000);
|
|
11834
|
+
return function () {
|
|
11835
|
+
clearTimeout(handler);
|
|
11836
|
+
};
|
|
11837
|
+
}, [searchText]);
|
|
11838
|
+
useEffect(function () {
|
|
11839
|
+
if (debouncedSearchText) {
|
|
11840
|
+
dispatch({
|
|
11841
|
+
type: 'SET_COMP_RETURN_FILTERS',
|
|
11842
|
+
payload: debouncedSearchText
|
|
11843
|
+
});
|
|
11844
|
+
}
|
|
11845
|
+
}, [debouncedSearchText, dispatch]);
|
|
11846
|
+
var handleClear = function handleClear() {
|
|
11847
|
+
setSearchText('');
|
|
11848
|
+
dispatch({
|
|
11849
|
+
type: 'CLEAR_SEARCH'
|
|
11850
|
+
});
|
|
11851
|
+
};
|
|
11591
11852
|
return React.createElement(Search, null, React.createElement(SearchIcon, null), React.createElement(SearchInput, {
|
|
11592
11853
|
type: "text",
|
|
11593
11854
|
placeholder: "Search",
|
|
11594
11855
|
value: searchText,
|
|
11595
11856
|
onChange: handleInputChange
|
|
11596
|
-
})
|
|
11857
|
+
}), searchText && React.createElement(ClearButton, {
|
|
11858
|
+
className: "clear",
|
|
11859
|
+
onClick: handleClear
|
|
11860
|
+
}, React.createElement(CrossIcon, null)));
|
|
11597
11861
|
};
|
|
11598
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
11599
|
-
var
|
|
11862
|
+
var Search = /*#__PURE__*/styled.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"])));
|
|
11863
|
+
var ClearButton = /*#__PURE__*/styled.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"])));
|
|
11864
|
+
var SearchInput = /*#__PURE__*/styled.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"])));
|
|
11600
11865
|
|
|
11601
11866
|
var BulkFilter = function BulkFilter() {
|
|
11602
11867
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11894,56 +12159,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
11894
12159
|
})))));
|
|
11895
12160
|
};
|
|
11896
12161
|
|
|
11897
|
-
|
|
11898
|
-
var initialState$3 = {
|
|
11899
|
-
'x-filters': [
|
|
11900
|
-
// {
|
|
11901
|
-
// field: 'action_date',
|
|
11902
|
-
// op: '>=',
|
|
11903
|
-
// value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T00:00:00+00:00`,
|
|
11904
|
-
// },
|
|
11905
|
-
// {
|
|
11906
|
-
// field: 'action_date',
|
|
11907
|
-
// op: '<=',
|
|
11908
|
-
// value: `${format(new Date(todayDate), 'yyyy-MM-dd')}T23:59:59+00:00`,
|
|
11909
|
-
// },
|
|
11910
|
-
// { field: 'status', op: 'count', value: '' },
|
|
11911
|
-
],
|
|
11912
|
-
'x-pagination': {
|
|
11913
|
-
page: 1,
|
|
11914
|
-
per_page: 50
|
|
11915
|
-
}
|
|
11916
|
-
};
|
|
11917
|
-
var filterReducer$2 = function filterReducer(state, action) {
|
|
11918
|
-
switch (action.type) {
|
|
11919
|
-
case 'SET_PAGE':
|
|
11920
|
-
return _extends({}, state, {
|
|
11921
|
-
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11922
|
-
page: action.payload
|
|
11923
|
-
})
|
|
11924
|
-
});
|
|
11925
|
-
case 'SET_PERPAGE':
|
|
11926
|
-
return _extends({}, state, {
|
|
11927
|
-
'x-pagination': _extends({}, state['x-pagination'], {
|
|
11928
|
-
per_page: action.payload
|
|
11929
|
-
})
|
|
11930
|
-
});
|
|
11931
|
-
case 'CLEAR_FILTERS':
|
|
11932
|
-
return _extends({}, state);
|
|
11933
|
-
case 'CLEAR_ALL_FILTER':
|
|
11934
|
-
return _extends({}, state);
|
|
11935
|
-
default:
|
|
11936
|
-
return state;
|
|
11937
|
-
}
|
|
11938
|
-
};
|
|
11939
|
-
var filtersStateAtom$2 = /*#__PURE__*/atom(initialState$3);
|
|
11940
|
-
var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
11941
|
-
return get(filtersStateAtom$2);
|
|
11942
|
-
}, function (get, set, action) {
|
|
11943
|
-
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11944
|
-
});
|
|
11945
|
-
|
|
11946
|
-
var _templateObject$27, _templateObject2$1C, _templateObject3$T;
|
|
12162
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$T;
|
|
11947
12163
|
var _excluded$6 = ["count"];
|
|
11948
12164
|
function ReturnMainTable() {
|
|
11949
12165
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -11956,7 +12172,8 @@ function ReturnMainTable() {
|
|
|
11956
12172
|
var _useItemsPerOverviewP = useItemsPerOverviewPage(),
|
|
11957
12173
|
itemsPerPage = _useItemsPerOverviewP[0],
|
|
11958
12174
|
setItemsPerPage = _useItemsPerOverviewP[1];
|
|
11959
|
-
var
|
|
12175
|
+
var filters = state['x-filters'],
|
|
12176
|
+
pagination = state['x-pagination'];
|
|
11960
12177
|
var page = paginationObj.page,
|
|
11961
12178
|
total = paginationObj.total;
|
|
11962
12179
|
// const [selectedClient] = useTableName();
|
|
@@ -11979,7 +12196,8 @@ function ReturnMainTable() {
|
|
|
11979
12196
|
endpoint: "/return_orders/stats/",
|
|
11980
12197
|
method: 'GET',
|
|
11981
12198
|
//@ts-ignore
|
|
11982
|
-
pagination: pagination
|
|
12199
|
+
pagination: pagination,
|
|
12200
|
+
filters: filters
|
|
11983
12201
|
}),
|
|
11984
12202
|
fetchedClientData = _useApiHook.data,
|
|
11985
12203
|
statsDataLoading = _useApiHook.loading,
|
|
@@ -12022,8 +12240,8 @@ function ReturnMainTable() {
|
|
|
12022
12240
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12023
12241
|
}))));
|
|
12024
12242
|
}
|
|
12025
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
12026
|
-
var Container$1a = /*#__PURE__*/styled.div(_templateObject2$
|
|
12243
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12244
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12027
12245
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
12028
12246
|
|
|
12029
12247
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|