@bjsdistribution/dms-client-return 0.0.90 → 0.0.92
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/dms-client-return.cjs.development.js +148 -151
- 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 +149 -152
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +3 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +65 -86
- package/src/components/order-view/notes/AddNote.tsx +18 -22
- package/src/components/order-view/notification/index.tsx +35 -42
|
@@ -1321,22 +1321,21 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
1321
1321
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text, null, customerName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
1322
1322
|
};
|
|
1323
1323
|
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
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"])));
|
|
1324
|
+
function DownIcon() {
|
|
1325
|
+
return React__default.createElement("svg", {
|
|
1326
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1327
|
+
width: "18",
|
|
1328
|
+
height: "18",
|
|
1329
|
+
viewBox: "0 0 18 18",
|
|
1330
|
+
fill: "none"
|
|
1331
|
+
}, React__default.createElement("path", {
|
|
1332
|
+
opacity: "0.4",
|
|
1333
|
+
fillRule: "evenodd",
|
|
1334
|
+
clipRule: "evenodd",
|
|
1335
|
+
d: "M5.0184 7.41839C5.11965 7.31727 5.2569 7.26047 5.4 7.26047C5.5431 7.26047 5.68035 7.31727 5.7816 7.41839L9 10.6368L12.2184 7.41839C12.3208 7.32301 12.4562 7.27108 12.5961 7.27355C12.736 7.27601 12.8694 7.33269 12.9684 7.43162C13.0673 7.53056 13.124 7.66404 13.1264 7.80394C13.1289 7.94383 13.077 8.07923 12.9816 8.18159L9.3816 11.7816C9.28035 11.8827 9.1431 11.9395 9 11.9395C8.8569 11.9395 8.71965 11.8827 8.6184 11.7816L5.0184 8.18159C4.91727 8.08034 4.86047 7.94309 4.86047 7.79999C4.86047 7.65689 4.91727 7.51964 5.0184 7.41839Z",
|
|
1336
|
+
fill: "#3A3630"
|
|
1337
|
+
}));
|
|
1338
|
+
}
|
|
1340
1339
|
|
|
1341
1340
|
var PrinterIcon = function PrinterIcon() {
|
|
1342
1341
|
return React__default.createElement("svg", {
|
|
@@ -1351,22 +1350,43 @@ var PrinterIcon = function PrinterIcon() {
|
|
|
1351
1350
|
}));
|
|
1352
1351
|
};
|
|
1353
1352
|
|
|
1354
|
-
function
|
|
1355
|
-
return React__default.createElement("svg", {
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
height: "18",
|
|
1353
|
+
function CaretDownFilledIcon(props) {
|
|
1354
|
+
return React__default.createElement("svg", Object.assign({
|
|
1355
|
+
width: "16",
|
|
1356
|
+
height: "16",
|
|
1359
1357
|
viewBox: "0 0 18 18",
|
|
1360
|
-
fill: "none"
|
|
1358
|
+
fill: "none",
|
|
1359
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1360
|
+
}, props), React__default.createElement("g", {
|
|
1361
|
+
"clip-path": "url(#clip0_2034_435)"
|
|
1361
1362
|
}, React__default.createElement("path", {
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1363
|
+
d: "M13.5 6.75C14.139 6.75 14.4727 7.4895 14.0872 7.96725L14.0302 8.03025L9.53021 12.5303C9.40107 12.6594 9.22924 12.737 9.04698 12.7484C8.86471 12.7599 8.68452 12.7044 8.54021 12.5925L8.46971 12.5303L3.96972 8.03025L3.90746 7.95975L3.86697 7.902L3.82647 7.83L3.81371 7.803L3.79347 7.75275L3.76946 7.67175L3.76196 7.632L3.75446 7.587L3.75146 7.54425V7.45575L3.75521 7.41225L3.76196 7.36725L3.76946 7.32825L3.79347 7.24725L3.81371 7.197L3.86622 7.098L3.91496 7.0305L3.96972 6.96975L4.04021 6.9075L4.09797 6.867L4.16996 6.8265L4.19697 6.81375L4.24721 6.7935L4.32821 6.7695L4.36796 6.762L4.41296 6.7545L4.45571 6.7515L13.5 6.75Z",
|
|
1364
|
+
fill: "#9E9E9E"
|
|
1365
|
+
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
1366
|
+
id: "clip0_2034_435"
|
|
1367
|
+
}, React__default.createElement("rect", {
|
|
1368
|
+
width: "16",
|
|
1369
|
+
height: "16",
|
|
1370
|
+
fill: "white"
|
|
1371
|
+
}))));
|
|
1368
1372
|
}
|
|
1369
1373
|
|
|
1374
|
+
var SortIcon = function SortIcon() {
|
|
1375
|
+
return React__default.createElement("svg", {
|
|
1376
|
+
width: "16",
|
|
1377
|
+
height: "17",
|
|
1378
|
+
viewBox: "0 0 16 17",
|
|
1379
|
+
fill: "none",
|
|
1380
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1381
|
+
}, React__default.createElement("g", {
|
|
1382
|
+
id: "bxs:sort-alt"
|
|
1383
|
+
}, React__default.createElement("path", {
|
|
1384
|
+
id: "Vector",
|
|
1385
|
+
d: "M4.15138 7.83335H11.8494C12.424 7.83335 12.7294 7.15335 12.3474 6.72335L8.49871 2.39335C8.43628 2.32288 8.35961 2.26647 8.27377 2.22783C8.18792 2.1892 8.09485 2.16922 8.00071 2.16922C7.90657 2.16922 7.8135 2.1892 7.72766 2.22783C7.64181 2.26647 7.56514 2.32288 7.50271 2.39335L3.65271 6.72335C3.27071 7.15335 3.57604 7.83335 4.15138 7.83335ZM7.50204 14.606C7.56447 14.6765 7.64114 14.7329 7.72699 14.7715C7.81284 14.8102 7.9059 14.8301 8.00004 14.8301C8.09418 14.8301 8.18725 14.8102 8.2731 14.7715C8.35895 14.7329 8.43562 14.6765 8.49804 14.606L12.3467 10.276C12.7294 9.84668 12.424 9.16668 11.8487 9.16668H4.15138C3.57671 9.16668 3.27138 9.84668 3.65338 10.2767L7.50204 14.606Z",
|
|
1386
|
+
fill: "#9E9E9E"
|
|
1387
|
+
})));
|
|
1388
|
+
};
|
|
1389
|
+
|
|
1370
1390
|
var CollectionLabelIcon = function CollectionLabelIcon() {
|
|
1371
1391
|
return React__default.createElement("svg", {
|
|
1372
1392
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1525,7 +1545,7 @@ var optionsForReturnPrint = [{
|
|
|
1525
1545
|
label: 'Print Return Labels'
|
|
1526
1546
|
}];
|
|
1527
1547
|
|
|
1528
|
-
var _templateObject$
|
|
1548
|
+
var _templateObject$3, _templateObject2$1;
|
|
1529
1549
|
var options = optionsForReturnPrint;
|
|
1530
1550
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
1531
1551
|
var legacyURL = _ref.legacyURL,
|
|
@@ -1546,8 +1566,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
1546
1566
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
1547
1567
|
}));
|
|
1548
1568
|
};
|
|
1549
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
1550
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
1569
|
+
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
1570
|
+
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n pointer-events: ", ";\n background-color: ", ";\n\n &:last-child {\n border: none;\n }\n"])), function (_ref2) {
|
|
1551
1571
|
var disabled = _ref2.disabled;
|
|
1552
1572
|
return disabled ? 'not-allowed' : 'pointer';
|
|
1553
1573
|
}, function (_ref3) {
|
|
@@ -1561,42 +1581,22 @@ var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$2 || (_temp
|
|
|
1561
1581
|
return disabled ? '#f5f5f5' : 'transparent';
|
|
1562
1582
|
});
|
|
1563
1583
|
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
d: "M13.5 6.75C14.139 6.75 14.4727 7.4895 14.0872 7.96725L14.0302 8.03025L9.53021 12.5303C9.40107 12.6594 9.22924 12.737 9.04698 12.7484C8.86471 12.7599 8.68452 12.7044 8.54021 12.5925L8.46971 12.5303L3.96972 8.03025L3.90746 7.95975L3.86697 7.902L3.82647 7.83L3.81371 7.803L3.79347 7.75275L3.76946 7.67175L3.76196 7.632L3.75446 7.587L3.75146 7.54425V7.45575L3.75521 7.41225L3.76196 7.36725L3.76946 7.32825L3.79347 7.24725L3.81371 7.197L3.86622 7.098L3.91496 7.0305L3.96972 6.96975L4.04021 6.9075L4.09797 6.867L4.16996 6.8265L4.19697 6.81375L4.24721 6.7935L4.32821 6.7695L4.36796 6.762L4.41296 6.7545L4.45571 6.7515L13.5 6.75Z",
|
|
1575
|
-
fill: "#9E9E9E"
|
|
1576
|
-
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
1577
|
-
id: "clip0_2034_435"
|
|
1578
|
-
}, React__default.createElement("rect", {
|
|
1579
|
-
width: "16",
|
|
1580
|
-
height: "16",
|
|
1581
|
-
fill: "white"
|
|
1582
|
-
}))));
|
|
1583
|
-
}
|
|
1584
|
+
var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
1585
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
1586
|
+
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n"])));
|
|
1587
|
+
// Styled components
|
|
1588
|
+
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\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"])));
|
|
1589
|
+
var StyledTable = /*#__PURE__*/styled__default.table(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\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 font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\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 }\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\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\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 }\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"])));
|
|
1590
|
+
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
1591
|
+
var ClearAll = /*#__PURE__*/styled__default.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
1592
|
+
var StyledFilterBtnIcon = /*#__PURE__*/styled__default.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
1593
|
+
var StyledFilterBtnLabel = /*#__PURE__*/styled__default.div(_templateObject37 || (_templateObject37 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n"])));
|
|
1584
1594
|
|
|
1585
|
-
var
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
height: "
|
|
1589
|
-
|
|
1590
|
-
fill: "none",
|
|
1591
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1592
|
-
}, React__default.createElement("g", {
|
|
1593
|
-
id: "bxs:sort-alt"
|
|
1594
|
-
}, React__default.createElement("path", {
|
|
1595
|
-
id: "Vector",
|
|
1596
|
-
d: "M4.15138 7.83335H11.8494C12.424 7.83335 12.7294 7.15335 12.3474 6.72335L8.49871 2.39335C8.43628 2.32288 8.35961 2.26647 8.27377 2.22783C8.18792 2.1892 8.09485 2.16922 8.00071 2.16922C7.90657 2.16922 7.8135 2.1892 7.72766 2.22783C7.64181 2.26647 7.56514 2.32288 7.50271 2.39335L3.65271 6.72335C3.27071 7.15335 3.57604 7.83335 4.15138 7.83335ZM7.50204 14.606C7.56447 14.6765 7.64114 14.7329 7.72699 14.7715C7.81284 14.8102 7.9059 14.8301 8.00004 14.8301C8.09418 14.8301 8.18725 14.8102 8.2731 14.7715C8.35895 14.7329 8.43562 14.6765 8.49804 14.606L12.3467 10.276C12.7294 9.84668 12.424 9.16668 11.8487 9.16668H4.15138C3.57671 9.16668 3.27138 9.84668 3.65338 10.2767L7.50204 14.606Z",
|
|
1597
|
-
fill: "#9E9E9E"
|
|
1598
|
-
})));
|
|
1599
|
-
};
|
|
1595
|
+
var _templateObject19, _templateObject20, _templateObject21;
|
|
1596
|
+
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"])));
|
|
1597
|
+
// Styled components
|
|
1598
|
+
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"])));
|
|
1599
|
+
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"])));
|
|
1600
1600
|
|
|
1601
1601
|
var _excluded = ["count"];
|
|
1602
1602
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -1616,7 +1616,6 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1616
1616
|
var _useLoading = useLoading(),
|
|
1617
1617
|
load = _useLoading[0],
|
|
1618
1618
|
setLoading = _useLoading[1];
|
|
1619
|
-
// const [postLoading] = usePostLoading();
|
|
1620
1619
|
var dropdownRefParent = React.useRef(null);
|
|
1621
1620
|
var dropdownRef = React.useRef(null);
|
|
1622
1621
|
var _usePrintOptionTOggle = usePrintOptionTOggle(),
|
|
@@ -1746,12 +1745,14 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1746
1745
|
// setShouldPerformAction(false);
|
|
1747
1746
|
}, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);
|
|
1748
1747
|
var handleSelectAll = function handleSelectAll(e) {
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1748
|
+
var isChecked = e.target.checked;
|
|
1749
|
+
setSelectAll(isChecked);
|
|
1750
|
+
if (isChecked) {
|
|
1751
|
+
var filteredData = returnData == null ? void 0 : returnData.filter(function (loc) {
|
|
1752
1752
|
var _loc$order_product_re;
|
|
1753
1753
|
return (loc == null || (_loc$order_product_re = loc.order_product_return_action) == null ? void 0 : _loc$order_product_re.type) === 'RTS';
|
|
1754
|
-
})
|
|
1754
|
+
});
|
|
1755
|
+
var selectedOrders = filteredData.map(function (loc) {
|
|
1755
1756
|
return {
|
|
1756
1757
|
id: loc.id,
|
|
1757
1758
|
return_locations: loc == null ? void 0 : loc.return_locations,
|
|
@@ -1760,30 +1761,27 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1760
1761
|
order_product_return_action: loc == null ? void 0 : loc.order_product_return_action,
|
|
1761
1762
|
return_location_token: loc == null ? void 0 : loc.return_location
|
|
1762
1763
|
};
|
|
1763
|
-
})
|
|
1764
|
-
|
|
1764
|
+
});
|
|
1765
|
+
var newPayload = filteredData.map(function (loc) {
|
|
1765
1766
|
var _loc$order_product_re2;
|
|
1766
|
-
return (loc == null || (_loc$order_product_re2 = loc.order_product_return_action) == null ? void 0 : _loc$order_product_re2.type) === 'RTS';
|
|
1767
|
-
}).map(function (loc) {
|
|
1768
|
-
var _loc$order_product_re3;
|
|
1769
1767
|
return {
|
|
1770
1768
|
id: loc.id,
|
|
1771
1769
|
account_number: createReturn == null ? void 0 : createReturn.account_number,
|
|
1772
1770
|
customer_id: +(createReturn == null ? void 0 : createReturn.customer_id),
|
|
1773
1771
|
products: [loc == null ? void 0 : loc.legacy_product_id],
|
|
1774
|
-
return_action: loc == null || (_loc$
|
|
1772
|
+
return_action: loc == null || (_loc$order_product_re2 = loc.order_product_return_action) == null ? void 0 : _loc$order_product_re2.type,
|
|
1775
1773
|
return_location_token: (loc == null ? void 0 : loc.return_location) || null
|
|
1776
1774
|
};
|
|
1777
|
-
})
|
|
1775
|
+
});
|
|
1776
|
+
setSelectedReturnOrder(selectedOrders);
|
|
1777
|
+
setNewPayload(newPayload);
|
|
1778
1778
|
} else {
|
|
1779
1779
|
setSelectedReturnOrder([]);
|
|
1780
1780
|
setNewPayload([]);
|
|
1781
1781
|
setGrouped([]);
|
|
1782
1782
|
}
|
|
1783
1783
|
};
|
|
1784
|
-
var handleSelectOrderReturn = function handleSelectOrderReturn(id, return_location, return_locations, order_product_return_action,
|
|
1785
|
-
// new_location: any,
|
|
1786
|
-
legacy_product_id) {
|
|
1784
|
+
var handleSelectOrderReturn = function handleSelectOrderReturn(id, return_location, return_locations, order_product_return_action, legacy_product_id) {
|
|
1787
1785
|
setSelectedReturnOrder(function (prevSelectedLocations) {
|
|
1788
1786
|
var isSelected = prevSelectedLocations == null ? void 0 : prevSelectedLocations.some(function (loc) {
|
|
1789
1787
|
return loc.id === id;
|
|
@@ -1804,32 +1802,32 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1804
1802
|
return item.id !== id;
|
|
1805
1803
|
});
|
|
1806
1804
|
});
|
|
1805
|
+
setSelectAll(false); // Ensure "select all" is false if one is deselected
|
|
1807
1806
|
return updatedSelectedLocations;
|
|
1808
1807
|
} else {
|
|
1808
|
+
var _returnData$filter;
|
|
1809
1809
|
var newReturnPayload = {
|
|
1810
1810
|
id: id,
|
|
1811
1811
|
account_number: createReturn == null ? void 0 : createReturn.account_number,
|
|
1812
1812
|
customer_id: +(createReturn == null ? void 0 : createReturn.customer_id),
|
|
1813
1813
|
products: [legacy_product_id],
|
|
1814
|
-
return_action: order_product_return_action
|
|
1814
|
+
return_action: (order_product_return_action == null ? void 0 : order_product_return_action.type) || null,
|
|
1815
1815
|
return_location_token: return_location || null
|
|
1816
1816
|
};
|
|
1817
1817
|
setNewPayload(function (prevPayload) {
|
|
1818
1818
|
return [].concat(prevPayload, [newReturnPayload]);
|
|
1819
1819
|
});
|
|
1820
|
-
|
|
1821
|
-
return _extends({}, prevState, {
|
|
1822
|
-
products: legacy_product_id,
|
|
1823
|
-
return_action: (order_product_return_action == null ? void 0 : order_product_return_action.type) || null,
|
|
1824
|
-
return_location_token: return_location || null
|
|
1825
|
-
});
|
|
1826
|
-
});
|
|
1827
|
-
return [].concat(prevSelectedLocations, [{
|
|
1820
|
+
var _updatedSelectedLocations = [].concat(prevSelectedLocations, [{
|
|
1828
1821
|
id: id,
|
|
1829
1822
|
return_location: return_location,
|
|
1830
1823
|
return_locations: return_locations,
|
|
1831
1824
|
order_product_return_action: order_product_return_action
|
|
1832
1825
|
}]);
|
|
1826
|
+
setSelectAll((_updatedSelectedLocations == null ? void 0 : _updatedSelectedLocations.length) === (returnData == null || (_returnData$filter = returnData.filter(function (loc) {
|
|
1827
|
+
var _loc$order_product_re3;
|
|
1828
|
+
return (loc == null || (_loc$order_product_re3 = loc.order_product_return_action) == null ? void 0 : _loc$order_product_re3.type) === 'RTS';
|
|
1829
|
+
})) == null ? void 0 : _returnData$filter.length));
|
|
1830
|
+
return _updatedSelectedLocations;
|
|
1833
1831
|
}
|
|
1834
1832
|
});
|
|
1835
1833
|
};
|
|
@@ -1912,17 +1910,15 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
1912
1910
|
var _item$order_product_r2, _item$orders_products, _item$orders_products2, _item$return_location, _item$order_data, _item$order_data2, _item$order_product_r3, _item$return_reasons, _item$order_product_r4, _item$order_product_r5, _item$collection_reas;
|
|
1913
1911
|
return React__default.createElement("tr", {
|
|
1914
1912
|
key: item.id
|
|
1915
|
-
}, React__default.createElement("td", null, (item == null || (_item$order_product_r2 = item.order_product_return_action) == null ? void 0 : _item$order_product_r2.type)
|
|
1913
|
+
}, React__default.createElement("td", null, (item == null || (_item$order_product_r2 = item.order_product_return_action) == null ? void 0 : _item$order_product_r2.type) === 'RTS' ? React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
1916
1914
|
className: "custom-check",
|
|
1917
|
-
checked: selectedReturnOrder
|
|
1918
|
-
return (selectedInvoice == null ? void 0 : selectedInvoice.id) === item.id;
|
|
1915
|
+
checked: selectedReturnOrder.some(function (selectedInvoice) {
|
|
1916
|
+
return (selectedInvoice == null ? void 0 : selectedInvoice.id) === (item == null ? void 0 : item.id);
|
|
1919
1917
|
}),
|
|
1920
1918
|
onChange: function onChange() {
|
|
1921
|
-
return handleSelectOrderReturn(item.id, item.return_location, item.return_locations, item.order_product_return_action,
|
|
1922
|
-
// item.new_location,
|
|
1923
|
-
item.legacy_product_id);
|
|
1919
|
+
return handleSelectOrderReturn(item == null ? void 0 : item.id, item == null ? void 0 : item.return_location, item == null ? void 0 : item.return_locations, item == null ? void 0 : item.order_product_return_action, item == null ? void 0 : item.legacy_product_id);
|
|
1924
1920
|
}
|
|
1925
|
-
})
|
|
1921
|
+
}) : null), React__default.createElement("td", null, (item == null || (_item$orders_products = item.orders_products_stock) == null ? void 0 : _item$orders_products.location) !== null && (item == null || (_item$orders_products2 = item.orders_products_stock) == null ? void 0 : _item$orders_products2.location) !== undefined ? item.orders_products_stock.location : React__default.createElement("div", {
|
|
1926
1922
|
className: "awaiting"
|
|
1927
1923
|
}, "Awaiting")), React__default.createElement("td", null, ' ', displayValueOrNA(item == null || (_item$return_location = item.return_locations) == null ? void 0 : _item$return_location.location_name)), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
1928
1924
|
style: {
|
|
@@ -2016,17 +2012,6 @@ var DefectsData = [{
|
|
|
2016
2012
|
date: '6/11/2024 11:26:05 AM',
|
|
2017
2013
|
images: ''
|
|
2018
2014
|
}];
|
|
2019
|
-
var getCookie = function getCookie(name) {
|
|
2020
|
-
var value = "; " + document.cookie;
|
|
2021
|
-
var parts = value.split("; " + name + "=");
|
|
2022
|
-
if (parts.length === 2) {
|
|
2023
|
-
var lastPart = parts.pop();
|
|
2024
|
-
if (lastPart !== undefined) {
|
|
2025
|
-
return lastPart.split(';').shift() || null;
|
|
2026
|
-
}
|
|
2027
|
-
}
|
|
2028
|
-
return null;
|
|
2029
|
-
};
|
|
2030
2015
|
var handleKeyDown = function handleKeyDown(e) {
|
|
2031
2016
|
// Allowed keys: numbers (0-9), '.', '-', '+'
|
|
2032
2017
|
var allowedKeys = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '-', '+', 'ArrowLeft', 'ArrowRight'];
|
|
@@ -5495,7 +5480,6 @@ function AddNote() {
|
|
|
5495
5480
|
var location = reactRouterDom.useLocation();
|
|
5496
5481
|
var pathname = location.pathname;
|
|
5497
5482
|
var orderIdLocaation = pathname.split('/')[1];
|
|
5498
|
-
var ssoToken = getCookie('id_token');
|
|
5499
5483
|
var _usemoduleIds = usemoduleIds(),
|
|
5500
5484
|
moduleIds = _usemoduleIds[0];
|
|
5501
5485
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
@@ -5503,12 +5487,17 @@ function AddNote() {
|
|
|
5503
5487
|
var _useSelectedData = useSelectedData(),
|
|
5504
5488
|
selected = _useSelectedData[0];
|
|
5505
5489
|
// Save New Note
|
|
5490
|
+
var _useAxios = dmsComponentLibrary.useAxios({
|
|
5491
|
+
endpoint: "/audit_logs/orders/",
|
|
5492
|
+
method: 'POST'
|
|
5493
|
+
}),
|
|
5494
|
+
callAuditLogs = _useAxios.fetchData;
|
|
5506
5495
|
var _useState2 = React.useState(null),
|
|
5507
5496
|
notificationData = _useState2[0],
|
|
5508
5497
|
setNotificationData = _useState2[1];
|
|
5509
5498
|
var saveNote = /*#__PURE__*/function () {
|
|
5510
5499
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
5511
|
-
var
|
|
5500
|
+
var payload, response;
|
|
5512
5501
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
5513
5502
|
while (1) switch (_context.prev = _context.next) {
|
|
5514
5503
|
case 0:
|
|
@@ -5519,7 +5508,6 @@ function AddNote() {
|
|
|
5519
5508
|
}
|
|
5520
5509
|
return _context.abrupt("return");
|
|
5521
5510
|
case 3:
|
|
5522
|
-
endpoint = dmsComponentLibrary.getBaseEndpoint() + "/audit_logs/orders/";
|
|
5523
5511
|
payload = {
|
|
5524
5512
|
audit_logs: [{
|
|
5525
5513
|
parent_object_id: orderId || orderIdLocaation,
|
|
@@ -5532,47 +5520,41 @@ function AddNote() {
|
|
|
5532
5520
|
manual: 1,
|
|
5533
5521
|
is_private: selected
|
|
5534
5522
|
}]
|
|
5535
|
-
};
|
|
5536
|
-
_context.prev =
|
|
5537
|
-
_context.next =
|
|
5538
|
-
return
|
|
5539
|
-
|
|
5540
|
-
headers: {
|
|
5541
|
-
'Content-Type': 'application/json',
|
|
5542
|
-
Authorization: "Bearer " + ssoToken
|
|
5543
|
-
},
|
|
5544
|
-
body: JSON.stringify(payload)
|
|
5523
|
+
};
|
|
5524
|
+
_context.prev = 4;
|
|
5525
|
+
_context.next = 7;
|
|
5526
|
+
return callAuditLogs({
|
|
5527
|
+
payload: payload
|
|
5545
5528
|
});
|
|
5546
|
-
case
|
|
5529
|
+
case 7:
|
|
5547
5530
|
response = _context.sent;
|
|
5548
|
-
|
|
5549
|
-
if (response.ok) {
|
|
5531
|
+
if (response.code == 200 && response != null && response.data) {
|
|
5550
5532
|
antd.notification.success({
|
|
5551
5533
|
message: 'Success',
|
|
5552
|
-
description:
|
|
5534
|
+
description: "" + (response == null ? void 0 : response.message)
|
|
5553
5535
|
});
|
|
5554
5536
|
setNoteText('');
|
|
5555
5537
|
setRecallAuditLog(true);
|
|
5556
5538
|
} else {
|
|
5557
5539
|
antd.notification.error({
|
|
5558
5540
|
message: 'Error',
|
|
5559
|
-
description:
|
|
5541
|
+
description: "" + (response == null ? void 0 : response.error)
|
|
5560
5542
|
});
|
|
5561
5543
|
}
|
|
5562
|
-
_context.next =
|
|
5544
|
+
_context.next = 14;
|
|
5563
5545
|
break;
|
|
5564
|
-
case
|
|
5565
|
-
_context.prev =
|
|
5566
|
-
_context.t0 = _context["catch"](
|
|
5546
|
+
case 11:
|
|
5547
|
+
_context.prev = 11;
|
|
5548
|
+
_context.t0 = _context["catch"](4);
|
|
5567
5549
|
antd.notification.error({
|
|
5568
5550
|
message: 'Error',
|
|
5569
5551
|
description: 'Failed to save note due to an error.'
|
|
5570
5552
|
});
|
|
5571
|
-
case
|
|
5553
|
+
case 14:
|
|
5572
5554
|
case "end":
|
|
5573
5555
|
return _context.stop();
|
|
5574
5556
|
}
|
|
5575
|
-
}, _callee, null, [[
|
|
5557
|
+
}, _callee, null, [[4, 11]]);
|
|
5576
5558
|
}));
|
|
5577
5559
|
return function saveNote() {
|
|
5578
5560
|
return _ref.apply(this, arguments);
|
|
@@ -6805,10 +6787,6 @@ var reminderData = /*#__PURE__*/jotai.atom([]);
|
|
|
6805
6787
|
var resolvedModalPayload = /*#__PURE__*/jotai.atom(resolvedValue);
|
|
6806
6788
|
var routeDetails = /*#__PURE__*/jotai.atom({});
|
|
6807
6789
|
var orderNotifyCount = /*#__PURE__*/jotai.atom(0);
|
|
6808
|
-
var taskLoading = /*#__PURE__*/jotai.atom(true);
|
|
6809
|
-
function useTaskLoading() {
|
|
6810
|
-
return jotai.useAtom(taskLoading);
|
|
6811
|
-
}
|
|
6812
6790
|
var initialConfirmOrderErrValues = {
|
|
6813
6791
|
homeContactError: '',
|
|
6814
6792
|
workContactError: '',
|
|
@@ -11598,7 +11576,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
11598
11576
|
}));
|
|
11599
11577
|
};
|
|
11600
11578
|
|
|
11601
|
-
var _templateObject$2e, _templateObject2$1D, _templateObject3$V, _templateObject4$w, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$6
|
|
11579
|
+
var _templateObject$2e, _templateObject2$1D, _templateObject3$V, _templateObject4$w, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$a, _templateObject9$6;
|
|
11602
11580
|
function Notification() {
|
|
11603
11581
|
var _OrderData$order_rout;
|
|
11604
11582
|
var _useTabType = useTabType(),
|
|
@@ -11611,8 +11589,7 @@ function Notification() {
|
|
|
11611
11589
|
var _useNotificationData = useNotificationData(),
|
|
11612
11590
|
notificationData = _useNotificationData[0],
|
|
11613
11591
|
setNotififcationData = _useNotificationData[1];
|
|
11614
|
-
|
|
11615
|
-
flagLoading = _useTaskLoading[0];
|
|
11592
|
+
// const [flagLoading] = useTaskLoading();
|
|
11616
11593
|
var _useReminderNotiData = useReminderNotiData(),
|
|
11617
11594
|
reminderData = _useReminderNotiData[0],
|
|
11618
11595
|
setReminderData = _useReminderNotiData[1];
|
|
@@ -11764,7 +11741,7 @@ function Notification() {
|
|
|
11764
11741
|
onClick: function onClick() {
|
|
11765
11742
|
return handleTabChange('closed');
|
|
11766
11743
|
}
|
|
11767
|
-
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))),
|
|
11744
|
+
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))), notificationData.length > 0 || reminderData.length > 0 || OrderData ? React__default.createElement(TabsWrapper, null, React__default.createElement(Tabs, {
|
|
11768
11745
|
activeNotifications: activeNotifications,
|
|
11769
11746
|
closedNotifications: closedNotifications,
|
|
11770
11747
|
activeReminders: activeReminders,
|
|
@@ -11774,21 +11751,41 @@ function Notification() {
|
|
|
11774
11751
|
})) : 'No Notifications Found'));
|
|
11775
11752
|
}
|
|
11776
11753
|
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
11777
|
-
|
|
11778
|
-
|
|
11779
|
-
|
|
11780
|
-
|
|
11781
|
-
|
|
11782
|
-
|
|
11783
|
-
|
|
11754
|
+
// const Loader = styled.div`
|
|
11755
|
+
// align-items: center;
|
|
11756
|
+
// justify-content: center;
|
|
11757
|
+
// display: flex;
|
|
11758
|
+
// flex-direction: column;
|
|
11759
|
+
// gap: 10px;
|
|
11760
|
+
// `;
|
|
11761
|
+
// const Spinner = styled.div`
|
|
11762
|
+
// border: 4px solid rgba(0, 0, 0, 0.1);
|
|
11763
|
+
// border-left-color: #3a3630;
|
|
11764
|
+
// border-radius: 50%;
|
|
11765
|
+
// width: 40px;
|
|
11766
|
+
// height: 40px;
|
|
11767
|
+
// animation: spin 1s linear infinite;
|
|
11768
|
+
// @keyframes spin {
|
|
11769
|
+
// 0% {
|
|
11770
|
+
// transform: rotate(0deg);
|
|
11771
|
+
// }
|
|
11772
|
+
// 100% {
|
|
11773
|
+
// transform: rotate(360deg);
|
|
11774
|
+
// }
|
|
11775
|
+
// }
|
|
11776
|
+
// `;
|
|
11777
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
11778
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
11779
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
11780
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
11781
|
+
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__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) {
|
|
11784
11782
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
11785
11783
|
}, function (props) {
|
|
11786
11784
|
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
11787
11785
|
});
|
|
11788
|
-
var Section$1 = /*#__PURE__*/styled__default.div(
|
|
11789
|
-
var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(
|
|
11790
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(
|
|
11791
|
-
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__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"])));
|
|
11786
|
+
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__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"])));
|
|
11787
|
+
var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject8$a || (_templateObject8$a = /*#__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"])));
|
|
11788
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__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"])));
|
|
11792
11789
|
|
|
11793
11790
|
var _templateObject$2f;
|
|
11794
11791
|
function CollapsedContent$2() {
|