@bjsdistribution/dms-client-return 0.0.22 → 0.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/services-slider/ServiceSlider.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +447 -388
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +448 -389
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/common/services-slider/ServiceSlider.tsx +9 -8
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +3 -7
- package/src/components/order-daily-overview/header-filters/filterStore.ts +7 -7
- package/src/components/order-daily-overview/index.tsx +2 -1
- package/src/components/order-daily-overview/return-after-table/table/OrderTable.tsx +25 -11
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +7 -1
- package/src/components/order-view/order-details/expanded-content/services-section/AssemblyType.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceLevel.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +1 -0
- package/src/components/order-view/products-info/expanded-content/index.tsx +16 -13
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +7 -1
- package/src/index.tsx +6 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState, useMemo, useCallback, useRef, Suspense } from 'react';
|
|
2
2
|
import { useLocation, useParams, useNavigate, NavLink, Routes, Route } from 'react-router-dom';
|
|
3
3
|
import styled, { css, keyframes } from 'styled-components';
|
|
4
|
-
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button as Button$1, useApiHook, formatDateTime, Checkbox as Checkbox$1, SectionHeader, CrossIcon,
|
|
4
|
+
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button as Button$1, useApiHook, formatDateTime, Checkbox as Checkbox$1, AntSelect, SectionHeader, CrossIcon, Alert, CustomRating, AntTable, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { atomWithReducer } from 'jotai/utils';
|
|
7
7
|
import { DatePicker, notification, Skeleton, Upload, message, Empty, Input as Input$2, Select, Checkbox as Checkbox$2, Tabs } from 'antd';
|
|
@@ -1958,7 +1958,8 @@ function TimedServiceDropdown() {
|
|
|
1958
1958
|
return f.value === timesServiceId;
|
|
1959
1959
|
}),
|
|
1960
1960
|
inputId: "timedServiceDropdown",
|
|
1961
|
-
onChange: onChange
|
|
1961
|
+
onChange: onChange,
|
|
1962
|
+
isDisabled: true
|
|
1962
1963
|
}));
|
|
1963
1964
|
}
|
|
1964
1965
|
var Container$l = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -1995,7 +1996,8 @@ function ServiceTypeDropdown() {
|
|
|
1995
1996
|
}),
|
|
1996
1997
|
inputId: "serviceTypeDropdown",
|
|
1997
1998
|
openMenuOnFocus: true,
|
|
1998
|
-
onChange: onChange
|
|
1999
|
+
onChange: onChange,
|
|
2000
|
+
isDisabled: true
|
|
1999
2001
|
}));
|
|
2000
2002
|
}
|
|
2001
2003
|
var Container$m = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -2035,7 +2037,8 @@ function DeliveryPointDropdown() {
|
|
|
2035
2037
|
return f.value === deliveryPointId;
|
|
2036
2038
|
}),
|
|
2037
2039
|
openMenuOnFocus: true,
|
|
2038
|
-
onChange: onChange
|
|
2040
|
+
onChange: onChange,
|
|
2041
|
+
isDisabled: true
|
|
2039
2042
|
}));
|
|
2040
2043
|
}
|
|
2041
2044
|
var Container$n = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
@@ -2069,7 +2072,8 @@ function ServiceLevel() {
|
|
|
2069
2072
|
heading: "Service Level",
|
|
2070
2073
|
options: serviceLevelOptions || [],
|
|
2071
2074
|
onChange: radioGroupHandler,
|
|
2072
|
-
required: true
|
|
2075
|
+
required: true,
|
|
2076
|
+
isDisabled: true
|
|
2073
2077
|
}));
|
|
2074
2078
|
}
|
|
2075
2079
|
var Container$o = /*#__PURE__*/styled.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"])));
|
|
@@ -2159,7 +2163,7 @@ function AssemblyType() {
|
|
|
2159
2163
|
onChange: radioGroupHandler,
|
|
2160
2164
|
required: false,
|
|
2161
2165
|
//@ts-ignore
|
|
2162
|
-
isDisabled:
|
|
2166
|
+
isDisabled: true
|
|
2163
2167
|
}));
|
|
2164
2168
|
}
|
|
2165
2169
|
var Container$p = /*#__PURE__*/styled.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) {
|
|
@@ -2191,27 +2195,24 @@ var getIcon = function getIcon(input) {
|
|
|
2191
2195
|
|
|
2192
2196
|
var _templateObject$z, _templateObject2$n, _templateObject3$a;
|
|
2193
2197
|
function ServiceSlider(props) {
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
};
|
|
2198
|
-
return React.createElement(Container$q, {
|
|
2199
|
-
onClick: function onClick() {
|
|
2200
|
-
return props.toggle(props.serviceId);
|
|
2201
|
-
}
|
|
2202
|
-
}, React.createElement(ServiceIcon, {
|
|
2198
|
+
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2199
|
+
// event.preventDefault();
|
|
2200
|
+
// props.toggle(props.serviceId);
|
|
2201
|
+
// };
|
|
2202
|
+
return React.createElement(Container$q, null, React.createElement(ServiceIcon, {
|
|
2203
2203
|
src: getIcon(props.serviceId)
|
|
2204
2204
|
}), React.createElement(ServiceName, null, props.serviceName), React.createElement("div", {
|
|
2205
|
-
|
|
2205
|
+
className: "hidden"
|
|
2206
2206
|
}, React.createElement(Switch, {
|
|
2207
2207
|
checked: props.isSelected,
|
|
2208
2208
|
name: props.serviceName,
|
|
2209
|
-
onChange: function onChange() {}
|
|
2209
|
+
onChange: function onChange() {},
|
|
2210
|
+
disabled: props == null ? void 0 : props.disabled
|
|
2210
2211
|
})));
|
|
2211
2212
|
}
|
|
2212
2213
|
var ServiceName = /*#__PURE__*/styled.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"])));
|
|
2213
2214
|
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2214
|
-
var Container$q = /*#__PURE__*/styled.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor:
|
|
2215
|
+
var Container$q = /*#__PURE__*/styled.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"])));
|
|
2215
2216
|
|
|
2216
2217
|
var _templateObject$A;
|
|
2217
2218
|
function OrderServices() {
|
|
@@ -2364,7 +2365,8 @@ function OrderServices() {
|
|
|
2364
2365
|
serviceId: service == null ? void 0 : service.id,
|
|
2365
2366
|
isSelected: selected,
|
|
2366
2367
|
toggle: toggleServices,
|
|
2367
|
-
key: service == null ? void 0 : service.id
|
|
2368
|
+
key: service == null ? void 0 : service.id,
|
|
2369
|
+
disabled: true
|
|
2368
2370
|
});
|
|
2369
2371
|
}));
|
|
2370
2372
|
}
|
|
@@ -3475,7 +3477,7 @@ var Section = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T =
|
|
|
3475
3477
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3476
3478
|
var StyledTable$1 = /*#__PURE__*/styled.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"])));
|
|
3477
3479
|
// Styled components
|
|
3478
|
-
var StyledTableWrapper = /*#__PURE__*/styled.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"])));
|
|
3480
|
+
var StyledTableWrapper = /*#__PURE__*/styled.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"])));
|
|
3479
3481
|
var CustomDrop = /*#__PURE__*/styled.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"])));
|
|
3480
3482
|
|
|
3481
3483
|
var ActionIcon = function ActionIcon() {
|
|
@@ -3629,14 +3631,21 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3629
3631
|
className: "emailInvoiceCheckbox"
|
|
3630
3632
|
}, React.createElement(Checkbox$1, {
|
|
3631
3633
|
checked: selectAll,
|
|
3632
|
-
onChange: handleSelectAll
|
|
3634
|
+
onChange: handleSelectAll,
|
|
3635
|
+
disabled: true,
|
|
3636
|
+
style: {
|
|
3637
|
+
cursor: 'not-allowed'
|
|
3638
|
+
}
|
|
3633
3639
|
})), React.createElement("th", null, "Location"), React.createElement("th", null, "Sender"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Return Reason"), React.createElement("th", null, "Part"), React.createElement("th", null, "Action"))), React.createElement("tbody", null, productData && productData.length > 0 ? productData.map(function (invoice) {
|
|
3634
3640
|
return React.createElement("tr", {
|
|
3635
3641
|
key: invoice.id
|
|
3636
3642
|
}, React.createElement("td", null, React.createElement(Checkbox$1, {
|
|
3637
3643
|
checked: selectedInvoices.some(function (selectedInvoice) {
|
|
3638
3644
|
return selectedInvoice.id === invoice.id;
|
|
3639
|
-
})
|
|
3645
|
+
}),
|
|
3646
|
+
style: {
|
|
3647
|
+
cursor: 'not-allowed'
|
|
3648
|
+
}
|
|
3640
3649
|
})), React.createElement("td", null, 'N/A'), React.createElement("td", null, 'N/A'), React.createElement("td", null, invoice.code), React.createElement("td", null, invoice.description), React.createElement("td", null, getReturnReasonLabel(invoice == null ? void 0 : invoice.return_reason_id)), ' ', React.createElement("td", null, "1 of 1"), React.createElement("td", null, React.createElement("div", {
|
|
3641
3650
|
onClick: function onClick() {
|
|
3642
3651
|
handleActionClick(invoice.id);
|
|
@@ -3660,27 +3669,52 @@ var ProductTable = function ProductTable() {
|
|
|
3660
3669
|
};
|
|
3661
3670
|
var Container$B = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3662
3671
|
|
|
3663
|
-
var _templateObject$V, _templateObject2$D
|
|
3664
|
-
function
|
|
3665
|
-
var
|
|
3666
|
-
|
|
3667
|
-
notification.success({
|
|
3668
|
-
message: 'Success',
|
|
3669
|
-
description: ' Saved successfully.'
|
|
3670
|
-
});
|
|
3672
|
+
var _templateObject$V, _templateObject2$D;
|
|
3673
|
+
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3674
|
+
var defaultSelectStyle = {
|
|
3675
|
+
width: '100%'
|
|
3671
3676
|
};
|
|
3672
|
-
|
|
3677
|
+
var defaultPopupClassName = 'dropDownStyle';
|
|
3678
|
+
var defaultSelectWrapperClass = 'rounded';
|
|
3679
|
+
return React.createElement(Container$C, null, React.createElement(Text$3, null, "New Return Order:"), React.createElement(AntSelect, {
|
|
3680
|
+
options: [],
|
|
3681
|
+
placeholder: "Select",
|
|
3682
|
+
onChange: function onChange() {},
|
|
3683
|
+
defaultValue: 'Current Return Order' ,
|
|
3684
|
+
style: defaultSelectStyle,
|
|
3685
|
+
disabled: false,
|
|
3686
|
+
// onSearch={handleSearch}
|
|
3687
|
+
showSearch: true,
|
|
3688
|
+
popupClassName: defaultPopupClassName,
|
|
3689
|
+
selectWrapperClass: defaultSelectWrapperClass
|
|
3690
|
+
}));
|
|
3691
|
+
};
|
|
3692
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3693
|
+
var Text$3 = /*#__PURE__*/styled.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"])));
|
|
3694
|
+
|
|
3695
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$m;
|
|
3696
|
+
// import { notification } from 'antd';
|
|
3697
|
+
function ExpandedContent$2() {
|
|
3698
|
+
// const SaveNote = () => {
|
|
3699
|
+
// // alert('saved');
|
|
3700
|
+
// notification.success({
|
|
3701
|
+
// message: 'Success',
|
|
3702
|
+
// description: ' Saved successfully.',
|
|
3703
|
+
// });
|
|
3704
|
+
// };
|
|
3705
|
+
return React.createElement(Container$D, null, React.createElement(ProductTable, null), React.createElement(MidConatiner, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button$1, {
|
|
3673
3706
|
style: {
|
|
3674
3707
|
borderRadius: '20px'
|
|
3675
3708
|
},
|
|
3676
|
-
onClick:
|
|
3677
|
-
|
|
3709
|
+
onClick: function onClick() {},
|
|
3710
|
+
disabled: true
|
|
3711
|
+
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
3678
3712
|
}
|
|
3679
|
-
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3680
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3681
|
-
var Container$
|
|
3713
|
+
var MidConatiner = /*#__PURE__*/styled.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"])));
|
|
3714
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3715
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3682
3716
|
|
|
3683
|
-
var _templateObject$
|
|
3717
|
+
var _templateObject$X;
|
|
3684
3718
|
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3685
3719
|
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3686
3720
|
// import { useAtom } from 'jotai';
|
|
@@ -3702,7 +3736,7 @@ function CollapsedContent$1() {
|
|
|
3702
3736
|
// }
|
|
3703
3737
|
// return `${weightData.toFixed(2)} KG`;
|
|
3704
3738
|
// };
|
|
3705
|
-
return React.createElement(Container$
|
|
3739
|
+
return React.createElement(Container$E, null, React.createElement(SectionHeader, {
|
|
3706
3740
|
label: "Products"
|
|
3707
3741
|
}));
|
|
3708
3742
|
}
|
|
@@ -3750,7 +3784,7 @@ function CollapsedContent$1() {
|
|
|
3750
3784
|
// align-items: center;
|
|
3751
3785
|
// gap: 30px;
|
|
3752
3786
|
// `;
|
|
3753
|
-
var Container$
|
|
3787
|
+
var Container$E = /*#__PURE__*/styled.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"])));
|
|
3754
3788
|
|
|
3755
3789
|
// Dropdown
|
|
3756
3790
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -3861,22 +3895,22 @@ function ProductsInfo() {
|
|
|
3861
3895
|
}, React.createElement(ExpandedContent$2, null));
|
|
3862
3896
|
}
|
|
3863
3897
|
|
|
3864
|
-
var _templateObject$
|
|
3898
|
+
var _templateObject$Y;
|
|
3865
3899
|
function BackgroundModal(props) {
|
|
3866
|
-
return createPortal(React.createElement(Container$
|
|
3900
|
+
return createPortal(React.createElement(Container$F, Object.assign({}, props), props.children), document.body);
|
|
3867
3901
|
}
|
|
3868
|
-
var Container$
|
|
3902
|
+
var Container$F = /*#__PURE__*/styled.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"])));
|
|
3869
3903
|
|
|
3870
|
-
var _templateObject$
|
|
3904
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$n, _templateObject4$a;
|
|
3871
3905
|
function AdditionalInformation(props) {
|
|
3872
|
-
return React.createElement(Container$
|
|
3906
|
+
return React.createElement(Container$G, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$4, null, props.info)));
|
|
3873
3907
|
}
|
|
3874
|
-
var Text$
|
|
3875
|
-
var Container$
|
|
3908
|
+
var Text$4 = /*#__PURE__*/styled.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"])));
|
|
3909
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3876
3910
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3877
3911
|
var AdditionalInfo = /*#__PURE__*/styled.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"])));
|
|
3878
3912
|
|
|
3879
|
-
var _templateObject$
|
|
3913
|
+
var _templateObject$_, _templateObject2$G, _templateObject3$o, _templateObject4$b;
|
|
3880
3914
|
function OrderActionHeader(props) {
|
|
3881
3915
|
var title = props.title,
|
|
3882
3916
|
actions = props.actions,
|
|
@@ -3885,31 +3919,31 @@ function OrderActionHeader(props) {
|
|
|
3885
3919
|
_props$infoText = props.infoText,
|
|
3886
3920
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3887
3921
|
onClose = props.onClose;
|
|
3888
|
-
return React.createElement(Container$
|
|
3922
|
+
return React.createElement(Container$H, null, React.createElement(Wrapper$b, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
3889
3923
|
info: infoText
|
|
3890
3924
|
}), actions), React.createElement(IconContainer$2, {
|
|
3891
3925
|
onClick: onClose
|
|
3892
3926
|
}, React.createElement(CrossIcon, null)));
|
|
3893
3927
|
}
|
|
3894
|
-
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$
|
|
3895
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3928
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3929
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3896
3930
|
var Title = /*#__PURE__*/styled.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"])));
|
|
3897
|
-
var Container$
|
|
3931
|
+
var Container$H = /*#__PURE__*/styled.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"])));
|
|
3898
3932
|
|
|
3899
|
-
var _templateObject
|
|
3933
|
+
var _templateObject$$, _templateObject2$H;
|
|
3900
3934
|
function OrderActionFooter(props) {
|
|
3901
3935
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3902
|
-
return React.createElement(Container$
|
|
3936
|
+
return React.createElement(Container$I, null, React.createElement(SubmitButton, {
|
|
3903
3937
|
shape: "rounded",
|
|
3904
3938
|
colors: "primary",
|
|
3905
3939
|
onClick: props.onSubmit,
|
|
3906
3940
|
disabled: isSubmitDisabled
|
|
3907
3941
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3908
3942
|
}
|
|
3909
|
-
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject
|
|
3910
|
-
var Container$
|
|
3943
|
+
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3944
|
+
var Container$I = /*#__PURE__*/styled.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"])));
|
|
3911
3945
|
|
|
3912
|
-
var _templateObject
|
|
3946
|
+
var _templateObject$10;
|
|
3913
3947
|
function OrderActionModal(props) {
|
|
3914
3948
|
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$6, null, React.createElement(OrderActionHeader, {
|
|
3915
3949
|
title: props.headerTitle,
|
|
@@ -3924,11 +3958,11 @@ function OrderActionModal(props) {
|
|
|
3924
3958
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3925
3959
|
})));
|
|
3926
3960
|
}
|
|
3927
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject
|
|
3961
|
+
var MainContainer$6 = /*#__PURE__*/styled.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"])));
|
|
3928
3962
|
|
|
3929
|
-
var _templateObject$
|
|
3963
|
+
var _templateObject$11, _templateObject2$I;
|
|
3930
3964
|
function OrderActionsDropdown(props) {
|
|
3931
|
-
return React.createElement(Container$
|
|
3965
|
+
return React.createElement(Container$J, {
|
|
3932
3966
|
className: props.className
|
|
3933
3967
|
}, React.createElement(Label, null, props.label), React.createElement(AntSelect, {
|
|
3934
3968
|
options: props.options,
|
|
@@ -3945,8 +3979,8 @@ function OrderActionsDropdown(props) {
|
|
|
3945
3979
|
defaultValue: props.value
|
|
3946
3980
|
}));
|
|
3947
3981
|
}
|
|
3948
|
-
var Label = /*#__PURE__*/styled.label(_templateObject$
|
|
3949
|
-
var Container$
|
|
3982
|
+
var Label = /*#__PURE__*/styled.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"])));
|
|
3983
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3950
3984
|
|
|
3951
3985
|
function DocumentTypeDropdown() {
|
|
3952
3986
|
var onSelect = function onSelect() {};
|
|
@@ -4026,7 +4060,7 @@ function UploadIcon(props) {
|
|
|
4026
4060
|
})));
|
|
4027
4061
|
}
|
|
4028
4062
|
|
|
4029
|
-
var _templateObject$
|
|
4063
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4030
4064
|
var Dragger = Upload.Dragger;
|
|
4031
4065
|
var props = {
|
|
4032
4066
|
name: 'file',
|
|
@@ -4048,20 +4082,20 @@ var props = {
|
|
|
4048
4082
|
}
|
|
4049
4083
|
};
|
|
4050
4084
|
function DocFileUpload() {
|
|
4051
|
-
return React.createElement(MainContainer$7, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$
|
|
4085
|
+
return React.createElement(MainContainer$7, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$K, null, React.createElement(UploadButton, {
|
|
4052
4086
|
colors: 'secondary',
|
|
4053
4087
|
shape: 'rounded'
|
|
4054
4088
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4055
4089
|
}
|
|
4056
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
4057
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2$
|
|
4090
|
+
var MainContainer$7 = /*#__PURE__*/styled.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"])));
|
|
4091
|
+
var Text2 = /*#__PURE__*/styled.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"])));
|
|
4058
4092
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4059
4093
|
var Text1 = /*#__PURE__*/styled.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"])));
|
|
4060
4094
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4061
4095
|
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4062
|
-
var Container$
|
|
4096
|
+
var Container$K = /*#__PURE__*/styled.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"])));
|
|
4063
4097
|
|
|
4064
|
-
var _templateObject$
|
|
4098
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$q, _templateObject4$d;
|
|
4065
4099
|
// import DocFileUpload from './DocFileUpload';
|
|
4066
4100
|
function AddResources() {
|
|
4067
4101
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4077,8 +4111,8 @@ function AddResources() {
|
|
|
4077
4111
|
onSubmit: function onSubmit() {}
|
|
4078
4112
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$1, null, "File"), React.createElement(DocFileUpload, null))));
|
|
4079
4113
|
}
|
|
4080
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
4081
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4114
|
+
var Label$1 = /*#__PURE__*/styled.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"])));
|
|
4115
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4082
4116
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4083
4117
|
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
4084
4118
|
|
|
@@ -4218,14 +4252,14 @@ function useUpdateReminderData() {
|
|
|
4218
4252
|
return useAtom(reminderUpdatePayload);
|
|
4219
4253
|
}
|
|
4220
4254
|
|
|
4221
|
-
var _templateObject$
|
|
4255
|
+
var _templateObject$14, _templateObject2$L, _templateObject3$r;
|
|
4222
4256
|
// Styled components
|
|
4223
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4224
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
4257
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4258
|
+
var StyledTable$2 = /*#__PURE__*/styled.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"])));
|
|
4225
4259
|
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4226
4260
|
|
|
4227
|
-
var _templateObject2$
|
|
4228
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
4261
|
+
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;
|
|
4262
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4229
4263
|
var StyledTextArea$1 = /*#__PURE__*/styled(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"])));
|
|
4230
4264
|
var StyledTextAreas = /*#__PURE__*/styled(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"])));
|
|
4231
4265
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -4235,7 +4269,7 @@ var HoldRow = /*#__PURE__*/styled.div(_templateObject8$3 || (_templateObject8$3
|
|
|
4235
4269
|
var Label$2 = /*#__PURE__*/styled.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"])));
|
|
4236
4270
|
var ContentContainer$1 = /*#__PURE__*/styled.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"])));
|
|
4237
4271
|
var HoldContentContainer = /*#__PURE__*/styled.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"])));
|
|
4238
|
-
var Container$
|
|
4272
|
+
var Container$L = /*#__PURE__*/styled.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"])));
|
|
4239
4273
|
var StaticText = /*#__PURE__*/styled.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"])));
|
|
4240
4274
|
var ImageCircle = /*#__PURE__*/styled.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"])));
|
|
4241
4275
|
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -4324,7 +4358,7 @@ function SplitOrderTable() {
|
|
|
4324
4358
|
}))));
|
|
4325
4359
|
}
|
|
4326
4360
|
|
|
4327
|
-
var _templateObject$
|
|
4361
|
+
var _templateObject$15;
|
|
4328
4362
|
function SplitOrder() {
|
|
4329
4363
|
var _useCurrentAction = useCurrentAction(),
|
|
4330
4364
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4372,7 +4406,7 @@ function SplitOrder() {
|
|
|
4372
4406
|
isSubmitDisabled: isSubmitDisabled()
|
|
4373
4407
|
}, React.createElement(ContentContainer$2, null, React.createElement(SplitOrderTable, null)));
|
|
4374
4408
|
}
|
|
4375
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4409
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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"])));
|
|
4376
4410
|
|
|
4377
4411
|
function RadioButtonCheckIcon(props) {
|
|
4378
4412
|
return React.createElement("svg", Object.assign({
|
|
@@ -4403,7 +4437,7 @@ var fonts = {
|
|
|
4403
4437
|
secondary: "'Lato', sans-serif"
|
|
4404
4438
|
};
|
|
4405
4439
|
|
|
4406
|
-
var _templateObject$
|
|
4440
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$t;
|
|
4407
4441
|
function RadioButton(props) {
|
|
4408
4442
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4409
4443
|
color: props.color
|
|
@@ -4414,15 +4448,15 @@ function RadioButton(props) {
|
|
|
4414
4448
|
htmlFor: props.id
|
|
4415
4449
|
}, props.label));
|
|
4416
4450
|
}
|
|
4417
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
4418
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
4451
|
+
var Label$3 = /*#__PURE__*/styled.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);
|
|
4452
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
4419
4453
|
return props.color || '#6396e5';
|
|
4420
4454
|
}, function (props) {
|
|
4421
4455
|
return props.color || '#6396e5';
|
|
4422
4456
|
});
|
|
4423
4457
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4424
4458
|
|
|
4425
|
-
var _templateObject$
|
|
4459
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4426
4460
|
function RadioButtonGroup(props) {
|
|
4427
4461
|
var heading = props.heading,
|
|
4428
4462
|
_props$direction = props.direction,
|
|
@@ -4457,8 +4491,8 @@ function RadioButtonGroup(props) {
|
|
|
4457
4491
|
className: "custom-wrapper"
|
|
4458
4492
|
}, renderOptions()));
|
|
4459
4493
|
}
|
|
4460
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
4461
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4494
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4495
|
+
var labelStyles = /*#__PURE__*/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);
|
|
4462
4496
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4463
4497
|
return !props.$required && 'visibility: hidden;';
|
|
4464
4498
|
}, labelStyles);
|
|
@@ -4469,7 +4503,7 @@ var Wrapper$c = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$
|
|
|
4469
4503
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4470
4504
|
});
|
|
4471
4505
|
|
|
4472
|
-
var _templateObject$
|
|
4506
|
+
var _templateObject$18;
|
|
4473
4507
|
var deliveryPoints = [{
|
|
4474
4508
|
label: 'Hallway',
|
|
4475
4509
|
value: 'hallway'
|
|
@@ -4491,7 +4525,7 @@ function DeliveryPoint() {
|
|
|
4491
4525
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
4492
4526
|
selectedValue = _React$useState[0],
|
|
4493
4527
|
setSelectedValue = _React$useState[1];
|
|
4494
|
-
return React.createElement(Container$
|
|
4528
|
+
return React.createElement(Container$M, null, React.createElement(RadioButtonGroup, {
|
|
4495
4529
|
heading: "Delivery Point",
|
|
4496
4530
|
options: deliveryPoints || [],
|
|
4497
4531
|
onChange: radioGroupHandler,
|
|
@@ -4500,9 +4534,9 @@ function DeliveryPoint() {
|
|
|
4500
4534
|
required: false
|
|
4501
4535
|
}));
|
|
4502
4536
|
}
|
|
4503
|
-
var Container$
|
|
4537
|
+
var Container$M = /*#__PURE__*/styled.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"])));
|
|
4504
4538
|
|
|
4505
|
-
var _templateObject$
|
|
4539
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$4;
|
|
4506
4540
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4507
4541
|
function Checkbox(props) {
|
|
4508
4542
|
var imageSrc = props.imageSrc,
|
|
@@ -4519,18 +4553,18 @@ function Checkbox(props) {
|
|
|
4519
4553
|
src: imageSrc,
|
|
4520
4554
|
"$checked": checked,
|
|
4521
4555
|
className: "checkbox-img"
|
|
4522
|
-
}), React.createElement(Text$
|
|
4556
|
+
}), React.createElement(Text$5, {
|
|
4523
4557
|
"$checked": checked
|
|
4524
4558
|
}, label)));
|
|
4525
4559
|
}
|
|
4526
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
4560
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4527
4561
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4528
4562
|
});
|
|
4529
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4563
|
+
var CircleContainer = /*#__PURE__*/styled.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"])));
|
|
4530
4564
|
var Circle = /*#__PURE__*/styled.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) {
|
|
4531
4565
|
return props.$checked ? '#feba30' : 'white';
|
|
4532
4566
|
});
|
|
4533
|
-
var Text$
|
|
4567
|
+
var Text$5 = /*#__PURE__*/styled.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) {
|
|
4534
4568
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4535
4569
|
});
|
|
4536
4570
|
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
@@ -4563,10 +4597,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4563
4597
|
return "" + baseURL$1 + subPath;
|
|
4564
4598
|
};
|
|
4565
4599
|
|
|
4566
|
-
var _templateObject$
|
|
4600
|
+
var _templateObject$1a;
|
|
4567
4601
|
function OrderServices$1() {
|
|
4568
4602
|
// TO DO -> get services from static data
|
|
4569
|
-
return React.createElement(Container$
|
|
4603
|
+
return React.createElement(Container$N, null, React.createElement(Checkbox, {
|
|
4570
4604
|
checked: false,
|
|
4571
4605
|
label: "Assemble",
|
|
4572
4606
|
imageSrc: getIcon$1(1)
|
|
@@ -4588,23 +4622,23 @@ function OrderServices$1() {
|
|
|
4588
4622
|
imageSrc: getIcon$1(4)
|
|
4589
4623
|
}));
|
|
4590
4624
|
}
|
|
4591
|
-
var Container$
|
|
4625
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4592
4626
|
|
|
4593
|
-
var _templateObject$
|
|
4627
|
+
var _templateObject$1b, _templateObject2$Q;
|
|
4594
4628
|
function Notes$1(_ref) {
|
|
4595
4629
|
var onNotesChange = _ref.onNotesChange;
|
|
4596
4630
|
var handleTextChange = function handleTextChange(event) {
|
|
4597
4631
|
onNotesChange(event.target.value);
|
|
4598
4632
|
};
|
|
4599
|
-
return React.createElement(Container$
|
|
4633
|
+
return React.createElement(Container$O, null, React.createElement(Label$4, null, "Notes"), React.createElement(TextArea, {
|
|
4600
4634
|
rows: 15,
|
|
4601
4635
|
onChange: handleTextChange
|
|
4602
4636
|
}));
|
|
4603
4637
|
}
|
|
4604
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
4605
|
-
var Container$
|
|
4638
|
+
var Label$4 = /*#__PURE__*/styled.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"])));
|
|
4639
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4606
4640
|
|
|
4607
|
-
var _templateObject$
|
|
4641
|
+
var _templateObject$1c, _templateObject2$R, _templateObject3$w;
|
|
4608
4642
|
function LogServiceRefusal() {
|
|
4609
4643
|
var _useCurrentAction = useCurrentAction(),
|
|
4610
4644
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4624,8 +4658,8 @@ function LogServiceRefusal() {
|
|
|
4624
4658
|
}
|
|
4625
4659
|
}))));
|
|
4626
4660
|
}
|
|
4627
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
4628
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4661
|
+
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
4662
|
+
var Left = /*#__PURE__*/styled.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"])));
|
|
4629
4663
|
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4630
4664
|
|
|
4631
4665
|
function ReturnAction() {
|
|
@@ -4652,7 +4686,7 @@ function ReturnReason() {
|
|
|
4652
4686
|
});
|
|
4653
4687
|
}
|
|
4654
4688
|
|
|
4655
|
-
var _templateObject$
|
|
4689
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4656
4690
|
function CancelOrder() {
|
|
4657
4691
|
var _orderStaticData$canc;
|
|
4658
4692
|
var _useOrderId = useOrderId(),
|
|
@@ -4756,15 +4790,15 @@ function CancelOrder() {
|
|
|
4756
4790
|
options: cancelReasonOptions || [],
|
|
4757
4791
|
onSelect: onSelectCancelReason,
|
|
4758
4792
|
value: cancelReason
|
|
4759
|
-
}), React.createElement(Wrapper$d, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$
|
|
4793
|
+
}), React.createElement(Wrapper$d, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$P, null, React.createElement(Label$5, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4760
4794
|
rows: 5,
|
|
4761
4795
|
onChange: onChangeNotes,
|
|
4762
4796
|
value: cancelNotes,
|
|
4763
4797
|
placeholder: "Reason for Cancel Order"
|
|
4764
4798
|
}))))));
|
|
4765
4799
|
}
|
|
4766
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
4767
|
-
var Container$
|
|
4800
|
+
var Label$5 = /*#__PURE__*/styled.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"])));
|
|
4801
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4768
4802
|
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4769
4803
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4770
4804
|
var TopRight = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -4772,8 +4806,8 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 =
|
|
|
4772
4806
|
// const Bottom = styled.div``;
|
|
4773
4807
|
var ContentContainer$4 = /*#__PURE__*/styled.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"])));
|
|
4774
4808
|
|
|
4775
|
-
var _templateObject$
|
|
4776
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
4809
|
+
var _templateObject$1e, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4810
|
+
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
4777
4811
|
var GLobalPopupContent = /*#__PURE__*/styled.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"])));
|
|
4778
4812
|
var TableSkelton = /*#__PURE__*/styled.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"])));
|
|
4779
4813
|
var CustomCheckBox = /*#__PURE__*/styled.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"])));
|
|
@@ -5073,7 +5107,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5073
5107
|
);
|
|
5074
5108
|
};
|
|
5075
5109
|
|
|
5076
|
-
var _templateObject$
|
|
5110
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$y;
|
|
5077
5111
|
function EmailAddress() {
|
|
5078
5112
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5079
5113
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5105,7 +5139,7 @@ function EmailAddress() {
|
|
|
5105
5139
|
});
|
|
5106
5140
|
});
|
|
5107
5141
|
};
|
|
5108
|
-
return React.createElement(Container$
|
|
5142
|
+
return React.createElement(Container$Q, null, React.createElement(Label$6, null, "Email Address"), React.createElement(Input$2, {
|
|
5109
5143
|
style: {
|
|
5110
5144
|
borderRadius: '15px'
|
|
5111
5145
|
},
|
|
@@ -5114,11 +5148,11 @@ function EmailAddress() {
|
|
|
5114
5148
|
onChange: onChange
|
|
5115
5149
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
5116
5150
|
}
|
|
5117
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
5118
|
-
var Container$
|
|
5151
|
+
var Label$6 = /*#__PURE__*/styled.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"])));
|
|
5152
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5119
5153
|
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5120
5154
|
|
|
5121
|
-
var _templateObject$
|
|
5155
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$z;
|
|
5122
5156
|
function ContactPhone() {
|
|
5123
5157
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5124
5158
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5167,7 +5201,7 @@ function ContactPhone() {
|
|
|
5167
5201
|
});
|
|
5168
5202
|
}
|
|
5169
5203
|
};
|
|
5170
|
-
return React.createElement(Container$
|
|
5204
|
+
return React.createElement(Container$R, null, React.createElement(Label$7, null, "Contact Phone"), React.createElement(Input$2, {
|
|
5171
5205
|
name: "contact-home",
|
|
5172
5206
|
type: "text",
|
|
5173
5207
|
placeholder: "Home Number",
|
|
@@ -5179,11 +5213,11 @@ function ContactPhone() {
|
|
|
5179
5213
|
onChange: onChange
|
|
5180
5214
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5181
5215
|
}
|
|
5182
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
5183
|
-
var Container$
|
|
5216
|
+
var Label$7 = /*#__PURE__*/styled.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"])));
|
|
5217
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5184
5218
|
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5185
5219
|
|
|
5186
|
-
var _templateObject$
|
|
5220
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$A;
|
|
5187
5221
|
function ContactWork$1() {
|
|
5188
5222
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5189
5223
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5232,7 +5266,7 @@ function ContactWork$1() {
|
|
|
5232
5266
|
});
|
|
5233
5267
|
}
|
|
5234
5268
|
};
|
|
5235
|
-
return React.createElement(Container$
|
|
5269
|
+
return React.createElement(Container$S, null, React.createElement(Label$8, null, "Contact Work"), React.createElement(Input$2, {
|
|
5236
5270
|
name: "contact-work",
|
|
5237
5271
|
type: "text",
|
|
5238
5272
|
placeholder: "Work Number",
|
|
@@ -5244,11 +5278,11 @@ function ContactWork$1() {
|
|
|
5244
5278
|
onChange: onChange
|
|
5245
5279
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5246
5280
|
}
|
|
5247
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
5248
|
-
var Container$
|
|
5281
|
+
var Label$8 = /*#__PURE__*/styled.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"])));
|
|
5282
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5249
5283
|
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5250
5284
|
|
|
5251
|
-
var _templateObject$
|
|
5285
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$B;
|
|
5252
5286
|
function ContactMobile$1() {
|
|
5253
5287
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5254
5288
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5297,7 +5331,7 @@ function ContactMobile$1() {
|
|
|
5297
5331
|
});
|
|
5298
5332
|
}
|
|
5299
5333
|
};
|
|
5300
|
-
return React.createElement(Container$
|
|
5334
|
+
return React.createElement(Container$T, null, React.createElement(Label$9, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5301
5335
|
name: "contact-work",
|
|
5302
5336
|
type: "text",
|
|
5303
5337
|
placeholder: "Mobile Number",
|
|
@@ -5309,8 +5343,8 @@ function ContactMobile$1() {
|
|
|
5309
5343
|
onChange: onChange
|
|
5310
5344
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5311
5345
|
}
|
|
5312
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
5313
|
-
var Container$
|
|
5346
|
+
var Label$9 = /*#__PURE__*/styled.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"])));
|
|
5347
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5314
5348
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5315
5349
|
|
|
5316
5350
|
function ContactTypeDropdown() {
|
|
@@ -5377,7 +5411,7 @@ function ActionDropdown() {
|
|
|
5377
5411
|
});
|
|
5378
5412
|
}
|
|
5379
5413
|
|
|
5380
|
-
var _templateObject$
|
|
5414
|
+
var _templateObject$1j, _templateObject2$X;
|
|
5381
5415
|
function DeliveryDate$1() {
|
|
5382
5416
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5383
5417
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5401,7 +5435,7 @@ function DeliveryDate$1() {
|
|
|
5401
5435
|
var today = new Date();
|
|
5402
5436
|
var tomorrow = new Date(today);
|
|
5403
5437
|
tomorrow.setDate(today.getDate() + 1);
|
|
5404
|
-
return React.createElement(Container$
|
|
5438
|
+
return React.createElement(Container$U, null, React.createElement(Label$a, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
5405
5439
|
onChange: handleDateChange,
|
|
5406
5440
|
format: "DD/MM/YYYY",
|
|
5407
5441
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5411,8 +5445,8 @@ function DeliveryDate$1() {
|
|
|
5411
5445
|
minDate: dayjs(tomorrow)
|
|
5412
5446
|
}));
|
|
5413
5447
|
}
|
|
5414
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
5415
|
-
var Container$
|
|
5448
|
+
var Label$a = /*#__PURE__*/styled.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"])));
|
|
5449
|
+
var Container$U = /*#__PURE__*/styled.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"])));
|
|
5416
5450
|
|
|
5417
5451
|
function convertTo12HourFormat$1(time24) {
|
|
5418
5452
|
var _time24$split, _minutes$toString;
|
|
@@ -5461,19 +5495,19 @@ function TimedServiceDropdown$1() {
|
|
|
5461
5495
|
});
|
|
5462
5496
|
}
|
|
5463
5497
|
|
|
5464
|
-
var _templateObject$
|
|
5498
|
+
var _templateObject$1k, _templateObject2$Y, _templateObject3$C, _templateObject4$i;
|
|
5465
5499
|
function CustomerInformation() {
|
|
5466
5500
|
var _orderDetails$order_r;
|
|
5467
5501
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5468
5502
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5469
|
-
return React.createElement(Container$
|
|
5503
|
+
return React.createElement(Container$V, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$e, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$e, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$e, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$e, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5470
5504
|
}
|
|
5471
|
-
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$
|
|
5472
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5505
|
+
var Wrapper$e = /*#__PURE__*/styled.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"])));
|
|
5506
|
+
var AddressField = /*#__PURE__*/styled.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"])));
|
|
5473
5507
|
var Title$1 = /*#__PURE__*/styled.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"])));
|
|
5474
|
-
var Container$
|
|
5508
|
+
var Container$V = /*#__PURE__*/styled.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"])));
|
|
5475
5509
|
|
|
5476
|
-
var _templateObject$
|
|
5510
|
+
var _templateObject$1l, _templateObject2$Z;
|
|
5477
5511
|
function ProductTable$1() {
|
|
5478
5512
|
var _useProductDetails = useProductDetails(),
|
|
5479
5513
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5482,7 +5516,7 @@ function ProductTable$1() {
|
|
|
5482
5516
|
if (!orderProductDetails) {
|
|
5483
5517
|
return null;
|
|
5484
5518
|
}
|
|
5485
|
-
return React.createElement(Container$
|
|
5519
|
+
return React.createElement(Container$W, null, React.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5486
5520
|
className: "scrollClass"
|
|
5487
5521
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5488
5522
|
colSpan: 6
|
|
@@ -5500,10 +5534,10 @@ function ProductTable$1() {
|
|
|
5500
5534
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5501
5535
|
})))));
|
|
5502
5536
|
}
|
|
5503
|
-
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$
|
|
5504
|
-
var Container$
|
|
5537
|
+
var Title$2 = /*#__PURE__*/styled.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"])));
|
|
5538
|
+
var Container$W = /*#__PURE__*/styled.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"])));
|
|
5505
5539
|
|
|
5506
|
-
var _templateObject$
|
|
5540
|
+
var _templateObject$1m, _templateObject2$_;
|
|
5507
5541
|
function NotesTable() {
|
|
5508
5542
|
var _useState = useState(null),
|
|
5509
5543
|
moduleIds = _useState[0],
|
|
@@ -5571,7 +5605,7 @@ function NotesTable() {
|
|
|
5571
5605
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5572
5606
|
return null;
|
|
5573
5607
|
}
|
|
5574
|
-
return React.createElement(Container$
|
|
5608
|
+
return React.createElement(Container$X, null, React.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5575
5609
|
className: "scrollClass"
|
|
5576
5610
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5577
5611
|
colSpan: 6
|
|
@@ -5593,53 +5627,53 @@ function NotesTable() {
|
|
|
5593
5627
|
}, order == null ? void 0 : order.created_by), React.createElement("div", null, format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React.createElement("td", null, order == null ? void 0 : order.description));
|
|
5594
5628
|
})))));
|
|
5595
5629
|
}
|
|
5596
|
-
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$
|
|
5597
|
-
var Container$
|
|
5630
|
+
var Title$3 = /*#__PURE__*/styled.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"])));
|
|
5631
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5598
5632
|
|
|
5599
|
-
var _templateObject$
|
|
5633
|
+
var _templateObject$1n, _templateObject2$$;
|
|
5600
5634
|
function ConfirmationNotes() {
|
|
5601
|
-
return React.createElement(Container$
|
|
5635
|
+
return React.createElement(Container$Y, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
5602
5636
|
rows: 5,
|
|
5603
5637
|
placeholder: "Enter Notes"
|
|
5604
5638
|
}));
|
|
5605
5639
|
}
|
|
5606
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
5607
|
-
var Container$
|
|
5640
|
+
var Label$b = /*#__PURE__*/styled.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"])));
|
|
5641
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5608
5642
|
|
|
5609
|
-
var _templateObject$
|
|
5643
|
+
var _templateObject$1o, _templateObject2$10;
|
|
5610
5644
|
function DeliveryInstructions$1() {
|
|
5611
|
-
return React.createElement(Container$
|
|
5645
|
+
return React.createElement(Container$Z, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5612
5646
|
rows: 5,
|
|
5613
5647
|
placeholder: "Enter Delivery Instructions"
|
|
5614
5648
|
}));
|
|
5615
5649
|
}
|
|
5616
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
5617
|
-
var Container$
|
|
5650
|
+
var Label$c = /*#__PURE__*/styled.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"])));
|
|
5651
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5618
5652
|
|
|
5619
|
-
var _templateObject$
|
|
5653
|
+
var _templateObject$1p, _templateObject2$11;
|
|
5620
5654
|
function ContactWith() {
|
|
5621
|
-
return React.createElement(Container$
|
|
5655
|
+
return React.createElement(Container$_, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
5622
5656
|
style: {
|
|
5623
5657
|
borderRadius: '15px'
|
|
5624
5658
|
}
|
|
5625
5659
|
}));
|
|
5626
5660
|
}
|
|
5627
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
5628
|
-
var Container$
|
|
5661
|
+
var Label$d = /*#__PURE__*/styled.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"])));
|
|
5662
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5629
5663
|
|
|
5630
|
-
var _templateObject$
|
|
5664
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$D, _templateObject4$j;
|
|
5631
5665
|
function SlotAndInstructions() {
|
|
5632
5666
|
var _orderDetails$order_r;
|
|
5633
5667
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5634
5668
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5635
|
-
return React.createElement(Container
|
|
5669
|
+
return React.createElement(Container$$, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5636
5670
|
}
|
|
5637
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5638
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5671
|
+
var Value = /*#__PURE__*/styled.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"])));
|
|
5672
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5639
5673
|
var Title$4 = /*#__PURE__*/styled.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"])));
|
|
5640
|
-
var Container
|
|
5674
|
+
var Container$$ = /*#__PURE__*/styled.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"])));
|
|
5641
5675
|
|
|
5642
|
-
var _templateObject$
|
|
5676
|
+
var _templateObject$1r, _templateObject2$13;
|
|
5643
5677
|
// import { filterObject } from '../../../utils';
|
|
5644
5678
|
function ConfirmOrder() {
|
|
5645
5679
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5820,8 +5854,8 @@ function ConfirmOrder() {
|
|
|
5820
5854
|
showCloseIcon: false
|
|
5821
5855
|
}), React.createElement(Wrapper$f, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5822
5856
|
}
|
|
5823
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
5824
|
-
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5857
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5858
|
+
var ContentContainer$6 = /*#__PURE__*/styled.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"])));
|
|
5825
5859
|
|
|
5826
5860
|
function SendSmsModal() {
|
|
5827
5861
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6108,15 +6142,15 @@ function HoldOrderModal() {
|
|
|
6108
6142
|
})))));
|
|
6109
6143
|
}
|
|
6110
6144
|
|
|
6111
|
-
var _templateObject$
|
|
6145
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$E;
|
|
6112
6146
|
// import {
|
|
6113
6147
|
// EscalationCategory,
|
|
6114
6148
|
// EscalationLevel,
|
|
6115
6149
|
// EscalationReason,
|
|
6116
6150
|
// EscalationStatus,
|
|
6117
6151
|
// } from '../../utils';
|
|
6118
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6119
|
-
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$
|
|
6152
|
+
var FlexContainer = /*#__PURE__*/styled.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"])));
|
|
6153
|
+
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6120
6154
|
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6121
6155
|
var Dropdowns = function Dropdowns() {
|
|
6122
6156
|
var handleSelectChange = function handleSelectChange() {
|
|
@@ -6185,17 +6219,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6185
6219
|
})));
|
|
6186
6220
|
};
|
|
6187
6221
|
|
|
6188
|
-
var _templateObject$
|
|
6222
|
+
var _templateObject$1t, _templateObject2$15;
|
|
6189
6223
|
var Notes$2 = function Notes() {
|
|
6190
|
-
var StyledTextArea = styled(TextArea)(_templateObject$
|
|
6191
|
-
var Label = styled.label(_templateObject2$
|
|
6224
|
+
var StyledTextArea = styled(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 "])));
|
|
6225
|
+
var Label = styled.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 "])));
|
|
6192
6226
|
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
6193
6227
|
name: "note",
|
|
6194
6228
|
placeholder: ""
|
|
6195
6229
|
}));
|
|
6196
6230
|
};
|
|
6197
6231
|
|
|
6198
|
-
var _templateObject$
|
|
6232
|
+
var _templateObject$1u, _templateObject2$16, _templateObject3$F, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$9, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6199
6233
|
var Upgrade = function Upgrade() {
|
|
6200
6234
|
var handleSelectChange = function handleSelectChange() {
|
|
6201
6235
|
// alert('hello');
|
|
@@ -6204,7 +6238,7 @@ var Upgrade = function Upgrade() {
|
|
|
6204
6238
|
description: 'Upgrade successfully.'
|
|
6205
6239
|
});
|
|
6206
6240
|
};
|
|
6207
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$g, null, React.createElement(Heading$2, null, "Upgrade"), React.createElement(Container
|
|
6241
|
+
return React.createElement(React.Fragment, null, React.createElement(Wrapper$g, null, React.createElement(Heading$2, null, "Upgrade"), React.createElement(Container$10, null, React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6208
6242
|
label: 'Timed Service',
|
|
6209
6243
|
checked: true,
|
|
6210
6244
|
onChange: function onChange(_event) {
|
|
@@ -6254,24 +6288,24 @@ var Upgrade = function Upgrade() {
|
|
|
6254
6288
|
name: ''
|
|
6255
6289
|
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
6256
6290
|
};
|
|
6257
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6258
|
-
var Box = /*#__PURE__*/styled.div(_templateObject2$
|
|
6291
|
+
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6292
|
+
var Box = /*#__PURE__*/styled.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"])));
|
|
6259
6293
|
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6260
6294
|
var BJSGift = /*#__PURE__*/styled.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);
|
|
6261
6295
|
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6262
6296
|
var Heading$2 = /*#__PURE__*/styled.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"])));
|
|
6263
|
-
var Container
|
|
6297
|
+
var Container$10 = /*#__PURE__*/styled.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"])));
|
|
6264
6298
|
var InnerCont$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6265
6299
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6266
6300
|
var StyledAntSelect$1 = /*#__PURE__*/styled(AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6267
6301
|
|
|
6268
|
-
var _templateObject$
|
|
6269
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject$
|
|
6302
|
+
var _templateObject$1v;
|
|
6303
|
+
var Flex = /*#__PURE__*/styled.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"])));
|
|
6270
6304
|
var Escalation = function Escalation() {
|
|
6271
6305
|
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
6272
6306
|
};
|
|
6273
6307
|
|
|
6274
|
-
var _templateObject$
|
|
6308
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$G, _templateObject4$l;
|
|
6275
6309
|
var NewEscalation = function NewEscalation() {
|
|
6276
6310
|
var _useState = useState(false),
|
|
6277
6311
|
showContent = _useState[0],
|
|
@@ -6300,8 +6334,8 @@ var NewEscalation = function NewEscalation() {
|
|
|
6300
6334
|
className: "checkmark"
|
|
6301
6335
|
})))), React.createElement("td", null, "VIP4"), React.createElement("td", null, "B63015484248[Test] WAYVER"), React.createElement("td", null, "Allocated to Route"), React.createElement("td", null, "Revieved Picked"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Done"), React.createElement("td", null, "Done"), React.createElement("td", null, "Status"))))));
|
|
6302
6336
|
};
|
|
6303
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$
|
|
6304
|
-
var Button = /*#__PURE__*/styled.button(_templateObject2$
|
|
6337
|
+
var Component = /*#__PURE__*/styled.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"])));
|
|
6338
|
+
var Button = /*#__PURE__*/styled.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"])));
|
|
6305
6339
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6306
6340
|
var CancelButton = /*#__PURE__*/styled.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"])));
|
|
6307
6341
|
|
|
@@ -6463,7 +6497,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6463
6497
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6464
6498
|
var Icon = _ref.icon,
|
|
6465
6499
|
question = _ref.question;
|
|
6466
|
-
return React.createElement(Row$4, null, React.createElement(Container$
|
|
6500
|
+
return React.createElement(Row$4, null, React.createElement(Container$L, null, React.createElement(ImageRow, null, React.createElement(ImageCircle, null, React.createElement(Icon, null)), React.createElement(StaticText, null, question)), React.createElement(CustomRating, {
|
|
6467
6501
|
showText: true
|
|
6468
6502
|
})));
|
|
6469
6503
|
};
|
|
@@ -6496,7 +6530,7 @@ function LogFeedback() {
|
|
|
6496
6530
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6497
6531
|
icon: GrowthImg,
|
|
6498
6532
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6499
|
-
}), React.createElement(Row$4, null, React.createElement(Container$
|
|
6533
|
+
}), React.createElement(Row$4, null, React.createElement(Container$L, null, React.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React.createElement(StyledTextAreas, {
|
|
6500
6534
|
name: "note",
|
|
6501
6535
|
placeholder: "Write here..."
|
|
6502
6536
|
}))))));
|
|
@@ -6658,7 +6692,7 @@ function ChargeLog() {
|
|
|
6658
6692
|
})));
|
|
6659
6693
|
}
|
|
6660
6694
|
|
|
6661
|
-
var _templateObject$
|
|
6695
|
+
var _templateObject$1x;
|
|
6662
6696
|
var UnholdOrder = function UnholdOrder() {
|
|
6663
6697
|
var _useCurrentAction = useCurrentAction(),
|
|
6664
6698
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6682,9 +6716,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6682
6716
|
})
|
|
6683
6717
|
});
|
|
6684
6718
|
};
|
|
6685
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
6719
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6686
6720
|
|
|
6687
|
-
var _templateObject$
|
|
6721
|
+
var _templateObject$1y, _templateObject2$18;
|
|
6688
6722
|
var ProductData = function ProductData(_ref) {
|
|
6689
6723
|
var products = _ref.products,
|
|
6690
6724
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6707,8 +6741,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6707
6741
|
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6708
6742
|
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6709
6743
|
};
|
|
6710
|
-
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$
|
|
6711
|
-
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$
|
|
6744
|
+
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6745
|
+
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6712
6746
|
|
|
6713
6747
|
var initialProducts = [{
|
|
6714
6748
|
id: 1458784,
|
|
@@ -6829,7 +6863,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6829
6863
|
})));
|
|
6830
6864
|
};
|
|
6831
6865
|
|
|
6832
|
-
var _templateObject$
|
|
6866
|
+
var _templateObject$1z, _templateObject2$19;
|
|
6833
6867
|
function AssigneeDropdown() {
|
|
6834
6868
|
var handleSelectChange = function handleSelectChange() {
|
|
6835
6869
|
// alert('hello');
|
|
@@ -6851,8 +6885,8 @@ function AssigneeDropdown() {
|
|
|
6851
6885
|
}
|
|
6852
6886
|
}));
|
|
6853
6887
|
}
|
|
6854
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6855
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$
|
|
6888
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6889
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6856
6890
|
|
|
6857
6891
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6858
6892
|
return React.createElement("svg", {
|
|
@@ -6870,9 +6904,9 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6870
6904
|
}));
|
|
6871
6905
|
};
|
|
6872
6906
|
|
|
6873
|
-
var _templateObject$
|
|
6874
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6875
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6907
|
+
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;
|
|
6908
|
+
var ReferenceContainer = /*#__PURE__*/styled.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"])));
|
|
6909
|
+
var InnerContainer = /*#__PURE__*/styled.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"])));
|
|
6876
6910
|
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6877
6911
|
var StyledText = /*#__PURE__*/styled(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"])));
|
|
6878
6912
|
var StyledDateContainer = /*#__PURE__*/styled.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"])));
|
|
@@ -6965,40 +6999,40 @@ function useFetchSingleReminderData() {
|
|
|
6965
6999
|
return res;
|
|
6966
7000
|
}
|
|
6967
7001
|
|
|
6968
|
-
var _templateObject$
|
|
7002
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$I, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
6969
7003
|
function Loader(props) {
|
|
6970
7004
|
return React.createElement(MainContainer$9, {
|
|
6971
7005
|
id: "loder"
|
|
6972
|
-
}, React.createElement(Container$
|
|
7006
|
+
}, React.createElement(Container$11, null, React.createElement(Spinner, null), React.createElement(Wrapper$h, null, React.createElement(Title$5, null, props.title || 'Loading...'), React.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
6973
7007
|
}
|
|
6974
|
-
var rotate = /*#__PURE__*/keyframes(_templateObject$
|
|
7008
|
+
var rotate = /*#__PURE__*/keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
6975
7009
|
// Styled components for the loading spinner
|
|
6976
|
-
var Spinner = /*#__PURE__*/styled.div(_templateObject2$
|
|
6977
|
-
var Container$
|
|
7010
|
+
var Spinner = /*#__PURE__*/styled.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);
|
|
7011
|
+
var Container$11 = /*#__PURE__*/styled.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"])));
|
|
6978
7012
|
var Subtitle = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
6979
7013
|
var Title$5 = /*#__PURE__*/styled.span(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
6980
7014
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
6981
7015
|
var MainContainer$9 = /*#__PURE__*/styled.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"])));
|
|
6982
7016
|
|
|
6983
|
-
var _templateObject$
|
|
7017
|
+
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6984
7018
|
function StatusIndicator(props) {
|
|
6985
7019
|
var statusColor = getStatusColor(props.status);
|
|
6986
|
-
return React.createElement(Container$
|
|
7020
|
+
return React.createElement(Container$12, null, React.createElement(StatusCircleContainer, {
|
|
6987
7021
|
status: props.status
|
|
6988
7022
|
}, React.createElement(StatusCircle, {
|
|
6989
7023
|
color: statusColor
|
|
6990
|
-
})), React.createElement(Text$
|
|
7024
|
+
})), React.createElement(Text$6, {
|
|
6991
7025
|
status: props.status
|
|
6992
7026
|
}, props.text));
|
|
6993
7027
|
}
|
|
6994
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
7028
|
+
var StatusCircleContainer = /*#__PURE__*/styled.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) {
|
|
6995
7029
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6996
7030
|
});
|
|
6997
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
7031
|
+
var StatusCircle = /*#__PURE__*/styled.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) {
|
|
6998
7032
|
return props.color;
|
|
6999
7033
|
});
|
|
7000
|
-
var Container$
|
|
7001
|
-
var Text$
|
|
7034
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
7035
|
+
var Text$6 = /*#__PURE__*/styled.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) {
|
|
7002
7036
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7003
7037
|
});
|
|
7004
7038
|
|
|
@@ -7160,7 +7194,7 @@ function useFetchReminders() {
|
|
|
7160
7194
|
return perform;
|
|
7161
7195
|
}
|
|
7162
7196
|
|
|
7163
|
-
var _templateObject$
|
|
7197
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7164
7198
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7165
7199
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7166
7200
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7316,17 +7350,17 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7316
7350
|
onChange: onChangeDetails
|
|
7317
7351
|
}))))));
|
|
7318
7352
|
};
|
|
7319
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7320
|
-
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$
|
|
7353
|
+
var StyledWrapper = /*#__PURE__*/styled.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"])));
|
|
7354
|
+
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7321
7355
|
var StyledSpan = /*#__PURE__*/styled.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"])));
|
|
7322
7356
|
var StyledCheckbox = /*#__PURE__*/styled.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"])));
|
|
7323
7357
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
7324
7358
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7325
7359
|
var LabelText = /*#__PURE__*/styled.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"])));
|
|
7326
7360
|
|
|
7327
|
-
var _templateObject$
|
|
7361
|
+
var _templateObject$1E, _templateObject3$L, _templateObject5$e, _templateObject7$c, _templateObject8$7, _templateObject9$4;
|
|
7328
7362
|
// Shared styles and components
|
|
7329
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
7363
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7330
7364
|
var SplitContainer = /*#__PURE__*/styled.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"])));
|
|
7331
7365
|
var Label$e = /*#__PURE__*/styled.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"])));
|
|
7332
7366
|
var ContentContainer$7 = /*#__PURE__*/styled.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"])));
|
|
@@ -7345,7 +7379,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7345
7379
|
}, " * ")), children);
|
|
7346
7380
|
};
|
|
7347
7381
|
|
|
7348
|
-
var _templateObject$
|
|
7382
|
+
var _templateObject$1F, _templateObject2$1e, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7349
7383
|
dayjs.extend(utc);
|
|
7350
7384
|
dayjs.extend(isValid);
|
|
7351
7385
|
function CreateReminderModal() {
|
|
@@ -7568,8 +7602,8 @@ function CreateReminderModal() {
|
|
|
7568
7602
|
onChange: handleChange
|
|
7569
7603
|
})));
|
|
7570
7604
|
}
|
|
7571
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7572
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
7605
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7606
|
+
var Label$f = /*#__PURE__*/styled.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"])));
|
|
7573
7607
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7574
7608
|
var StyledTextArea$2 = /*#__PURE__*/styled(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"])));
|
|
7575
7609
|
var StyledLink = /*#__PURE__*/styled.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"])));
|
|
@@ -7742,7 +7776,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7742
7776
|
return perform;
|
|
7743
7777
|
}
|
|
7744
7778
|
|
|
7745
|
-
var _templateObject$
|
|
7779
|
+
var _templateObject$1G;
|
|
7746
7780
|
function TaskReminderModal() {
|
|
7747
7781
|
var createReminderAPI = useCreateReminder();
|
|
7748
7782
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7841,9 +7875,9 @@ function TaskReminderModal() {
|
|
|
7841
7875
|
isSubmitDisabled: isSubmitDisabled()
|
|
7842
7876
|
}, React.createElement(ContentContainer$7, null, React.createElement(CreateReminderModal, null))));
|
|
7843
7877
|
}
|
|
7844
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
7878
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7845
7879
|
|
|
7846
|
-
var _templateObject$
|
|
7880
|
+
var _templateObject$1H, _templateObject2$1f;
|
|
7847
7881
|
function OrderLock() {
|
|
7848
7882
|
var _useCurrentAction = useCurrentAction(),
|
|
7849
7883
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7896,8 +7930,8 @@ function OrderLock() {
|
|
|
7896
7930
|
})
|
|
7897
7931
|
});
|
|
7898
7932
|
}
|
|
7899
|
-
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$
|
|
7900
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7933
|
+
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7934
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7901
7935
|
|
|
7902
7936
|
function useUpdateFlag() {
|
|
7903
7937
|
var ssoToken = getCookie('id_token');
|
|
@@ -7967,7 +8001,7 @@ function useUpdateFlag() {
|
|
|
7967
8001
|
return create;
|
|
7968
8002
|
}
|
|
7969
8003
|
|
|
7970
|
-
var _templateObject$
|
|
8004
|
+
var _templateObject$1I, _templateObject2$1g, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
7971
8005
|
function HeaderSection() {
|
|
7972
8006
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7973
8007
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8037,14 +8071,14 @@ function HeaderSection() {
|
|
|
8037
8071
|
})
|
|
8038
8072
|
})));
|
|
8039
8073
|
}
|
|
8040
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8041
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
8074
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
8075
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8042
8076
|
var ResolveButton = /*#__PURE__*/styled.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"])));
|
|
8043
8077
|
var Title$6 = /*#__PURE__*/styled.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"])));
|
|
8044
8078
|
var StyledOverlay = /*#__PURE__*/styled.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"])));
|
|
8045
8079
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8046
8080
|
|
|
8047
|
-
var _templateObject$
|
|
8081
|
+
var _templateObject$1J, _templateObject2$1h;
|
|
8048
8082
|
function TextSection() {
|
|
8049
8083
|
var _useSinglePayload = useSinglePayload(),
|
|
8050
8084
|
payload = _useSinglePayload[0],
|
|
@@ -8054,7 +8088,7 @@ function TextSection() {
|
|
|
8054
8088
|
description: event.target.value
|
|
8055
8089
|
}));
|
|
8056
8090
|
};
|
|
8057
|
-
return React.createElement(Text$
|
|
8091
|
+
return React.createElement(Text$7, null, React.createElement(Label$h, {
|
|
8058
8092
|
label: "Details"
|
|
8059
8093
|
}), React.createElement(TextField, {
|
|
8060
8094
|
placeholder: "Type here....",
|
|
@@ -8062,10 +8096,10 @@ function TextSection() {
|
|
|
8062
8096
|
onChange: onChangeDetails
|
|
8063
8097
|
}));
|
|
8064
8098
|
}
|
|
8065
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
8066
|
-
var Text$
|
|
8099
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8100
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8067
8101
|
|
|
8068
|
-
var _templateObject$
|
|
8102
|
+
var _templateObject$1K, _templateObject2$1i;
|
|
8069
8103
|
function ButtonsSection() {
|
|
8070
8104
|
var _useSinglePayload = useSinglePayload(),
|
|
8071
8105
|
payload = _useSinglePayload[0],
|
|
@@ -8156,10 +8190,10 @@ function ButtonsSection() {
|
|
|
8156
8190
|
status: "SD"
|
|
8157
8191
|
}))));
|
|
8158
8192
|
}
|
|
8159
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject$
|
|
8160
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8193
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8194
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8161
8195
|
|
|
8162
|
-
var _templateObject$
|
|
8196
|
+
var _templateObject$1L, _templateObject2$1j, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8163
8197
|
function ActionSection() {
|
|
8164
8198
|
var _useCurrentAction = useCurrentAction(),
|
|
8165
8199
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8245,14 +8279,14 @@ function RadioButtonsSection() {
|
|
|
8245
8279
|
required: false
|
|
8246
8280
|
}));
|
|
8247
8281
|
}
|
|
8248
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8249
|
-
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$
|
|
8282
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8283
|
+
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8250
8284
|
var CancelButton$1 = /*#__PURE__*/styled(Button$1)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8251
8285
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8252
8286
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8253
8287
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8254
8288
|
|
|
8255
|
-
var _templateObject$
|
|
8289
|
+
var _templateObject$1M, _templateObject2$1k, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8256
8290
|
function DetailSection() {
|
|
8257
8291
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8258
8292
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8264,8 +8298,8 @@ function DetailSection() {
|
|
|
8264
8298
|
label: "Order"
|
|
8265
8299
|
}), React.createElement(Order, null, orderColumnData)));
|
|
8266
8300
|
}
|
|
8267
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
8268
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8301
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8302
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8269
8303
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8270
8304
|
var Order = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8271
8305
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8350,7 +8384,7 @@ function useFetchSingleFlagsData() {
|
|
|
8350
8384
|
return res;
|
|
8351
8385
|
}
|
|
8352
8386
|
|
|
8353
|
-
var _templateObject$
|
|
8387
|
+
var _templateObject$1N, _templateObject2$1l, _templateObject3$Q;
|
|
8354
8388
|
function ViewFlag() {
|
|
8355
8389
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8356
8390
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8447,11 +8481,11 @@ function ViewFlag() {
|
|
|
8447
8481
|
}, [dataArray]);
|
|
8448
8482
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
8449
8483
|
}
|
|
8450
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8451
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
8484
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8485
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8452
8486
|
var MainContainer$a = /*#__PURE__*/styled.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"])));
|
|
8453
8487
|
|
|
8454
|
-
var _templateObject$
|
|
8488
|
+
var _templateObject$1O;
|
|
8455
8489
|
function ReleaseOrder() {
|
|
8456
8490
|
var _useOrderId = useOrderId(),
|
|
8457
8491
|
orderId = _useOrderId[0];
|
|
@@ -8530,9 +8564,9 @@ function ReleaseOrder() {
|
|
|
8530
8564
|
// position: absolute;
|
|
8531
8565
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
8532
8566
|
// `;
|
|
8533
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
8567
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8534
8568
|
|
|
8535
|
-
var _templateObject$
|
|
8569
|
+
var _templateObject$1P;
|
|
8536
8570
|
function OrderActions() {
|
|
8537
8571
|
var _useCurrentAction = useCurrentAction(),
|
|
8538
8572
|
currentAction = _useCurrentAction[0];
|
|
@@ -8588,9 +8622,9 @@ function OrderActions() {
|
|
|
8588
8622
|
return null;
|
|
8589
8623
|
}
|
|
8590
8624
|
};
|
|
8591
|
-
return React.createElement(Container$
|
|
8625
|
+
return React.createElement(Container$13, null, renderContent());
|
|
8592
8626
|
}
|
|
8593
|
-
var Container$
|
|
8627
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8594
8628
|
|
|
8595
8629
|
function useSystemLogs() {
|
|
8596
8630
|
var ssoToken = getCookie('id_token');
|
|
@@ -8683,7 +8717,7 @@ function useSystemLogs() {
|
|
|
8683
8717
|
return perform;
|
|
8684
8718
|
}
|
|
8685
8719
|
|
|
8686
|
-
var _templateObject$
|
|
8720
|
+
var _templateObject$1Q, _templateObject2$1m;
|
|
8687
8721
|
var Details = function Details() {
|
|
8688
8722
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8689
8723
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8692,13 +8726,13 @@ var Details = function Details() {
|
|
|
8692
8726
|
var postcodeShow = (orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r2.postcode) || '';
|
|
8693
8727
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8694
8728
|
};
|
|
8695
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8696
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
8697
|
-
|
|
8698
|
-
var _templateObject$1Q;
|
|
8699
|
-
var DropDownContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8729
|
+
var DetailsContainer = /*#__PURE__*/styled.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"])));
|
|
8730
|
+
var Typo = /*#__PURE__*/styled.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"])));
|
|
8700
8731
|
|
|
8701
8732
|
var _templateObject$1R;
|
|
8733
|
+
var DropDownContainer$1 = /*#__PURE__*/styled.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"])));
|
|
8734
|
+
|
|
8735
|
+
var _templateObject$1S;
|
|
8702
8736
|
var DropDownItem = function DropDownItem(_ref) {
|
|
8703
8737
|
var label = _ref.label,
|
|
8704
8738
|
icon = _ref.icon,
|
|
@@ -8707,9 +8741,9 @@ var DropDownItem = function DropDownItem(_ref) {
|
|
|
8707
8741
|
onClick: onClick
|
|
8708
8742
|
}, React.createElement("label", null, label), icon);
|
|
8709
8743
|
};
|
|
8710
|
-
var Flex$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
8744
|
+
var Flex$4 = /*#__PURE__*/styled.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"])));
|
|
8711
8745
|
|
|
8712
|
-
var _templateObject$
|
|
8746
|
+
var _templateObject$1T;
|
|
8713
8747
|
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8714
8748
|
var options = _ref.options,
|
|
8715
8749
|
onSelect = _ref.onSelect;
|
|
@@ -8724,7 +8758,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
|
|
|
8724
8758
|
});
|
|
8725
8759
|
}));
|
|
8726
8760
|
};
|
|
8727
|
-
var DropDownContent = /*#__PURE__*/styled.div(_templateObject$
|
|
8761
|
+
var DropDownContent = /*#__PURE__*/styled.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"])));
|
|
8728
8762
|
|
|
8729
8763
|
var DropDownLarge = function DropDownLarge() {
|
|
8730
8764
|
return React.createElement("svg", {
|
|
@@ -8940,27 +8974,27 @@ function Print() {
|
|
|
8940
8974
|
}));
|
|
8941
8975
|
}
|
|
8942
8976
|
|
|
8943
|
-
var _templateObject$
|
|
8977
|
+
var _templateObject$1U;
|
|
8944
8978
|
// components
|
|
8945
8979
|
function DropDowns$1() {
|
|
8946
8980
|
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper, null, React.createElement(MenuDropDown, null), React.createElement(OptionsDropDown, null), React.createElement(Print, null)));
|
|
8947
8981
|
}
|
|
8948
|
-
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject$
|
|
8982
|
+
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8949
8983
|
|
|
8950
|
-
var _templateObject$
|
|
8984
|
+
var _templateObject$1V;
|
|
8951
8985
|
// import Actions from './actions/Actions';
|
|
8952
8986
|
var ActionsMenu = function ActionsMenu() {
|
|
8953
8987
|
return React.createElement(Flex$5, null, React.createElement(DropDowns$1, null));
|
|
8954
8988
|
};
|
|
8955
|
-
var Flex$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
8989
|
+
var Flex$5 = /*#__PURE__*/styled.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"])));
|
|
8956
8990
|
|
|
8957
|
-
var _templateObject$
|
|
8991
|
+
var _templateObject$1W;
|
|
8958
8992
|
var DetailsFilters = function DetailsFilters() {
|
|
8959
8993
|
return React.createElement(Flex$6, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
8960
8994
|
};
|
|
8961
|
-
var Flex$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8995
|
+
var Flex$6 = /*#__PURE__*/styled.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"])));
|
|
8962
8996
|
|
|
8963
|
-
var _templateObject$
|
|
8997
|
+
var _templateObject$1X, _templateObject2$1n, _templateObject3$R, _templateObject4$u;
|
|
8964
8998
|
function OrderView() {
|
|
8965
8999
|
notification.config({
|
|
8966
9000
|
top: 150
|
|
@@ -9246,8 +9280,8 @@ function OrderView() {
|
|
|
9246
9280
|
}, [gsitId]);
|
|
9247
9281
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
9248
9282
|
}
|
|
9249
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
9250
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9283
|
+
var MainContainer$b = /*#__PURE__*/styled.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"])));
|
|
9284
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9251
9285
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9252
9286
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9253
9287
|
|
|
@@ -9319,12 +9353,13 @@ var filterReducer = function filterReducer(state, action) {
|
|
|
9319
9353
|
value: action.payload
|
|
9320
9354
|
}])
|
|
9321
9355
|
});
|
|
9322
|
-
case 'CLEAR_CLIENT':
|
|
9323
|
-
|
|
9324
|
-
|
|
9325
|
-
|
|
9326
|
-
|
|
9327
|
-
|
|
9356
|
+
// case 'CLEAR_CLIENT':
|
|
9357
|
+
// return {
|
|
9358
|
+
// ...state,
|
|
9359
|
+
// 'x-filters': state['x-filters'].filter(
|
|
9360
|
+
// f => f.field !== 'order.customer_id'
|
|
9361
|
+
// ),
|
|
9362
|
+
// };
|
|
9328
9363
|
case 'CLEAR_ACTION':
|
|
9329
9364
|
return _extends({}, state, {
|
|
9330
9365
|
'x-filters': state['x-filters'].filter(function (f) {
|
|
@@ -9364,7 +9399,7 @@ var filtersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
9364
9399
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
9365
9400
|
});
|
|
9366
9401
|
|
|
9367
|
-
var _templateObject$
|
|
9402
|
+
var _templateObject$1Y;
|
|
9368
9403
|
function SelectionFilter() {
|
|
9369
9404
|
var _useCustomerData = useCustomerData(),
|
|
9370
9405
|
customers = _useCustomerData[0];
|
|
@@ -9565,13 +9600,6 @@ function SelectionFilter() {
|
|
|
9565
9600
|
});
|
|
9566
9601
|
}
|
|
9567
9602
|
};
|
|
9568
|
-
useEffect(function () {
|
|
9569
|
-
return function () {
|
|
9570
|
-
dispatch({
|
|
9571
|
-
type: 'CLEAR_CLIENT'
|
|
9572
|
-
});
|
|
9573
|
-
};
|
|
9574
|
-
}, []);
|
|
9575
9603
|
useEffect(function () {
|
|
9576
9604
|
if (storedClientId) {
|
|
9577
9605
|
dispatch({
|
|
@@ -9600,6 +9628,7 @@ function SelectionFilter() {
|
|
|
9600
9628
|
});
|
|
9601
9629
|
}
|
|
9602
9630
|
}, [selectedFilterValue, selectedLocationValue]);
|
|
9631
|
+
console.log(storedName, 'storedName');
|
|
9603
9632
|
return React.createElement(Wrapper$k, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$4, {
|
|
9604
9633
|
options: clientOptions,
|
|
9605
9634
|
placeholder: "Select Client Name",
|
|
@@ -9608,7 +9637,7 @@ function SelectionFilter() {
|
|
|
9608
9637
|
minWidth: '14vw'
|
|
9609
9638
|
},
|
|
9610
9639
|
value: storedName
|
|
9611
|
-
})), storedName && location.pathname.includes("
|
|
9640
|
+
})), storedName && location.pathname.includes("filter/") ? React.createElement(React.Fragment, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Action Type"), React.createElement(StyledAntSelect$4, {
|
|
9612
9641
|
options: actionTypeOptions,
|
|
9613
9642
|
placeholder: "Select Action Type",
|
|
9614
9643
|
value: selectedFilterValue,
|
|
@@ -9632,7 +9661,7 @@ function SelectionFilter() {
|
|
|
9632
9661
|
disabled: !isButtonEnabled
|
|
9633
9662
|
}, "Apply"))));
|
|
9634
9663
|
}
|
|
9635
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
9664
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(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"])));
|
|
9636
9665
|
|
|
9637
9666
|
// import { ApiResponse } from '../../types';
|
|
9638
9667
|
// import { useApiHook } from '@bjsdistribution/dms-component-library';
|
|
@@ -9696,17 +9725,17 @@ function HeaderFilter() {
|
|
|
9696
9725
|
return React.createElement(CoverPage, null, React.createElement(SelectionFilter, null));
|
|
9697
9726
|
}
|
|
9698
9727
|
|
|
9699
|
-
var _templateObject$
|
|
9728
|
+
var _templateObject$1Z, _templateObject4$v, _templateObject5$k, _templateObject7$e, _templateObject8$9;
|
|
9700
9729
|
//Left side
|
|
9701
|
-
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
9730
|
+
var LeftSideConatiner = /*#__PURE__*/styled.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"])));
|
|
9702
9731
|
//
|
|
9703
9732
|
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9704
9733
|
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
9705
|
-
var Text$
|
|
9734
|
+
var Text$8 = /*#__PURE__*/styled.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"])));
|
|
9706
9735
|
// Right side filter
|
|
9707
9736
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9708
9737
|
|
|
9709
|
-
var _templateObject$
|
|
9738
|
+
var _templateObject$1_, _templateObject2$1o;
|
|
9710
9739
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9711
9740
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9712
9741
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9715,7 +9744,7 @@ var RightFilters = function RightFilters() {
|
|
|
9715
9744
|
dispatch = _useAtom[1];
|
|
9716
9745
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9717
9746
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9718
|
-
return React.createElement(Container$
|
|
9747
|
+
return React.createElement(Container$14, null, React.createElement(ButtonText, {
|
|
9719
9748
|
onClick: function onClick() {
|
|
9720
9749
|
return dispatch({
|
|
9721
9750
|
type: 'create-return'
|
|
@@ -9724,7 +9753,7 @@ var RightFilters = function RightFilters() {
|
|
|
9724
9753
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9725
9754
|
}, "Create Return"));
|
|
9726
9755
|
};
|
|
9727
|
-
var Container$
|
|
9756
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9728
9757
|
// const Mid = styled.div`
|
|
9729
9758
|
// display: flex;
|
|
9730
9759
|
// padding: 4px 10px;
|
|
@@ -9733,17 +9762,17 @@ var Container$13 = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObjec
|
|
|
9733
9762
|
// align-self: stretch;
|
|
9734
9763
|
// border-radius: 15px 0px 0px 15px;
|
|
9735
9764
|
// `;
|
|
9736
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9765
|
+
var ButtonText = /*#__PURE__*/styled.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"])));
|
|
9737
9766
|
|
|
9738
9767
|
var ReturnFilter = function ReturnFilter() {
|
|
9739
9768
|
var _useParams = useParams(),
|
|
9740
9769
|
clientName = _useParams.clientName;
|
|
9741
|
-
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$
|
|
9770
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$8, null, " ", clientName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)));
|
|
9742
9771
|
};
|
|
9743
9772
|
|
|
9744
|
-
var _templateObject$
|
|
9745
|
-
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
9746
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9773
|
+
var _templateObject$1$, _templateObject2$1p, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9774
|
+
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9775
|
+
var GreyBox = /*#__PURE__*/styled.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"])));
|
|
9747
9776
|
// Styled components
|
|
9748
9777
|
var StyledTableWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
9749
9778
|
var StyledTable$4 = /*#__PURE__*/styled.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"])));
|
|
@@ -9934,7 +9963,7 @@ var optionsForReturnPrint = [{
|
|
|
9934
9963
|
label: 'Print Return Labels'
|
|
9935
9964
|
}];
|
|
9936
9965
|
|
|
9937
|
-
var _templateObject$
|
|
9966
|
+
var _templateObject$20, _templateObject2$1q;
|
|
9938
9967
|
var options$1 = optionsForReturnPrint;
|
|
9939
9968
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9940
9969
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9951,8 +9980,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9951
9980
|
}, IconComponent && React.createElement(IconComponent, null), " ", item.label);
|
|
9952
9981
|
}));
|
|
9953
9982
|
};
|
|
9954
|
-
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$
|
|
9955
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9983
|
+
var OptionsList = /*#__PURE__*/styled.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"])));
|
|
9984
|
+
var OptionsListLi = /*#__PURE__*/styled.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"])));
|
|
9956
9985
|
|
|
9957
9986
|
var _excluded$3 = ["count"];
|
|
9958
9987
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10163,7 +10192,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10163
10192
|
var mergedPayload = Object.values(groupedPayload);
|
|
10164
10193
|
setGrouped(mergedPayload);
|
|
10165
10194
|
}, [newpayload]);
|
|
10166
|
-
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper,
|
|
10195
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, {
|
|
10196
|
+
className: "fortables"
|
|
10197
|
+
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, returnData != null && returnData.some(function (item) {
|
|
10167
10198
|
var _item$order_product_r;
|
|
10168
10199
|
return (item == null || (_item$order_product_r = item.order_product_return_action) == null ? void 0 : _item$order_product_r.type) === 'RTS';
|
|
10169
10200
|
}) ? React.createElement("th", {
|
|
@@ -10282,12 +10313,12 @@ var DefectConfirm = [{
|
|
|
10282
10313
|
value: 'no'
|
|
10283
10314
|
}];
|
|
10284
10315
|
|
|
10285
|
-
var _templateObject$
|
|
10316
|
+
var _templateObject$21, _templateObject2$1r, _templateObject3$U, _templateObject4$x;
|
|
10286
10317
|
var DefetcDetails = function DefetcDetails() {
|
|
10287
10318
|
var handleSelectChange = function handleSelectChange() {
|
|
10288
10319
|
console.log('Option selected');
|
|
10289
10320
|
};
|
|
10290
|
-
return React.createElement(Container$
|
|
10321
|
+
return React.createElement(Container$15, null, React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10291
10322
|
label: "What is the defect"
|
|
10292
10323
|
}), React.createElement(StyledAntSelect$5, {
|
|
10293
10324
|
options: TaskType,
|
|
@@ -10324,12 +10355,12 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10324
10355
|
selectWrapperClass: "rounded"
|
|
10325
10356
|
}))));
|
|
10326
10357
|
};
|
|
10327
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
10328
|
-
var Container$
|
|
10358
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10359
|
+
var Container$15 = /*#__PURE__*/styled.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"])));
|
|
10329
10360
|
var Flex$7 = /*#__PURE__*/styled.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"])));
|
|
10330
10361
|
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10331
10362
|
|
|
10332
|
-
var _templateObject$
|
|
10363
|
+
var _templateObject$22;
|
|
10333
10364
|
var RepackProduct = function RepackProduct() {
|
|
10334
10365
|
var options = [{
|
|
10335
10366
|
value: 'bjsCouriers',
|
|
@@ -10389,9 +10420,9 @@ var RepackProduct = function RepackProduct() {
|
|
|
10389
10420
|
}
|
|
10390
10421
|
})));
|
|
10391
10422
|
};
|
|
10392
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10423
|
+
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10393
10424
|
|
|
10394
|
-
var _templateObject$
|
|
10425
|
+
var _templateObject$23, _templateObject2$1s, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10395
10426
|
var RepackDetails = function RepackDetails() {
|
|
10396
10427
|
var _useState = useState(false),
|
|
10397
10428
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10402,7 +10433,7 @@ var RepackDetails = function RepackDetails() {
|
|
|
10402
10433
|
var handleSelectChange = function handleSelectChange() {
|
|
10403
10434
|
console.log('Option selected');
|
|
10404
10435
|
};
|
|
10405
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
10436
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$16, null, React.createElement(Flex$8, null, React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
10406
10437
|
label: "Who repacked it?"
|
|
10407
10438
|
}), React.createElement(StyledAntSelect$6, {
|
|
10408
10439
|
options: TaskType,
|
|
@@ -10438,19 +10469,19 @@ var RepackDetails = function RepackDetails() {
|
|
|
10438
10469
|
}
|
|
10439
10470
|
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
10440
10471
|
};
|
|
10441
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
10442
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10472
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10473
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10443
10474
|
var InputWrapper = /*#__PURE__*/styled.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"])));
|
|
10444
|
-
var Container$
|
|
10475
|
+
var Container$16 = /*#__PURE__*/styled.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"])));
|
|
10445
10476
|
var Flex$8 = /*#__PURE__*/styled.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"])));
|
|
10446
10477
|
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10447
10478
|
|
|
10448
|
-
var _templateObject$
|
|
10479
|
+
var _templateObject$24, _templateObject2$1t, _templateObject3$W, _templateObject4$z;
|
|
10449
10480
|
var OtherDamage = function OtherDamage() {
|
|
10450
10481
|
var handleSelectChange = function handleSelectChange() {
|
|
10451
10482
|
console.log('Option selected');
|
|
10452
10483
|
};
|
|
10453
|
-
return React.createElement(Container$
|
|
10484
|
+
return React.createElement(Container$17, null, React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10454
10485
|
label: "What is the primary defect?"
|
|
10455
10486
|
}), React.createElement(StyledAntSelect$7, {
|
|
10456
10487
|
options: TaskType,
|
|
@@ -10501,12 +10532,12 @@ var OtherDamage = function OtherDamage() {
|
|
|
10501
10532
|
selectWrapperClass: "rounded"
|
|
10502
10533
|
}))));
|
|
10503
10534
|
};
|
|
10504
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
10505
|
-
var Container$
|
|
10535
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10536
|
+
var Container$17 = /*#__PURE__*/styled.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"])));
|
|
10506
10537
|
var Flex$9 = /*#__PURE__*/styled.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"])));
|
|
10507
10538
|
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10508
10539
|
|
|
10509
|
-
var _templateObject$
|
|
10540
|
+
var _templateObject$25, _templateObject2$1u, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10510
10541
|
var AddDefect = function AddDefect() {
|
|
10511
10542
|
var _useState = useState({
|
|
10512
10543
|
actionDuring: '',
|
|
@@ -10533,7 +10564,7 @@ var AddDefect = function AddDefect() {
|
|
|
10533
10564
|
});
|
|
10534
10565
|
});
|
|
10535
10566
|
};
|
|
10536
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
10567
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10537
10568
|
label: "Does the packaging have any damage?"
|
|
10538
10569
|
}), React.createElement(StyledAntSelect$8, {
|
|
10539
10570
|
options: DefectConfirm,
|
|
@@ -10546,7 +10577,7 @@ var AddDefect = function AddDefect() {
|
|
|
10546
10577
|
return React.createElement(DefetcDetails, {
|
|
10547
10578
|
key: index
|
|
10548
10579
|
});
|
|
10549
|
-
})), React.createElement(Container$
|
|
10580
|
+
})), React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10550
10581
|
label: "Has the product been checked?"
|
|
10551
10582
|
}), React.createElement(StyledAntSelect$8, {
|
|
10552
10583
|
options: DefectConfirm,
|
|
@@ -10560,7 +10591,7 @@ var AddDefect = function AddDefect() {
|
|
|
10560
10591
|
placeholder: "Select",
|
|
10561
10592
|
onChange: handleChange('productDamage'),
|
|
10562
10593
|
selectWrapperClass: "rounded"
|
|
10563
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React.createElement(OtherDamage, null)), React.createElement(Container$
|
|
10594
|
+
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React.createElement(OtherDamage, null)), React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10564
10595
|
label: "Has the product been repacked?"
|
|
10565
10596
|
}), React.createElement(StyledAntSelect$8, {
|
|
10566
10597
|
options: DefectConfirm,
|
|
@@ -10569,18 +10600,18 @@ var AddDefect = function AddDefect() {
|
|
|
10569
10600
|
selectWrapperClass: "rounded"
|
|
10570
10601
|
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
10571
10602
|
};
|
|
10572
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
10573
|
-
var Container$
|
|
10603
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10604
|
+
var Container$18 = /*#__PURE__*/styled.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"])));
|
|
10574
10605
|
var Flex$a = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10575
10606
|
var LabelWrapper$3 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10576
10607
|
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10577
10608
|
|
|
10578
|
-
var _templateObject$
|
|
10609
|
+
var _templateObject$26, _templateObject2$1v, _templateObject3$Y, _templateObject4$B;
|
|
10579
10610
|
var QCLogs = function QCLogs() {
|
|
10580
10611
|
var handleSelectChange = function handleSelectChange() {
|
|
10581
10612
|
console.log('Option selected');
|
|
10582
10613
|
};
|
|
10583
|
-
return React.createElement(Container$
|
|
10614
|
+
return React.createElement(Container$19, null, React.createElement(Flex$b, null, React.createElement(LabelWrapper$4, null, React.createElement(Label$h, {
|
|
10584
10615
|
label: "Action During"
|
|
10585
10616
|
}), React.createElement(StyledAntSelect$9, {
|
|
10586
10617
|
options: TaskType,
|
|
@@ -10596,12 +10627,12 @@ var QCLogs = function QCLogs() {
|
|
|
10596
10627
|
selectWrapperClass: "rounded"
|
|
10597
10628
|
}))), React.createElement(AddDefect, null));
|
|
10598
10629
|
};
|
|
10599
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
10600
|
-
var Container$
|
|
10630
|
+
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10631
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10601
10632
|
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10602
10633
|
var LabelWrapper$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10603
10634
|
|
|
10604
|
-
var _templateObject$
|
|
10635
|
+
var _templateObject$27, _templateObject2$1w, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10605
10636
|
function UpdateProduct() {
|
|
10606
10637
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10607
10638
|
var _useState = useState(),
|
|
@@ -10661,7 +10692,7 @@ function UpdateProduct() {
|
|
|
10661
10692
|
value: option.id
|
|
10662
10693
|
};
|
|
10663
10694
|
});
|
|
10664
|
-
return React.createElement(Container$
|
|
10695
|
+
return React.createElement(Container$1a, null, React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10665
10696
|
label: "Product Type"
|
|
10666
10697
|
}), React.createElement(StyledAntSelect$a, {
|
|
10667
10698
|
options: productTypeOptions,
|
|
@@ -10698,13 +10729,13 @@ function UpdateProduct() {
|
|
|
10698
10729
|
selectWrapperClass: "rounded"
|
|
10699
10730
|
}))));
|
|
10700
10731
|
}
|
|
10701
|
-
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$
|
|
10702
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
10703
|
-
var Container$
|
|
10732
|
+
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10733
|
+
var ReturnBox = /*#__PURE__*/styled.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"])));
|
|
10734
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10704
10735
|
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10705
10736
|
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10706
10737
|
|
|
10707
|
-
var _templateObject$
|
|
10738
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$_;
|
|
10708
10739
|
function UnReceiveProduct() {
|
|
10709
10740
|
var _orderStaticData$unre;
|
|
10710
10741
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10741,7 +10772,7 @@ function UnReceiveProduct() {
|
|
|
10741
10772
|
value: option.id
|
|
10742
10773
|
};
|
|
10743
10774
|
});
|
|
10744
|
-
return React.createElement(Container$
|
|
10775
|
+
return React.createElement(Container$1b, null, React.createElement(LabelWrapper$6, null, React.createElement(Label$h, {
|
|
10745
10776
|
label: "Reason"
|
|
10746
10777
|
}), React.createElement(StyledAntSelect$b, {
|
|
10747
10778
|
options: returnActionOptions,
|
|
@@ -10752,18 +10783,18 @@ function UnReceiveProduct() {
|
|
|
10752
10783
|
onNotesChange: handleNotesChange
|
|
10753
10784
|
})));
|
|
10754
10785
|
}
|
|
10755
|
-
var Container$
|
|
10756
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10786
|
+
var Container$1b = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10787
|
+
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10757
10788
|
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10758
10789
|
|
|
10759
|
-
var _templateObject$
|
|
10790
|
+
var _templateObject$29, _templateObject2$1y;
|
|
10760
10791
|
var ProductAction = function ProductAction() {
|
|
10761
10792
|
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10762
10793
|
setSelectedTabKey = _useAtom[1];
|
|
10763
10794
|
var handleTabChange = function handleTabChange(activeKey) {
|
|
10764
10795
|
setSelectedTabKey(activeKey);
|
|
10765
10796
|
};
|
|
10766
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$2, null, React.createElement(Container$
|
|
10797
|
+
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$2, null, React.createElement(Container$1c, null, React.createElement(Tabs, {
|
|
10767
10798
|
defaultActiveKey: "1",
|
|
10768
10799
|
onChange: handleTabChange,
|
|
10769
10800
|
items: [{
|
|
@@ -10781,10 +10812,10 @@ var ProductAction = function ProductAction() {
|
|
|
10781
10812
|
}]
|
|
10782
10813
|
}))));
|
|
10783
10814
|
};
|
|
10784
|
-
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
10785
|
-
var Container$
|
|
10815
|
+
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10816
|
+
var Container$1c = /*#__PURE__*/styled.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"])));
|
|
10786
10817
|
|
|
10787
|
-
var _templateObject$
|
|
10818
|
+
var _templateObject$2a;
|
|
10788
10819
|
var LogsTable = function LogsTable() {
|
|
10789
10820
|
var options = [{
|
|
10790
10821
|
value: 'bjsCouriers',
|
|
@@ -10859,9 +10890,9 @@ var LogsTable = function LogsTable() {
|
|
|
10859
10890
|
}
|
|
10860
10891
|
})));
|
|
10861
10892
|
};
|
|
10862
|
-
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$
|
|
10893
|
+
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10863
10894
|
|
|
10864
|
-
var _templateObject$
|
|
10895
|
+
var _templateObject$2b, _templateObject2$1z;
|
|
10865
10896
|
var DefectsModal = function DefectsModal() {
|
|
10866
10897
|
var options = [{
|
|
10867
10898
|
value: 'bjsCouriers',
|
|
@@ -10913,10 +10944,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10913
10944
|
}
|
|
10914
10945
|
}))));
|
|
10915
10946
|
};
|
|
10916
|
-
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
10917
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10947
|
+
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10948
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10918
10949
|
|
|
10919
|
-
var _templateObject$
|
|
10950
|
+
var _templateObject$2c;
|
|
10920
10951
|
var repackModal = function repackModal() {
|
|
10921
10952
|
var columns = [{
|
|
10922
10953
|
key: 'packaging_type',
|
|
@@ -10946,9 +10977,9 @@ var repackModal = function repackModal() {
|
|
|
10946
10977
|
}
|
|
10947
10978
|
}))));
|
|
10948
10979
|
};
|
|
10949
|
-
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10980
|
+
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10950
10981
|
|
|
10951
|
-
var _templateObject$
|
|
10982
|
+
var _templateObject$2d, _templateObject2$1A, _templateObject3$$;
|
|
10952
10983
|
var _excluded$4 = ["id"];
|
|
10953
10984
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10954
10985
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11003,7 +11034,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11003
11034
|
type: "info",
|
|
11004
11035
|
title: "Do you wish to proceed?",
|
|
11005
11036
|
showOkButton: false
|
|
11006
|
-
}), React.createElement(Container$
|
|
11037
|
+
}), React.createElement(Container$1d, null, React.createElement("ul", {
|
|
11007
11038
|
style: {
|
|
11008
11039
|
listStyle: 'none',
|
|
11009
11040
|
padding: 0
|
|
@@ -11028,8 +11059,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11028
11059
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
11029
11060
|
})))));
|
|
11030
11061
|
};
|
|
11031
|
-
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11032
|
-
var Container$
|
|
11062
|
+
var StyledText$1 = /*#__PURE__*/styled.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"])));
|
|
11063
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11033
11064
|
var Wrapper$l = /*#__PURE__*/styled.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"])));
|
|
11034
11065
|
|
|
11035
11066
|
var ModalManager = function ModalManager() {
|
|
@@ -11325,9 +11356,9 @@ var ModalManager = function ModalManager() {
|
|
|
11325
11356
|
}));
|
|
11326
11357
|
};
|
|
11327
11358
|
|
|
11328
|
-
var _templateObject$
|
|
11329
|
-
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11330
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
11359
|
+
var _templateObject$2e, _templateObject2$1B, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11360
|
+
var StyledContainer = /*#__PURE__*/styled.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"])));
|
|
11361
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11331
11362
|
var StyledInfoBox = /*#__PURE__*/styled.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"])));
|
|
11332
11363
|
var StyledLabel$2 = /*#__PURE__*/styled.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"])));
|
|
11333
11364
|
var StyledPaginationWrapper = /*#__PURE__*/styled.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"])));
|
|
@@ -11449,7 +11480,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11449
11480
|
}, React.createElement(NextIcon, null)))));
|
|
11450
11481
|
};
|
|
11451
11482
|
|
|
11452
|
-
var _templateObject$
|
|
11483
|
+
var _templateObject$2f, _templateObject2$1C;
|
|
11453
11484
|
var ReturnTable = function ReturnTable() {
|
|
11454
11485
|
var _UsePaginationData = UsePaginationData(),
|
|
11455
11486
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11468,7 +11499,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11468
11499
|
};
|
|
11469
11500
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$1, null, React.createElement("div", {
|
|
11470
11501
|
className: "Tableconatiner"
|
|
11471
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
11502
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1e, null, React.createElement(ReturnFilter, null), React.createElement(ReturnOrderTable, null), total > 0 && React.createElement(Pagination, {
|
|
11472
11503
|
currentPage: page,
|
|
11473
11504
|
totalItems: total,
|
|
11474
11505
|
itemsPerPage: itemsPerPage,
|
|
@@ -11476,8 +11507,8 @@ var ReturnTable = function ReturnTable() {
|
|
|
11476
11507
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11477
11508
|
})))), React.createElement(ModalManager, null));
|
|
11478
11509
|
};
|
|
11479
|
-
var Container$
|
|
11480
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
11510
|
+
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11511
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
11481
11512
|
|
|
11482
11513
|
function LoadIcon() {
|
|
11483
11514
|
return React.createElement("svg", {
|
|
@@ -11495,7 +11526,7 @@ function LoadIcon() {
|
|
|
11495
11526
|
}));
|
|
11496
11527
|
}
|
|
11497
11528
|
|
|
11498
|
-
var _templateObject$
|
|
11529
|
+
var _templateObject$2g, _templateObject2$1D;
|
|
11499
11530
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11500
11531
|
var legacyProductId = _ref.legacyProductId;
|
|
11501
11532
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11522,8 +11553,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11522
11553
|
}, IconComponent && React.createElement(IconComponent, null), item.label);
|
|
11523
11554
|
}));
|
|
11524
11555
|
};
|
|
11525
|
-
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$
|
|
11526
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
11556
|
+
var OptionsList$1 = /*#__PURE__*/styled.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"])));
|
|
11557
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.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) {
|
|
11527
11558
|
var disabled = _ref2.disabled;
|
|
11528
11559
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11529
11560
|
}, function (_ref3) {
|
|
@@ -11605,12 +11636,17 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11605
11636
|
color: '#E95252',
|
|
11606
11637
|
background: 'rgba(233, 82, 82, 0.15)'
|
|
11607
11638
|
};
|
|
11608
|
-
case '
|
|
11639
|
+
case 'On Hold':
|
|
11640
|
+
return {
|
|
11641
|
+
color: '#F4A503',
|
|
11642
|
+
background: '#FFF1D6'
|
|
11643
|
+
};
|
|
11644
|
+
case 'Sub-Contracted':
|
|
11609
11645
|
return {
|
|
11610
11646
|
color: '#F4A503',
|
|
11611
11647
|
background: '#FFF1D6'
|
|
11612
11648
|
};
|
|
11613
|
-
case 'Awaiting':
|
|
11649
|
+
case 'Awaiting route':
|
|
11614
11650
|
return {
|
|
11615
11651
|
color: '#845ADF',
|
|
11616
11652
|
background: 'rgba(132, 90, 223, 0.15)'
|
|
@@ -11620,6 +11656,16 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11620
11656
|
color: '#1F9254',
|
|
11621
11657
|
background: 'rgba(41, 204, 106, 0.15)'
|
|
11622
11658
|
};
|
|
11659
|
+
case 'Outstanding':
|
|
11660
|
+
return {
|
|
11661
|
+
color: '#FF9900',
|
|
11662
|
+
background: 'rgba(255, 153, 0, 0.15)'
|
|
11663
|
+
};
|
|
11664
|
+
case 'Routed':
|
|
11665
|
+
return {
|
|
11666
|
+
color: '#6396E5',
|
|
11667
|
+
background: 'rgba(99, 150, 229, 0.15)'
|
|
11668
|
+
};
|
|
11623
11669
|
default:
|
|
11624
11670
|
return {
|
|
11625
11671
|
color: '#000',
|
|
@@ -11630,7 +11676,9 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11630
11676
|
var _useOrderId = useOrderId(),
|
|
11631
11677
|
setOrderId = _useOrderId[1];
|
|
11632
11678
|
// console.log(id, 'idid');
|
|
11633
|
-
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper,
|
|
11679
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, {
|
|
11680
|
+
className: "fortables"
|
|
11681
|
+
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
11634
11682
|
className: "emailInvoiceNo"
|
|
11635
11683
|
}, "Created"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Pick Up Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", null, "Total Weight"), React.createElement("th", null, "Total CBM"), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
|
|
11636
11684
|
className: "emailInvoiceShare"
|
|
@@ -11645,14 +11693,15 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11645
11693
|
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : returnAfterOrder == null ? void 0 : returnAfterOrder.map(function (item, index) {
|
|
11646
11694
|
var _item$return_location, _item$order_recipient, _item$order_recipient2, _item$customer_data;
|
|
11647
11695
|
var statusMapping = {
|
|
11648
|
-
|
|
11696
|
+
cancelled: 'Cancelled',
|
|
11649
11697
|
OO: 'On Hold',
|
|
11650
11698
|
SC: 'Sub-Contracted',
|
|
11651
|
-
|
|
11652
|
-
|
|
11653
|
-
|
|
11699
|
+
'awaiting route': 'Awaiting route',
|
|
11700
|
+
completed: 'completed',
|
|
11701
|
+
outstanding: 'Outstanding',
|
|
11702
|
+
routed: 'Routed'
|
|
11654
11703
|
};
|
|
11655
|
-
var status = statusMapping[item == null ? void 0 : item.
|
|
11704
|
+
var status = statusMapping[item == null ? void 0 : item.status_value] || 'Unknown';
|
|
11656
11705
|
var statusClass = getStatusClass(status);
|
|
11657
11706
|
return React.createElement("tr", {
|
|
11658
11707
|
key: item.id
|
|
@@ -11691,10 +11740,14 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11691
11740
|
})), React.createElement("td", null, React.createElement("ul", {
|
|
11692
11741
|
className: "statuscontainer",
|
|
11693
11742
|
style: {
|
|
11694
|
-
listStyleType: 'none'
|
|
11743
|
+
listStyleType: 'none',
|
|
11744
|
+
background: statusClass.background
|
|
11695
11745
|
}
|
|
11696
11746
|
}, React.createElement("li", {
|
|
11697
|
-
className: "statustext
|
|
11747
|
+
className: "statustext",
|
|
11748
|
+
style: {
|
|
11749
|
+
color: statusClass.color
|
|
11750
|
+
}
|
|
11698
11751
|
}, status))), React.createElement("td", null, React.createElement("ul", {
|
|
11699
11752
|
className: "actionbox"
|
|
11700
11753
|
}, React.createElement(CustomDrop, {
|
|
@@ -11715,10 +11768,10 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11715
11768
|
})))));
|
|
11716
11769
|
};
|
|
11717
11770
|
|
|
11718
|
-
var _templateObject$
|
|
11771
|
+
var _templateObject$2h;
|
|
11719
11772
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
11720
11773
|
var TableFilters = function TableFilters() {
|
|
11721
|
-
return React.createElement(Container$
|
|
11774
|
+
return React.createElement(Container$1f, null);
|
|
11722
11775
|
// return (
|
|
11723
11776
|
// // <StyledBulkFilterCover>
|
|
11724
11777
|
// <StyledBulkItem>
|
|
@@ -11732,7 +11785,7 @@ var TableFilters = function TableFilters() {
|
|
|
11732
11785
|
// // </StyledBulkFilterCover>
|
|
11733
11786
|
// );
|
|
11734
11787
|
};
|
|
11735
|
-
var Container$
|
|
11788
|
+
var Container$1f = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11736
11789
|
|
|
11737
11790
|
var FilterIcon = function FilterIcon() {
|
|
11738
11791
|
return React.createElement("svg", {
|
|
@@ -11910,7 +11963,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11910
11963
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11911
11964
|
});
|
|
11912
11965
|
|
|
11913
|
-
var _templateObject$
|
|
11966
|
+
var _templateObject$2i, _templateObject2$1E;
|
|
11914
11967
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11915
11968
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
11916
11969
|
dispatch = _useAtom[1];
|
|
@@ -12086,9 +12139,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12086
12139
|
className: "cross"
|
|
12087
12140
|
})), React.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React.createElement(TableFilters, null)));
|
|
12088
12141
|
};
|
|
12089
|
-
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$
|
|
12142
|
+
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12090
12143
|
// const DropdownContainer = styled.div``;
|
|
12091
|
-
var StyledAntSelect$c = /*#__PURE__*/styled.div(_templateObject2$
|
|
12144
|
+
var StyledAntSelect$c = /*#__PURE__*/styled.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"])));
|
|
12092
12145
|
|
|
12093
12146
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12094
12147
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12174,7 +12227,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12174
12227
|
}, React.createElement(NextIcon, null)))));
|
|
12175
12228
|
};
|
|
12176
12229
|
|
|
12177
|
-
var _templateObject$
|
|
12230
|
+
var _templateObject$2j, _templateObject2$1F;
|
|
12178
12231
|
var _excluded$5 = ["count"];
|
|
12179
12232
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12180
12233
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12238,7 +12291,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12238
12291
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
12239
12292
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$2, null, React.createElement("div", {
|
|
12240
12293
|
className: "Tableconatiner"
|
|
12241
|
-
}, React.createElement(Container$
|
|
12294
|
+
}, React.createElement(Container$1g, null, React.createElement(ReturnOrderFilter, null), React.createElement(OrderTable, null), total > 0 && React.createElement(ReturnPagination, {
|
|
12242
12295
|
currentPage: page,
|
|
12243
12296
|
totalItems: total,
|
|
12244
12297
|
itemsPerPage: itemsPerPage,
|
|
@@ -12246,13 +12299,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12246
12299
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12247
12300
|
})))));
|
|
12248
12301
|
};
|
|
12249
|
-
var Container$
|
|
12250
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
12302
|
+
var Container$1g = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12303
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
12251
12304
|
|
|
12252
|
-
var _templateObject2$
|
|
12253
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12305
|
+
var _templateObject2$1G;
|
|
12306
|
+
var StyledBulkItem = /*#__PURE__*/styled.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"])));
|
|
12254
12307
|
|
|
12255
|
-
var _templateObject$
|
|
12308
|
+
var _templateObject$2k, _templateObject2$1H;
|
|
12256
12309
|
var SearchType = function SearchType() {
|
|
12257
12310
|
var _useState = useState(''),
|
|
12258
12311
|
searchText = _useState[0],
|
|
@@ -12267,8 +12320,8 @@ var SearchType = function SearchType() {
|
|
|
12267
12320
|
onChange: handleInputChange
|
|
12268
12321
|
}));
|
|
12269
12322
|
};
|
|
12270
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
12271
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
12323
|
+
var Search = /*#__PURE__*/styled.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"])));
|
|
12324
|
+
var SearchInput = /*#__PURE__*/styled.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"])));
|
|
12272
12325
|
|
|
12273
12326
|
var BulkFilter = function BulkFilter() {
|
|
12274
12327
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12389,7 +12442,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12389
12442
|
})))));
|
|
12390
12443
|
};
|
|
12391
12444
|
|
|
12392
|
-
var _templateObject$
|
|
12445
|
+
var _templateObject$2l, _templateObject2$1I, _templateObject3$11;
|
|
12393
12446
|
// import Pagination from './table-view/Pagination';
|
|
12394
12447
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12395
12448
|
function ReturnMainTable() {
|
|
@@ -12416,9 +12469,11 @@ function ReturnMainTable() {
|
|
|
12416
12469
|
var _useApiHook = useApiHook({
|
|
12417
12470
|
endpoint: "/return_orders/get/client-returns/",
|
|
12418
12471
|
method: 'GET',
|
|
12472
|
+
//@ts-ignore
|
|
12419
12473
|
pagination: {
|
|
12420
12474
|
page: 1,
|
|
12421
|
-
per_page: 200
|
|
12475
|
+
per_page: 200,
|
|
12476
|
+
is_pagination: false
|
|
12422
12477
|
}
|
|
12423
12478
|
}),
|
|
12424
12479
|
fetchedClientData = _useApiHook.data,
|
|
@@ -12444,28 +12499,28 @@ function ReturnMainTable() {
|
|
|
12444
12499
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12445
12500
|
}, React.createElement("div", {
|
|
12446
12501
|
className: "Tableconatiner"
|
|
12447
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
12502
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1h, null, React.createElement(Row$7, null, React.createElement(Text$8, null, "Client Return"), getClient ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)))));
|
|
12448
12503
|
}
|
|
12449
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
12450
|
-
var Container$
|
|
12504
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12505
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12451
12506
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.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"])));
|
|
12452
12507
|
|
|
12453
|
-
var _templateObject$
|
|
12454
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12455
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
12508
|
+
var _templateObject$2m, _templateObject2$1J;
|
|
12509
|
+
var HeaderWrapper = /*#__PURE__*/styled.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"])));
|
|
12510
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12456
12511
|
|
|
12457
|
-
var _templateObject$
|
|
12512
|
+
var _templateObject$2n;
|
|
12458
12513
|
var HeaderTitle = function HeaderTitle(props) {
|
|
12459
12514
|
return React.createElement(React.Fragment, null, React.createElement(Title$7, null, props.title));
|
|
12460
12515
|
};
|
|
12461
|
-
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$
|
|
12516
|
+
var Title$7 = /*#__PURE__*/styled.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"])));
|
|
12462
12517
|
|
|
12463
|
-
var _templateObject$
|
|
12518
|
+
var _templateObject$2o, _templateObject2$1K;
|
|
12464
12519
|
function Breadcrumb(props) {
|
|
12465
12520
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
12466
12521
|
}
|
|
12467
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
12468
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
12522
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12523
|
+
var BreadcrumbList = /*#__PURE__*/styled.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"])));
|
|
12469
12524
|
|
|
12470
12525
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12471
12526
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -12509,15 +12564,19 @@ function ReturnClient() {
|
|
|
12509
12564
|
setLocationData = _useLocationData[1];
|
|
12510
12565
|
var _useStatusOrderData = useStatusOrderData(),
|
|
12511
12566
|
setStatusOfOrders = _useStatusOrderData[1];
|
|
12512
|
-
|
|
12513
|
-
|
|
12514
|
-
|
|
12567
|
+
var splitPath = function splitPath(str) {
|
|
12568
|
+
var _str$split;
|
|
12569
|
+
var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
|
|
12570
|
+
return part !== '';
|
|
12571
|
+
}); // Filter out empty parts
|
|
12572
|
+
return parts;
|
|
12573
|
+
};
|
|
12574
|
+
var paths = splitPath(location.pathname);
|
|
12515
12575
|
useEffect(function () {
|
|
12516
|
-
if (
|
|
12576
|
+
if (paths[paths.length - 1] === 'returnclient') {
|
|
12517
12577
|
localStorage.removeItem('clientName');
|
|
12518
12578
|
localStorage.removeItem('clientId');
|
|
12519
12579
|
localStorage.removeItem('uuid');
|
|
12520
|
-
// dispatch({ type: 'CLEAR_CLIENT', payload: [] });
|
|
12521
12580
|
}
|
|
12522
12581
|
}, [location.pathname]);
|
|
12523
12582
|
useEffect(function () {
|