@bjsdistribution/dms-client-return 0.0.22 → 0.0.24
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/common/services-slider/ServiceSlider.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +447 -388
- 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 +448 -389
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/common/services-slider/ServiceSlider.tsx +9 -8
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +3 -7
- package/src/components/order-daily-overview/header-filters/filterStore.ts +7 -7
- package/src/components/order-daily-overview/index.tsx +2 -1
- package/src/components/order-daily-overview/return-after-table/table/OrderTable.tsx +25 -11
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +7 -1
- package/src/components/order-view/order-details/expanded-content/services-section/AssemblyType.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceLevel.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +1 -0
- package/src/components/order-view/products-info/expanded-content/index.tsx +16 -13
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +7 -1
- package/src/index.tsx +6 -5
|
@@ -1966,7 +1966,8 @@ function TimedServiceDropdown() {
|
|
|
1966
1966
|
return f.value === timesServiceId;
|
|
1967
1967
|
}),
|
|
1968
1968
|
inputId: "timedServiceDropdown",
|
|
1969
|
-
onChange: onChange
|
|
1969
|
+
onChange: onChange,
|
|
1970
|
+
isDisabled: true
|
|
1970
1971
|
}));
|
|
1971
1972
|
}
|
|
1972
1973
|
var Container$l = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -2003,7 +2004,8 @@ function ServiceTypeDropdown() {
|
|
|
2003
2004
|
}),
|
|
2004
2005
|
inputId: "serviceTypeDropdown",
|
|
2005
2006
|
openMenuOnFocus: true,
|
|
2006
|
-
onChange: onChange
|
|
2007
|
+
onChange: onChange,
|
|
2008
|
+
isDisabled: true
|
|
2007
2009
|
}));
|
|
2008
2010
|
}
|
|
2009
2011
|
var Container$m = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -2043,7 +2045,8 @@ function DeliveryPointDropdown() {
|
|
|
2043
2045
|
return f.value === deliveryPointId;
|
|
2044
2046
|
}),
|
|
2045
2047
|
openMenuOnFocus: true,
|
|
2046
|
-
onChange: onChange
|
|
2048
|
+
onChange: onChange,
|
|
2049
|
+
isDisabled: true
|
|
2047
2050
|
}));
|
|
2048
2051
|
}
|
|
2049
2052
|
var Container$n = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -2077,7 +2080,8 @@ function ServiceLevel() {
|
|
|
2077
2080
|
heading: "Service Level",
|
|
2078
2081
|
options: serviceLevelOptions || [],
|
|
2079
2082
|
onChange: radioGroupHandler,
|
|
2080
|
-
required: true
|
|
2083
|
+
required: true,
|
|
2084
|
+
isDisabled: true
|
|
2081
2085
|
}));
|
|
2082
2086
|
}
|
|
2083
2087
|
var Container$o = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])));
|
|
@@ -2167,7 +2171,7 @@ function AssemblyType() {
|
|
|
2167
2171
|
onChange: radioGroupHandler,
|
|
2168
2172
|
required: false,
|
|
2169
2173
|
//@ts-ignore
|
|
2170
|
-
isDisabled:
|
|
2174
|
+
isDisabled: true
|
|
2171
2175
|
}));
|
|
2172
2176
|
}
|
|
2173
2177
|
var Container$p = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n pointer-events: ", ";\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (props) {
|
|
@@ -2199,27 +2203,24 @@ var getIcon = function getIcon(input) {
|
|
|
2199
2203
|
|
|
2200
2204
|
var _templateObject$z, _templateObject2$n, _templateObject3$a;
|
|
2201
2205
|
function ServiceSlider(props) {
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
};
|
|
2206
|
-
return React__default.createElement(Container$q, {
|
|
2207
|
-
onClick: function onClick() {
|
|
2208
|
-
return props.toggle(props.serviceId);
|
|
2209
|
-
}
|
|
2210
|
-
}, React__default.createElement(ServiceIcon, {
|
|
2206
|
+
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2207
|
+
// event.preventDefault();
|
|
2208
|
+
// props.toggle(props.serviceId);
|
|
2209
|
+
// };
|
|
2210
|
+
return React__default.createElement(Container$q, null, React__default.createElement(ServiceIcon, {
|
|
2211
2211
|
src: getIcon(props.serviceId)
|
|
2212
2212
|
}), React__default.createElement(ServiceName, null, props.serviceName), React__default.createElement("div", {
|
|
2213
|
-
|
|
2213
|
+
className: "hidden"
|
|
2214
2214
|
}, React__default.createElement(dmsComponentLibrary.Switch, {
|
|
2215
2215
|
checked: props.isSelected,
|
|
2216
2216
|
name: props.serviceName,
|
|
2217
|
-
onChange: function onChange() {}
|
|
2217
|
+
onChange: function onChange() {},
|
|
2218
|
+
disabled: props == null ? void 0 : props.disabled
|
|
2218
2219
|
})));
|
|
2219
2220
|
}
|
|
2220
2221
|
var ServiceName = /*#__PURE__*/styled__default.span(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
2221
2222
|
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2222
|
-
var Container$q = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor:
|
|
2223
|
+
var Container$q = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor: not-allowed;\n flex: 1;\n"])));
|
|
2223
2224
|
|
|
2224
2225
|
var _templateObject$A;
|
|
2225
2226
|
function OrderServices() {
|
|
@@ -2372,7 +2373,8 @@ function OrderServices() {
|
|
|
2372
2373
|
serviceId: service == null ? void 0 : service.id,
|
|
2373
2374
|
isSelected: selected,
|
|
2374
2375
|
toggle: toggleServices,
|
|
2375
|
-
key: service == null ? void 0 : service.id
|
|
2376
|
+
key: service == null ? void 0 : service.id,
|
|
2377
|
+
disabled: true
|
|
2376
2378
|
});
|
|
2377
2379
|
}));
|
|
2378
2380
|
}
|
|
@@ -3483,7 +3485,7 @@ var Section = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateOb
|
|
|
3483
3485
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3484
3486
|
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 tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\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 }\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 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"])));
|
|
3485
3487
|
// Styled components
|
|
3486
|
-
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n min-height: 60vh;\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"])));
|
|
3488
|
+
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n\n .fortables {\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n min-height: 60vh;\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"])));
|
|
3487
3489
|
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"])));
|
|
3488
3490
|
|
|
3489
3491
|
var ActionIcon = function ActionIcon() {
|
|
@@ -3637,14 +3639,21 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3637
3639
|
className: "emailInvoiceCheckbox"
|
|
3638
3640
|
}, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
3639
3641
|
checked: selectAll,
|
|
3640
|
-
onChange: handleSelectAll
|
|
3642
|
+
onChange: handleSelectAll,
|
|
3643
|
+
disabled: true,
|
|
3644
|
+
style: {
|
|
3645
|
+
cursor: 'not-allowed'
|
|
3646
|
+
}
|
|
3641
3647
|
})), React__default.createElement("th", null, "Location"), React__default.createElement("th", null, "Sender"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Return Reason"), React__default.createElement("th", null, "Part"), React__default.createElement("th", null, "Action"))), React__default.createElement("tbody", null, productData && productData.length > 0 ? productData.map(function (invoice) {
|
|
3642
3648
|
return React__default.createElement("tr", {
|
|
3643
3649
|
key: invoice.id
|
|
3644
3650
|
}, React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
3645
3651
|
checked: selectedInvoices.some(function (selectedInvoice) {
|
|
3646
3652
|
return selectedInvoice.id === invoice.id;
|
|
3647
|
-
})
|
|
3653
|
+
}),
|
|
3654
|
+
style: {
|
|
3655
|
+
cursor: 'not-allowed'
|
|
3656
|
+
}
|
|
3648
3657
|
})), React__default.createElement("td", null, 'N/A'), React__default.createElement("td", null, 'N/A'), React__default.createElement("td", null, invoice.code), React__default.createElement("td", null, invoice.description), React__default.createElement("td", null, getReturnReasonLabel(invoice == null ? void 0 : invoice.return_reason_id)), ' ', React__default.createElement("td", null, "1 of 1"), React__default.createElement("td", null, React__default.createElement("div", {
|
|
3649
3658
|
onClick: function onClick() {
|
|
3650
3659
|
handleActionClick(invoice.id);
|
|
@@ -3668,27 +3677,52 @@ var ProductTable = function ProductTable() {
|
|
|
3668
3677
|
};
|
|
3669
3678
|
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3670
3679
|
|
|
3671
|
-
var _templateObject$V, _templateObject2$D
|
|
3672
|
-
function
|
|
3673
|
-
var
|
|
3674
|
-
|
|
3675
|
-
antd.notification.success({
|
|
3676
|
-
message: 'Success',
|
|
3677
|
-
description: ' Saved successfully.'
|
|
3678
|
-
});
|
|
3680
|
+
var _templateObject$V, _templateObject2$D;
|
|
3681
|
+
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3682
|
+
var defaultSelectStyle = {
|
|
3683
|
+
width: '100%'
|
|
3679
3684
|
};
|
|
3680
|
-
|
|
3685
|
+
var defaultPopupClassName = 'dropDownStyle';
|
|
3686
|
+
var defaultSelectWrapperClass = 'rounded';
|
|
3687
|
+
return React__default.createElement(Container$C, null, React__default.createElement(Text$3, null, "New Return Order:"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3688
|
+
options: [],
|
|
3689
|
+
placeholder: "Select",
|
|
3690
|
+
onChange: function onChange() {},
|
|
3691
|
+
defaultValue: 'Current Return Order' ,
|
|
3692
|
+
style: defaultSelectStyle,
|
|
3693
|
+
disabled: false,
|
|
3694
|
+
// onSearch={handleSearch}
|
|
3695
|
+
showSearch: true,
|
|
3696
|
+
popupClassName: defaultPopupClassName,
|
|
3697
|
+
selectWrapperClass: defaultSelectWrapperClass
|
|
3698
|
+
}));
|
|
3699
|
+
};
|
|
3700
|
+
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3701
|
+
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n"])));
|
|
3702
|
+
|
|
3703
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$m;
|
|
3704
|
+
// import { notification } from 'antd';
|
|
3705
|
+
function ExpandedContent$2() {
|
|
3706
|
+
// const SaveNote = () => {
|
|
3707
|
+
// // alert('saved');
|
|
3708
|
+
// notification.success({
|
|
3709
|
+
// message: 'Success',
|
|
3710
|
+
// description: ' Saved successfully.',
|
|
3711
|
+
// });
|
|
3712
|
+
// };
|
|
3713
|
+
return React__default.createElement(Container$D, null, React__default.createElement(ProductTable, null), React__default.createElement(MidConatiner, null, React__default.createElement(SaveNoteContainer$1, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
3681
3714
|
style: {
|
|
3682
3715
|
borderRadius: '20px'
|
|
3683
3716
|
},
|
|
3684
|
-
onClick:
|
|
3685
|
-
|
|
3717
|
+
onClick: function onClick() {},
|
|
3718
|
+
disabled: true
|
|
3719
|
+
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
3686
3720
|
}
|
|
3687
|
-
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3688
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3689
|
-
var Container$
|
|
3721
|
+
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__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"])));
|
|
3722
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3723
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3690
3724
|
|
|
3691
|
-
var _templateObject$
|
|
3725
|
+
var _templateObject$X;
|
|
3692
3726
|
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3693
3727
|
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3694
3728
|
// import { useAtom } from 'jotai';
|
|
@@ -3710,7 +3744,7 @@ function CollapsedContent$1() {
|
|
|
3710
3744
|
// }
|
|
3711
3745
|
// return `${weightData.toFixed(2)} KG`;
|
|
3712
3746
|
// };
|
|
3713
|
-
return React__default.createElement(Container$
|
|
3747
|
+
return React__default.createElement(Container$E, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3714
3748
|
label: "Products"
|
|
3715
3749
|
}));
|
|
3716
3750
|
}
|
|
@@ -3758,7 +3792,7 @@ function CollapsedContent$1() {
|
|
|
3758
3792
|
// align-items: center;
|
|
3759
3793
|
// gap: 30px;
|
|
3760
3794
|
// `;
|
|
3761
|
-
var Container$
|
|
3795
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 30px;\n"])));
|
|
3762
3796
|
|
|
3763
3797
|
// Dropdown
|
|
3764
3798
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -3869,22 +3903,22 @@ function ProductsInfo() {
|
|
|
3869
3903
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
3870
3904
|
}
|
|
3871
3905
|
|
|
3872
|
-
var _templateObject$
|
|
3906
|
+
var _templateObject$Y;
|
|
3873
3907
|
function BackgroundModal(props) {
|
|
3874
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
3908
|
+
return reactDom.createPortal(React__default.createElement(Container$F, Object.assign({}, props), props.children), document.body);
|
|
3875
3909
|
}
|
|
3876
|
-
var Container$
|
|
3910
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__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"])));
|
|
3877
3911
|
|
|
3878
|
-
var _templateObject$
|
|
3912
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$n, _templateObject4$a;
|
|
3879
3913
|
function AdditionalInformation(props) {
|
|
3880
|
-
return React__default.createElement(Container$
|
|
3914
|
+
return React__default.createElement(Container$G, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$4, null, props.info)));
|
|
3881
3915
|
}
|
|
3882
|
-
var Text$
|
|
3883
|
-
var Container$
|
|
3916
|
+
var Text$4 = /*#__PURE__*/styled__default.p(_templateObject$Z || (_templateObject$Z = /*#__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"])));
|
|
3917
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3884
3918
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3885
3919
|
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__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"])));
|
|
3886
3920
|
|
|
3887
|
-
var _templateObject$
|
|
3921
|
+
var _templateObject$_, _templateObject2$G, _templateObject3$o, _templateObject4$b;
|
|
3888
3922
|
function OrderActionHeader(props) {
|
|
3889
3923
|
var title = props.title,
|
|
3890
3924
|
actions = props.actions,
|
|
@@ -3893,31 +3927,31 @@ function OrderActionHeader(props) {
|
|
|
3893
3927
|
_props$infoText = props.infoText,
|
|
3894
3928
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3895
3929
|
onClose = props.onClose;
|
|
3896
|
-
return React__default.createElement(Container$
|
|
3930
|
+
return React__default.createElement(Container$H, null, React__default.createElement(Wrapper$b, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
3897
3931
|
info: infoText
|
|
3898
3932
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
3899
3933
|
onClick: onClose
|
|
3900
3934
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
3901
3935
|
}
|
|
3902
|
-
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3903
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3936
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3937
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3904
3938
|
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$o || (_templateObject3$o = /*#__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"])));
|
|
3905
|
-
var Container$
|
|
3939
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__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"])));
|
|
3906
3940
|
|
|
3907
|
-
var _templateObject
|
|
3941
|
+
var _templateObject$$, _templateObject2$H;
|
|
3908
3942
|
function OrderActionFooter(props) {
|
|
3909
3943
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3910
|
-
return React__default.createElement(Container$
|
|
3944
|
+
return React__default.createElement(Container$I, null, React__default.createElement(SubmitButton, {
|
|
3911
3945
|
shape: "rounded",
|
|
3912
3946
|
colors: "primary",
|
|
3913
3947
|
onClick: props.onSubmit,
|
|
3914
3948
|
disabled: isSubmitDisabled
|
|
3915
3949
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3916
3950
|
}
|
|
3917
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject
|
|
3918
|
-
var Container$
|
|
3951
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3952
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__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"])));
|
|
3919
3953
|
|
|
3920
|
-
var _templateObject
|
|
3954
|
+
var _templateObject$10;
|
|
3921
3955
|
function OrderActionModal(props) {
|
|
3922
3956
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$6, null, React__default.createElement(OrderActionHeader, {
|
|
3923
3957
|
title: props.headerTitle,
|
|
@@ -3932,11 +3966,11 @@ function OrderActionModal(props) {
|
|
|
3932
3966
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3933
3967
|
})));
|
|
3934
3968
|
}
|
|
3935
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject
|
|
3969
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__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"])));
|
|
3936
3970
|
|
|
3937
|
-
var _templateObject$
|
|
3971
|
+
var _templateObject$11, _templateObject2$I;
|
|
3938
3972
|
function OrderActionsDropdown(props) {
|
|
3939
|
-
return React__default.createElement(Container$
|
|
3973
|
+
return React__default.createElement(Container$J, {
|
|
3940
3974
|
className: props.className
|
|
3941
3975
|
}, React__default.createElement(Label, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3942
3976
|
options: props.options,
|
|
@@ -3953,8 +3987,8 @@ function OrderActionsDropdown(props) {
|
|
|
3953
3987
|
defaultValue: props.value
|
|
3954
3988
|
}));
|
|
3955
3989
|
}
|
|
3956
|
-
var Label = /*#__PURE__*/styled__default.label(_templateObject$
|
|
3957
|
-
var Container$
|
|
3990
|
+
var Label = /*#__PURE__*/styled__default.label(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
3991
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3958
3992
|
|
|
3959
3993
|
function DocumentTypeDropdown() {
|
|
3960
3994
|
var onSelect = function onSelect() {};
|
|
@@ -4034,7 +4068,7 @@ function UploadIcon(props) {
|
|
|
4034
4068
|
})));
|
|
4035
4069
|
}
|
|
4036
4070
|
|
|
4037
|
-
var _templateObject$
|
|
4071
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4038
4072
|
var Dragger = antd.Upload.Dragger;
|
|
4039
4073
|
var props = {
|
|
4040
4074
|
name: 'file',
|
|
@@ -4056,20 +4090,20 @@ var props = {
|
|
|
4056
4090
|
}
|
|
4057
4091
|
};
|
|
4058
4092
|
function DocFileUpload() {
|
|
4059
|
-
return React__default.createElement(MainContainer$7, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$
|
|
4093
|
+
return React__default.createElement(MainContainer$7, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$K, null, React__default.createElement(UploadButton, {
|
|
4060
4094
|
colors: 'secondary',
|
|
4061
4095
|
shape: 'rounded'
|
|
4062
4096
|
}, "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")))));
|
|
4063
4097
|
}
|
|
4064
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4065
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
4098
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__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"])));
|
|
4099
|
+
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$J || (_templateObject2$J = /*#__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"])));
|
|
4066
4100
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4067
4101
|
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
4068
4102
|
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4069
4103
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4070
|
-
var Container$
|
|
4104
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__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"])));
|
|
4071
4105
|
|
|
4072
|
-
var _templateObject$
|
|
4106
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$q, _templateObject4$d;
|
|
4073
4107
|
// import DocFileUpload from './DocFileUpload';
|
|
4074
4108
|
function AddResources() {
|
|
4075
4109
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4085,8 +4119,8 @@ function AddResources() {
|
|
|
4085
4119
|
onSubmit: function onSubmit() {}
|
|
4086
4120
|
}, 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$1, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
4087
4121
|
}
|
|
4088
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4089
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4122
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4123
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4090
4124
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4091
4125
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
4092
4126
|
|
|
@@ -4226,14 +4260,14 @@ function useUpdateReminderData() {
|
|
|
4226
4260
|
return jotai.useAtom(reminderUpdatePayload);
|
|
4227
4261
|
}
|
|
4228
4262
|
|
|
4229
|
-
var _templateObject$
|
|
4263
|
+
var _templateObject$14, _templateObject2$L, _templateObject3$r;
|
|
4230
4264
|
// Styled components
|
|
4231
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4232
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
4265
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__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"])));
|
|
4266
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$L || (_templateObject2$L = /*#__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"])));
|
|
4233
4267
|
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4234
4268
|
|
|
4235
|
-
var _templateObject2$
|
|
4236
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
4269
|
+
var _templateObject2$M, _templateObject3$s, _templateObject4$e, _templateObject5$6, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject24, _templateObject26;
|
|
4270
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4237
4271
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$s || (_templateObject3$s = /*#__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"])));
|
|
4238
4272
|
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
4239
4273
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -4243,7 +4277,7 @@ var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateO
|
|
|
4243
4277
|
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4244
4278
|
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4245
4279
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4246
|
-
var Container$
|
|
4280
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4247
4281
|
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4248
4282
|
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4249
4283
|
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -4332,7 +4366,7 @@ function SplitOrderTable() {
|
|
|
4332
4366
|
}))));
|
|
4333
4367
|
}
|
|
4334
4368
|
|
|
4335
|
-
var _templateObject$
|
|
4369
|
+
var _templateObject$15;
|
|
4336
4370
|
function SplitOrder() {
|
|
4337
4371
|
var _useCurrentAction = useCurrentAction(),
|
|
4338
4372
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4380,7 +4414,7 @@ function SplitOrder() {
|
|
|
4380
4414
|
isSubmitDisabled: isSubmitDisabled()
|
|
4381
4415
|
}, React__default.createElement(ContentContainer$2, null, React__default.createElement(SplitOrderTable, null)));
|
|
4382
4416
|
}
|
|
4383
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4417
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__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"])));
|
|
4384
4418
|
|
|
4385
4419
|
function RadioButtonCheckIcon(props) {
|
|
4386
4420
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4411,7 +4445,7 @@ var fonts = {
|
|
|
4411
4445
|
secondary: "'Lato', sans-serif"
|
|
4412
4446
|
};
|
|
4413
4447
|
|
|
4414
|
-
var _templateObject$
|
|
4448
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$t;
|
|
4415
4449
|
function RadioButton(props) {
|
|
4416
4450
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4417
4451
|
color: props.color
|
|
@@ -4422,15 +4456,15 @@ function RadioButton(props) {
|
|
|
4422
4456
|
htmlFor: props.id
|
|
4423
4457
|
}, props.label));
|
|
4424
4458
|
}
|
|
4425
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4426
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4459
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$16 || (_templateObject$16 = /*#__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);
|
|
4460
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject2$N || (_templateObject2$N = /*#__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) {
|
|
4427
4461
|
return props.color || '#6396e5';
|
|
4428
4462
|
}, function (props) {
|
|
4429
4463
|
return props.color || '#6396e5';
|
|
4430
4464
|
});
|
|
4431
4465
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4432
4466
|
|
|
4433
|
-
var _templateObject$
|
|
4467
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4434
4468
|
function RadioButtonGroup(props) {
|
|
4435
4469
|
var heading = props.heading,
|
|
4436
4470
|
_props$direction = props.direction,
|
|
@@ -4465,8 +4499,8 @@ function RadioButtonGroup(props) {
|
|
|
4465
4499
|
className: "custom-wrapper"
|
|
4466
4500
|
}, renderOptions()));
|
|
4467
4501
|
}
|
|
4468
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4469
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4502
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4503
|
+
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4470
4504
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4471
4505
|
return !props.$required && 'visibility: hidden;';
|
|
4472
4506
|
}, labelStyles);
|
|
@@ -4477,7 +4511,7 @@ var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templat
|
|
|
4477
4511
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4478
4512
|
});
|
|
4479
4513
|
|
|
4480
|
-
var _templateObject$
|
|
4514
|
+
var _templateObject$18;
|
|
4481
4515
|
var deliveryPoints = [{
|
|
4482
4516
|
label: 'Hallway',
|
|
4483
4517
|
value: 'hallway'
|
|
@@ -4499,7 +4533,7 @@ function DeliveryPoint() {
|
|
|
4499
4533
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
4500
4534
|
selectedValue = _React$useState[0],
|
|
4501
4535
|
setSelectedValue = _React$useState[1];
|
|
4502
|
-
return React__default.createElement(Container$
|
|
4536
|
+
return React__default.createElement(Container$M, null, React__default.createElement(RadioButtonGroup, {
|
|
4503
4537
|
heading: "Delivery Point",
|
|
4504
4538
|
options: deliveryPoints || [],
|
|
4505
4539
|
onChange: radioGroupHandler,
|
|
@@ -4508,9 +4542,9 @@ function DeliveryPoint() {
|
|
|
4508
4542
|
required: false
|
|
4509
4543
|
}));
|
|
4510
4544
|
}
|
|
4511
|
-
var Container$
|
|
4545
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4512
4546
|
|
|
4513
|
-
var _templateObject$
|
|
4547
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$4;
|
|
4514
4548
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4515
4549
|
function Checkbox(props) {
|
|
4516
4550
|
var imageSrc = props.imageSrc,
|
|
@@ -4527,18 +4561,18 @@ function Checkbox(props) {
|
|
|
4527
4561
|
src: imageSrc,
|
|
4528
4562
|
"$checked": checked,
|
|
4529
4563
|
className: "checkbox-img"
|
|
4530
|
-
}), React__default.createElement(Text$
|
|
4564
|
+
}), React__default.createElement(Text$5, {
|
|
4531
4565
|
"$checked": checked
|
|
4532
4566
|
}, label)));
|
|
4533
4567
|
}
|
|
4534
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
4568
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4535
4569
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4536
4570
|
});
|
|
4537
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4571
|
+
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$P || (_templateObject2$P = /*#__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"])));
|
|
4538
4572
|
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$v || (_templateObject3$v = /*#__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) {
|
|
4539
4573
|
return props.$checked ? '#feba30' : 'white';
|
|
4540
4574
|
});
|
|
4541
|
-
var Text$
|
|
4575
|
+
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$g || (_templateObject4$g = /*#__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) {
|
|
4542
4576
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4543
4577
|
});
|
|
4544
4578
|
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
@@ -4571,10 +4605,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4571
4605
|
return "" + baseURL$1 + subPath;
|
|
4572
4606
|
};
|
|
4573
4607
|
|
|
4574
|
-
var _templateObject$
|
|
4608
|
+
var _templateObject$1a;
|
|
4575
4609
|
function OrderServices$1() {
|
|
4576
4610
|
// TO DO -> get services from static data
|
|
4577
|
-
return React__default.createElement(Container$
|
|
4611
|
+
return React__default.createElement(Container$N, null, React__default.createElement(Checkbox, {
|
|
4578
4612
|
checked: false,
|
|
4579
4613
|
label: "Assemble",
|
|
4580
4614
|
imageSrc: getIcon$1(1)
|
|
@@ -4596,23 +4630,23 @@ function OrderServices$1() {
|
|
|
4596
4630
|
imageSrc: getIcon$1(4)
|
|
4597
4631
|
}));
|
|
4598
4632
|
}
|
|
4599
|
-
var Container$
|
|
4633
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4600
4634
|
|
|
4601
|
-
var _templateObject$
|
|
4635
|
+
var _templateObject$1b, _templateObject2$Q;
|
|
4602
4636
|
function Notes$1(_ref) {
|
|
4603
4637
|
var onNotesChange = _ref.onNotesChange;
|
|
4604
4638
|
var handleTextChange = function handleTextChange(event) {
|
|
4605
4639
|
onNotesChange(event.target.value);
|
|
4606
4640
|
};
|
|
4607
|
-
return React__default.createElement(Container$
|
|
4641
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4608
4642
|
rows: 15,
|
|
4609
4643
|
onChange: handleTextChange
|
|
4610
4644
|
}));
|
|
4611
4645
|
}
|
|
4612
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4613
|
-
var Container$
|
|
4646
|
+
var Label$4 = /*#__PURE__*/styled__default.span(_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"])));
|
|
4647
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4614
4648
|
|
|
4615
|
-
var _templateObject$
|
|
4649
|
+
var _templateObject$1c, _templateObject2$R, _templateObject3$w;
|
|
4616
4650
|
function LogServiceRefusal() {
|
|
4617
4651
|
var _useCurrentAction = useCurrentAction(),
|
|
4618
4652
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4632,8 +4666,8 @@ function LogServiceRefusal() {
|
|
|
4632
4666
|
}
|
|
4633
4667
|
}))));
|
|
4634
4668
|
}
|
|
4635
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4636
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4669
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4670
|
+
var Left = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__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"])));
|
|
4637
4671
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4638
4672
|
|
|
4639
4673
|
function ReturnAction() {
|
|
@@ -4660,7 +4694,7 @@ function ReturnReason() {
|
|
|
4660
4694
|
});
|
|
4661
4695
|
}
|
|
4662
4696
|
|
|
4663
|
-
var _templateObject$
|
|
4697
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4664
4698
|
function CancelOrder() {
|
|
4665
4699
|
var _orderStaticData$canc;
|
|
4666
4700
|
var _useOrderId = useOrderId(),
|
|
@@ -4764,15 +4798,15 @@ function CancelOrder() {
|
|
|
4764
4798
|
options: cancelReasonOptions || [],
|
|
4765
4799
|
onSelect: onSelectCancelReason,
|
|
4766
4800
|
value: cancelReason
|
|
4767
|
-
}), React__default.createElement(Wrapper$d, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$
|
|
4801
|
+
}), React__default.createElement(Wrapper$d, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$P, null, React__default.createElement(Label$5, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4768
4802
|
rows: 5,
|
|
4769
4803
|
onChange: onChangeNotes,
|
|
4770
4804
|
value: cancelNotes,
|
|
4771
4805
|
placeholder: "Reason for Cancel Order"
|
|
4772
4806
|
}))))));
|
|
4773
4807
|
}
|
|
4774
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4775
|
-
var Container$
|
|
4808
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4809
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4776
4810
|
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4777
4811
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4778
4812
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -4780,8 +4814,8 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObj
|
|
|
4780
4814
|
// const Bottom = styled.div``;
|
|
4781
4815
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
4782
4816
|
|
|
4783
|
-
var _templateObject$
|
|
4784
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4817
|
+
var _templateObject$1e, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4818
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 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"])));
|
|
4785
4819
|
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n section {\n padding: 0px 0 15px;\n .filterCover {\n border-radius: 16px;\n border: 1px solid var(--tonal-brown-10, #edebe8);\n background: #f8fafc;\n display: flex;\n gap: 30px;\n padding: 15px;\n gap: 15px;\n .col {\n width: 21%;\n label {\n color: #8d8f90;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n display: block;\n margin-bottom: 4px;\n }\n .ant-select-single {\n width: 100%;\n }\n select {\n width: 100%;\n }\n &:first-child {\n width: 43%;\n }\n &:last-child {\n width: 33%;\n }\n }\n }\n }\n"])));
|
|
4786
4820
|
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -8px;\n min-height: auto;\n width: 100%;\n\n table {\n border-collapse: separate;\n width: 100%;\n border-spacing: 0px 8px;\n thead {\n tr {\n th {\n font-size: 14px;\n font-weight: 600;\n padding: 8px 15px;\n text-align: left;\n border-top: 1px solid rgba(0, 0, 0, 0.08);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n background: #f0f2f2;\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 6px 15px;\n text-align: left;\n box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);\n\n background: #fff;\n\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n }\n"])));
|
|
4787
4821
|
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .container {\n display: block;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 20px;\n height: 20px;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #cfcfcf;\n border-radius: 4px;\n }\n\n .container:hover input ~ .checkmark {\n border-color: #7f7a7a;\n }\n\n .container input:checked ~ .checkmark {\n background-color: #000;\n }\n\n .checkmark:after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .container input:checked ~ .checkmark:after {\n display: block;\n }\n\n .container .checkmark:after {\n left: 8px;\n top: 4px;\n width: 3px;\n height: 6px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n"])));
|
|
@@ -5081,7 +5115,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5081
5115
|
);
|
|
5082
5116
|
};
|
|
5083
5117
|
|
|
5084
|
-
var _templateObject$
|
|
5118
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$y;
|
|
5085
5119
|
function EmailAddress() {
|
|
5086
5120
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5087
5121
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5113,7 +5147,7 @@ function EmailAddress() {
|
|
|
5113
5147
|
});
|
|
5114
5148
|
});
|
|
5115
5149
|
};
|
|
5116
|
-
return React__default.createElement(Container$
|
|
5150
|
+
return React__default.createElement(Container$Q, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
5117
5151
|
style: {
|
|
5118
5152
|
borderRadius: '15px'
|
|
5119
5153
|
},
|
|
@@ -5122,11 +5156,11 @@ function EmailAddress() {
|
|
|
5122
5156
|
onChange: onChange
|
|
5123
5157
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
5124
5158
|
}
|
|
5125
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5126
|
-
var Container$
|
|
5159
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5160
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5127
5161
|
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5128
5162
|
|
|
5129
|
-
var _templateObject$
|
|
5163
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$z;
|
|
5130
5164
|
function ContactPhone() {
|
|
5131
5165
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5132
5166
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5175,7 +5209,7 @@ function ContactPhone() {
|
|
|
5175
5209
|
});
|
|
5176
5210
|
}
|
|
5177
5211
|
};
|
|
5178
|
-
return React__default.createElement(Container$
|
|
5212
|
+
return React__default.createElement(Container$R, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
5179
5213
|
name: "contact-home",
|
|
5180
5214
|
type: "text",
|
|
5181
5215
|
placeholder: "Home Number",
|
|
@@ -5187,11 +5221,11 @@ function ContactPhone() {
|
|
|
5187
5221
|
onChange: onChange
|
|
5188
5222
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5189
5223
|
}
|
|
5190
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5191
|
-
var Container$
|
|
5224
|
+
var Label$7 = /*#__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"])));
|
|
5225
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5192
5226
|
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5193
5227
|
|
|
5194
|
-
var _templateObject$
|
|
5228
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$A;
|
|
5195
5229
|
function ContactWork$1() {
|
|
5196
5230
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5197
5231
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5240,7 +5274,7 @@ function ContactWork$1() {
|
|
|
5240
5274
|
});
|
|
5241
5275
|
}
|
|
5242
5276
|
};
|
|
5243
|
-
return React__default.createElement(Container$
|
|
5277
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5244
5278
|
name: "contact-work",
|
|
5245
5279
|
type: "text",
|
|
5246
5280
|
placeholder: "Work Number",
|
|
@@ -5252,11 +5286,11 @@ function ContactWork$1() {
|
|
|
5252
5286
|
onChange: onChange
|
|
5253
5287
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5254
5288
|
}
|
|
5255
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5256
|
-
var Container$
|
|
5289
|
+
var Label$8 = /*#__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"])));
|
|
5290
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5257
5291
|
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5258
5292
|
|
|
5259
|
-
var _templateObject$
|
|
5293
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$B;
|
|
5260
5294
|
function ContactMobile$1() {
|
|
5261
5295
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5262
5296
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5305,7 +5339,7 @@ function ContactMobile$1() {
|
|
|
5305
5339
|
});
|
|
5306
5340
|
}
|
|
5307
5341
|
};
|
|
5308
|
-
return React__default.createElement(Container$
|
|
5342
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5309
5343
|
name: "contact-work",
|
|
5310
5344
|
type: "text",
|
|
5311
5345
|
placeholder: "Mobile Number",
|
|
@@ -5317,8 +5351,8 @@ function ContactMobile$1() {
|
|
|
5317
5351
|
onChange: onChange
|
|
5318
5352
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5319
5353
|
}
|
|
5320
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5321
|
-
var Container$
|
|
5354
|
+
var Label$9 = /*#__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"])));
|
|
5355
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5322
5356
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5323
5357
|
|
|
5324
5358
|
function ContactTypeDropdown() {
|
|
@@ -5385,7 +5419,7 @@ function ActionDropdown() {
|
|
|
5385
5419
|
});
|
|
5386
5420
|
}
|
|
5387
5421
|
|
|
5388
|
-
var _templateObject$
|
|
5422
|
+
var _templateObject$1j, _templateObject2$X;
|
|
5389
5423
|
function DeliveryDate$1() {
|
|
5390
5424
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5391
5425
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5409,7 +5443,7 @@ function DeliveryDate$1() {
|
|
|
5409
5443
|
var today = new Date();
|
|
5410
5444
|
var tomorrow = new Date(today);
|
|
5411
5445
|
tomorrow.setDate(today.getDate() + 1);
|
|
5412
|
-
return React__default.createElement(Container$
|
|
5446
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
5413
5447
|
onChange: handleDateChange,
|
|
5414
5448
|
format: "DD/MM/YYYY",
|
|
5415
5449
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5419,8 +5453,8 @@ function DeliveryDate$1() {
|
|
|
5419
5453
|
minDate: dayjs(tomorrow)
|
|
5420
5454
|
}));
|
|
5421
5455
|
}
|
|
5422
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5423
|
-
var Container$
|
|
5456
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5457
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5424
5458
|
|
|
5425
5459
|
function convertTo12HourFormat$1(time24) {
|
|
5426
5460
|
var _time24$split, _minutes$toString;
|
|
@@ -5469,19 +5503,19 @@ function TimedServiceDropdown$1() {
|
|
|
5469
5503
|
});
|
|
5470
5504
|
}
|
|
5471
5505
|
|
|
5472
|
-
var _templateObject$
|
|
5506
|
+
var _templateObject$1k, _templateObject2$Y, _templateObject3$C, _templateObject4$i;
|
|
5473
5507
|
function CustomerInformation() {
|
|
5474
5508
|
var _orderDetails$order_r;
|
|
5475
5509
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5476
5510
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5477
|
-
return React__default.createElement(Container$
|
|
5511
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Title$1, 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$e, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5478
5512
|
}
|
|
5479
|
-
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5480
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5513
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5514
|
+
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$Y || (_templateObject2$Y = /*#__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"])));
|
|
5481
5515
|
var Title$1 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5482
|
-
var Container$
|
|
5516
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__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"])));
|
|
5483
5517
|
|
|
5484
|
-
var _templateObject$
|
|
5518
|
+
var _templateObject$1l, _templateObject2$Z;
|
|
5485
5519
|
function ProductTable$1() {
|
|
5486
5520
|
var _useProductDetails = useProductDetails(),
|
|
5487
5521
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5490,7 +5524,7 @@ function ProductTable$1() {
|
|
|
5490
5524
|
if (!orderProductDetails) {
|
|
5491
5525
|
return null;
|
|
5492
5526
|
}
|
|
5493
|
-
return React__default.createElement(Container$
|
|
5527
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5494
5528
|
className: "scrollClass"
|
|
5495
5529
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5496
5530
|
colSpan: 6
|
|
@@ -5508,10 +5542,10 @@ function ProductTable$1() {
|
|
|
5508
5542
|
}, 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));
|
|
5509
5543
|
})))));
|
|
5510
5544
|
}
|
|
5511
|
-
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
5512
|
-
var Container$
|
|
5545
|
+
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$1l || (_templateObject$1l = /*#__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"])));
|
|
5546
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5513
5547
|
|
|
5514
|
-
var _templateObject$
|
|
5548
|
+
var _templateObject$1m, _templateObject2$_;
|
|
5515
5549
|
function NotesTable() {
|
|
5516
5550
|
var _useState = React.useState(null),
|
|
5517
5551
|
moduleIds = _useState[0],
|
|
@@ -5579,7 +5613,7 @@ function NotesTable() {
|
|
|
5579
5613
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5580
5614
|
return null;
|
|
5581
5615
|
}
|
|
5582
|
-
return React__default.createElement(Container$
|
|
5616
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5583
5617
|
className: "scrollClass"
|
|
5584
5618
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5585
5619
|
colSpan: 6
|
|
@@ -5601,53 +5635,53 @@ function NotesTable() {
|
|
|
5601
5635
|
}, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", null, order == null ? void 0 : order.description));
|
|
5602
5636
|
})))));
|
|
5603
5637
|
}
|
|
5604
|
-
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
5605
|
-
var Container$
|
|
5638
|
+
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__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"])));
|
|
5639
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5606
5640
|
|
|
5607
|
-
var _templateObject$
|
|
5641
|
+
var _templateObject$1n, _templateObject2$$;
|
|
5608
5642
|
function ConfirmationNotes() {
|
|
5609
|
-
return React__default.createElement(Container$
|
|
5643
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5610
5644
|
rows: 5,
|
|
5611
5645
|
placeholder: "Enter Notes"
|
|
5612
5646
|
}));
|
|
5613
5647
|
}
|
|
5614
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5615
|
-
var Container$
|
|
5648
|
+
var Label$b = /*#__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"])));
|
|
5649
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5616
5650
|
|
|
5617
|
-
var _templateObject$
|
|
5651
|
+
var _templateObject$1o, _templateObject2$10;
|
|
5618
5652
|
function DeliveryInstructions$1() {
|
|
5619
|
-
return React__default.createElement(Container$
|
|
5653
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5620
5654
|
rows: 5,
|
|
5621
5655
|
placeholder: "Enter Delivery Instructions"
|
|
5622
5656
|
}));
|
|
5623
5657
|
}
|
|
5624
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5625
|
-
var Container$
|
|
5658
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5659
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5626
5660
|
|
|
5627
|
-
var _templateObject$
|
|
5661
|
+
var _templateObject$1p, _templateObject2$11;
|
|
5628
5662
|
function ContactWith() {
|
|
5629
|
-
return React__default.createElement(Container$
|
|
5663
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5630
5664
|
style: {
|
|
5631
5665
|
borderRadius: '15px'
|
|
5632
5666
|
}
|
|
5633
5667
|
}));
|
|
5634
5668
|
}
|
|
5635
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5636
|
-
var Container$
|
|
5669
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5670
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5637
5671
|
|
|
5638
|
-
var _templateObject$
|
|
5672
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$D, _templateObject4$j;
|
|
5639
5673
|
function SlotAndInstructions() {
|
|
5640
5674
|
var _orderDetails$order_r;
|
|
5641
5675
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5642
5676
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5643
|
-
return React__default.createElement(Container
|
|
5677
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Slot, null, React__default.createElement(Title$4, 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));
|
|
5644
5678
|
}
|
|
5645
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5646
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5679
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5680
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5647
5681
|
var Title$4 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5648
|
-
var Container
|
|
5682
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__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"])));
|
|
5649
5683
|
|
|
5650
|
-
var _templateObject$
|
|
5684
|
+
var _templateObject$1r, _templateObject2$13;
|
|
5651
5685
|
// import { filterObject } from '../../../utils';
|
|
5652
5686
|
function ConfirmOrder() {
|
|
5653
5687
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5828,8 +5862,8 @@ function ConfirmOrder() {
|
|
|
5828
5862
|
showCloseIcon: false
|
|
5829
5863
|
}), React__default.createElement(Wrapper$f, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5830
5864
|
}
|
|
5831
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5832
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5865
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5866
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__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"])));
|
|
5833
5867
|
|
|
5834
5868
|
function SendSmsModal() {
|
|
5835
5869
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6116,15 +6150,15 @@ function HoldOrderModal() {
|
|
|
6116
6150
|
})))));
|
|
6117
6151
|
}
|
|
6118
6152
|
|
|
6119
|
-
var _templateObject$
|
|
6153
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$E;
|
|
6120
6154
|
// import {
|
|
6121
6155
|
// EscalationCategory,
|
|
6122
6156
|
// EscalationLevel,
|
|
6123
6157
|
// EscalationReason,
|
|
6124
6158
|
// EscalationStatus,
|
|
6125
6159
|
// } from '../../utils';
|
|
6126
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6127
|
-
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6160
|
+
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
6161
|
+
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6128
6162
|
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6129
6163
|
var Dropdowns = function Dropdowns() {
|
|
6130
6164
|
var handleSelectChange = function handleSelectChange() {
|
|
@@ -6193,17 +6227,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6193
6227
|
})));
|
|
6194
6228
|
};
|
|
6195
6229
|
|
|
6196
|
-
var _templateObject$
|
|
6230
|
+
var _templateObject$1t, _templateObject2$15;
|
|
6197
6231
|
var Notes$2 = function Notes() {
|
|
6198
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
6199
|
-
var Label = styled__default.label(_templateObject2$
|
|
6232
|
+
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
6233
|
+
var Label = styled__default.label(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: var(--tonal-brown-651, #6a7378);\n "])));
|
|
6200
6234
|
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
6201
6235
|
name: "note",
|
|
6202
6236
|
placeholder: ""
|
|
6203
6237
|
}));
|
|
6204
6238
|
};
|
|
6205
6239
|
|
|
6206
|
-
var _templateObject$
|
|
6240
|
+
var _templateObject$1u, _templateObject2$16, _templateObject3$F, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$9, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6207
6241
|
var Upgrade = function Upgrade() {
|
|
6208
6242
|
var handleSelectChange = function handleSelectChange() {
|
|
6209
6243
|
// alert('hello');
|
|
@@ -6212,7 +6246,7 @@ var Upgrade = function Upgrade() {
|
|
|
6212
6246
|
description: 'Upgrade successfully.'
|
|
6213
6247
|
});
|
|
6214
6248
|
};
|
|
6215
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$g, null, React__default.createElement(Heading$2, null, "Upgrade"), React__default.createElement(Container
|
|
6249
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$g, null, React__default.createElement(Heading$2, null, "Upgrade"), React__default.createElement(Container$10, null, React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6216
6250
|
label: 'Timed Service',
|
|
6217
6251
|
checked: true,
|
|
6218
6252
|
onChange: function onChange(_event) {
|
|
@@ -6262,24 +6296,24 @@ var Upgrade = function Upgrade() {
|
|
|
6262
6296
|
name: ''
|
|
6263
6297
|
}))))), React__default.createElement(GiftWrapper, null, React__default.createElement(BJSGift, null, React__default.createElement(Box, null)), React__default.createElement(BJSGift, null, React__default.createElement(Box, null))));
|
|
6264
6298
|
};
|
|
6265
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6266
|
-
var Box = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6299
|
+
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6300
|
+
var Box = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 20px;\n height: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n\n &::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 11px;\n height: 11px;\n background-color: #ccc;\n border-radius: 2px;\n display: none;\n }\n"])));
|
|
6267
6301
|
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6268
6302
|
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
6269
6303
|
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6270
6304
|
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n"])));
|
|
6271
|
-
var Container
|
|
6305
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n align-items: center;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n"])));
|
|
6272
6306
|
var InnerCont$1 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6273
6307
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6274
6308
|
var StyledAntSelect$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6275
6309
|
|
|
6276
|
-
var _templateObject$
|
|
6277
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6310
|
+
var _templateObject$1v;
|
|
6311
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
6278
6312
|
var Escalation = function Escalation() {
|
|
6279
6313
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Flex, null, React__default.createElement(Dropdowns, null), React__default.createElement(Notes$2, null), React__default.createElement(Upgrade, null)));
|
|
6280
6314
|
};
|
|
6281
6315
|
|
|
6282
|
-
var _templateObject$
|
|
6316
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$G, _templateObject4$l;
|
|
6283
6317
|
var NewEscalation = function NewEscalation() {
|
|
6284
6318
|
var _useState = React.useState(false),
|
|
6285
6319
|
showContent = _useState[0],
|
|
@@ -6308,8 +6342,8 @@ var NewEscalation = function NewEscalation() {
|
|
|
6308
6342
|
className: "checkmark"
|
|
6309
6343
|
})))), React__default.createElement("td", null, "VIP4"), React__default.createElement("td", null, "B63015484248[Test] WAYVER"), React__default.createElement("td", null, "Allocated to Route"), React__default.createElement("td", null, "Revieved Picked"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Status"))))));
|
|
6310
6344
|
};
|
|
6311
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6312
|
-
var Button = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
6345
|
+
var Component = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
6346
|
+
var Button = /*#__PURE__*/styled__default.button(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #3a3630;\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n color: white;\n cursor: pointer;\n"])));
|
|
6313
6347
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6314
6348
|
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
6315
6349
|
|
|
@@ -6471,7 +6505,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6471
6505
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6472
6506
|
var Icon = _ref.icon,
|
|
6473
6507
|
question = _ref.question;
|
|
6474
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6508
|
+
return React__default.createElement(Row$4, null, React__default.createElement(Container$L, null, React__default.createElement(ImageRow, null, React__default.createElement(ImageCircle, null, React__default.createElement(Icon, null)), React__default.createElement(StaticText, null, question)), React__default.createElement(dmsComponentLibrary.CustomRating, {
|
|
6475
6509
|
showText: true
|
|
6476
6510
|
})));
|
|
6477
6511
|
};
|
|
@@ -6504,7 +6538,7 @@ function LogFeedback() {
|
|
|
6504
6538
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6505
6539
|
icon: GrowthImg,
|
|
6506
6540
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6507
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6541
|
+
}), React__default.createElement(Row$4, null, React__default.createElement(Container$L, null, React__default.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React__default.createElement(StyledTextAreas, {
|
|
6508
6542
|
name: "note",
|
|
6509
6543
|
placeholder: "Write here..."
|
|
6510
6544
|
}))))));
|
|
@@ -6666,7 +6700,7 @@ function ChargeLog() {
|
|
|
6666
6700
|
})));
|
|
6667
6701
|
}
|
|
6668
6702
|
|
|
6669
|
-
var _templateObject$
|
|
6703
|
+
var _templateObject$1x;
|
|
6670
6704
|
var UnholdOrder = function UnholdOrder() {
|
|
6671
6705
|
var _useCurrentAction = useCurrentAction(),
|
|
6672
6706
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6690,9 +6724,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6690
6724
|
})
|
|
6691
6725
|
});
|
|
6692
6726
|
};
|
|
6693
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
6727
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6694
6728
|
|
|
6695
|
-
var _templateObject$
|
|
6729
|
+
var _templateObject$1y, _templateObject2$18;
|
|
6696
6730
|
var ProductData = function ProductData(_ref) {
|
|
6697
6731
|
var products = _ref.products,
|
|
6698
6732
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6715,8 +6749,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6715
6749
|
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6716
6750
|
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6717
6751
|
};
|
|
6718
|
-
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$
|
|
6719
|
-
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6752
|
+
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6753
|
+
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6720
6754
|
|
|
6721
6755
|
var initialProducts = [{
|
|
6722
6756
|
id: 1458784,
|
|
@@ -6837,7 +6871,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6837
6871
|
})));
|
|
6838
6872
|
};
|
|
6839
6873
|
|
|
6840
|
-
var _templateObject$
|
|
6874
|
+
var _templateObject$1z, _templateObject2$19;
|
|
6841
6875
|
function AssigneeDropdown() {
|
|
6842
6876
|
var handleSelectChange = function handleSelectChange() {
|
|
6843
6877
|
// alert('hello');
|
|
@@ -6859,8 +6893,8 @@ function AssigneeDropdown() {
|
|
|
6859
6893
|
}
|
|
6860
6894
|
}));
|
|
6861
6895
|
}
|
|
6862
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6863
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
6896
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6897
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6864
6898
|
|
|
6865
6899
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6866
6900
|
return React__default.createElement("svg", {
|
|
@@ -6878,9 +6912,9 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6878
6912
|
}));
|
|
6879
6913
|
};
|
|
6880
6914
|
|
|
6881
|
-
var _templateObject$
|
|
6882
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6883
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6915
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$H, _templateObject4$m, _templateObject8$6, _templateObject10$2, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
6916
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1A || (_templateObject$1A = /*#__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"])));
|
|
6917
|
+
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__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"])));
|
|
6884
6918
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6885
6919
|
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$m || (_templateObject4$m = /*#__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"])));
|
|
6886
6920
|
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__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"])));
|
|
@@ -6973,40 +7007,40 @@ function useFetchSingleReminderData() {
|
|
|
6973
7007
|
return res;
|
|
6974
7008
|
}
|
|
6975
7009
|
|
|
6976
|
-
var _templateObject$
|
|
7010
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$I, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
6977
7011
|
function Loader(props) {
|
|
6978
7012
|
return React__default.createElement(MainContainer$9, {
|
|
6979
7013
|
id: "loder"
|
|
6980
|
-
}, React__default.createElement(Container$
|
|
7014
|
+
}, React__default.createElement(Container$11, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$h, null, React__default.createElement(Title$5, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
6981
7015
|
}
|
|
6982
|
-
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$
|
|
7016
|
+
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
6983
7017
|
// Styled components for the loading spinner
|
|
6984
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6985
|
-
var Container$
|
|
7018
|
+
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
7019
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
6986
7020
|
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
6987
7021
|
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
6988
7022
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
6989
7023
|
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
6990
7024
|
|
|
6991
|
-
var _templateObject$
|
|
7025
|
+
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6992
7026
|
function StatusIndicator(props) {
|
|
6993
7027
|
var statusColor = getStatusColor(props.status);
|
|
6994
|
-
return React__default.createElement(Container$
|
|
7028
|
+
return React__default.createElement(Container$12, null, React__default.createElement(StatusCircleContainer, {
|
|
6995
7029
|
status: props.status
|
|
6996
7030
|
}, React__default.createElement(StatusCircle, {
|
|
6997
7031
|
color: statusColor
|
|
6998
|
-
})), React__default.createElement(Text$
|
|
7032
|
+
})), React__default.createElement(Text$6, {
|
|
6999
7033
|
status: props.status
|
|
7000
7034
|
}, props.text));
|
|
7001
7035
|
}
|
|
7002
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7036
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1C || (_templateObject$1C = /*#__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) {
|
|
7003
7037
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7004
7038
|
});
|
|
7005
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7039
|
+
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1c || (_templateObject2$1c = /*#__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) {
|
|
7006
7040
|
return props.color;
|
|
7007
7041
|
});
|
|
7008
|
-
var Container$
|
|
7009
|
-
var Text$
|
|
7042
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
7043
|
+
var Text$6 = /*#__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) {
|
|
7010
7044
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7011
7045
|
});
|
|
7012
7046
|
|
|
@@ -7168,7 +7202,7 @@ function useFetchReminders() {
|
|
|
7168
7202
|
return perform;
|
|
7169
7203
|
}
|
|
7170
7204
|
|
|
7171
|
-
var _templateObject$
|
|
7205
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7172
7206
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7173
7207
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7174
7208
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7324,17 +7358,17 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7324
7358
|
onChange: onChangeDetails
|
|
7325
7359
|
}))))));
|
|
7326
7360
|
};
|
|
7327
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7328
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7361
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
7362
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7329
7363
|
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$K || (_templateObject3$K = /*#__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"])));
|
|
7330
7364
|
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"])));
|
|
7331
7365
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
7332
7366
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7333
7367
|
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"])));
|
|
7334
7368
|
|
|
7335
|
-
var _templateObject$
|
|
7369
|
+
var _templateObject$1E, _templateObject3$L, _templateObject5$e, _templateObject7$c, _templateObject8$7, _templateObject9$4;
|
|
7336
7370
|
// Shared styles and components
|
|
7337
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7371
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7338
7372
|
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
7339
7373
|
var Label$e = /*#__PURE__*/styled__default.label(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7340
7374
|
var ContentContainer$7 = /*#__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"])));
|
|
@@ -7353,7 +7387,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7353
7387
|
}, " * ")), children);
|
|
7354
7388
|
};
|
|
7355
7389
|
|
|
7356
|
-
var _templateObject$
|
|
7390
|
+
var _templateObject$1F, _templateObject2$1e, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7357
7391
|
dayjs.extend(utc);
|
|
7358
7392
|
dayjs.extend(dateFns.isValid);
|
|
7359
7393
|
function CreateReminderModal() {
|
|
@@ -7576,8 +7610,8 @@ function CreateReminderModal() {
|
|
|
7576
7610
|
onChange: handleChange
|
|
7577
7611
|
})));
|
|
7578
7612
|
}
|
|
7579
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7580
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7613
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7614
|
+
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7581
7615
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7582
7616
|
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"])));
|
|
7583
7617
|
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__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"])));
|
|
@@ -7750,7 +7784,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7750
7784
|
return perform;
|
|
7751
7785
|
}
|
|
7752
7786
|
|
|
7753
|
-
var _templateObject$
|
|
7787
|
+
var _templateObject$1G;
|
|
7754
7788
|
function TaskReminderModal() {
|
|
7755
7789
|
var createReminderAPI = useCreateReminder();
|
|
7756
7790
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7849,9 +7883,9 @@ function TaskReminderModal() {
|
|
|
7849
7883
|
isSubmitDisabled: isSubmitDisabled()
|
|
7850
7884
|
}, React__default.createElement(ContentContainer$7, null, React__default.createElement(CreateReminderModal, null))));
|
|
7851
7885
|
}
|
|
7852
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
7886
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7853
7887
|
|
|
7854
|
-
var _templateObject$
|
|
7888
|
+
var _templateObject$1H, _templateObject2$1f;
|
|
7855
7889
|
function OrderLock() {
|
|
7856
7890
|
var _useCurrentAction = useCurrentAction(),
|
|
7857
7891
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7904,8 +7938,8 @@ function OrderLock() {
|
|
|
7904
7938
|
})
|
|
7905
7939
|
});
|
|
7906
7940
|
}
|
|
7907
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
7908
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7941
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7942
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7909
7943
|
|
|
7910
7944
|
function useUpdateFlag() {
|
|
7911
7945
|
var ssoToken = getCookie('id_token');
|
|
@@ -7975,7 +8009,7 @@ function useUpdateFlag() {
|
|
|
7975
8009
|
return create;
|
|
7976
8010
|
}
|
|
7977
8011
|
|
|
7978
|
-
var _templateObject$
|
|
8012
|
+
var _templateObject$1I, _templateObject2$1g, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
7979
8013
|
function HeaderSection() {
|
|
7980
8014
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7981
8015
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8045,14 +8079,14 @@ function HeaderSection() {
|
|
|
8045
8079
|
})
|
|
8046
8080
|
})));
|
|
8047
8081
|
}
|
|
8048
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8049
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
8082
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
8083
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8050
8084
|
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
8051
8085
|
var Title$6 = /*#__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"])));
|
|
8052
8086
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__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"])));
|
|
8053
8087
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8054
8088
|
|
|
8055
|
-
var _templateObject$
|
|
8089
|
+
var _templateObject$1J, _templateObject2$1h;
|
|
8056
8090
|
function TextSection() {
|
|
8057
8091
|
var _useSinglePayload = useSinglePayload(),
|
|
8058
8092
|
payload = _useSinglePayload[0],
|
|
@@ -8062,7 +8096,7 @@ function TextSection() {
|
|
|
8062
8096
|
description: event.target.value
|
|
8063
8097
|
}));
|
|
8064
8098
|
};
|
|
8065
|
-
return React__default.createElement(Text$
|
|
8099
|
+
return React__default.createElement(Text$7, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8066
8100
|
label: "Details"
|
|
8067
8101
|
}), React__default.createElement(TextField, {
|
|
8068
8102
|
placeholder: "Type here....",
|
|
@@ -8070,10 +8104,10 @@ function TextSection() {
|
|
|
8070
8104
|
onChange: onChangeDetails
|
|
8071
8105
|
}));
|
|
8072
8106
|
}
|
|
8073
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
8074
|
-
var Text$
|
|
8107
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8108
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8075
8109
|
|
|
8076
|
-
var _templateObject$
|
|
8110
|
+
var _templateObject$1K, _templateObject2$1i;
|
|
8077
8111
|
function ButtonsSection() {
|
|
8078
8112
|
var _useSinglePayload = useSinglePayload(),
|
|
8079
8113
|
payload = _useSinglePayload[0],
|
|
@@ -8164,10 +8198,10 @@ function ButtonsSection() {
|
|
|
8164
8198
|
status: "SD"
|
|
8165
8199
|
}))));
|
|
8166
8200
|
}
|
|
8167
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8168
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8201
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8202
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8169
8203
|
|
|
8170
|
-
var _templateObject$
|
|
8204
|
+
var _templateObject$1L, _templateObject2$1j, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8171
8205
|
function ActionSection() {
|
|
8172
8206
|
var _useCurrentAction = useCurrentAction(),
|
|
8173
8207
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8253,14 +8287,14 @@ function RadioButtonsSection() {
|
|
|
8253
8287
|
required: false
|
|
8254
8288
|
}));
|
|
8255
8289
|
}
|
|
8256
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8257
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
8290
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8291
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8258
8292
|
var CancelButton$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8259
8293
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8260
8294
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8261
8295
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8262
8296
|
|
|
8263
|
-
var _templateObject$
|
|
8297
|
+
var _templateObject$1M, _templateObject2$1k, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8264
8298
|
function DetailSection() {
|
|
8265
8299
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8266
8300
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8272,8 +8306,8 @@ function DetailSection() {
|
|
|
8272
8306
|
label: "Order"
|
|
8273
8307
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8274
8308
|
}
|
|
8275
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8276
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8309
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8310
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8277
8311
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8278
8312
|
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"])));
|
|
8279
8313
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8358,7 +8392,7 @@ function useFetchSingleFlagsData() {
|
|
|
8358
8392
|
return res;
|
|
8359
8393
|
}
|
|
8360
8394
|
|
|
8361
|
-
var _templateObject$
|
|
8395
|
+
var _templateObject$1N, _templateObject2$1l, _templateObject3$Q;
|
|
8362
8396
|
function ViewFlag() {
|
|
8363
8397
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8364
8398
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8455,11 +8489,11 @@ function ViewFlag() {
|
|
|
8455
8489
|
}, [dataArray]);
|
|
8456
8490
|
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)))));
|
|
8457
8491
|
}
|
|
8458
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8459
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
8492
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8493
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8460
8494
|
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__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"])));
|
|
8461
8495
|
|
|
8462
|
-
var _templateObject$
|
|
8496
|
+
var _templateObject$1O;
|
|
8463
8497
|
function ReleaseOrder() {
|
|
8464
8498
|
var _useOrderId = useOrderId(),
|
|
8465
8499
|
orderId = _useOrderId[0];
|
|
@@ -8538,9 +8572,9 @@ function ReleaseOrder() {
|
|
|
8538
8572
|
// position: absolute;
|
|
8539
8573
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
8540
8574
|
// `;
|
|
8541
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
8575
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8542
8576
|
|
|
8543
|
-
var _templateObject$
|
|
8577
|
+
var _templateObject$1P;
|
|
8544
8578
|
function OrderActions() {
|
|
8545
8579
|
var _useCurrentAction = useCurrentAction(),
|
|
8546
8580
|
currentAction = _useCurrentAction[0];
|
|
@@ -8596,9 +8630,9 @@ function OrderActions() {
|
|
|
8596
8630
|
return null;
|
|
8597
8631
|
}
|
|
8598
8632
|
};
|
|
8599
|
-
return React__default.createElement(Container$
|
|
8633
|
+
return React__default.createElement(Container$13, null, renderContent());
|
|
8600
8634
|
}
|
|
8601
|
-
var Container$
|
|
8635
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8602
8636
|
|
|
8603
8637
|
function useSystemLogs() {
|
|
8604
8638
|
var ssoToken = getCookie('id_token');
|
|
@@ -8691,7 +8725,7 @@ function useSystemLogs() {
|
|
|
8691
8725
|
return perform;
|
|
8692
8726
|
}
|
|
8693
8727
|
|
|
8694
|
-
var _templateObject$
|
|
8728
|
+
var _templateObject$1Q, _templateObject2$1m;
|
|
8695
8729
|
var Details = function Details() {
|
|
8696
8730
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8697
8731
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8700,13 +8734,13 @@ var Details = function Details() {
|
|
|
8700
8734
|
var postcodeShow = (orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r2.postcode) || '';
|
|
8701
8735
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8702
8736
|
};
|
|
8703
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8704
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8705
|
-
|
|
8706
|
-
var _templateObject$1Q;
|
|
8707
|
-
var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
8737
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8738
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__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"])));
|
|
8708
8739
|
|
|
8709
8740
|
var _templateObject$1R;
|
|
8741
|
+
var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
8742
|
+
|
|
8743
|
+
var _templateObject$1S;
|
|
8710
8744
|
var DropDownItem = function DropDownItem(_ref) {
|
|
8711
8745
|
var label = _ref.label,
|
|
8712
8746
|
icon = _ref.icon,
|
|
@@ -8715,9 +8749,9 @@ var DropDownItem = function DropDownItem(_ref) {
|
|
|
8715
8749
|
onClick: onClick
|
|
8716
8750
|
}, React__default.createElement("label", null, label), icon);
|
|
8717
8751
|
};
|
|
8718
|
-
var Flex$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8752
|
+
var Flex$4 = /*#__PURE__*/styled__default.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n display: flex;\n position: relative;\n label {\n color: #3a3630;\n font-size: 14px;\n line-height: 18px;\n cursor: pointer;\n }\n"])));
|
|
8719
8753
|
|
|
8720
|
-
var _templateObject$
|
|
8754
|
+
var _templateObject$1T;
|
|
8721
8755
|
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8722
8756
|
var options = _ref.options,
|
|
8723
8757
|
onSelect = _ref.onSelect;
|
|
@@ -8732,7 +8766,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
|
|
|
8732
8766
|
});
|
|
8733
8767
|
}));
|
|
8734
8768
|
};
|
|
8735
|
-
var DropDownContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8769
|
+
var DropDownContent = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 173px;\n position: absolute;\n flex-direction: column;\n align-items: flex-start;\n gap: 7px;\n padding-left: 28px;\n top: 46px;\n background-color: white;\n border: 1px solid #ddd;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n border-radius: 10px;\n padding: 8px 8px 10px 16px;\n"])));
|
|
8736
8770
|
|
|
8737
8771
|
var DropDownLarge = function DropDownLarge() {
|
|
8738
8772
|
return React__default.createElement("svg", {
|
|
@@ -8948,27 +8982,27 @@ function Print() {
|
|
|
8948
8982
|
}));
|
|
8949
8983
|
}
|
|
8950
8984
|
|
|
8951
|
-
var _templateObject$
|
|
8985
|
+
var _templateObject$1U;
|
|
8952
8986
|
// components
|
|
8953
8987
|
function DropDowns$1() {
|
|
8954
8988
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper, null, React__default.createElement(MenuDropDown, null), React__default.createElement(OptionsDropDown, null), React__default.createElement(Print, null)));
|
|
8955
8989
|
}
|
|
8956
|
-
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8990
|
+
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8957
8991
|
|
|
8958
|
-
var _templateObject$
|
|
8992
|
+
var _templateObject$1V;
|
|
8959
8993
|
// import Actions from './actions/Actions';
|
|
8960
8994
|
var ActionsMenu = function ActionsMenu() {
|
|
8961
8995
|
return React__default.createElement(Flex$5, null, React__default.createElement(DropDowns$1, null));
|
|
8962
8996
|
};
|
|
8963
|
-
var Flex$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8997
|
+
var Flex$5 = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__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"])));
|
|
8964
8998
|
|
|
8965
|
-
var _templateObject$
|
|
8999
|
+
var _templateObject$1W;
|
|
8966
9000
|
var DetailsFilters = function DetailsFilters() {
|
|
8967
9001
|
return React__default.createElement(Flex$6, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
8968
9002
|
};
|
|
8969
|
-
var Flex$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9003
|
+
var Flex$6 = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__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"])));
|
|
8970
9004
|
|
|
8971
|
-
var _templateObject$
|
|
9005
|
+
var _templateObject$1X, _templateObject2$1n, _templateObject3$R, _templateObject4$u;
|
|
8972
9006
|
function OrderView() {
|
|
8973
9007
|
antd.notification.config({
|
|
8974
9008
|
top: 150
|
|
@@ -9254,8 +9288,8 @@ function OrderView() {
|
|
|
9254
9288
|
}, [gsitId]);
|
|
9255
9289
|
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));
|
|
9256
9290
|
}
|
|
9257
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9258
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9291
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
|
|
9292
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9259
9293
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9260
9294
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9261
9295
|
|
|
@@ -9327,12 +9361,13 @@ var filterReducer = function filterReducer(state, action) {
|
|
|
9327
9361
|
value: action.payload
|
|
9328
9362
|
}])
|
|
9329
9363
|
});
|
|
9330
|
-
case 'CLEAR_CLIENT':
|
|
9331
|
-
|
|
9332
|
-
|
|
9333
|
-
|
|
9334
|
-
|
|
9335
|
-
|
|
9364
|
+
// case 'CLEAR_CLIENT':
|
|
9365
|
+
// return {
|
|
9366
|
+
// ...state,
|
|
9367
|
+
// 'x-filters': state['x-filters'].filter(
|
|
9368
|
+
// f => f.field !== 'order.customer_id'
|
|
9369
|
+
// ),
|
|
9370
|
+
// };
|
|
9336
9371
|
case 'CLEAR_ACTION':
|
|
9337
9372
|
return _extends({}, state, {
|
|
9338
9373
|
'x-filters': state['x-filters'].filter(function (f) {
|
|
@@ -9372,7 +9407,7 @@ var filtersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
9372
9407
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
9373
9408
|
});
|
|
9374
9409
|
|
|
9375
|
-
var _templateObject$
|
|
9410
|
+
var _templateObject$1Y;
|
|
9376
9411
|
function SelectionFilter() {
|
|
9377
9412
|
var _useCustomerData = useCustomerData(),
|
|
9378
9413
|
customers = _useCustomerData[0];
|
|
@@ -9573,13 +9608,6 @@ function SelectionFilter() {
|
|
|
9573
9608
|
});
|
|
9574
9609
|
}
|
|
9575
9610
|
};
|
|
9576
|
-
React.useEffect(function () {
|
|
9577
|
-
return function () {
|
|
9578
|
-
dispatch({
|
|
9579
|
-
type: 'CLEAR_CLIENT'
|
|
9580
|
-
});
|
|
9581
|
-
};
|
|
9582
|
-
}, []);
|
|
9583
9611
|
React.useEffect(function () {
|
|
9584
9612
|
if (storedClientId) {
|
|
9585
9613
|
dispatch({
|
|
@@ -9608,6 +9636,7 @@ function SelectionFilter() {
|
|
|
9608
9636
|
});
|
|
9609
9637
|
}
|
|
9610
9638
|
}, [selectedFilterValue, selectedLocationValue]);
|
|
9639
|
+
console.log(storedName, 'storedName');
|
|
9611
9640
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$4, {
|
|
9612
9641
|
options: clientOptions,
|
|
9613
9642
|
placeholder: "Select Client Name",
|
|
@@ -9616,7 +9645,7 @@ function SelectionFilter() {
|
|
|
9616
9645
|
minWidth: '14vw'
|
|
9617
9646
|
},
|
|
9618
9647
|
value: storedName
|
|
9619
|
-
})), storedName && location.pathname.includes("
|
|
9648
|
+
})), storedName && location.pathname.includes("filter/") ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Action Type"), React__default.createElement(StyledAntSelect$4, {
|
|
9620
9649
|
options: actionTypeOptions,
|
|
9621
9650
|
placeholder: "Select Action Type",
|
|
9622
9651
|
value: selectedFilterValue,
|
|
@@ -9640,7 +9669,7 @@ function SelectionFilter() {
|
|
|
9640
9669
|
disabled: !isButtonEnabled
|
|
9641
9670
|
}, "Apply"))));
|
|
9642
9671
|
}
|
|
9643
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
9672
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1Y || (_templateObject$1Y = /*#__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"])));
|
|
9644
9673
|
|
|
9645
9674
|
// import { ApiResponse } from '../../types';
|
|
9646
9675
|
// import { useApiHook } from '@bjsdistribution/dms-component-library';
|
|
@@ -9704,17 +9733,17 @@ function HeaderFilter() {
|
|
|
9704
9733
|
return React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null));
|
|
9705
9734
|
}
|
|
9706
9735
|
|
|
9707
|
-
var _templateObject$
|
|
9736
|
+
var _templateObject$1Z, _templateObject4$v, _templateObject5$k, _templateObject7$e, _templateObject8$9;
|
|
9708
9737
|
//Left side
|
|
9709
|
-
var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9738
|
+
var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n"])));
|
|
9710
9739
|
//
|
|
9711
9740
|
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9712
9741
|
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
9713
|
-
var Text$
|
|
9742
|
+
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n"])));
|
|
9714
9743
|
// Right side filter
|
|
9715
9744
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9716
9745
|
|
|
9717
|
-
var _templateObject$
|
|
9746
|
+
var _templateObject$1_, _templateObject2$1o;
|
|
9718
9747
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9719
9748
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9720
9749
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9723,7 +9752,7 @@ var RightFilters = function RightFilters() {
|
|
|
9723
9752
|
dispatch = _useAtom[1];
|
|
9724
9753
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9725
9754
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9726
|
-
return React__default.createElement(Container$
|
|
9755
|
+
return React__default.createElement(Container$14, null, React__default.createElement(ButtonText, {
|
|
9727
9756
|
onClick: function onClick() {
|
|
9728
9757
|
return dispatch({
|
|
9729
9758
|
type: 'create-return'
|
|
@@ -9732,7 +9761,7 @@ var RightFilters = function RightFilters() {
|
|
|
9732
9761
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9733
9762
|
}, "Create Return"));
|
|
9734
9763
|
};
|
|
9735
|
-
var Container$
|
|
9764
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9736
9765
|
// const Mid = styled.div`
|
|
9737
9766
|
// display: flex;
|
|
9738
9767
|
// padding: 4px 10px;
|
|
@@ -9741,17 +9770,17 @@ var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_temp
|
|
|
9741
9770
|
// align-self: stretch;
|
|
9742
9771
|
// border-radius: 15px 0px 0px 15px;
|
|
9743
9772
|
// `;
|
|
9744
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9773
|
+
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 15px;\n background: #3a3630;\n font-family: 'Lato';\n cursor: pointer;\n border: none;\n\n &:disabled {\n border-radius: 15px;\n background: rgba(136, 128, 117, 0.35);\n color: #888075;\n cursor: not-allowed;\n }\n"])));
|
|
9745
9774
|
|
|
9746
9775
|
var ReturnFilter = function ReturnFilter() {
|
|
9747
9776
|
var _useParams = reactRouterDom.useParams(),
|
|
9748
9777
|
clientName = _useParams.clientName;
|
|
9749
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$
|
|
9778
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, " ", clientName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9750
9779
|
};
|
|
9751
9780
|
|
|
9752
|
-
var _templateObject$
|
|
9753
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9754
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9781
|
+
var _templateObject$1$, _templateObject2$1p, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9782
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9783
|
+
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__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"])));
|
|
9755
9784
|
// Styled components
|
|
9756
9785
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\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"])));
|
|
9757
9786
|
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\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 }\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 .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"])));
|
|
@@ -9942,7 +9971,7 @@ var optionsForReturnPrint = [{
|
|
|
9942
9971
|
label: 'Print Return Labels'
|
|
9943
9972
|
}];
|
|
9944
9973
|
|
|
9945
|
-
var _templateObject$
|
|
9974
|
+
var _templateObject$20, _templateObject2$1q;
|
|
9946
9975
|
var options$1 = optionsForReturnPrint;
|
|
9947
9976
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9948
9977
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9959,8 +9988,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9959
9988
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
9960
9989
|
}));
|
|
9961
9990
|
};
|
|
9962
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
9963
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9991
|
+
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$20 || (_templateObject$20 = /*#__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"])));
|
|
9992
|
+
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n &:last-child {\n border: none;\n }\n"])));
|
|
9964
9993
|
|
|
9965
9994
|
var _excluded$3 = ["count"];
|
|
9966
9995
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10171,7 +10200,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10171
10200
|
var mergedPayload = Object.values(groupedPayload);
|
|
10172
10201
|
setGrouped(mergedPayload);
|
|
10173
10202
|
}, [newpayload]);
|
|
10174
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper,
|
|
10203
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, {
|
|
10204
|
+
className: "fortables"
|
|
10205
|
+
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, returnData != null && returnData.some(function (item) {
|
|
10175
10206
|
var _item$order_product_r;
|
|
10176
10207
|
return (item == null || (_item$order_product_r = item.order_product_return_action) == null ? void 0 : _item$order_product_r.type) === 'RTS';
|
|
10177
10208
|
}) ? React__default.createElement("th", {
|
|
@@ -10290,12 +10321,12 @@ var DefectConfirm = [{
|
|
|
10290
10321
|
value: 'no'
|
|
10291
10322
|
}];
|
|
10292
10323
|
|
|
10293
|
-
var _templateObject$
|
|
10324
|
+
var _templateObject$21, _templateObject2$1r, _templateObject3$U, _templateObject4$x;
|
|
10294
10325
|
var DefetcDetails = function DefetcDetails() {
|
|
10295
10326
|
var handleSelectChange = function handleSelectChange() {
|
|
10296
10327
|
console.log('Option selected');
|
|
10297
10328
|
};
|
|
10298
|
-
return React__default.createElement(Container$
|
|
10329
|
+
return React__default.createElement(Container$15, null, React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10299
10330
|
label: "What is the defect"
|
|
10300
10331
|
}), React__default.createElement(StyledAntSelect$5, {
|
|
10301
10332
|
options: TaskType,
|
|
@@ -10332,12 +10363,12 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10332
10363
|
selectWrapperClass: "rounded"
|
|
10333
10364
|
}))));
|
|
10334
10365
|
};
|
|
10335
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10336
|
-
var Container$
|
|
10366
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10367
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10337
10368
|
var Flex$7 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10338
10369
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10339
10370
|
|
|
10340
|
-
var _templateObject$
|
|
10371
|
+
var _templateObject$22;
|
|
10341
10372
|
var RepackProduct = function RepackProduct() {
|
|
10342
10373
|
var options = [{
|
|
10343
10374
|
value: 'bjsCouriers',
|
|
@@ -10397,9 +10428,9 @@ var RepackProduct = function RepackProduct() {
|
|
|
10397
10428
|
}
|
|
10398
10429
|
})));
|
|
10399
10430
|
};
|
|
10400
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10431
|
+
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10401
10432
|
|
|
10402
|
-
var _templateObject$
|
|
10433
|
+
var _templateObject$23, _templateObject2$1s, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10403
10434
|
var RepackDetails = function RepackDetails() {
|
|
10404
10435
|
var _useState = React.useState(false),
|
|
10405
10436
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10410,7 +10441,7 @@ var RepackDetails = function RepackDetails() {
|
|
|
10410
10441
|
var handleSelectChange = function handleSelectChange() {
|
|
10411
10442
|
console.log('Option selected');
|
|
10412
10443
|
};
|
|
10413
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
10444
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$16, null, React__default.createElement(Flex$8, null, React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10414
10445
|
label: "Who repacked it?"
|
|
10415
10446
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
10416
10447
|
options: TaskType,
|
|
@@ -10446,19 +10477,19 @@ var RepackDetails = function RepackDetails() {
|
|
|
10446
10477
|
}
|
|
10447
10478
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10448
10479
|
};
|
|
10449
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10450
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10480
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10481
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10451
10482
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10452
|
-
var Container$
|
|
10483
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10453
10484
|
var Flex$8 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10454
10485
|
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10455
10486
|
|
|
10456
|
-
var _templateObject$
|
|
10487
|
+
var _templateObject$24, _templateObject2$1t, _templateObject3$W, _templateObject4$z;
|
|
10457
10488
|
var OtherDamage = function OtherDamage() {
|
|
10458
10489
|
var handleSelectChange = function handleSelectChange() {
|
|
10459
10490
|
console.log('Option selected');
|
|
10460
10491
|
};
|
|
10461
|
-
return React__default.createElement(Container$
|
|
10492
|
+
return React__default.createElement(Container$17, null, React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10462
10493
|
label: "What is the primary defect?"
|
|
10463
10494
|
}), React__default.createElement(StyledAntSelect$7, {
|
|
10464
10495
|
options: TaskType,
|
|
@@ -10509,12 +10540,12 @@ var OtherDamage = function OtherDamage() {
|
|
|
10509
10540
|
selectWrapperClass: "rounded"
|
|
10510
10541
|
}))));
|
|
10511
10542
|
};
|
|
10512
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10513
|
-
var Container$
|
|
10543
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10544
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10514
10545
|
var Flex$9 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10515
10546
|
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10516
10547
|
|
|
10517
|
-
var _templateObject$
|
|
10548
|
+
var _templateObject$25, _templateObject2$1u, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10518
10549
|
var AddDefect = function AddDefect() {
|
|
10519
10550
|
var _useState = React.useState({
|
|
10520
10551
|
actionDuring: '',
|
|
@@ -10541,7 +10572,7 @@ var AddDefect = function AddDefect() {
|
|
|
10541
10572
|
});
|
|
10542
10573
|
});
|
|
10543
10574
|
};
|
|
10544
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
10575
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10545
10576
|
label: "Does the packaging have any damage?"
|
|
10546
10577
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10547
10578
|
options: DefectConfirm,
|
|
@@ -10554,7 +10585,7 @@ var AddDefect = function AddDefect() {
|
|
|
10554
10585
|
return React__default.createElement(DefetcDetails, {
|
|
10555
10586
|
key: index
|
|
10556
10587
|
});
|
|
10557
|
-
})), React__default.createElement(Container$
|
|
10588
|
+
})), React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10558
10589
|
label: "Has the product been checked?"
|
|
10559
10590
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10560
10591
|
options: DefectConfirm,
|
|
@@ -10568,7 +10599,7 @@ var AddDefect = function AddDefect() {
|
|
|
10568
10599
|
placeholder: "Select",
|
|
10569
10600
|
onChange: handleChange('productDamage'),
|
|
10570
10601
|
selectWrapperClass: "rounded"
|
|
10571
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React__default.createElement(OtherDamage, null)), React__default.createElement(Container$
|
|
10602
|
+
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React__default.createElement(OtherDamage, null)), React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10572
10603
|
label: "Has the product been repacked?"
|
|
10573
10604
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10574
10605
|
options: DefectConfirm,
|
|
@@ -10577,18 +10608,18 @@ var AddDefect = function AddDefect() {
|
|
|
10577
10608
|
selectWrapperClass: "rounded"
|
|
10578
10609
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10579
10610
|
};
|
|
10580
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10581
|
-
var Container$
|
|
10611
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10612
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n border: 1px solid #e6e6e6;\n border-radius: 15px;\n padding: 10px;\n"])));
|
|
10582
10613
|
var Flex$a = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10583
10614
|
var LabelWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10584
10615
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10585
10616
|
|
|
10586
|
-
var _templateObject$
|
|
10617
|
+
var _templateObject$26, _templateObject2$1v, _templateObject3$Y, _templateObject4$B;
|
|
10587
10618
|
var QCLogs = function QCLogs() {
|
|
10588
10619
|
var handleSelectChange = function handleSelectChange() {
|
|
10589
10620
|
console.log('Option selected');
|
|
10590
10621
|
};
|
|
10591
|
-
return React__default.createElement(Container$
|
|
10622
|
+
return React__default.createElement(Container$19, null, React__default.createElement(Flex$b, null, React__default.createElement(LabelWrapper$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10592
10623
|
label: "Action During"
|
|
10593
10624
|
}), React__default.createElement(StyledAntSelect$9, {
|
|
10594
10625
|
options: TaskType,
|
|
@@ -10604,12 +10635,12 @@ var QCLogs = function QCLogs() {
|
|
|
10604
10635
|
selectWrapperClass: "rounded"
|
|
10605
10636
|
}))), React__default.createElement(AddDefect, null));
|
|
10606
10637
|
};
|
|
10607
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10608
|
-
var Container$
|
|
10638
|
+
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10639
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10609
10640
|
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10610
10641
|
var LabelWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10611
10642
|
|
|
10612
|
-
var _templateObject$
|
|
10643
|
+
var _templateObject$27, _templateObject2$1w, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10613
10644
|
function UpdateProduct() {
|
|
10614
10645
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10615
10646
|
var _useState = React.useState(),
|
|
@@ -10669,7 +10700,7 @@ function UpdateProduct() {
|
|
|
10669
10700
|
value: option.id
|
|
10670
10701
|
};
|
|
10671
10702
|
});
|
|
10672
|
-
return React__default.createElement(Container$
|
|
10703
|
+
return React__default.createElement(Container$1a, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10673
10704
|
label: "Product Type"
|
|
10674
10705
|
}), React__default.createElement(StyledAntSelect$a, {
|
|
10675
10706
|
options: productTypeOptions,
|
|
@@ -10706,13 +10737,13 @@ function UpdateProduct() {
|
|
|
10706
10737
|
selectWrapperClass: "rounded"
|
|
10707
10738
|
}))));
|
|
10708
10739
|
}
|
|
10709
|
-
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10710
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10711
|
-
var Container$
|
|
10740
|
+
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10741
|
+
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10742
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10712
10743
|
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10713
10744
|
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10714
10745
|
|
|
10715
|
-
var _templateObject$
|
|
10746
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$_;
|
|
10716
10747
|
function UnReceiveProduct() {
|
|
10717
10748
|
var _orderStaticData$unre;
|
|
10718
10749
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10749,7 +10780,7 @@ function UnReceiveProduct() {
|
|
|
10749
10780
|
value: option.id
|
|
10750
10781
|
};
|
|
10751
10782
|
});
|
|
10752
|
-
return React__default.createElement(Container$
|
|
10783
|
+
return React__default.createElement(Container$1b, null, React__default.createElement(LabelWrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10753
10784
|
label: "Reason"
|
|
10754
10785
|
}), React__default.createElement(StyledAntSelect$b, {
|
|
10755
10786
|
options: returnActionOptions,
|
|
@@ -10760,18 +10791,18 @@ function UnReceiveProduct() {
|
|
|
10760
10791
|
onNotesChange: handleNotesChange
|
|
10761
10792
|
})));
|
|
10762
10793
|
}
|
|
10763
|
-
var Container$
|
|
10764
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10794
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10795
|
+
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10765
10796
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10766
10797
|
|
|
10767
|
-
var _templateObject$
|
|
10798
|
+
var _templateObject$29, _templateObject2$1y;
|
|
10768
10799
|
var ProductAction = function ProductAction() {
|
|
10769
10800
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10770
10801
|
setSelectedTabKey = _useAtom[1];
|
|
10771
10802
|
var handleTabChange = function handleTabChange(activeKey) {
|
|
10772
10803
|
setSelectedTabKey(activeKey);
|
|
10773
10804
|
};
|
|
10774
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$2, null, React__default.createElement(Container$
|
|
10805
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$2, null, React__default.createElement(Container$1c, null, React__default.createElement(antd.Tabs, {
|
|
10775
10806
|
defaultActiveKey: "1",
|
|
10776
10807
|
onChange: handleTabChange,
|
|
10777
10808
|
items: [{
|
|
@@ -10789,10 +10820,10 @@ var ProductAction = function ProductAction() {
|
|
|
10789
10820
|
}]
|
|
10790
10821
|
}))));
|
|
10791
10822
|
};
|
|
10792
|
-
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10793
|
-
var Container$
|
|
10823
|
+
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10824
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 50vh;\n padding-bottom: 30px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #edebe8;\n padding: 15px;\n overflow-y: scroll;\n .ant-tabs {\n width: 100%;\n }\n .ant-tabs-tab-active {\n .ant-tabs-tab-btn {\n color: #3a3630 !important;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n }\n .ant-tabs-ink-bar {\n background: #feba30;\n }\n"])));
|
|
10794
10825
|
|
|
10795
|
-
var _templateObject$
|
|
10826
|
+
var _templateObject$2a;
|
|
10796
10827
|
var LogsTable = function LogsTable() {
|
|
10797
10828
|
var options = [{
|
|
10798
10829
|
value: 'bjsCouriers',
|
|
@@ -10867,9 +10898,9 @@ var LogsTable = function LogsTable() {
|
|
|
10867
10898
|
}
|
|
10868
10899
|
})));
|
|
10869
10900
|
};
|
|
10870
|
-
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10901
|
+
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10871
10902
|
|
|
10872
|
-
var _templateObject$
|
|
10903
|
+
var _templateObject$2b, _templateObject2$1z;
|
|
10873
10904
|
var DefectsModal = function DefectsModal() {
|
|
10874
10905
|
var options = [{
|
|
10875
10906
|
value: 'bjsCouriers',
|
|
@@ -10921,10 +10952,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10921
10952
|
}
|
|
10922
10953
|
}))));
|
|
10923
10954
|
};
|
|
10924
|
-
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10925
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10955
|
+
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10956
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10926
10957
|
|
|
10927
|
-
var _templateObject$
|
|
10958
|
+
var _templateObject$2c;
|
|
10928
10959
|
var repackModal = function repackModal() {
|
|
10929
10960
|
var columns = [{
|
|
10930
10961
|
key: 'packaging_type',
|
|
@@ -10954,9 +10985,9 @@ var repackModal = function repackModal() {
|
|
|
10954
10985
|
}
|
|
10955
10986
|
}))));
|
|
10956
10987
|
};
|
|
10957
|
-
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10988
|
+
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10958
10989
|
|
|
10959
|
-
var _templateObject$
|
|
10990
|
+
var _templateObject$2d, _templateObject2$1A, _templateObject3$$;
|
|
10960
10991
|
var _excluded$4 = ["id"];
|
|
10961
10992
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10962
10993
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11011,7 +11042,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11011
11042
|
type: "info",
|
|
11012
11043
|
title: "Do you wish to proceed?",
|
|
11013
11044
|
showOkButton: false
|
|
11014
|
-
}), React__default.createElement(Container$
|
|
11045
|
+
}), React__default.createElement(Container$1d, null, React__default.createElement("ul", {
|
|
11015
11046
|
style: {
|
|
11016
11047
|
listStyle: 'none',
|
|
11017
11048
|
padding: 0
|
|
@@ -11036,8 +11067,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11036
11067
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
11037
11068
|
})))));
|
|
11038
11069
|
};
|
|
11039
|
-
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11040
|
-
var Container$
|
|
11070
|
+
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
11071
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11041
11072
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
11042
11073
|
|
|
11043
11074
|
var ModalManager = function ModalManager() {
|
|
@@ -11333,9 +11364,9 @@ var ModalManager = function ModalManager() {
|
|
|
11333
11364
|
}));
|
|
11334
11365
|
};
|
|
11335
11366
|
|
|
11336
|
-
var _templateObject$
|
|
11337
|
-
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11338
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11367
|
+
var _templateObject$2e, _templateObject2$1B, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11368
|
+
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
11369
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11339
11370
|
var StyledInfoBox = /*#__PURE__*/styled__default.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
11340
11371
|
var StyledLabel$2 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
11341
11372
|
var StyledPaginationWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
@@ -11457,7 +11488,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11457
11488
|
}, React__default.createElement(NextIcon, null)))));
|
|
11458
11489
|
};
|
|
11459
11490
|
|
|
11460
|
-
var _templateObject$
|
|
11491
|
+
var _templateObject$2f, _templateObject2$1C;
|
|
11461
11492
|
var ReturnTable = function ReturnTable() {
|
|
11462
11493
|
var _UsePaginationData = UsePaginationData(),
|
|
11463
11494
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11476,7 +11507,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11476
11507
|
};
|
|
11477
11508
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$1, null, React__default.createElement("div", {
|
|
11478
11509
|
className: "Tableconatiner"
|
|
11479
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
11510
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1e, null, React__default.createElement(ReturnFilter, null), React__default.createElement(ReturnOrderTable, null), total > 0 && React__default.createElement(Pagination, {
|
|
11480
11511
|
currentPage: page,
|
|
11481
11512
|
totalItems: total,
|
|
11482
11513
|
itemsPerPage: itemsPerPage,
|
|
@@ -11484,8 +11515,8 @@ var ReturnTable = function ReturnTable() {
|
|
|
11484
11515
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11485
11516
|
})))), React__default.createElement(ModalManager, null));
|
|
11486
11517
|
};
|
|
11487
|
-
var Container$
|
|
11488
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
11518
|
+
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11519
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$1C || (_templateObject2$1C = /*#__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"])));
|
|
11489
11520
|
|
|
11490
11521
|
function LoadIcon() {
|
|
11491
11522
|
return React__default.createElement("svg", {
|
|
@@ -11503,7 +11534,7 @@ function LoadIcon() {
|
|
|
11503
11534
|
}));
|
|
11504
11535
|
}
|
|
11505
11536
|
|
|
11506
|
-
var _templateObject$
|
|
11537
|
+
var _templateObject$2g, _templateObject2$1D;
|
|
11507
11538
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11508
11539
|
var legacyProductId = _ref.legacyProductId;
|
|
11509
11540
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11530,8 +11561,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11530
11561
|
}, IconComponent && React__default.createElement(IconComponent, null), item.label);
|
|
11531
11562
|
}));
|
|
11532
11563
|
};
|
|
11533
|
-
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
11534
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
11564
|
+
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$2g || (_templateObject$2g = /*#__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: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
11565
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$1D || (_templateObject2$1D = /*#__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 &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
|
|
11535
11566
|
var disabled = _ref2.disabled;
|
|
11536
11567
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11537
11568
|
}, function (_ref3) {
|
|
@@ -11613,12 +11644,17 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11613
11644
|
color: '#E95252',
|
|
11614
11645
|
background: 'rgba(233, 82, 82, 0.15)'
|
|
11615
11646
|
};
|
|
11616
|
-
case '
|
|
11647
|
+
case 'On Hold':
|
|
11648
|
+
return {
|
|
11649
|
+
color: '#F4A503',
|
|
11650
|
+
background: '#FFF1D6'
|
|
11651
|
+
};
|
|
11652
|
+
case 'Sub-Contracted':
|
|
11617
11653
|
return {
|
|
11618
11654
|
color: '#F4A503',
|
|
11619
11655
|
background: '#FFF1D6'
|
|
11620
11656
|
};
|
|
11621
|
-
case 'Awaiting':
|
|
11657
|
+
case 'Awaiting route':
|
|
11622
11658
|
return {
|
|
11623
11659
|
color: '#845ADF',
|
|
11624
11660
|
background: 'rgba(132, 90, 223, 0.15)'
|
|
@@ -11628,6 +11664,16 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11628
11664
|
color: '#1F9254',
|
|
11629
11665
|
background: 'rgba(41, 204, 106, 0.15)'
|
|
11630
11666
|
};
|
|
11667
|
+
case 'Outstanding':
|
|
11668
|
+
return {
|
|
11669
|
+
color: '#FF9900',
|
|
11670
|
+
background: 'rgba(255, 153, 0, 0.15)'
|
|
11671
|
+
};
|
|
11672
|
+
case 'Routed':
|
|
11673
|
+
return {
|
|
11674
|
+
color: '#6396E5',
|
|
11675
|
+
background: 'rgba(99, 150, 229, 0.15)'
|
|
11676
|
+
};
|
|
11631
11677
|
default:
|
|
11632
11678
|
return {
|
|
11633
11679
|
color: '#000',
|
|
@@ -11638,7 +11684,9 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11638
11684
|
var _useOrderId = useOrderId(),
|
|
11639
11685
|
setOrderId = _useOrderId[1];
|
|
11640
11686
|
// console.log(id, 'idid');
|
|
11641
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper,
|
|
11687
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, {
|
|
11688
|
+
className: "fortables"
|
|
11689
|
+
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
11642
11690
|
className: "emailInvoiceNo"
|
|
11643
11691
|
}, "Created"), React__default.createElement("th", null, "Return Location"), React__default.createElement("th", null, "Pick Up Location"), React__default.createElement("th", null, "Recipient"), React__default.createElement("th", null, " Client"), React__default.createElement("th", null, "Consignment"), React__default.createElement("th", null, "Return Order No"), React__default.createElement("th", null, " Total Parts"), React__default.createElement("th", null, "Total Weight"), React__default.createElement("th", null, "Total CBM"), React__default.createElement("th", null, "Assign"), React__default.createElement("th", null, "Status"), React__default.createElement("th", {
|
|
11644
11692
|
className: "emailInvoiceShare"
|
|
@@ -11653,14 +11701,15 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11653
11701
|
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty, null)))) : returnAfterOrder == null ? void 0 : returnAfterOrder.map(function (item, index) {
|
|
11654
11702
|
var _item$return_location, _item$order_recipient, _item$order_recipient2, _item$customer_data;
|
|
11655
11703
|
var statusMapping = {
|
|
11656
|
-
|
|
11704
|
+
cancelled: 'Cancelled',
|
|
11657
11705
|
OO: 'On Hold',
|
|
11658
11706
|
SC: 'Sub-Contracted',
|
|
11659
|
-
|
|
11660
|
-
|
|
11661
|
-
|
|
11707
|
+
'awaiting route': 'Awaiting route',
|
|
11708
|
+
completed: 'completed',
|
|
11709
|
+
outstanding: 'Outstanding',
|
|
11710
|
+
routed: 'Routed'
|
|
11662
11711
|
};
|
|
11663
|
-
var status = statusMapping[item == null ? void 0 : item.
|
|
11712
|
+
var status = statusMapping[item == null ? void 0 : item.status_value] || 'Unknown';
|
|
11664
11713
|
var statusClass = getStatusClass(status);
|
|
11665
11714
|
return React__default.createElement("tr", {
|
|
11666
11715
|
key: item.id
|
|
@@ -11699,10 +11748,14 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11699
11748
|
})), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
11700
11749
|
className: "statuscontainer",
|
|
11701
11750
|
style: {
|
|
11702
|
-
listStyleType: 'none'
|
|
11751
|
+
listStyleType: 'none',
|
|
11752
|
+
background: statusClass.background
|
|
11703
11753
|
}
|
|
11704
11754
|
}, React__default.createElement("li", {
|
|
11705
|
-
className: "statustext
|
|
11755
|
+
className: "statustext",
|
|
11756
|
+
style: {
|
|
11757
|
+
color: statusClass.color
|
|
11758
|
+
}
|
|
11706
11759
|
}, status))), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
11707
11760
|
className: "actionbox"
|
|
11708
11761
|
}, React__default.createElement(CustomDrop, {
|
|
@@ -11723,10 +11776,10 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11723
11776
|
})))));
|
|
11724
11777
|
};
|
|
11725
11778
|
|
|
11726
|
-
var _templateObject$
|
|
11779
|
+
var _templateObject$2h;
|
|
11727
11780
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
11728
11781
|
var TableFilters = function TableFilters() {
|
|
11729
|
-
return React__default.createElement(Container$
|
|
11782
|
+
return React__default.createElement(Container$1f, null);
|
|
11730
11783
|
// return (
|
|
11731
11784
|
// // <StyledBulkFilterCover>
|
|
11732
11785
|
// <StyledBulkItem>
|
|
@@ -11740,7 +11793,7 @@ var TableFilters = function TableFilters() {
|
|
|
11740
11793
|
// // </StyledBulkFilterCover>
|
|
11741
11794
|
// );
|
|
11742
11795
|
};
|
|
11743
|
-
var Container$
|
|
11796
|
+
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11744
11797
|
|
|
11745
11798
|
var FilterIcon = function FilterIcon() {
|
|
11746
11799
|
return React__default.createElement("svg", {
|
|
@@ -11918,7 +11971,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11918
11971
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11919
11972
|
});
|
|
11920
11973
|
|
|
11921
|
-
var _templateObject$
|
|
11974
|
+
var _templateObject$2i, _templateObject2$1E;
|
|
11922
11975
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11923
11976
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11924
11977
|
dispatch = _useAtom[1];
|
|
@@ -12094,9 +12147,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12094
12147
|
className: "cross"
|
|
12095
12148
|
})), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
|
|
12096
12149
|
};
|
|
12097
|
-
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12150
|
+
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12098
12151
|
// const DropdownContainer = styled.div``;
|
|
12099
|
-
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12152
|
+
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n"])));
|
|
12100
12153
|
|
|
12101
12154
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12102
12155
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12182,7 +12235,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12182
12235
|
}, React__default.createElement(NextIcon, null)))));
|
|
12183
12236
|
};
|
|
12184
12237
|
|
|
12185
|
-
var _templateObject$
|
|
12238
|
+
var _templateObject$2j, _templateObject2$1F;
|
|
12186
12239
|
var _excluded$5 = ["count"];
|
|
12187
12240
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12188
12241
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12246,7 +12299,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12246
12299
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
12247
12300
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement("div", {
|
|
12248
12301
|
className: "Tableconatiner"
|
|
12249
|
-
}, React__default.createElement(Container$
|
|
12302
|
+
}, React__default.createElement(Container$1g, null, React__default.createElement(ReturnOrderFilter, null), React__default.createElement(OrderTable, null), total > 0 && React__default.createElement(ReturnPagination, {
|
|
12250
12303
|
currentPage: page,
|
|
12251
12304
|
totalItems: total,
|
|
12252
12305
|
itemsPerPage: itemsPerPage,
|
|
@@ -12254,13 +12307,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12254
12307
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12255
12308
|
})))));
|
|
12256
12309
|
};
|
|
12257
|
-
var Container$
|
|
12258
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
12310
|
+
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12311
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$1F || (_templateObject2$1F = /*#__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"])));
|
|
12259
12312
|
|
|
12260
|
-
var _templateObject2$
|
|
12261
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12313
|
+
var _templateObject2$1G;
|
|
12314
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__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"])));
|
|
12262
12315
|
|
|
12263
|
-
var _templateObject$
|
|
12316
|
+
var _templateObject$2k, _templateObject2$1H;
|
|
12264
12317
|
var SearchType = function SearchType() {
|
|
12265
12318
|
var _useState = React.useState(''),
|
|
12266
12319
|
searchText = _useState[0],
|
|
@@ -12275,8 +12328,8 @@ var SearchType = function SearchType() {
|
|
|
12275
12328
|
onChange: handleInputChange
|
|
12276
12329
|
}));
|
|
12277
12330
|
};
|
|
12278
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12279
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12331
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
12332
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$1H || (_templateObject2$1H = /*#__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"])));
|
|
12280
12333
|
|
|
12281
12334
|
var BulkFilter = function BulkFilter() {
|
|
12282
12335
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12397,7 +12450,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12397
12450
|
})))));
|
|
12398
12451
|
};
|
|
12399
12452
|
|
|
12400
|
-
var _templateObject$
|
|
12453
|
+
var _templateObject$2l, _templateObject2$1I, _templateObject3$11;
|
|
12401
12454
|
// import Pagination from './table-view/Pagination';
|
|
12402
12455
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12403
12456
|
function ReturnMainTable() {
|
|
@@ -12424,9 +12477,11 @@ function ReturnMainTable() {
|
|
|
12424
12477
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
12425
12478
|
endpoint: "/return_orders/get/client-returns/",
|
|
12426
12479
|
method: 'GET',
|
|
12480
|
+
//@ts-ignore
|
|
12427
12481
|
pagination: {
|
|
12428
12482
|
page: 1,
|
|
12429
|
-
per_page: 200
|
|
12483
|
+
per_page: 200,
|
|
12484
|
+
is_pagination: false
|
|
12430
12485
|
}
|
|
12431
12486
|
}),
|
|
12432
12487
|
fetchedClientData = _useApiHook.data,
|
|
@@ -12452,28 +12507,28 @@ function ReturnMainTable() {
|
|
|
12452
12507
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12453
12508
|
}, React__default.createElement("div", {
|
|
12454
12509
|
className: "Tableconatiner"
|
|
12455
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
12510
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1h, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), getClient ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)))));
|
|
12456
12511
|
}
|
|
12457
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12458
|
-
var Container$
|
|
12512
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12513
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12459
12514
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$11 || (_templateObject3$11 = /*#__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"])));
|
|
12460
12515
|
|
|
12461
|
-
var _templateObject$
|
|
12462
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12463
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12516
|
+
var _templateObject$2m, _templateObject2$1J;
|
|
12517
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
12518
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12464
12519
|
|
|
12465
|
-
var _templateObject$
|
|
12520
|
+
var _templateObject$2n;
|
|
12466
12521
|
var HeaderTitle = function HeaderTitle(props) {
|
|
12467
12522
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$7, null, props.title));
|
|
12468
12523
|
};
|
|
12469
|
-
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
12524
|
+
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
12470
12525
|
|
|
12471
|
-
var _templateObject$
|
|
12526
|
+
var _templateObject$2o, _templateObject2$1K;
|
|
12472
12527
|
function Breadcrumb(props) {
|
|
12473
12528
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
12474
12529
|
}
|
|
12475
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12476
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
12530
|
+
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12531
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
12477
12532
|
|
|
12478
12533
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12479
12534
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -12517,15 +12572,19 @@ function ReturnClient() {
|
|
|
12517
12572
|
setLocationData = _useLocationData[1];
|
|
12518
12573
|
var _useStatusOrderData = useStatusOrderData(),
|
|
12519
12574
|
setStatusOfOrders = _useStatusOrderData[1];
|
|
12520
|
-
|
|
12521
|
-
|
|
12522
|
-
|
|
12575
|
+
var splitPath = function splitPath(str) {
|
|
12576
|
+
var _str$split;
|
|
12577
|
+
var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
|
|
12578
|
+
return part !== '';
|
|
12579
|
+
}); // Filter out empty parts
|
|
12580
|
+
return parts;
|
|
12581
|
+
};
|
|
12582
|
+
var paths = splitPath(location.pathname);
|
|
12523
12583
|
React.useEffect(function () {
|
|
12524
|
-
if (
|
|
12584
|
+
if (paths[paths.length - 1] === 'returnclient') {
|
|
12525
12585
|
localStorage.removeItem('clientName');
|
|
12526
12586
|
localStorage.removeItem('clientId');
|
|
12527
12587
|
localStorage.removeItem('uuid');
|
|
12528
|
-
// dispatch({ type: 'CLEAR_CLIENT', payload: [] });
|
|
12529
12588
|
}
|
|
12530
12589
|
}, [location.pathname]);
|
|
12531
12590
|
React.useEffect(function () {
|