@bjsdistribution/dms-client-return 0.0.76 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.d.ts +6 -3
- package/dist/components/order-view/notes/NoteType.d.ts +3 -0
- package/dist/components/store.d.ts +3 -1
- package/dist/dms-client-return.cjs.development.js +299 -242
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +299 -242
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/assets/icons/DownIcon.tsx +2 -2
- package/src/assets/icons/DriverIcon.tsx +23 -7
- package/src/assets/icons/PersonIcon.tsx +19 -3
- package/src/assets/icons/RadioButtonCheckIcon.tsx +1 -1
- package/src/assets/icons/ReminderIcon.tsx +2 -2
- package/src/assets/icons/RouteIcon.tsx +33 -15
- package/src/assets/icons/UploadIcon.tsx +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +3 -2
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.tsx +23 -11
- package/src/components/order-view/index.tsx +7 -6
- package/src/components/order-view/notes/AddNote.tsx +5 -1
- package/src/components/order-view/notes/NoteType.tsx +43 -25
- package/src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx +8 -3
- package/src/components/store.ts +13 -0
|
@@ -50,9 +50,6 @@ function _extends() {
|
|
|
50
50
|
return n;
|
|
51
51
|
}, _extends.apply(null, arguments);
|
|
52
52
|
}
|
|
53
|
-
function _objectDestructuringEmpty(t) {
|
|
54
|
-
if (null == t) throw new TypeError("Cannot destructure " + t);
|
|
55
|
-
}
|
|
56
53
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
57
54
|
if (null == r) return {};
|
|
58
55
|
var t = {};
|
|
@@ -401,6 +398,7 @@ var postLoading = /*#__PURE__*/atom(false);
|
|
|
401
398
|
var _final = /*#__PURE__*/atom([]);
|
|
402
399
|
var clearState = /*#__PURE__*/atom(false);
|
|
403
400
|
var assignData = /*#__PURE__*/atom([]);
|
|
401
|
+
var visibilityData = /*#__PURE__*/atom([]);
|
|
404
402
|
var assignPayload = /*#__PURE__*/atom(AssignUpdateInitial);
|
|
405
403
|
var callAPIAgain = /*#__PURE__*/atom(true);
|
|
406
404
|
var actionTypeOptions = /*#__PURE__*/atom([]);
|
|
@@ -453,6 +451,9 @@ function useClearState() {
|
|
|
453
451
|
function useAssignData() {
|
|
454
452
|
return useAtom(assignData);
|
|
455
453
|
}
|
|
454
|
+
function useVisibilityData() {
|
|
455
|
+
return useAtom(visibilityData);
|
|
456
|
+
}
|
|
456
457
|
function useAssignPayload() {
|
|
457
458
|
return useAtom(assignPayload);
|
|
458
459
|
}
|
|
@@ -465,6 +466,10 @@ function useActionTypeOptions() {
|
|
|
465
466
|
function useSelectedProducts() {
|
|
466
467
|
return useAtom(selectedProductsMove);
|
|
467
468
|
}
|
|
469
|
+
var selectedAssignee = /*#__PURE__*/atom('');
|
|
470
|
+
function useSelectedData() {
|
|
471
|
+
return useAtom(selectedAssignee);
|
|
472
|
+
}
|
|
468
473
|
|
|
469
474
|
// let todayDate = new Date();
|
|
470
475
|
var initialState = {
|
|
@@ -1393,8 +1398,8 @@ function DownIcon() {
|
|
|
1393
1398
|
fill: "none"
|
|
1394
1399
|
}, React.createElement("path", {
|
|
1395
1400
|
opacity: "0.4",
|
|
1396
|
-
|
|
1397
|
-
|
|
1401
|
+
fillRule: "evenodd",
|
|
1402
|
+
clipRule: "evenodd",
|
|
1398
1403
|
d: "M5.0184 7.41839C5.11965 7.31727 5.2569 7.26047 5.4 7.26047C5.5431 7.26047 5.68035 7.31727 5.7816 7.41839L9 10.6368L12.2184 7.41839C12.3208 7.32301 12.4562 7.27108 12.5961 7.27355C12.736 7.27601 12.8694 7.33269 12.9684 7.43162C13.0673 7.53056 13.124 7.66404 13.1264 7.80394C13.1289 7.94383 13.077 8.07923 12.9816 8.18159L9.3816 11.7816C9.28035 11.8827 9.1431 11.9395 9 11.9395C8.8569 11.9395 8.71965 11.8827 8.6184 11.7816L5.0184 8.18159C4.91727 8.08034 4.86047 7.94309 4.86047 7.79999C4.86047 7.65689 4.91727 7.51964 5.0184 7.41839Z",
|
|
1399
1404
|
fill: "#3A3630"
|
|
1400
1405
|
}));
|
|
@@ -1561,21 +1566,38 @@ var optionsForReturnPrint = [{
|
|
|
1561
1566
|
var _templateObject$4, _templateObject2$2;
|
|
1562
1567
|
var options = optionsForReturnPrint;
|
|
1563
1568
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
1564
|
-
|
|
1569
|
+
var legacyURL = _ref.legacyURL,
|
|
1570
|
+
legacyProductID = _ref.legacyProductID;
|
|
1565
1571
|
var downloadFiles = function downloadFiles() {
|
|
1566
|
-
|
|
1567
|
-
|
|
1572
|
+
if (!legacyURL) return;
|
|
1573
|
+
var url = "" + legacyURL + legacyProductID;
|
|
1574
|
+
window.open(url, '_blank');
|
|
1575
|
+
console.log(url, 'urlurl');
|
|
1568
1576
|
};
|
|
1569
1577
|
return React.createElement(OptionsList, null, options == null ? void 0 : options.map(function (item, index) {
|
|
1570
1578
|
var IconComponent = PrintIconMap[item.icon];
|
|
1579
|
+
var isDisabled = !legacyURL || !legacyProductID;
|
|
1571
1580
|
return React.createElement(OptionsListLi, {
|
|
1572
1581
|
key: index,
|
|
1573
|
-
onClick: downloadFiles
|
|
1582
|
+
onClick: !isDisabled ? downloadFiles : undefined,
|
|
1583
|
+
disabled: isDisabled
|
|
1574
1584
|
}, IconComponent && React.createElement(IconComponent, null), " ", item.label);
|
|
1575
1585
|
}));
|
|
1576
1586
|
};
|
|
1577
1587
|
var OptionsList = /*#__PURE__*/styled.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"])));
|
|
1578
|
-
var OptionsListLi = /*#__PURE__*/styled.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"])))
|
|
1588
|
+
var OptionsListLi = /*#__PURE__*/styled.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) {
|
|
1589
|
+
var disabled = _ref2.disabled;
|
|
1590
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
1591
|
+
}, function (_ref3) {
|
|
1592
|
+
var disabled = _ref3.disabled;
|
|
1593
|
+
return disabled ? '#ccc' : 'inherit';
|
|
1594
|
+
}, function (_ref4) {
|
|
1595
|
+
var disabled = _ref4.disabled;
|
|
1596
|
+
return disabled ? 'none' : 'auto';
|
|
1597
|
+
}, function (_ref5) {
|
|
1598
|
+
var disabled = _ref5.disabled;
|
|
1599
|
+
return disabled ? '#f5f5f5' : 'transparent';
|
|
1600
|
+
});
|
|
1579
1601
|
|
|
1580
1602
|
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6, _templateObject7$2;
|
|
1581
1603
|
function Loader(props) {
|
|
@@ -1983,10 +2005,11 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1983
2005
|
onClick: function onClick() {
|
|
1984
2006
|
return OpenDropDown(index);
|
|
1985
2007
|
}
|
|
1986
|
-
}, React.createElement(PrinterIcon, null), React.createElement(DownIcon, null), printToogle
|
|
2008
|
+
}, React.createElement(PrinterIcon, null), React.createElement(DownIcon, null), printToogle === index && React.createElement("div", {
|
|
1987
2009
|
ref: dropdownRef
|
|
1988
2010
|
}, React.createElement(PrintDropDownReturn, {
|
|
1989
|
-
|
|
2011
|
+
legacyURL: item == null ? void 0 : item.return_order_product_label,
|
|
2012
|
+
legacyProductID: item == null ? void 0 : item.legacy_product_id
|
|
1990
2013
|
})))))));
|
|
1991
2014
|
})))));
|
|
1992
2015
|
};
|
|
@@ -5531,7 +5554,38 @@ function OrderDetails$1() {
|
|
|
5531
5554
|
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent, null));
|
|
5532
5555
|
}
|
|
5533
5556
|
|
|
5534
|
-
var _templateObject$X
|
|
5557
|
+
var _templateObject$X;
|
|
5558
|
+
function NoteType() {
|
|
5559
|
+
var _useVisibilityData = useVisibilityData(),
|
|
5560
|
+
visibilityData = _useVisibilityData[0];
|
|
5561
|
+
var _useSelectedData = useSelectedData(),
|
|
5562
|
+
selected = _useSelectedData[0],
|
|
5563
|
+
setSelected = _useSelectedData[1];
|
|
5564
|
+
var handleRadioButtonChange = function handleRadioButtonChange(event) {
|
|
5565
|
+
var selectedValue = event.target.value;
|
|
5566
|
+
var selectedOption = visibilityData == null ? void 0 : visibilityData.find(function (option) {
|
|
5567
|
+
return option.value === selectedValue;
|
|
5568
|
+
});
|
|
5569
|
+
if (selectedOption) {
|
|
5570
|
+
setSelected(selectedOption.value);
|
|
5571
|
+
}
|
|
5572
|
+
};
|
|
5573
|
+
return React.createElement(Container$B, null, React.createElement(RadioButtonGroup$1, {
|
|
5574
|
+
selectedValue: selected,
|
|
5575
|
+
heading: "",
|
|
5576
|
+
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
5577
|
+
return {
|
|
5578
|
+
label: client.type,
|
|
5579
|
+
value: client.value
|
|
5580
|
+
};
|
|
5581
|
+
}),
|
|
5582
|
+
onChange: handleRadioButtonChange,
|
|
5583
|
+
required: false
|
|
5584
|
+
}));
|
|
5585
|
+
}
|
|
5586
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5587
|
+
|
|
5588
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$j;
|
|
5535
5589
|
function AddNote() {
|
|
5536
5590
|
var _useState = useState(''),
|
|
5537
5591
|
noteText = _useState[0],
|
|
@@ -5546,6 +5600,8 @@ function AddNote() {
|
|
|
5546
5600
|
moduleIds = _usemoduleIds[0];
|
|
5547
5601
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
5548
5602
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
5603
|
+
var _useSelectedData = useSelectedData(),
|
|
5604
|
+
selected = _useSelectedData[0];
|
|
5549
5605
|
// Save New Note
|
|
5550
5606
|
var _useState2 = useState(null),
|
|
5551
5607
|
notificationData = _useState2[0],
|
|
@@ -5573,7 +5629,8 @@ function AddNote() {
|
|
|
5573
5629
|
action: 'create',
|
|
5574
5630
|
description: noteText,
|
|
5575
5631
|
data_dump: '{}',
|
|
5576
|
-
manual: 1
|
|
5632
|
+
manual: 1,
|
|
5633
|
+
is_private: selected
|
|
5577
5634
|
}]
|
|
5578
5635
|
};
|
|
5579
5636
|
_context.prev = 5;
|
|
@@ -5638,7 +5695,7 @@ function AddNote() {
|
|
|
5638
5695
|
top: 80
|
|
5639
5696
|
});
|
|
5640
5697
|
}, [notificationData]);
|
|
5641
|
-
return React.createElement(Container$
|
|
5698
|
+
return React.createElement(Container$C, null, React.createElement(Label$h, {
|
|
5642
5699
|
label: "Add New Note"
|
|
5643
5700
|
}), React.createElement(StyledTextArea, {
|
|
5644
5701
|
name: "description",
|
|
@@ -5650,9 +5707,9 @@ function AddNote() {
|
|
|
5650
5707
|
}), React.createElement(SaveNoteContainer, null, React.createElement(Button, {
|
|
5651
5708
|
disabled: !noteText,
|
|
5652
5709
|
onClick: saveNote
|
|
5653
|
-
}, "SAVE NOTE")));
|
|
5710
|
+
}, "SAVE NOTE"), React.createElement(NoteType, null)));
|
|
5654
5711
|
}
|
|
5655
|
-
var Container$
|
|
5712
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5656
5713
|
var SaveNoteContainer = /*#__PURE__*/styled.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"])));
|
|
5657
5714
|
var StyledTextArea = /*#__PURE__*/styled.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"])));
|
|
5658
5715
|
|
|
@@ -5675,7 +5732,7 @@ var Th = /*#__PURE__*/styled.th(_templateObject3$k || (_templateObject3$k = /*#_
|
|
|
5675
5732
|
var Td = /*#__PURE__*/styled.td(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
5676
5733
|
var IconCover = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
5677
5734
|
|
|
5678
|
-
var _templateObject$
|
|
5735
|
+
var _templateObject$Z, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$2, _templateObject9$1;
|
|
5679
5736
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
5680
5737
|
var _getNotes$data, _getNotes$data2;
|
|
5681
5738
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -5704,7 +5761,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
5704
5761
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
5705
5762
|
}, "No data found"))))));
|
|
5706
5763
|
};
|
|
5707
|
-
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5764
|
+
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
5708
5765
|
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
5709
5766
|
var NoDataFound = /*#__PURE__*/styled(Td)(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
5710
5767
|
var StyledTable$2 = /*#__PURE__*/styled(Table)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
@@ -5714,13 +5771,13 @@ var CreatedBy$1 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject
|
|
|
5714
5771
|
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n overflow: auto;\n"])));
|
|
5715
5772
|
var StickyHeaderWrapper = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: #fff;\n"])));
|
|
5716
5773
|
|
|
5717
|
-
var _templateObject$
|
|
5774
|
+
var _templateObject$_;
|
|
5718
5775
|
function AuditLogs() {
|
|
5719
|
-
return React.createElement(Container$
|
|
5776
|
+
return React.createElement(Container$D, null, React.createElement(GenericAuditLogsTable, null));
|
|
5720
5777
|
}
|
|
5721
|
-
var Container$
|
|
5778
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
5722
5779
|
|
|
5723
|
-
var _templateObject
|
|
5780
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$m;
|
|
5724
5781
|
// import { useLocation } from 'react-router-dom';
|
|
5725
5782
|
function Notes() {
|
|
5726
5783
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -5802,18 +5859,18 @@ function Notes() {
|
|
|
5802
5859
|
}
|
|
5803
5860
|
setAuditLogLoading(NotesLoading);
|
|
5804
5861
|
}, [moduleIds, orderId, NotesLoading, recallAuditLog]);
|
|
5805
|
-
return React.createElement(Container$
|
|
5862
|
+
return React.createElement(Container$E, null, React.createElement(CardHeader, null, "NOTES"), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
5806
5863
|
}
|
|
5807
|
-
var Container$
|
|
5864
|
+
var Container$E = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
5808
5865
|
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
5809
5866
|
var CustomizedFormSection = /*#__PURE__*/styled.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"])));
|
|
5810
5867
|
|
|
5811
|
-
var _templateObject
|
|
5868
|
+
var _templateObject$10;
|
|
5812
5869
|
// import styled from 'styled-components';
|
|
5813
5870
|
function SystemCollapsedContent() {
|
|
5814
5871
|
return React.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
5815
5872
|
}
|
|
5816
|
-
var Font = /*#__PURE__*/styled.div(_templateObject
|
|
5873
|
+
var Font = /*#__PURE__*/styled.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"])));
|
|
5817
5874
|
|
|
5818
5875
|
function ChevronUp(props) {
|
|
5819
5876
|
return React.createElement("svg", Object.assign({
|
|
@@ -5831,12 +5888,12 @@ function ChevronUp(props) {
|
|
|
5831
5888
|
}));
|
|
5832
5889
|
}
|
|
5833
5890
|
|
|
5834
|
-
var _templateObject$
|
|
5891
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$b, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$3;
|
|
5835
5892
|
function CollapsableForm(props) {
|
|
5836
5893
|
var _useState = useState(true),
|
|
5837
5894
|
isExpanded = _useState[0],
|
|
5838
5895
|
setIsExpanded = _useState[1];
|
|
5839
|
-
return React.createElement(MainContainer$5, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$
|
|
5896
|
+
return React.createElement(MainContainer$5, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$F, null, React.createElement(Text$3, {
|
|
5840
5897
|
onClick: function onClick() {
|
|
5841
5898
|
return setIsExpanded(function (prev) {
|
|
5842
5899
|
return !prev;
|
|
@@ -5851,10 +5908,10 @@ function CollapsableForm(props) {
|
|
|
5851
5908
|
isExpanded: isExpanded
|
|
5852
5909
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
5853
5910
|
}
|
|
5854
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5911
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
5855
5912
|
var CardHeader$1 = /*#__PURE__*/styled.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"])));
|
|
5856
5913
|
var Text$3 = /*#__PURE__*/styled.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"])));
|
|
5857
|
-
var Container$
|
|
5914
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
5858
5915
|
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
5859
5916
|
var IconContainer$1 = /*#__PURE__*/styled.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) {
|
|
5860
5917
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -5862,7 +5919,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateOb
|
|
|
5862
5919
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5863
5920
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
5864
5921
|
|
|
5865
|
-
var _templateObject$
|
|
5922
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$o;
|
|
5866
5923
|
function CustomScrollBar(props) {
|
|
5867
5924
|
var children = props.children,
|
|
5868
5925
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -5880,11 +5937,11 @@ function CustomScrollBar(props) {
|
|
|
5880
5937
|
}
|
|
5881
5938
|
}, children);
|
|
5882
5939
|
}
|
|
5883
|
-
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$
|
|
5940
|
+
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
5884
5941
|
var View = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
5885
5942
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
5886
5943
|
|
|
5887
|
-
var _templateObject$
|
|
5944
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$p, _templateObject4$c, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$2;
|
|
5888
5945
|
function DynamicTable(_ref) {
|
|
5889
5946
|
var columns = _ref.columns,
|
|
5890
5947
|
data = _ref.data;
|
|
@@ -5905,7 +5962,7 @@ function DynamicTable(_ref) {
|
|
|
5905
5962
|
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'category', 'action'];
|
|
5906
5963
|
var mediumColumns = ['date'];
|
|
5907
5964
|
var largeColumns = ['reference', 'notes', 'details', 'datetime'];
|
|
5908
|
-
return React.createElement(MainContainer$6, null, React.createElement(Container$
|
|
5965
|
+
return React.createElement(MainContainer$6, null, React.createElement(Container$G, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table$1, null, React.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
|
|
5909
5966
|
return React.createElement(TableRow, {
|
|
5910
5967
|
key: headerGroup.id
|
|
5911
5968
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -5930,7 +5987,7 @@ function DynamicTable(_ref) {
|
|
|
5930
5987
|
// transform: rotate(180deg);
|
|
5931
5988
|
// cursor: pointer;
|
|
5932
5989
|
// `;
|
|
5933
|
-
var Container$
|
|
5990
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
5934
5991
|
var TableWrapper = /*#__PURE__*/styled.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"])));
|
|
5935
5992
|
var TableHeadData = /*#__PURE__*/styled.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"])));
|
|
5936
5993
|
var TableData = /*#__PURE__*/styled.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"])));
|
|
@@ -5940,7 +5997,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$6 || (_templateObject
|
|
|
5940
5997
|
var Table$1 = /*#__PURE__*/styled.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"])));
|
|
5941
5998
|
var MainContainer$6 = /*#__PURE__*/styled.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"])));
|
|
5942
5999
|
|
|
5943
|
-
var _templateObject$
|
|
6000
|
+
var _templateObject$14, _templateObject2$P;
|
|
5944
6001
|
function Event(props) {
|
|
5945
6002
|
var _props$row;
|
|
5946
6003
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -5955,7 +6012,7 @@ function Event(props) {
|
|
|
5955
6012
|
};
|
|
5956
6013
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
5957
6014
|
}
|
|
5958
|
-
var RowContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6015
|
+
var RowContainer = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5959
6016
|
var Row = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5960
6017
|
|
|
5961
6018
|
//to change data into options
|
|
@@ -6003,25 +6060,25 @@ var priorityData = [{
|
|
|
6003
6060
|
color: '#E95252'
|
|
6004
6061
|
}];
|
|
6005
6062
|
|
|
6006
|
-
var _templateObject$
|
|
6063
|
+
var _templateObject$15, _templateObject2$Q;
|
|
6007
6064
|
function Date$1(props) {
|
|
6008
6065
|
var _props$row;
|
|
6009
6066
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6010
6067
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate$1(data)));
|
|
6011
6068
|
}
|
|
6012
|
-
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6069
|
+
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6013
6070
|
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6014
6071
|
|
|
6015
|
-
var _templateObject$
|
|
6072
|
+
var _templateObject$16, _templateObject2$R;
|
|
6016
6073
|
function Code(props) {
|
|
6017
6074
|
var _props$row;
|
|
6018
6075
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6019
6076
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
6020
6077
|
}
|
|
6021
|
-
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6078
|
+
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6022
6079
|
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6023
6080
|
|
|
6024
|
-
var _templateObject$
|
|
6081
|
+
var _templateObject$17, _templateObject2$S;
|
|
6025
6082
|
function Note(props) {
|
|
6026
6083
|
var _props$row;
|
|
6027
6084
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6029,7 +6086,7 @@ function Note(props) {
|
|
|
6029
6086
|
title: data
|
|
6030
6087
|
}, React.createElement(Row$3, null, data));
|
|
6031
6088
|
}
|
|
6032
|
-
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
6089
|
+
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
6033
6090
|
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6034
6091
|
|
|
6035
6092
|
var tableColumns = [{
|
|
@@ -6133,7 +6190,7 @@ function useGetEventNotes() {
|
|
|
6133
6190
|
return perform;
|
|
6134
6191
|
}
|
|
6135
6192
|
|
|
6136
|
-
var _templateObject$
|
|
6193
|
+
var _templateObject$18;
|
|
6137
6194
|
function SystemLogs() {
|
|
6138
6195
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
6139
6196
|
systemLogs = _useOrderProductSyste[0];
|
|
@@ -6185,7 +6242,7 @@ function SystemLogs() {
|
|
|
6185
6242
|
data: systemLogs
|
|
6186
6243
|
})));
|
|
6187
6244
|
}
|
|
6188
|
-
var Table$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6245
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6189
6246
|
|
|
6190
6247
|
var StatusOptions = [{
|
|
6191
6248
|
label: 'Released',
|
|
@@ -6342,11 +6399,11 @@ function ConfirmedIcon() {
|
|
|
6342
6399
|
}))));
|
|
6343
6400
|
}
|
|
6344
6401
|
|
|
6345
|
-
var _templateObject$
|
|
6402
|
+
var _templateObject$19, _templateObject2$T, _templateObject3$q, _templateObject4$d;
|
|
6346
6403
|
function Status() {
|
|
6347
6404
|
var _useStatusDetails = useStatusDetails(),
|
|
6348
6405
|
orderStatus = _useStatusDetails[0];
|
|
6349
|
-
return React.createElement(Container$
|
|
6406
|
+
return React.createElement(Container$H, null, React.createElement(BoxContainer, null, StatusOptions.map(function (option, index) {
|
|
6350
6407
|
return React.createElement(React.Fragment, {
|
|
6351
6408
|
key: index
|
|
6352
6409
|
}, React.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React.createElement(Divider, null));
|
|
@@ -6388,17 +6445,17 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6388
6445
|
return null;
|
|
6389
6446
|
}
|
|
6390
6447
|
};
|
|
6391
|
-
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6448
|
+
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6392
6449
|
var Heading = /*#__PURE__*/styled.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"])));
|
|
6393
|
-
var Container$
|
|
6450
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6394
6451
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6395
6452
|
|
|
6396
|
-
var _templateObject$
|
|
6453
|
+
var _templateObject$1a;
|
|
6397
6454
|
// import DropDownOptions from './dropdowns';
|
|
6398
6455
|
function GeneralHeader() {
|
|
6399
6456
|
return React.createElement(Section, null, React.createElement(Status, null));
|
|
6400
6457
|
}
|
|
6401
|
-
var Section = /*#__PURE__*/styled.div(_templateObject$
|
|
6458
|
+
var Section = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6402
6459
|
|
|
6403
6460
|
var ActionIcon = function ActionIcon() {
|
|
6404
6461
|
return React.createElement("svg", {
|
|
@@ -6540,13 +6597,13 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6540
6597
|
}, "No records found"))))));
|
|
6541
6598
|
};
|
|
6542
6599
|
|
|
6543
|
-
var _templateObject$
|
|
6600
|
+
var _templateObject$1b;
|
|
6544
6601
|
var ProductTable = function ProductTable() {
|
|
6545
|
-
return React.createElement(Container$
|
|
6602
|
+
return React.createElement(Container$I, null, React.createElement(ReturnProductTable, null));
|
|
6546
6603
|
};
|
|
6547
|
-
var Container$
|
|
6604
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6548
6605
|
|
|
6549
|
-
var _templateObject$
|
|
6606
|
+
var _templateObject$1c, _templateObject2$U;
|
|
6550
6607
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
6551
6608
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6552
6609
|
var defaultSelectStyle = {
|
|
@@ -6643,7 +6700,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6643
6700
|
value: order.id
|
|
6644
6701
|
};
|
|
6645
6702
|
});
|
|
6646
|
-
return React.createElement(Container$
|
|
6703
|
+
return React.createElement(Container$J, null, React.createElement(Text$4, null, "New Return Order:"), React.createElement(Select, {
|
|
6647
6704
|
options: dropdownOptions,
|
|
6648
6705
|
placeholder: "Select",
|
|
6649
6706
|
onChange: handleDropdownChange,
|
|
@@ -6656,10 +6713,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6656
6713
|
popupClassName: defaultPopupClassName
|
|
6657
6714
|
}));
|
|
6658
6715
|
};
|
|
6659
|
-
var Container$
|
|
6716
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6660
6717
|
var Text$4 = /*#__PURE__*/styled.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"])));
|
|
6661
6718
|
|
|
6662
|
-
var _templateObject$
|
|
6719
|
+
var _templateObject$1d, _templateObject2$V, _templateObject3$r;
|
|
6663
6720
|
function ExpandedContent$2() {
|
|
6664
6721
|
var _response$data, _response$data2;
|
|
6665
6722
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -6728,7 +6785,7 @@ function ExpandedContent$2() {
|
|
|
6728
6785
|
setSelectedProducts([]);
|
|
6729
6786
|
}
|
|
6730
6787
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
6731
|
-
return React.createElement(Container$
|
|
6788
|
+
return React.createElement(Container$K, null, React.createElement(ProductTable, null), React.createElement(MidContainer, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button, {
|
|
6732
6789
|
style: {
|
|
6733
6790
|
borderRadius: '20px'
|
|
6734
6791
|
},
|
|
@@ -6736,18 +6793,18 @@ function ExpandedContent$2() {
|
|
|
6736
6793
|
disabled: isButtonDisabled
|
|
6737
6794
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
6738
6795
|
}
|
|
6739
|
-
var MidContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6796
|
+
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
6740
6797
|
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6741
|
-
var Container$
|
|
6798
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6742
6799
|
|
|
6743
|
-
var _templateObject$
|
|
6800
|
+
var _templateObject$1e, _templateObject2$W;
|
|
6744
6801
|
function CollapsedContent$1() {
|
|
6745
|
-
return React.createElement(Container$
|
|
6802
|
+
return React.createElement(Container$L, null, React.createElement(SectionHeader, {
|
|
6746
6803
|
label: "Products"
|
|
6747
6804
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
6748
6805
|
}
|
|
6749
|
-
var Dimensions = /*#__PURE__*/styled.span(_templateObject$
|
|
6750
|
-
var Container$
|
|
6806
|
+
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6807
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6751
6808
|
|
|
6752
6809
|
function ProductsInfo() {
|
|
6753
6810
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6787,22 +6844,22 @@ function ProductsInfo() {
|
|
|
6787
6844
|
}, React.createElement(ExpandedContent$2, null));
|
|
6788
6845
|
}
|
|
6789
6846
|
|
|
6790
|
-
var _templateObject$
|
|
6847
|
+
var _templateObject$1f;
|
|
6791
6848
|
function BackgroundModal(props) {
|
|
6792
|
-
return createPortal(React.createElement(Container$
|
|
6849
|
+
return createPortal(React.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6793
6850
|
}
|
|
6794
|
-
var Container$
|
|
6851
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
6795
6852
|
|
|
6796
|
-
var _templateObject$
|
|
6853
|
+
var _templateObject$1g, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6797
6854
|
function AdditionalInformation(props) {
|
|
6798
|
-
return React.createElement(Container$
|
|
6855
|
+
return React.createElement(Container$N, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
6799
6856
|
}
|
|
6800
|
-
var Text$5 = /*#__PURE__*/styled.p(_templateObject$
|
|
6801
|
-
var Container$
|
|
6857
|
+
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
6858
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6802
6859
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6803
6860
|
var AdditionalInfo = /*#__PURE__*/styled.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"])));
|
|
6804
6861
|
|
|
6805
|
-
var _templateObject$
|
|
6862
|
+
var _templateObject$1h, _templateObject2$Y, _templateObject3$t, _templateObject4$f;
|
|
6806
6863
|
function OrderActionHeader(props) {
|
|
6807
6864
|
var title = props.title,
|
|
6808
6865
|
actions = props.actions,
|
|
@@ -6811,31 +6868,31 @@ function OrderActionHeader(props) {
|
|
|
6811
6868
|
_props$infoText = props.infoText,
|
|
6812
6869
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
6813
6870
|
onClose = props.onClose;
|
|
6814
|
-
return React.createElement(Container$
|
|
6871
|
+
return React.createElement(Container$O, null, React.createElement(Wrapper$f, null, React.createElement(Title$2, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
6815
6872
|
info: infoText
|
|
6816
6873
|
}), actions), React.createElement(IconContainer$2, {
|
|
6817
6874
|
onClick: onClose
|
|
6818
6875
|
}, React.createElement(CrossIcon, null)));
|
|
6819
6876
|
}
|
|
6820
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
6877
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6821
6878
|
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6822
6879
|
var Title$2 = /*#__PURE__*/styled.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"])));
|
|
6823
|
-
var Container$
|
|
6880
|
+
var Container$O = /*#__PURE__*/styled.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"])));
|
|
6824
6881
|
|
|
6825
|
-
var _templateObject$
|
|
6882
|
+
var _templateObject$1i, _templateObject2$Z;
|
|
6826
6883
|
function OrderActionFooter(props) {
|
|
6827
6884
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6828
|
-
return React.createElement(Container$
|
|
6885
|
+
return React.createElement(Container$P, null, React.createElement(SubmitButton, {
|
|
6829
6886
|
shape: "rounded",
|
|
6830
6887
|
colors: "primary",
|
|
6831
6888
|
onClick: props.onSubmit,
|
|
6832
6889
|
disabled: isSubmitDisabled
|
|
6833
6890
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6834
6891
|
}
|
|
6835
|
-
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$
|
|
6836
|
-
var Container$
|
|
6892
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6893
|
+
var Container$P = /*#__PURE__*/styled.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"])));
|
|
6837
6894
|
|
|
6838
|
-
var _templateObject$
|
|
6895
|
+
var _templateObject$1j;
|
|
6839
6896
|
function OrderActionModal(props) {
|
|
6840
6897
|
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$7, null, React.createElement(OrderActionHeader, {
|
|
6841
6898
|
title: props.headerTitle,
|
|
@@ -6850,11 +6907,11 @@ function OrderActionModal(props) {
|
|
|
6850
6907
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6851
6908
|
})));
|
|
6852
6909
|
}
|
|
6853
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
6910
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
6854
6911
|
|
|
6855
|
-
var _templateObject$
|
|
6912
|
+
var _templateObject$1k, _templateObject2$_;
|
|
6856
6913
|
function OrderActionsDropdown(props) {
|
|
6857
|
-
return React.createElement(Container$
|
|
6914
|
+
return React.createElement(Container$Q, {
|
|
6858
6915
|
className: props.className
|
|
6859
6916
|
}, React.createElement(Label$1, null, props.label), React.createElement(AntSelect, {
|
|
6860
6917
|
options: props.options,
|
|
@@ -6871,8 +6928,8 @@ function OrderActionsDropdown(props) {
|
|
|
6871
6928
|
defaultValue: props.value
|
|
6872
6929
|
}));
|
|
6873
6930
|
}
|
|
6874
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
6875
|
-
var Container$
|
|
6931
|
+
var Label$1 = /*#__PURE__*/styled.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"])));
|
|
6932
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6876
6933
|
|
|
6877
6934
|
function DocumentTypeDropdown() {
|
|
6878
6935
|
var onSelect = function onSelect() {};
|
|
@@ -6943,7 +7000,7 @@ function UploadIcon(props) {
|
|
|
6943
7000
|
fill: "#0465AC"
|
|
6944
7001
|
}), React.createElement("path", {
|
|
6945
7002
|
fillRule: "evenodd",
|
|
6946
|
-
|
|
7003
|
+
clipRule: "evenodd",
|
|
6947
7004
|
d: "M8.185 0.5H1.5C1.10218 0.5 0.720644 0.658035 0.43934 0.93934C0.158035 1.22064 0 1.60218 0 2V17C0 17.3978 0.158035 17.7794 0.43934 18.0607C0.720644 18.342 1.10218 18.5 1.5 18.5H12.5C12.8978 18.5 13.2794 18.342 13.5607 18.0607C13.842 17.7794 14 17.3978 14 17V6.702C13.9999 6.32647 13.859 5.96464 13.605 5.688L9.291 0.986C9.15041 0.832745 8.97949 0.7104 8.78909 0.626735C8.59869 0.543069 8.39297 0.49991 8.185 0.5ZM1 2C1 1.86739 1.05268 1.74022 1.14645 1.64645C1.24021 1.55268 1.36739 1.5 1.5 1.5H8.185C8.25438 1.49992 8.32302 1.51429 8.38654 1.54218C8.45007 1.57007 8.5071 1.61087 8.554 1.662L12.868 6.364C12.9528 6.45616 12.9999 6.57678 13 6.702V17C13 17.1326 12.9473 17.2598 12.8536 17.3536C12.7598 17.4473 12.6326 17.5 12.5 17.5H1.5C1.36739 17.5 1.24021 17.4473 1.14645 17.3536C1.05268 17.2598 1 17.1326 1 17V2Z",
|
|
6948
7005
|
fill: "#0465AC"
|
|
6949
7006
|
}), React.createElement("path", {
|
|
@@ -6952,7 +7009,7 @@ function UploadIcon(props) {
|
|
|
6952
7009
|
})));
|
|
6953
7010
|
}
|
|
6954
7011
|
|
|
6955
|
-
var _templateObject$
|
|
7012
|
+
var _templateObject$1l, _templateObject2$$, _templateObject3$u, _templateObject4$g, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
6956
7013
|
var Dragger = Upload.Dragger;
|
|
6957
7014
|
var props = {
|
|
6958
7015
|
name: 'file',
|
|
@@ -6974,20 +7031,20 @@ var props = {
|
|
|
6974
7031
|
}
|
|
6975
7032
|
};
|
|
6976
7033
|
function DocFileUpload() {
|
|
6977
|
-
return React.createElement(MainContainer$8, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$
|
|
7034
|
+
return React.createElement(MainContainer$8, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$R, null, React.createElement(UploadButton, {
|
|
6978
7035
|
colors: 'secondary',
|
|
6979
7036
|
shape: 'rounded'
|
|
6980
7037
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
6981
7038
|
}
|
|
6982
|
-
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$
|
|
7039
|
+
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
6983
7040
|
var Text2 = /*#__PURE__*/styled.p(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
6984
7041
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
6985
7042
|
var Text1 = /*#__PURE__*/styled.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"])));
|
|
6986
7043
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
6987
7044
|
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
6988
|
-
var Container$
|
|
7045
|
+
var Container$R = /*#__PURE__*/styled.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"])));
|
|
6989
7046
|
|
|
6990
|
-
var _templateObject$
|
|
7047
|
+
var _templateObject$1m, _templateObject2$10, _templateObject3$v, _templateObject4$h;
|
|
6991
7048
|
// import DocFileUpload from './DocFileUpload';
|
|
6992
7049
|
function AddResources() {
|
|
6993
7050
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7003,7 +7060,7 @@ function AddResources() {
|
|
|
7003
7060
|
onSubmit: function onSubmit() {}
|
|
7004
7061
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), React.createElement(DocFileUpload, null))));
|
|
7005
7062
|
}
|
|
7006
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject$
|
|
7063
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7007
7064
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7008
7065
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7009
7066
|
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
@@ -7144,9 +7201,9 @@ function useUpdateReminderData() {
|
|
|
7144
7201
|
return useAtom(reminderUpdatePayload);
|
|
7145
7202
|
}
|
|
7146
7203
|
|
|
7147
|
-
var _templateObject$
|
|
7204
|
+
var _templateObject$1n, _templateObject2$11, _templateObject3$w;
|
|
7148
7205
|
// Styled components
|
|
7149
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7206
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7150
7207
|
var StyledTable$3 = /*#__PURE__*/styled.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"])));
|
|
7151
7208
|
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7152
7209
|
|
|
@@ -7230,7 +7287,7 @@ function SplitOrderTable() {
|
|
|
7230
7287
|
}))));
|
|
7231
7288
|
}
|
|
7232
7289
|
|
|
7233
|
-
var _templateObject$
|
|
7290
|
+
var _templateObject$1o;
|
|
7234
7291
|
function SplitOrder() {
|
|
7235
7292
|
var _useCurrentAction = useCurrentAction(),
|
|
7236
7293
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7278,7 +7335,7 @@ function SplitOrder() {
|
|
|
7278
7335
|
isSubmitDisabled: isSubmitDisabled()
|
|
7279
7336
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
7280
7337
|
}
|
|
7281
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7338
|
+
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
7282
7339
|
|
|
7283
7340
|
function RadioButtonCheckIcon(props) {
|
|
7284
7341
|
return React.createElement("svg", Object.assign({
|
|
@@ -7291,7 +7348,7 @@ function RadioButtonCheckIcon(props) {
|
|
|
7291
7348
|
"clip-path": "url(#clip0_3445_118732)"
|
|
7292
7349
|
}, React.createElement("path", {
|
|
7293
7350
|
fillRule: "evenodd",
|
|
7294
|
-
|
|
7351
|
+
clipRule: "evenodd",
|
|
7295
7352
|
d: "M0.875 8C0.875 6.01088 1.66518 4.10322 3.0717 2.6967C4.47822 1.29018 6.38588 0.5 8.375 0.5C10.3641 0.5 12.2718 1.29018 13.6783 2.6967C15.0848 4.10322 15.875 6.01088 15.875 8C15.875 9.98912 15.0848 11.8968 13.6783 13.3033C12.2718 14.7098 10.3641 15.5 8.375 15.5C6.38588 15.5 4.47822 14.7098 3.0717 13.3033C1.66518 11.8968 0.875 9.98912 0.875 8ZM7.947 11.21L12.265 5.812L11.485 5.188L7.803 9.789L5.195 7.616L4.555 8.384L7.947 11.21Z",
|
|
7296
7353
|
fill: props.color || '#6396E5'
|
|
7297
7354
|
})), React.createElement("defs", null, React.createElement("clipPath", {
|
|
@@ -7309,7 +7366,7 @@ var fonts = {
|
|
|
7309
7366
|
secondary: "'Lato', sans-serif"
|
|
7310
7367
|
};
|
|
7311
7368
|
|
|
7312
|
-
var _templateObject$
|
|
7369
|
+
var _templateObject$1p, _templateObject2$12, _templateObject3$x;
|
|
7313
7370
|
function RadioButton(props) {
|
|
7314
7371
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
7315
7372
|
color: props.color
|
|
@@ -7320,7 +7377,7 @@ function RadioButton(props) {
|
|
|
7320
7377
|
htmlFor: props.id
|
|
7321
7378
|
}, props.label));
|
|
7322
7379
|
}
|
|
7323
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
7380
|
+
var Label$3 = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
7324
7381
|
var Input = /*#__PURE__*/styled.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) {
|
|
7325
7382
|
return props.color || '#6396e5';
|
|
7326
7383
|
}, function (props) {
|
|
@@ -7328,7 +7385,7 @@ var Input = /*#__PURE__*/styled.input(_templateObject2$12 || (_templateObject2$1
|
|
|
7328
7385
|
});
|
|
7329
7386
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7330
7387
|
|
|
7331
|
-
var _templateObject$
|
|
7388
|
+
var _templateObject$1q, _templateObject2$13, _templateObject3$y, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8;
|
|
7332
7389
|
function RadioButtonGroup(props) {
|
|
7333
7390
|
var heading = props.heading,
|
|
7334
7391
|
_props$direction = props.direction,
|
|
@@ -7363,7 +7420,7 @@ function RadioButtonGroup(props) {
|
|
|
7363
7420
|
className: "custom-wrapper"
|
|
7364
7421
|
}, renderOptions()));
|
|
7365
7422
|
}
|
|
7366
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
7423
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7367
7424
|
var labelStyles = /*#__PURE__*/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);
|
|
7368
7425
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7369
7426
|
return !props.$required && 'visibility: hidden;';
|
|
@@ -7375,7 +7432,7 @@ var Wrapper$g = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$
|
|
|
7375
7432
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7376
7433
|
});
|
|
7377
7434
|
|
|
7378
|
-
var _templateObject$
|
|
7435
|
+
var _templateObject$1r;
|
|
7379
7436
|
var deliveryPoints = [{
|
|
7380
7437
|
label: 'Hallway',
|
|
7381
7438
|
value: 'hallway'
|
|
@@ -7397,7 +7454,7 @@ function DeliveryPoint() {
|
|
|
7397
7454
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
7398
7455
|
selectedValue = _React$useState[0],
|
|
7399
7456
|
setSelectedValue = _React$useState[1];
|
|
7400
|
-
return React.createElement(Container$
|
|
7457
|
+
return React.createElement(Container$S, null, React.createElement(RadioButtonGroup, {
|
|
7401
7458
|
heading: "Delivery Point",
|
|
7402
7459
|
options: deliveryPoints || [],
|
|
7403
7460
|
onChange: radioGroupHandler,
|
|
@@ -7406,9 +7463,9 @@ function DeliveryPoint() {
|
|
|
7406
7463
|
required: false
|
|
7407
7464
|
}));
|
|
7408
7465
|
}
|
|
7409
|
-
var Container$
|
|
7466
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7410
7467
|
|
|
7411
|
-
var _templateObject$
|
|
7468
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$z, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5;
|
|
7412
7469
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7413
7470
|
function Checkbox(props) {
|
|
7414
7471
|
var imageSrc = props.imageSrc,
|
|
@@ -7429,7 +7486,7 @@ function Checkbox(props) {
|
|
|
7429
7486
|
"$checked": checked
|
|
7430
7487
|
}, label)));
|
|
7431
7488
|
}
|
|
7432
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
7489
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7433
7490
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7434
7491
|
});
|
|
7435
7492
|
var CircleContainer = /*#__PURE__*/styled.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"])));
|
|
@@ -7469,10 +7526,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7469
7526
|
return "" + baseURL$1 + subPath;
|
|
7470
7527
|
};
|
|
7471
7528
|
|
|
7472
|
-
var _templateObject$
|
|
7529
|
+
var _templateObject$1t;
|
|
7473
7530
|
function OrderServices$1() {
|
|
7474
7531
|
// TO DO -> get services from static data
|
|
7475
|
-
return React.createElement(Container$
|
|
7532
|
+
return React.createElement(Container$T, null, React.createElement(Checkbox, {
|
|
7476
7533
|
checked: false,
|
|
7477
7534
|
label: "Assemble",
|
|
7478
7535
|
imageSrc: getIcon$1(1)
|
|
@@ -7494,23 +7551,23 @@ function OrderServices$1() {
|
|
|
7494
7551
|
imageSrc: getIcon$1(4)
|
|
7495
7552
|
}));
|
|
7496
7553
|
}
|
|
7497
|
-
var Container$
|
|
7554
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7498
7555
|
|
|
7499
|
-
var _templateObject$
|
|
7556
|
+
var _templateObject$1u, _templateObject2$15;
|
|
7500
7557
|
function Notes$1(_ref) {
|
|
7501
7558
|
var onNotesChange = _ref.onNotesChange;
|
|
7502
7559
|
var handleTextChange = function handleTextChange(event) {
|
|
7503
7560
|
onNotesChange(event.target.value);
|
|
7504
7561
|
};
|
|
7505
|
-
return React.createElement(Container$
|
|
7562
|
+
return React.createElement(Container$U, null, React.createElement(Label$4, null, "Notes"), React.createElement(TextArea, {
|
|
7506
7563
|
rows: 15,
|
|
7507
7564
|
onChange: handleTextChange
|
|
7508
7565
|
}));
|
|
7509
7566
|
}
|
|
7510
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
7511
|
-
var Container$
|
|
7567
|
+
var Label$4 = /*#__PURE__*/styled.span(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7568
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7512
7569
|
|
|
7513
|
-
var _templateObject$
|
|
7570
|
+
var _templateObject$1v, _templateObject2$16, _templateObject3$A;
|
|
7514
7571
|
function LogServiceRefusal() {
|
|
7515
7572
|
var _useCurrentAction = useCurrentAction(),
|
|
7516
7573
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7530,7 +7587,7 @@ function LogServiceRefusal() {
|
|
|
7530
7587
|
}
|
|
7531
7588
|
}))));
|
|
7532
7589
|
}
|
|
7533
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7590
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7534
7591
|
var Left = /*#__PURE__*/styled.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"])));
|
|
7535
7592
|
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7536
7593
|
|
|
@@ -7558,7 +7615,7 @@ function ReturnReason() {
|
|
|
7558
7615
|
});
|
|
7559
7616
|
}
|
|
7560
7617
|
|
|
7561
|
-
var _templateObject$
|
|
7618
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$B, _templateObject4$k, _templateObject5$e, _templateObject6$8, _templateObject7$a;
|
|
7562
7619
|
function CancelOrder() {
|
|
7563
7620
|
var _orderStaticData$canc;
|
|
7564
7621
|
var _useOrderId = useOrderId(),
|
|
@@ -7662,15 +7719,15 @@ function CancelOrder() {
|
|
|
7662
7719
|
options: cancelReasonOptions || [],
|
|
7663
7720
|
onSelect: onSelectCancelReason,
|
|
7664
7721
|
value: cancelReason
|
|
7665
|
-
}), React.createElement(Wrapper$h, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$
|
|
7722
|
+
}), React.createElement(Wrapper$h, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$V, null, React.createElement(Label$5, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
7666
7723
|
rows: 5,
|
|
7667
7724
|
onChange: onChangeNotes,
|
|
7668
7725
|
value: cancelNotes,
|
|
7669
7726
|
placeholder: "Reason for Cancel Order"
|
|
7670
7727
|
}))))));
|
|
7671
7728
|
}
|
|
7672
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
7673
|
-
var Container$
|
|
7729
|
+
var Label$5 = /*#__PURE__*/styled.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"])));
|
|
7730
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7674
7731
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7675
7732
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
7676
7733
|
var TopRight = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -7678,7 +7735,7 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 =
|
|
|
7678
7735
|
// const Bottom = styled.div``;
|
|
7679
7736
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
7680
7737
|
|
|
7681
|
-
var _templateObject$
|
|
7738
|
+
var _templateObject$1x, _templateObject2$18, _templateObject3$C;
|
|
7682
7739
|
function EmailAddress() {
|
|
7683
7740
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7684
7741
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7710,7 +7767,7 @@ function EmailAddress() {
|
|
|
7710
7767
|
});
|
|
7711
7768
|
});
|
|
7712
7769
|
};
|
|
7713
|
-
return React.createElement(Container$
|
|
7770
|
+
return React.createElement(Container$W, null, React.createElement(Label$6, null, "Email Address"), React.createElement(Input$2, {
|
|
7714
7771
|
style: {
|
|
7715
7772
|
borderRadius: '15px'
|
|
7716
7773
|
},
|
|
@@ -7719,11 +7776,11 @@ function EmailAddress() {
|
|
|
7719
7776
|
onChange: onChange
|
|
7720
7777
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
7721
7778
|
}
|
|
7722
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
7723
|
-
var Container$
|
|
7779
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7780
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7724
7781
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7725
7782
|
|
|
7726
|
-
var _templateObject$
|
|
7783
|
+
var _templateObject$1y, _templateObject2$19, _templateObject3$D;
|
|
7727
7784
|
function ContactPhone() {
|
|
7728
7785
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7729
7786
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7772,7 +7829,7 @@ function ContactPhone() {
|
|
|
7772
7829
|
});
|
|
7773
7830
|
}
|
|
7774
7831
|
};
|
|
7775
|
-
return React.createElement(Container$
|
|
7832
|
+
return React.createElement(Container$X, null, React.createElement(Label$7, null, "Contact Phone"), React.createElement(Input$2, {
|
|
7776
7833
|
name: "contact-home",
|
|
7777
7834
|
type: "text",
|
|
7778
7835
|
placeholder: "Home Number",
|
|
@@ -7784,11 +7841,11 @@ function ContactPhone() {
|
|
|
7784
7841
|
onChange: onChange
|
|
7785
7842
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7786
7843
|
}
|
|
7787
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
7788
|
-
var Container$
|
|
7844
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7845
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7789
7846
|
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7790
7847
|
|
|
7791
|
-
var _templateObject$
|
|
7848
|
+
var _templateObject$1z, _templateObject2$1a, _templateObject3$E;
|
|
7792
7849
|
function ContactWork$1() {
|
|
7793
7850
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7794
7851
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7837,7 +7894,7 @@ function ContactWork$1() {
|
|
|
7837
7894
|
});
|
|
7838
7895
|
}
|
|
7839
7896
|
};
|
|
7840
|
-
return React.createElement(Container$
|
|
7897
|
+
return React.createElement(Container$Y, null, React.createElement(Label$8, null, "Contact Work"), React.createElement(Input$2, {
|
|
7841
7898
|
name: "contact-work",
|
|
7842
7899
|
type: "text",
|
|
7843
7900
|
placeholder: "Work Number",
|
|
@@ -7849,11 +7906,11 @@ function ContactWork$1() {
|
|
|
7849
7906
|
onChange: onChange
|
|
7850
7907
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
7851
7908
|
}
|
|
7852
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
7853
|
-
var Container$
|
|
7909
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7910
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7854
7911
|
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7855
7912
|
|
|
7856
|
-
var _templateObject$
|
|
7913
|
+
var _templateObject$1A, _templateObject2$1b, _templateObject3$F;
|
|
7857
7914
|
function ContactMobile$1() {
|
|
7858
7915
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7859
7916
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7902,7 +7959,7 @@ function ContactMobile$1() {
|
|
|
7902
7959
|
});
|
|
7903
7960
|
}
|
|
7904
7961
|
};
|
|
7905
|
-
return React.createElement(Container$
|
|
7962
|
+
return React.createElement(Container$Z, null, React.createElement(Label$9, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
7906
7963
|
name: "contact-work",
|
|
7907
7964
|
type: "text",
|
|
7908
7965
|
placeholder: "Mobile Number",
|
|
@@ -7914,8 +7971,8 @@ function ContactMobile$1() {
|
|
|
7914
7971
|
onChange: onChange
|
|
7915
7972
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
7916
7973
|
}
|
|
7917
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
7918
|
-
var Container$
|
|
7974
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7975
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7919
7976
|
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7920
7977
|
|
|
7921
7978
|
function ContactTypeDropdown() {
|
|
@@ -7982,7 +8039,7 @@ function ActionDropdown() {
|
|
|
7982
8039
|
});
|
|
7983
8040
|
}
|
|
7984
8041
|
|
|
7985
|
-
var _templateObject$
|
|
8042
|
+
var _templateObject$1B, _templateObject2$1c;
|
|
7986
8043
|
function DeliveryDate$1() {
|
|
7987
8044
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7988
8045
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8007,7 +8064,7 @@ function DeliveryDate$1() {
|
|
|
8007
8064
|
var tomorrow = new Date(today);
|
|
8008
8065
|
tomorrow.setDate(today.getDate() + 1);
|
|
8009
8066
|
//confirm popouop
|
|
8010
|
-
return React.createElement(Container$
|
|
8067
|
+
return React.createElement(Container$_, null, React.createElement(Label$a, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
8011
8068
|
onChange: handleDateChange,
|
|
8012
8069
|
format: "DD/MM/YYYY",
|
|
8013
8070
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -8018,8 +8075,8 @@ function DeliveryDate$1() {
|
|
|
8018
8075
|
allowClear: false
|
|
8019
8076
|
}));
|
|
8020
8077
|
}
|
|
8021
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
8022
|
-
var Container$
|
|
8078
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8079
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
8023
8080
|
|
|
8024
8081
|
function convertTo12HourFormat$1(time24) {
|
|
8025
8082
|
var _time24$split, _minutes$toString;
|
|
@@ -8068,19 +8125,19 @@ function TimedServiceDropdown$1() {
|
|
|
8068
8125
|
});
|
|
8069
8126
|
}
|
|
8070
8127
|
|
|
8071
|
-
var _templateObject$
|
|
8128
|
+
var _templateObject$1C, _templateObject2$1d, _templateObject3$G, _templateObject4$l;
|
|
8072
8129
|
function CustomerInformation() {
|
|
8073
8130
|
var _orderDetails$order_r;
|
|
8074
8131
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8075
8132
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8076
|
-
return React.createElement(Container
|
|
8133
|
+
return React.createElement(Container$$, null, React.createElement(Title$3, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$i, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$i, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$i, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$i, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
8077
8134
|
}
|
|
8078
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
8135
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8079
8136
|
var AddressField = /*#__PURE__*/styled.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"])));
|
|
8080
8137
|
var Title$3 = /*#__PURE__*/styled.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"])));
|
|
8081
|
-
var Container
|
|
8138
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8082
8139
|
|
|
8083
|
-
var _templateObject$
|
|
8140
|
+
var _templateObject$1D, _templateObject2$1e;
|
|
8084
8141
|
function ProductTable$1() {
|
|
8085
8142
|
var _useProductDetails = useProductDetails(),
|
|
8086
8143
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8089,7 +8146,7 @@ function ProductTable$1() {
|
|
|
8089
8146
|
if (!orderProductDetails) {
|
|
8090
8147
|
return null;
|
|
8091
8148
|
}
|
|
8092
|
-
return React.createElement(Container
|
|
8149
|
+
return React.createElement(Container$10, null, React.createElement(Title$4, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$3, {
|
|
8093
8150
|
className: "scrollClass"
|
|
8094
8151
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
8095
8152
|
colSpan: 6
|
|
@@ -8107,10 +8164,10 @@ function ProductTable$1() {
|
|
|
8107
8164
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
8108
8165
|
})))));
|
|
8109
8166
|
}
|
|
8110
|
-
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$
|
|
8111
|
-
var Container
|
|
8167
|
+
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8168
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8112
8169
|
|
|
8113
|
-
var _templateObject$
|
|
8170
|
+
var _templateObject$1E, _templateObject2$1f;
|
|
8114
8171
|
function NotesTable() {
|
|
8115
8172
|
var _useState = useState(null),
|
|
8116
8173
|
moduleIds = _useState[0],
|
|
@@ -8178,7 +8235,7 @@ function NotesTable() {
|
|
|
8178
8235
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
8179
8236
|
return null;
|
|
8180
8237
|
}
|
|
8181
|
-
return React.createElement(Container$
|
|
8238
|
+
return React.createElement(Container$11, null, React.createElement(Title$5, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$3, {
|
|
8182
8239
|
className: "scrollClass"
|
|
8183
8240
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
8184
8241
|
colSpan: 6
|
|
@@ -8204,53 +8261,53 @@ function NotesTable() {
|
|
|
8204
8261
|
}));
|
|
8205
8262
|
})))));
|
|
8206
8263
|
}
|
|
8207
|
-
var Title$5 = /*#__PURE__*/styled.h2(_templateObject$
|
|
8208
|
-
var Container$
|
|
8264
|
+
var Title$5 = /*#__PURE__*/styled.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8265
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8209
8266
|
|
|
8210
|
-
var _templateObject$
|
|
8267
|
+
var _templateObject$1F, _templateObject2$1g;
|
|
8211
8268
|
function ConfirmationNotes() {
|
|
8212
|
-
return React.createElement(Container$
|
|
8269
|
+
return React.createElement(Container$12, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
8213
8270
|
rows: 5,
|
|
8214
8271
|
placeholder: "Enter Notes"
|
|
8215
8272
|
}));
|
|
8216
8273
|
}
|
|
8217
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
8218
|
-
var Container$
|
|
8274
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8275
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8219
8276
|
|
|
8220
|
-
var _templateObject$
|
|
8277
|
+
var _templateObject$1G, _templateObject2$1h;
|
|
8221
8278
|
function DeliveryInstructions$1() {
|
|
8222
|
-
return React.createElement(Container$
|
|
8279
|
+
return React.createElement(Container$13, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
8223
8280
|
rows: 5,
|
|
8224
8281
|
placeholder: "Enter Delivery Instructions"
|
|
8225
8282
|
}));
|
|
8226
8283
|
}
|
|
8227
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
8228
|
-
var Container$
|
|
8284
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8285
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8229
8286
|
|
|
8230
|
-
var _templateObject$
|
|
8287
|
+
var _templateObject$1H, _templateObject2$1i;
|
|
8231
8288
|
function ContactWith() {
|
|
8232
|
-
return React.createElement(Container$
|
|
8289
|
+
return React.createElement(Container$14, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
8233
8290
|
style: {
|
|
8234
8291
|
borderRadius: '15px'
|
|
8235
8292
|
}
|
|
8236
8293
|
}));
|
|
8237
8294
|
}
|
|
8238
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
8239
|
-
var Container$
|
|
8295
|
+
var Label$d = /*#__PURE__*/styled.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8296
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8240
8297
|
|
|
8241
|
-
var _templateObject$
|
|
8298
|
+
var _templateObject$1I, _templateObject2$1j, _templateObject3$H, _templateObject4$m;
|
|
8242
8299
|
function SlotAndInstructions() {
|
|
8243
8300
|
var _orderDetails$order_r;
|
|
8244
8301
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8245
8302
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8246
|
-
return React.createElement(Container$
|
|
8303
|
+
return React.createElement(Container$15, null, React.createElement(Slot, null, React.createElement(Title$6, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
8247
8304
|
}
|
|
8248
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
8305
|
+
var Value = /*#__PURE__*/styled.span(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8249
8306
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8250
8307
|
var Title$6 = /*#__PURE__*/styled.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"])));
|
|
8251
|
-
var Container$
|
|
8308
|
+
var Container$15 = /*#__PURE__*/styled.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"])));
|
|
8252
8309
|
|
|
8253
|
-
var _templateObject$
|
|
8310
|
+
var _templateObject$1J, _templateObject2$1k;
|
|
8254
8311
|
// import { filterObject } from '../../../utils';
|
|
8255
8312
|
function ConfirmOrder() {
|
|
8256
8313
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8427,7 +8484,7 @@ function ConfirmOrder() {
|
|
|
8427
8484
|
isSubmitDisabled: errorFound()
|
|
8428
8485
|
}, React.createElement(ContentContainer$4, null, React.createElement(Wrapper$j, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
8429
8486
|
}
|
|
8430
|
-
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$
|
|
8487
|
+
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8431
8488
|
var ContentContainer$4 = /*#__PURE__*/styled.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"])));
|
|
8432
8489
|
|
|
8433
8490
|
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;
|
|
@@ -8441,7 +8498,7 @@ var HoldRow = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6
|
|
|
8441
8498
|
var Label$e = /*#__PURE__*/styled.label(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8442
8499
|
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8443
8500
|
var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
8444
|
-
var Container$
|
|
8501
|
+
var Container$16 = /*#__PURE__*/styled.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"])));
|
|
8445
8502
|
var StaticText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
8446
8503
|
var ImageCircle = /*#__PURE__*/styled.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
8447
8504
|
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -8614,8 +8671,9 @@ function HoldOrderModal() {
|
|
|
8614
8671
|
value: item == null ? void 0 : item.reason
|
|
8615
8672
|
};
|
|
8616
8673
|
});
|
|
8674
|
+
var dynamicUrl = selectedDate ? "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "&hold_until=" + selectedDate : "orders/" + orderId + "/hold/?hold_reason=" + holdReason + "\n";
|
|
8617
8675
|
var _useApiHook = useApiHook({
|
|
8618
|
-
endpoint:
|
|
8676
|
+
endpoint: dynamicUrl,
|
|
8619
8677
|
method: 'POST',
|
|
8620
8678
|
performAction: false
|
|
8621
8679
|
}),
|
|
@@ -8677,7 +8735,7 @@ function HoldOrderModal() {
|
|
|
8677
8735
|
setPerformAction(true);
|
|
8678
8736
|
}
|
|
8679
8737
|
};
|
|
8680
|
-
var showSubmitBtn = holdReason !== undefined
|
|
8738
|
+
var showSubmitBtn = holdReason !== undefined;
|
|
8681
8739
|
return React.createElement(OrderActionModal, {
|
|
8682
8740
|
headerTitle: "Hold order",
|
|
8683
8741
|
onCloseHeader: onClose,
|
|
@@ -8687,8 +8745,7 @@ function HoldOrderModal() {
|
|
|
8687
8745
|
submitBtnTitle: "Save Details",
|
|
8688
8746
|
isSubmitDisabled: !showSubmitBtn
|
|
8689
8747
|
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$h, {
|
|
8690
|
-
label: "
|
|
8691
|
-
required: true
|
|
8748
|
+
label: "Hold Until (leave blank for indefinite)"
|
|
8692
8749
|
}), React.createElement(HoldDatePickerWrap, null, React.createElement(DatePicker, {
|
|
8693
8750
|
needConfirm: true,
|
|
8694
8751
|
format: 'MMMM D, YYYY',
|
|
@@ -8856,7 +8913,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
8856
8913
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
8857
8914
|
var Icon = _ref.icon,
|
|
8858
8915
|
question = _ref.question;
|
|
8859
|
-
return React.createElement(Row$4, null, React.createElement(Container$
|
|
8916
|
+
return React.createElement(Row$4, null, React.createElement(Container$16, null, React.createElement(ImageRow, null, React.createElement(ImageCircle, null, React.createElement(Icon, null)), React.createElement(StaticText, null, question)), React.createElement(CustomRating, {
|
|
8860
8917
|
showText: true
|
|
8861
8918
|
})));
|
|
8862
8919
|
};
|
|
@@ -8889,7 +8946,7 @@ function LogFeedback() {
|
|
|
8889
8946
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
8890
8947
|
icon: GrowthImg,
|
|
8891
8948
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
8892
|
-
}), React.createElement(Row$4, null, React.createElement(Container$
|
|
8949
|
+
}), React.createElement(Row$4, null, React.createElement(Container$16, null, React.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React.createElement(StyledTextAreas, {
|
|
8893
8950
|
name: "note",
|
|
8894
8951
|
placeholder: "Write here..."
|
|
8895
8952
|
}))))));
|
|
@@ -9051,7 +9108,7 @@ function ChargeLog() {
|
|
|
9051
9108
|
})));
|
|
9052
9109
|
}
|
|
9053
9110
|
|
|
9054
|
-
var _templateObject$
|
|
9111
|
+
var _templateObject$1K;
|
|
9055
9112
|
var UnholdOrder = function UnholdOrder() {
|
|
9056
9113
|
var _useOrderId = useOrderId(),
|
|
9057
9114
|
orderId = _useOrderId[0];
|
|
@@ -9126,9 +9183,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9126
9183
|
})
|
|
9127
9184
|
});
|
|
9128
9185
|
};
|
|
9129
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
9186
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9130
9187
|
|
|
9131
|
-
var _templateObject$
|
|
9188
|
+
var _templateObject$1L, _templateObject2$1m;
|
|
9132
9189
|
function AssigneeDropdown() {
|
|
9133
9190
|
var handleSelectChange = function handleSelectChange() {
|
|
9134
9191
|
// alert('hello');
|
|
@@ -9150,7 +9207,7 @@ function AssigneeDropdown() {
|
|
|
9150
9207
|
}
|
|
9151
9208
|
}));
|
|
9152
9209
|
}
|
|
9153
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
9210
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9154
9211
|
var StyledAntSelect$3 = /*#__PURE__*/styled(AntSelect)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9155
9212
|
|
|
9156
9213
|
var DatePickerIcon = function DatePickerIcon() {
|
|
@@ -9169,8 +9226,8 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9169
9226
|
}));
|
|
9170
9227
|
};
|
|
9171
9228
|
|
|
9172
|
-
var _templateObject$
|
|
9173
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9229
|
+
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;
|
|
9230
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
9174
9231
|
var InnerContainer = /*#__PURE__*/styled.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"])));
|
|
9175
9232
|
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9176
9233
|
var StyledText$1 = /*#__PURE__*/styled(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"])));
|
|
@@ -9264,10 +9321,10 @@ function useFetchSingleReminderData() {
|
|
|
9264
9321
|
return res;
|
|
9265
9322
|
}
|
|
9266
9323
|
|
|
9267
|
-
var _templateObject$
|
|
9324
|
+
var _templateObject$1N, _templateObject2$1o, _templateObject3$K, _templateObject4$p;
|
|
9268
9325
|
function StatusIndicator(props) {
|
|
9269
9326
|
var statusColor = getStatusColor(props.status);
|
|
9270
|
-
return React.createElement(Container$
|
|
9327
|
+
return React.createElement(Container$17, null, React.createElement(StatusCircleContainer, {
|
|
9271
9328
|
status: props.status
|
|
9272
9329
|
}, React.createElement(StatusCircle, {
|
|
9273
9330
|
color: statusColor
|
|
@@ -9275,13 +9332,13 @@ function StatusIndicator(props) {
|
|
|
9275
9332
|
status: props.status
|
|
9276
9333
|
}, props.text));
|
|
9277
9334
|
}
|
|
9278
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
9335
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
9279
9336
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9280
9337
|
});
|
|
9281
9338
|
var StatusCircle = /*#__PURE__*/styled.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) {
|
|
9282
9339
|
return props.color;
|
|
9283
9340
|
});
|
|
9284
|
-
var Container$
|
|
9341
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9285
9342
|
var Text$7 = /*#__PURE__*/styled.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) {
|
|
9286
9343
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9287
9344
|
});
|
|
@@ -9444,7 +9501,7 @@ function useFetchReminders() {
|
|
|
9444
9501
|
return perform;
|
|
9445
9502
|
}
|
|
9446
9503
|
|
|
9447
|
-
var _templateObject$
|
|
9504
|
+
var _templateObject$1O, _templateObject2$1p, _templateObject3$L, _templateObject4$q, _templateObject5$g, _templateObject6$a, _templateObject7$c;
|
|
9448
9505
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9449
9506
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9450
9507
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9600,7 +9657,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9600
9657
|
onChange: onChangeDetails
|
|
9601
9658
|
}))))));
|
|
9602
9659
|
};
|
|
9603
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9660
|
+
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9604
9661
|
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9605
9662
|
var StyledSpan = /*#__PURE__*/styled.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"])));
|
|
9606
9663
|
var StyledCheckbox = /*#__PURE__*/styled.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"])));
|
|
@@ -9608,9 +9665,9 @@ var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g
|
|
|
9608
9665
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9609
9666
|
var LabelText = /*#__PURE__*/styled.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"])));
|
|
9610
9667
|
|
|
9611
|
-
var _templateObject$
|
|
9668
|
+
var _templateObject$1P, _templateObject3$M, _templateObject5$h, _templateObject7$d, _templateObject8$8, _templateObject9$4;
|
|
9612
9669
|
// Shared styles and components
|
|
9613
|
-
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$
|
|
9670
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9614
9671
|
var SplitContainer = /*#__PURE__*/styled.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"])));
|
|
9615
9672
|
var Label$f = /*#__PURE__*/styled.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"])));
|
|
9616
9673
|
var ContentContainer$6 = /*#__PURE__*/styled.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"])));
|
|
@@ -9629,7 +9686,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9629
9686
|
}, " * ")), children);
|
|
9630
9687
|
};
|
|
9631
9688
|
|
|
9632
|
-
var _templateObject$
|
|
9689
|
+
var _templateObject$1Q, _templateObject2$1q, _templateObject3$N, _templateObject4$r, _templateObject5$i;
|
|
9633
9690
|
dayjs.extend(utc);
|
|
9634
9691
|
dayjs.extend(isValid);
|
|
9635
9692
|
function CreateReminderModal() {
|
|
@@ -9852,7 +9909,7 @@ function CreateReminderModal() {
|
|
|
9852
9909
|
onChange: handleChange
|
|
9853
9910
|
})));
|
|
9854
9911
|
}
|
|
9855
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9912
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9856
9913
|
var Label$g = /*#__PURE__*/styled.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"])));
|
|
9857
9914
|
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9858
9915
|
var StyledTextArea$2 = /*#__PURE__*/styled(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"])));
|
|
@@ -10026,7 +10083,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10026
10083
|
return perform;
|
|
10027
10084
|
}
|
|
10028
10085
|
|
|
10029
|
-
var _templateObject$
|
|
10086
|
+
var _templateObject$1R;
|
|
10030
10087
|
function TaskReminderModal() {
|
|
10031
10088
|
var createReminderAPI = useCreateReminder();
|
|
10032
10089
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10125,9 +10182,9 @@ function TaskReminderModal() {
|
|
|
10125
10182
|
isSubmitDisabled: isSubmitDisabled()
|
|
10126
10183
|
}, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
|
|
10127
10184
|
}
|
|
10128
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
10185
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10129
10186
|
|
|
10130
|
-
var _templateObject$
|
|
10187
|
+
var _templateObject$1S, _templateObject2$1r;
|
|
10131
10188
|
function OrderLock() {
|
|
10132
10189
|
var _useCurrentAction = useCurrentAction(),
|
|
10133
10190
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10180,7 +10237,7 @@ function OrderLock() {
|
|
|
10180
10237
|
})
|
|
10181
10238
|
});
|
|
10182
10239
|
}
|
|
10183
|
-
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$
|
|
10240
|
+
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10184
10241
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10185
10242
|
|
|
10186
10243
|
function useUpdateFlag() {
|
|
@@ -10251,7 +10308,7 @@ function useUpdateFlag() {
|
|
|
10251
10308
|
return create;
|
|
10252
10309
|
}
|
|
10253
10310
|
|
|
10254
|
-
var _templateObject$
|
|
10311
|
+
var _templateObject$1T, _templateObject2$1s, _templateObject3$O, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10255
10312
|
function HeaderSection() {
|
|
10256
10313
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10257
10314
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10321,14 +10378,14 @@ function HeaderSection() {
|
|
|
10321
10378
|
})
|
|
10322
10379
|
})));
|
|
10323
10380
|
}
|
|
10324
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10381
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10325
10382
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10326
10383
|
var ResolveButton = /*#__PURE__*/styled.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"])));
|
|
10327
10384
|
var Title$7 = /*#__PURE__*/styled.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"])));
|
|
10328
10385
|
var StyledOverlay = /*#__PURE__*/styled.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"])));
|
|
10329
10386
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10330
10387
|
|
|
10331
|
-
var _templateObject$
|
|
10388
|
+
var _templateObject$1U, _templateObject2$1t;
|
|
10332
10389
|
function TextSection() {
|
|
10333
10390
|
var _useSinglePayload = useSinglePayload(),
|
|
10334
10391
|
payload = _useSinglePayload[0],
|
|
@@ -10346,10 +10403,10 @@ function TextSection() {
|
|
|
10346
10403
|
onChange: onChangeDetails
|
|
10347
10404
|
}));
|
|
10348
10405
|
}
|
|
10349
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
10406
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10350
10407
|
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10351
10408
|
|
|
10352
|
-
var _templateObject$
|
|
10409
|
+
var _templateObject$1V, _templateObject2$1u;
|
|
10353
10410
|
function ButtonsSection() {
|
|
10354
10411
|
var _useSinglePayload = useSinglePayload(),
|
|
10355
10412
|
payload = _useSinglePayload[0],
|
|
@@ -10440,10 +10497,10 @@ function ButtonsSection() {
|
|
|
10440
10497
|
status: "SD"
|
|
10441
10498
|
}))));
|
|
10442
10499
|
}
|
|
10443
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject$
|
|
10500
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10444
10501
|
var Flex = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10445
10502
|
|
|
10446
|
-
var _templateObject$
|
|
10503
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$P, _templateObject4$t, _templateObject5$k, _templateObject6$c;
|
|
10447
10504
|
function ActionSection() {
|
|
10448
10505
|
var _useCurrentAction = useCurrentAction(),
|
|
10449
10506
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10529,14 +10586,14 @@ function RadioButtonsSection() {
|
|
|
10529
10586
|
required: false
|
|
10530
10587
|
}));
|
|
10531
10588
|
}
|
|
10532
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10589
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10533
10590
|
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10534
10591
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10535
10592
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10536
10593
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10537
10594
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10538
10595
|
|
|
10539
|
-
var _templateObject$
|
|
10596
|
+
var _templateObject$1X, _templateObject2$1w, _templateObject3$Q, _templateObject4$u, _templateObject5$l;
|
|
10540
10597
|
function DetailSection() {
|
|
10541
10598
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10542
10599
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10548,7 +10605,7 @@ function DetailSection() {
|
|
|
10548
10605
|
label: "Order"
|
|
10549
10606
|
}), React.createElement(Order, null, orderColumnData)));
|
|
10550
10607
|
}
|
|
10551
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
10608
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10552
10609
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10553
10610
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10554
10611
|
var Order = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
@@ -10634,7 +10691,7 @@ function useFetchSingleFlagsData() {
|
|
|
10634
10691
|
return res;
|
|
10635
10692
|
}
|
|
10636
10693
|
|
|
10637
|
-
var _templateObject$
|
|
10694
|
+
var _templateObject$1Y, _templateObject2$1x, _templateObject3$R;
|
|
10638
10695
|
function ViewFlag() {
|
|
10639
10696
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10640
10697
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10731,11 +10788,11 @@ function ViewFlag() {
|
|
|
10731
10788
|
}, [dataArray]);
|
|
10732
10789
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
10733
10790
|
}
|
|
10734
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10791
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10735
10792
|
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10736
10793
|
var MainContainer$a = /*#__PURE__*/styled.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"])));
|
|
10737
10794
|
|
|
10738
|
-
var _templateObject$
|
|
10795
|
+
var _templateObject$1Z;
|
|
10739
10796
|
function ReleaseOrder() {
|
|
10740
10797
|
var _useOrderId = useOrderId(),
|
|
10741
10798
|
orderId = _useOrderId[0];
|
|
@@ -10814,9 +10871,9 @@ function ReleaseOrder() {
|
|
|
10814
10871
|
// position: absolute;
|
|
10815
10872
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10816
10873
|
// `;
|
|
10817
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
10874
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10818
10875
|
|
|
10819
|
-
var _templateObject$
|
|
10876
|
+
var _templateObject$1_;
|
|
10820
10877
|
function OrderActions() {
|
|
10821
10878
|
var _useCurrentAction = useCurrentAction(),
|
|
10822
10879
|
currentAction = _useCurrentAction[0];
|
|
@@ -10866,9 +10923,9 @@ function OrderActions() {
|
|
|
10866
10923
|
return null;
|
|
10867
10924
|
}
|
|
10868
10925
|
};
|
|
10869
|
-
return React.createElement(Container$
|
|
10926
|
+
return React.createElement(Container$18, null, renderContent());
|
|
10870
10927
|
}
|
|
10871
|
-
var Container$
|
|
10928
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10872
10929
|
|
|
10873
10930
|
function useSystemLogs() {
|
|
10874
10931
|
var ssoToken = getCookie('id_token');
|
|
@@ -10960,7 +11017,7 @@ function useSystemLogs() {
|
|
|
10960
11017
|
return perform;
|
|
10961
11018
|
}
|
|
10962
11019
|
|
|
10963
|
-
var _templateObject$
|
|
11020
|
+
var _templateObject$1$, _templateObject2$1y;
|
|
10964
11021
|
var Details = function Details() {
|
|
10965
11022
|
// const [orderDetails] = useOrderDetails();
|
|
10966
11023
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -10969,10 +11026,10 @@ var Details = function Details() {
|
|
|
10969
11026
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
10970
11027
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
10971
11028
|
};
|
|
10972
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11029
|
+
var DetailsContainer = /*#__PURE__*/styled.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"])));
|
|
10973
11030
|
var Typo = /*#__PURE__*/styled.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"])));
|
|
10974
11031
|
|
|
10975
|
-
var _templateObject$
|
|
11032
|
+
var _templateObject$20;
|
|
10976
11033
|
function Options() {
|
|
10977
11034
|
var _useCurrentAction = useCurrentAction(),
|
|
10978
11035
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11038,7 +11095,7 @@ function Options() {
|
|
|
11038
11095
|
value: "OPTIONS"
|
|
11039
11096
|
}));
|
|
11040
11097
|
}
|
|
11041
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
11098
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11042
11099
|
|
|
11043
11100
|
function BjsMenu() {
|
|
11044
11101
|
var _orderStatus$;
|
|
@@ -11095,7 +11152,7 @@ function BjsMenu() {
|
|
|
11095
11152
|
});
|
|
11096
11153
|
}
|
|
11097
11154
|
|
|
11098
|
-
var _templateObject$
|
|
11155
|
+
var _templateObject$21;
|
|
11099
11156
|
function Print() {
|
|
11100
11157
|
var _useOrderDetails = useOrderDetails(),
|
|
11101
11158
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11144,7 +11201,7 @@ function Print() {
|
|
|
11144
11201
|
window.open(url, '_blank');
|
|
11145
11202
|
}
|
|
11146
11203
|
};
|
|
11147
|
-
return React.createElement(Container$
|
|
11204
|
+
return React.createElement(Container$19, null, React.createElement(SelectDropdown, {
|
|
11148
11205
|
placeholder: "PRINT",
|
|
11149
11206
|
options: PrintMenu,
|
|
11150
11207
|
value: "PRINT",
|
|
@@ -11180,29 +11237,29 @@ function Print() {
|
|
|
11180
11237
|
})
|
|
11181
11238
|
}));
|
|
11182
11239
|
}
|
|
11183
|
-
var Container$
|
|
11240
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11184
11241
|
|
|
11185
|
-
var _templateObject$
|
|
11242
|
+
var _templateObject$22;
|
|
11186
11243
|
// components
|
|
11187
11244
|
function DropDowns$1() {
|
|
11188
11245
|
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper$2, null, React.createElement(BjsMenu, null), React.createElement(Options, null), React.createElement(Print, null)));
|
|
11189
11246
|
}
|
|
11190
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
11247
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11191
11248
|
|
|
11192
|
-
var _templateObject$
|
|
11249
|
+
var _templateObject$23;
|
|
11193
11250
|
// import Actions from './actions/Actions';
|
|
11194
11251
|
var ActionsMenu = function ActionsMenu() {
|
|
11195
11252
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
11196
11253
|
};
|
|
11197
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
11254
|
+
var Flex$2 = /*#__PURE__*/styled.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"])));
|
|
11198
11255
|
|
|
11199
|
-
var _templateObject$
|
|
11256
|
+
var _templateObject$24;
|
|
11200
11257
|
var DetailsFilters = function DetailsFilters() {
|
|
11201
11258
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
11202
11259
|
};
|
|
11203
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11260
|
+
var Flex$3 = /*#__PURE__*/styled.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"])));
|
|
11204
11261
|
|
|
11205
|
-
var _templateObject$
|
|
11262
|
+
var _templateObject$25, _templateObject2$1z, _templateObject3$S, _templateObject4$v;
|
|
11206
11263
|
function OrderView() {
|
|
11207
11264
|
notification.config({
|
|
11208
11265
|
top: 150
|
|
@@ -11247,7 +11304,8 @@ function OrderView() {
|
|
|
11247
11304
|
var _useLiveRecalling = useLiveRecalling(),
|
|
11248
11305
|
liveRecalling = _useLiveRecalling[0];
|
|
11249
11306
|
var systemLogsData = useSystemLogs();
|
|
11250
|
-
|
|
11307
|
+
var _useVisibilityData = useVisibilityData(),
|
|
11308
|
+
setVisibilityData = _useVisibilityData[1];
|
|
11251
11309
|
// query param
|
|
11252
11310
|
var location = useLocation();
|
|
11253
11311
|
var _useState2 = useState([]),
|
|
@@ -11337,13 +11395,12 @@ function OrderView() {
|
|
|
11337
11395
|
useEffect(function () {
|
|
11338
11396
|
setLoading(staticDataLoading);
|
|
11339
11397
|
if (fetchedStaticData && fetchedStaticData.data) {
|
|
11398
|
+
var _fetchedStaticData$da;
|
|
11340
11399
|
var result = fetchedStaticData == null ? void 0 : fetchedStaticData.data;
|
|
11341
11400
|
setOrderStaticData(result[0]);
|
|
11342
|
-
|
|
11343
|
-
|
|
11344
|
-
|
|
11345
|
-
// )
|
|
11346
|
-
// );
|
|
11401
|
+
setVisibilityData(fetchedStaticData == null || (_fetchedStaticData$da = fetchedStaticData.data) == null ? void 0 : _fetchedStaticData$da.flatMap(function (i) {
|
|
11402
|
+
return i == null ? void 0 : i.resource_visibility_type;
|
|
11403
|
+
}));
|
|
11347
11404
|
}
|
|
11348
11405
|
}, [staticDataLoading]);
|
|
11349
11406
|
useEffect(function () {
|
|
@@ -11515,7 +11572,7 @@ function OrderView() {
|
|
|
11515
11572
|
console.log(orderId, 'orderId');
|
|
11516
11573
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
11517
11574
|
}
|
|
11518
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
11575
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
11519
11576
|
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
11520
11577
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11521
11578
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
@@ -11523,7 +11580,7 @@ var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateOb
|
|
|
11523
11580
|
var _templateObject2$1A;
|
|
11524
11581
|
var StyledBulkItem = /*#__PURE__*/styled.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"])));
|
|
11525
11582
|
|
|
11526
|
-
var _templateObject$
|
|
11583
|
+
var _templateObject$26, _templateObject2$1B;
|
|
11527
11584
|
var SearchType = function SearchType() {
|
|
11528
11585
|
var _useState = useState(''),
|
|
11529
11586
|
searchText = _useState[0],
|
|
@@ -11538,7 +11595,7 @@ var SearchType = function SearchType() {
|
|
|
11538
11595
|
onChange: handleInputChange
|
|
11539
11596
|
}));
|
|
11540
11597
|
};
|
|
11541
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
11598
|
+
var Search = /*#__PURE__*/styled.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"])));
|
|
11542
11599
|
var SearchInput = /*#__PURE__*/styled.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"])));
|
|
11543
11600
|
|
|
11544
11601
|
var BulkFilter = function BulkFilter() {
|
|
@@ -11886,7 +11943,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11886
11943
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11887
11944
|
});
|
|
11888
11945
|
|
|
11889
|
-
var _templateObject$
|
|
11946
|
+
var _templateObject$27, _templateObject2$1C, _templateObject3$T;
|
|
11890
11947
|
var _excluded$6 = ["count"];
|
|
11891
11948
|
function ReturnMainTable() {
|
|
11892
11949
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -11957,7 +12014,7 @@ function ReturnMainTable() {
|
|
|
11957
12014
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
11958
12015
|
}, React.createElement("div", {
|
|
11959
12016
|
className: "Tableconatiner"
|
|
11960
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
12017
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1a, null, React.createElement(Row$7, null, React.createElement(Text, null, "Client Return"), customerId ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)), total > 0 && React.createElement(Pagination, {
|
|
11961
12018
|
currentPage: page,
|
|
11962
12019
|
totalItems: total,
|
|
11963
12020
|
itemsPerPage: itemsPerPage,
|
|
@@ -11965,8 +12022,8 @@ function ReturnMainTable() {
|
|
|
11965
12022
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11966
12023
|
}))));
|
|
11967
12024
|
}
|
|
11968
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
11969
|
-
var Container$
|
|
12025
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12026
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11970
12027
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
11971
12028
|
|
|
11972
12029
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|