@bjsdistribution/dms-client-return 0.0.76 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.d.ts +6 -3
- package/dist/components/order-view/notes/NoteType.d.ts +3 -0
- package/dist/components/store.d.ts +3 -1
- package/dist/dms-client-return.cjs.development.js +299 -242
- 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 +299 -242
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/assets/icons/DownIcon.tsx +2 -2
- package/src/assets/icons/DriverIcon.tsx +23 -7
- package/src/assets/icons/PersonIcon.tsx +19 -3
- package/src/assets/icons/RadioButtonCheckIcon.tsx +1 -1
- package/src/assets/icons/ReminderIcon.tsx +2 -2
- package/src/assets/icons/RouteIcon.tsx +33 -15
- package/src/assets/icons/UploadIcon.tsx +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +3 -2
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.tsx +23 -11
- package/src/components/order-view/index.tsx +7 -6
- package/src/components/order-view/notes/AddNote.tsx +5 -1
- package/src/components/order-view/notes/NoteType.tsx +43 -25
- package/src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx +8 -3
- package/src/components/store.ts +13 -0
|
@@ -58,9 +58,6 @@ function _extends() {
|
|
|
58
58
|
return n;
|
|
59
59
|
}, _extends.apply(null, arguments);
|
|
60
60
|
}
|
|
61
|
-
function _objectDestructuringEmpty(t) {
|
|
62
|
-
if (null == t) throw new TypeError("Cannot destructure " + t);
|
|
63
|
-
}
|
|
64
61
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
65
62
|
if (null == r) return {};
|
|
66
63
|
var t = {};
|
|
@@ -409,6 +406,7 @@ var postLoading = /*#__PURE__*/jotai.atom(false);
|
|
|
409
406
|
var _final = /*#__PURE__*/jotai.atom([]);
|
|
410
407
|
var clearState = /*#__PURE__*/jotai.atom(false);
|
|
411
408
|
var assignData = /*#__PURE__*/jotai.atom([]);
|
|
409
|
+
var visibilityData = /*#__PURE__*/jotai.atom([]);
|
|
412
410
|
var assignPayload = /*#__PURE__*/jotai.atom(AssignUpdateInitial);
|
|
413
411
|
var callAPIAgain = /*#__PURE__*/jotai.atom(true);
|
|
414
412
|
var actionTypeOptions = /*#__PURE__*/jotai.atom([]);
|
|
@@ -461,6 +459,9 @@ function useClearState() {
|
|
|
461
459
|
function useAssignData() {
|
|
462
460
|
return jotai.useAtom(assignData);
|
|
463
461
|
}
|
|
462
|
+
function useVisibilityData() {
|
|
463
|
+
return jotai.useAtom(visibilityData);
|
|
464
|
+
}
|
|
464
465
|
function useAssignPayload() {
|
|
465
466
|
return jotai.useAtom(assignPayload);
|
|
466
467
|
}
|
|
@@ -473,6 +474,10 @@ function useActionTypeOptions() {
|
|
|
473
474
|
function useSelectedProducts() {
|
|
474
475
|
return jotai.useAtom(selectedProductsMove);
|
|
475
476
|
}
|
|
477
|
+
var selectedAssignee = /*#__PURE__*/jotai.atom('');
|
|
478
|
+
function useSelectedData() {
|
|
479
|
+
return jotai.useAtom(selectedAssignee);
|
|
480
|
+
}
|
|
476
481
|
|
|
477
482
|
// let todayDate = new Date();
|
|
478
483
|
var initialState = {
|
|
@@ -1401,8 +1406,8 @@ function DownIcon() {
|
|
|
1401
1406
|
fill: "none"
|
|
1402
1407
|
}, React__default.createElement("path", {
|
|
1403
1408
|
opacity: "0.4",
|
|
1404
|
-
|
|
1405
|
-
|
|
1409
|
+
fillRule: "evenodd",
|
|
1410
|
+
clipRule: "evenodd",
|
|
1406
1411
|
d: "M5.0184 7.41839C5.11965 7.31727 5.2569 7.26047 5.4 7.26047C5.5431 7.26047 5.68035 7.31727 5.7816 7.41839L9 10.6368L12.2184 7.41839C12.3208 7.32301 12.4562 7.27108 12.5961 7.27355C12.736 7.27601 12.8694 7.33269 12.9684 7.43162C13.0673 7.53056 13.124 7.66404 13.1264 7.80394C13.1289 7.94383 13.077 8.07923 12.9816 8.18159L9.3816 11.7816C9.28035 11.8827 9.1431 11.9395 9 11.9395C8.8569 11.9395 8.71965 11.8827 8.6184 11.7816L5.0184 8.18159C4.91727 8.08034 4.86047 7.94309 4.86047 7.79999C4.86047 7.65689 4.91727 7.51964 5.0184 7.41839Z",
|
|
1407
1412
|
fill: "#3A3630"
|
|
1408
1413
|
}));
|
|
@@ -1569,21 +1574,38 @@ var optionsForReturnPrint = [{
|
|
|
1569
1574
|
var _templateObject$4, _templateObject2$2;
|
|
1570
1575
|
var options = optionsForReturnPrint;
|
|
1571
1576
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
1572
|
-
|
|
1577
|
+
var legacyURL = _ref.legacyURL,
|
|
1578
|
+
legacyProductID = _ref.legacyProductID;
|
|
1573
1579
|
var downloadFiles = function downloadFiles() {
|
|
1574
|
-
|
|
1575
|
-
|
|
1580
|
+
if (!legacyURL) return;
|
|
1581
|
+
var url = "" + legacyURL + legacyProductID;
|
|
1582
|
+
window.open(url, '_blank');
|
|
1583
|
+
console.log(url, 'urlurl');
|
|
1576
1584
|
};
|
|
1577
1585
|
return React__default.createElement(OptionsList, null, options == null ? void 0 : options.map(function (item, index) {
|
|
1578
1586
|
var IconComponent = PrintIconMap[item.icon];
|
|
1587
|
+
var isDisabled = !legacyURL || !legacyProductID;
|
|
1579
1588
|
return React__default.createElement(OptionsListLi, {
|
|
1580
1589
|
key: index,
|
|
1581
|
-
onClick: downloadFiles
|
|
1590
|
+
onClick: !isDisabled ? downloadFiles : undefined,
|
|
1591
|
+
disabled: isDisabled
|
|
1582
1592
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
1583
1593
|
}));
|
|
1584
1594
|
};
|
|
1585
1595
|
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
1586
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n &:last-child {\n border: none;\n }\n"])))
|
|
1596
|
+
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n pointer-events: ", ";\n background-color: ", ";\n\n &:last-child {\n border: none;\n }\n"])), function (_ref2) {
|
|
1597
|
+
var disabled = _ref2.disabled;
|
|
1598
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
1599
|
+
}, function (_ref3) {
|
|
1600
|
+
var disabled = _ref3.disabled;
|
|
1601
|
+
return disabled ? '#ccc' : 'inherit';
|
|
1602
|
+
}, function (_ref4) {
|
|
1603
|
+
var disabled = _ref4.disabled;
|
|
1604
|
+
return disabled ? 'none' : 'auto';
|
|
1605
|
+
}, function (_ref5) {
|
|
1606
|
+
var disabled = _ref5.disabled;
|
|
1607
|
+
return disabled ? '#f5f5f5' : 'transparent';
|
|
1608
|
+
});
|
|
1587
1609
|
|
|
1588
1610
|
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6, _templateObject7$2;
|
|
1589
1611
|
function Loader(props) {
|
|
@@ -1991,10 +2013,11 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1991
2013
|
onClick: function onClick() {
|
|
1992
2014
|
return OpenDropDown(index);
|
|
1993
2015
|
}
|
|
1994
|
-
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle
|
|
2016
|
+
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle === index && React__default.createElement("div", {
|
|
1995
2017
|
ref: dropdownRef
|
|
1996
2018
|
}, React__default.createElement(PrintDropDownReturn, {
|
|
1997
|
-
|
|
2019
|
+
legacyURL: item == null ? void 0 : item.return_order_product_label,
|
|
2020
|
+
legacyProductID: item == null ? void 0 : item.legacy_product_id
|
|
1998
2021
|
})))))));
|
|
1999
2022
|
})))));
|
|
2000
2023
|
};
|
|
@@ -5539,7 +5562,38 @@ function OrderDetails$1() {
|
|
|
5539
5562
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, null));
|
|
5540
5563
|
}
|
|
5541
5564
|
|
|
5542
|
-
var _templateObject$X
|
|
5565
|
+
var _templateObject$X;
|
|
5566
|
+
function NoteType() {
|
|
5567
|
+
var _useVisibilityData = useVisibilityData(),
|
|
5568
|
+
visibilityData = _useVisibilityData[0];
|
|
5569
|
+
var _useSelectedData = useSelectedData(),
|
|
5570
|
+
selected = _useSelectedData[0],
|
|
5571
|
+
setSelected = _useSelectedData[1];
|
|
5572
|
+
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5573
|
+
var selectedValue = event.target.value;
|
|
5574
|
+
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5575
|
+
return option.value === selectedValue;
|
|
5576
|
+
});
|
|
5577
|
+
if (selectedOption) {
|
|
5578
|
+
setSelected(selectedOption.value);
|
|
5579
|
+
}
|
|
5580
|
+
};
|
|
5581
|
+
return React__default.createElement(Container$B, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
5582
|
+
selectedValue: selected,
|
|
5583
|
+
heading: "",
|
|
5584
|
+
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
5585
|
+
return {
|
|
5586
|
+
label: client.type,
|
|
5587
|
+
value: client.value
|
|
5588
|
+
};
|
|
5589
|
+
}),
|
|
5590
|
+
onChange: handleRadioButtonChange,
|
|
5591
|
+
required: false
|
|
5592
|
+
}));
|
|
5593
|
+
}
|
|
5594
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5595
|
+
|
|
5596
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$j;
|
|
5543
5597
|
function AddNote() {
|
|
5544
5598
|
var _useState = React.useState(''),
|
|
5545
5599
|
noteText = _useState[0],
|
|
@@ -5554,6 +5608,8 @@ function AddNote() {
|
|
|
5554
5608
|
moduleIds = _usemoduleIds[0];
|
|
5555
5609
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5556
5610
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5611
|
+
var _useSelectedData = useSelectedData(),
|
|
5612
|
+
selected = _useSelectedData[0];
|
|
5557
5613
|
// Save New Note
|
|
5558
5614
|
var _useState2 = React.useState(null),
|
|
5559
5615
|
notificationData = _useState2[0],
|
|
@@ -5581,7 +5637,8 @@ function AddNote() {
|
|
|
5581
5637
|
action: 'create',
|
|
5582
5638
|
description: noteText,
|
|
5583
5639
|
data_dump: '{}',
|
|
5584
|
-
manual: 1
|
|
5640
|
+
manual: 1,
|
|
5641
|
+
is_private: selected
|
|
5585
5642
|
}]
|
|
5586
5643
|
};
|
|
5587
5644
|
_context.prev = 5;
|
|
@@ -5646,7 +5703,7 @@ function AddNote() {
|
|
|
5646
5703
|
top: 80
|
|
5647
5704
|
});
|
|
5648
5705
|
}, [notificationData]);
|
|
5649
|
-
return React__default.createElement(Container$
|
|
5706
|
+
return React__default.createElement(Container$C, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5650
5707
|
label: "Add New Note"
|
|
5651
5708
|
}), React__default.createElement(StyledTextArea, {
|
|
5652
5709
|
name: "description",
|
|
@@ -5658,9 +5715,9 @@ function AddNote() {
|
|
|
5658
5715
|
}), React__default.createElement(SaveNoteContainer, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
5659
5716
|
disabled: !noteText,
|
|
5660
5717
|
onClick: saveNote
|
|
5661
|
-
}, "SAVE NOTE")));
|
|
5718
|
+
}, "SAVE NOTE"), React__default.createElement(NoteType, null)));
|
|
5662
5719
|
}
|
|
5663
|
-
var Container$
|
|
5720
|
+
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5664
5721
|
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
5665
5722
|
var StyledTextArea = /*#__PURE__*/styled__default.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
|
|
5666
5723
|
|
|
@@ -5683,7 +5740,7 @@ var Th = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3
|
|
|
5683
5740
|
var Td = /*#__PURE__*/styled__default.td(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
5684
5741
|
var IconCover = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
5685
5742
|
|
|
5686
|
-
var _templateObject$
|
|
5743
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2, _templateObject9$1;
|
|
5687
5744
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5688
5745
|
var _getNotes$data, _getNotes$data2;
|
|
5689
5746
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -5712,7 +5769,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5712
5769
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5713
5770
|
}, "No data found"))))));
|
|
5714
5771
|
};
|
|
5715
|
-
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5772
|
+
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
5716
5773
|
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
5717
5774
|
var NoDataFound = /*#__PURE__*/styled__default(Td)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
5718
5775
|
var StyledTable$2 = /*#__PURE__*/styled__default(Table)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
@@ -5722,13 +5779,13 @@ var CreatedBy$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templ
|
|
|
5722
5779
|
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5723
5780
|
var StickyHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: #fff;\n"])));
|
|
5724
5781
|
|
|
5725
|
-
var _templateObject$
|
|
5782
|
+
var _templateObject$_;
|
|
5726
5783
|
function AuditLogs() {
|
|
5727
|
-
return React__default.createElement(Container$
|
|
5784
|
+
return React__default.createElement(Container$D, null, React__default.createElement(GenericAuditLogsTable, null));
|
|
5728
5785
|
}
|
|
5729
|
-
var Container$
|
|
5786
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5730
5787
|
|
|
5731
|
-
var _templateObject
|
|
5788
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$m;
|
|
5732
5789
|
// import { useLocation } from 'react-router-dom';
|
|
5733
5790
|
function Notes() {
|
|
5734
5791
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5810,18 +5867,18 @@ function Notes() {
|
|
|
5810
5867
|
}
|
|
5811
5868
|
setAuditLogLoading(NotesLoading);
|
|
5812
5869
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5813
|
-
return React__default.createElement(Container$
|
|
5870
|
+
return React__default.createElement(Container$E, null, React__default.createElement(CardHeader, null, "NOTES"), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
5814
5871
|
}
|
|
5815
|
-
var Container$
|
|
5872
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5816
5873
|
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
5817
5874
|
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5818
5875
|
|
|
5819
|
-
var _templateObject
|
|
5876
|
+
var _templateObject$10;
|
|
5820
5877
|
// import styled from 'styled-components';
|
|
5821
5878
|
function SystemCollapsedContent() {
|
|
5822
5879
|
return React__default.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
5823
5880
|
}
|
|
5824
|
-
var Font = /*#__PURE__*/styled__default.div(_templateObject
|
|
5881
|
+
var Font = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
5825
5882
|
|
|
5826
5883
|
function ChevronUp(props) {
|
|
5827
5884
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -5839,12 +5896,12 @@ function ChevronUp(props) {
|
|
|
5839
5896
|
}));
|
|
5840
5897
|
}
|
|
5841
5898
|
|
|
5842
|
-
var _templateObject$
|
|
5899
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3;
|
|
5843
5900
|
function CollapsableForm(props) {
|
|
5844
5901
|
var _useState = React.useState(true),
|
|
5845
5902
|
isExpanded = _useState[0],
|
|
5846
5903
|
setIsExpanded = _useState[1];
|
|
5847
|
-
return React__default.createElement(MainContainer$5, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$
|
|
5904
|
+
return React__default.createElement(MainContainer$5, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$F, null, React__default.createElement(Text$3, {
|
|
5848
5905
|
onClick: function onClick() {
|
|
5849
5906
|
return setIsExpanded(function (prev) {
|
|
5850
5907
|
return !prev;
|
|
@@ -5859,10 +5916,10 @@ function CollapsableForm(props) {
|
|
|
5859
5916
|
isExpanded: isExpanded
|
|
5860
5917
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5861
5918
|
}
|
|
5862
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5919
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5863
5920
|
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
5864
5921
|
var Text$3 = /*#__PURE__*/styled__default.span(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
5865
|
-
var Container$
|
|
5922
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5866
5923
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5867
5924
|
var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__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) {
|
|
5868
5925
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -5870,7 +5927,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_t
|
|
|
5870
5927
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5871
5928
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
5872
5929
|
|
|
5873
|
-
var _templateObject$
|
|
5930
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$o;
|
|
5874
5931
|
function CustomScrollBar(props) {
|
|
5875
5932
|
var children = props.children,
|
|
5876
5933
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5888,11 +5945,11 @@ function CustomScrollBar(props) {
|
|
|
5888
5945
|
}
|
|
5889
5946
|
}, children);
|
|
5890
5947
|
}
|
|
5891
|
-
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5948
|
+
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
5892
5949
|
var View = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5893
5950
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5894
5951
|
|
|
5895
|
-
var _templateObject$
|
|
5952
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$p, _templateObject4$c, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2;
|
|
5896
5953
|
function DynamicTable(_ref) {
|
|
5897
5954
|
var columns = _ref.columns,
|
|
5898
5955
|
data = _ref.data;
|
|
@@ -5913,7 +5970,7 @@ function DynamicTable(_ref) {
|
|
|
5913
5970
|
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'category', 'action'];
|
|
5914
5971
|
var mediumColumns = ['date'];
|
|
5915
5972
|
var largeColumns = ['reference', 'notes', 'details', 'datetime'];
|
|
5916
|
-
return React__default.createElement(MainContainer$6, null, React__default.createElement(Container$
|
|
5973
|
+
return React__default.createElement(MainContainer$6, null, React__default.createElement(Container$G, null, React__default.createElement(TableWrapper, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
|
|
5917
5974
|
return React__default.createElement(TableRow, {
|
|
5918
5975
|
key: headerGroup.id
|
|
5919
5976
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -5938,7 +5995,7 @@ function DynamicTable(_ref) {
|
|
|
5938
5995
|
// transform: rotate(180deg);
|
|
5939
5996
|
// cursor: pointer;
|
|
5940
5997
|
// `;
|
|
5941
|
-
var Container$
|
|
5998
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5942
5999
|
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
5943
6000
|
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
5944
6001
|
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
@@ -5948,7 +6005,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$6 || (_templ
|
|
|
5948
6005
|
var Table$1 = /*#__PURE__*/styled__default.table(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
5949
6006
|
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
5950
6007
|
|
|
5951
|
-
var _templateObject$
|
|
6008
|
+
var _templateObject$14, _templateObject2$P;
|
|
5952
6009
|
function Event(props) {
|
|
5953
6010
|
var _props$row;
|
|
5954
6011
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5963,7 +6020,7 @@ function Event(props) {
|
|
|
5963
6020
|
};
|
|
5964
6021
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
5965
6022
|
}
|
|
5966
|
-
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6023
|
+
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5967
6024
|
var Row = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5968
6025
|
|
|
5969
6026
|
//to change data into options
|
|
@@ -6011,25 +6068,25 @@ var priorityData = [{
|
|
|
6011
6068
|
color: '#E95252'
|
|
6012
6069
|
}];
|
|
6013
6070
|
|
|
6014
|
-
var _templateObject$
|
|
6071
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6015
6072
|
function Date$1(props) {
|
|
6016
6073
|
var _props$row;
|
|
6017
6074
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6018
6075
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6019
6076
|
}
|
|
6020
|
-
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6077
|
+
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6021
6078
|
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6022
6079
|
|
|
6023
|
-
var _templateObject$
|
|
6080
|
+
var _templateObject$16, _templateObject2$R;
|
|
6024
6081
|
function Code(props) {
|
|
6025
6082
|
var _props$row;
|
|
6026
6083
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6027
6084
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6028
6085
|
}
|
|
6029
|
-
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6086
|
+
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6030
6087
|
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6031
6088
|
|
|
6032
|
-
var _templateObject$
|
|
6089
|
+
var _templateObject$17, _templateObject2$S;
|
|
6033
6090
|
function Note(props) {
|
|
6034
6091
|
var _props$row;
|
|
6035
6092
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6037,7 +6094,7 @@ function Note(props) {
|
|
|
6037
6094
|
title: data
|
|
6038
6095
|
}, React__default.createElement(Row$3, null, data));
|
|
6039
6096
|
}
|
|
6040
|
-
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6097
|
+
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
6041
6098
|
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6042
6099
|
|
|
6043
6100
|
var tableColumns = [{
|
|
@@ -6141,7 +6198,7 @@ function useGetEventNotes() {
|
|
|
6141
6198
|
return perform;
|
|
6142
6199
|
}
|
|
6143
6200
|
|
|
6144
|
-
var _templateObject$
|
|
6201
|
+
var _templateObject$18;
|
|
6145
6202
|
function SystemLogs() {
|
|
6146
6203
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
6147
6204
|
systemLogs = _useOrderProductSyste[0];
|
|
@@ -6193,7 +6250,7 @@ function SystemLogs() {
|
|
|
6193
6250
|
data: systemLogs
|
|
6194
6251
|
})));
|
|
6195
6252
|
}
|
|
6196
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6253
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6197
6254
|
|
|
6198
6255
|
var StatusOptions = [{
|
|
6199
6256
|
label: 'Released',
|
|
@@ -6350,11 +6407,11 @@ function ConfirmedIcon() {
|
|
|
6350
6407
|
}))));
|
|
6351
6408
|
}
|
|
6352
6409
|
|
|
6353
|
-
var _templateObject$
|
|
6410
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$q, _templateObject4$d;
|
|
6354
6411
|
function Status() {
|
|
6355
6412
|
var _useStatusDetails = useStatusDetails(),
|
|
6356
6413
|
orderStatus = _useStatusDetails[0];
|
|
6357
|
-
return React__default.createElement(Container$
|
|
6414
|
+
return React__default.createElement(Container$H, null, React__default.createElement(BoxContainer, null, StatusOptions.map(function (option, index) {
|
|
6358
6415
|
return React__default.createElement(React__default.Fragment, {
|
|
6359
6416
|
key: index
|
|
6360
6417
|
}, React__default.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React__default.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React__default.createElement(Divider, null));
|
|
@@ -6396,17 +6453,17 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6396
6453
|
return null;
|
|
6397
6454
|
}
|
|
6398
6455
|
};
|
|
6399
|
-
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6456
|
+
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6400
6457
|
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__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"])));
|
|
6401
|
-
var Container$
|
|
6458
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6402
6459
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6403
6460
|
|
|
6404
|
-
var _templateObject$
|
|
6461
|
+
var _templateObject$1a;
|
|
6405
6462
|
// import DropDownOptions from './dropdowns';
|
|
6406
6463
|
function GeneralHeader() {
|
|
6407
6464
|
return React__default.createElement(Section, null, React__default.createElement(Status, null));
|
|
6408
6465
|
}
|
|
6409
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6466
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6410
6467
|
|
|
6411
6468
|
var ActionIcon = function ActionIcon() {
|
|
6412
6469
|
return React__default.createElement("svg", {
|
|
@@ -6548,13 +6605,13 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6548
6605
|
}, "No records found"))))));
|
|
6549
6606
|
};
|
|
6550
6607
|
|
|
6551
|
-
var _templateObject$
|
|
6608
|
+
var _templateObject$1b;
|
|
6552
6609
|
var ProductTable = function ProductTable() {
|
|
6553
|
-
return React__default.createElement(Container$
|
|
6610
|
+
return React__default.createElement(Container$I, null, React__default.createElement(ReturnProductTable, null));
|
|
6554
6611
|
};
|
|
6555
|
-
var Container$
|
|
6612
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6556
6613
|
|
|
6557
|
-
var _templateObject$
|
|
6614
|
+
var _templateObject$1c, _templateObject2$U;
|
|
6558
6615
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6559
6616
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6560
6617
|
var defaultSelectStyle = {
|
|
@@ -6651,7 +6708,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6651
6708
|
value: order.id
|
|
6652
6709
|
};
|
|
6653
6710
|
});
|
|
6654
|
-
return React__default.createElement(Container$
|
|
6711
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(antd.Select, {
|
|
6655
6712
|
options: dropdownOptions,
|
|
6656
6713
|
placeholder: "Select",
|
|
6657
6714
|
onChange: handleDropdownChange,
|
|
@@ -6664,10 +6721,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6664
6721
|
popupClassName: defaultPopupClassName
|
|
6665
6722
|
}));
|
|
6666
6723
|
};
|
|
6667
|
-
var Container$
|
|
6724
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6668
6725
|
var Text$4 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6669
6726
|
|
|
6670
|
-
var _templateObject$
|
|
6727
|
+
var _templateObject$1d, _templateObject2$V, _templateObject3$r;
|
|
6671
6728
|
function ExpandedContent$2() {
|
|
6672
6729
|
var _response$data, _response$data2;
|
|
6673
6730
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6736,7 +6793,7 @@ function ExpandedContent$2() {
|
|
|
6736
6793
|
setSelectedProducts([]);
|
|
6737
6794
|
}
|
|
6738
6795
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
6739
|
-
return React__default.createElement(Container$
|
|
6796
|
+
return React__default.createElement(Container$K, null, React__default.createElement(ProductTable, null), React__default.createElement(MidContainer, null, React__default.createElement(SaveNoteContainer$1, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
6740
6797
|
style: {
|
|
6741
6798
|
borderRadius: '20px'
|
|
6742
6799
|
},
|
|
@@ -6744,18 +6801,18 @@ function ExpandedContent$2() {
|
|
|
6744
6801
|
disabled: isButtonDisabled
|
|
6745
6802
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6746
6803
|
}
|
|
6747
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6804
|
+
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
6748
6805
|
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6749
|
-
var Container$
|
|
6806
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6750
6807
|
|
|
6751
|
-
var _templateObject$
|
|
6808
|
+
var _templateObject$1e, _templateObject2$W;
|
|
6752
6809
|
function CollapsedContent$1() {
|
|
6753
|
-
return React__default.createElement(Container$
|
|
6810
|
+
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6754
6811
|
label: "Products"
|
|
6755
6812
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6756
6813
|
}
|
|
6757
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6758
|
-
var Container$
|
|
6814
|
+
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6815
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6759
6816
|
|
|
6760
6817
|
function ProductsInfo() {
|
|
6761
6818
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6795,22 +6852,22 @@ function ProductsInfo() {
|
|
|
6795
6852
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
6796
6853
|
}
|
|
6797
6854
|
|
|
6798
|
-
var _templateObject$
|
|
6855
|
+
var _templateObject$1f;
|
|
6799
6856
|
function BackgroundModal(props) {
|
|
6800
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
6857
|
+
return reactDom.createPortal(React__default.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6801
6858
|
}
|
|
6802
|
-
var Container$
|
|
6859
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
6803
6860
|
|
|
6804
|
-
var _templateObject$
|
|
6861
|
+
var _templateObject$1g, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6805
6862
|
function AdditionalInformation(props) {
|
|
6806
|
-
return React__default.createElement(Container$
|
|
6863
|
+
return React__default.createElement(Container$N, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
6807
6864
|
}
|
|
6808
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
6809
|
-
var Container$
|
|
6865
|
+
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
6866
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6810
6867
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6811
6868
|
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
6812
6869
|
|
|
6813
|
-
var _templateObject$
|
|
6870
|
+
var _templateObject$1h, _templateObject2$Y, _templateObject3$t, _templateObject4$f;
|
|
6814
6871
|
function OrderActionHeader(props) {
|
|
6815
6872
|
var title = props.title,
|
|
6816
6873
|
actions = props.actions,
|
|
@@ -6819,31 +6876,31 @@ function OrderActionHeader(props) {
|
|
|
6819
6876
|
_props$infoText = props.infoText,
|
|
6820
6877
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
6821
6878
|
onClose = props.onClose;
|
|
6822
|
-
return React__default.createElement(Container$
|
|
6879
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Wrapper$f, null, React__default.createElement(Title$2, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
6823
6880
|
info: infoText
|
|
6824
6881
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
6825
6882
|
onClick: onClose
|
|
6826
6883
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6827
6884
|
}
|
|
6828
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6885
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6829
6886
|
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6830
6887
|
var Title$2 = /*#__PURE__*/styled__default.h3(_templateObject3$t || (_templateObject3$t = /*#__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"])));
|
|
6831
|
-
var Container$
|
|
6888
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
6832
6889
|
|
|
6833
|
-
var _templateObject$
|
|
6890
|
+
var _templateObject$1i, _templateObject2$Z;
|
|
6834
6891
|
function OrderActionFooter(props) {
|
|
6835
6892
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6836
|
-
return React__default.createElement(Container$
|
|
6893
|
+
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
6837
6894
|
shape: "rounded",
|
|
6838
6895
|
colors: "primary",
|
|
6839
6896
|
onClick: props.onSubmit,
|
|
6840
6897
|
disabled: isSubmitDisabled
|
|
6841
6898
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6842
6899
|
}
|
|
6843
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
6844
|
-
var Container$
|
|
6900
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6901
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__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"])));
|
|
6845
6902
|
|
|
6846
|
-
var _templateObject$
|
|
6903
|
+
var _templateObject$1j;
|
|
6847
6904
|
function OrderActionModal(props) {
|
|
6848
6905
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
6849
6906
|
title: props.headerTitle,
|
|
@@ -6858,11 +6915,11 @@ function OrderActionModal(props) {
|
|
|
6858
6915
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6859
6916
|
})));
|
|
6860
6917
|
}
|
|
6861
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6918
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
6862
6919
|
|
|
6863
|
-
var _templateObject$
|
|
6920
|
+
var _templateObject$1k, _templateObject2$_;
|
|
6864
6921
|
function OrderActionsDropdown(props) {
|
|
6865
|
-
return React__default.createElement(Container$
|
|
6922
|
+
return React__default.createElement(Container$Q, {
|
|
6866
6923
|
className: props.className
|
|
6867
6924
|
}, React__default.createElement(Label$1, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6868
6925
|
options: props.options,
|
|
@@ -6879,8 +6936,8 @@ function OrderActionsDropdown(props) {
|
|
|
6879
6936
|
defaultValue: props.value
|
|
6880
6937
|
}));
|
|
6881
6938
|
}
|
|
6882
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
6883
|
-
var Container$
|
|
6939
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$1k || (_templateObject$1k = /*#__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__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6884
6941
|
|
|
6885
6942
|
function DocumentTypeDropdown() {
|
|
6886
6943
|
var onSelect = function onSelect() {};
|
|
@@ -6951,7 +7008,7 @@ function UploadIcon(props) {
|
|
|
6951
7008
|
fill: "#0465AC"
|
|
6952
7009
|
}), React__default.createElement("path", {
|
|
6953
7010
|
fillRule: "evenodd",
|
|
6954
|
-
|
|
7011
|
+
clipRule: "evenodd",
|
|
6955
7012
|
d: "M8.185 0.5H1.5C1.10218 0.5 0.720644 0.658035 0.43934 0.93934C0.158035 1.22064 0 1.60218 0 2V17C0 17.3978 0.158035 17.7794 0.43934 18.0607C0.720644 18.342 1.10218 18.5 1.5 18.5H12.5C12.8978 18.5 13.2794 18.342 13.5607 18.0607C13.842 17.7794 14 17.3978 14 17V6.702C13.9999 6.32647 13.859 5.96464 13.605 5.688L9.291 0.986C9.15041 0.832745 8.97949 0.7104 8.78909 0.626735C8.59869 0.543069 8.39297 0.49991 8.185 0.5ZM1 2C1 1.86739 1.05268 1.74022 1.14645 1.64645C1.24021 1.55268 1.36739 1.5 1.5 1.5H8.185C8.25438 1.49992 8.32302 1.51429 8.38654 1.54218C8.45007 1.57007 8.5071 1.61087 8.554 1.662L12.868 6.364C12.9528 6.45616 12.9999 6.57678 13 6.702V17C13 17.1326 12.9473 17.2598 12.8536 17.3536C12.7598 17.4473 12.6326 17.5 12.5 17.5H1.5C1.36739 17.5 1.24021 17.4473 1.14645 17.3536C1.05268 17.2598 1 17.1326 1 17V2Z",
|
|
6956
7013
|
fill: "#0465AC"
|
|
6957
7014
|
}), React__default.createElement("path", {
|
|
@@ -6960,7 +7017,7 @@ function UploadIcon(props) {
|
|
|
6960
7017
|
})));
|
|
6961
7018
|
}
|
|
6962
7019
|
|
|
6963
|
-
var _templateObject$
|
|
7020
|
+
var _templateObject$1l, _templateObject2$$, _templateObject3$u, _templateObject4$g, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
6964
7021
|
var Dragger = antd.Upload.Dragger;
|
|
6965
7022
|
var props = {
|
|
6966
7023
|
name: 'file',
|
|
@@ -6982,20 +7039,20 @@ var props = {
|
|
|
6982
7039
|
}
|
|
6983
7040
|
};
|
|
6984
7041
|
function DocFileUpload() {
|
|
6985
|
-
return React__default.createElement(MainContainer$8, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$
|
|
7042
|
+
return React__default.createElement(MainContainer$8, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$R, null, React__default.createElement(UploadButton, {
|
|
6986
7043
|
colors: 'secondary',
|
|
6987
7044
|
shape: 'rounded'
|
|
6988
7045
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
6989
7046
|
}
|
|
6990
|
-
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7047
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
6991
7048
|
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
6992
7049
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
6993
7050
|
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$g || (_templateObject4$g = /*#__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"])));
|
|
6994
7051
|
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
6995
7052
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
6996
|
-
var Container$
|
|
7053
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__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"])));
|
|
6997
7054
|
|
|
6998
|
-
var _templateObject$
|
|
7055
|
+
var _templateObject$1m, _templateObject2$10, _templateObject3$v, _templateObject4$h;
|
|
6999
7056
|
// import DocFileUpload from './DocFileUpload';
|
|
7000
7057
|
function AddResources() {
|
|
7001
7058
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7011,7 +7068,7 @@ function AddResources() {
|
|
|
7011
7068
|
onSubmit: function onSubmit() {}
|
|
7012
7069
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
7013
7070
|
}
|
|
7014
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7071
|
+
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7015
7072
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7016
7073
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7017
7074
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__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"])));
|
|
@@ -7152,9 +7209,9 @@ function useUpdateReminderData() {
|
|
|
7152
7209
|
return jotai.useAtom(reminderUpdatePayload);
|
|
7153
7210
|
}
|
|
7154
7211
|
|
|
7155
|
-
var _templateObject$
|
|
7212
|
+
var _templateObject$1n, _templateObject2$11, _templateObject3$w;
|
|
7156
7213
|
// Styled components
|
|
7157
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7214
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7158
7215
|
var StyledTable$3 = /*#__PURE__*/styled__default.table(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
7159
7216
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7160
7217
|
|
|
@@ -7238,7 +7295,7 @@ function SplitOrderTable() {
|
|
|
7238
7295
|
}))));
|
|
7239
7296
|
}
|
|
7240
7297
|
|
|
7241
|
-
var _templateObject$
|
|
7298
|
+
var _templateObject$1o;
|
|
7242
7299
|
function SplitOrder() {
|
|
7243
7300
|
var _useCurrentAction = useCurrentAction(),
|
|
7244
7301
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7286,7 +7343,7 @@ function SplitOrder() {
|
|
|
7286
7343
|
isSubmitDisabled: isSubmitDisabled()
|
|
7287
7344
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
7288
7345
|
}
|
|
7289
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7346
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__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"])));
|
|
7290
7347
|
|
|
7291
7348
|
function RadioButtonCheckIcon(props) {
|
|
7292
7349
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -7299,7 +7356,7 @@ function RadioButtonCheckIcon(props) {
|
|
|
7299
7356
|
"clip-path": "url(#clip0_3445_118732)"
|
|
7300
7357
|
}, React__default.createElement("path", {
|
|
7301
7358
|
fillRule: "evenodd",
|
|
7302
|
-
|
|
7359
|
+
clipRule: "evenodd",
|
|
7303
7360
|
d: "M0.875 8C0.875 6.01088 1.66518 4.10322 3.0717 2.6967C4.47822 1.29018 6.38588 0.5 8.375 0.5C10.3641 0.5 12.2718 1.29018 13.6783 2.6967C15.0848 4.10322 15.875 6.01088 15.875 8C15.875 9.98912 15.0848 11.8968 13.6783 13.3033C12.2718 14.7098 10.3641 15.5 8.375 15.5C6.38588 15.5 4.47822 14.7098 3.0717 13.3033C1.66518 11.8968 0.875 9.98912 0.875 8ZM7.947 11.21L12.265 5.812L11.485 5.188L7.803 9.789L5.195 7.616L4.555 8.384L7.947 11.21Z",
|
|
7304
7361
|
fill: props.color || '#6396E5'
|
|
7305
7362
|
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
@@ -7317,7 +7374,7 @@ var fonts = {
|
|
|
7317
7374
|
secondary: "'Lato', sans-serif"
|
|
7318
7375
|
};
|
|
7319
7376
|
|
|
7320
|
-
var _templateObject$
|
|
7377
|
+
var _templateObject$1p, _templateObject2$12, _templateObject3$x;
|
|
7321
7378
|
function RadioButton(props) {
|
|
7322
7379
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7323
7380
|
color: props.color
|
|
@@ -7328,7 +7385,7 @@ function RadioButton(props) {
|
|
|
7328
7385
|
htmlFor: props.id
|
|
7329
7386
|
}, props.label));
|
|
7330
7387
|
}
|
|
7331
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7388
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
7332
7389
|
var Input = /*#__PURE__*/styled__default.input(_templateObject2$12 || (_templateObject2$12 = /*#__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) {
|
|
7333
7390
|
return props.color || '#6396e5';
|
|
7334
7391
|
}, function (props) {
|
|
@@ -7336,7 +7393,7 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject2$12 || (_template
|
|
|
7336
7393
|
});
|
|
7337
7394
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7338
7395
|
|
|
7339
|
-
var _templateObject$
|
|
7396
|
+
var _templateObject$1q, _templateObject2$13, _templateObject3$y, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8;
|
|
7340
7397
|
function RadioButtonGroup(props) {
|
|
7341
7398
|
var heading = props.heading,
|
|
7342
7399
|
_props$direction = props.direction,
|
|
@@ -7371,7 +7428,7 @@ function RadioButtonGroup(props) {
|
|
|
7371
7428
|
className: "custom-wrapper"
|
|
7372
7429
|
}, renderOptions()));
|
|
7373
7430
|
}
|
|
7374
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7431
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7375
7432
|
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7376
7433
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7377
7434
|
return !props.$required && 'visibility: hidden;';
|
|
@@ -7383,7 +7440,7 @@ var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templat
|
|
|
7383
7440
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7384
7441
|
});
|
|
7385
7442
|
|
|
7386
|
-
var _templateObject$
|
|
7443
|
+
var _templateObject$1r;
|
|
7387
7444
|
var deliveryPoints = [{
|
|
7388
7445
|
label: 'Hallway',
|
|
7389
7446
|
value: 'hallway'
|
|
@@ -7405,7 +7462,7 @@ function DeliveryPoint() {
|
|
|
7405
7462
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
7406
7463
|
selectedValue = _React$useState[0],
|
|
7407
7464
|
setSelectedValue = _React$useState[1];
|
|
7408
|
-
return React__default.createElement(Container$
|
|
7465
|
+
return React__default.createElement(Container$S, null, React__default.createElement(RadioButtonGroup, {
|
|
7409
7466
|
heading: "Delivery Point",
|
|
7410
7467
|
options: deliveryPoints || [],
|
|
7411
7468
|
onChange: radioGroupHandler,
|
|
@@ -7414,9 +7471,9 @@ function DeliveryPoint() {
|
|
|
7414
7471
|
required: false
|
|
7415
7472
|
}));
|
|
7416
7473
|
}
|
|
7417
|
-
var Container$
|
|
7474
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7418
7475
|
|
|
7419
|
-
var _templateObject$
|
|
7476
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$z, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5;
|
|
7420
7477
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7421
7478
|
function Checkbox(props) {
|
|
7422
7479
|
var imageSrc = props.imageSrc,
|
|
@@ -7437,7 +7494,7 @@ function Checkbox(props) {
|
|
|
7437
7494
|
"$checked": checked
|
|
7438
7495
|
}, label)));
|
|
7439
7496
|
}
|
|
7440
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
7497
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7441
7498
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7442
7499
|
});
|
|
7443
7500
|
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$14 || (_templateObject2$14 = /*#__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"])));
|
|
@@ -7477,10 +7534,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7477
7534
|
return "" + baseURL$1 + subPath;
|
|
7478
7535
|
};
|
|
7479
7536
|
|
|
7480
|
-
var _templateObject$
|
|
7537
|
+
var _templateObject$1t;
|
|
7481
7538
|
function OrderServices$1() {
|
|
7482
7539
|
// TO DO -> get services from static data
|
|
7483
|
-
return React__default.createElement(Container$
|
|
7540
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Checkbox, {
|
|
7484
7541
|
checked: false,
|
|
7485
7542
|
label: "Assemble",
|
|
7486
7543
|
imageSrc: getIcon$1(1)
|
|
@@ -7502,23 +7559,23 @@ function OrderServices$1() {
|
|
|
7502
7559
|
imageSrc: getIcon$1(4)
|
|
7503
7560
|
}));
|
|
7504
7561
|
}
|
|
7505
|
-
var Container$
|
|
7562
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7506
7563
|
|
|
7507
|
-
var _templateObject$
|
|
7564
|
+
var _templateObject$1u, _templateObject2$15;
|
|
7508
7565
|
function Notes$1(_ref) {
|
|
7509
7566
|
var onNotesChange = _ref.onNotesChange;
|
|
7510
7567
|
var handleTextChange = function handleTextChange(event) {
|
|
7511
7568
|
onNotesChange(event.target.value);
|
|
7512
7569
|
};
|
|
7513
|
-
return React__default.createElement(Container$
|
|
7570
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
7514
7571
|
rows: 15,
|
|
7515
7572
|
onChange: handleTextChange
|
|
7516
7573
|
}));
|
|
7517
7574
|
}
|
|
7518
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7519
|
-
var Container$
|
|
7575
|
+
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7576
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7520
7577
|
|
|
7521
|
-
var _templateObject$
|
|
7578
|
+
var _templateObject$1v, _templateObject2$16, _templateObject3$A;
|
|
7522
7579
|
function LogServiceRefusal() {
|
|
7523
7580
|
var _useCurrentAction = useCurrentAction(),
|
|
7524
7581
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7538,7 +7595,7 @@ function LogServiceRefusal() {
|
|
|
7538
7595
|
}
|
|
7539
7596
|
}))));
|
|
7540
7597
|
}
|
|
7541
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7598
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7542
7599
|
var Left = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__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"])));
|
|
7543
7600
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7544
7601
|
|
|
@@ -7566,7 +7623,7 @@ function ReturnReason() {
|
|
|
7566
7623
|
});
|
|
7567
7624
|
}
|
|
7568
7625
|
|
|
7569
|
-
var _templateObject$
|
|
7626
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$B, _templateObject4$k, _templateObject5$e, _templateObject6$8, _templateObject7$a;
|
|
7570
7627
|
function CancelOrder() {
|
|
7571
7628
|
var _orderStaticData$canc;
|
|
7572
7629
|
var _useOrderId = useOrderId(),
|
|
@@ -7670,15 +7727,15 @@ function CancelOrder() {
|
|
|
7670
7727
|
options: cancelReasonOptions || [],
|
|
7671
7728
|
onSelect: onSelectCancelReason,
|
|
7672
7729
|
value: cancelReason
|
|
7673
|
-
}), React__default.createElement(Wrapper$h, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$
|
|
7730
|
+
}), React__default.createElement(Wrapper$h, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$V, null, React__default.createElement(Label$5, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
7674
7731
|
rows: 5,
|
|
7675
7732
|
onChange: onChangeNotes,
|
|
7676
7733
|
value: cancelNotes,
|
|
7677
7734
|
placeholder: "Reason for Cancel Order"
|
|
7678
7735
|
}))))));
|
|
7679
7736
|
}
|
|
7680
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7681
|
-
var Container$
|
|
7737
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7738
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7682
7739
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7683
7740
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
7684
7741
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -7686,7 +7743,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObj
|
|
|
7686
7743
|
// const Bottom = styled.div``;
|
|
7687
7744
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
7688
7745
|
|
|
7689
|
-
var _templateObject$
|
|
7746
|
+
var _templateObject$1x, _templateObject2$18, _templateObject3$C;
|
|
7690
7747
|
function EmailAddress() {
|
|
7691
7748
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7692
7749
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7718,7 +7775,7 @@ function EmailAddress() {
|
|
|
7718
7775
|
});
|
|
7719
7776
|
});
|
|
7720
7777
|
};
|
|
7721
|
-
return React__default.createElement(Container$
|
|
7778
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
7722
7779
|
style: {
|
|
7723
7780
|
borderRadius: '15px'
|
|
7724
7781
|
},
|
|
@@ -7727,11 +7784,11 @@ function EmailAddress() {
|
|
|
7727
7784
|
onChange: onChange
|
|
7728
7785
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
7729
7786
|
}
|
|
7730
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7731
|
-
var Container$
|
|
7787
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7788
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7732
7789
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7733
7790
|
|
|
7734
|
-
var _templateObject$
|
|
7791
|
+
var _templateObject$1y, _templateObject2$19, _templateObject3$D;
|
|
7735
7792
|
function ContactPhone() {
|
|
7736
7793
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7737
7794
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7780,7 +7837,7 @@ function ContactPhone() {
|
|
|
7780
7837
|
});
|
|
7781
7838
|
}
|
|
7782
7839
|
};
|
|
7783
|
-
return React__default.createElement(Container$
|
|
7840
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
7784
7841
|
name: "contact-home",
|
|
7785
7842
|
type: "text",
|
|
7786
7843
|
placeholder: "Home Number",
|
|
@@ -7792,11 +7849,11 @@ function ContactPhone() {
|
|
|
7792
7849
|
onChange: onChange
|
|
7793
7850
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7794
7851
|
}
|
|
7795
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7796
|
-
var Container$
|
|
7852
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7853
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7797
7854
|
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7798
7855
|
|
|
7799
|
-
var _templateObject$
|
|
7856
|
+
var _templateObject$1z, _templateObject2$1a, _templateObject3$E;
|
|
7800
7857
|
function ContactWork$1() {
|
|
7801
7858
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7802
7859
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7845,7 +7902,7 @@ function ContactWork$1() {
|
|
|
7845
7902
|
});
|
|
7846
7903
|
}
|
|
7847
7904
|
};
|
|
7848
|
-
return React__default.createElement(Container$
|
|
7905
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
7849
7906
|
name: "contact-work",
|
|
7850
7907
|
type: "text",
|
|
7851
7908
|
placeholder: "Work Number",
|
|
@@ -7857,11 +7914,11 @@ function ContactWork$1() {
|
|
|
7857
7914
|
onChange: onChange
|
|
7858
7915
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
7859
7916
|
}
|
|
7860
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7861
|
-
var Container$
|
|
7917
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7918
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7862
7919
|
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7863
7920
|
|
|
7864
|
-
var _templateObject$
|
|
7921
|
+
var _templateObject$1A, _templateObject2$1b, _templateObject3$F;
|
|
7865
7922
|
function ContactMobile$1() {
|
|
7866
7923
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7867
7924
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7910,7 +7967,7 @@ function ContactMobile$1() {
|
|
|
7910
7967
|
});
|
|
7911
7968
|
}
|
|
7912
7969
|
};
|
|
7913
|
-
return React__default.createElement(Container$
|
|
7970
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
7914
7971
|
name: "contact-work",
|
|
7915
7972
|
type: "text",
|
|
7916
7973
|
placeholder: "Mobile Number",
|
|
@@ -7922,8 +7979,8 @@ function ContactMobile$1() {
|
|
|
7922
7979
|
onChange: onChange
|
|
7923
7980
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
7924
7981
|
}
|
|
7925
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7926
|
-
var Container$
|
|
7982
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7983
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7927
7984
|
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7928
7985
|
|
|
7929
7986
|
function ContactTypeDropdown() {
|
|
@@ -7990,7 +8047,7 @@ function ActionDropdown() {
|
|
|
7990
8047
|
});
|
|
7991
8048
|
}
|
|
7992
8049
|
|
|
7993
|
-
var _templateObject$
|
|
8050
|
+
var _templateObject$1B, _templateObject2$1c;
|
|
7994
8051
|
function DeliveryDate$1() {
|
|
7995
8052
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7996
8053
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8015,7 +8072,7 @@ function DeliveryDate$1() {
|
|
|
8015
8072
|
var tomorrow = new Date(today);
|
|
8016
8073
|
tomorrow.setDate(today.getDate() + 1);
|
|
8017
8074
|
//confirm popouop
|
|
8018
|
-
return React__default.createElement(Container$
|
|
8075
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
8019
8076
|
onChange: handleDateChange,
|
|
8020
8077
|
format: "DD/MM/YYYY",
|
|
8021
8078
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -8026,8 +8083,8 @@ function DeliveryDate$1() {
|
|
|
8026
8083
|
allowClear: false
|
|
8027
8084
|
}));
|
|
8028
8085
|
}
|
|
8029
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8030
|
-
var Container$
|
|
8086
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8087
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
8031
8088
|
|
|
8032
8089
|
function convertTo12HourFormat$1(time24) {
|
|
8033
8090
|
var _time24$split, _minutes$toString;
|
|
@@ -8076,19 +8133,19 @@ function TimedServiceDropdown$1() {
|
|
|
8076
8133
|
});
|
|
8077
8134
|
}
|
|
8078
8135
|
|
|
8079
|
-
var _templateObject$
|
|
8136
|
+
var _templateObject$1C, _templateObject2$1d, _templateObject3$G, _templateObject4$l;
|
|
8080
8137
|
function CustomerInformation() {
|
|
8081
8138
|
var _orderDetails$order_r;
|
|
8082
8139
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8083
8140
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8084
|
-
return React__default.createElement(Container
|
|
8141
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Title$3, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$i, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
8085
8142
|
}
|
|
8086
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8143
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8087
8144
|
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$1d || (_templateObject2$1d = /*#__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"])));
|
|
8088
8145
|
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8089
|
-
var Container
|
|
8146
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8090
8147
|
|
|
8091
|
-
var _templateObject$
|
|
8148
|
+
var _templateObject$1D, _templateObject2$1e;
|
|
8092
8149
|
function ProductTable$1() {
|
|
8093
8150
|
var _useProductDetails = useProductDetails(),
|
|
8094
8151
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8097,7 +8154,7 @@ function ProductTable$1() {
|
|
|
8097
8154
|
if (!orderProductDetails) {
|
|
8098
8155
|
return null;
|
|
8099
8156
|
}
|
|
8100
|
-
return React__default.createElement(Container
|
|
8157
|
+
return React__default.createElement(Container$10, null, React__default.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$3, {
|
|
8101
8158
|
className: "scrollClass"
|
|
8102
8159
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8103
8160
|
colSpan: 6
|
|
@@ -8115,10 +8172,10 @@ function ProductTable$1() {
|
|
|
8115
8172
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
8116
8173
|
})))));
|
|
8117
8174
|
}
|
|
8118
|
-
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8119
|
-
var Container
|
|
8175
|
+
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8176
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8120
8177
|
|
|
8121
|
-
var _templateObject$
|
|
8178
|
+
var _templateObject$1E, _templateObject2$1f;
|
|
8122
8179
|
function NotesTable() {
|
|
8123
8180
|
var _useState = React.useState(null),
|
|
8124
8181
|
moduleIds = _useState[0],
|
|
@@ -8186,7 +8243,7 @@ function NotesTable() {
|
|
|
8186
8243
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8187
8244
|
return null;
|
|
8188
8245
|
}
|
|
8189
|
-
return React__default.createElement(Container$
|
|
8246
|
+
return React__default.createElement(Container$11, null, React__default.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$3, {
|
|
8190
8247
|
className: "scrollClass"
|
|
8191
8248
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8192
8249
|
colSpan: 6
|
|
@@ -8212,53 +8269,53 @@ function NotesTable() {
|
|
|
8212
8269
|
}));
|
|
8213
8270
|
})))));
|
|
8214
8271
|
}
|
|
8215
|
-
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8216
|
-
var Container$
|
|
8272
|
+
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8273
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8217
8274
|
|
|
8218
|
-
var _templateObject$
|
|
8275
|
+
var _templateObject$1F, _templateObject2$1g;
|
|
8219
8276
|
function ConfirmationNotes() {
|
|
8220
|
-
return React__default.createElement(Container$
|
|
8277
|
+
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8221
8278
|
rows: 5,
|
|
8222
8279
|
placeholder: "Enter Notes"
|
|
8223
8280
|
}));
|
|
8224
8281
|
}
|
|
8225
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8226
|
-
var Container$
|
|
8282
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8283
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8227
8284
|
|
|
8228
|
-
var _templateObject$
|
|
8285
|
+
var _templateObject$1G, _templateObject2$1h;
|
|
8229
8286
|
function DeliveryInstructions$1() {
|
|
8230
|
-
return React__default.createElement(Container$
|
|
8287
|
+
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8231
8288
|
rows: 5,
|
|
8232
8289
|
placeholder: "Enter Delivery Instructions"
|
|
8233
8290
|
}));
|
|
8234
8291
|
}
|
|
8235
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8236
|
-
var Container$
|
|
8292
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8293
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8237
8294
|
|
|
8238
|
-
var _templateObject$
|
|
8295
|
+
var _templateObject$1H, _templateObject2$1i;
|
|
8239
8296
|
function ContactWith() {
|
|
8240
|
-
return React__default.createElement(Container$
|
|
8297
|
+
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8241
8298
|
style: {
|
|
8242
8299
|
borderRadius: '15px'
|
|
8243
8300
|
}
|
|
8244
8301
|
}));
|
|
8245
8302
|
}
|
|
8246
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8247
|
-
var Container$
|
|
8303
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8304
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8248
8305
|
|
|
8249
|
-
var _templateObject$
|
|
8306
|
+
var _templateObject$1I, _templateObject2$1j, _templateObject3$H, _templateObject4$m;
|
|
8250
8307
|
function SlotAndInstructions() {
|
|
8251
8308
|
var _orderDetails$order_r;
|
|
8252
8309
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8253
8310
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8254
|
-
return React__default.createElement(Container$
|
|
8311
|
+
return React__default.createElement(Container$15, null, React__default.createElement(Slot, null, React__default.createElement(Title$6, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
8255
8312
|
}
|
|
8256
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8313
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8257
8314
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8258
8315
|
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8259
|
-
var Container$
|
|
8316
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8260
8317
|
|
|
8261
|
-
var _templateObject$
|
|
8318
|
+
var _templateObject$1J, _templateObject2$1k;
|
|
8262
8319
|
// import { filterObject } from '../../../utils';
|
|
8263
8320
|
function ConfirmOrder() {
|
|
8264
8321
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8435,7 +8492,7 @@ function ConfirmOrder() {
|
|
|
8435
8492
|
isSubmitDisabled: errorFound()
|
|
8436
8493
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(Wrapper$j, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
8437
8494
|
}
|
|
8438
|
-
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8495
|
+
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8439
8496
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__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"])));
|
|
8440
8497
|
|
|
8441
8498
|
var _templateObject2$1l, _templateObject3$I, _templateObject4$n, _templateObject5$f, _templateObject6$9, _templateObject7$b, _templateObject8$6, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
@@ -8449,7 +8506,7 @@ var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateO
|
|
|
8449
8506
|
var Label$e = /*#__PURE__*/styled__default.label(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8450
8507
|
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8451
8508
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
8452
|
-
var Container$
|
|
8509
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__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"])));
|
|
8453
8510
|
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
8454
8511
|
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
8455
8512
|
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -8622,8 +8679,9 @@ function HoldOrderModal() {
|
|
|
8622
8679
|
value: item == null ? void 0 : item.reason
|
|
8623
8680
|
};
|
|
8624
8681
|
});
|
|
8682
|
+
var dynamicUrl = selectedDate ? "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "&hold_until=" + selectedDate : "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "\n";
|
|
8625
8683
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
8626
|
-
endpoint:
|
|
8684
|
+
endpoint: dynamicUrl,
|
|
8627
8685
|
method: 'POST',
|
|
8628
8686
|
performAction: false
|
|
8629
8687
|
}),
|
|
@@ -8685,7 +8743,7 @@ function HoldOrderModal() {
|
|
|
8685
8743
|
setPerformAction(true);
|
|
8686
8744
|
}
|
|
8687
8745
|
};
|
|
8688
|
-
var showSubmitBtn = holdReason !== undefined
|
|
8746
|
+
var showSubmitBtn = holdReason !== undefined;
|
|
8689
8747
|
return React__default.createElement(OrderActionModal, {
|
|
8690
8748
|
headerTitle: "Hold order",
|
|
8691
8749
|
onCloseHeader: onClose,
|
|
@@ -8695,8 +8753,7 @@ function HoldOrderModal() {
|
|
|
8695
8753
|
submitBtnTitle: "Save Details",
|
|
8696
8754
|
isSubmitDisabled: !showSubmitBtn
|
|
8697
8755
|
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8698
|
-
label: "
|
|
8699
|
-
required: true
|
|
8756
|
+
label: "Hold Until (leave blank for indefinite)"
|
|
8700
8757
|
}), React__default.createElement(HoldDatePickerWrap, null, React__default.createElement(antd.DatePicker, {
|
|
8701
8758
|
needConfirm: true,
|
|
8702
8759
|
format: 'MMMM D, YYYY',
|
|
@@ -8864,7 +8921,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
8864
8921
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
8865
8922
|
var Icon = _ref.icon,
|
|
8866
8923
|
question = _ref.question;
|
|
8867
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
8924
|
+
return React__default.createElement(Row$4, null, React__default.createElement(Container$16, null, React__default.createElement(ImageRow, null, React__default.createElement(ImageCircle, null, React__default.createElement(Icon, null)), React__default.createElement(StaticText, null, question)), React__default.createElement(dmsComponentLibrary.CustomRating, {
|
|
8868
8925
|
showText: true
|
|
8869
8926
|
})));
|
|
8870
8927
|
};
|
|
@@ -8897,7 +8954,7 @@ function LogFeedback() {
|
|
|
8897
8954
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
8898
8955
|
icon: GrowthImg,
|
|
8899
8956
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
8900
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
8957
|
+
}), React__default.createElement(Row$4, null, React__default.createElement(Container$16, null, React__default.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React__default.createElement(StyledTextAreas, {
|
|
8901
8958
|
name: "note",
|
|
8902
8959
|
placeholder: "Write here..."
|
|
8903
8960
|
}))))));
|
|
@@ -9059,7 +9116,7 @@ function ChargeLog() {
|
|
|
9059
9116
|
})));
|
|
9060
9117
|
}
|
|
9061
9118
|
|
|
9062
|
-
var _templateObject$
|
|
9119
|
+
var _templateObject$1K;
|
|
9063
9120
|
var UnholdOrder = function UnholdOrder() {
|
|
9064
9121
|
var _useOrderId = useOrderId(),
|
|
9065
9122
|
orderId = _useOrderId[0];
|
|
@@ -9134,9 +9191,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9134
9191
|
})
|
|
9135
9192
|
});
|
|
9136
9193
|
};
|
|
9137
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
9194
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9138
9195
|
|
|
9139
|
-
var _templateObject$
|
|
9196
|
+
var _templateObject$1L, _templateObject2$1m;
|
|
9140
9197
|
function AssigneeDropdown() {
|
|
9141
9198
|
var handleSelectChange = function handleSelectChange() {
|
|
9142
9199
|
// alert('hello');
|
|
@@ -9158,7 +9215,7 @@ function AssigneeDropdown() {
|
|
|
9158
9215
|
}
|
|
9159
9216
|
}));
|
|
9160
9217
|
}
|
|
9161
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9218
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9162
9219
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9163
9220
|
|
|
9164
9221
|
var DatePickerIcon = function DatePickerIcon() {
|
|
@@ -9177,8 +9234,8 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9177
9234
|
}));
|
|
9178
9235
|
};
|
|
9179
9236
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9237
|
+
var _templateObject$1M, _templateObject2$1n, _templateObject3$J, _templateObject4$o, _templateObject8$7, _templateObject10$2, _templateObject11$2, _templateObject13$1, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
9238
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
9182
9239
|
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__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"])));
|
|
9183
9240
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9184
9241
|
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$o || (_templateObject4$o = /*#__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"])));
|
|
@@ -9272,10 +9329,10 @@ function useFetchSingleReminderData() {
|
|
|
9272
9329
|
return res;
|
|
9273
9330
|
}
|
|
9274
9331
|
|
|
9275
|
-
var _templateObject$
|
|
9332
|
+
var _templateObject$1N, _templateObject2$1o, _templateObject3$K, _templateObject4$p;
|
|
9276
9333
|
function StatusIndicator(props) {
|
|
9277
9334
|
var statusColor = getStatusColor(props.status);
|
|
9278
|
-
return React__default.createElement(Container$
|
|
9335
|
+
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
9279
9336
|
status: props.status
|
|
9280
9337
|
}, React__default.createElement(StatusCircle, {
|
|
9281
9338
|
color: statusColor
|
|
@@ -9283,13 +9340,13 @@ function StatusIndicator(props) {
|
|
|
9283
9340
|
status: props.status
|
|
9284
9341
|
}, props.text));
|
|
9285
9342
|
}
|
|
9286
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9343
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
9287
9344
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9288
9345
|
});
|
|
9289
9346
|
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
9290
9347
|
return props.color;
|
|
9291
9348
|
});
|
|
9292
|
-
var Container$
|
|
9349
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9293
9350
|
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
9294
9351
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9295
9352
|
});
|
|
@@ -9452,7 +9509,7 @@ function useFetchReminders() {
|
|
|
9452
9509
|
return perform;
|
|
9453
9510
|
}
|
|
9454
9511
|
|
|
9455
|
-
var _templateObject$
|
|
9512
|
+
var _templateObject$1O, _templateObject2$1p, _templateObject3$L, _templateObject4$q, _templateObject5$g, _templateObject6$a, _templateObject7$c;
|
|
9456
9513
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9457
9514
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9458
9515
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9608,7 +9665,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9608
9665
|
onChange: onChangeDetails
|
|
9609
9666
|
}))))));
|
|
9610
9667
|
};
|
|
9611
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9668
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9612
9669
|
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9613
9670
|
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
9614
9671
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__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"])));
|
|
@@ -9616,9 +9673,9 @@ var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$g || (_template
|
|
|
9616
9673
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9617
9674
|
var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__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"])));
|
|
9618
9675
|
|
|
9619
|
-
var _templateObject$
|
|
9676
|
+
var _templateObject$1P, _templateObject3$M, _templateObject5$h, _templateObject7$d, _templateObject8$8, _templateObject9$4;
|
|
9620
9677
|
// Shared styles and components
|
|
9621
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9678
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9622
9679
|
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9623
9680
|
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9624
9681
|
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__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"])));
|
|
@@ -9637,7 +9694,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9637
9694
|
}, " * ")), children);
|
|
9638
9695
|
};
|
|
9639
9696
|
|
|
9640
|
-
var _templateObject$
|
|
9697
|
+
var _templateObject$1Q, _templateObject2$1q, _templateObject3$N, _templateObject4$r, _templateObject5$i;
|
|
9641
9698
|
dayjs.extend(utc);
|
|
9642
9699
|
dayjs.extend(dateFns.isValid);
|
|
9643
9700
|
function CreateReminderModal() {
|
|
@@ -9860,7 +9917,7 @@ function CreateReminderModal() {
|
|
|
9860
9917
|
onChange: handleChange
|
|
9861
9918
|
})));
|
|
9862
9919
|
}
|
|
9863
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9920
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9864
9921
|
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9865
9922
|
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9866
9923
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$r || (_templateObject4$r = /*#__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"])));
|
|
@@ -10034,7 +10091,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10034
10091
|
return perform;
|
|
10035
10092
|
}
|
|
10036
10093
|
|
|
10037
|
-
var _templateObject$
|
|
10094
|
+
var _templateObject$1R;
|
|
10038
10095
|
function TaskReminderModal() {
|
|
10039
10096
|
var createReminderAPI = useCreateReminder();
|
|
10040
10097
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10133,9 +10190,9 @@ function TaskReminderModal() {
|
|
|
10133
10190
|
isSubmitDisabled: isSubmitDisabled()
|
|
10134
10191
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
10135
10192
|
}
|
|
10136
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
10193
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10137
10194
|
|
|
10138
|
-
var _templateObject$
|
|
10195
|
+
var _templateObject$1S, _templateObject2$1r;
|
|
10139
10196
|
function OrderLock() {
|
|
10140
10197
|
var _useCurrentAction = useCurrentAction(),
|
|
10141
10198
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10188,7 +10245,7 @@ function OrderLock() {
|
|
|
10188
10245
|
})
|
|
10189
10246
|
});
|
|
10190
10247
|
}
|
|
10191
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
10248
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10192
10249
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10193
10250
|
|
|
10194
10251
|
function useUpdateFlag() {
|
|
@@ -10259,7 +10316,7 @@ function useUpdateFlag() {
|
|
|
10259
10316
|
return create;
|
|
10260
10317
|
}
|
|
10261
10318
|
|
|
10262
|
-
var _templateObject$
|
|
10319
|
+
var _templateObject$1T, _templateObject2$1s, _templateObject3$O, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10263
10320
|
function HeaderSection() {
|
|
10264
10321
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10265
10322
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10329,14 +10386,14 @@ function HeaderSection() {
|
|
|
10329
10386
|
})
|
|
10330
10387
|
})));
|
|
10331
10388
|
}
|
|
10332
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10389
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10333
10390
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10334
10391
|
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10335
10392
|
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject4$s || (_templateObject4$s = /*#__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"])));
|
|
10336
10393
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__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"])));
|
|
10337
10394
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10338
10395
|
|
|
10339
|
-
var _templateObject$
|
|
10396
|
+
var _templateObject$1U, _templateObject2$1t;
|
|
10340
10397
|
function TextSection() {
|
|
10341
10398
|
var _useSinglePayload = useSinglePayload(),
|
|
10342
10399
|
payload = _useSinglePayload[0],
|
|
@@ -10354,10 +10411,10 @@ function TextSection() {
|
|
|
10354
10411
|
onChange: onChangeDetails
|
|
10355
10412
|
}));
|
|
10356
10413
|
}
|
|
10357
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
10414
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10358
10415
|
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10359
10416
|
|
|
10360
|
-
var _templateObject$
|
|
10417
|
+
var _templateObject$1V, _templateObject2$1u;
|
|
10361
10418
|
function ButtonsSection() {
|
|
10362
10419
|
var _useSinglePayload = useSinglePayload(),
|
|
10363
10420
|
payload = _useSinglePayload[0],
|
|
@@ -10448,10 +10505,10 @@ function ButtonsSection() {
|
|
|
10448
10505
|
status: "SD"
|
|
10449
10506
|
}))));
|
|
10450
10507
|
}
|
|
10451
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10508
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10452
10509
|
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10453
10510
|
|
|
10454
|
-
var _templateObject$
|
|
10511
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$P, _templateObject4$t, _templateObject5$k, _templateObject6$c;
|
|
10455
10512
|
function ActionSection() {
|
|
10456
10513
|
var _useCurrentAction = useCurrentAction(),
|
|
10457
10514
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10537,14 +10594,14 @@ function RadioButtonsSection() {
|
|
|
10537
10594
|
required: false
|
|
10538
10595
|
}));
|
|
10539
10596
|
}
|
|
10540
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10597
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10541
10598
|
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10542
10599
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10543
10600
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10544
10601
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10545
10602
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10546
10603
|
|
|
10547
|
-
var _templateObject$
|
|
10604
|
+
var _templateObject$1X, _templateObject2$1w, _templateObject3$Q, _templateObject4$u, _templateObject5$l;
|
|
10548
10605
|
function DetailSection() {
|
|
10549
10606
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10550
10607
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10556,7 +10613,7 @@ function DetailSection() {
|
|
|
10556
10613
|
label: "Order"
|
|
10557
10614
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10558
10615
|
}
|
|
10559
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10616
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10560
10617
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10561
10618
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10562
10619
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
@@ -10642,7 +10699,7 @@ function useFetchSingleFlagsData() {
|
|
|
10642
10699
|
return res;
|
|
10643
10700
|
}
|
|
10644
10701
|
|
|
10645
|
-
var _templateObject$
|
|
10702
|
+
var _templateObject$1Y, _templateObject2$1x, _templateObject3$R;
|
|
10646
10703
|
function ViewFlag() {
|
|
10647
10704
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10648
10705
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10739,11 +10796,11 @@ function ViewFlag() {
|
|
|
10739
10796
|
}, [dataArray]);
|
|
10740
10797
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
10741
10798
|
}
|
|
10742
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10799
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10743
10800
|
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10744
10801
|
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
10745
10802
|
|
|
10746
|
-
var _templateObject$
|
|
10803
|
+
var _templateObject$1Z;
|
|
10747
10804
|
function ReleaseOrder() {
|
|
10748
10805
|
var _useOrderId = useOrderId(),
|
|
10749
10806
|
orderId = _useOrderId[0];
|
|
@@ -10822,9 +10879,9 @@ function ReleaseOrder() {
|
|
|
10822
10879
|
// position: absolute;
|
|
10823
10880
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10824
10881
|
// `;
|
|
10825
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
10882
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10826
10883
|
|
|
10827
|
-
var _templateObject$
|
|
10884
|
+
var _templateObject$1_;
|
|
10828
10885
|
function OrderActions() {
|
|
10829
10886
|
var _useCurrentAction = useCurrentAction(),
|
|
10830
10887
|
currentAction = _useCurrentAction[0];
|
|
@@ -10874,9 +10931,9 @@ function OrderActions() {
|
|
|
10874
10931
|
return null;
|
|
10875
10932
|
}
|
|
10876
10933
|
};
|
|
10877
|
-
return React__default.createElement(Container$
|
|
10934
|
+
return React__default.createElement(Container$18, null, renderContent());
|
|
10878
10935
|
}
|
|
10879
|
-
var Container$
|
|
10936
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10880
10937
|
|
|
10881
10938
|
function useSystemLogs() {
|
|
10882
10939
|
var ssoToken = getCookie('id_token');
|
|
@@ -10968,7 +11025,7 @@ function useSystemLogs() {
|
|
|
10968
11025
|
return perform;
|
|
10969
11026
|
}
|
|
10970
11027
|
|
|
10971
|
-
var _templateObject$
|
|
11028
|
+
var _templateObject$1$, _templateObject2$1y;
|
|
10972
11029
|
var Details = function Details() {
|
|
10973
11030
|
// const [orderDetails] = useOrderDetails();
|
|
10974
11031
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -10977,10 +11034,10 @@ var Details = function Details() {
|
|
|
10977
11034
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
10978
11035
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
10979
11036
|
};
|
|
10980
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11037
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
10981
11038
|
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
10982
11039
|
|
|
10983
|
-
var _templateObject$
|
|
11040
|
+
var _templateObject$20;
|
|
10984
11041
|
function Options() {
|
|
10985
11042
|
var _useCurrentAction = useCurrentAction(),
|
|
10986
11043
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11046,7 +11103,7 @@ function Options() {
|
|
|
11046
11103
|
value: "OPTIONS"
|
|
11047
11104
|
}));
|
|
11048
11105
|
}
|
|
11049
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11106
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11050
11107
|
|
|
11051
11108
|
function BjsMenu() {
|
|
11052
11109
|
var _orderStatus$;
|
|
@@ -11103,7 +11160,7 @@ function BjsMenu() {
|
|
|
11103
11160
|
});
|
|
11104
11161
|
}
|
|
11105
11162
|
|
|
11106
|
-
var _templateObject$
|
|
11163
|
+
var _templateObject$21;
|
|
11107
11164
|
function Print() {
|
|
11108
11165
|
var _useOrderDetails = useOrderDetails(),
|
|
11109
11166
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11152,7 +11209,7 @@ function Print() {
|
|
|
11152
11209
|
window.open(url, '_blank');
|
|
11153
11210
|
}
|
|
11154
11211
|
};
|
|
11155
|
-
return React__default.createElement(Container$
|
|
11212
|
+
return React__default.createElement(Container$19, null, React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
11156
11213
|
placeholder: "PRINT",
|
|
11157
11214
|
options: PrintMenu,
|
|
11158
11215
|
value: "PRINT",
|
|
@@ -11188,29 +11245,29 @@ function Print() {
|
|
|
11188
11245
|
})
|
|
11189
11246
|
}));
|
|
11190
11247
|
}
|
|
11191
|
-
var Container$
|
|
11248
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11192
11249
|
|
|
11193
|
-
var _templateObject$
|
|
11250
|
+
var _templateObject$22;
|
|
11194
11251
|
// components
|
|
11195
11252
|
function DropDowns$1() {
|
|
11196
11253
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement(BjsMenu, null), React__default.createElement(Options, null), React__default.createElement(Print, null)));
|
|
11197
11254
|
}
|
|
11198
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
11255
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11199
11256
|
|
|
11200
|
-
var _templateObject$
|
|
11257
|
+
var _templateObject$23;
|
|
11201
11258
|
// import Actions from './actions/Actions';
|
|
11202
11259
|
var ActionsMenu = function ActionsMenu() {
|
|
11203
11260
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11204
11261
|
};
|
|
11205
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11262
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__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"])));
|
|
11206
11263
|
|
|
11207
|
-
var _templateObject$
|
|
11264
|
+
var _templateObject$24;
|
|
11208
11265
|
var DetailsFilters = function DetailsFilters() {
|
|
11209
11266
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11210
11267
|
};
|
|
11211
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11268
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__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"])));
|
|
11212
11269
|
|
|
11213
|
-
var _templateObject$
|
|
11270
|
+
var _templateObject$25, _templateObject2$1z, _templateObject3$S, _templateObject4$v;
|
|
11214
11271
|
function OrderView() {
|
|
11215
11272
|
antd.notification.config({
|
|
11216
11273
|
top: 150
|
|
@@ -11255,7 +11312,8 @@ function OrderView() {
|
|
|
11255
11312
|
var _useLiveRecalling = useLiveRecalling(),
|
|
11256
11313
|
liveRecalling = _useLiveRecalling[0];
|
|
11257
11314
|
var systemLogsData = useSystemLogs();
|
|
11258
|
-
|
|
11315
|
+
var _useVisibilityData = useVisibilityData(),
|
|
11316
|
+
setVisibilityData = _useVisibilityData[1];
|
|
11259
11317
|
// query param
|
|
11260
11318
|
var location = reactRouterDom.useLocation();
|
|
11261
11319
|
var _useState2 = React.useState([]),
|
|
@@ -11345,13 +11403,12 @@ function OrderView() {
|
|
|
11345
11403
|
React.useEffect(function () {
|
|
11346
11404
|
setLoading(staticDataLoading);
|
|
11347
11405
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
11406
|
+
var _fetchedStaticData$da;
|
|
11348
11407
|
var result = fetchedStaticData == null ? void 0 : fetchedStaticData.data;
|
|
11349
11408
|
setOrderStaticData(result[0]);
|
|
11350
|
-
|
|
11351
|
-
|
|
11352
|
-
|
|
11353
|
-
// )
|
|
11354
|
-
// );
|
|
11409
|
+
setVisibilityData(fetchedStaticData == null || (_fetchedStaticData$da = fetchedStaticData.data) == null ? void 0 : _fetchedStaticData$da.flatMap(function (i) {
|
|
11410
|
+
return i == null ? void 0 : i.resource_visibility_type;
|
|
11411
|
+
}));
|
|
11355
11412
|
}
|
|
11356
11413
|
}, [staticDataLoading]);
|
|
11357
11414
|
React.useEffect(function () {
|
|
@@ -11523,7 +11580,7 @@ function OrderView() {
|
|
|
11523
11580
|
console.log(orderId, 'orderId');
|
|
11524
11581
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
11525
11582
|
}
|
|
11526
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11583
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
11527
11584
|
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
11528
11585
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11529
11586
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
@@ -11531,7 +11588,7 @@ var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_t
|
|
|
11531
11588
|
var _templateObject2$1A;
|
|
11532
11589
|
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__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"])));
|
|
11533
11590
|
|
|
11534
|
-
var _templateObject$
|
|
11591
|
+
var _templateObject$26, _templateObject2$1B;
|
|
11535
11592
|
var SearchType = function SearchType() {
|
|
11536
11593
|
var _useState = React.useState(''),
|
|
11537
11594
|
searchText = _useState[0],
|
|
@@ -11546,7 +11603,7 @@ var SearchType = function SearchType() {
|
|
|
11546
11603
|
onChange: handleInputChange
|
|
11547
11604
|
}));
|
|
11548
11605
|
};
|
|
11549
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11606
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
11550
11607
|
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$1B || (_templateObject2$1B = /*#__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"])));
|
|
11551
11608
|
|
|
11552
11609
|
var BulkFilter = function BulkFilter() {
|
|
@@ -11894,7 +11951,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11894
11951
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11895
11952
|
});
|
|
11896
11953
|
|
|
11897
|
-
var _templateObject$
|
|
11954
|
+
var _templateObject$27, _templateObject2$1C, _templateObject3$T;
|
|
11898
11955
|
var _excluded$6 = ["count"];
|
|
11899
11956
|
function ReturnMainTable() {
|
|
11900
11957
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -11965,7 +12022,7 @@ function ReturnMainTable() {
|
|
|
11965
12022
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
11966
12023
|
}, React__default.createElement("div", {
|
|
11967
12024
|
className: "Tableconatiner"
|
|
11968
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
12025
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1a, null, React__default.createElement(Row$7, null, React__default.createElement(Text, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
|
|
11969
12026
|
currentPage: page,
|
|
11970
12027
|
totalItems: total,
|
|
11971
12028
|
itemsPerPage: itemsPerPage,
|
|
@@ -11973,8 +12030,8 @@ function ReturnMainTable() {
|
|
|
11973
12030
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11974
12031
|
}))));
|
|
11975
12032
|
}
|
|
11976
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11977
|
-
var Container$
|
|
12033
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12034
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11978
12035
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
11979
12036
|
|
|
11980
12037
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|