@bjsdistribution/dms-client-return 0.1.63-prod → 0.1.64-prod
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 +123 -36
- 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 +123 -36
- 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/ReturnOrderTable.tsx +2 -0
- package/src/components/order-daily-overview/table/ReturnTable.tsx +41 -39
- package/src/components/order-daily-overview/table/table-data/styles.ts +4 -1
|
@@ -2397,11 +2397,11 @@ var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$2 || (_temp
|
|
|
2397
2397
|
});
|
|
2398
2398
|
|
|
2399
2399
|
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
2400
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width:
|
|
2400
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n"])));
|
|
2401
2401
|
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__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"])));
|
|
2402
2402
|
// Styled components
|
|
2403
2403
|
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$2 || (_templateObject3$2 = /*#__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"])));
|
|
2404
|
-
var StyledTable = /*#__PURE__*/styled__default.table(_templateObject4$2 || (_templateObject4$2 = /*#__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"])));
|
|
2404
|
+
var StyledTable = /*#__PURE__*/styled__default.table(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n table-layout: fixed;\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 word-break: break-word;\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"])));
|
|
2405
2405
|
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
2406
2406
|
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"])));
|
|
2407
2407
|
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"])));
|
|
@@ -2704,7 +2704,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2704
2704
|
}
|
|
2705
2705
|
}, React__default.createElement("div", {
|
|
2706
2706
|
className: "sortIconClass"
|
|
2707
|
-
}, "Recipient ", renderSortIcon('recipient_name'))), React__default.createElement("th", null, "Return Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Part"), React__default.createElement("th", {
|
|
2707
|
+
}, "Recipient ", renderSortIcon('recipient_name'))), React__default.createElement("th", null, "Client"), React__default.createElement("th", null, "Return Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Part"), React__default.createElement("th", {
|
|
2708
2708
|
onClick: function onClick() {
|
|
2709
2709
|
return handleSort('weight');
|
|
2710
2710
|
}
|
|
@@ -2731,6 +2731,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2731
2731
|
}))) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
2732
2732
|
colSpan: 14
|
|
2733
2733
|
}, React__default.createElement(EmptyDataContainer, null, React__default.createElement(antd.Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (item, index) {
|
|
2734
|
+
var _item$client_name;
|
|
2734
2735
|
return React__default.createElement("tr", {
|
|
2735
2736
|
key: item.id
|
|
2736
2737
|
}, React__default.createElement("td", null, (item == null ? void 0 : item.product_return_action) === 'RTS' && (item == null ? void 0 : item.return_location) !== 'null' && (item == null ? void 0 : item.return_location) !== null ? React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
@@ -2760,7 +2761,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2760
2761
|
style: {
|
|
2761
2762
|
color: '#888075'
|
|
2762
2763
|
}
|
|
2763
|
-
}, displayValueOrNA(item == null ? void 0 : item.postcode)))), React__default.createElement("td",
|
|
2764
|
+
}, displayValueOrNA(item == null ? void 0 : item.postcode)))), React__default.createElement("td", {
|
|
2765
|
+
title: (_item$client_name = item == null ? void 0 : item.client_name) != null ? _item$client_name : ''
|
|
2766
|
+
}, displayValueOrNA(item == null ? void 0 : item.client_name)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.product_return_action)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.part)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), ' ', item != null && item.weight && (item == null ? void 0 : item.weight) !== null ? WEIGHT_UNIT : ''), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.return_reason)), React__default.createElement("td", null, item != null && item.collected_at ? dateFns.format(new Date(item == null ? void 0 : item.collected_at), 'dd/MM/yyyy') : 'UNKNOWN'), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.collection_reason)), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
2764
2767
|
className: "actionbox"
|
|
2765
2768
|
}, React__default.createElement(CustomDrop, {
|
|
2766
2769
|
ref: dropdownRefParent,
|
|
@@ -18798,52 +18801,84 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18798
18801
|
};
|
|
18799
18802
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, null, React__default.createElement(StyledTable, null, React__default.createElement("thead", null, React__default.createElement("tr", null, [{
|
|
18800
18803
|
label: 'Trading Name',
|
|
18801
|
-
key: 'trading_as'
|
|
18804
|
+
key: 'trading_as',
|
|
18805
|
+
width: '180px',
|
|
18806
|
+
align: 'left'
|
|
18802
18807
|
}, {
|
|
18803
18808
|
label: 'Client',
|
|
18804
|
-
key: 'customer_name'
|
|
18809
|
+
key: 'customer_name',
|
|
18810
|
+
width: '180px',
|
|
18811
|
+
align: 'center'
|
|
18805
18812
|
}, {
|
|
18806
18813
|
label: 'Orders',
|
|
18807
|
-
key: 'orders'
|
|
18814
|
+
key: 'orders',
|
|
18815
|
+
width: '90px',
|
|
18816
|
+
align: 'center'
|
|
18808
18817
|
}, {
|
|
18809
18818
|
label: 'Products',
|
|
18810
|
-
key: 'return_order_products'
|
|
18819
|
+
key: 'return_order_products',
|
|
18820
|
+
width: '90px',
|
|
18821
|
+
align: 'center'
|
|
18811
18822
|
}, {
|
|
18812
18823
|
label: 'RTS',
|
|
18813
|
-
key: 'RTS'
|
|
18824
|
+
key: 'RTS',
|
|
18825
|
+
width: '80px',
|
|
18826
|
+
align: 'center'
|
|
18814
18827
|
}, {
|
|
18815
18828
|
label: 'Pending',
|
|
18816
|
-
key: 'PENDING'
|
|
18829
|
+
key: 'PENDING',
|
|
18830
|
+
width: '90px',
|
|
18831
|
+
align: 'center'
|
|
18817
18832
|
}, {
|
|
18818
18833
|
label: 'Claims Paid',
|
|
18819
|
-
key: 'CLAIMS PAID'
|
|
18834
|
+
key: 'CLAIMS PAID',
|
|
18835
|
+
width: '110px',
|
|
18836
|
+
align: 'center'
|
|
18820
18837
|
}, {
|
|
18821
18838
|
label: 'Dispose',
|
|
18822
|
-
key: 'DISPOSE'
|
|
18839
|
+
key: 'DISPOSE',
|
|
18840
|
+
width: '90px',
|
|
18841
|
+
align: 'center'
|
|
18823
18842
|
}, {
|
|
18824
18843
|
label: 'Re-allocate',
|
|
18825
|
-
key: 'RE-ALLOCATE'
|
|
18844
|
+
key: 'RE-ALLOCATE',
|
|
18845
|
+
width: '110px',
|
|
18846
|
+
align: 'center'
|
|
18826
18847
|
}, {
|
|
18827
18848
|
label: 'Re-Del',
|
|
18828
|
-
key: 'RE-
|
|
18849
|
+
key: 'RE-Del',
|
|
18850
|
+
width: '90px',
|
|
18851
|
+
align: 'center'
|
|
18829
18852
|
}, {
|
|
18830
18853
|
label: 'Recycle',
|
|
18831
|
-
key: 'RECYCLE'
|
|
18854
|
+
key: 'RECYCLE',
|
|
18855
|
+
width: '90px',
|
|
18856
|
+
align: 'center'
|
|
18832
18857
|
}, {
|
|
18833
18858
|
label: 'Unknown',
|
|
18834
|
-
key: 'UNKNOWN'
|
|
18859
|
+
key: 'UNKNOWN',
|
|
18860
|
+
width: '90px',
|
|
18861
|
+
align: 'center'
|
|
18835
18862
|
}].map(function (_ref) {
|
|
18836
18863
|
var label = _ref.label,
|
|
18837
|
-
key = _ref.key
|
|
18864
|
+
key = _ref.key,
|
|
18865
|
+
width = _ref.width,
|
|
18866
|
+
align = _ref.align;
|
|
18838
18867
|
return React__default.createElement("th", {
|
|
18839
18868
|
key: key,
|
|
18840
18869
|
onClick: function onClick() {
|
|
18841
18870
|
return handleSort(key);
|
|
18871
|
+
},
|
|
18872
|
+
style: {
|
|
18873
|
+
whiteSpace: 'nowrap',
|
|
18874
|
+
width: width,
|
|
18875
|
+
textAlign: align
|
|
18842
18876
|
}
|
|
18843
18877
|
}, React__default.createElement("div", {
|
|
18844
18878
|
style: {
|
|
18845
18879
|
display: 'flex',
|
|
18846
|
-
cursor: 'pointer'
|
|
18880
|
+
cursor: 'pointer',
|
|
18881
|
+
justifyContent: align === 'left' ? 'flex-start' : 'center'
|
|
18847
18882
|
}
|
|
18848
18883
|
}, label, " ", React__default.createElement("span", null, renderSortIcon(key))));
|
|
18849
18884
|
}))), React__default.createElement("tbody", null, statsLoading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
@@ -18882,13 +18917,23 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18882
18917
|
style: {
|
|
18883
18918
|
color: '#0099ff',
|
|
18884
18919
|
fontWeight: 600,
|
|
18885
|
-
cursor: 'pointer'
|
|
18920
|
+
cursor: 'pointer',
|
|
18921
|
+
textAlign: 'center'
|
|
18886
18922
|
}
|
|
18887
|
-
}, React__default.createElement("span", null, rowKey == null ? void 0 : rowKey.customer_name)), React__default.createElement("td",
|
|
18923
|
+
}, React__default.createElement("span", null, rowKey == null ? void 0 : rowKey.customer_name)), React__default.createElement("td", {
|
|
18924
|
+
style: {
|
|
18925
|
+
textAlign: 'center'
|
|
18926
|
+
}
|
|
18927
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$orders = rowKey == null ? void 0 : rowKey.orders) != null ? _rowKey$orders : 0))), React__default.createElement("td", {
|
|
18928
|
+
style: {
|
|
18929
|
+
textAlign: 'center'
|
|
18930
|
+
}
|
|
18931
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$return_order_ = rowKey == null ? void 0 : rowKey.return_order_products) != null ? _rowKey$return_order_ : 0))), React__default.createElement("td", {
|
|
18888
18932
|
style: {
|
|
18889
18933
|
color: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? '#0099ff' : 'inherit',
|
|
18890
18934
|
fontWeight: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 600 : 'normal',
|
|
18891
|
-
cursor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'pointer' : 'default'
|
|
18935
|
+
cursor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'pointer' : 'default',
|
|
18936
|
+
textAlign: 'center'
|
|
18892
18937
|
},
|
|
18893
18938
|
onClick: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? function () {
|
|
18894
18939
|
return handleRedirectRTS(rowKey == null ? void 0 : rowKey.customer_id, 'RTS');
|
|
@@ -18897,7 +18942,35 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18897
18942
|
style: {
|
|
18898
18943
|
backgroundColor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'rgba(99, 150, 229, 0.1)' : 'rgba(153, 153, 153, 0.1)'
|
|
18899
18944
|
}
|
|
18900
|
-
}, (_rowKey$RTS = rowKey == null ? void 0 : rowKey.RTS) != null ? _rowKey$RTS : 0))), React__default.createElement("td",
|
|
18945
|
+
}, (_rowKey$RTS = rowKey == null ? void 0 : rowKey.RTS) != null ? _rowKey$RTS : 0))), React__default.createElement("td", {
|
|
18946
|
+
style: {
|
|
18947
|
+
textAlign: 'center'
|
|
18948
|
+
}
|
|
18949
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$PENDING = rowKey == null ? void 0 : rowKey.PENDING) != null ? _rowKey$PENDING : 0))), React__default.createElement("td", {
|
|
18950
|
+
style: {
|
|
18951
|
+
textAlign: 'center'
|
|
18952
|
+
}
|
|
18953
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$CLAIMSPAID = rowKey == null ? void 0 : rowKey['CLAIMS PAID']) != null ? _rowKey$CLAIMSPAID : 0))), React__default.createElement("td", {
|
|
18954
|
+
style: {
|
|
18955
|
+
textAlign: 'center'
|
|
18956
|
+
}
|
|
18957
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$DISPOSE = rowKey == null ? void 0 : rowKey.DISPOSE) != null ? _rowKey$DISPOSE : 0))), React__default.createElement("td", {
|
|
18958
|
+
style: {
|
|
18959
|
+
textAlign: 'center'
|
|
18960
|
+
}
|
|
18961
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$REALLOCATE = rowKey == null ? void 0 : rowKey['RE-ALLOCATE']) != null ? _rowKey$REALLOCATE : 0))), React__default.createElement("td", {
|
|
18962
|
+
style: {
|
|
18963
|
+
textAlign: 'center'
|
|
18964
|
+
}
|
|
18965
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$REDEL = rowKey == null ? void 0 : rowKey['RE-DEL']) != null ? _rowKey$REDEL : 0))), React__default.createElement("td", {
|
|
18966
|
+
style: {
|
|
18967
|
+
textAlign: 'center'
|
|
18968
|
+
}
|
|
18969
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$RECYCLE = rowKey == null ? void 0 : rowKey.RECYCLE) != null ? _rowKey$RECYCLE : 0))), React__default.createElement("td", {
|
|
18970
|
+
style: {
|
|
18971
|
+
textAlign: 'center'
|
|
18972
|
+
}
|
|
18973
|
+
}, React__default.createElement(ColumStyle, null, React__default.createElement(GreyBox, null, (_rowKey$UNKNOWN = rowKey == null ? void 0 : rowKey.UNKNOWN) != null ? _rowKey$UNKNOWN : 0))));
|
|
18901
18974
|
};
|
|
18902
18975
|
if (!(key != null && key.children) || (key == null || (_key$children = key.children) == null ? void 0 : _key$children.length) === 0) {
|
|
18903
18976
|
return React__default.createElement(React__default.Fragment, {
|
|
@@ -18939,49 +19012,63 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18939
19012
|
}
|
|
18940
19013
|
}, React__default.createElement("tr", null, [{
|
|
18941
19014
|
label: 'Trading Name',
|
|
18942
|
-
key: 'trading_as'
|
|
19015
|
+
key: 'trading_as',
|
|
19016
|
+
width: '180px'
|
|
18943
19017
|
}, {
|
|
18944
19018
|
label: 'Client',
|
|
18945
|
-
key: 'customer_name'
|
|
19019
|
+
key: 'customer_name',
|
|
19020
|
+
width: '180px'
|
|
18946
19021
|
}, {
|
|
18947
19022
|
label: 'Orders',
|
|
18948
|
-
key: 'orders'
|
|
19023
|
+
key: 'orders',
|
|
19024
|
+
width: '90px'
|
|
18949
19025
|
}, {
|
|
18950
19026
|
label: 'Products',
|
|
18951
|
-
key: 'return_order_products'
|
|
19027
|
+
key: 'return_order_products',
|
|
19028
|
+
width: '90px'
|
|
18952
19029
|
}, {
|
|
18953
19030
|
label: 'RTS',
|
|
18954
|
-
key: 'RTS'
|
|
19031
|
+
key: 'RTS',
|
|
19032
|
+
width: '80px'
|
|
18955
19033
|
}, {
|
|
18956
19034
|
label: 'Pending',
|
|
18957
|
-
key: 'PENDING'
|
|
19035
|
+
key: 'PENDING',
|
|
19036
|
+
width: '90px'
|
|
18958
19037
|
}, {
|
|
18959
19038
|
label: 'Claims Paid',
|
|
18960
|
-
key: 'CLAIMS PAID'
|
|
19039
|
+
key: 'CLAIMS PAID',
|
|
19040
|
+
width: '110px'
|
|
18961
19041
|
}, {
|
|
18962
19042
|
label: 'Dispose',
|
|
18963
|
-
key: 'DISPOSE'
|
|
19043
|
+
key: 'DISPOSE',
|
|
19044
|
+
width: '90px'
|
|
18964
19045
|
}, {
|
|
18965
19046
|
label: 'Re-allocate',
|
|
18966
|
-
key: 'RE-ALLOCATE'
|
|
19047
|
+
key: 'RE-ALLOCATE',
|
|
19048
|
+
width: '110px'
|
|
18967
19049
|
}, {
|
|
18968
19050
|
label: 'Re-Del',
|
|
18969
|
-
key: 'RE-
|
|
19051
|
+
key: 'RE-Del',
|
|
19052
|
+
width: '90px'
|
|
18970
19053
|
}, {
|
|
18971
19054
|
label: 'Recycle',
|
|
18972
|
-
key: 'RECYCLE'
|
|
19055
|
+
key: 'RECYCLE',
|
|
19056
|
+
width: '90px'
|
|
18973
19057
|
}, {
|
|
18974
19058
|
label: 'Unknown',
|
|
18975
|
-
key: 'UNKNOWN'
|
|
19059
|
+
key: 'UNKNOWN',
|
|
19060
|
+
width: '90px'
|
|
18976
19061
|
}].map(function (_ref2) {
|
|
18977
19062
|
var label = _ref2.label,
|
|
18978
|
-
thKey = _ref2.key
|
|
19063
|
+
thKey = _ref2.key,
|
|
19064
|
+
width = _ref2.width;
|
|
18979
19065
|
return React__default.createElement("th", {
|
|
18980
19066
|
key: "hidden-" + thKey,
|
|
18981
19067
|
style: {
|
|
18982
19068
|
padding: '0 15px',
|
|
18983
19069
|
border: 'none',
|
|
18984
|
-
height: 0
|
|
19070
|
+
height: 0,
|
|
19071
|
+
width: width
|
|
18985
19072
|
}
|
|
18986
19073
|
}, React__default.createElement("div", {
|
|
18987
19074
|
style: {
|