@bjsdistribution/dms-client-return 0.0.23 → 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 +436 -381
- 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 +437 -382
- 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/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 +0 -10
|
@@ -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];
|
|
@@ -9634,7 +9669,7 @@ function SelectionFilter() {
|
|
|
9634
9669
|
disabled: !isButtonEnabled
|
|
9635
9670
|
}, "Apply"))));
|
|
9636
9671
|
}
|
|
9637
|
-
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"])));
|
|
9638
9673
|
|
|
9639
9674
|
// import { ApiResponse } from '../../types';
|
|
9640
9675
|
// import { useApiHook } from '@bjsdistribution/dms-component-library';
|
|
@@ -9698,17 +9733,17 @@ function HeaderFilter() {
|
|
|
9698
9733
|
return React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null));
|
|
9699
9734
|
}
|
|
9700
9735
|
|
|
9701
|
-
var _templateObject$
|
|
9736
|
+
var _templateObject$1Z, _templateObject4$v, _templateObject5$k, _templateObject7$e, _templateObject8$9;
|
|
9702
9737
|
//Left side
|
|
9703
|
-
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"])));
|
|
9704
9739
|
//
|
|
9705
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"])));
|
|
9706
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"])));
|
|
9707
|
-
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"])));
|
|
9708
9743
|
// Right side filter
|
|
9709
9744
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9710
9745
|
|
|
9711
|
-
var _templateObject$
|
|
9746
|
+
var _templateObject$1_, _templateObject2$1o;
|
|
9712
9747
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9713
9748
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9714
9749
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9717,7 +9752,7 @@ var RightFilters = function RightFilters() {
|
|
|
9717
9752
|
dispatch = _useAtom[1];
|
|
9718
9753
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9719
9754
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9720
|
-
return React__default.createElement(Container$
|
|
9755
|
+
return React__default.createElement(Container$14, null, React__default.createElement(ButtonText, {
|
|
9721
9756
|
onClick: function onClick() {
|
|
9722
9757
|
return dispatch({
|
|
9723
9758
|
type: 'create-return'
|
|
@@ -9726,7 +9761,7 @@ var RightFilters = function RightFilters() {
|
|
|
9726
9761
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9727
9762
|
}, "Create Return"));
|
|
9728
9763
|
};
|
|
9729
|
-
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"])));
|
|
9730
9765
|
// const Mid = styled.div`
|
|
9731
9766
|
// display: flex;
|
|
9732
9767
|
// padding: 4px 10px;
|
|
@@ -9735,17 +9770,17 @@ var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_temp
|
|
|
9735
9770
|
// align-self: stretch;
|
|
9736
9771
|
// border-radius: 15px 0px 0px 15px;
|
|
9737
9772
|
// `;
|
|
9738
|
-
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"])));
|
|
9739
9774
|
|
|
9740
9775
|
var ReturnFilter = function ReturnFilter() {
|
|
9741
9776
|
var _useParams = reactRouterDom.useParams(),
|
|
9742
9777
|
clientName = _useParams.clientName;
|
|
9743
|
-
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)));
|
|
9744
9779
|
};
|
|
9745
9780
|
|
|
9746
|
-
var _templateObject$
|
|
9747
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9748
|
-
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"])));
|
|
9749
9784
|
// Styled components
|
|
9750
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"])));
|
|
9751
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"])));
|
|
@@ -9936,7 +9971,7 @@ var optionsForReturnPrint = [{
|
|
|
9936
9971
|
label: 'Print Return Labels'
|
|
9937
9972
|
}];
|
|
9938
9973
|
|
|
9939
|
-
var _templateObject$
|
|
9974
|
+
var _templateObject$20, _templateObject2$1q;
|
|
9940
9975
|
var options$1 = optionsForReturnPrint;
|
|
9941
9976
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9942
9977
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9953,8 +9988,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9953
9988
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
9954
9989
|
}));
|
|
9955
9990
|
};
|
|
9956
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
9957
|
-
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"])));
|
|
9958
9993
|
|
|
9959
9994
|
var _excluded$3 = ["count"];
|
|
9960
9995
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10165,7 +10200,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10165
10200
|
var mergedPayload = Object.values(groupedPayload);
|
|
10166
10201
|
setGrouped(mergedPayload);
|
|
10167
10202
|
}, [newpayload]);
|
|
10168
|
-
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) {
|
|
10169
10206
|
var _item$order_product_r;
|
|
10170
10207
|
return (item == null || (_item$order_product_r = item.order_product_return_action) == null ? void 0 : _item$order_product_r.type) === 'RTS';
|
|
10171
10208
|
}) ? React__default.createElement("th", {
|
|
@@ -10284,12 +10321,12 @@ var DefectConfirm = [{
|
|
|
10284
10321
|
value: 'no'
|
|
10285
10322
|
}];
|
|
10286
10323
|
|
|
10287
|
-
var _templateObject$
|
|
10324
|
+
var _templateObject$21, _templateObject2$1r, _templateObject3$U, _templateObject4$x;
|
|
10288
10325
|
var DefetcDetails = function DefetcDetails() {
|
|
10289
10326
|
var handleSelectChange = function handleSelectChange() {
|
|
10290
10327
|
console.log('Option selected');
|
|
10291
10328
|
};
|
|
10292
|
-
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, {
|
|
10293
10330
|
label: "What is the defect"
|
|
10294
10331
|
}), React__default.createElement(StyledAntSelect$5, {
|
|
10295
10332
|
options: TaskType,
|
|
@@ -10326,12 +10363,12 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10326
10363
|
selectWrapperClass: "rounded"
|
|
10327
10364
|
}))));
|
|
10328
10365
|
};
|
|
10329
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10330
|
-
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"])));
|
|
10331
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"])));
|
|
10332
10369
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10333
10370
|
|
|
10334
|
-
var _templateObject$
|
|
10371
|
+
var _templateObject$22;
|
|
10335
10372
|
var RepackProduct = function RepackProduct() {
|
|
10336
10373
|
var options = [{
|
|
10337
10374
|
value: 'bjsCouriers',
|
|
@@ -10391,9 +10428,9 @@ var RepackProduct = function RepackProduct() {
|
|
|
10391
10428
|
}
|
|
10392
10429
|
})));
|
|
10393
10430
|
};
|
|
10394
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10431
|
+
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10395
10432
|
|
|
10396
|
-
var _templateObject$
|
|
10433
|
+
var _templateObject$23, _templateObject2$1s, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10397
10434
|
var RepackDetails = function RepackDetails() {
|
|
10398
10435
|
var _useState = React.useState(false),
|
|
10399
10436
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10404,7 +10441,7 @@ var RepackDetails = function RepackDetails() {
|
|
|
10404
10441
|
var handleSelectChange = function handleSelectChange() {
|
|
10405
10442
|
console.log('Option selected');
|
|
10406
10443
|
};
|
|
10407
|
-
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, {
|
|
10408
10445
|
label: "Who repacked it?"
|
|
10409
10446
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
10410
10447
|
options: TaskType,
|
|
@@ -10440,19 +10477,19 @@ var RepackDetails = function RepackDetails() {
|
|
|
10440
10477
|
}
|
|
10441
10478
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10442
10479
|
};
|
|
10443
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10444
|
-
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"])));
|
|
10445
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"])));
|
|
10446
|
-
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"])));
|
|
10447
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"])));
|
|
10448
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"])));
|
|
10449
10486
|
|
|
10450
|
-
var _templateObject$
|
|
10487
|
+
var _templateObject$24, _templateObject2$1t, _templateObject3$W, _templateObject4$z;
|
|
10451
10488
|
var OtherDamage = function OtherDamage() {
|
|
10452
10489
|
var handleSelectChange = function handleSelectChange() {
|
|
10453
10490
|
console.log('Option selected');
|
|
10454
10491
|
};
|
|
10455
|
-
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, {
|
|
10456
10493
|
label: "What is the primary defect?"
|
|
10457
10494
|
}), React__default.createElement(StyledAntSelect$7, {
|
|
10458
10495
|
options: TaskType,
|
|
@@ -10503,12 +10540,12 @@ var OtherDamage = function OtherDamage() {
|
|
|
10503
10540
|
selectWrapperClass: "rounded"
|
|
10504
10541
|
}))));
|
|
10505
10542
|
};
|
|
10506
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10507
|
-
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"])));
|
|
10508
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"])));
|
|
10509
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"])));
|
|
10510
10547
|
|
|
10511
|
-
var _templateObject$
|
|
10548
|
+
var _templateObject$25, _templateObject2$1u, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10512
10549
|
var AddDefect = function AddDefect() {
|
|
10513
10550
|
var _useState = React.useState({
|
|
10514
10551
|
actionDuring: '',
|
|
@@ -10535,7 +10572,7 @@ var AddDefect = function AddDefect() {
|
|
|
10535
10572
|
});
|
|
10536
10573
|
});
|
|
10537
10574
|
};
|
|
10538
|
-
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, {
|
|
10539
10576
|
label: "Does the packaging have any damage?"
|
|
10540
10577
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10541
10578
|
options: DefectConfirm,
|
|
@@ -10548,7 +10585,7 @@ var AddDefect = function AddDefect() {
|
|
|
10548
10585
|
return React__default.createElement(DefetcDetails, {
|
|
10549
10586
|
key: index
|
|
10550
10587
|
});
|
|
10551
|
-
})), 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, {
|
|
10552
10589
|
label: "Has the product been checked?"
|
|
10553
10590
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10554
10591
|
options: DefectConfirm,
|
|
@@ -10562,7 +10599,7 @@ var AddDefect = function AddDefect() {
|
|
|
10562
10599
|
placeholder: "Select",
|
|
10563
10600
|
onChange: handleChange('productDamage'),
|
|
10564
10601
|
selectWrapperClass: "rounded"
|
|
10565
|
-
}))), 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, {
|
|
10566
10603
|
label: "Has the product been repacked?"
|
|
10567
10604
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
10568
10605
|
options: DefectConfirm,
|
|
@@ -10571,18 +10608,18 @@ var AddDefect = function AddDefect() {
|
|
|
10571
10608
|
selectWrapperClass: "rounded"
|
|
10572
10609
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10573
10610
|
};
|
|
10574
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10575
|
-
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"])));
|
|
10576
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"])));
|
|
10577
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"])));
|
|
10578
10615
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10579
10616
|
|
|
10580
|
-
var _templateObject$
|
|
10617
|
+
var _templateObject$26, _templateObject2$1v, _templateObject3$Y, _templateObject4$B;
|
|
10581
10618
|
var QCLogs = function QCLogs() {
|
|
10582
10619
|
var handleSelectChange = function handleSelectChange() {
|
|
10583
10620
|
console.log('Option selected');
|
|
10584
10621
|
};
|
|
10585
|
-
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, {
|
|
10586
10623
|
label: "Action During"
|
|
10587
10624
|
}), React__default.createElement(StyledAntSelect$9, {
|
|
10588
10625
|
options: TaskType,
|
|
@@ -10598,12 +10635,12 @@ var QCLogs = function QCLogs() {
|
|
|
10598
10635
|
selectWrapperClass: "rounded"
|
|
10599
10636
|
}))), React__default.createElement(AddDefect, null));
|
|
10600
10637
|
};
|
|
10601
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
10602
|
-
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"])));
|
|
10603
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"])));
|
|
10604
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"])));
|
|
10605
10642
|
|
|
10606
|
-
var _templateObject$
|
|
10643
|
+
var _templateObject$27, _templateObject2$1w, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10607
10644
|
function UpdateProduct() {
|
|
10608
10645
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10609
10646
|
var _useState = React.useState(),
|
|
@@ -10663,7 +10700,7 @@ function UpdateProduct() {
|
|
|
10663
10700
|
value: option.id
|
|
10664
10701
|
};
|
|
10665
10702
|
});
|
|
10666
|
-
return React__default.createElement(Container$
|
|
10703
|
+
return React__default.createElement(Container$1a, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10667
10704
|
label: "Product Type"
|
|
10668
10705
|
}), React__default.createElement(StyledAntSelect$a, {
|
|
10669
10706
|
options: productTypeOptions,
|
|
@@ -10700,13 +10737,13 @@ function UpdateProduct() {
|
|
|
10700
10737
|
selectWrapperClass: "rounded"
|
|
10701
10738
|
}))));
|
|
10702
10739
|
}
|
|
10703
|
-
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10704
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10705
|
-
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([""])));
|
|
10706
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"])));
|
|
10707
10744
|
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10708
10745
|
|
|
10709
|
-
var _templateObject$
|
|
10746
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$_;
|
|
10710
10747
|
function UnReceiveProduct() {
|
|
10711
10748
|
var _orderStaticData$unre;
|
|
10712
10749
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10743,7 +10780,7 @@ function UnReceiveProduct() {
|
|
|
10743
10780
|
value: option.id
|
|
10744
10781
|
};
|
|
10745
10782
|
});
|
|
10746
|
-
return React__default.createElement(Container$
|
|
10783
|
+
return React__default.createElement(Container$1b, null, React__default.createElement(LabelWrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10747
10784
|
label: "Reason"
|
|
10748
10785
|
}), React__default.createElement(StyledAntSelect$b, {
|
|
10749
10786
|
options: returnActionOptions,
|
|
@@ -10754,18 +10791,18 @@ function UnReceiveProduct() {
|
|
|
10754
10791
|
onNotesChange: handleNotesChange
|
|
10755
10792
|
})));
|
|
10756
10793
|
}
|
|
10757
|
-
var Container$
|
|
10758
|
-
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"])));
|
|
10759
10796
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10760
10797
|
|
|
10761
|
-
var _templateObject$
|
|
10798
|
+
var _templateObject$29, _templateObject2$1y;
|
|
10762
10799
|
var ProductAction = function ProductAction() {
|
|
10763
10800
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10764
10801
|
setSelectedTabKey = _useAtom[1];
|
|
10765
10802
|
var handleTabChange = function handleTabChange(activeKey) {
|
|
10766
10803
|
setSelectedTabKey(activeKey);
|
|
10767
10804
|
};
|
|
10768
|
-
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, {
|
|
10769
10806
|
defaultActiveKey: "1",
|
|
10770
10807
|
onChange: handleTabChange,
|
|
10771
10808
|
items: [{
|
|
@@ -10783,10 +10820,10 @@ var ProductAction = function ProductAction() {
|
|
|
10783
10820
|
}]
|
|
10784
10821
|
}))));
|
|
10785
10822
|
};
|
|
10786
|
-
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10787
|
-
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"])));
|
|
10788
10825
|
|
|
10789
|
-
var _templateObject$
|
|
10826
|
+
var _templateObject$2a;
|
|
10790
10827
|
var LogsTable = function LogsTable() {
|
|
10791
10828
|
var options = [{
|
|
10792
10829
|
value: 'bjsCouriers',
|
|
@@ -10861,9 +10898,9 @@ var LogsTable = function LogsTable() {
|
|
|
10861
10898
|
}
|
|
10862
10899
|
})));
|
|
10863
10900
|
};
|
|
10864
|
-
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10901
|
+
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10865
10902
|
|
|
10866
|
-
var _templateObject$
|
|
10903
|
+
var _templateObject$2b, _templateObject2$1z;
|
|
10867
10904
|
var DefectsModal = function DefectsModal() {
|
|
10868
10905
|
var options = [{
|
|
10869
10906
|
value: 'bjsCouriers',
|
|
@@ -10915,10 +10952,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10915
10952
|
}
|
|
10916
10953
|
}))));
|
|
10917
10954
|
};
|
|
10918
|
-
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10919
|
-
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([""])));
|
|
10920
10957
|
|
|
10921
|
-
var _templateObject$
|
|
10958
|
+
var _templateObject$2c;
|
|
10922
10959
|
var repackModal = function repackModal() {
|
|
10923
10960
|
var columns = [{
|
|
10924
10961
|
key: 'packaging_type',
|
|
@@ -10948,9 +10985,9 @@ var repackModal = function repackModal() {
|
|
|
10948
10985
|
}
|
|
10949
10986
|
}))));
|
|
10950
10987
|
};
|
|
10951
|
-
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"])));
|
|
10952
10989
|
|
|
10953
|
-
var _templateObject$
|
|
10990
|
+
var _templateObject$2d, _templateObject2$1A, _templateObject3$$;
|
|
10954
10991
|
var _excluded$4 = ["id"];
|
|
10955
10992
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10956
10993
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11005,7 +11042,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11005
11042
|
type: "info",
|
|
11006
11043
|
title: "Do you wish to proceed?",
|
|
11007
11044
|
showOkButton: false
|
|
11008
|
-
}), React__default.createElement(Container$
|
|
11045
|
+
}), React__default.createElement(Container$1d, null, React__default.createElement("ul", {
|
|
11009
11046
|
style: {
|
|
11010
11047
|
listStyle: 'none',
|
|
11011
11048
|
padding: 0
|
|
@@ -11030,8 +11067,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11030
11067
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
11031
11068
|
})))));
|
|
11032
11069
|
};
|
|
11033
|
-
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11034
|
-
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([""])));
|
|
11035
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"])));
|
|
11036
11073
|
|
|
11037
11074
|
var ModalManager = function ModalManager() {
|
|
@@ -11327,9 +11364,9 @@ var ModalManager = function ModalManager() {
|
|
|
11327
11364
|
}));
|
|
11328
11365
|
};
|
|
11329
11366
|
|
|
11330
|
-
var _templateObject$
|
|
11331
|
-
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11332
|
-
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"])));
|
|
11333
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"])));
|
|
11334
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"])));
|
|
11335
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"])));
|
|
@@ -11451,7 +11488,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11451
11488
|
}, React__default.createElement(NextIcon, null)))));
|
|
11452
11489
|
};
|
|
11453
11490
|
|
|
11454
|
-
var _templateObject$
|
|
11491
|
+
var _templateObject$2f, _templateObject2$1C;
|
|
11455
11492
|
var ReturnTable = function ReturnTable() {
|
|
11456
11493
|
var _UsePaginationData = UsePaginationData(),
|
|
11457
11494
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11470,7 +11507,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11470
11507
|
};
|
|
11471
11508
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$1, null, React__default.createElement("div", {
|
|
11472
11509
|
className: "Tableconatiner"
|
|
11473
|
-
}, 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, {
|
|
11474
11511
|
currentPage: page,
|
|
11475
11512
|
totalItems: total,
|
|
11476
11513
|
itemsPerPage: itemsPerPage,
|
|
@@ -11478,8 +11515,8 @@ var ReturnTable = function ReturnTable() {
|
|
|
11478
11515
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11479
11516
|
})))), React__default.createElement(ModalManager, null));
|
|
11480
11517
|
};
|
|
11481
|
-
var Container$
|
|
11482
|
-
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"])));
|
|
11483
11520
|
|
|
11484
11521
|
function LoadIcon() {
|
|
11485
11522
|
return React__default.createElement("svg", {
|
|
@@ -11497,7 +11534,7 @@ function LoadIcon() {
|
|
|
11497
11534
|
}));
|
|
11498
11535
|
}
|
|
11499
11536
|
|
|
11500
|
-
var _templateObject$
|
|
11537
|
+
var _templateObject$2g, _templateObject2$1D;
|
|
11501
11538
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11502
11539
|
var legacyProductId = _ref.legacyProductId;
|
|
11503
11540
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11524,8 +11561,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11524
11561
|
}, IconComponent && React__default.createElement(IconComponent, null), item.label);
|
|
11525
11562
|
}));
|
|
11526
11563
|
};
|
|
11527
|
-
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
11528
|
-
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) {
|
|
11529
11566
|
var disabled = _ref2.disabled;
|
|
11530
11567
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11531
11568
|
}, function (_ref3) {
|
|
@@ -11607,12 +11644,17 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11607
11644
|
color: '#E95252',
|
|
11608
11645
|
background: 'rgba(233, 82, 82, 0.15)'
|
|
11609
11646
|
};
|
|
11610
|
-
case '
|
|
11647
|
+
case 'On Hold':
|
|
11648
|
+
return {
|
|
11649
|
+
color: '#F4A503',
|
|
11650
|
+
background: '#FFF1D6'
|
|
11651
|
+
};
|
|
11652
|
+
case 'Sub-Contracted':
|
|
11611
11653
|
return {
|
|
11612
11654
|
color: '#F4A503',
|
|
11613
11655
|
background: '#FFF1D6'
|
|
11614
11656
|
};
|
|
11615
|
-
case 'Awaiting':
|
|
11657
|
+
case 'Awaiting route':
|
|
11616
11658
|
return {
|
|
11617
11659
|
color: '#845ADF',
|
|
11618
11660
|
background: 'rgba(132, 90, 223, 0.15)'
|
|
@@ -11622,6 +11664,16 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11622
11664
|
color: '#1F9254',
|
|
11623
11665
|
background: 'rgba(41, 204, 106, 0.15)'
|
|
11624
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
|
+
};
|
|
11625
11677
|
default:
|
|
11626
11678
|
return {
|
|
11627
11679
|
color: '#000',
|
|
@@ -11632,7 +11684,9 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11632
11684
|
var _useOrderId = useOrderId(),
|
|
11633
11685
|
setOrderId = _useOrderId[1];
|
|
11634
11686
|
// console.log(id, 'idid');
|
|
11635
|
-
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", {
|
|
11636
11690
|
className: "emailInvoiceNo"
|
|
11637
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", {
|
|
11638
11692
|
className: "emailInvoiceShare"
|
|
@@ -11647,14 +11701,15 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11647
11701
|
}, React__default.createElement(EmptyDataContainer$1, null, React__default.createElement(antd.Empty, null)))) : returnAfterOrder == null ? void 0 : returnAfterOrder.map(function (item, index) {
|
|
11648
11702
|
var _item$return_location, _item$order_recipient, _item$order_recipient2, _item$customer_data;
|
|
11649
11703
|
var statusMapping = {
|
|
11650
|
-
|
|
11704
|
+
cancelled: 'Cancelled',
|
|
11651
11705
|
OO: 'On Hold',
|
|
11652
11706
|
SC: 'Sub-Contracted',
|
|
11653
|
-
|
|
11654
|
-
|
|
11655
|
-
|
|
11707
|
+
'awaiting route': 'Awaiting route',
|
|
11708
|
+
completed: 'completed',
|
|
11709
|
+
outstanding: 'Outstanding',
|
|
11710
|
+
routed: 'Routed'
|
|
11656
11711
|
};
|
|
11657
|
-
var status = statusMapping[item == null ? void 0 : item.
|
|
11712
|
+
var status = statusMapping[item == null ? void 0 : item.status_value] || 'Unknown';
|
|
11658
11713
|
var statusClass = getStatusClass(status);
|
|
11659
11714
|
return React__default.createElement("tr", {
|
|
11660
11715
|
key: item.id
|
|
@@ -11693,10 +11748,14 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11693
11748
|
})), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
11694
11749
|
className: "statuscontainer",
|
|
11695
11750
|
style: {
|
|
11696
|
-
listStyleType: 'none'
|
|
11751
|
+
listStyleType: 'none',
|
|
11752
|
+
background: statusClass.background
|
|
11697
11753
|
}
|
|
11698
11754
|
}, React__default.createElement("li", {
|
|
11699
|
-
className: "statustext
|
|
11755
|
+
className: "statustext",
|
|
11756
|
+
style: {
|
|
11757
|
+
color: statusClass.color
|
|
11758
|
+
}
|
|
11700
11759
|
}, status))), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
11701
11760
|
className: "actionbox"
|
|
11702
11761
|
}, React__default.createElement(CustomDrop, {
|
|
@@ -11717,10 +11776,10 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11717
11776
|
})))));
|
|
11718
11777
|
};
|
|
11719
11778
|
|
|
11720
|
-
var _templateObject$
|
|
11779
|
+
var _templateObject$2h;
|
|
11721
11780
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
11722
11781
|
var TableFilters = function TableFilters() {
|
|
11723
|
-
return React__default.createElement(Container$
|
|
11782
|
+
return React__default.createElement(Container$1f, null);
|
|
11724
11783
|
// return (
|
|
11725
11784
|
// // <StyledBulkFilterCover>
|
|
11726
11785
|
// <StyledBulkItem>
|
|
@@ -11734,7 +11793,7 @@ var TableFilters = function TableFilters() {
|
|
|
11734
11793
|
// // </StyledBulkFilterCover>
|
|
11735
11794
|
// );
|
|
11736
11795
|
};
|
|
11737
|
-
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"])));
|
|
11738
11797
|
|
|
11739
11798
|
var FilterIcon = function FilterIcon() {
|
|
11740
11799
|
return React__default.createElement("svg", {
|
|
@@ -11912,7 +11971,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11912
11971
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11913
11972
|
});
|
|
11914
11973
|
|
|
11915
|
-
var _templateObject$
|
|
11974
|
+
var _templateObject$2i, _templateObject2$1E;
|
|
11916
11975
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11917
11976
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11918
11977
|
dispatch = _useAtom[1];
|
|
@@ -12088,9 +12147,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12088
12147
|
className: "cross"
|
|
12089
12148
|
})), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
|
|
12090
12149
|
};
|
|
12091
|
-
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"])));
|
|
12092
12151
|
// const DropdownContainer = styled.div``;
|
|
12093
|
-
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"])));
|
|
12094
12153
|
|
|
12095
12154
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12096
12155
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12176,7 +12235,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12176
12235
|
}, React__default.createElement(NextIcon, null)))));
|
|
12177
12236
|
};
|
|
12178
12237
|
|
|
12179
|
-
var _templateObject$
|
|
12238
|
+
var _templateObject$2j, _templateObject2$1F;
|
|
12180
12239
|
var _excluded$5 = ["count"];
|
|
12181
12240
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12182
12241
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12240,7 +12299,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12240
12299
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
12241
12300
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement("div", {
|
|
12242
12301
|
className: "Tableconatiner"
|
|
12243
|
-
}, 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, {
|
|
12244
12303
|
currentPage: page,
|
|
12245
12304
|
totalItems: total,
|
|
12246
12305
|
itemsPerPage: itemsPerPage,
|
|
@@ -12248,13 +12307,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12248
12307
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12249
12308
|
})))));
|
|
12250
12309
|
};
|
|
12251
|
-
var Container$
|
|
12252
|
-
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"])));
|
|
12253
12312
|
|
|
12254
|
-
var _templateObject2$
|
|
12255
|
-
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"])));
|
|
12256
12315
|
|
|
12257
|
-
var _templateObject$
|
|
12316
|
+
var _templateObject$2k, _templateObject2$1H;
|
|
12258
12317
|
var SearchType = function SearchType() {
|
|
12259
12318
|
var _useState = React.useState(''),
|
|
12260
12319
|
searchText = _useState[0],
|
|
@@ -12269,8 +12328,8 @@ var SearchType = function SearchType() {
|
|
|
12269
12328
|
onChange: handleInputChange
|
|
12270
12329
|
}));
|
|
12271
12330
|
};
|
|
12272
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12273
|
-
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"])));
|
|
12274
12333
|
|
|
12275
12334
|
var BulkFilter = function BulkFilter() {
|
|
12276
12335
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12391,7 +12450,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12391
12450
|
})))));
|
|
12392
12451
|
};
|
|
12393
12452
|
|
|
12394
|
-
var _templateObject$
|
|
12453
|
+
var _templateObject$2l, _templateObject2$1I, _templateObject3$11;
|
|
12395
12454
|
// import Pagination from './table-view/Pagination';
|
|
12396
12455
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12397
12456
|
function ReturnMainTable() {
|
|
@@ -12418,9 +12477,11 @@ function ReturnMainTable() {
|
|
|
12418
12477
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
12419
12478
|
endpoint: "/return_orders/get/client-returns/",
|
|
12420
12479
|
method: 'GET',
|
|
12480
|
+
//@ts-ignore
|
|
12421
12481
|
pagination: {
|
|
12422
12482
|
page: 1,
|
|
12423
|
-
per_page: 200
|
|
12483
|
+
per_page: 200,
|
|
12484
|
+
is_pagination: false
|
|
12424
12485
|
}
|
|
12425
12486
|
}),
|
|
12426
12487
|
fetchedClientData = _useApiHook.data,
|
|
@@ -12446,28 +12507,28 @@ function ReturnMainTable() {
|
|
|
12446
12507
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12447
12508
|
}, React__default.createElement("div", {
|
|
12448
12509
|
className: "Tableconatiner"
|
|
12449
|
-
}, 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)))));
|
|
12450
12511
|
}
|
|
12451
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12452
|
-
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"])));
|
|
12453
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"])));
|
|
12454
12515
|
|
|
12455
|
-
var _templateObject$
|
|
12456
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12457
|
-
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"])));
|
|
12458
12519
|
|
|
12459
|
-
var _templateObject$
|
|
12520
|
+
var _templateObject$2n;
|
|
12460
12521
|
var HeaderTitle = function HeaderTitle(props) {
|
|
12461
12522
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$7, null, props.title));
|
|
12462
12523
|
};
|
|
12463
|
-
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"])));
|
|
12464
12525
|
|
|
12465
|
-
var _templateObject$
|
|
12526
|
+
var _templateObject$2o, _templateObject2$1K;
|
|
12466
12527
|
function Breadcrumb(props) {
|
|
12467
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)));
|
|
12468
12529
|
}
|
|
12469
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12470
|
-
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"])));
|
|
12471
12532
|
|
|
12472
12533
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12473
12534
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -12511,9 +12572,6 @@ function ReturnClient() {
|
|
|
12511
12572
|
setLocationData = _useLocationData[1];
|
|
12512
12573
|
var _useStatusOrderData = useStatusOrderData(),
|
|
12513
12574
|
setStatusOfOrders = _useStatusOrderData[1];
|
|
12514
|
-
// const [, dispatch] = useAtom(filtersReducerAtom);
|
|
12515
|
-
console.log(selectedClientString, 'selectedClient');
|
|
12516
|
-
console.log("../filter/:" + selectedClientString);
|
|
12517
12575
|
var splitPath = function splitPath(str) {
|
|
12518
12576
|
var _str$split;
|
|
12519
12577
|
var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
|
|
@@ -12522,14 +12580,11 @@ function ReturnClient() {
|
|
|
12522
12580
|
return parts;
|
|
12523
12581
|
};
|
|
12524
12582
|
var paths = splitPath(location.pathname);
|
|
12525
|
-
console.log(paths, 'pathssssssssssssssssssssssssssss');
|
|
12526
12583
|
React.useEffect(function () {
|
|
12527
|
-
console.log(paths[paths.length - 1], 'paths[paths.length] paths[paths.length]');
|
|
12528
12584
|
if (paths[paths.length - 1] === 'returnclient') {
|
|
12529
12585
|
localStorage.removeItem('clientName');
|
|
12530
12586
|
localStorage.removeItem('clientId');
|
|
12531
12587
|
localStorage.removeItem('uuid');
|
|
12532
|
-
// dispatch({ type: 'CLEAR_CLIENT', payload: [] });
|
|
12533
12588
|
}
|
|
12534
12589
|
}, [location.pathname]);
|
|
12535
12590
|
React.useEffect(function () {
|