@bjsdistribution/dms-client-return 0.0.82 → 0.0.83
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/notification/ReminderTemplate.d.ts +1 -1
- package/dist/components/order-view/notification/Tabs.d.ts +1 -1
- package/dist/components/store.d.ts +2 -1
- package/dist/dms-client-return.cjs.development.js +569 -190
- 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 +605 -226
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +1 -1
- package/src/components/order-view/index.tsx +3 -0
- package/src/components/order-view/notes/order-dropdown/NewReturnDropdown.tsx +17 -4
- package/src/components/order-view/notification/ReminderTemplate.tsx +10 -11
- package/src/components/order-view/notification/Tabs.tsx +26 -6
- package/src/components/order-view/notification/index.tsx +47 -13
- package/src/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.tsx +3 -0
- package/src/components/order-view/order-actions/store.ts +1 -2
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +16 -4
- package/src/components/order-view/view-reminder/reminder-styles.tsx +1 -0
- package/src/components/store.ts +7 -1
|
@@ -411,6 +411,7 @@ var assignPayload = /*#__PURE__*/jotai.atom(AssignUpdateInitial);
|
|
|
411
411
|
var callAPIAgain = /*#__PURE__*/jotai.atom(true);
|
|
412
412
|
var actionTypeOptions = /*#__PURE__*/jotai.atom([]);
|
|
413
413
|
var selectedProductsMove = /*#__PURE__*/jotai.atom([]);
|
|
414
|
+
var newReturnOrderData = /*#__PURE__*/jotai.atom([]);
|
|
414
415
|
var selectedOrderlList = /*#__PURE__*/jotai.atom([]);
|
|
415
416
|
function useSelectedOrders() {
|
|
416
417
|
return jotai.useAtom(selectedOrderlList);
|
|
@@ -478,6 +479,9 @@ var selectedAssignee = /*#__PURE__*/jotai.atom('');
|
|
|
478
479
|
function useSelectedData() {
|
|
479
480
|
return jotai.useAtom(selectedAssignee);
|
|
480
481
|
}
|
|
482
|
+
function useNewReturnOrderData() {
|
|
483
|
+
return jotai.useAtom(newReturnOrderData);
|
|
484
|
+
}
|
|
481
485
|
|
|
482
486
|
// let todayDate = new Date();
|
|
483
487
|
var initialState = {
|
|
@@ -658,6 +662,9 @@ var useItemsPerOverviewPage = function useItemsPerOverviewPage() {
|
|
|
658
662
|
// return useAtom(routeInfoState);
|
|
659
663
|
// };
|
|
660
664
|
|
|
665
|
+
// OrderActionsType
|
|
666
|
+
var activeTabAtom = /*#__PURE__*/jotai.atom('active');
|
|
667
|
+
var infoAtom = /*#__PURE__*/jotai.atom(false);
|
|
661
668
|
var currentActionAtom = /*#__PURE__*/jotai.atom(undefined);
|
|
662
669
|
var orderStaticDataAtom = /*#__PURE__*/jotai.atom({});
|
|
663
670
|
var customerInfoAtom = /*#__PURE__*/jotai.atom({
|
|
@@ -739,6 +746,12 @@ var ordersInitialValue = {
|
|
|
739
746
|
id: null,
|
|
740
747
|
name: ''
|
|
741
748
|
};
|
|
749
|
+
function useTabType() {
|
|
750
|
+
return jotai.useAtom(activeTabAtom);
|
|
751
|
+
}
|
|
752
|
+
function useInfoType() {
|
|
753
|
+
return jotai.useAtom(infoAtom);
|
|
754
|
+
}
|
|
742
755
|
function useCurrentAction() {
|
|
743
756
|
return jotai.useAtom(currentActionAtom);
|
|
744
757
|
}
|
|
@@ -1381,7 +1394,7 @@ var StyledFilterBtnLabel = /*#__PURE__*/styled__default.div(_templateObject37 ||
|
|
|
1381
1394
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
1382
1395
|
var StyledTable$1 = /*#__PURE__*/styled__default.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 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 &: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 .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\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 position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\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 .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\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"])));
|
|
1383
1396
|
// Styled components
|
|
1384
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n /* height: 600px; */\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"])));
|
|
1397
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n // min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n /* height: 600px; */\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"])));
|
|
1385
1398
|
var CustomDrop = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
1386
1399
|
|
|
1387
1400
|
var PrinterIcon = function PrinterIcon() {
|
|
@@ -6489,6 +6502,7 @@ var ActionIcon = function ActionIcon() {
|
|
|
6489
6502
|
}));
|
|
6490
6503
|
};
|
|
6491
6504
|
|
|
6505
|
+
var _templateObject$1b;
|
|
6492
6506
|
var ReturnProductTable = function ReturnProductTable() {
|
|
6493
6507
|
var _orderStaticData$retu;
|
|
6494
6508
|
var _useSelectedProducts = useSelectedProducts(),
|
|
@@ -6505,6 +6519,8 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6505
6519
|
setSelectedRowId = _useState2[1];
|
|
6506
6520
|
var _useOrderId = useOrderId(),
|
|
6507
6521
|
orderId = _useOrderId[0];
|
|
6522
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6523
|
+
returnOrderData = _useNewReturnOrderDat[0];
|
|
6508
6524
|
var handleActionClick = function handleActionClick(id) {
|
|
6509
6525
|
setSelectedRowId(id);
|
|
6510
6526
|
};
|
|
@@ -6574,7 +6590,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6574
6590
|
});
|
|
6575
6591
|
return matchedReason ? matchedReason.label : 'N/A';
|
|
6576
6592
|
};
|
|
6577
|
-
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0;
|
|
6593
|
+
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0 || (returnOrderData == null ? void 0 : returnOrderData.length) == 0;
|
|
6578
6594
|
return React__default.createElement("div", null, loading && React__default.createElement(Loader, {
|
|
6579
6595
|
title: "Deleting"
|
|
6580
6596
|
}), React__default.createElement(StyledTableWrapper$1, {
|
|
@@ -6582,7 +6598,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6582
6598
|
className: "orderProductTable"
|
|
6583
6599
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
6584
6600
|
className: "emailproductsCheckbox"
|
|
6585
|
-
}, React__default.createElement(
|
|
6601
|
+
}, React__default.createElement(StyleCheckbox, {
|
|
6586
6602
|
disabled: disableCheckbox,
|
|
6587
6603
|
checked: selectAll,
|
|
6588
6604
|
onChange: handleSelectAll
|
|
@@ -6590,11 +6606,12 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6590
6606
|
var _product$orders_produ, _product$order_data, _product$order_data2;
|
|
6591
6607
|
return React__default.createElement("tr", {
|
|
6592
6608
|
key: product.id
|
|
6593
|
-
}, React__default.createElement("td", null, React__default.createElement(
|
|
6609
|
+
}, React__default.createElement("td", null, React__default.createElement(StyleCheckbox, {
|
|
6594
6610
|
checked: selectedProducts == null ? void 0 : selectedProducts.includes(product == null ? void 0 : product.id),
|
|
6595
6611
|
onChange: function onChange() {
|
|
6596
6612
|
return handleSelectProduct(product == null ? void 0 : product.id);
|
|
6597
|
-
}
|
|
6613
|
+
},
|
|
6614
|
+
disabled: disableCheckbox
|
|
6598
6615
|
})), React__default.createElement("td", null, (product == null || (_product$orders_produ = product.orders_products_stock) == null ? void 0 : _product$orders_produ.location) || 'N/A'), React__default.createElement("td", null, product == null || (_product$order_data = product.order_data) == null || (_product$order_data = _product$order_data.order_recipient) == null ? void 0 : _product$order_data.recipient_name, ' ', product == null || (_product$order_data2 = product.order_data) == null || (_product$order_data2 = _product$order_data2.order_recipient) == null ? void 0 : _product$order_data2.postcode), React__default.createElement("td", null, product == null ? void 0 : product.code), React__default.createElement("td", null, product == null ? void 0 : product.description), React__default.createElement("td", null, getReturnReasonLabel(product == null ? void 0 : product.return_reason_id)), React__default.createElement("td", null, "1 of 1"), React__default.createElement("td", null, React__default.createElement("div", {
|
|
6599
6616
|
onClick: function onClick() {
|
|
6600
6617
|
handleActionClick(product == null ? void 0 : product.id);
|
|
@@ -6611,26 +6628,27 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6611
6628
|
}
|
|
6612
6629
|
}, "No records found"))))));
|
|
6613
6630
|
};
|
|
6631
|
+
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
6614
6632
|
|
|
6615
|
-
var _templateObject$
|
|
6633
|
+
var _templateObject$1c;
|
|
6616
6634
|
var ProductTable = function ProductTable() {
|
|
6617
6635
|
return React__default.createElement(Container$I, null, React__default.createElement(ReturnProductTable, null));
|
|
6618
6636
|
};
|
|
6619
|
-
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6637
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6620
6638
|
|
|
6621
|
-
var _templateObject$
|
|
6639
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$p;
|
|
6622
6640
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
6623
6641
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6624
6642
|
var defaultSelectStyle = {
|
|
6625
6643
|
width: '100%'
|
|
6626
6644
|
};
|
|
6627
6645
|
var defaultPopupClassName = 'dropDownStyle';
|
|
6628
|
-
var
|
|
6629
|
-
returnOrderData =
|
|
6630
|
-
setReturnOrderData =
|
|
6631
|
-
var
|
|
6632
|
-
selectedOrderId =
|
|
6633
|
-
setSelectedOrderId =
|
|
6646
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6647
|
+
returnOrderData = _useNewReturnOrderDat[0],
|
|
6648
|
+
setReturnOrderData = _useNewReturnOrderDat[1];
|
|
6649
|
+
var _useState = React.useState(null),
|
|
6650
|
+
selectedOrderId = _useState[0],
|
|
6651
|
+
setSelectedOrderId = _useState[1];
|
|
6634
6652
|
var _useSelectedProducts = useSelectedProducts(),
|
|
6635
6653
|
selectedProducts = _useSelectedProducts[0];
|
|
6636
6654
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6639,9 +6657,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6639
6657
|
setPayload = _useAtom[1];
|
|
6640
6658
|
var _useProductDetails = useProductDetails(),
|
|
6641
6659
|
productData = _useProductDetails[0];
|
|
6642
|
-
var
|
|
6643
|
-
idProduct =
|
|
6644
|
-
setId =
|
|
6660
|
+
var _useState2 = React.useState(),
|
|
6661
|
+
idProduct = _useState2[0],
|
|
6662
|
+
setId = _useState2[1];
|
|
6645
6663
|
var _useOrderId = useOrderId(),
|
|
6646
6664
|
orderId = _useOrderId[0];
|
|
6647
6665
|
var id = orderData == null ? void 0 : orderData.customer_id;
|
|
@@ -6715,23 +6733,26 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6715
6733
|
value: order.id
|
|
6716
6734
|
};
|
|
6717
6735
|
});
|
|
6718
|
-
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(
|
|
6736
|
+
return React__default.createElement(Container$J, null, React__default.createElement(Text$4, null, "New Return Order:"), React__default.createElement(StyledAntSelect$3, {
|
|
6719
6737
|
options: dropdownOptions,
|
|
6738
|
+
value: selectedOrderId,
|
|
6720
6739
|
placeholder: "Select",
|
|
6740
|
+
// @ts-ignore
|
|
6721
6741
|
onChange: handleDropdownChange,
|
|
6722
6742
|
style: defaultSelectStyle,
|
|
6723
|
-
disabled: false,
|
|
6724
6743
|
showSearch: true,
|
|
6725
6744
|
dropdownStyle: {
|
|
6726
6745
|
width: 'max-content'
|
|
6727
6746
|
},
|
|
6728
|
-
popupClassName: defaultPopupClassName
|
|
6747
|
+
popupClassName: defaultPopupClassName,
|
|
6748
|
+
status: selectedOrderId ? '' : 'error'
|
|
6729
6749
|
}));
|
|
6730
6750
|
};
|
|
6731
|
-
var
|
|
6732
|
-
var
|
|
6751
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
6752
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6753
|
+
var Text$4 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6733
6754
|
|
|
6734
|
-
var _templateObject$
|
|
6755
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$q;
|
|
6735
6756
|
function ExpandedContent$2() {
|
|
6736
6757
|
var _response$data, _response$data2;
|
|
6737
6758
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -6808,17 +6829,17 @@ function ExpandedContent$2() {
|
|
|
6808
6829
|
disabled: isButtonDisabled
|
|
6809
6830
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
6810
6831
|
}
|
|
6811
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6832
|
+
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
6812
6833
|
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6813
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6834
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6814
6835
|
|
|
6815
|
-
var _templateObject$
|
|
6836
|
+
var _templateObject$1f, _templateObject2$V;
|
|
6816
6837
|
function CollapsedContent$1() {
|
|
6817
6838
|
return React__default.createElement(Container$L, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
6818
6839
|
label: "Products"
|
|
6819
6840
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
6820
6841
|
}
|
|
6821
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6842
|
+
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6822
6843
|
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6823
6844
|
|
|
6824
6845
|
function ProductsInfo() {
|
|
@@ -6859,22 +6880,22 @@ function ProductsInfo() {
|
|
|
6859
6880
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
6860
6881
|
}
|
|
6861
6882
|
|
|
6862
|
-
var _templateObject$
|
|
6883
|
+
var _templateObject$1g;
|
|
6863
6884
|
function BackgroundModal(props) {
|
|
6864
6885
|
return reactDom.createPortal(React__default.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6865
6886
|
}
|
|
6866
|
-
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6887
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__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"])));
|
|
6867
6888
|
|
|
6868
|
-
var _templateObject$
|
|
6889
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$r, _templateObject4$d;
|
|
6869
6890
|
function AdditionalInformation(props) {
|
|
6870
6891
|
return React__default.createElement(Container$N, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
6871
6892
|
}
|
|
6872
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
6893
|
+
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
6873
6894
|
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6874
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6895
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6875
6896
|
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
6876
6897
|
|
|
6877
|
-
var _templateObject$
|
|
6898
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6878
6899
|
function OrderActionHeader(props) {
|
|
6879
6900
|
var title = props.title,
|
|
6880
6901
|
actions = props.actions,
|
|
@@ -6889,12 +6910,12 @@ function OrderActionHeader(props) {
|
|
|
6889
6910
|
onClick: onClose
|
|
6890
6911
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
6891
6912
|
}
|
|
6892
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6913
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6893
6914
|
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6894
|
-
var Title$2 = /*#__PURE__*/styled__default.h3(_templateObject3$
|
|
6915
|
+
var Title$2 = /*#__PURE__*/styled__default.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
6895
6916
|
var Container$O = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
6896
6917
|
|
|
6897
|
-
var _templateObject$
|
|
6918
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
6898
6919
|
function OrderActionFooter(props) {
|
|
6899
6920
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6900
6921
|
return React__default.createElement(Container$P, null, React__default.createElement(SubmitButton, {
|
|
@@ -6904,10 +6925,10 @@ function OrderActionFooter(props) {
|
|
|
6904
6925
|
disabled: isSubmitDisabled
|
|
6905
6926
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6906
6927
|
}
|
|
6907
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
6928
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6908
6929
|
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
6909
6930
|
|
|
6910
|
-
var _templateObject$
|
|
6931
|
+
var _templateObject$1k;
|
|
6911
6932
|
function OrderActionModal(props) {
|
|
6912
6933
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
6913
6934
|
title: props.headerTitle,
|
|
@@ -6922,9 +6943,9 @@ function OrderActionModal(props) {
|
|
|
6922
6943
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6923
6944
|
})));
|
|
6924
6945
|
}
|
|
6925
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6946
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__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"])));
|
|
6926
6947
|
|
|
6927
|
-
var _templateObject$
|
|
6948
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$t;
|
|
6928
6949
|
function OrderActionsDropdown(props) {
|
|
6929
6950
|
return React__default.createElement(Container$Q, {
|
|
6930
6951
|
className: props.className
|
|
@@ -6943,9 +6964,9 @@ function OrderActionsDropdown(props) {
|
|
|
6943
6964
|
defaultValue: props.value
|
|
6944
6965
|
}));
|
|
6945
6966
|
}
|
|
6946
|
-
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6967
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6947
6968
|
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
6948
|
-
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6969
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6949
6970
|
|
|
6950
6971
|
function DocumentTypeDropdown() {
|
|
6951
6972
|
var onSelect = function onSelect() {};
|
|
@@ -7025,7 +7046,7 @@ function UploadIcon(props) {
|
|
|
7025
7046
|
})));
|
|
7026
7047
|
}
|
|
7027
7048
|
|
|
7028
|
-
var _templateObject$
|
|
7049
|
+
var _templateObject$1m, _templateObject2$_, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6;
|
|
7029
7050
|
var Dragger = antd.Upload.Dragger;
|
|
7030
7051
|
var props = {
|
|
7031
7052
|
name: 'file',
|
|
@@ -7052,15 +7073,15 @@ function DocFileUpload() {
|
|
|
7052
7073
|
shape: 'rounded'
|
|
7053
7074
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
7054
7075
|
}
|
|
7055
|
-
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7076
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$1m || (_templateObject$1m = /*#__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"])));
|
|
7056
7077
|
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7057
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7078
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
7058
7079
|
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7059
7080
|
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
7060
7081
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
7061
7082
|
var Container$R = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
7062
7083
|
|
|
7063
|
-
var _templateObject$
|
|
7084
|
+
var _templateObject$1n, _templateObject2$$, _templateObject3$v, _templateObject4$g;
|
|
7064
7085
|
// import DocFileUpload from './DocFileUpload';
|
|
7065
7086
|
function AddResources() {
|
|
7066
7087
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7076,9 +7097,9 @@ function AddResources() {
|
|
|
7076
7097
|
onSubmit: function onSubmit() {}
|
|
7077
7098
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
7078
7099
|
}
|
|
7079
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7100
|
+
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7080
7101
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7081
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7102
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7082
7103
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
7083
7104
|
|
|
7084
7105
|
var initialValue = {
|
|
@@ -7128,6 +7149,8 @@ var flagRefId = /*#__PURE__*/jotai.atom(null);
|
|
|
7128
7149
|
var ReminderRefId = /*#__PURE__*/jotai.atom(null);
|
|
7129
7150
|
var reminderData = /*#__PURE__*/jotai.atom([]);
|
|
7130
7151
|
var resolvedModalPayload = /*#__PURE__*/jotai.atom(resolvedValue);
|
|
7152
|
+
var routeDetails = /*#__PURE__*/jotai.atom({});
|
|
7153
|
+
var orderNotifyCount = /*#__PURE__*/jotai.atom(0);
|
|
7131
7154
|
var loading$1 = /*#__PURE__*/jotai.atom(true);
|
|
7132
7155
|
function useFlagsLoading() {
|
|
7133
7156
|
return jotai.useAtom(loading$1);
|
|
@@ -7216,12 +7239,18 @@ function useSingleReminderData() {
|
|
|
7216
7239
|
function useUpdateReminderData() {
|
|
7217
7240
|
return jotai.useAtom(reminderUpdatePayload);
|
|
7218
7241
|
}
|
|
7242
|
+
function useRouteDetails() {
|
|
7243
|
+
return jotai.useAtom(routeDetails);
|
|
7244
|
+
}
|
|
7245
|
+
function useOrderNotify() {
|
|
7246
|
+
return jotai.useAtom(orderNotifyCount);
|
|
7247
|
+
}
|
|
7219
7248
|
|
|
7220
|
-
var _templateObject$
|
|
7249
|
+
var _templateObject$1o, _templateObject2$10, _templateObject3$w;
|
|
7221
7250
|
// Styled components
|
|
7222
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7251
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__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"])));
|
|
7223
7252
|
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7224
|
-
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7253
|
+
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7225
7254
|
|
|
7226
7255
|
function SplitOrderTable() {
|
|
7227
7256
|
var _useProductDetails = useProductDetails(),
|
|
@@ -7306,7 +7335,7 @@ function SplitOrderTable() {
|
|
|
7306
7335
|
})))));
|
|
7307
7336
|
}
|
|
7308
7337
|
|
|
7309
|
-
var _templateObject$
|
|
7338
|
+
var _templateObject$1p;
|
|
7310
7339
|
function SplitOrder() {
|
|
7311
7340
|
var _useCurrentAction = useCurrentAction(),
|
|
7312
7341
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7372,7 +7401,7 @@ function SplitOrder() {
|
|
|
7372
7401
|
isSubmitDisabled: isSubmitDisabled()
|
|
7373
7402
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
7374
7403
|
}
|
|
7375
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7404
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__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"])));
|
|
7376
7405
|
|
|
7377
7406
|
function RadioButtonCheckIcon(props) {
|
|
7378
7407
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -7403,7 +7432,7 @@ var fonts = {
|
|
|
7403
7432
|
secondary: "'Lato', sans-serif"
|
|
7404
7433
|
};
|
|
7405
7434
|
|
|
7406
|
-
var _templateObject$
|
|
7435
|
+
var _templateObject$1q, _templateObject2$11, _templateObject3$x;
|
|
7407
7436
|
function RadioButton(props) {
|
|
7408
7437
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
7409
7438
|
color: props.color
|
|
@@ -7414,15 +7443,15 @@ function RadioButton(props) {
|
|
|
7414
7443
|
htmlFor: props.id
|
|
7415
7444
|
}, props.label));
|
|
7416
7445
|
}
|
|
7417
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7446
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$1q || (_templateObject$1q = /*#__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);
|
|
7418
7447
|
var Input = /*#__PURE__*/styled__default.input(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
|
|
7419
7448
|
return props.color || '#6396e5';
|
|
7420
7449
|
}, function (props) {
|
|
7421
7450
|
return props.color || '#6396e5';
|
|
7422
7451
|
});
|
|
7423
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7452
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7424
7453
|
|
|
7425
|
-
var _templateObject$
|
|
7454
|
+
var _templateObject$1r, _templateObject2$12, _templateObject3$y, _templateObject4$h, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
7426
7455
|
function RadioButtonGroup(props) {
|
|
7427
7456
|
var heading = props.heading,
|
|
7428
7457
|
_props$direction = props.direction,
|
|
@@ -7457,9 +7486,9 @@ function RadioButtonGroup(props) {
|
|
|
7457
7486
|
className: "custom-wrapper"
|
|
7458
7487
|
}, renderOptions()));
|
|
7459
7488
|
}
|
|
7460
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7489
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7461
7490
|
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7462
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7491
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7463
7492
|
return !props.$required && 'visibility: hidden;';
|
|
7464
7493
|
}, labelStyles);
|
|
7465
7494
|
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
@@ -7469,7 +7498,7 @@ var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templat
|
|
|
7469
7498
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7470
7499
|
});
|
|
7471
7500
|
|
|
7472
|
-
var _templateObject$
|
|
7501
|
+
var _templateObject$1s;
|
|
7473
7502
|
var deliveryPoints = [{
|
|
7474
7503
|
label: 'Hallway',
|
|
7475
7504
|
value: 'hallway'
|
|
@@ -7500,9 +7529,9 @@ function DeliveryPoint() {
|
|
|
7500
7529
|
required: false
|
|
7501
7530
|
}));
|
|
7502
7531
|
}
|
|
7503
|
-
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7532
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7504
7533
|
|
|
7505
|
-
var _templateObject$
|
|
7534
|
+
var _templateObject$1t, _templateObject2$13, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8, _templateObject8$4;
|
|
7506
7535
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7507
7536
|
function Checkbox(props) {
|
|
7508
7537
|
var imageSrc = props.imageSrc,
|
|
@@ -7523,11 +7552,11 @@ function Checkbox(props) {
|
|
|
7523
7552
|
"$checked": checked
|
|
7524
7553
|
}, label)));
|
|
7525
7554
|
}
|
|
7526
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
7555
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7527
7556
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7528
7557
|
});
|
|
7529
7558
|
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
7530
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7559
|
+
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7531
7560
|
return props.$checked ? '#feba30' : 'white';
|
|
7532
7561
|
});
|
|
7533
7562
|
var Text$6 = /*#__PURE__*/styled__default.span(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n"])), function (props) {
|
|
@@ -7563,7 +7592,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7563
7592
|
return "" + baseURL$1 + subPath;
|
|
7564
7593
|
};
|
|
7565
7594
|
|
|
7566
|
-
var _templateObject$
|
|
7595
|
+
var _templateObject$1u;
|
|
7567
7596
|
function OrderServices$1() {
|
|
7568
7597
|
// TO DO -> get services from static data
|
|
7569
7598
|
return React__default.createElement(Container$T, null, React__default.createElement(Checkbox, {
|
|
@@ -7588,9 +7617,9 @@ function OrderServices$1() {
|
|
|
7588
7617
|
imageSrc: getIcon$1(4)
|
|
7589
7618
|
}));
|
|
7590
7619
|
}
|
|
7591
|
-
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7620
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7592
7621
|
|
|
7593
|
-
var _templateObject$
|
|
7622
|
+
var _templateObject$1v, _templateObject2$14;
|
|
7594
7623
|
function Notes$1(_ref) {
|
|
7595
7624
|
var onNotesChange = _ref.onNotesChange;
|
|
7596
7625
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7601,10 +7630,10 @@ function Notes$1(_ref) {
|
|
|
7601
7630
|
onChange: handleTextChange
|
|
7602
7631
|
}));
|
|
7603
7632
|
}
|
|
7604
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7633
|
+
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7605
7634
|
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7606
7635
|
|
|
7607
|
-
var _templateObject$
|
|
7636
|
+
var _templateObject$1w, _templateObject2$15, _templateObject3$A;
|
|
7608
7637
|
function LogServiceRefusal() {
|
|
7609
7638
|
var _useCurrentAction = useCurrentAction(),
|
|
7610
7639
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7624,9 +7653,9 @@ function LogServiceRefusal() {
|
|
|
7624
7653
|
}
|
|
7625
7654
|
}))));
|
|
7626
7655
|
}
|
|
7627
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7656
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7628
7657
|
var Left = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
7629
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
7658
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7630
7659
|
|
|
7631
7660
|
function ReturnAction() {
|
|
7632
7661
|
var onSelect = function onSelect() {};
|
|
@@ -7652,7 +7681,7 @@ function ReturnReason() {
|
|
|
7652
7681
|
});
|
|
7653
7682
|
}
|
|
7654
7683
|
|
|
7655
|
-
var _templateObject$
|
|
7684
|
+
var _templateObject$1x, _templateObject2$16, _templateObject3$B, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5, _templateObject9$2;
|
|
7656
7685
|
function CancelOrder() {
|
|
7657
7686
|
var _orderStaticData$canc;
|
|
7658
7687
|
var _useOrderId = useOrderId(),
|
|
@@ -7775,9 +7804,9 @@ function CancelOrder() {
|
|
|
7775
7804
|
placeholder: "Reason for Cancel Order"
|
|
7776
7805
|
}))))));
|
|
7777
7806
|
}
|
|
7778
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7807
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
7779
7808
|
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
7780
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
7809
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7781
7810
|
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7782
7811
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7783
7812
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
@@ -7786,7 +7815,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObj
|
|
|
7786
7815
|
// const Bottom = styled.div``;
|
|
7787
7816
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
7788
7817
|
|
|
7789
|
-
var _templateObject$
|
|
7818
|
+
var _templateObject$1y, _templateObject2$17, _templateObject3$C;
|
|
7790
7819
|
function EmailAddress() {
|
|
7791
7820
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7792
7821
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7827,11 +7856,11 @@ function EmailAddress() {
|
|
|
7827
7856
|
onChange: onChange
|
|
7828
7857
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
7829
7858
|
}
|
|
7830
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7859
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7831
7860
|
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7832
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7861
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7833
7862
|
|
|
7834
|
-
var _templateObject$
|
|
7863
|
+
var _templateObject$1z, _templateObject2$18, _templateObject3$D;
|
|
7835
7864
|
function ContactPhone() {
|
|
7836
7865
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7837
7866
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7892,11 +7921,11 @@ function ContactPhone() {
|
|
|
7892
7921
|
onChange: onChange
|
|
7893
7922
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7894
7923
|
}
|
|
7895
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7924
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7896
7925
|
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7897
|
-
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7926
|
+
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7898
7927
|
|
|
7899
|
-
var _templateObject$
|
|
7928
|
+
var _templateObject$1A, _templateObject2$19, _templateObject3$E;
|
|
7900
7929
|
function ContactWork$1() {
|
|
7901
7930
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7902
7931
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7957,11 +7986,11 @@ function ContactWork$1() {
|
|
|
7957
7986
|
onChange: onChange
|
|
7958
7987
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
7959
7988
|
}
|
|
7960
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
7989
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7961
7990
|
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7962
|
-
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7991
|
+
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7963
7992
|
|
|
7964
|
-
var _templateObject$
|
|
7993
|
+
var _templateObject$1B, _templateObject2$1a, _templateObject3$F;
|
|
7965
7994
|
function ContactMobile$1() {
|
|
7966
7995
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7967
7996
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8022,9 +8051,9 @@ function ContactMobile$1() {
|
|
|
8022
8051
|
onChange: onChange
|
|
8023
8052
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
8024
8053
|
}
|
|
8025
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8054
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8026
8055
|
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8027
|
-
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8056
|
+
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8028
8057
|
|
|
8029
8058
|
function ContactTypeDropdown() {
|
|
8030
8059
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -8090,7 +8119,7 @@ function ActionDropdown() {
|
|
|
8090
8119
|
});
|
|
8091
8120
|
}
|
|
8092
8121
|
|
|
8093
|
-
var _templateObject$
|
|
8122
|
+
var _templateObject$1C, _templateObject2$1b;
|
|
8094
8123
|
function DeliveryDate$1() {
|
|
8095
8124
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8096
8125
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8126,7 +8155,7 @@ function DeliveryDate$1() {
|
|
|
8126
8155
|
allowClear: false
|
|
8127
8156
|
}));
|
|
8128
8157
|
}
|
|
8129
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8158
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8130
8159
|
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
8131
8160
|
|
|
8132
8161
|
function convertTo12HourFormat$1(time24) {
|
|
@@ -8176,19 +8205,19 @@ function TimedServiceDropdown$1() {
|
|
|
8176
8205
|
});
|
|
8177
8206
|
}
|
|
8178
8207
|
|
|
8179
|
-
var _templateObject$
|
|
8208
|
+
var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$k;
|
|
8180
8209
|
function CustomerInformation() {
|
|
8181
8210
|
var _orderDetails$order_r;
|
|
8182
8211
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8183
8212
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8184
8213
|
return React__default.createElement(Container$$, null, React__default.createElement(Title$3, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$i, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$i, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
8185
8214
|
}
|
|
8186
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8215
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8187
8216
|
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
|
|
8188
|
-
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8217
|
+
var Title$3 = /*#__PURE__*/styled__default.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8189
8218
|
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8190
8219
|
|
|
8191
|
-
var _templateObject$
|
|
8220
|
+
var _templateObject$1E, _templateObject2$1d;
|
|
8192
8221
|
function ProductTable$1() {
|
|
8193
8222
|
var _useProductDetails = useProductDetails(),
|
|
8194
8223
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8215,10 +8244,10 @@ function ProductTable$1() {
|
|
|
8215
8244
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
8216
8245
|
})))));
|
|
8217
8246
|
}
|
|
8218
|
-
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8247
|
+
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8219
8248
|
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8220
8249
|
|
|
8221
|
-
var _templateObject$
|
|
8250
|
+
var _templateObject$1F, _templateObject2$1e;
|
|
8222
8251
|
function NotesTable() {
|
|
8223
8252
|
var _useState = React.useState(null),
|
|
8224
8253
|
moduleIds = _useState[0],
|
|
@@ -8312,30 +8341,30 @@ function NotesTable() {
|
|
|
8312
8341
|
}));
|
|
8313
8342
|
}))))));
|
|
8314
8343
|
}
|
|
8315
|
-
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
8344
|
+
var Title$5 = /*#__PURE__*/styled__default.h2(_templateObject$1F || (_templateObject$1F = /*#__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"])));
|
|
8316
8345
|
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
8317
8346
|
|
|
8318
|
-
var _templateObject$
|
|
8347
|
+
var _templateObject$1G, _templateObject2$1f;
|
|
8319
8348
|
function ConfirmationNotes() {
|
|
8320
8349
|
return React__default.createElement(Container$12, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8321
8350
|
rows: 5,
|
|
8322
8351
|
placeholder: "Enter Notes"
|
|
8323
8352
|
}));
|
|
8324
8353
|
}
|
|
8325
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8354
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8326
8355
|
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8327
8356
|
|
|
8328
|
-
var _templateObject$
|
|
8357
|
+
var _templateObject$1H, _templateObject2$1g;
|
|
8329
8358
|
function DeliveryInstructions$1() {
|
|
8330
8359
|
return React__default.createElement(Container$13, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
8331
8360
|
rows: 5,
|
|
8332
8361
|
placeholder: "Enter Delivery Instructions"
|
|
8333
8362
|
}));
|
|
8334
8363
|
}
|
|
8335
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8364
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8336
8365
|
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8337
8366
|
|
|
8338
|
-
var _templateObject$
|
|
8367
|
+
var _templateObject$1I, _templateObject2$1h;
|
|
8339
8368
|
function ContactWith() {
|
|
8340
8369
|
return React__default.createElement(Container$14, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
8341
8370
|
style: {
|
|
@@ -8343,22 +8372,22 @@ function ContactWith() {
|
|
|
8343
8372
|
}
|
|
8344
8373
|
}));
|
|
8345
8374
|
}
|
|
8346
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8375
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8347
8376
|
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8348
8377
|
|
|
8349
|
-
var _templateObject$
|
|
8378
|
+
var _templateObject$1J, _templateObject2$1i, _templateObject3$H, _templateObject4$l;
|
|
8350
8379
|
function SlotAndInstructions() {
|
|
8351
8380
|
var _orderDetails$order_r;
|
|
8352
8381
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8353
8382
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8354
8383
|
return React__default.createElement(Container$15, null, React__default.createElement(Slot, null, React__default.createElement(Title$6, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
8355
8384
|
}
|
|
8356
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8385
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8357
8386
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8358
|
-
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8387
|
+
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8359
8388
|
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8360
8389
|
|
|
8361
|
-
var _templateObject$
|
|
8390
|
+
var _templateObject$1K, _templateObject2$1j;
|
|
8362
8391
|
// import { filterObject } from '../../../utils';
|
|
8363
8392
|
function ConfirmOrder() {
|
|
8364
8393
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8535,12 +8564,12 @@ function ConfirmOrder() {
|
|
|
8535
8564
|
isSubmitDisabled: errorFound()
|
|
8536
8565
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(Wrapper$j, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
8537
8566
|
}
|
|
8538
|
-
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8567
|
+
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8539
8568
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
8540
8569
|
|
|
8541
|
-
var _templateObject2$1k, _templateObject3$
|
|
8570
|
+
var _templateObject2$1k, _templateObject3$I, _templateObject4$m, _templateObject5$e, _templateObject6$8, _templateObject7$a, _templateObject8$6, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
8542
8571
|
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8543
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
8572
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
8544
8573
|
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
8545
8574
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
8546
8575
|
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
@@ -9162,7 +9191,7 @@ function ChargeLog() {
|
|
|
9162
9191
|
})));
|
|
9163
9192
|
}
|
|
9164
9193
|
|
|
9165
|
-
var _templateObject$
|
|
9194
|
+
var _templateObject$1L;
|
|
9166
9195
|
var UnholdOrder = function UnholdOrder() {
|
|
9167
9196
|
var _useOrderId = useOrderId(),
|
|
9168
9197
|
orderId = _useOrderId[0];
|
|
@@ -9237,9 +9266,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9237
9266
|
})
|
|
9238
9267
|
});
|
|
9239
9268
|
};
|
|
9240
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
9269
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9241
9270
|
|
|
9242
|
-
var _templateObject$
|
|
9271
|
+
var _templateObject$1M, _templateObject2$1l;
|
|
9243
9272
|
function AssigneeDropdown() {
|
|
9244
9273
|
var handleSelectChange = function handleSelectChange() {
|
|
9245
9274
|
// alert('hello');
|
|
@@ -9252,7 +9281,7 @@ function AssigneeDropdown() {
|
|
|
9252
9281
|
label: "Assigned To",
|
|
9253
9282
|
required: true,
|
|
9254
9283
|
htmlFor: "assigneDropdown"
|
|
9255
|
-
}), React__default.createElement(StyledAntSelect$
|
|
9284
|
+
}), React__default.createElement(StyledAntSelect$4, {
|
|
9256
9285
|
options: [],
|
|
9257
9286
|
onChange: handleSelectChange,
|
|
9258
9287
|
selectWrapperClass: 'rounded',
|
|
@@ -9261,8 +9290,8 @@ function AssigneeDropdown() {
|
|
|
9261
9290
|
}
|
|
9262
9291
|
}));
|
|
9263
9292
|
}
|
|
9264
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9265
|
-
var StyledAntSelect$
|
|
9293
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9294
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9266
9295
|
|
|
9267
9296
|
var DatePickerIcon = function DatePickerIcon() {
|
|
9268
9297
|
return React__default.createElement("svg", {
|
|
@@ -9280,10 +9309,10 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9280
9309
|
}));
|
|
9281
9310
|
};
|
|
9282
9311
|
|
|
9283
|
-
var _templateObject$
|
|
9284
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9312
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$J, _templateObject4$n, _templateObject8$7, _templateObject10$2, _templateObject11$2, _templateObject13$1, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
9313
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__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 margin-top: 15px;\n"])));
|
|
9285
9314
|
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
9286
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9315
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9287
9316
|
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
9288
9317
|
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
9289
9318
|
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
@@ -9375,7 +9404,7 @@ function useFetchSingleReminderData() {
|
|
|
9375
9404
|
return res;
|
|
9376
9405
|
}
|
|
9377
9406
|
|
|
9378
|
-
var _templateObject$
|
|
9407
|
+
var _templateObject$1O, _templateObject2$1n, _templateObject3$K, _templateObject4$o;
|
|
9379
9408
|
function StatusIndicator(props) {
|
|
9380
9409
|
var statusColor = getStatusColor(props.status);
|
|
9381
9410
|
return React__default.createElement(Container$17, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -9386,13 +9415,13 @@ function StatusIndicator(props) {
|
|
|
9386
9415
|
status: props.status
|
|
9387
9416
|
}, props.text));
|
|
9388
9417
|
}
|
|
9389
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9418
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1O || (_templateObject$1O = /*#__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) {
|
|
9390
9419
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9391
9420
|
});
|
|
9392
9421
|
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
9393
9422
|
return props.color;
|
|
9394
9423
|
});
|
|
9395
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9424
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9396
9425
|
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
9397
9426
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9398
9427
|
});
|
|
@@ -9555,7 +9584,7 @@ function useFetchReminders() {
|
|
|
9555
9584
|
return perform;
|
|
9556
9585
|
}
|
|
9557
9586
|
|
|
9558
|
-
var _templateObject$
|
|
9587
|
+
var _templateObject$1P, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$f, _templateObject6$9, _templateObject7$b;
|
|
9559
9588
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9560
9589
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9561
9590
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9711,18 +9740,18 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9711
9740
|
onChange: onChangeDetails
|
|
9712
9741
|
}))))));
|
|
9713
9742
|
};
|
|
9714
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9743
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9715
9744
|
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9716
|
-
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
9745
|
+
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
9717
9746
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
9718
9747
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
9719
9748
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9720
9749
|
var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
9721
9750
|
|
|
9722
|
-
var _templateObject$
|
|
9751
|
+
var _templateObject$1Q, _templateObject3$M, _templateObject5$g, _templateObject7$c, _templateObject8$8, _templateObject9$4;
|
|
9723
9752
|
// Shared styles and components
|
|
9724
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9725
|
-
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9753
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9754
|
+
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9726
9755
|
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9727
9756
|
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
9728
9757
|
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
@@ -9740,7 +9769,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9740
9769
|
}, " * ")), children);
|
|
9741
9770
|
};
|
|
9742
9771
|
|
|
9743
|
-
var _templateObject$
|
|
9772
|
+
var _templateObject$1R, _templateObject2$1p, _templateObject3$N, _templateObject4$q, _templateObject5$h;
|
|
9744
9773
|
dayjs.extend(utc);
|
|
9745
9774
|
dayjs.extend(dateFns.isValid);
|
|
9746
9775
|
function CreateReminderModal() {
|
|
@@ -9764,6 +9793,8 @@ function CreateReminderModal() {
|
|
|
9764
9793
|
var _useState4 = React.useState(),
|
|
9765
9794
|
displayDate = _useState4[0],
|
|
9766
9795
|
setDisplayDate = _useState4[1];
|
|
9796
|
+
var _useOrderId = useOrderId(),
|
|
9797
|
+
orderId = _useOrderId[0];
|
|
9767
9798
|
var handleSelectChange = function handleSelectChange() {
|
|
9768
9799
|
return console.log('testing log');
|
|
9769
9800
|
};
|
|
@@ -9821,7 +9852,8 @@ function CreateReminderModal() {
|
|
|
9821
9852
|
var desc = event.target.value;
|
|
9822
9853
|
setPayload(function (prevState) {
|
|
9823
9854
|
return _extends({}, prevState, {
|
|
9824
|
-
details: desc
|
|
9855
|
+
details: desc,
|
|
9856
|
+
order_id: +orderId
|
|
9825
9857
|
});
|
|
9826
9858
|
});
|
|
9827
9859
|
};
|
|
@@ -9857,14 +9889,14 @@ function CreateReminderModal() {
|
|
|
9857
9889
|
};
|
|
9858
9890
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(SplitContainer, null, React__default.createElement(FormRow, {
|
|
9859
9891
|
label: "Assigned To"
|
|
9860
|
-
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$
|
|
9892
|
+
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$5, {
|
|
9861
9893
|
options: [],
|
|
9862
9894
|
placeholder: "IND",
|
|
9863
9895
|
onChange: handleSelectChange,
|
|
9864
9896
|
style: {
|
|
9865
9897
|
width: '8vw'
|
|
9866
9898
|
}
|
|
9867
|
-
}), React__default.createElement(StyledAntSelect$
|
|
9899
|
+
}), React__default.createElement(StyledAntSelect$5, {
|
|
9868
9900
|
options: departmentOptions,
|
|
9869
9901
|
placeholder: "Select Department",
|
|
9870
9902
|
onChange: handleDepartmentChange,
|
|
@@ -9872,7 +9904,7 @@ function CreateReminderModal() {
|
|
|
9872
9904
|
width: '18vw'
|
|
9873
9905
|
},
|
|
9874
9906
|
value: createReminder.department_id
|
|
9875
|
-
})), React__default.createElement(StyledAntSelect$
|
|
9907
|
+
})), React__default.createElement(StyledAntSelect$5, {
|
|
9876
9908
|
options: [],
|
|
9877
9909
|
placeholder: "Select User",
|
|
9878
9910
|
onChange: handleSelectChange,
|
|
@@ -9881,7 +9913,7 @@ function CreateReminderModal() {
|
|
|
9881
9913
|
}
|
|
9882
9914
|
}), React__default.createElement(StyledLink, null, "Assign to me")), (createReminder.department_id === 1 || createReminder.department_id === 2) && React__default.createElement(React__default.Fragment, null, React__default.createElement(FormRow, {
|
|
9883
9915
|
label: "Category"
|
|
9884
|
-
}, React__default.createElement(StyledAntSelect$
|
|
9916
|
+
}, React__default.createElement(StyledAntSelect$5, {
|
|
9885
9917
|
style: {
|
|
9886
9918
|
minWidth: '20vw'
|
|
9887
9919
|
},
|
|
@@ -9891,7 +9923,7 @@ function CreateReminderModal() {
|
|
|
9891
9923
|
value: createReminder.task_categories_id
|
|
9892
9924
|
})), React__default.createElement(FormRow, {
|
|
9893
9925
|
label: "Type"
|
|
9894
|
-
}, React__default.createElement(StyledAntSelect$
|
|
9926
|
+
}, React__default.createElement(StyledAntSelect$5, {
|
|
9895
9927
|
options: subCategoryOptions,
|
|
9896
9928
|
placeholder: "Select Type",
|
|
9897
9929
|
onChange: handleTypeChange,
|
|
@@ -9963,9 +9995,9 @@ function CreateReminderModal() {
|
|
|
9963
9995
|
onChange: handleChange
|
|
9964
9996
|
})));
|
|
9965
9997
|
}
|
|
9966
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9998
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9967
9999
|
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9968
|
-
var StyledAntSelect$
|
|
10000
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9969
10001
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
9970
10002
|
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
9971
10003
|
|
|
@@ -10137,7 +10169,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10137
10169
|
return perform;
|
|
10138
10170
|
}
|
|
10139
10171
|
|
|
10140
|
-
var _templateObject$
|
|
10172
|
+
var _templateObject$1S;
|
|
10141
10173
|
function TaskReminderModal() {
|
|
10142
10174
|
var createReminderAPI = useCreateReminder();
|
|
10143
10175
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10236,9 +10268,9 @@ function TaskReminderModal() {
|
|
|
10236
10268
|
isSubmitDisabled: isSubmitDisabled()
|
|
10237
10269
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
10238
10270
|
}
|
|
10239
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
10271
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10240
10272
|
|
|
10241
|
-
var _templateObject$
|
|
10273
|
+
var _templateObject$1T, _templateObject2$1q;
|
|
10242
10274
|
function OrderLock() {
|
|
10243
10275
|
var _useCurrentAction = useCurrentAction(),
|
|
10244
10276
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10291,7 +10323,7 @@ function OrderLock() {
|
|
|
10291
10323
|
})
|
|
10292
10324
|
});
|
|
10293
10325
|
}
|
|
10294
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
10326
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10295
10327
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10296
10328
|
|
|
10297
10329
|
function useUpdateFlag() {
|
|
@@ -10362,7 +10394,7 @@ function useUpdateFlag() {
|
|
|
10362
10394
|
return create;
|
|
10363
10395
|
}
|
|
10364
10396
|
|
|
10365
|
-
var _templateObject$
|
|
10397
|
+
var _templateObject$1U, _templateObject2$1r, _templateObject3$O, _templateObject4$r, _templateObject5$i, _templateObject6$a;
|
|
10366
10398
|
function HeaderSection() {
|
|
10367
10399
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10368
10400
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10432,14 +10464,14 @@ function HeaderSection() {
|
|
|
10432
10464
|
})
|
|
10433
10465
|
})));
|
|
10434
10466
|
}
|
|
10435
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10467
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10436
10468
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10437
|
-
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
10469
|
+
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10438
10470
|
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
10439
10471
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
10440
10472
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10441
10473
|
|
|
10442
|
-
var _templateObject$
|
|
10474
|
+
var _templateObject$1V, _templateObject2$1s;
|
|
10443
10475
|
function TextSection() {
|
|
10444
10476
|
var _useSinglePayload = useSinglePayload(),
|
|
10445
10477
|
payload = _useSinglePayload[0],
|
|
@@ -10457,10 +10489,10 @@ function TextSection() {
|
|
|
10457
10489
|
onChange: onChangeDetails
|
|
10458
10490
|
}));
|
|
10459
10491
|
}
|
|
10460
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
10492
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10461
10493
|
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10462
10494
|
|
|
10463
|
-
var _templateObject$
|
|
10495
|
+
var _templateObject$1W, _templateObject2$1t;
|
|
10464
10496
|
function ButtonsSection() {
|
|
10465
10497
|
var _useSinglePayload = useSinglePayload(),
|
|
10466
10498
|
payload = _useSinglePayload[0],
|
|
@@ -10551,10 +10583,10 @@ function ButtonsSection() {
|
|
|
10551
10583
|
status: "SD"
|
|
10552
10584
|
}))));
|
|
10553
10585
|
}
|
|
10554
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10586
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10555
10587
|
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10556
10588
|
|
|
10557
|
-
var _templateObject$
|
|
10589
|
+
var _templateObject$1X, _templateObject2$1u, _templateObject3$P, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10558
10590
|
function ActionSection() {
|
|
10559
10591
|
var _useCurrentAction = useCurrentAction(),
|
|
10560
10592
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10640,14 +10672,14 @@ function RadioButtonsSection() {
|
|
|
10640
10672
|
required: false
|
|
10641
10673
|
}));
|
|
10642
10674
|
}
|
|
10643
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10675
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10644
10676
|
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10645
|
-
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$
|
|
10677
|
+
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10646
10678
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10647
10679
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10648
10680
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10649
10681
|
|
|
10650
|
-
var _templateObject$
|
|
10682
|
+
var _templateObject$1Y, _templateObject2$1v, _templateObject3$Q, _templateObject4$t, _templateObject5$k;
|
|
10651
10683
|
function DetailSection() {
|
|
10652
10684
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10653
10685
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10659,9 +10691,9 @@ function DetailSection() {
|
|
|
10659
10691
|
label: "Order"
|
|
10660
10692
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
10661
10693
|
}
|
|
10662
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10694
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10663
10695
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10664
|
-
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10696
|
+
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10665
10697
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10666
10698
|
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
10667
10699
|
|
|
@@ -10745,7 +10777,7 @@ function useFetchSingleFlagsData() {
|
|
|
10745
10777
|
return res;
|
|
10746
10778
|
}
|
|
10747
10779
|
|
|
10748
|
-
var _templateObject$
|
|
10780
|
+
var _templateObject$1Z, _templateObject2$1w, _templateObject3$R;
|
|
10749
10781
|
function ViewFlag() {
|
|
10750
10782
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10751
10783
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10842,11 +10874,11 @@ function ViewFlag() {
|
|
|
10842
10874
|
}, [dataArray]);
|
|
10843
10875
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
10844
10876
|
}
|
|
10845
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10877
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10846
10878
|
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10847
|
-
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10879
|
+
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
10848
10880
|
|
|
10849
|
-
var _templateObject$
|
|
10881
|
+
var _templateObject$1_;
|
|
10850
10882
|
function ReleaseOrder() {
|
|
10851
10883
|
var _useOrderId = useOrderId(),
|
|
10852
10884
|
orderId = _useOrderId[0];
|
|
@@ -10925,9 +10957,9 @@ function ReleaseOrder() {
|
|
|
10925
10957
|
// position: absolute;
|
|
10926
10958
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10927
10959
|
// `;
|
|
10928
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
10960
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10929
10961
|
|
|
10930
|
-
var _templateObject$
|
|
10962
|
+
var _templateObject$1$;
|
|
10931
10963
|
function UncancelOrder() {
|
|
10932
10964
|
var _orderStaticData$unca;
|
|
10933
10965
|
var _useOrderId = useOrderId(),
|
|
@@ -11048,9 +11080,9 @@ function UncancelOrder() {
|
|
|
11048
11080
|
onChange: onChange
|
|
11049
11081
|
})))));
|
|
11050
11082
|
}
|
|
11051
|
-
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
11083
|
+
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
11052
11084
|
|
|
11053
|
-
var _templateObject$
|
|
11085
|
+
var _templateObject$20;
|
|
11054
11086
|
function OrderActions() {
|
|
11055
11087
|
var _useCurrentAction = useCurrentAction(),
|
|
11056
11088
|
currentAction = _useCurrentAction[0];
|
|
@@ -11102,7 +11134,7 @@ function OrderActions() {
|
|
|
11102
11134
|
};
|
|
11103
11135
|
return React__default.createElement(Container$18, null, renderContent());
|
|
11104
11136
|
}
|
|
11105
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11137
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11106
11138
|
|
|
11107
11139
|
function useSystemLogs() {
|
|
11108
11140
|
var ssoToken = getCookie('id_token');
|
|
@@ -11194,7 +11226,7 @@ function useSystemLogs() {
|
|
|
11194
11226
|
return perform;
|
|
11195
11227
|
}
|
|
11196
11228
|
|
|
11197
|
-
var _templateObject$
|
|
11229
|
+
var _templateObject$21, _templateObject2$1x;
|
|
11198
11230
|
var Details = function Details() {
|
|
11199
11231
|
// const [orderDetails] = useOrderDetails();
|
|
11200
11232
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11203,10 +11235,10 @@ var Details = function Details() {
|
|
|
11203
11235
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11204
11236
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11205
11237
|
};
|
|
11206
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11238
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11207
11239
|
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
11208
11240
|
|
|
11209
|
-
var _templateObject$
|
|
11241
|
+
var _templateObject$22;
|
|
11210
11242
|
function Options() {
|
|
11211
11243
|
var _useCurrentAction = useCurrentAction(),
|
|
11212
11244
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11272,7 +11304,7 @@ function Options() {
|
|
|
11272
11304
|
value: "OPTIONS"
|
|
11273
11305
|
}));
|
|
11274
11306
|
}
|
|
11275
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11307
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11276
11308
|
|
|
11277
11309
|
function BjsMenu() {
|
|
11278
11310
|
var _orderStatus$;
|
|
@@ -11329,7 +11361,7 @@ function BjsMenu() {
|
|
|
11329
11361
|
});
|
|
11330
11362
|
}
|
|
11331
11363
|
|
|
11332
|
-
var _templateObject$
|
|
11364
|
+
var _templateObject$23;
|
|
11333
11365
|
function Print() {
|
|
11334
11366
|
var _useOrderDetails = useOrderDetails(),
|
|
11335
11367
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11414,29 +11446,376 @@ function Print() {
|
|
|
11414
11446
|
})
|
|
11415
11447
|
}));
|
|
11416
11448
|
}
|
|
11417
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11449
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11418
11450
|
|
|
11419
|
-
var _templateObject$
|
|
11451
|
+
var _templateObject$24;
|
|
11420
11452
|
// components
|
|
11421
11453
|
function DropDowns$1() {
|
|
11422
11454
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement(BjsMenu, null), React__default.createElement(Options, null), React__default.createElement(Print, null)));
|
|
11423
11455
|
}
|
|
11424
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
11456
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11425
11457
|
|
|
11426
|
-
var _templateObject$
|
|
11458
|
+
var _templateObject$25;
|
|
11427
11459
|
// import Actions from './actions/Actions';
|
|
11428
11460
|
var ActionsMenu = function ActionsMenu() {
|
|
11429
11461
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11430
11462
|
};
|
|
11431
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11463
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__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"])));
|
|
11432
11464
|
|
|
11433
|
-
var _templateObject$
|
|
11465
|
+
var _templateObject$26;
|
|
11434
11466
|
var DetailsFilters = function DetailsFilters() {
|
|
11435
11467
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11436
11468
|
};
|
|
11437
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11469
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__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"])));
|
|
11470
|
+
|
|
11471
|
+
var _templateObject$27, _templateObject2$1y, _templateObject3$S;
|
|
11472
|
+
function FlagTemplate(_ref) {
|
|
11473
|
+
var _data$tasks_types;
|
|
11474
|
+
var data = _ref.data;
|
|
11475
|
+
var _useFlagRefId = useFlagRefId(),
|
|
11476
|
+
setSelectedFlag = _useFlagRefId[1];
|
|
11477
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11478
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11479
|
+
var openModal = function openModal() {
|
|
11480
|
+
setCurrentAction('view-flag');
|
|
11481
|
+
};
|
|
11482
|
+
var handleClick = function handleClick(Id) {
|
|
11483
|
+
setSelectedFlag(Id);
|
|
11484
|
+
openModal();
|
|
11485
|
+
};
|
|
11486
|
+
var titleColor = data.task_status_id === 2 ? '#36A053' : '#3a3630';
|
|
11487
|
+
return React__default.createElement(StyledAlert, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11488
|
+
type: (data == null ? void 0 : data.task_status_id) === 1 ? 'info' : 'success',
|
|
11489
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTitle, {
|
|
11490
|
+
color: titleColor
|
|
11491
|
+
}, "Flag : ", data != null && data.is_private ? 'Private' : '', ' ', React__default.createElement(StyledLink$1, {
|
|
11492
|
+
onClick: function onClick() {
|
|
11493
|
+
return handleClick(data.id);
|
|
11494
|
+
}
|
|
11495
|
+
}, data == null ? void 0 : data.id, " - ", data == null || (_data$tasks_types = data.tasks_types) == null ? void 0 : _data$tasks_types.type, ' '), ' ', data.task_status_id === 1 ? 'Unresolved' : 'Resolved on', ' ', data.task_status_id == 2 ? React__default.createElement(React__default.Fragment, null, formatDate$1(data == null ? void 0 : data.resolved_at), " by ", data == null ? void 0 : data.resolved_by, ' ') : null)),
|
|
11496
|
+
subtitle: "",
|
|
11497
|
+
description: "" + data.details,
|
|
11498
|
+
showOkButton: false,
|
|
11499
|
+
onClose: function onClose() {}
|
|
11500
|
+
}));
|
|
11501
|
+
}
|
|
11502
|
+
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11503
|
+
var StyledLink$1 = /*#__PURE__*/styled__default.span(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11504
|
+
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11505
|
+
var color = _ref2.color;
|
|
11506
|
+
return color;
|
|
11507
|
+
});
|
|
11508
|
+
|
|
11509
|
+
var _templateObject$28, _templateObject2$1z, _templateObject3$T;
|
|
11510
|
+
function ReminderTemplate(_ref) {
|
|
11511
|
+
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11512
|
+
var data = _ref.data,
|
|
11513
|
+
dismissReminder = _ref.dismissReminder;
|
|
11514
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11515
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11516
|
+
var _useReminderRefId = useReminderRefId(),
|
|
11517
|
+
setReminderRefId = _useReminderRefId[1];
|
|
11518
|
+
var openModal = function openModal() {
|
|
11519
|
+
setCurrentAction('view-reminder');
|
|
11520
|
+
};
|
|
11521
|
+
//getting particular reminder data
|
|
11522
|
+
var handleClick = function handleClick(Id) {
|
|
11523
|
+
setReminderRefId(Id);
|
|
11524
|
+
openModal();
|
|
11525
|
+
};
|
|
11526
|
+
var type = (data == null || (_data$reminder_status = data.reminder_status) == null ? void 0 : _data$reminder_status.name) === 'AD' ? 'info' : (data == null || (_data$reminder_status2 = data.reminder_status) == null ? void 0 : _data$reminder_status2.name) === 'pending' ? 'warn' : 'success';
|
|
11527
|
+
var titleColor = (data == null || (_data$reminder_status3 = data.reminder_status) == null ? void 0 : _data$reminder_status3.name) === 'SD' ? '#36A053' : (data == null || (_data$reminder_status4 = data.reminder_status) == null ? void 0 : _data$reminder_status4.name) === 'pending' ? '#FEBA30' : '#3A3630';
|
|
11528
|
+
return React__default.createElement("div", null, React__default.createElement(StyledAlert$1, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
11529
|
+
type: type,
|
|
11530
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTitle$1, {
|
|
11531
|
+
color: titleColor
|
|
11532
|
+
}, "Reminder:", React__default.createElement(StyledLink$2, {
|
|
11533
|
+
onClick: function onClick() {
|
|
11534
|
+
return handleClick(data.id);
|
|
11535
|
+
}
|
|
11536
|
+
}, ' ', (data == null ? void 0 : data.reference) || 'NA', ' '), formatDate$1(data == null ? void 0 : data.due), ", Assigned to :", ' ')),
|
|
11537
|
+
description: "" + (data == null ? void 0 : data.details),
|
|
11538
|
+
showOkButton: false,
|
|
11539
|
+
onClose: function onClose() {
|
|
11540
|
+
return dismissReminder(data.id);
|
|
11541
|
+
}
|
|
11542
|
+
})));
|
|
11543
|
+
}
|
|
11544
|
+
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11545
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11546
|
+
var color = _ref2.color;
|
|
11547
|
+
return color;
|
|
11548
|
+
});
|
|
11549
|
+
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
11550
|
+
|
|
11551
|
+
var _templateObject$29, _templateObject2$1A;
|
|
11552
|
+
function Tabs(_ref) {
|
|
11553
|
+
var activeNotifications = _ref.activeNotifications,
|
|
11554
|
+
closedNotifications = _ref.closedNotifications,
|
|
11555
|
+
activeReminders = _ref.activeReminders,
|
|
11556
|
+
closedReminders = _ref.closedReminders,
|
|
11557
|
+
dismissReminder = _ref.dismissReminder,
|
|
11558
|
+
dismissFlags = _ref.dismissFlags;
|
|
11559
|
+
var _useTabType = useTabType(),
|
|
11560
|
+
activeTab = _useTabType[0];
|
|
11561
|
+
var initialNotifications = activeNotifications.slice(0, 3);
|
|
11562
|
+
var additionalNotifications = activeNotifications.slice(3);
|
|
11563
|
+
var initialReminders = activeReminders.slice(0, 3);
|
|
11564
|
+
var additionalReminders = activeReminders.slice(3);
|
|
11565
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1a, {
|
|
11566
|
+
className: "tab-content"
|
|
11567
|
+
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, initialReminders.map(function (item, index) {
|
|
11568
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11569
|
+
key: index,
|
|
11570
|
+
data: item,
|
|
11571
|
+
dismissReminder: dismissReminder
|
|
11572
|
+
});
|
|
11573
|
+
}), initialNotifications.map(function (item, index) {
|
|
11574
|
+
return React__default.createElement(FlagTemplate, {
|
|
11575
|
+
key: index,
|
|
11576
|
+
data: item,
|
|
11577
|
+
dismissFlags: dismissFlags
|
|
11578
|
+
});
|
|
11579
|
+
}), React__default.createElement(React__default.Fragment, null, additionalReminders.map(function (item, index) {
|
|
11580
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11581
|
+
key: index + initialReminders.length,
|
|
11582
|
+
data: item,
|
|
11583
|
+
dismissReminder: dismissReminder
|
|
11584
|
+
});
|
|
11585
|
+
}), additionalNotifications.map(function (item, index) {
|
|
11586
|
+
return React__default.createElement(FlagTemplate, {
|
|
11587
|
+
key: index + initialNotifications.length,
|
|
11588
|
+
data: item,
|
|
11589
|
+
dismissFlags: dismissFlags
|
|
11590
|
+
});
|
|
11591
|
+
}))), activeTab === 'closed' && React__default.createElement(React__default.Fragment, null, closedReminders.map(function (item, index) {
|
|
11592
|
+
return React__default.createElement(ReminderTemplate, {
|
|
11593
|
+
key: index,
|
|
11594
|
+
data: item,
|
|
11595
|
+
dismissReminder: dismissReminder
|
|
11596
|
+
});
|
|
11597
|
+
}), closedNotifications.map(function (item, index) {
|
|
11598
|
+
return React__default.createElement(FlagTemplate, {
|
|
11599
|
+
key: index,
|
|
11600
|
+
data: item,
|
|
11601
|
+
dismissFlags: dismissFlags
|
|
11602
|
+
});
|
|
11603
|
+
})))));
|
|
11604
|
+
}
|
|
11605
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11606
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11607
|
+
|
|
11608
|
+
var NotifyFlag = function NotifyFlag() {
|
|
11609
|
+
return React__default.createElement("svg", {
|
|
11610
|
+
width: "18",
|
|
11611
|
+
height: "20",
|
|
11612
|
+
viewBox: "0 0 18 20",
|
|
11613
|
+
fill: "none",
|
|
11614
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11615
|
+
}, React__default.createElement("path", {
|
|
11616
|
+
d: "M9.767 13.12C9.10538 12.8759 8.50311 12.4942 8 12C7.06536 11.0839 5.80876 10.5707 4.5 10.5707C3.19124 10.5707 1.93464 11.0839 1 12M1 12V2.99999C1.93464 2.08386 3.19124 1.57071 4.5 1.57071C5.80876 1.57071 7.06536 2.08386 8 2.99999C8.93464 3.91613 10.1912 4.42928 11.5 4.42928C12.8088 4.42928 14.0654 3.91613 15 2.99999V11.5M1 12V19M11 17L13 19L17 15",
|
|
11617
|
+
stroke: "#FEBA30",
|
|
11618
|
+
strokeWidth: "2",
|
|
11619
|
+
strokeLinecap: "round",
|
|
11620
|
+
strokeLinejoin: "round"
|
|
11621
|
+
}));
|
|
11622
|
+
};
|
|
11623
|
+
|
|
11624
|
+
var _templateObject$2a, _templateObject2$1B, _templateObject3$U, _templateObject4$u, _templateObject5$l, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$5, _templateObject10$3, _templateObject11$3, _templateObject12$1;
|
|
11625
|
+
function Notification() {
|
|
11626
|
+
var _OrderData$order_rout;
|
|
11627
|
+
var _useTabType = useTabType(),
|
|
11628
|
+
activeTab = _useTabType[0],
|
|
11629
|
+
setActiveTab = _useTabType[1];
|
|
11630
|
+
var _useInfoType = useInfoType(),
|
|
11631
|
+
setShowMoreInfo = _useInfoType[1];
|
|
11632
|
+
var TaskData = useFetchUnresolvedTasks();
|
|
11633
|
+
var ReminderData = useFetchReminders();
|
|
11634
|
+
var _useOrderDetails = useOrderDetails(),
|
|
11635
|
+
OrderData = _useOrderDetails[0];
|
|
11636
|
+
var _useNotificationData = useNotificationData(),
|
|
11637
|
+
notificationData = _useNotificationData[0],
|
|
11638
|
+
setNotififcationData = _useNotificationData[1];
|
|
11639
|
+
var _useTaskLoading = useTaskLoading(),
|
|
11640
|
+
flagLoading = _useTaskLoading[0];
|
|
11641
|
+
var _useReminderNotiData = useReminderNotiData(),
|
|
11642
|
+
reminderData = _useReminderNotiData[0],
|
|
11643
|
+
setReminderData = _useReminderNotiData[1];
|
|
11644
|
+
var routeId = OrderData == null || (_OrderData$order_rout = OrderData.order_routes) == null ? void 0 : _OrderData$order_rout.route_id;
|
|
11645
|
+
var _useRouteDetails = useRouteDetails(),
|
|
11646
|
+
setRouteData = _useRouteDetails[1];
|
|
11647
|
+
var _useOrderNotify = useOrderNotify(),
|
|
11648
|
+
orderCount = _useOrderNotify[0];
|
|
11649
|
+
var _useState = React.useState([]),
|
|
11650
|
+
activeNotifications = _useState[0],
|
|
11651
|
+
setActiveNotifications = _useState[1];
|
|
11652
|
+
var _useState2 = React.useState([]),
|
|
11653
|
+
closedNotifications = _useState2[0],
|
|
11654
|
+
setCloseNotifications = _useState2[1];
|
|
11655
|
+
var _useState3 = React.useState([]),
|
|
11656
|
+
activeReminders = _useState3[0],
|
|
11657
|
+
setActiveReminders = _useState3[1];
|
|
11658
|
+
var _useState4 = React.useState([]),
|
|
11659
|
+
closedReminders = _useState4[0],
|
|
11660
|
+
setCloseReminders = _useState4[1];
|
|
11661
|
+
var handleTabChange = function handleTabChange(tab) {
|
|
11662
|
+
setActiveTab(tab);
|
|
11663
|
+
setShowMoreInfo(false);
|
|
11664
|
+
};
|
|
11665
|
+
//flags notification data
|
|
11666
|
+
var fetchTaskData = /*#__PURE__*/function () {
|
|
11667
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
11668
|
+
var result;
|
|
11669
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11670
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11671
|
+
case 0:
|
|
11672
|
+
_context.next = 2;
|
|
11673
|
+
return TaskData();
|
|
11674
|
+
case 2:
|
|
11675
|
+
result = _context.sent;
|
|
11676
|
+
setNotififcationData(result);
|
|
11677
|
+
case 4:
|
|
11678
|
+
case "end":
|
|
11679
|
+
return _context.stop();
|
|
11680
|
+
}
|
|
11681
|
+
}, _callee);
|
|
11682
|
+
}));
|
|
11683
|
+
return function fetchTaskData() {
|
|
11684
|
+
return _ref.apply(this, arguments);
|
|
11685
|
+
};
|
|
11686
|
+
}();
|
|
11687
|
+
//reminder noitification
|
|
11688
|
+
var fetchReminderData = /*#__PURE__*/function () {
|
|
11689
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
11690
|
+
var result;
|
|
11691
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
11692
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
11693
|
+
case 0:
|
|
11694
|
+
_context2.next = 2;
|
|
11695
|
+
return ReminderData();
|
|
11696
|
+
case 2:
|
|
11697
|
+
result = _context2.sent;
|
|
11698
|
+
setReminderData(result);
|
|
11699
|
+
case 4:
|
|
11700
|
+
case "end":
|
|
11701
|
+
return _context2.stop();
|
|
11702
|
+
}
|
|
11703
|
+
}, _callee2);
|
|
11704
|
+
}));
|
|
11705
|
+
return function fetchReminderData() {
|
|
11706
|
+
return _ref2.apply(this, arguments);
|
|
11707
|
+
};
|
|
11708
|
+
}();
|
|
11709
|
+
//route API calling...
|
|
11710
|
+
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
11711
|
+
endpoint: "route/" + routeId,
|
|
11712
|
+
method: 'GET',
|
|
11713
|
+
performAction: false
|
|
11714
|
+
}),
|
|
11715
|
+
fetchedData = _useApiHook.data,
|
|
11716
|
+
setShouldPerformAction = _useApiHook.setShouldPerformAction;
|
|
11717
|
+
React.useEffect(function () {
|
|
11718
|
+
if (OrderData.id) {
|
|
11719
|
+
fetchTaskData();
|
|
11720
|
+
fetchReminderData();
|
|
11721
|
+
}
|
|
11722
|
+
}, [OrderData.id]);
|
|
11723
|
+
React.useEffect(function () {
|
|
11724
|
+
if (routeId) {
|
|
11725
|
+
setShouldPerformAction(true);
|
|
11726
|
+
setRouteData(fetchedData == null ? void 0 : fetchedData.data[0]);
|
|
11727
|
+
}
|
|
11728
|
+
});
|
|
11729
|
+
React.useEffect(function () {
|
|
11730
|
+
if ((notificationData == null ? void 0 : notificationData.length) > 0) {
|
|
11731
|
+
setActiveNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11732
|
+
return item.task_status_id !== 2;
|
|
11733
|
+
}));
|
|
11734
|
+
setCloseNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11735
|
+
return (item == null ? void 0 : item.task_status_id) === 2;
|
|
11736
|
+
}));
|
|
11737
|
+
}
|
|
11738
|
+
}, [notificationData]);
|
|
11739
|
+
React.useEffect(function () {
|
|
11740
|
+
if ((reminderData == null ? void 0 : reminderData.length) > 0) {
|
|
11741
|
+
setActiveReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11742
|
+
return item.status_id === 1 || item.status_id === 3;
|
|
11743
|
+
}));
|
|
11744
|
+
setCloseReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11745
|
+
return (item == null ? void 0 : item.status_id) === 2;
|
|
11746
|
+
}));
|
|
11747
|
+
}
|
|
11748
|
+
}, [reminderData]);
|
|
11749
|
+
//dismiss notifcations
|
|
11750
|
+
var dismissFlags = function dismissFlags(id) {
|
|
11751
|
+
setActiveNotifications(function (prevFlags) {
|
|
11752
|
+
return prevFlags.filter(function (flags) {
|
|
11753
|
+
return flags.id !== id;
|
|
11754
|
+
});
|
|
11755
|
+
});
|
|
11756
|
+
setCloseNotifications(function (prevFlags) {
|
|
11757
|
+
return prevFlags.filter(function (flags) {
|
|
11758
|
+
return flags.id !== id;
|
|
11759
|
+
});
|
|
11760
|
+
});
|
|
11761
|
+
};
|
|
11762
|
+
var dismissReminder = function dismissReminder(id) {
|
|
11763
|
+
setActiveReminders(function (prevReminders) {
|
|
11764
|
+
return prevReminders.filter(function (reminder) {
|
|
11765
|
+
return reminder.id !== id;
|
|
11766
|
+
});
|
|
11767
|
+
});
|
|
11768
|
+
setCloseReminders(function (prevReminders) {
|
|
11769
|
+
return prevReminders.filter(function (reminder) {
|
|
11770
|
+
return reminder.id !== id;
|
|
11771
|
+
});
|
|
11772
|
+
});
|
|
11773
|
+
};
|
|
11774
|
+
var totalActiveCount = activeNotifications.length + activeReminders.length + orderCount;
|
|
11775
|
+
var totalClosedCount = closedNotifications.length + closedReminders.length;
|
|
11776
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$1, null, React__default.createElement(Container$1b, {
|
|
11777
|
+
className: "notification-header"
|
|
11778
|
+
}, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$h, {
|
|
11779
|
+
label: "NOTIFICATIONS"
|
|
11780
|
+
}), React__default.createElement(TabsData, {
|
|
11781
|
+
className: "tab-buttons"
|
|
11782
|
+
}, React__default.createElement(StyledTab, {
|
|
11783
|
+
active: activeTab === 'active',
|
|
11784
|
+
onClick: function onClick() {
|
|
11785
|
+
return handleTabChange('active');
|
|
11786
|
+
}
|
|
11787
|
+
}, "Active", React__default.createElement(ActiveCount, null, totalActiveCount)), React__default.createElement(StyledTab, {
|
|
11788
|
+
active: activeTab === 'closed',
|
|
11789
|
+
onClick: function onClick() {
|
|
11790
|
+
return handleTabChange('closed');
|
|
11791
|
+
}
|
|
11792
|
+
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))), flagLoading ? React__default.createElement(Loader$1, null, React__default.createElement(Spinner$1, null), React__default.createElement(Text$9, null, "Fetching Notifications...")) : notificationData.length > 0 || reminderData.length > 0 || OrderData ? React__default.createElement(TabsWrapper, null, React__default.createElement(Tabs, {
|
|
11793
|
+
activeNotifications: activeNotifications,
|
|
11794
|
+
closedNotifications: closedNotifications,
|
|
11795
|
+
activeReminders: activeReminders,
|
|
11796
|
+
closedReminders: closedReminders,
|
|
11797
|
+
dismissReminder: dismissReminder,
|
|
11798
|
+
dismissFlags: dismissFlags
|
|
11799
|
+
})) : 'No Notifications Found'));
|
|
11800
|
+
}
|
|
11801
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
11802
|
+
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11803
|
+
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
11804
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
11805
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
11806
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
11807
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
11808
|
+
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
11809
|
+
return props.active ? '#3a3630' : '#AEA9A1';
|
|
11810
|
+
}, function (props) {
|
|
11811
|
+
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
11812
|
+
});
|
|
11813
|
+
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 14px;\n background: #ffffff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n border: 1px solid #e0e0e0;\n"])));
|
|
11814
|
+
var Label$h = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #ccc;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n text-transform: uppercase;\n"])));
|
|
11815
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
11816
|
+
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
11438
11817
|
|
|
11439
|
-
var _templateObject$
|
|
11818
|
+
var _templateObject$2b, _templateObject2$1C, _templateObject3$V, _templateObject4$v;
|
|
11440
11819
|
function OrderView() {
|
|
11441
11820
|
antd.notification.config({
|
|
11442
11821
|
top: 150
|
|
@@ -11747,15 +12126,15 @@ function OrderView() {
|
|
|
11747
12126
|
};
|
|
11748
12127
|
}, [gsitId]);
|
|
11749
12128
|
console.log(orderId, 'orderId');
|
|
11750
|
-
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
12129
|
+
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
11751
12130
|
}
|
|
11752
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11753
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11754
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11755
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12131
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12132
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12133
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12134
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
11756
12135
|
|
|
11757
|
-
var _templateObject2$
|
|
11758
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12136
|
+
var _templateObject2$1D;
|
|
12137
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
|
|
11759
12138
|
|
|
11760
12139
|
var initialState$3 = {
|
|
11761
12140
|
'x-filters': [],
|
|
@@ -11821,7 +12200,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11821
12200
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11822
12201
|
});
|
|
11823
12202
|
|
|
11824
|
-
var _templateObject$
|
|
12203
|
+
var _templateObject$2c, _templateObject2$1E, _templateObject3$W;
|
|
11825
12204
|
var SearchType = function SearchType() {
|
|
11826
12205
|
var _useState = React.useState(''),
|
|
11827
12206
|
searchText = _useState[0],
|
|
@@ -11867,9 +12246,9 @@ var SearchType = function SearchType() {
|
|
|
11867
12246
|
onClick: handleClear
|
|
11868
12247
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
11869
12248
|
};
|
|
11870
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11871
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
11872
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
12249
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
|
|
12250
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
|
|
12251
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
|
|
11873
12252
|
|
|
11874
12253
|
var BulkFilter = function BulkFilter() {
|
|
11875
12254
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12167,7 +12546,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12167
12546
|
})))));
|
|
12168
12547
|
};
|
|
12169
12548
|
|
|
12170
|
-
var _templateObject$
|
|
12549
|
+
var _templateObject$2d, _templateObject2$1F, _templateObject3$X;
|
|
12171
12550
|
var _excluded$6 = ["count"];
|
|
12172
12551
|
function ReturnMainTable() {
|
|
12173
12552
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -12240,7 +12619,7 @@ function ReturnMainTable() {
|
|
|
12240
12619
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12241
12620
|
}, React__default.createElement("div", {
|
|
12242
12621
|
className: "Tableconatiner"
|
|
12243
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
12622
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1c, null, React__default.createElement(Row$7, null, React__default.createElement(Text, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
|
|
12244
12623
|
currentPage: page,
|
|
12245
12624
|
totalItems: total,
|
|
12246
12625
|
itemsPerPage: itemsPerPage,
|
|
@@ -12248,9 +12627,9 @@ function ReturnMainTable() {
|
|
|
12248
12627
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12249
12628
|
}))));
|
|
12250
12629
|
}
|
|
12251
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12252
|
-
var Container$
|
|
12253
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
12630
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12631
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12632
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$X || (_templateObject3$X = /*#__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"])));
|
|
12254
12633
|
|
|
12255
12634
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
12256
12635
|
var _useSearchParams = reactRouterDom.useSearchParams(),
|