@bjsdistribution/dms-client-return 0.0.76 → 0.0.77
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 +294 -238
- 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 +294 -238
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- 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 +22 -10
- 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 = {
|
|
@@ -1569,21 +1574,37 @@ 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');
|
|
1576
1583
|
};
|
|
1577
1584
|
return React__default.createElement(OptionsList, null, options == null ? void 0 : options.map(function (item, index) {
|
|
1578
1585
|
var IconComponent = PrintIconMap[item.icon];
|
|
1586
|
+
var isDisabled = !legacyURL || !legacyProductID;
|
|
1579
1587
|
return React__default.createElement(OptionsListLi, {
|
|
1580
1588
|
key: index,
|
|
1581
|
-
onClick: downloadFiles
|
|
1589
|
+
onClick: !isDisabled ? downloadFiles : undefined,
|
|
1590
|
+
disabled: isDisabled
|
|
1582
1591
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
1583
1592
|
}));
|
|
1584
1593
|
};
|
|
1585
1594
|
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"])))
|
|
1595
|
+
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) {
|
|
1596
|
+
var disabled = _ref2.disabled;
|
|
1597
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
1598
|
+
}, function (_ref3) {
|
|
1599
|
+
var disabled = _ref3.disabled;
|
|
1600
|
+
return disabled ? '#ccc' : 'inherit';
|
|
1601
|
+
}, function (_ref4) {
|
|
1602
|
+
var disabled = _ref4.disabled;
|
|
1603
|
+
return disabled ? 'none' : 'auto';
|
|
1604
|
+
}, function (_ref5) {
|
|
1605
|
+
var disabled = _ref5.disabled;
|
|
1606
|
+
return disabled ? '#f5f5f5' : 'transparent';
|
|
1607
|
+
});
|
|
1587
1608
|
|
|
1588
1609
|
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6, _templateObject7$2;
|
|
1589
1610
|
function Loader(props) {
|
|
@@ -1991,10 +2012,11 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1991
2012
|
onClick: function onClick() {
|
|
1992
2013
|
return OpenDropDown(index);
|
|
1993
2014
|
}
|
|
1994
|
-
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle
|
|
2015
|
+
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle === index && React__default.createElement("div", {
|
|
1995
2016
|
ref: dropdownRef
|
|
1996
2017
|
}, React__default.createElement(PrintDropDownReturn, {
|
|
1997
|
-
|
|
2018
|
+
legacyURL: item == null ? void 0 : item.return_order_product_label,
|
|
2019
|
+
legacyProductID: item == null ? void 0 : item.legacy_product_id
|
|
1998
2020
|
})))))));
|
|
1999
2021
|
})))));
|
|
2000
2022
|
};
|
|
@@ -5539,7 +5561,38 @@ function OrderDetails$1() {
|
|
|
5539
5561
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, null));
|
|
5540
5562
|
}
|
|
5541
5563
|
|
|
5542
|
-
var _templateObject$X
|
|
5564
|
+
var _templateObject$X;
|
|
5565
|
+
function NoteType() {
|
|
5566
|
+
var _useVisibilityData = useVisibilityData(),
|
|
5567
|
+
visibilityData = _useVisibilityData[0];
|
|
5568
|
+
var _useSelectedData = useSelectedData(),
|
|
5569
|
+
selected = _useSelectedData[0],
|
|
5570
|
+
setSelected = _useSelectedData[1];
|
|
5571
|
+
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5572
|
+
var selectedValue = event.target.value;
|
|
5573
|
+
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5574
|
+
return option.value === selectedValue;
|
|
5575
|
+
});
|
|
5576
|
+
if (selectedOption) {
|
|
5577
|
+
setSelected(selectedOption.value);
|
|
5578
|
+
}
|
|
5579
|
+
};
|
|
5580
|
+
return React__default.createElement(Container$B, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
5581
|
+
selectedValue: selected,
|
|
5582
|
+
heading: "",
|
|
5583
|
+
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
5584
|
+
return {
|
|
5585
|
+
label: client.type,
|
|
5586
|
+
value: client.value
|
|
5587
|
+
};
|
|
5588
|
+
}),
|
|
5589
|
+
onChange: handleRadioButtonChange,
|
|
5590
|
+
required: false
|
|
5591
|
+
}));
|
|
5592
|
+
}
|
|
5593
|
+
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"])));
|
|
5594
|
+
|
|
5595
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$j;
|
|
5543
5596
|
function AddNote() {
|
|
5544
5597
|
var _useState = React.useState(''),
|
|
5545
5598
|
noteText = _useState[0],
|
|
@@ -5554,6 +5607,8 @@ function AddNote() {
|
|
|
5554
5607
|
moduleIds = _usemoduleIds[0];
|
|
5555
5608
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5556
5609
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5610
|
+
var _useSelectedData = useSelectedData(),
|
|
5611
|
+
selected = _useSelectedData[0];
|
|
5557
5612
|
// Save New Note
|
|
5558
5613
|
var _useState2 = React.useState(null),
|
|
5559
5614
|
notificationData = _useState2[0],
|
|
@@ -5581,7 +5636,8 @@ function AddNote() {
|
|
|
5581
5636
|
action: 'create',
|
|
5582
5637
|
description: noteText,
|
|
5583
5638
|
data_dump: '{}',
|
|
5584
|
-
manual: 1
|
|
5639
|
+
manual: 1,
|
|
5640
|
+
is_private: selected
|
|
5585
5641
|
}]
|
|
5586
5642
|
};
|
|
5587
5643
|
_context.prev = 5;
|
|
@@ -5646,7 +5702,7 @@ function AddNote() {
|
|
|
5646
5702
|
top: 80
|
|
5647
5703
|
});
|
|
5648
5704
|
}, [notificationData]);
|
|
5649
|
-
return React__default.createElement(Container$
|
|
5705
|
+
return React__default.createElement(Container$C, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
5650
5706
|
label: "Add New Note"
|
|
5651
5707
|
}), React__default.createElement(StyledTextArea, {
|
|
5652
5708
|
name: "description",
|
|
@@ -5658,9 +5714,9 @@ function AddNote() {
|
|
|
5658
5714
|
}), React__default.createElement(SaveNoteContainer, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
5659
5715
|
disabled: !noteText,
|
|
5660
5716
|
onClick: saveNote
|
|
5661
|
-
}, "SAVE NOTE")));
|
|
5717
|
+
}, "SAVE NOTE"), React__default.createElement(NoteType, null)));
|
|
5662
5718
|
}
|
|
5663
|
-
var Container$
|
|
5719
|
+
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
5720
|
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
5721
|
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
5722
|
|
|
@@ -5683,7 +5739,7 @@ var Th = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3
|
|
|
5683
5739
|
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
5740
|
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
5741
|
|
|
5686
|
-
var _templateObject$
|
|
5742
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2, _templateObject9$1;
|
|
5687
5743
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5688
5744
|
var _getNotes$data, _getNotes$data2;
|
|
5689
5745
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -5712,7 +5768,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5712
5768
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5713
5769
|
}, "No data found"))))));
|
|
5714
5770
|
};
|
|
5715
|
-
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5771
|
+
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
5772
|
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
5717
5773
|
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
5774
|
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 +5778,13 @@ var CreatedBy$1 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templ
|
|
|
5722
5778
|
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5723
5779
|
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
5780
|
|
|
5725
|
-
var _templateObject$
|
|
5781
|
+
var _templateObject$_;
|
|
5726
5782
|
function AuditLogs() {
|
|
5727
|
-
return React__default.createElement(Container$
|
|
5783
|
+
return React__default.createElement(Container$D, null, React__default.createElement(GenericAuditLogsTable, null));
|
|
5728
5784
|
}
|
|
5729
|
-
var Container$
|
|
5785
|
+
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
5786
|
|
|
5731
|
-
var _templateObject
|
|
5787
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$m;
|
|
5732
5788
|
// import { useLocation } from 'react-router-dom';
|
|
5733
5789
|
function Notes() {
|
|
5734
5790
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5810,18 +5866,18 @@ function Notes() {
|
|
|
5810
5866
|
}
|
|
5811
5867
|
setAuditLogLoading(NotesLoading);
|
|
5812
5868
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5813
|
-
return React__default.createElement(Container$
|
|
5869
|
+
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
5870
|
}
|
|
5815
|
-
var Container$
|
|
5871
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5816
5872
|
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
5873
|
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
5874
|
|
|
5819
|
-
var _templateObject
|
|
5875
|
+
var _templateObject$10;
|
|
5820
5876
|
// import styled from 'styled-components';
|
|
5821
5877
|
function SystemCollapsedContent() {
|
|
5822
5878
|
return React__default.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
5823
5879
|
}
|
|
5824
|
-
var Font = /*#__PURE__*/styled__default.div(_templateObject
|
|
5880
|
+
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
5881
|
|
|
5826
5882
|
function ChevronUp(props) {
|
|
5827
5883
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -5839,12 +5895,12 @@ function ChevronUp(props) {
|
|
|
5839
5895
|
}));
|
|
5840
5896
|
}
|
|
5841
5897
|
|
|
5842
|
-
var _templateObject$
|
|
5898
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3;
|
|
5843
5899
|
function CollapsableForm(props) {
|
|
5844
5900
|
var _useState = React.useState(true),
|
|
5845
5901
|
isExpanded = _useState[0],
|
|
5846
5902
|
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$
|
|
5903
|
+
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
5904
|
onClick: function onClick() {
|
|
5849
5905
|
return setIsExpanded(function (prev) {
|
|
5850
5906
|
return !prev;
|
|
@@ -5859,10 +5915,10 @@ function CollapsableForm(props) {
|
|
|
5859
5915
|
isExpanded: isExpanded
|
|
5860
5916
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
5861
5917
|
}
|
|
5862
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5918
|
+
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
5919
|
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
5920
|
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$
|
|
5921
|
+
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
5922
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5867
5923
|
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
5924
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -5870,7 +5926,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_t
|
|
|
5870
5926
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5871
5927
|
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
5928
|
|
|
5873
|
-
var _templateObject$
|
|
5929
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$o;
|
|
5874
5930
|
function CustomScrollBar(props) {
|
|
5875
5931
|
var children = props.children,
|
|
5876
5932
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5888,11 +5944,11 @@ function CustomScrollBar(props) {
|
|
|
5888
5944
|
}
|
|
5889
5945
|
}, children);
|
|
5890
5946
|
}
|
|
5891
|
-
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5947
|
+
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
5948
|
var View = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5893
5949
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5894
5950
|
|
|
5895
|
-
var _templateObject$
|
|
5951
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$p, _templateObject4$c, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2;
|
|
5896
5952
|
function DynamicTable(_ref) {
|
|
5897
5953
|
var columns = _ref.columns,
|
|
5898
5954
|
data = _ref.data;
|
|
@@ -5913,7 +5969,7 @@ function DynamicTable(_ref) {
|
|
|
5913
5969
|
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'category', 'action'];
|
|
5914
5970
|
var mediumColumns = ['date'];
|
|
5915
5971
|
var largeColumns = ['reference', 'notes', 'details', 'datetime'];
|
|
5916
|
-
return React__default.createElement(MainContainer$6, null, React__default.createElement(Container$
|
|
5972
|
+
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
5973
|
return React__default.createElement(TableRow, {
|
|
5918
5974
|
key: headerGroup.id
|
|
5919
5975
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -5938,7 +5994,7 @@ function DynamicTable(_ref) {
|
|
|
5938
5994
|
// transform: rotate(180deg);
|
|
5939
5995
|
// cursor: pointer;
|
|
5940
5996
|
// `;
|
|
5941
|
-
var Container$
|
|
5997
|
+
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
5998
|
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
5999
|
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
6000
|
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 +6004,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$6 || (_templ
|
|
|
5948
6004
|
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
6005
|
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
6006
|
|
|
5951
|
-
var _templateObject$
|
|
6007
|
+
var _templateObject$14, _templateObject2$P;
|
|
5952
6008
|
function Event(props) {
|
|
5953
6009
|
var _props$row;
|
|
5954
6010
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5963,7 +6019,7 @@ function Event(props) {
|
|
|
5963
6019
|
};
|
|
5964
6020
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
5965
6021
|
}
|
|
5966
|
-
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6022
|
+
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5967
6023
|
var Row = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5968
6024
|
|
|
5969
6025
|
//to change data into options
|
|
@@ -6011,25 +6067,25 @@ var priorityData = [{
|
|
|
6011
6067
|
color: '#E95252'
|
|
6012
6068
|
}];
|
|
6013
6069
|
|
|
6014
|
-
var _templateObject$
|
|
6070
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6015
6071
|
function Date$1(props) {
|
|
6016
6072
|
var _props$row;
|
|
6017
6073
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6018
6074
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate$1(data)));
|
|
6019
6075
|
}
|
|
6020
|
-
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6076
|
+
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6021
6077
|
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6022
6078
|
|
|
6023
|
-
var _templateObject$
|
|
6079
|
+
var _templateObject$16, _templateObject2$R;
|
|
6024
6080
|
function Code(props) {
|
|
6025
6081
|
var _props$row;
|
|
6026
6082
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6027
6083
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6028
6084
|
}
|
|
6029
|
-
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6085
|
+
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6030
6086
|
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6031
6087
|
|
|
6032
|
-
var _templateObject$
|
|
6088
|
+
var _templateObject$17, _templateObject2$S;
|
|
6033
6089
|
function Note(props) {
|
|
6034
6090
|
var _props$row;
|
|
6035
6091
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6037,7 +6093,7 @@ function Note(props) {
|
|
|
6037
6093
|
title: data
|
|
6038
6094
|
}, React__default.createElement(Row$3, null, data));
|
|
6039
6095
|
}
|
|
6040
|
-
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6096
|
+
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
6097
|
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6042
6098
|
|
|
6043
6099
|
var tableColumns = [{
|
|
@@ -6141,7 +6197,7 @@ function useGetEventNotes() {
|
|
|
6141
6197
|
return perform;
|
|
6142
6198
|
}
|
|
6143
6199
|
|
|
6144
|
-
var _templateObject$
|
|
6200
|
+
var _templateObject$18;
|
|
6145
6201
|
function SystemLogs() {
|
|
6146
6202
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
6147
6203
|
systemLogs = _useOrderProductSyste[0];
|
|
@@ -6193,7 +6249,7 @@ function SystemLogs() {
|
|
|
6193
6249
|
data: systemLogs
|
|
6194
6250
|
})));
|
|
6195
6251
|
}
|
|
6196
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6252
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6197
6253
|
|
|
6198
6254
|
var StatusOptions = [{
|
|
6199
6255
|
label: 'Released',
|
|
@@ -6350,11 +6406,11 @@ function ConfirmedIcon() {
|
|
|
6350
6406
|
}))));
|
|
6351
6407
|
}
|
|
6352
6408
|
|
|
6353
|
-
var _templateObject$
|
|
6409
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$q, _templateObject4$d;
|
|
6354
6410
|
function Status() {
|
|
6355
6411
|
var _useStatusDetails = useStatusDetails(),
|
|
6356
6412
|
orderStatus = _useStatusDetails[0];
|
|
6357
|
-
return React__default.createElement(Container$
|
|
6413
|
+
return React__default.createElement(Container$H, null, React__default.createElement(BoxContainer, null, StatusOptions.map(function (option, index) {
|
|
6358
6414
|
return React__default.createElement(React__default.Fragment, {
|
|
6359
6415
|
key: index
|
|
6360
6416
|
}, 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 +6452,17 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6396
6452
|
return null;
|
|
6397
6453
|
}
|
|
6398
6454
|
};
|
|
6399
|
-
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6455
|
+
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
6456
|
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$
|
|
6457
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6402
6458
|
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
6459
|
|
|
6404
|
-
var _templateObject$
|
|
6460
|
+
var _templateObject$1a;
|
|
6405
6461
|
// import DropDownOptions from './dropdowns';
|
|
6406
6462
|
function GeneralHeader() {
|
|
6407
6463
|
return React__default.createElement(Section, null, React__default.createElement(Status, null));
|
|
6408
6464
|
}
|
|
6409
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6465
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6410
6466
|
|
|
6411
6467
|
var ActionIcon = function ActionIcon() {
|
|
6412
6468
|
return React__default.createElement("svg", {
|
|
@@ -6548,13 +6604,13 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6548
6604
|
}, "No records found"))))));
|
|
6549
6605
|
};
|
|
6550
6606
|
|
|
6551
|
-
var _templateObject$
|
|
6607
|
+
var _templateObject$1b;
|
|
6552
6608
|
var ProductTable = function ProductTable() {
|
|
6553
|
-
return React__default.createElement(Container$
|
|
6609
|
+
return React__default.createElement(Container$I, null, React__default.createElement(ReturnProductTable, null));
|
|
6554
6610
|
};
|
|
6555
|
-
var Container$
|
|
6611
|
+
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
6612
|
|
|
6557
|
-
var _templateObject$
|
|
6613
|
+
var _templateObject$1c, _templateObject2$U;
|
|
6558
6614
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6559
6615
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6560
6616
|
var defaultSelectStyle = {
|
|
@@ -6651,7 +6707,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6651
6707
|
value: order.id
|
|
6652
6708
|
};
|
|
6653
6709
|
});
|
|
6654
|
-
return React__default.createElement(Container$
|
|
6710
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(antd.Select, {
|
|
6655
6711
|
options: dropdownOptions,
|
|
6656
6712
|
placeholder: "Select",
|
|
6657
6713
|
onChange: handleDropdownChange,
|
|
@@ -6664,10 +6720,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6664
6720
|
popupClassName: defaultPopupClassName
|
|
6665
6721
|
}));
|
|
6666
6722
|
};
|
|
6667
|
-
var Container$
|
|
6723
|
+
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
6724
|
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
6725
|
|
|
6670
|
-
var _templateObject$
|
|
6726
|
+
var _templateObject$1d, _templateObject2$V, _templateObject3$r;
|
|
6671
6727
|
function ExpandedContent$2() {
|
|
6672
6728
|
var _response$data, _response$data2;
|
|
6673
6729
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6736,7 +6792,7 @@ function ExpandedContent$2() {
|
|
|
6736
6792
|
setSelectedProducts([]);
|
|
6737
6793
|
}
|
|
6738
6794
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
6739
|
-
return React__default.createElement(Container$
|
|
6795
|
+
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
6796
|
style: {
|
|
6741
6797
|
borderRadius: '20px'
|
|
6742
6798
|
},
|
|
@@ -6744,18 +6800,18 @@ function ExpandedContent$2() {
|
|
|
6744
6800
|
disabled: isButtonDisabled
|
|
6745
6801
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6746
6802
|
}
|
|
6747
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6803
|
+
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
6804
|
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6749
|
-
var Container$
|
|
6805
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6750
6806
|
|
|
6751
|
-
var _templateObject$
|
|
6807
|
+
var _templateObject$1e, _templateObject2$W;
|
|
6752
6808
|
function CollapsedContent$1() {
|
|
6753
|
-
return React__default.createElement(Container$
|
|
6809
|
+
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6754
6810
|
label: "Products"
|
|
6755
6811
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6756
6812
|
}
|
|
6757
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6758
|
-
var Container$
|
|
6813
|
+
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"])));
|
|
6814
|
+
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
6815
|
|
|
6760
6816
|
function ProductsInfo() {
|
|
6761
6817
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6795,22 +6851,22 @@ function ProductsInfo() {
|
|
|
6795
6851
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
6796
6852
|
}
|
|
6797
6853
|
|
|
6798
|
-
var _templateObject$
|
|
6854
|
+
var _templateObject$1f;
|
|
6799
6855
|
function BackgroundModal(props) {
|
|
6800
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
6856
|
+
return reactDom.createPortal(React__default.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6801
6857
|
}
|
|
6802
|
-
var Container$
|
|
6858
|
+
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
6859
|
|
|
6804
|
-
var _templateObject$
|
|
6860
|
+
var _templateObject$1g, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6805
6861
|
function AdditionalInformation(props) {
|
|
6806
|
-
return React__default.createElement(Container$
|
|
6862
|
+
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
6863
|
}
|
|
6808
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
6809
|
-
var Container$
|
|
6864
|
+
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"])));
|
|
6865
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6810
6866
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6811
6867
|
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
6868
|
|
|
6813
|
-
var _templateObject$
|
|
6869
|
+
var _templateObject$1h, _templateObject2$Y, _templateObject3$t, _templateObject4$f;
|
|
6814
6870
|
function OrderActionHeader(props) {
|
|
6815
6871
|
var title = props.title,
|
|
6816
6872
|
actions = props.actions,
|
|
@@ -6819,31 +6875,31 @@ function OrderActionHeader(props) {
|
|
|
6819
6875
|
_props$infoText = props.infoText,
|
|
6820
6876
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
6821
6877
|
onClose = props.onClose;
|
|
6822
|
-
return React__default.createElement(Container$
|
|
6878
|
+
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
6879
|
info: infoText
|
|
6824
6880
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
6825
6881
|
onClick: onClose
|
|
6826
6882
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6827
6883
|
}
|
|
6828
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6884
|
+
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
6885
|
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
6886
|
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$
|
|
6887
|
+
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
6888
|
|
|
6833
|
-
var _templateObject$
|
|
6889
|
+
var _templateObject$1i, _templateObject2$Z;
|
|
6834
6890
|
function OrderActionFooter(props) {
|
|
6835
6891
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6836
|
-
return React__default.createElement(Container$
|
|
6892
|
+
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
6837
6893
|
shape: "rounded",
|
|
6838
6894
|
colors: "primary",
|
|
6839
6895
|
onClick: props.onSubmit,
|
|
6840
6896
|
disabled: isSubmitDisabled
|
|
6841
6897
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6842
6898
|
}
|
|
6843
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
6844
|
-
var Container$
|
|
6899
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6900
|
+
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
6901
|
|
|
6846
|
-
var _templateObject$
|
|
6902
|
+
var _templateObject$1j;
|
|
6847
6903
|
function OrderActionModal(props) {
|
|
6848
6904
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
6849
6905
|
title: props.headerTitle,
|
|
@@ -6858,11 +6914,11 @@ function OrderActionModal(props) {
|
|
|
6858
6914
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6859
6915
|
})));
|
|
6860
6916
|
}
|
|
6861
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6917
|
+
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
6918
|
|
|
6863
|
-
var _templateObject$
|
|
6919
|
+
var _templateObject$1k, _templateObject2$_;
|
|
6864
6920
|
function OrderActionsDropdown(props) {
|
|
6865
|
-
return React__default.createElement(Container$
|
|
6921
|
+
return React__default.createElement(Container$Q, {
|
|
6866
6922
|
className: props.className
|
|
6867
6923
|
}, React__default.createElement(Label$1, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
6868
6924
|
options: props.options,
|
|
@@ -6879,8 +6935,8 @@ function OrderActionsDropdown(props) {
|
|
|
6879
6935
|
defaultValue: props.value
|
|
6880
6936
|
}));
|
|
6881
6937
|
}
|
|
6882
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
6883
|
-
var Container$
|
|
6938
|
+
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"])));
|
|
6939
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6884
6940
|
|
|
6885
6941
|
function DocumentTypeDropdown() {
|
|
6886
6942
|
var onSelect = function onSelect() {};
|
|
@@ -6960,7 +7016,7 @@ function UploadIcon(props) {
|
|
|
6960
7016
|
})));
|
|
6961
7017
|
}
|
|
6962
7018
|
|
|
6963
|
-
var _templateObject$
|
|
7019
|
+
var _templateObject$1l, _templateObject2$$, _templateObject3$u, _templateObject4$g, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
6964
7020
|
var Dragger = antd.Upload.Dragger;
|
|
6965
7021
|
var props = {
|
|
6966
7022
|
name: 'file',
|
|
@@ -6982,20 +7038,20 @@ var props = {
|
|
|
6982
7038
|
}
|
|
6983
7039
|
};
|
|
6984
7040
|
function DocFileUpload() {
|
|
6985
|
-
return React__default.createElement(MainContainer$8, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$
|
|
7041
|
+
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
7042
|
colors: 'secondary',
|
|
6987
7043
|
shape: 'rounded'
|
|
6988
7044
|
}, "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
7045
|
}
|
|
6990
|
-
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7046
|
+
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
7047
|
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
7048
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
6993
7049
|
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
7050
|
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
7051
|
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$
|
|
7052
|
+
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
7053
|
|
|
6998
|
-
var _templateObject$
|
|
7054
|
+
var _templateObject$1m, _templateObject2$10, _templateObject3$v, _templateObject4$h;
|
|
6999
7055
|
// import DocFileUpload from './DocFileUpload';
|
|
7000
7056
|
function AddResources() {
|
|
7001
7057
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7011,7 +7067,7 @@ function AddResources() {
|
|
|
7011
7067
|
onSubmit: function onSubmit() {}
|
|
7012
7068
|
}, 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
7069
|
}
|
|
7014
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7070
|
+
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
7071
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7016
7072
|
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
7073
|
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 +7208,9 @@ function useUpdateReminderData() {
|
|
|
7152
7208
|
return jotai.useAtom(reminderUpdatePayload);
|
|
7153
7209
|
}
|
|
7154
7210
|
|
|
7155
|
-
var _templateObject$
|
|
7211
|
+
var _templateObject$1n, _templateObject2$11, _templateObject3$w;
|
|
7156
7212
|
// Styled components
|
|
7157
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7213
|
+
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
7214
|
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
7215
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7160
7216
|
|
|
@@ -7238,7 +7294,7 @@ function SplitOrderTable() {
|
|
|
7238
7294
|
}))));
|
|
7239
7295
|
}
|
|
7240
7296
|
|
|
7241
|
-
var _templateObject$
|
|
7297
|
+
var _templateObject$1o;
|
|
7242
7298
|
function SplitOrder() {
|
|
7243
7299
|
var _useCurrentAction = useCurrentAction(),
|
|
7244
7300
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7286,7 +7342,7 @@ function SplitOrder() {
|
|
|
7286
7342
|
isSubmitDisabled: isSubmitDisabled()
|
|
7287
7343
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
7288
7344
|
}
|
|
7289
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7345
|
+
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
7346
|
|
|
7291
7347
|
function RadioButtonCheckIcon(props) {
|
|
7292
7348
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -7317,7 +7373,7 @@ var fonts = {
|
|
|
7317
7373
|
secondary: "'Lato', sans-serif"
|
|
7318
7374
|
};
|
|
7319
7375
|
|
|
7320
|
-
var _templateObject$
|
|
7376
|
+
var _templateObject$1p, _templateObject2$12, _templateObject3$x;
|
|
7321
7377
|
function RadioButton(props) {
|
|
7322
7378
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7323
7379
|
color: props.color
|
|
@@ -7328,7 +7384,7 @@ function RadioButton(props) {
|
|
|
7328
7384
|
htmlFor: props.id
|
|
7329
7385
|
}, props.label));
|
|
7330
7386
|
}
|
|
7331
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7387
|
+
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
7388
|
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
7389
|
return props.color || '#6396e5';
|
|
7334
7390
|
}, function (props) {
|
|
@@ -7336,7 +7392,7 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject2$12 || (_template
|
|
|
7336
7392
|
});
|
|
7337
7393
|
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
7394
|
|
|
7339
|
-
var _templateObject$
|
|
7395
|
+
var _templateObject$1q, _templateObject2$13, _templateObject3$y, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8;
|
|
7340
7396
|
function RadioButtonGroup(props) {
|
|
7341
7397
|
var heading = props.heading,
|
|
7342
7398
|
_props$direction = props.direction,
|
|
@@ -7371,7 +7427,7 @@ function RadioButtonGroup(props) {
|
|
|
7371
7427
|
className: "custom-wrapper"
|
|
7372
7428
|
}, renderOptions()));
|
|
7373
7429
|
}
|
|
7374
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7430
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7375
7431
|
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
7432
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7377
7433
|
return !props.$required && 'visibility: hidden;';
|
|
@@ -7383,7 +7439,7 @@ var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templat
|
|
|
7383
7439
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7384
7440
|
});
|
|
7385
7441
|
|
|
7386
|
-
var _templateObject$
|
|
7442
|
+
var _templateObject$1r;
|
|
7387
7443
|
var deliveryPoints = [{
|
|
7388
7444
|
label: 'Hallway',
|
|
7389
7445
|
value: 'hallway'
|
|
@@ -7405,7 +7461,7 @@ function DeliveryPoint() {
|
|
|
7405
7461
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
7406
7462
|
selectedValue = _React$useState[0],
|
|
7407
7463
|
setSelectedValue = _React$useState[1];
|
|
7408
|
-
return React__default.createElement(Container$
|
|
7464
|
+
return React__default.createElement(Container$S, null, React__default.createElement(RadioButtonGroup, {
|
|
7409
7465
|
heading: "Delivery Point",
|
|
7410
7466
|
options: deliveryPoints || [],
|
|
7411
7467
|
onChange: radioGroupHandler,
|
|
@@ -7414,9 +7470,9 @@ function DeliveryPoint() {
|
|
|
7414
7470
|
required: false
|
|
7415
7471
|
}));
|
|
7416
7472
|
}
|
|
7417
|
-
var Container$
|
|
7473
|
+
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
7474
|
|
|
7419
|
-
var _templateObject$
|
|
7475
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$z, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5;
|
|
7420
7476
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7421
7477
|
function Checkbox(props) {
|
|
7422
7478
|
var imageSrc = props.imageSrc,
|
|
@@ -7437,7 +7493,7 @@ function Checkbox(props) {
|
|
|
7437
7493
|
"$checked": checked
|
|
7438
7494
|
}, label)));
|
|
7439
7495
|
}
|
|
7440
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
7496
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7441
7497
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7442
7498
|
});
|
|
7443
7499
|
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 +7533,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7477
7533
|
return "" + baseURL$1 + subPath;
|
|
7478
7534
|
};
|
|
7479
7535
|
|
|
7480
|
-
var _templateObject$
|
|
7536
|
+
var _templateObject$1t;
|
|
7481
7537
|
function OrderServices$1() {
|
|
7482
7538
|
// TO DO -> get services from static data
|
|
7483
|
-
return React__default.createElement(Container$
|
|
7539
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Checkbox, {
|
|
7484
7540
|
checked: false,
|
|
7485
7541
|
label: "Assemble",
|
|
7486
7542
|
imageSrc: getIcon$1(1)
|
|
@@ -7502,23 +7558,23 @@ function OrderServices$1() {
|
|
|
7502
7558
|
imageSrc: getIcon$1(4)
|
|
7503
7559
|
}));
|
|
7504
7560
|
}
|
|
7505
|
-
var Container$
|
|
7561
|
+
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
7562
|
|
|
7507
|
-
var _templateObject$
|
|
7563
|
+
var _templateObject$1u, _templateObject2$15;
|
|
7508
7564
|
function Notes$1(_ref) {
|
|
7509
7565
|
var onNotesChange = _ref.onNotesChange;
|
|
7510
7566
|
var handleTextChange = function handleTextChange(event) {
|
|
7511
7567
|
onNotesChange(event.target.value);
|
|
7512
7568
|
};
|
|
7513
|
-
return React__default.createElement(Container$
|
|
7569
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
7514
7570
|
rows: 15,
|
|
7515
7571
|
onChange: handleTextChange
|
|
7516
7572
|
}));
|
|
7517
7573
|
}
|
|
7518
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7519
|
-
var Container$
|
|
7574
|
+
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"])));
|
|
7575
|
+
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
7576
|
|
|
7521
|
-
var _templateObject$
|
|
7577
|
+
var _templateObject$1v, _templateObject2$16, _templateObject3$A;
|
|
7522
7578
|
function LogServiceRefusal() {
|
|
7523
7579
|
var _useCurrentAction = useCurrentAction(),
|
|
7524
7580
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7538,7 +7594,7 @@ function LogServiceRefusal() {
|
|
|
7538
7594
|
}
|
|
7539
7595
|
}))));
|
|
7540
7596
|
}
|
|
7541
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7597
|
+
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
7598
|
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
7599
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7544
7600
|
|
|
@@ -7566,7 +7622,7 @@ function ReturnReason() {
|
|
|
7566
7622
|
});
|
|
7567
7623
|
}
|
|
7568
7624
|
|
|
7569
|
-
var _templateObject$
|
|
7625
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$B, _templateObject4$k, _templateObject5$e, _templateObject6$8, _templateObject7$a;
|
|
7570
7626
|
function CancelOrder() {
|
|
7571
7627
|
var _orderStaticData$canc;
|
|
7572
7628
|
var _useOrderId = useOrderId(),
|
|
@@ -7670,15 +7726,15 @@ function CancelOrder() {
|
|
|
7670
7726
|
options: cancelReasonOptions || [],
|
|
7671
7727
|
onSelect: onSelectCancelReason,
|
|
7672
7728
|
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$
|
|
7729
|
+
}), 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
7730
|
rows: 5,
|
|
7675
7731
|
onChange: onChangeNotes,
|
|
7676
7732
|
value: cancelNotes,
|
|
7677
7733
|
placeholder: "Reason for Cancel Order"
|
|
7678
7734
|
}))))));
|
|
7679
7735
|
}
|
|
7680
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7681
|
-
var Container$
|
|
7736
|
+
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"])));
|
|
7737
|
+
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
7738
|
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
7739
|
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
7740
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -7686,7 +7742,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObj
|
|
|
7686
7742
|
// const Bottom = styled.div``;
|
|
7687
7743
|
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
7744
|
|
|
7689
|
-
var _templateObject$
|
|
7745
|
+
var _templateObject$1x, _templateObject2$18, _templateObject3$C;
|
|
7690
7746
|
function EmailAddress() {
|
|
7691
7747
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7692
7748
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7718,7 +7774,7 @@ function EmailAddress() {
|
|
|
7718
7774
|
});
|
|
7719
7775
|
});
|
|
7720
7776
|
};
|
|
7721
|
-
return React__default.createElement(Container$
|
|
7777
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
7722
7778
|
style: {
|
|
7723
7779
|
borderRadius: '15px'
|
|
7724
7780
|
},
|
|
@@ -7727,11 +7783,11 @@ function EmailAddress() {
|
|
|
7727
7783
|
onChange: onChange
|
|
7728
7784
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
7729
7785
|
}
|
|
7730
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7731
|
-
var Container$
|
|
7786
|
+
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"])));
|
|
7787
|
+
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
7788
|
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
7789
|
|
|
7734
|
-
var _templateObject$
|
|
7790
|
+
var _templateObject$1y, _templateObject2$19, _templateObject3$D;
|
|
7735
7791
|
function ContactPhone() {
|
|
7736
7792
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7737
7793
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7780,7 +7836,7 @@ function ContactPhone() {
|
|
|
7780
7836
|
});
|
|
7781
7837
|
}
|
|
7782
7838
|
};
|
|
7783
|
-
return React__default.createElement(Container$
|
|
7839
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
7784
7840
|
name: "contact-home",
|
|
7785
7841
|
type: "text",
|
|
7786
7842
|
placeholder: "Home Number",
|
|
@@ -7792,11 +7848,11 @@ function ContactPhone() {
|
|
|
7792
7848
|
onChange: onChange
|
|
7793
7849
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7794
7850
|
}
|
|
7795
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7796
|
-
var Container$
|
|
7851
|
+
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"])));
|
|
7852
|
+
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
7853
|
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
7854
|
|
|
7799
|
-
var _templateObject$
|
|
7855
|
+
var _templateObject$1z, _templateObject2$1a, _templateObject3$E;
|
|
7800
7856
|
function ContactWork$1() {
|
|
7801
7857
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7802
7858
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7845,7 +7901,7 @@ function ContactWork$1() {
|
|
|
7845
7901
|
});
|
|
7846
7902
|
}
|
|
7847
7903
|
};
|
|
7848
|
-
return React__default.createElement(Container$
|
|
7904
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
7849
7905
|
name: "contact-work",
|
|
7850
7906
|
type: "text",
|
|
7851
7907
|
placeholder: "Work Number",
|
|
@@ -7857,11 +7913,11 @@ function ContactWork$1() {
|
|
|
7857
7913
|
onChange: onChange
|
|
7858
7914
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
7859
7915
|
}
|
|
7860
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7861
|
-
var Container$
|
|
7916
|
+
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"])));
|
|
7917
|
+
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
7918
|
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
7919
|
|
|
7864
|
-
var _templateObject$
|
|
7920
|
+
var _templateObject$1A, _templateObject2$1b, _templateObject3$F;
|
|
7865
7921
|
function ContactMobile$1() {
|
|
7866
7922
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7867
7923
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7910,7 +7966,7 @@ function ContactMobile$1() {
|
|
|
7910
7966
|
});
|
|
7911
7967
|
}
|
|
7912
7968
|
};
|
|
7913
|
-
return React__default.createElement(Container$
|
|
7969
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
7914
7970
|
name: "contact-work",
|
|
7915
7971
|
type: "text",
|
|
7916
7972
|
placeholder: "Mobile Number",
|
|
@@ -7922,8 +7978,8 @@ function ContactMobile$1() {
|
|
|
7922
7978
|
onChange: onChange
|
|
7923
7979
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
7924
7980
|
}
|
|
7925
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7926
|
-
var Container$
|
|
7981
|
+
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"])));
|
|
7982
|
+
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
7983
|
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
7984
|
|
|
7929
7985
|
function ContactTypeDropdown() {
|
|
@@ -7990,7 +8046,7 @@ function ActionDropdown() {
|
|
|
7990
8046
|
});
|
|
7991
8047
|
}
|
|
7992
8048
|
|
|
7993
|
-
var _templateObject$
|
|
8049
|
+
var _templateObject$1B, _templateObject2$1c;
|
|
7994
8050
|
function DeliveryDate$1() {
|
|
7995
8051
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7996
8052
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8015,7 +8071,7 @@ function DeliveryDate$1() {
|
|
|
8015
8071
|
var tomorrow = new Date(today);
|
|
8016
8072
|
tomorrow.setDate(today.getDate() + 1);
|
|
8017
8073
|
//confirm popouop
|
|
8018
|
-
return React__default.createElement(Container$
|
|
8074
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
8019
8075
|
onChange: handleDateChange,
|
|
8020
8076
|
format: "DD/MM/YYYY",
|
|
8021
8077
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -8026,8 +8082,8 @@ function DeliveryDate$1() {
|
|
|
8026
8082
|
allowClear: false
|
|
8027
8083
|
}));
|
|
8028
8084
|
}
|
|
8029
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8030
|
-
var Container$
|
|
8085
|
+
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"])));
|
|
8086
|
+
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
8087
|
|
|
8032
8088
|
function convertTo12HourFormat$1(time24) {
|
|
8033
8089
|
var _time24$split, _minutes$toString;
|
|
@@ -8076,19 +8132,19 @@ function TimedServiceDropdown$1() {
|
|
|
8076
8132
|
});
|
|
8077
8133
|
}
|
|
8078
8134
|
|
|
8079
|
-
var _templateObject$
|
|
8135
|
+
var _templateObject$1C, _templateObject2$1d, _templateObject3$G, _templateObject4$l;
|
|
8080
8136
|
function CustomerInformation() {
|
|
8081
8137
|
var _orderDetails$order_r;
|
|
8082
8138
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8083
8139
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8084
|
-
return React__default.createElement(Container
|
|
8140
|
+
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
8141
|
}
|
|
8086
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8142
|
+
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
8143
|
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
8144
|
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
|
|
8145
|
+
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
8146
|
|
|
8091
|
-
var _templateObject$
|
|
8147
|
+
var _templateObject$1D, _templateObject2$1e;
|
|
8092
8148
|
function ProductTable$1() {
|
|
8093
8149
|
var _useProductDetails = useProductDetails(),
|
|
8094
8150
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8097,7 +8153,7 @@ function ProductTable$1() {
|
|
|
8097
8153
|
if (!orderProductDetails) {
|
|
8098
8154
|
return null;
|
|
8099
8155
|
}
|
|
8100
|
-
return React__default.createElement(Container
|
|
8156
|
+
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
8157
|
className: "scrollClass"
|
|
8102
8158
|
}, 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
8159
|
colSpan: 6
|
|
@@ -8115,10 +8171,10 @@ function ProductTable$1() {
|
|
|
8115
8171
|
}, 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
8172
|
})))));
|
|
8117
8173
|
}
|
|
8118
|
-
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8119
|
-
var Container
|
|
8174
|
+
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"])));
|
|
8175
|
+
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
8176
|
|
|
8121
|
-
var _templateObject$
|
|
8177
|
+
var _templateObject$1E, _templateObject2$1f;
|
|
8122
8178
|
function NotesTable() {
|
|
8123
8179
|
var _useState = React.useState(null),
|
|
8124
8180
|
moduleIds = _useState[0],
|
|
@@ -8186,7 +8242,7 @@ function NotesTable() {
|
|
|
8186
8242
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8187
8243
|
return null;
|
|
8188
8244
|
}
|
|
8189
|
-
return React__default.createElement(Container$
|
|
8245
|
+
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
8246
|
className: "scrollClass"
|
|
8191
8247
|
}, 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
8248
|
colSpan: 6
|
|
@@ -8212,53 +8268,53 @@ function NotesTable() {
|
|
|
8212
8268
|
}));
|
|
8213
8269
|
})))));
|
|
8214
8270
|
}
|
|
8215
|
-
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8216
|
-
var Container$
|
|
8271
|
+
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"])));
|
|
8272
|
+
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
8273
|
|
|
8218
|
-
var _templateObject$
|
|
8274
|
+
var _templateObject$1F, _templateObject2$1g;
|
|
8219
8275
|
function ConfirmationNotes() {
|
|
8220
|
-
return React__default.createElement(Container$
|
|
8276
|
+
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8221
8277
|
rows: 5,
|
|
8222
8278
|
placeholder: "Enter Notes"
|
|
8223
8279
|
}));
|
|
8224
8280
|
}
|
|
8225
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8226
|
-
var Container$
|
|
8281
|
+
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"])));
|
|
8282
|
+
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
8283
|
|
|
8228
|
-
var _templateObject$
|
|
8284
|
+
var _templateObject$1G, _templateObject2$1h;
|
|
8229
8285
|
function DeliveryInstructions$1() {
|
|
8230
|
-
return React__default.createElement(Container$
|
|
8286
|
+
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8231
8287
|
rows: 5,
|
|
8232
8288
|
placeholder: "Enter Delivery Instructions"
|
|
8233
8289
|
}));
|
|
8234
8290
|
}
|
|
8235
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8236
|
-
var Container$
|
|
8291
|
+
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"])));
|
|
8292
|
+
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
8293
|
|
|
8238
|
-
var _templateObject$
|
|
8294
|
+
var _templateObject$1H, _templateObject2$1i;
|
|
8239
8295
|
function ContactWith() {
|
|
8240
|
-
return React__default.createElement(Container$
|
|
8296
|
+
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8241
8297
|
style: {
|
|
8242
8298
|
borderRadius: '15px'
|
|
8243
8299
|
}
|
|
8244
8300
|
}));
|
|
8245
8301
|
}
|
|
8246
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8247
|
-
var Container$
|
|
8302
|
+
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"])));
|
|
8303
|
+
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
8304
|
|
|
8249
|
-
var _templateObject$
|
|
8305
|
+
var _templateObject$1I, _templateObject2$1j, _templateObject3$H, _templateObject4$m;
|
|
8250
8306
|
function SlotAndInstructions() {
|
|
8251
8307
|
var _orderDetails$order_r;
|
|
8252
8308
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8253
8309
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8254
|
-
return React__default.createElement(Container$
|
|
8310
|
+
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
8311
|
}
|
|
8256
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8312
|
+
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
8313
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8258
8314
|
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$
|
|
8315
|
+
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
8316
|
|
|
8261
|
-
var _templateObject$
|
|
8317
|
+
var _templateObject$1J, _templateObject2$1k;
|
|
8262
8318
|
// import { filterObject } from '../../../utils';
|
|
8263
8319
|
function ConfirmOrder() {
|
|
8264
8320
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8435,7 +8491,7 @@ function ConfirmOrder() {
|
|
|
8435
8491
|
isSubmitDisabled: errorFound()
|
|
8436
8492
|
}, 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
8493
|
}
|
|
8438
|
-
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8494
|
+
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8439
8495
|
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
8496
|
|
|
8441
8497
|
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 +8505,7 @@ var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateO
|
|
|
8449
8505
|
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
8506
|
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
8507
|
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$
|
|
8508
|
+
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
8509
|
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
8510
|
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
8511
|
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 +8678,9 @@ function HoldOrderModal() {
|
|
|
8622
8678
|
value: item == null ? void 0 : item.reason
|
|
8623
8679
|
};
|
|
8624
8680
|
});
|
|
8681
|
+
var dynamicUrl = selectedDate ? "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "&hold_until=" + selectedDate : "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "\n";
|
|
8625
8682
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
8626
|
-
endpoint:
|
|
8683
|
+
endpoint: dynamicUrl,
|
|
8627
8684
|
method: 'POST',
|
|
8628
8685
|
performAction: false
|
|
8629
8686
|
}),
|
|
@@ -8685,7 +8742,7 @@ function HoldOrderModal() {
|
|
|
8685
8742
|
setPerformAction(true);
|
|
8686
8743
|
}
|
|
8687
8744
|
};
|
|
8688
|
-
var showSubmitBtn = holdReason !== undefined
|
|
8745
|
+
var showSubmitBtn = holdReason !== undefined;
|
|
8689
8746
|
return React__default.createElement(OrderActionModal, {
|
|
8690
8747
|
headerTitle: "Hold order",
|
|
8691
8748
|
onCloseHeader: onClose,
|
|
@@ -8695,8 +8752,7 @@ function HoldOrderModal() {
|
|
|
8695
8752
|
submitBtnTitle: "Save Details",
|
|
8696
8753
|
isSubmitDisabled: !showSubmitBtn
|
|
8697
8754
|
}, 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
|
|
8755
|
+
label: "Hold Until (leave blank for indefinite)"
|
|
8700
8756
|
}), React__default.createElement(HoldDatePickerWrap, null, React__default.createElement(antd.DatePicker, {
|
|
8701
8757
|
needConfirm: true,
|
|
8702
8758
|
format: 'MMMM D, YYYY',
|
|
@@ -8864,7 +8920,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
8864
8920
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
8865
8921
|
var Icon = _ref.icon,
|
|
8866
8922
|
question = _ref.question;
|
|
8867
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
8923
|
+
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
8924
|
showText: true
|
|
8869
8925
|
})));
|
|
8870
8926
|
};
|
|
@@ -8897,7 +8953,7 @@ function LogFeedback() {
|
|
|
8897
8953
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
8898
8954
|
icon: GrowthImg,
|
|
8899
8955
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
8900
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
8956
|
+
}), 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
8957
|
name: "note",
|
|
8902
8958
|
placeholder: "Write here..."
|
|
8903
8959
|
}))))));
|
|
@@ -9059,7 +9115,7 @@ function ChargeLog() {
|
|
|
9059
9115
|
})));
|
|
9060
9116
|
}
|
|
9061
9117
|
|
|
9062
|
-
var _templateObject$
|
|
9118
|
+
var _templateObject$1K;
|
|
9063
9119
|
var UnholdOrder = function UnholdOrder() {
|
|
9064
9120
|
var _useOrderId = useOrderId(),
|
|
9065
9121
|
orderId = _useOrderId[0];
|
|
@@ -9134,9 +9190,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9134
9190
|
})
|
|
9135
9191
|
});
|
|
9136
9192
|
};
|
|
9137
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
9193
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9138
9194
|
|
|
9139
|
-
var _templateObject$
|
|
9195
|
+
var _templateObject$1L, _templateObject2$1m;
|
|
9140
9196
|
function AssigneeDropdown() {
|
|
9141
9197
|
var handleSelectChange = function handleSelectChange() {
|
|
9142
9198
|
// alert('hello');
|
|
@@ -9158,7 +9214,7 @@ function AssigneeDropdown() {
|
|
|
9158
9214
|
}
|
|
9159
9215
|
}));
|
|
9160
9216
|
}
|
|
9161
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9217
|
+
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
9218
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9163
9219
|
|
|
9164
9220
|
var DatePickerIcon = function DatePickerIcon() {
|
|
@@ -9177,8 +9233,8 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9177
9233
|
}));
|
|
9178
9234
|
};
|
|
9179
9235
|
|
|
9180
|
-
var _templateObject$
|
|
9181
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9236
|
+
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;
|
|
9237
|
+
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
9238
|
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
9239
|
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
9240
|
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 +9328,10 @@ function useFetchSingleReminderData() {
|
|
|
9272
9328
|
return res;
|
|
9273
9329
|
}
|
|
9274
9330
|
|
|
9275
|
-
var _templateObject$
|
|
9331
|
+
var _templateObject$1N, _templateObject2$1o, _templateObject3$K, _templateObject4$p;
|
|
9276
9332
|
function StatusIndicator(props) {
|
|
9277
9333
|
var statusColor = getStatusColor(props.status);
|
|
9278
|
-
return React__default.createElement(Container$
|
|
9334
|
+
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
9279
9335
|
status: props.status
|
|
9280
9336
|
}, React__default.createElement(StatusCircle, {
|
|
9281
9337
|
color: statusColor
|
|
@@ -9283,13 +9339,13 @@ function StatusIndicator(props) {
|
|
|
9283
9339
|
status: props.status
|
|
9284
9340
|
}, props.text));
|
|
9285
9341
|
}
|
|
9286
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9342
|
+
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
9343
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9288
9344
|
});
|
|
9289
9345
|
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
9346
|
return props.color;
|
|
9291
9347
|
});
|
|
9292
|
-
var Container$
|
|
9348
|
+
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
9349
|
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
9350
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9295
9351
|
});
|
|
@@ -9452,7 +9508,7 @@ function useFetchReminders() {
|
|
|
9452
9508
|
return perform;
|
|
9453
9509
|
}
|
|
9454
9510
|
|
|
9455
|
-
var _templateObject$
|
|
9511
|
+
var _templateObject$1O, _templateObject2$1p, _templateObject3$L, _templateObject4$q, _templateObject5$g, _templateObject6$a, _templateObject7$c;
|
|
9456
9512
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9457
9513
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9458
9514
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9608,7 +9664,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9608
9664
|
onChange: onChangeDetails
|
|
9609
9665
|
}))))));
|
|
9610
9666
|
};
|
|
9611
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9667
|
+
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
9668
|
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9613
9669
|
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
9670
|
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 +9672,9 @@ var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$g || (_template
|
|
|
9616
9672
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9617
9673
|
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
9674
|
|
|
9619
|
-
var _templateObject$
|
|
9675
|
+
var _templateObject$1P, _templateObject3$M, _templateObject5$h, _templateObject7$d, _templateObject8$8, _templateObject9$4;
|
|
9620
9676
|
// Shared styles and components
|
|
9621
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9677
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9622
9678
|
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
9679
|
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
9680
|
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 +9693,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9637
9693
|
}, " * ")), children);
|
|
9638
9694
|
};
|
|
9639
9695
|
|
|
9640
|
-
var _templateObject$
|
|
9696
|
+
var _templateObject$1Q, _templateObject2$1q, _templateObject3$N, _templateObject4$r, _templateObject5$i;
|
|
9641
9697
|
dayjs.extend(utc);
|
|
9642
9698
|
dayjs.extend(dateFns.isValid);
|
|
9643
9699
|
function CreateReminderModal() {
|
|
@@ -9860,7 +9916,7 @@ function CreateReminderModal() {
|
|
|
9860
9916
|
onChange: handleChange
|
|
9861
9917
|
})));
|
|
9862
9918
|
}
|
|
9863
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9919
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9864
9920
|
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
9921
|
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
9922
|
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 +10090,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10034
10090
|
return perform;
|
|
10035
10091
|
}
|
|
10036
10092
|
|
|
10037
|
-
var _templateObject$
|
|
10093
|
+
var _templateObject$1R;
|
|
10038
10094
|
function TaskReminderModal() {
|
|
10039
10095
|
var createReminderAPI = useCreateReminder();
|
|
10040
10096
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10133,9 +10189,9 @@ function TaskReminderModal() {
|
|
|
10133
10189
|
isSubmitDisabled: isSubmitDisabled()
|
|
10134
10190
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
10135
10191
|
}
|
|
10136
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
10192
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10137
10193
|
|
|
10138
|
-
var _templateObject$
|
|
10194
|
+
var _templateObject$1S, _templateObject2$1r;
|
|
10139
10195
|
function OrderLock() {
|
|
10140
10196
|
var _useCurrentAction = useCurrentAction(),
|
|
10141
10197
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10188,7 +10244,7 @@ function OrderLock() {
|
|
|
10188
10244
|
})
|
|
10189
10245
|
});
|
|
10190
10246
|
}
|
|
10191
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
10247
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10192
10248
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10193
10249
|
|
|
10194
10250
|
function useUpdateFlag() {
|
|
@@ -10259,7 +10315,7 @@ function useUpdateFlag() {
|
|
|
10259
10315
|
return create;
|
|
10260
10316
|
}
|
|
10261
10317
|
|
|
10262
|
-
var _templateObject$
|
|
10318
|
+
var _templateObject$1T, _templateObject2$1s, _templateObject3$O, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10263
10319
|
function HeaderSection() {
|
|
10264
10320
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10265
10321
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10329,14 +10385,14 @@ function HeaderSection() {
|
|
|
10329
10385
|
})
|
|
10330
10386
|
})));
|
|
10331
10387
|
}
|
|
10332
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10388
|
+
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
10389
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10334
10390
|
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
10391
|
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
10392
|
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
10393
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10338
10394
|
|
|
10339
|
-
var _templateObject$
|
|
10395
|
+
var _templateObject$1U, _templateObject2$1t;
|
|
10340
10396
|
function TextSection() {
|
|
10341
10397
|
var _useSinglePayload = useSinglePayload(),
|
|
10342
10398
|
payload = _useSinglePayload[0],
|
|
@@ -10354,10 +10410,10 @@ function TextSection() {
|
|
|
10354
10410
|
onChange: onChangeDetails
|
|
10355
10411
|
}));
|
|
10356
10412
|
}
|
|
10357
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
10413
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10358
10414
|
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10359
10415
|
|
|
10360
|
-
var _templateObject$
|
|
10416
|
+
var _templateObject$1V, _templateObject2$1u;
|
|
10361
10417
|
function ButtonsSection() {
|
|
10362
10418
|
var _useSinglePayload = useSinglePayload(),
|
|
10363
10419
|
payload = _useSinglePayload[0],
|
|
@@ -10448,10 +10504,10 @@ function ButtonsSection() {
|
|
|
10448
10504
|
status: "SD"
|
|
10449
10505
|
}))));
|
|
10450
10506
|
}
|
|
10451
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10507
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10452
10508
|
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10453
10509
|
|
|
10454
|
-
var _templateObject$
|
|
10510
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$P, _templateObject4$t, _templateObject5$k, _templateObject6$c;
|
|
10455
10511
|
function ActionSection() {
|
|
10456
10512
|
var _useCurrentAction = useCurrentAction(),
|
|
10457
10513
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10537,14 +10593,14 @@ function RadioButtonsSection() {
|
|
|
10537
10593
|
required: false
|
|
10538
10594
|
}));
|
|
10539
10595
|
}
|
|
10540
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10596
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10541
10597
|
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10542
10598
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10543
10599
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10544
10600
|
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
10601
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10546
10602
|
|
|
10547
|
-
var _templateObject$
|
|
10603
|
+
var _templateObject$1X, _templateObject2$1w, _templateObject3$Q, _templateObject4$u, _templateObject5$l;
|
|
10548
10604
|
function DetailSection() {
|
|
10549
10605
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10550
10606
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10556,7 +10612,7 @@ function DetailSection() {
|
|
|
10556
10612
|
label: "Order"
|
|
10557
10613
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10558
10614
|
}
|
|
10559
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10615
|
+
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
10616
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10561
10617
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10562
10618
|
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 +10698,7 @@ function useFetchSingleFlagsData() {
|
|
|
10642
10698
|
return res;
|
|
10643
10699
|
}
|
|
10644
10700
|
|
|
10645
|
-
var _templateObject$
|
|
10701
|
+
var _templateObject$1Y, _templateObject2$1x, _templateObject3$R;
|
|
10646
10702
|
function ViewFlag() {
|
|
10647
10703
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10648
10704
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10739,11 +10795,11 @@ function ViewFlag() {
|
|
|
10739
10795
|
}, [dataArray]);
|
|
10740
10796
|
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
10797
|
}
|
|
10742
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10798
|
+
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
10799
|
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
10800
|
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
10801
|
|
|
10746
|
-
var _templateObject$
|
|
10802
|
+
var _templateObject$1Z;
|
|
10747
10803
|
function ReleaseOrder() {
|
|
10748
10804
|
var _useOrderId = useOrderId(),
|
|
10749
10805
|
orderId = _useOrderId[0];
|
|
@@ -10822,9 +10878,9 @@ function ReleaseOrder() {
|
|
|
10822
10878
|
// position: absolute;
|
|
10823
10879
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10824
10880
|
// `;
|
|
10825
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
10881
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10826
10882
|
|
|
10827
|
-
var _templateObject$
|
|
10883
|
+
var _templateObject$1_;
|
|
10828
10884
|
function OrderActions() {
|
|
10829
10885
|
var _useCurrentAction = useCurrentAction(),
|
|
10830
10886
|
currentAction = _useCurrentAction[0];
|
|
@@ -10874,9 +10930,9 @@ function OrderActions() {
|
|
|
10874
10930
|
return null;
|
|
10875
10931
|
}
|
|
10876
10932
|
};
|
|
10877
|
-
return React__default.createElement(Container$
|
|
10933
|
+
return React__default.createElement(Container$18, null, renderContent());
|
|
10878
10934
|
}
|
|
10879
|
-
var Container$
|
|
10935
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10880
10936
|
|
|
10881
10937
|
function useSystemLogs() {
|
|
10882
10938
|
var ssoToken = getCookie('id_token');
|
|
@@ -10968,7 +11024,7 @@ function useSystemLogs() {
|
|
|
10968
11024
|
return perform;
|
|
10969
11025
|
}
|
|
10970
11026
|
|
|
10971
|
-
var _templateObject$
|
|
11027
|
+
var _templateObject$1$, _templateObject2$1y;
|
|
10972
11028
|
var Details = function Details() {
|
|
10973
11029
|
// const [orderDetails] = useOrderDetails();
|
|
10974
11030
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -10977,10 +11033,10 @@ var Details = function Details() {
|
|
|
10977
11033
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
10978
11034
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
10979
11035
|
};
|
|
10980
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11036
|
+
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
11037
|
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
11038
|
|
|
10983
|
-
var _templateObject$
|
|
11039
|
+
var _templateObject$20;
|
|
10984
11040
|
function Options() {
|
|
10985
11041
|
var _useCurrentAction = useCurrentAction(),
|
|
10986
11042
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11046,7 +11102,7 @@ function Options() {
|
|
|
11046
11102
|
value: "OPTIONS"
|
|
11047
11103
|
}));
|
|
11048
11104
|
}
|
|
11049
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11105
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11050
11106
|
|
|
11051
11107
|
function BjsMenu() {
|
|
11052
11108
|
var _orderStatus$;
|
|
@@ -11103,7 +11159,7 @@ function BjsMenu() {
|
|
|
11103
11159
|
});
|
|
11104
11160
|
}
|
|
11105
11161
|
|
|
11106
|
-
var _templateObject$
|
|
11162
|
+
var _templateObject$21;
|
|
11107
11163
|
function Print() {
|
|
11108
11164
|
var _useOrderDetails = useOrderDetails(),
|
|
11109
11165
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11152,7 +11208,7 @@ function Print() {
|
|
|
11152
11208
|
window.open(url, '_blank');
|
|
11153
11209
|
}
|
|
11154
11210
|
};
|
|
11155
|
-
return React__default.createElement(Container$
|
|
11211
|
+
return React__default.createElement(Container$19, null, React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
11156
11212
|
placeholder: "PRINT",
|
|
11157
11213
|
options: PrintMenu,
|
|
11158
11214
|
value: "PRINT",
|
|
@@ -11188,29 +11244,29 @@ function Print() {
|
|
|
11188
11244
|
})
|
|
11189
11245
|
}));
|
|
11190
11246
|
}
|
|
11191
|
-
var Container$
|
|
11247
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11192
11248
|
|
|
11193
|
-
var _templateObject$
|
|
11249
|
+
var _templateObject$22;
|
|
11194
11250
|
// components
|
|
11195
11251
|
function DropDowns$1() {
|
|
11196
11252
|
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
11253
|
}
|
|
11198
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
11254
|
+
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
11255
|
|
|
11200
|
-
var _templateObject$
|
|
11256
|
+
var _templateObject$23;
|
|
11201
11257
|
// import Actions from './actions/Actions';
|
|
11202
11258
|
var ActionsMenu = function ActionsMenu() {
|
|
11203
11259
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11204
11260
|
};
|
|
11205
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11261
|
+
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
11262
|
|
|
11207
|
-
var _templateObject$
|
|
11263
|
+
var _templateObject$24;
|
|
11208
11264
|
var DetailsFilters = function DetailsFilters() {
|
|
11209
11265
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11210
11266
|
};
|
|
11211
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11267
|
+
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
11268
|
|
|
11213
|
-
var _templateObject$
|
|
11269
|
+
var _templateObject$25, _templateObject2$1z, _templateObject3$S, _templateObject4$v;
|
|
11214
11270
|
function OrderView() {
|
|
11215
11271
|
antd.notification.config({
|
|
11216
11272
|
top: 150
|
|
@@ -11255,7 +11311,8 @@ function OrderView() {
|
|
|
11255
11311
|
var _useLiveRecalling = useLiveRecalling(),
|
|
11256
11312
|
liveRecalling = _useLiveRecalling[0];
|
|
11257
11313
|
var systemLogsData = useSystemLogs();
|
|
11258
|
-
|
|
11314
|
+
var _useVisibilityData = useVisibilityData(),
|
|
11315
|
+
setVisibilityData = _useVisibilityData[1];
|
|
11259
11316
|
// query param
|
|
11260
11317
|
var location = reactRouterDom.useLocation();
|
|
11261
11318
|
var _useState2 = React.useState([]),
|
|
@@ -11345,13 +11402,12 @@ function OrderView() {
|
|
|
11345
11402
|
React.useEffect(function () {
|
|
11346
11403
|
setLoading(staticDataLoading);
|
|
11347
11404
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
11405
|
+
var _fetchedStaticData$da;
|
|
11348
11406
|
var result = fetchedStaticData == null ? void 0 : fetchedStaticData.data;
|
|
11349
11407
|
setOrderStaticData(result[0]);
|
|
11350
|
-
|
|
11351
|
-
|
|
11352
|
-
|
|
11353
|
-
// )
|
|
11354
|
-
// );
|
|
11408
|
+
setVisibilityData(fetchedStaticData == null || (_fetchedStaticData$da = fetchedStaticData.data) == null ? void 0 : _fetchedStaticData$da.flatMap(function (i) {
|
|
11409
|
+
return i == null ? void 0 : i.resource_visibility_type;
|
|
11410
|
+
}));
|
|
11355
11411
|
}
|
|
11356
11412
|
}, [staticDataLoading]);
|
|
11357
11413
|
React.useEffect(function () {
|
|
@@ -11523,7 +11579,7 @@ function OrderView() {
|
|
|
11523
11579
|
console.log(orderId, 'orderId');
|
|
11524
11580
|
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
11581
|
}
|
|
11526
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11582
|
+
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
11583
|
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
11584
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11529
11585
|
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 +11587,7 @@ var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_t
|
|
|
11531
11587
|
var _templateObject2$1A;
|
|
11532
11588
|
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
11589
|
|
|
11534
|
-
var _templateObject$
|
|
11590
|
+
var _templateObject$26, _templateObject2$1B;
|
|
11535
11591
|
var SearchType = function SearchType() {
|
|
11536
11592
|
var _useState = React.useState(''),
|
|
11537
11593
|
searchText = _useState[0],
|
|
@@ -11546,7 +11602,7 @@ var SearchType = function SearchType() {
|
|
|
11546
11602
|
onChange: handleInputChange
|
|
11547
11603
|
}));
|
|
11548
11604
|
};
|
|
11549
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11605
|
+
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
11606
|
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
11607
|
|
|
11552
11608
|
var BulkFilter = function BulkFilter() {
|
|
@@ -11894,7 +11950,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11894
11950
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11895
11951
|
});
|
|
11896
11952
|
|
|
11897
|
-
var _templateObject$
|
|
11953
|
+
var _templateObject$27, _templateObject2$1C, _templateObject3$T;
|
|
11898
11954
|
var _excluded$6 = ["count"];
|
|
11899
11955
|
function ReturnMainTable() {
|
|
11900
11956
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -11965,7 +12021,7 @@ function ReturnMainTable() {
|
|
|
11965
12021
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
11966
12022
|
}, React__default.createElement("div", {
|
|
11967
12023
|
className: "Tableconatiner"
|
|
11968
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
12024
|
+
}, 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
12025
|
currentPage: page,
|
|
11970
12026
|
totalItems: total,
|
|
11971
12027
|
itemsPerPage: itemsPerPage,
|
|
@@ -11973,8 +12029,8 @@ function ReturnMainTable() {
|
|
|
11973
12029
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11974
12030
|
}))));
|
|
11975
12031
|
}
|
|
11976
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11977
|
-
var Container$
|
|
12032
|
+
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"])));
|
|
12033
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11978
12034
|
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
12035
|
|
|
11980
12036
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|