@bjsdistribution/dms-client-return 0.0.25 → 0.0.27
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/components/store.d.ts +2 -1
- package/dist/dms-client-return.cjs.development.js +433 -440
- 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 +434 -441
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +29 -5
- package/src/components/order-daily-overview/header-filters/filterStore.ts +7 -7
- package/src/components/order-daily-overview/shared/utlis.ts +3 -1
- package/src/components/order-view/hooks/useGetSystemLogs.tsx +1 -2
- package/src/components/order-view/index.tsx +6 -6
- package/src/components/order-view/modalsPopup/ModalManager.tsx +5 -0
- package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +12 -3
- package/src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx +13 -2
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceLevel.tsx +18 -4
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx +10 -1
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +12 -2
- package/src/components/order-view/order-details/expanded-content/services-section/index.tsx +5 -0
- package/src/components/order-view/products-info/collapsed-content/index.tsx +9 -90
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +15 -1
- package/src/components/store.ts +7 -0
- package/src/index.tsx +2 -5
|
@@ -1919,7 +1919,7 @@ function InstructionSection() {
|
|
|
1919
1919
|
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
1920
1920
|
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 10px !important;\n"])));
|
|
1921
1921
|
|
|
1922
|
-
var _templateObject$u;
|
|
1922
|
+
var _templateObject$u, _templateObject2$n;
|
|
1923
1923
|
function convertTo12HourFormat(time24) {
|
|
1924
1924
|
var _time24$split, _minutes$toString;
|
|
1925
1925
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -1959,7 +1959,7 @@ function TimedServiceDropdown() {
|
|
|
1959
1959
|
return React__default.createElement(Container$l, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1960
1960
|
label: "Timed Service",
|
|
1961
1961
|
htmlFor: "timedServiceDropdown"
|
|
1962
|
-
}), React__default.createElement(
|
|
1962
|
+
}), React__default.createElement(StyledSelectDropdown, {
|
|
1963
1963
|
placeholder: "Select Timed Service",
|
|
1964
1964
|
options: timedServicesOptions || [],
|
|
1965
1965
|
value: timedServicesOptions == null ? void 0 : timedServicesOptions.filter(function (f) {
|
|
@@ -1967,12 +1967,14 @@ function TimedServiceDropdown() {
|
|
|
1967
1967
|
}),
|
|
1968
1968
|
inputId: "timedServiceDropdown",
|
|
1969
1969
|
onChange: onChange,
|
|
1970
|
-
isDisabled
|
|
1970
|
+
// isDisabled={isDisabled}
|
|
1971
|
+
className: 'disabled'
|
|
1971
1972
|
}));
|
|
1972
1973
|
}
|
|
1973
1974
|
var Container$l = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1975
|
+
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1974
1976
|
|
|
1975
|
-
var _templateObject$v;
|
|
1977
|
+
var _templateObject$v, _templateObject2$o;
|
|
1976
1978
|
function ServiceTypeDropdown() {
|
|
1977
1979
|
var _orderStaticData$orde;
|
|
1978
1980
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1996,7 +1998,7 @@ function ServiceTypeDropdown() {
|
|
|
1996
1998
|
return React__default.createElement(Container$m, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1997
1999
|
label: "Service Type",
|
|
1998
2000
|
htmlFor: "serviceTypeDropdown"
|
|
1999
|
-
}), React__default.createElement(
|
|
2001
|
+
}), React__default.createElement(StyledSelectDropdown$1, {
|
|
2000
2002
|
placeholder: "Select Service Type",
|
|
2001
2003
|
options: serviceTypeOptions || [],
|
|
2002
2004
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -2005,12 +2007,14 @@ function ServiceTypeDropdown() {
|
|
|
2005
2007
|
inputId: "serviceTypeDropdown",
|
|
2006
2008
|
openMenuOnFocus: true,
|
|
2007
2009
|
onChange: onChange,
|
|
2008
|
-
isDisabled: true
|
|
2010
|
+
isDisabled: true,
|
|
2011
|
+
className: 'disabled'
|
|
2009
2012
|
}));
|
|
2010
2013
|
}
|
|
2011
2014
|
var Container$m = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2015
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
2012
2016
|
|
|
2013
|
-
var _templateObject$w;
|
|
2017
|
+
var _templateObject$w, _templateObject2$p;
|
|
2014
2018
|
function DeliveryPointDropdown() {
|
|
2015
2019
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
2016
2020
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2037,7 +2041,7 @@ function DeliveryPointDropdown() {
|
|
|
2037
2041
|
return React__default.createElement(Container$n, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
2038
2042
|
label: "Delivery Point",
|
|
2039
2043
|
htmlFor: "deliveryPointDropdown"
|
|
2040
|
-
}), React__default.createElement(
|
|
2044
|
+
}), React__default.createElement(StyledSelectDropdown$2, {
|
|
2041
2045
|
placeholder: "Select Delivery Point",
|
|
2042
2046
|
options: deliveryPointOptions || [],
|
|
2043
2047
|
inputId: "deliveryPointDropdown",
|
|
@@ -2046,10 +2050,12 @@ function DeliveryPointDropdown() {
|
|
|
2046
2050
|
}),
|
|
2047
2051
|
openMenuOnFocus: true,
|
|
2048
2052
|
onChange: onChange,
|
|
2049
|
-
isDisabled
|
|
2053
|
+
// isDisabled={true}
|
|
2054
|
+
className: 'disabled'
|
|
2050
2055
|
}));
|
|
2051
2056
|
}
|
|
2052
2057
|
var Container$n = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2058
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
2053
2059
|
|
|
2054
2060
|
var _templateObject$x;
|
|
2055
2061
|
function ServiceLevel() {
|
|
@@ -2075,16 +2081,22 @@ function ServiceLevel() {
|
|
|
2075
2081
|
});
|
|
2076
2082
|
setOrderData(newData);
|
|
2077
2083
|
};
|
|
2078
|
-
|
|
2084
|
+
var isDisabled = true; // Example value
|
|
2085
|
+
return React__default.createElement(Container$o, {
|
|
2086
|
+
disabled: isDisabled
|
|
2087
|
+
}, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
2079
2088
|
selectedValue: (serviceLevelId == null ? void 0 : serviceLevelId.toString()) || '',
|
|
2080
2089
|
heading: "Service Level",
|
|
2081
2090
|
options: serviceLevelOptions || [],
|
|
2082
2091
|
onChange: radioGroupHandler,
|
|
2083
2092
|
required: true,
|
|
2084
|
-
isDisabled:
|
|
2093
|
+
isDisabled: isDisabled
|
|
2085
2094
|
}));
|
|
2086
2095
|
}
|
|
2087
|
-
var Container$o = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n
|
|
2096
|
+
var Container$o = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n\n ", "\n\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (_ref) {
|
|
2097
|
+
var disabled = _ref.disabled;
|
|
2098
|
+
return disabled && "\n cursor: not-allowed;\n pointer-events: none;\n\n > * {\n cursor: not-allowed;\n }\n ";
|
|
2099
|
+
});
|
|
2088
2100
|
|
|
2089
2101
|
var _templateObject$y;
|
|
2090
2102
|
function AssemblyType() {
|
|
@@ -2201,7 +2213,7 @@ var getIcon = function getIcon(input) {
|
|
|
2201
2213
|
return "" + baseURL + subPath;
|
|
2202
2214
|
};
|
|
2203
2215
|
|
|
2204
|
-
var _templateObject$z, _templateObject2$
|
|
2216
|
+
var _templateObject$z, _templateObject2$q, _templateObject3$a;
|
|
2205
2217
|
function ServiceSlider(props) {
|
|
2206
2218
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2207
2219
|
// event.preventDefault();
|
|
@@ -2219,7 +2231,7 @@ function ServiceSlider(props) {
|
|
|
2219
2231
|
})));
|
|
2220
2232
|
}
|
|
2221
2233
|
var ServiceName = /*#__PURE__*/styled__default.span(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
2222
|
-
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$
|
|
2234
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2223
2235
|
var Container$q = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor: not-allowed;\n flex: 1;\n"])));
|
|
2224
2236
|
|
|
2225
2237
|
var _templateObject$A;
|
|
@@ -2363,7 +2375,10 @@ function OrderServices() {
|
|
|
2363
2375
|
setOrderDetails(_newData2);
|
|
2364
2376
|
}
|
|
2365
2377
|
};
|
|
2366
|
-
|
|
2378
|
+
var isDisabled = true;
|
|
2379
|
+
return React__default.createElement(Container$r, {
|
|
2380
|
+
disabled: isDisabled
|
|
2381
|
+
}, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2367
2382
|
var _service$type;
|
|
2368
2383
|
var selected = !!(orderServices != null && orderServices.find(function (s) {
|
|
2369
2384
|
return (s == null ? void 0 : s.order_service_list_id) === (service == null ? void 0 : service.id) && s.is_deleted === false;
|
|
@@ -2378,21 +2393,24 @@ function OrderServices() {
|
|
|
2378
2393
|
});
|
|
2379
2394
|
}));
|
|
2380
2395
|
}
|
|
2381
|
-
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n }\n"])))
|
|
2396
|
+
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n\n ", "\n }\n"])), function (_ref) {
|
|
2397
|
+
var disabled = _ref.disabled;
|
|
2398
|
+
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2399
|
+
});
|
|
2382
2400
|
|
|
2383
|
-
var _templateObject$B, _templateObject2$
|
|
2401
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2384
2402
|
function ServicesSection() {
|
|
2385
2403
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
2386
2404
|
label: "Services"
|
|
2387
2405
|
}), React__default.createElement(Top, null, React__default.createElement(DropDownContainer, null, React__default.createElement(TimedServiceDropdown, null), React__default.createElement(ServiceTypeDropdown, null), React__default.createElement(DeliveryPointDropdown, null)), React__default.createElement(RadioContainer, null, React__default.createElement(ServiceLevel, null), React__default.createElement(AssemblyType, null))), React__default.createElement(Bottom, null, React__default.createElement(OrderServices, null)));
|
|
2388
2406
|
}
|
|
2389
2407
|
var Top = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
2390
|
-
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2408
|
+
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2391
2409
|
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2392
2410
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2393
|
-
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
2411
|
+
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
|
|
2394
2412
|
|
|
2395
|
-
var _templateObject$C, _templateObject2$
|
|
2413
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$c;
|
|
2396
2414
|
function AllowTracking() {
|
|
2397
2415
|
var _useOrderDetails = useOrderDetails(),
|
|
2398
2416
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2401,7 +2419,7 @@ function AllowTracking() {
|
|
|
2401
2419
|
return React__default.createElement(Container$s, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2402
2420
|
}
|
|
2403
2421
|
var Text$1 = /*#__PURE__*/styled__default.span(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
2404
|
-
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
2422
|
+
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
2405
2423
|
var Container$s = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2406
2424
|
|
|
2407
2425
|
function useUpdateOrder() {
|
|
@@ -2562,12 +2580,12 @@ function OrderDetailsFooter() {
|
|
|
2562
2580
|
}
|
|
2563
2581
|
var Container$t = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
2564
2582
|
|
|
2565
|
-
var _templateObject$E, _templateObject2$
|
|
2583
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$d;
|
|
2566
2584
|
function ExpandedContent() {
|
|
2567
2585
|
return React__default.createElement(MainContainer$3, null, React__default.createElement(Container$u, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null));
|
|
2568
2586
|
}
|
|
2569
2587
|
var HalfWidth = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
|
|
2570
|
-
var Container$u = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2588
|
+
var Container$u = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
|
|
2571
2589
|
// const InstructionContainer = styled.div`
|
|
2572
2590
|
// display: flex;
|
|
2573
2591
|
// justify-content: center;
|
|
@@ -2613,7 +2631,7 @@ function OrderDetails$1() {
|
|
|
2613
2631
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, null));
|
|
2614
2632
|
}
|
|
2615
2633
|
|
|
2616
|
-
var _templateObject$F, _templateObject2$
|
|
2634
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$e;
|
|
2617
2635
|
function AddNote() {
|
|
2618
2636
|
var _useState = React.useState(''),
|
|
2619
2637
|
noteText = _useState[0],
|
|
@@ -2741,7 +2759,7 @@ function AddNote() {
|
|
|
2741
2759
|
}, "SAVE NOTE")));
|
|
2742
2760
|
}
|
|
2743
2761
|
var Container$v = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2744
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2762
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
2745
2763
|
var StyledTextArea = /*#__PURE__*/styled__default.textarea(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
|
|
2746
2764
|
|
|
2747
2765
|
var NotesTableData = [{
|
|
@@ -2757,13 +2775,13 @@ var NotesTableData = [{
|
|
|
2757
2775
|
tableBody: []
|
|
2758
2776
|
}];
|
|
2759
2777
|
|
|
2760
|
-
var _templateObject2$
|
|
2761
|
-
var Table = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
2778
|
+
var _templateObject2$v, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2779
|
+
var Table = /*#__PURE__*/styled__default.table(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-collapse: separate;\n border-spacing: 0 12px;\n\n thead tr {\n border-radius: 40px;\n\n th:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n th:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n\n tbody tr {\n border-radius: 40px;\n &.completed td {\n background: rgba(87, 219, 122, 0.2) !important;\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 &:nth-child(even) td {\n background: #f6fbff;\n }\n td {\n .red path {\n fill: #e95252;\n }\n .green path {\n fill: #29cc6a;\n }\n }\n }\n"])));
|
|
2762
2780
|
var Th = /*#__PURE__*/styled__default.th(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n"])));
|
|
2763
2781
|
var Td = /*#__PURE__*/styled__default.td(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
2764
2782
|
var IconCover = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
2765
2783
|
|
|
2766
|
-
var _templateObject$G, _templateObject2$
|
|
2784
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2767
2785
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2768
2786
|
var _getNotes$data, _getNotes$data2;
|
|
2769
2787
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2793,7 +2811,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2793
2811
|
}, "No data found"))))));
|
|
2794
2812
|
};
|
|
2795
2813
|
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
2796
|
-
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$
|
|
2814
|
+
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2797
2815
|
var NoDataFound = /*#__PURE__*/styled__default(Td)(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
2798
2816
|
var StyledTable = /*#__PURE__*/styled__default(Table)(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
2799
2817
|
var StyledTr = /*#__PURE__*/styled__default.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2809,7 +2827,7 @@ function AuditLogs() {
|
|
|
2809
2827
|
}
|
|
2810
2828
|
var Container$w = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
2811
2829
|
|
|
2812
|
-
var _templateObject$I, _templateObject2$
|
|
2830
|
+
var _templateObject$I, _templateObject2$x, _templateObject3$h;
|
|
2813
2831
|
function Notes() {
|
|
2814
2832
|
var _usemoduleIds = usemoduleIds(),
|
|
2815
2833
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2887,7 +2905,7 @@ function Notes() {
|
|
|
2887
2905
|
return React__default.createElement(Container$x, null, React__default.createElement(CardHeader, null, "NOTES"), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
2888
2906
|
}
|
|
2889
2907
|
var Container$x = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2890
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2908
|
+
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
2891
2909
|
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2892
2910
|
|
|
2893
2911
|
var _templateObject$J;
|
|
@@ -2913,7 +2931,7 @@ function ChevronUp(props) {
|
|
|
2913
2931
|
}));
|
|
2914
2932
|
}
|
|
2915
2933
|
|
|
2916
|
-
var _templateObject$K, _templateObject2$
|
|
2934
|
+
var _templateObject$K, _templateObject2$y, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2917
2935
|
function CollapsableForm(props) {
|
|
2918
2936
|
var _useState = React.useState(true),
|
|
2919
2937
|
isExpanded = _useState[0],
|
|
@@ -2934,7 +2952,7 @@ function CollapsableForm(props) {
|
|
|
2934
2952
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
2935
2953
|
}
|
|
2936
2954
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2937
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2955
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
2938
2956
|
var Text$2 = /*#__PURE__*/styled__default.span(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
2939
2957
|
var Container$y = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2940
2958
|
var MainContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2944,7 +2962,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_t
|
|
|
2944
2962
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2945
2963
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2946
2964
|
|
|
2947
|
-
var _templateObject$L, _templateObject2$
|
|
2965
|
+
var _templateObject$L, _templateObject2$z, _templateObject3$j;
|
|
2948
2966
|
function CustomScrollBar(props) {
|
|
2949
2967
|
var children = props.children,
|
|
2950
2968
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2963,10 +2981,10 @@ function CustomScrollBar(props) {
|
|
|
2963
2981
|
}, children);
|
|
2964
2982
|
}
|
|
2965
2983
|
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
2966
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2984
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2967
2985
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2968
2986
|
|
|
2969
|
-
var _templateObject$M, _templateObject2$
|
|
2987
|
+
var _templateObject$M, _templateObject2$A, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2970
2988
|
function DynamicTable(_ref) {
|
|
2971
2989
|
var columns = _ref.columns,
|
|
2972
2990
|
data = _ref.data;
|
|
@@ -3013,7 +3031,7 @@ function DynamicTable(_ref) {
|
|
|
3013
3031
|
// cursor: pointer;
|
|
3014
3032
|
// `;
|
|
3015
3033
|
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
3016
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3034
|
+
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
3017
3035
|
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
3018
3036
|
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
3019
3037
|
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
@@ -3022,7 +3040,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$2 || (_templ
|
|
|
3022
3040
|
var Table$1 = /*#__PURE__*/styled__default.table(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
3023
3041
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
3024
3042
|
|
|
3025
|
-
var _templateObject$N, _templateObject2$
|
|
3043
|
+
var _templateObject$N, _templateObject2$B;
|
|
3026
3044
|
function Event(props) {
|
|
3027
3045
|
var _props$row;
|
|
3028
3046
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3038,7 +3056,7 @@ function Event(props) {
|
|
|
3038
3056
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
3039
3057
|
}
|
|
3040
3058
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3041
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3059
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3042
3060
|
|
|
3043
3061
|
//to change data into options
|
|
3044
3062
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3085,25 +3103,25 @@ var priorityData = [{
|
|
|
3085
3103
|
color: '#E95252'
|
|
3086
3104
|
}];
|
|
3087
3105
|
|
|
3088
|
-
var _templateObject$O, _templateObject2$
|
|
3106
|
+
var _templateObject$O, _templateObject2$C;
|
|
3089
3107
|
function Date$1(props) {
|
|
3090
3108
|
var _props$row;
|
|
3091
3109
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3092
3110
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate(data)));
|
|
3093
3111
|
}
|
|
3094
3112
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3095
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3113
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3096
3114
|
|
|
3097
|
-
var _templateObject$P, _templateObject2$
|
|
3115
|
+
var _templateObject$P, _templateObject2$D;
|
|
3098
3116
|
function Code(props) {
|
|
3099
3117
|
var _props$row;
|
|
3100
3118
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3101
3119
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
3102
3120
|
}
|
|
3103
3121
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3104
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3122
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3105
3123
|
|
|
3106
|
-
var _templateObject$Q, _templateObject2$
|
|
3124
|
+
var _templateObject$Q, _templateObject2$E;
|
|
3107
3125
|
function Note(props) {
|
|
3108
3126
|
var _props$row;
|
|
3109
3127
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3112,7 +3130,7 @@ function Note(props) {
|
|
|
3112
3130
|
}, React__default.createElement(Row$3, null, data));
|
|
3113
3131
|
}
|
|
3114
3132
|
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3115
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3133
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3116
3134
|
|
|
3117
3135
|
var tableColumns = [{
|
|
3118
3136
|
header: 'Date',
|
|
@@ -3424,7 +3442,7 @@ function ConfirmedIcon() {
|
|
|
3424
3442
|
}))));
|
|
3425
3443
|
}
|
|
3426
3444
|
|
|
3427
|
-
var _templateObject$S, _templateObject2$
|
|
3445
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$l, _templateObject4$9;
|
|
3428
3446
|
function Status() {
|
|
3429
3447
|
var _useStatusDetails = useStatusDetails(),
|
|
3430
3448
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3471,7 +3489,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3471
3489
|
}
|
|
3472
3490
|
};
|
|
3473
3491
|
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
3474
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3492
|
+
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
3475
3493
|
var Container$A = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3476
3494
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3477
3495
|
|
|
@@ -3523,6 +3541,7 @@ var selectedLocationConfirm = /*#__PURE__*/jotai.atom([]);
|
|
|
3523
3541
|
var selectAll = /*#__PURE__*/jotai.atom(false);
|
|
3524
3542
|
var postLoading = /*#__PURE__*/jotai.atom(false);
|
|
3525
3543
|
var _final = /*#__PURE__*/jotai.atom([]);
|
|
3544
|
+
var clearState = /*#__PURE__*/jotai.atom(false);
|
|
3526
3545
|
var selectedOrderlList = /*#__PURE__*/jotai.atom([]);
|
|
3527
3546
|
function useSelectedOrders() {
|
|
3528
3547
|
return jotai.useAtom(selectedOrderlList);
|
|
@@ -3565,6 +3584,24 @@ function usePostLoading() {
|
|
|
3565
3584
|
function useFinalPayload() {
|
|
3566
3585
|
return jotai.useAtom(_final);
|
|
3567
3586
|
}
|
|
3587
|
+
function useClearState() {
|
|
3588
|
+
return jotai.useAtom(clearState);
|
|
3589
|
+
}
|
|
3590
|
+
|
|
3591
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3592
|
+
function Loader(props) {
|
|
3593
|
+
return React__default.createElement(MainContainer$6, {
|
|
3594
|
+
id: "loder"
|
|
3595
|
+
}, React__default.createElement(Container$B, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$b, null, React__default.createElement(Title, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
3596
|
+
}
|
|
3597
|
+
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3598
|
+
// Styled components for the loading spinner
|
|
3599
|
+
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__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);
|
|
3600
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
3601
|
+
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3602
|
+
var Title = /*#__PURE__*/styled__default.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3603
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3604
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__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"])));
|
|
3568
3605
|
|
|
3569
3606
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3570
3607
|
var _orderStaticData$retu;
|
|
@@ -3594,9 +3631,16 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3594
3631
|
performAction: false
|
|
3595
3632
|
}),
|
|
3596
3633
|
isresponse = _useApiHook.data,
|
|
3597
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3634
|
+
setaction = _useApiHook.setShouldPerformAction,
|
|
3635
|
+
loading = _useApiHook.loading;
|
|
3598
3636
|
React.useEffect(function () {
|
|
3599
3637
|
if (isresponse && isresponse.data) {
|
|
3638
|
+
antd.notification.success({
|
|
3639
|
+
message: 'Success',
|
|
3640
|
+
description:
|
|
3641
|
+
//@ts-ignore
|
|
3642
|
+
(isresponse == null ? void 0 : isresponse.message) || 'An error has occurred. Please try again later.'
|
|
3643
|
+
});
|
|
3600
3644
|
handleRemoveRow();
|
|
3601
3645
|
setSelectedRowId(null);
|
|
3602
3646
|
}
|
|
@@ -3633,7 +3677,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3633
3677
|
});
|
|
3634
3678
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3635
3679
|
};
|
|
3636
|
-
return React__default.createElement("div", null, React__default.createElement(
|
|
3680
|
+
return React__default.createElement("div", null, loading && React__default.createElement(Loader, {
|
|
3681
|
+
title: "Deleting"
|
|
3682
|
+
}), React__default.createElement(StyledTableWrapper, {
|
|
3637
3683
|
id: "tableScrolling"
|
|
3638
3684
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
3639
3685
|
className: "emailInvoiceCheckbox"
|
|
@@ -3671,20 +3717,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3671
3717
|
}, "No records found"))))));
|
|
3672
3718
|
};
|
|
3673
3719
|
|
|
3674
|
-
var _templateObject$
|
|
3720
|
+
var _templateObject$V;
|
|
3675
3721
|
var ProductTable = function ProductTable() {
|
|
3676
|
-
return React__default.createElement(Container$
|
|
3722
|
+
return React__default.createElement(Container$C, null, React__default.createElement(ReturnProductTable, null));
|
|
3677
3723
|
};
|
|
3678
|
-
var Container$
|
|
3724
|
+
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3679
3725
|
|
|
3680
|
-
var _templateObject$
|
|
3726
|
+
var _templateObject$W, _templateObject2$H;
|
|
3681
3727
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3682
3728
|
var defaultSelectStyle = {
|
|
3683
3729
|
width: '100%'
|
|
3684
3730
|
};
|
|
3685
3731
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3686
3732
|
var defaultSelectWrapperClass = 'rounded';
|
|
3687
|
-
return React__default.createElement(Container$
|
|
3733
|
+
return React__default.createElement(Container$D, null, React__default.createElement(Text$3, null, "New Return Order:"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3688
3734
|
options: [],
|
|
3689
3735
|
placeholder: "Select",
|
|
3690
3736
|
onChange: function onChange() {},
|
|
@@ -3697,10 +3743,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3697
3743
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3698
3744
|
}));
|
|
3699
3745
|
};
|
|
3700
|
-
var Container$
|
|
3701
|
-
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3746
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3747
|
+
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n"])));
|
|
3702
3748
|
|
|
3703
|
-
var _templateObject$
|
|
3749
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$n;
|
|
3704
3750
|
// import { notification } from 'antd';
|
|
3705
3751
|
function ExpandedContent$2() {
|
|
3706
3752
|
// const SaveNote = () => {
|
|
@@ -3710,7 +3756,7 @@ function ExpandedContent$2() {
|
|
|
3710
3756
|
// description: ' Saved successfully.',
|
|
3711
3757
|
// });
|
|
3712
3758
|
// };
|
|
3713
|
-
return React__default.createElement(Container$
|
|
3759
|
+
return React__default.createElement(Container$E, null, React__default.createElement(ProductTable, null), React__default.createElement(MidConatiner, null, React__default.createElement(SaveNoteContainer$1, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
3714
3760
|
style: {
|
|
3715
3761
|
borderRadius: '20px'
|
|
3716
3762
|
},
|
|
@@ -3718,81 +3764,18 @@ function ExpandedContent$2() {
|
|
|
3718
3764
|
disabled: true
|
|
3719
3765
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
3720
3766
|
}
|
|
3721
|
-
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3722
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3723
|
-
var Container$
|
|
3767
|
+
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__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"])));
|
|
3768
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3769
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3724
3770
|
|
|
3725
|
-
var _templateObject$
|
|
3726
|
-
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3727
|
-
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3728
|
-
// import { useAtom } from 'jotai';
|
|
3771
|
+
var _templateObject$Y, _templateObject2$J;
|
|
3729
3772
|
function CollapsedContent$1() {
|
|
3730
|
-
|
|
3731
|
-
// const [productdata] = useProductDetails();
|
|
3732
|
-
// const totalItems = productdata?.length;
|
|
3733
|
-
// const totalCube = () => {
|
|
3734
|
-
// let cubeData = 0;
|
|
3735
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3736
|
-
// cubeData += parseFloat(productdata[i].cube);
|
|
3737
|
-
// }
|
|
3738
|
-
// return `${cubeData.toFixed(2)}m³`;
|
|
3739
|
-
// };
|
|
3740
|
-
// const totalWeight = () => {
|
|
3741
|
-
// let weightData = 0;
|
|
3742
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3743
|
-
// weightData += parseFloat(productdata[i].weight);
|
|
3744
|
-
// }
|
|
3745
|
-
// return `${weightData.toFixed(2)} KG`;
|
|
3746
|
-
// };
|
|
3747
|
-
return React__default.createElement(Container$E, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3773
|
+
return React__default.createElement(Container$F, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3748
3774
|
label: "Products"
|
|
3749
|
-
}));
|
|
3775
|
+
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
3750
3776
|
}
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
// font-size: 13px;
|
|
3754
|
-
// font-weight: 500;
|
|
3755
|
-
// line-height: 16px;
|
|
3756
|
-
// color: #8e8a85;
|
|
3757
|
-
// `;
|
|
3758
|
-
// const Right = styled.div`
|
|
3759
|
-
// margin-left: auto;
|
|
3760
|
-
// display: flex;
|
|
3761
|
-
// gap: 10px;
|
|
3762
|
-
// margin-right: 10px;
|
|
3763
|
-
// `;
|
|
3764
|
-
// const Action = styled.span`
|
|
3765
|
-
// color: #3a3630;
|
|
3766
|
-
// font-family: 'Lato', sans-serif;
|
|
3767
|
-
// font-size: 12px;
|
|
3768
|
-
// font-style: normal;
|
|
3769
|
-
// font-weight: 600;
|
|
3770
|
-
// line-height: 20px;
|
|
3771
|
-
// text-transform: uppercase;
|
|
3772
|
-
// `;
|
|
3773
|
-
// const ActionContainer = styled.div`
|
|
3774
|
-
// padding: 5px 10px;
|
|
3775
|
-
// border-radius: 4px;
|
|
3776
|
-
// border: 1px solid #edebe8;
|
|
3777
|
-
// background: #edebe8;
|
|
3778
|
-
// box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
3779
|
-
// cursor: pointer;
|
|
3780
|
-
// `;
|
|
3781
|
-
// const Items = styled.span`
|
|
3782
|
-
// font-family: 'Roboto', sans-serif;
|
|
3783
|
-
// font-size: 14px;
|
|
3784
|
-
// font-weight: 500;
|
|
3785
|
-
// line-height: 24px;
|
|
3786
|
-
// color: #8e8a85;
|
|
3787
|
-
// text-transform: capitalize;
|
|
3788
|
-
// color: #aea9a1;
|
|
3789
|
-
// `;
|
|
3790
|
-
// const Left = styled.div`
|
|
3791
|
-
// display: flex;
|
|
3792
|
-
// align-items: center;
|
|
3793
|
-
// gap: 30px;
|
|
3794
|
-
// `;
|
|
3795
|
-
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 30px;\n"])));
|
|
3777
|
+
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
3778
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
3796
3779
|
|
|
3797
3780
|
// Dropdown
|
|
3798
3781
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -3903,22 +3886,22 @@ function ProductsInfo() {
|
|
|
3903
3886
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
3904
3887
|
}
|
|
3905
3888
|
|
|
3906
|
-
var _templateObject$
|
|
3889
|
+
var _templateObject$Z;
|
|
3907
3890
|
function BackgroundModal(props) {
|
|
3908
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
3891
|
+
return reactDom.createPortal(React__default.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
3909
3892
|
}
|
|
3910
|
-
var Container$
|
|
3893
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__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"])));
|
|
3911
3894
|
|
|
3912
|
-
var _templateObject$
|
|
3895
|
+
var _templateObject$_, _templateObject2$K, _templateObject3$o, _templateObject4$b;
|
|
3913
3896
|
function AdditionalInformation(props) {
|
|
3914
|
-
return React__default.createElement(Container$
|
|
3897
|
+
return React__default.createElement(Container$H, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$4, null, props.info)));
|
|
3915
3898
|
}
|
|
3916
|
-
var Text$4 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
3917
|
-
var Container$
|
|
3918
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3919
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3899
|
+
var Text$4 = /*#__PURE__*/styled__default.p(_templateObject$_ || (_templateObject$_ = /*#__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"])));
|
|
3900
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3901
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3902
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__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"])));
|
|
3920
3903
|
|
|
3921
|
-
var _templateObject
|
|
3904
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$p, _templateObject4$c;
|
|
3922
3905
|
function OrderActionHeader(props) {
|
|
3923
3906
|
var title = props.title,
|
|
3924
3907
|
actions = props.actions,
|
|
@@ -3927,33 +3910,33 @@ function OrderActionHeader(props) {
|
|
|
3927
3910
|
_props$infoText = props.infoText,
|
|
3928
3911
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3929
3912
|
onClose = props.onClose;
|
|
3930
|
-
return React__default.createElement(Container$
|
|
3913
|
+
return React__default.createElement(Container$I, null, React__default.createElement(Wrapper$c, null, React__default.createElement(Title$1, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
3931
3914
|
info: infoText
|
|
3932
3915
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
3933
3916
|
onClick: onClose
|
|
3934
3917
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
3935
3918
|
}
|
|
3936
|
-
var Wrapper$
|
|
3937
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3938
|
-
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$
|
|
3939
|
-
var Container$
|
|
3919
|
+
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3920
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3921
|
+
var Title$1 = /*#__PURE__*/styled__default.h3(_templateObject3$p || (_templateObject3$p = /*#__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"])));
|
|
3922
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
3940
3923
|
|
|
3941
|
-
var _templateObject
|
|
3924
|
+
var _templateObject$10, _templateObject2$M;
|
|
3942
3925
|
function OrderActionFooter(props) {
|
|
3943
3926
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3944
|
-
return React__default.createElement(Container$
|
|
3927
|
+
return React__default.createElement(Container$J, null, React__default.createElement(SubmitButton, {
|
|
3945
3928
|
shape: "rounded",
|
|
3946
3929
|
colors: "primary",
|
|
3947
3930
|
onClick: props.onSubmit,
|
|
3948
3931
|
disabled: isSubmitDisabled
|
|
3949
3932
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3950
3933
|
}
|
|
3951
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject
|
|
3952
|
-
var Container$
|
|
3934
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3935
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__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"])));
|
|
3953
3936
|
|
|
3954
|
-
var _templateObject$
|
|
3937
|
+
var _templateObject$11;
|
|
3955
3938
|
function OrderActionModal(props) {
|
|
3956
|
-
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$
|
|
3939
|
+
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
3957
3940
|
title: props.headerTitle,
|
|
3958
3941
|
onClose: props.onCloseHeader,
|
|
3959
3942
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3966,11 +3949,11 @@ function OrderActionModal(props) {
|
|
|
3966
3949
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3967
3950
|
})));
|
|
3968
3951
|
}
|
|
3969
|
-
var MainContainer$
|
|
3952
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__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"])));
|
|
3970
3953
|
|
|
3971
|
-
var _templateObject$
|
|
3954
|
+
var _templateObject$12, _templateObject2$N;
|
|
3972
3955
|
function OrderActionsDropdown(props) {
|
|
3973
|
-
return React__default.createElement(Container$
|
|
3956
|
+
return React__default.createElement(Container$K, {
|
|
3974
3957
|
className: props.className
|
|
3975
3958
|
}, React__default.createElement(Label, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3976
3959
|
options: props.options,
|
|
@@ -3987,8 +3970,8 @@ function OrderActionsDropdown(props) {
|
|
|
3987
3970
|
defaultValue: props.value
|
|
3988
3971
|
}));
|
|
3989
3972
|
}
|
|
3990
|
-
var Label = /*#__PURE__*/styled__default.label(_templateObject$
|
|
3991
|
-
var Container$
|
|
3973
|
+
var Label = /*#__PURE__*/styled__default.label(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
3974
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3992
3975
|
|
|
3993
3976
|
function DocumentTypeDropdown() {
|
|
3994
3977
|
var onSelect = function onSelect() {};
|
|
@@ -4068,7 +4051,7 @@ function UploadIcon(props) {
|
|
|
4068
4051
|
})));
|
|
4069
4052
|
}
|
|
4070
4053
|
|
|
4071
|
-
var _templateObject$
|
|
4054
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4072
4055
|
var Dragger = antd.Upload.Dragger;
|
|
4073
4056
|
var props = {
|
|
4074
4057
|
name: 'file',
|
|
@@ -4090,20 +4073,20 @@ var props = {
|
|
|
4090
4073
|
}
|
|
4091
4074
|
};
|
|
4092
4075
|
function DocFileUpload() {
|
|
4093
|
-
return React__default.createElement(MainContainer$
|
|
4076
|
+
return React__default.createElement(MainContainer$8, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$L, null, React__default.createElement(UploadButton, {
|
|
4094
4077
|
colors: 'secondary',
|
|
4095
4078
|
shape: 'rounded'
|
|
4096
4079
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4097
4080
|
}
|
|
4098
|
-
var MainContainer$
|
|
4099
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
4100
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4101
|
-
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4102
|
-
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4103
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$
|
|
4104
|
-
var Container$
|
|
4081
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__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"])));
|
|
4082
|
+
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$O || (_templateObject2$O = /*#__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"])));
|
|
4083
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4084
|
+
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
4085
|
+
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4086
|
+
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4087
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__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"])));
|
|
4105
4088
|
|
|
4106
|
-
var _templateObject$
|
|
4089
|
+
var _templateObject$14, _templateObject2$P, _templateObject3$r, _templateObject4$e;
|
|
4107
4090
|
// import DocFileUpload from './DocFileUpload';
|
|
4108
4091
|
function AddResources() {
|
|
4109
4092
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4119,10 +4102,10 @@ function AddResources() {
|
|
|
4119
4102
|
onSubmit: function onSubmit() {}
|
|
4120
4103
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$1, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
4121
4104
|
}
|
|
4122
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4123
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4124
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4125
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4105
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4106
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4107
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4108
|
+
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
4126
4109
|
|
|
4127
4110
|
var initialValue = {
|
|
4128
4111
|
due: undefined,
|
|
@@ -4260,24 +4243,24 @@ function useUpdateReminderData() {
|
|
|
4260
4243
|
return jotai.useAtom(reminderUpdatePayload);
|
|
4261
4244
|
}
|
|
4262
4245
|
|
|
4263
|
-
var _templateObject$
|
|
4246
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$s;
|
|
4264
4247
|
// Styled components
|
|
4265
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4266
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
4267
|
-
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4268
|
-
|
|
4269
|
-
var _templateObject2$
|
|
4270
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
4271
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
4272
|
-
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
4273
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4274
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4275
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4248
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__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"])));
|
|
4249
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$Q || (_templateObject2$Q = /*#__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"])));
|
|
4250
|
+
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4251
|
+
|
|
4252
|
+
var _templateObject2$R, _templateObject3$t, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$3, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject24, _templateObject26;
|
|
4253
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4254
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$t || (_templateObject3$t = /*#__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"])));
|
|
4255
|
+
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
4256
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4257
|
+
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
4258
|
+
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4276
4259
|
var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
4277
4260
|
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4278
4261
|
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4279
4262
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4280
|
-
var Container$
|
|
4263
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4281
4264
|
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4282
4265
|
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4283
4266
|
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -4366,7 +4349,7 @@ function SplitOrderTable() {
|
|
|
4366
4349
|
}))));
|
|
4367
4350
|
}
|
|
4368
4351
|
|
|
4369
|
-
var _templateObject$
|
|
4352
|
+
var _templateObject$16;
|
|
4370
4353
|
function SplitOrder() {
|
|
4371
4354
|
var _useCurrentAction = useCurrentAction(),
|
|
4372
4355
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4414,7 +4397,7 @@ function SplitOrder() {
|
|
|
4414
4397
|
isSubmitDisabled: isSubmitDisabled()
|
|
4415
4398
|
}, React__default.createElement(ContentContainer$2, null, React__default.createElement(SplitOrderTable, null)));
|
|
4416
4399
|
}
|
|
4417
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4400
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__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"])));
|
|
4418
4401
|
|
|
4419
4402
|
function RadioButtonCheckIcon(props) {
|
|
4420
4403
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4445,7 +4428,7 @@ var fonts = {
|
|
|
4445
4428
|
secondary: "'Lato', sans-serif"
|
|
4446
4429
|
};
|
|
4447
4430
|
|
|
4448
|
-
var _templateObject$
|
|
4431
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$u;
|
|
4449
4432
|
function RadioButton(props) {
|
|
4450
4433
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4451
4434
|
color: props.color
|
|
@@ -4456,15 +4439,15 @@ function RadioButton(props) {
|
|
|
4456
4439
|
htmlFor: props.id
|
|
4457
4440
|
}, props.label));
|
|
4458
4441
|
}
|
|
4459
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4460
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4442
|
+
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
4443
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject2$S || (_templateObject2$S = /*#__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) {
|
|
4461
4444
|
return props.color || '#6396e5';
|
|
4462
4445
|
}, function (props) {
|
|
4463
4446
|
return props.color || '#6396e5';
|
|
4464
4447
|
});
|
|
4465
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4448
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4466
4449
|
|
|
4467
|
-
var _templateObject$
|
|
4450
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6;
|
|
4468
4451
|
function RadioButtonGroup(props) {
|
|
4469
4452
|
var heading = props.heading,
|
|
4470
4453
|
_props$direction = props.direction,
|
|
@@ -4494,24 +4477,24 @@ function RadioButtonGroup(props) {
|
|
|
4494
4477
|
}
|
|
4495
4478
|
return React__default.createElement(Fieldset, null, React__default.createElement(LegendContainer, null, React__default.createElement(Legend, null, heading), required && React__default.createElement(RequiredText, {
|
|
4496
4479
|
"$required": required || false
|
|
4497
|
-
}, "*")), React__default.createElement(Wrapper$
|
|
4480
|
+
}, "*")), React__default.createElement(Wrapper$d, {
|
|
4498
4481
|
"$direction": direction,
|
|
4499
4482
|
className: "custom-wrapper"
|
|
4500
4483
|
}, renderOptions()));
|
|
4501
4484
|
}
|
|
4502
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4503
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4504
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4485
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4486
|
+
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4487
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4505
4488
|
return !props.$required && 'visibility: hidden;';
|
|
4506
4489
|
}, labelStyles);
|
|
4507
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4508
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
4509
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
4510
|
-
var Wrapper$
|
|
4490
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4491
|
+
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4492
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4493
|
+
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 32px;\n padding: 0px 10px;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n height: 30px;\n justify-content: space-evenly;\n"])), function (props) {
|
|
4511
4494
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4512
4495
|
});
|
|
4513
4496
|
|
|
4514
|
-
var _templateObject$
|
|
4497
|
+
var _templateObject$19;
|
|
4515
4498
|
var deliveryPoints = [{
|
|
4516
4499
|
label: 'Hallway',
|
|
4517
4500
|
value: 'hallway'
|
|
@@ -4533,7 +4516,7 @@ function DeliveryPoint() {
|
|
|
4533
4516
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
4534
4517
|
selectedValue = _React$useState[0],
|
|
4535
4518
|
setSelectedValue = _React$useState[1];
|
|
4536
|
-
return React__default.createElement(Container$
|
|
4519
|
+
return React__default.createElement(Container$N, null, React__default.createElement(RadioButtonGroup, {
|
|
4537
4520
|
heading: "Delivery Point",
|
|
4538
4521
|
options: deliveryPoints || [],
|
|
4539
4522
|
onChange: radioGroupHandler,
|
|
@@ -4542,16 +4525,16 @@ function DeliveryPoint() {
|
|
|
4542
4525
|
required: false
|
|
4543
4526
|
}));
|
|
4544
4527
|
}
|
|
4545
|
-
var Container$
|
|
4528
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4546
4529
|
|
|
4547
|
-
var _templateObject$
|
|
4530
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$w, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$4;
|
|
4548
4531
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4549
4532
|
function Checkbox(props) {
|
|
4550
4533
|
var imageSrc = props.imageSrc,
|
|
4551
4534
|
label = props.label,
|
|
4552
4535
|
checked = props.checked,
|
|
4553
4536
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4554
|
-
return React__default.createElement(MainContainer$
|
|
4537
|
+
return React__default.createElement(MainContainer$9, {
|
|
4555
4538
|
"$checked": checked
|
|
4556
4539
|
}, React__default.createElement(CheckboxContainer, null, React__default.createElement(HiddenCheckbox, Object.assign({
|
|
4557
4540
|
type: "checkbox"
|
|
@@ -4565,20 +4548,20 @@ function Checkbox(props) {
|
|
|
4565
4548
|
"$checked": checked
|
|
4566
4549
|
}, label)));
|
|
4567
4550
|
}
|
|
4568
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
4551
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4569
4552
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4570
4553
|
});
|
|
4571
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4572
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4554
|
+
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$U || (_templateObject2$U = /*#__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"])));
|
|
4555
|
+
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$w || (_templateObject3$w = /*#__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) {
|
|
4573
4556
|
return props.$checked ? '#feba30' : 'white';
|
|
4574
4557
|
});
|
|
4575
|
-
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4558
|
+
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$h || (_templateObject4$h = /*#__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) {
|
|
4576
4559
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4577
4560
|
});
|
|
4578
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4579
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4580
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
4581
|
-
var MainContainer$
|
|
4561
|
+
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4562
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4563
|
+
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0;\n height: 100%;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n top: 0;\n left: 0;\n"])));
|
|
4564
|
+
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n gap: 10px;\n border-radius: 15px;\n border: 1px solid ", ";\n align-items: center;\n justify-content: center;\n position: relative;\n\n &:hover {\n border: 1px solid #cbc8c2;\n .checkbox-img {\n filter: grayscale(0);\n }\n }\n"])), function (props) {
|
|
4582
4565
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4583
4566
|
});
|
|
4584
4567
|
|
|
@@ -4605,10 +4588,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4605
4588
|
return "" + baseURL$1 + subPath;
|
|
4606
4589
|
};
|
|
4607
4590
|
|
|
4608
|
-
var _templateObject$
|
|
4591
|
+
var _templateObject$1b;
|
|
4609
4592
|
function OrderServices$1() {
|
|
4610
4593
|
// TO DO -> get services from static data
|
|
4611
|
-
return React__default.createElement(Container$
|
|
4594
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Checkbox, {
|
|
4612
4595
|
checked: false,
|
|
4613
4596
|
label: "Assemble",
|
|
4614
4597
|
imageSrc: getIcon$1(1)
|
|
@@ -4630,23 +4613,23 @@ function OrderServices$1() {
|
|
|
4630
4613
|
imageSrc: getIcon$1(4)
|
|
4631
4614
|
}));
|
|
4632
4615
|
}
|
|
4633
|
-
var Container$
|
|
4616
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4634
4617
|
|
|
4635
|
-
var _templateObject$
|
|
4618
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4636
4619
|
function Notes$1(_ref) {
|
|
4637
4620
|
var onNotesChange = _ref.onNotesChange;
|
|
4638
4621
|
var handleTextChange = function handleTextChange(event) {
|
|
4639
4622
|
onNotesChange(event.target.value);
|
|
4640
4623
|
};
|
|
4641
|
-
return React__default.createElement(Container$
|
|
4624
|
+
return React__default.createElement(Container$P, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4642
4625
|
rows: 15,
|
|
4643
4626
|
onChange: handleTextChange
|
|
4644
4627
|
}));
|
|
4645
4628
|
}
|
|
4646
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4647
|
-
var Container$
|
|
4629
|
+
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4630
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4648
4631
|
|
|
4649
|
-
var _templateObject$
|
|
4632
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$x;
|
|
4650
4633
|
function LogServiceRefusal() {
|
|
4651
4634
|
var _useCurrentAction = useCurrentAction(),
|
|
4652
4635
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4666,9 +4649,9 @@ function LogServiceRefusal() {
|
|
|
4666
4649
|
}
|
|
4667
4650
|
}))));
|
|
4668
4651
|
}
|
|
4669
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4670
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4671
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
4652
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4653
|
+
var Left = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__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"])));
|
|
4654
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4672
4655
|
|
|
4673
4656
|
function ReturnAction() {
|
|
4674
4657
|
var onSelect = function onSelect() {};
|
|
@@ -4694,7 +4677,7 @@ function ReturnReason() {
|
|
|
4694
4677
|
});
|
|
4695
4678
|
}
|
|
4696
4679
|
|
|
4697
|
-
var _templateObject$
|
|
4680
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$y, _templateObject4$i, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4698
4681
|
function CancelOrder() {
|
|
4699
4682
|
var _orderStaticData$canc;
|
|
4700
4683
|
var _useOrderId = useOrderId(),
|
|
@@ -4798,27 +4781,27 @@ function CancelOrder() {
|
|
|
4798
4781
|
options: cancelReasonOptions || [],
|
|
4799
4782
|
onSelect: onSelectCancelReason,
|
|
4800
4783
|
value: cancelReason
|
|
4801
|
-
}), React__default.createElement(Wrapper$
|
|
4784
|
+
}), React__default.createElement(Wrapper$e, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$Q, null, React__default.createElement(Label$5, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4802
4785
|
rows: 5,
|
|
4803
4786
|
onChange: onChangeNotes,
|
|
4804
4787
|
value: cancelNotes,
|
|
4805
4788
|
placeholder: "Reason for Cancel Order"
|
|
4806
4789
|
}))))));
|
|
4807
4790
|
}
|
|
4808
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4809
|
-
var Container$
|
|
4810
|
-
var Wrapper$
|
|
4811
|
-
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4812
|
-
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4813
|
-
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4791
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4792
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4793
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4794
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4795
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4796
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4814
4797
|
// const Bottom = styled.div``;
|
|
4815
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4798
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
4816
4799
|
|
|
4817
|
-
var _templateObject$
|
|
4818
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4819
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4820
|
-
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4821
|
-
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4800
|
+
var _templateObject$1f, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
4801
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
4802
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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"])));
|
|
4803
|
+
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__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"])));
|
|
4804
|
+
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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"])));
|
|
4822
4805
|
|
|
4823
4806
|
var options = [{
|
|
4824
4807
|
value: 'bjsCouriers',
|
|
@@ -5115,7 +5098,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5115
5098
|
);
|
|
5116
5099
|
};
|
|
5117
5100
|
|
|
5118
|
-
var _templateObject$
|
|
5101
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5119
5102
|
function EmailAddress() {
|
|
5120
5103
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5121
5104
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5147,7 +5130,7 @@ function EmailAddress() {
|
|
|
5147
5130
|
});
|
|
5148
5131
|
});
|
|
5149
5132
|
};
|
|
5150
|
-
return React__default.createElement(Container$
|
|
5133
|
+
return React__default.createElement(Container$R, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
5151
5134
|
style: {
|
|
5152
5135
|
borderRadius: '15px'
|
|
5153
5136
|
},
|
|
@@ -5156,11 +5139,11 @@ function EmailAddress() {
|
|
|
5156
5139
|
onChange: onChange
|
|
5157
5140
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
5158
5141
|
}
|
|
5159
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5160
|
-
var Container$
|
|
5161
|
-
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5142
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5143
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5144
|
+
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5162
5145
|
|
|
5163
|
-
var _templateObject$
|
|
5146
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5164
5147
|
function ContactPhone() {
|
|
5165
5148
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5166
5149
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5209,7 +5192,7 @@ function ContactPhone() {
|
|
|
5209
5192
|
});
|
|
5210
5193
|
}
|
|
5211
5194
|
};
|
|
5212
|
-
return React__default.createElement(Container$
|
|
5195
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
5213
5196
|
name: "contact-home",
|
|
5214
5197
|
type: "text",
|
|
5215
5198
|
placeholder: "Home Number",
|
|
@@ -5221,11 +5204,11 @@ function ContactPhone() {
|
|
|
5221
5204
|
onChange: onChange
|
|
5222
5205
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5223
5206
|
}
|
|
5224
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5225
|
-
var Container$
|
|
5226
|
-
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5207
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5208
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5209
|
+
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5227
5210
|
|
|
5228
|
-
var _templateObject$
|
|
5211
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5229
5212
|
function ContactWork$1() {
|
|
5230
5213
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5231
5214
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5274,7 +5257,7 @@ function ContactWork$1() {
|
|
|
5274
5257
|
});
|
|
5275
5258
|
}
|
|
5276
5259
|
};
|
|
5277
|
-
return React__default.createElement(Container$
|
|
5260
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5278
5261
|
name: "contact-work",
|
|
5279
5262
|
type: "text",
|
|
5280
5263
|
placeholder: "Work Number",
|
|
@@ -5286,11 +5269,11 @@ function ContactWork$1() {
|
|
|
5286
5269
|
onChange: onChange
|
|
5287
5270
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5288
5271
|
}
|
|
5289
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5290
|
-
var Container$
|
|
5291
|
-
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5272
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5273
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5274
|
+
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5292
5275
|
|
|
5293
|
-
var _templateObject$
|
|
5276
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$C;
|
|
5294
5277
|
function ContactMobile$1() {
|
|
5295
5278
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5296
5279
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5339,7 +5322,7 @@ function ContactMobile$1() {
|
|
|
5339
5322
|
});
|
|
5340
5323
|
}
|
|
5341
5324
|
};
|
|
5342
|
-
return React__default.createElement(Container$
|
|
5325
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5343
5326
|
name: "contact-work",
|
|
5344
5327
|
type: "text",
|
|
5345
5328
|
placeholder: "Mobile Number",
|
|
@@ -5351,9 +5334,9 @@ function ContactMobile$1() {
|
|
|
5351
5334
|
onChange: onChange
|
|
5352
5335
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5353
5336
|
}
|
|
5354
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5355
|
-
var Container$
|
|
5356
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5337
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5338
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5339
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5357
5340
|
|
|
5358
5341
|
function ContactTypeDropdown() {
|
|
5359
5342
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5419,7 +5402,7 @@ function ActionDropdown() {
|
|
|
5419
5402
|
});
|
|
5420
5403
|
}
|
|
5421
5404
|
|
|
5422
|
-
var _templateObject$
|
|
5405
|
+
var _templateObject$1k, _templateObject2$10;
|
|
5423
5406
|
function DeliveryDate$1() {
|
|
5424
5407
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5425
5408
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5443,7 +5426,7 @@ function DeliveryDate$1() {
|
|
|
5443
5426
|
var today = new Date();
|
|
5444
5427
|
var tomorrow = new Date(today);
|
|
5445
5428
|
tomorrow.setDate(today.getDate() + 1);
|
|
5446
|
-
return React__default.createElement(Container$
|
|
5429
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
5447
5430
|
onChange: handleDateChange,
|
|
5448
5431
|
format: "DD/MM/YYYY",
|
|
5449
5432
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5453,8 +5436,8 @@ function DeliveryDate$1() {
|
|
|
5453
5436
|
minDate: dayjs(tomorrow)
|
|
5454
5437
|
}));
|
|
5455
5438
|
}
|
|
5456
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5457
|
-
var Container$
|
|
5439
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5440
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5458
5441
|
|
|
5459
5442
|
function convertTo12HourFormat$1(time24) {
|
|
5460
5443
|
var _time24$split, _minutes$toString;
|
|
@@ -5503,19 +5486,19 @@ function TimedServiceDropdown$1() {
|
|
|
5503
5486
|
});
|
|
5504
5487
|
}
|
|
5505
5488
|
|
|
5506
|
-
var _templateObject$
|
|
5489
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$D, _templateObject4$j;
|
|
5507
5490
|
function CustomerInformation() {
|
|
5508
5491
|
var _orderDetails$order_r;
|
|
5509
5492
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5510
5493
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5511
|
-
return React__default.createElement(Container$
|
|
5494
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Title$2, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$f, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5512
5495
|
}
|
|
5513
|
-
var Wrapper$
|
|
5514
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5515
|
-
var Title$
|
|
5516
|
-
var Container$
|
|
5496
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5497
|
+
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
5498
|
+
var Title$2 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5499
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5517
5500
|
|
|
5518
|
-
var _templateObject$
|
|
5501
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5519
5502
|
function ProductTable$1() {
|
|
5520
5503
|
var _useProductDetails = useProductDetails(),
|
|
5521
5504
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5524,7 +5507,7 @@ function ProductTable$1() {
|
|
|
5524
5507
|
if (!orderProductDetails) {
|
|
5525
5508
|
return null;
|
|
5526
5509
|
}
|
|
5527
|
-
return React__default.createElement(Container$
|
|
5510
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Title$3, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5528
5511
|
className: "scrollClass"
|
|
5529
5512
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5530
5513
|
colSpan: 6
|
|
@@ -5542,10 +5525,10 @@ function ProductTable$1() {
|
|
|
5542
5525
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5543
5526
|
})))));
|
|
5544
5527
|
}
|
|
5545
|
-
var Title$
|
|
5546
|
-
var Container$
|
|
5528
|
+
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5529
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5547
5530
|
|
|
5548
|
-
var _templateObject$
|
|
5531
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5549
5532
|
function NotesTable() {
|
|
5550
5533
|
var _useState = React.useState(null),
|
|
5551
5534
|
moduleIds = _useState[0],
|
|
@@ -5613,7 +5596,7 @@ function NotesTable() {
|
|
|
5613
5596
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5614
5597
|
return null;
|
|
5615
5598
|
}
|
|
5616
|
-
return React__default.createElement(Container$
|
|
5599
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Title$4, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5617
5600
|
className: "scrollClass"
|
|
5618
5601
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5619
5602
|
colSpan: 6
|
|
@@ -5635,53 +5618,53 @@ function NotesTable() {
|
|
|
5635
5618
|
}, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", null, order == null ? void 0 : order.description));
|
|
5636
5619
|
})))));
|
|
5637
5620
|
}
|
|
5638
|
-
var Title$
|
|
5639
|
-
var Container$
|
|
5621
|
+
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1n || (_templateObject$1n = /*#__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"])));
|
|
5622
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5640
5623
|
|
|
5641
|
-
var _templateObject$
|
|
5624
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5642
5625
|
function ConfirmationNotes() {
|
|
5643
|
-
return React__default.createElement(Container$
|
|
5626
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5644
5627
|
rows: 5,
|
|
5645
5628
|
placeholder: "Enter Notes"
|
|
5646
5629
|
}));
|
|
5647
5630
|
}
|
|
5648
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5649
|
-
var Container$
|
|
5631
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5632
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5650
5633
|
|
|
5651
|
-
var _templateObject$
|
|
5634
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5652
5635
|
function DeliveryInstructions$1() {
|
|
5653
|
-
return React__default.createElement(Container$
|
|
5636
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5654
5637
|
rows: 5,
|
|
5655
5638
|
placeholder: "Enter Delivery Instructions"
|
|
5656
5639
|
}));
|
|
5657
5640
|
}
|
|
5658
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5659
|
-
var Container$
|
|
5641
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5642
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5660
5643
|
|
|
5661
|
-
var _templateObject$
|
|
5644
|
+
var _templateObject$1q, _templateObject2$16;
|
|
5662
5645
|
function ContactWith() {
|
|
5663
|
-
return React__default.createElement(Container
|
|
5646
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5664
5647
|
style: {
|
|
5665
5648
|
borderRadius: '15px'
|
|
5666
5649
|
}
|
|
5667
5650
|
}));
|
|
5668
5651
|
}
|
|
5669
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5670
|
-
var Container
|
|
5652
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5653
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5671
5654
|
|
|
5672
|
-
var _templateObject$
|
|
5655
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$E, _templateObject4$k;
|
|
5673
5656
|
function SlotAndInstructions() {
|
|
5674
5657
|
var _orderDetails$order_r;
|
|
5675
5658
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5676
5659
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5677
|
-
return React__default.createElement(Container
|
|
5660
|
+
return React__default.createElement(Container$10, null, React__default.createElement(Slot, null, React__default.createElement(Title$5, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
5678
5661
|
}
|
|
5679
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5680
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5681
|
-
var Title$
|
|
5682
|
-
var Container
|
|
5662
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5663
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5664
|
+
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5665
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__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"])));
|
|
5683
5666
|
|
|
5684
|
-
var _templateObject$
|
|
5667
|
+
var _templateObject$1s, _templateObject2$18;
|
|
5685
5668
|
// import { filterObject } from '../../../utils';
|
|
5686
5669
|
function ConfirmOrder() {
|
|
5687
5670
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5860,10 +5843,10 @@ function ConfirmOrder() {
|
|
|
5860
5843
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5861
5844
|
showOkButton: false,
|
|
5862
5845
|
showCloseIcon: false
|
|
5863
|
-
}), React__default.createElement(Wrapper$
|
|
5846
|
+
}), React__default.createElement(Wrapper$g, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5864
5847
|
}
|
|
5865
|
-
var Wrapper$
|
|
5866
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5848
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5849
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__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"])));
|
|
5867
5850
|
|
|
5868
5851
|
function SendSmsModal() {
|
|
5869
5852
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6150,16 +6133,16 @@ function HoldOrderModal() {
|
|
|
6150
6133
|
})))));
|
|
6151
6134
|
}
|
|
6152
6135
|
|
|
6153
|
-
var _templateObject$
|
|
6136
|
+
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6154
6137
|
// import {
|
|
6155
6138
|
// EscalationCategory,
|
|
6156
6139
|
// EscalationLevel,
|
|
6157
6140
|
// EscalationReason,
|
|
6158
6141
|
// EscalationStatus,
|
|
6159
6142
|
// } from '../../utils';
|
|
6160
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6161
|
-
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6162
|
-
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$
|
|
6143
|
+
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__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"])));
|
|
6144
|
+
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6145
|
+
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6163
6146
|
var Dropdowns = function Dropdowns() {
|
|
6164
6147
|
var handleSelectChange = function handleSelectChange() {
|
|
6165
6148
|
// alert('hello');
|
|
@@ -6227,17 +6210,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6227
6210
|
})));
|
|
6228
6211
|
};
|
|
6229
6212
|
|
|
6230
|
-
var _templateObject$
|
|
6213
|
+
var _templateObject$1u, _templateObject2$1a;
|
|
6231
6214
|
var Notes$2 = function Notes() {
|
|
6232
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
6233
|
-
var Label = styled__default.label(_templateObject2$
|
|
6215
|
+
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$1u || (_templateObject$1u = _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 "])));
|
|
6216
|
+
var Label = styled__default.label(_templateObject2$1a || (_templateObject2$1a = _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 "])));
|
|
6234
6217
|
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
6235
6218
|
name: "note",
|
|
6236
6219
|
placeholder: ""
|
|
6237
6220
|
}));
|
|
6238
6221
|
};
|
|
6239
6222
|
|
|
6240
|
-
var _templateObject$
|
|
6223
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6241
6224
|
var Upgrade = function Upgrade() {
|
|
6242
6225
|
var handleSelectChange = function handleSelectChange() {
|
|
6243
6226
|
// alert('hello');
|
|
@@ -6246,7 +6229,7 @@ var Upgrade = function Upgrade() {
|
|
|
6246
6229
|
description: 'Upgrade successfully.'
|
|
6247
6230
|
});
|
|
6248
6231
|
};
|
|
6249
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$
|
|
6232
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$h, null, React__default.createElement(Heading$2, null, "Upgrade"), React__default.createElement(Container$11, null, React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6250
6233
|
label: 'Timed Service',
|
|
6251
6234
|
checked: true,
|
|
6252
6235
|
onChange: function onChange(_event) {
|
|
@@ -6296,24 +6279,24 @@ var Upgrade = function Upgrade() {
|
|
|
6296
6279
|
name: ''
|
|
6297
6280
|
}))))), React__default.createElement(GiftWrapper, null, React__default.createElement(BJSGift, null, React__default.createElement(Box, null)), React__default.createElement(BJSGift, null, React__default.createElement(Box, null))));
|
|
6298
6281
|
};
|
|
6299
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6300
|
-
var Box = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6301
|
-
var Wrapper$
|
|
6302
|
-
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6303
|
-
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$
|
|
6304
|
-
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6305
|
-
var Container$
|
|
6282
|
+
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6283
|
+
var Box = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__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"])));
|
|
6284
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6285
|
+
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__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);
|
|
6286
|
+
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6287
|
+
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n"])));
|
|
6288
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__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"])));
|
|
6306
6289
|
var InnerCont$1 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6307
6290
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6308
6291
|
var StyledAntSelect$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6309
6292
|
|
|
6310
|
-
var _templateObject$
|
|
6311
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6293
|
+
var _templateObject$1w;
|
|
6294
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__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"])));
|
|
6312
6295
|
var Escalation = function Escalation() {
|
|
6313
6296
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Flex, null, React__default.createElement(Dropdowns, null), React__default.createElement(Notes$2, null), React__default.createElement(Upgrade, null)));
|
|
6314
6297
|
};
|
|
6315
6298
|
|
|
6316
|
-
var _templateObject$
|
|
6299
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6317
6300
|
var NewEscalation = function NewEscalation() {
|
|
6318
6301
|
var _useState = React.useState(false),
|
|
6319
6302
|
showContent = _useState[0],
|
|
@@ -6342,10 +6325,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6342
6325
|
className: "checkmark"
|
|
6343
6326
|
})))), React__default.createElement("td", null, "VIP4"), React__default.createElement("td", null, "B63015484248[Test] WAYVER"), React__default.createElement("td", null, "Allocated to Route"), React__default.createElement("td", null, "Revieved Picked"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Status"))))));
|
|
6344
6327
|
};
|
|
6345
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6346
|
-
var Button = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
6347
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6348
|
-
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
6328
|
+
var Component = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__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"])));
|
|
6329
|
+
var Button = /*#__PURE__*/styled__default.button(_templateObject2$1c || (_templateObject2$1c = /*#__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"])));
|
|
6330
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6331
|
+
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$m || (_templateObject4$m = /*#__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"])));
|
|
6349
6332
|
|
|
6350
6333
|
var EscalationModal = function EscalationModal() {
|
|
6351
6334
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6505,7 +6488,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6505
6488
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6506
6489
|
var Icon = _ref.icon,
|
|
6507
6490
|
question = _ref.question;
|
|
6508
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6491
|
+
return React__default.createElement(Row$4, null, React__default.createElement(Container$M, null, React__default.createElement(ImageRow, null, React__default.createElement(ImageCircle, null, React__default.createElement(Icon, null)), React__default.createElement(StaticText, null, question)), React__default.createElement(dmsComponentLibrary.CustomRating, {
|
|
6509
6492
|
showText: true
|
|
6510
6493
|
})));
|
|
6511
6494
|
};
|
|
@@ -6538,7 +6521,7 @@ function LogFeedback() {
|
|
|
6538
6521
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6539
6522
|
icon: GrowthImg,
|
|
6540
6523
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6541
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6524
|
+
}), React__default.createElement(Row$4, null, React__default.createElement(Container$M, null, React__default.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React__default.createElement(StyledTextAreas, {
|
|
6542
6525
|
name: "note",
|
|
6543
6526
|
placeholder: "Write here..."
|
|
6544
6527
|
}))))));
|
|
@@ -6700,7 +6683,7 @@ function ChargeLog() {
|
|
|
6700
6683
|
})));
|
|
6701
6684
|
}
|
|
6702
6685
|
|
|
6703
|
-
var _templateObject$
|
|
6686
|
+
var _templateObject$1y;
|
|
6704
6687
|
var UnholdOrder = function UnholdOrder() {
|
|
6705
6688
|
var _useCurrentAction = useCurrentAction(),
|
|
6706
6689
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6724,9 +6707,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6724
6707
|
})
|
|
6725
6708
|
});
|
|
6726
6709
|
};
|
|
6727
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
6710
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6728
6711
|
|
|
6729
|
-
var _templateObject$
|
|
6712
|
+
var _templateObject$1z, _templateObject2$1d;
|
|
6730
6713
|
var ProductData = function ProductData(_ref) {
|
|
6731
6714
|
var products = _ref.products,
|
|
6732
6715
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6749,8 +6732,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6749
6732
|
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6750
6733
|
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6751
6734
|
};
|
|
6752
|
-
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$
|
|
6753
|
-
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6735
|
+
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6736
|
+
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6754
6737
|
|
|
6755
6738
|
var initialProducts = [{
|
|
6756
6739
|
id: 1458784,
|
|
@@ -6871,7 +6854,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6871
6854
|
})));
|
|
6872
6855
|
};
|
|
6873
6856
|
|
|
6874
|
-
var _templateObject$
|
|
6857
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
6875
6858
|
function AssigneeDropdown() {
|
|
6876
6859
|
var handleSelectChange = function handleSelectChange() {
|
|
6877
6860
|
// alert('hello');
|
|
@@ -6893,8 +6876,8 @@ function AssigneeDropdown() {
|
|
|
6893
6876
|
}
|
|
6894
6877
|
}));
|
|
6895
6878
|
}
|
|
6896
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6897
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
6879
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6880
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6898
6881
|
|
|
6899
6882
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6900
6883
|
return React__default.createElement("svg", {
|
|
@@ -6912,11 +6895,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6912
6895
|
}));
|
|
6913
6896
|
};
|
|
6914
6897
|
|
|
6915
|
-
var _templateObject$
|
|
6916
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6917
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6918
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6919
|
-
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
6898
|
+
var _templateObject$1B, _templateObject2$1f, _templateObject3$I, _templateObject4$n, _templateObject8$6, _templateObject10$2, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
6899
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1B || (_templateObject$1B = /*#__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"])));
|
|
6900
|
+
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1f || (_templateObject2$1f = /*#__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"])));
|
|
6901
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6902
|
+
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
6920
6903
|
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
6921
6904
|
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
6922
6905
|
var StyledTime = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
@@ -7007,22 +6990,7 @@ function useFetchSingleReminderData() {
|
|
|
7007
6990
|
return res;
|
|
7008
6991
|
}
|
|
7009
6992
|
|
|
7010
|
-
var _templateObject$
|
|
7011
|
-
function Loader(props) {
|
|
7012
|
-
return React__default.createElement(MainContainer$9, {
|
|
7013
|
-
id: "loder"
|
|
7014
|
-
}, React__default.createElement(Container$11, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$h, null, React__default.createElement(Title$5, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
7015
|
-
}
|
|
7016
|
-
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
7017
|
-
// Styled components for the loading spinner
|
|
7018
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
7019
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
7020
|
-
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7021
|
-
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7022
|
-
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
7023
|
-
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
7024
|
-
|
|
7025
|
-
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6993
|
+
var _templateObject$1C, _templateObject2$1g, _templateObject3$J, _templateObject4$o;
|
|
7026
6994
|
function StatusIndicator(props) {
|
|
7027
6995
|
var statusColor = getStatusColor(props.status);
|
|
7028
6996
|
return React__default.createElement(Container$12, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -7036,7 +7004,7 @@ function StatusIndicator(props) {
|
|
|
7036
7004
|
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
7037
7005
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7038
7006
|
});
|
|
7039
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7007
|
+
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1g || (_templateObject2$1g = /*#__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) {
|
|
7040
7008
|
return props.color;
|
|
7041
7009
|
});
|
|
7042
7010
|
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -7202,7 +7170,7 @@ function useFetchReminders() {
|
|
|
7202
7170
|
return perform;
|
|
7203
7171
|
}
|
|
7204
7172
|
|
|
7205
|
-
var _templateObject$1D, _templateObject2$
|
|
7173
|
+
var _templateObject$1D, _templateObject2$1h, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7206
7174
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7207
7175
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7208
7176
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7359,7 +7327,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7359
7327
|
}))))));
|
|
7360
7328
|
};
|
|
7361
7329
|
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
7362
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7330
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7363
7331
|
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
7364
7332
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
7365
7333
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7387,7 +7355,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7387
7355
|
}, " * ")), children);
|
|
7388
7356
|
};
|
|
7389
7357
|
|
|
7390
|
-
var _templateObject$1F, _templateObject2$
|
|
7358
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7391
7359
|
dayjs.extend(utc);
|
|
7392
7360
|
dayjs.extend(dateFns.isValid);
|
|
7393
7361
|
function CreateReminderModal() {
|
|
@@ -7611,7 +7579,7 @@ function CreateReminderModal() {
|
|
|
7611
7579
|
})));
|
|
7612
7580
|
}
|
|
7613
7581
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7614
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7582
|
+
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7615
7583
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7616
7584
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
7617
7585
|
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
@@ -7885,7 +7853,7 @@ function TaskReminderModal() {
|
|
|
7885
7853
|
}
|
|
7886
7854
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7887
7855
|
|
|
7888
|
-
var _templateObject$1H, _templateObject2$
|
|
7856
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
7889
7857
|
function OrderLock() {
|
|
7890
7858
|
var _useCurrentAction = useCurrentAction(),
|
|
7891
7859
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7939,7 +7907,7 @@ function OrderLock() {
|
|
|
7939
7907
|
});
|
|
7940
7908
|
}
|
|
7941
7909
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7942
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7910
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7943
7911
|
|
|
7944
7912
|
function useUpdateFlag() {
|
|
7945
7913
|
var ssoToken = getCookie('id_token');
|
|
@@ -8009,7 +7977,7 @@ function useUpdateFlag() {
|
|
|
8009
7977
|
return create;
|
|
8010
7978
|
}
|
|
8011
7979
|
|
|
8012
|
-
var _templateObject$1I, _templateObject2$
|
|
7980
|
+
var _templateObject$1I, _templateObject2$1k, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
8013
7981
|
function HeaderSection() {
|
|
8014
7982
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8015
7983
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8080,13 +8048,13 @@ function HeaderSection() {
|
|
|
8080
8048
|
})));
|
|
8081
8049
|
}
|
|
8082
8050
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
8083
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
8051
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8084
8052
|
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
8085
8053
|
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
8086
8054
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
8087
8055
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8088
8056
|
|
|
8089
|
-
var _templateObject$1J, _templateObject2$
|
|
8057
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8090
8058
|
function TextSection() {
|
|
8091
8059
|
var _useSinglePayload = useSinglePayload(),
|
|
8092
8060
|
payload = _useSinglePayload[0],
|
|
@@ -8105,9 +8073,9 @@ function TextSection() {
|
|
|
8105
8073
|
}));
|
|
8106
8074
|
}
|
|
8107
8075
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8108
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8076
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8109
8077
|
|
|
8110
|
-
var _templateObject$1K, _templateObject2$
|
|
8078
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
8111
8079
|
function ButtonsSection() {
|
|
8112
8080
|
var _useSinglePayload = useSinglePayload(),
|
|
8113
8081
|
payload = _useSinglePayload[0],
|
|
@@ -8199,9 +8167,9 @@ function ButtonsSection() {
|
|
|
8199
8167
|
}))));
|
|
8200
8168
|
}
|
|
8201
8169
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8202
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8170
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8203
8171
|
|
|
8204
|
-
var _templateObject$1L, _templateObject2$
|
|
8172
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8205
8173
|
function ActionSection() {
|
|
8206
8174
|
var _useCurrentAction = useCurrentAction(),
|
|
8207
8175
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8288,13 +8256,13 @@ function RadioButtonsSection() {
|
|
|
8288
8256
|
}));
|
|
8289
8257
|
}
|
|
8290
8258
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8291
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
8259
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8292
8260
|
var CancelButton$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8293
8261
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8294
8262
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8295
8263
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8296
8264
|
|
|
8297
|
-
var _templateObject$1M, _templateObject2$
|
|
8265
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8298
8266
|
function DetailSection() {
|
|
8299
8267
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8300
8268
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8307,7 +8275,7 @@ function DetailSection() {
|
|
|
8307
8275
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8308
8276
|
}
|
|
8309
8277
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8310
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8278
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8311
8279
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8312
8280
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8313
8281
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8392,7 +8360,7 @@ function useFetchSingleFlagsData() {
|
|
|
8392
8360
|
return res;
|
|
8393
8361
|
}
|
|
8394
8362
|
|
|
8395
|
-
var _templateObject$1N, _templateObject2$
|
|
8363
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$Q;
|
|
8396
8364
|
function ViewFlag() {
|
|
8397
8365
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8398
8366
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8490,7 +8458,7 @@ function ViewFlag() {
|
|
|
8490
8458
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
8491
8459
|
}
|
|
8492
8460
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8493
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
8461
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8494
8462
|
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
8495
8463
|
|
|
8496
8464
|
var _templateObject$1O;
|
|
@@ -8654,8 +8622,7 @@ function useSystemLogs() {
|
|
|
8654
8622
|
'Content-Type': 'application/json',
|
|
8655
8623
|
Authorization: "Bearer " + ssoToken,
|
|
8656
8624
|
'x-pagination': JSON.stringify({
|
|
8657
|
-
|
|
8658
|
-
per_page: 100
|
|
8625
|
+
is_pagination: false
|
|
8659
8626
|
}),
|
|
8660
8627
|
'x-filters': JSON.stringify([{
|
|
8661
8628
|
field: 'object_id',
|
|
@@ -8725,7 +8692,7 @@ function useSystemLogs() {
|
|
|
8725
8692
|
return perform;
|
|
8726
8693
|
}
|
|
8727
8694
|
|
|
8728
|
-
var _templateObject$1Q, _templateObject2$
|
|
8695
|
+
var _templateObject$1Q, _templateObject2$1q;
|
|
8729
8696
|
var Details = function Details() {
|
|
8730
8697
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8731
8698
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8735,7 +8702,7 @@ var Details = function Details() {
|
|
|
8735
8702
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8736
8703
|
};
|
|
8737
8704
|
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8738
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8705
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1q || (_templateObject2$1q = /*#__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"])));
|
|
8739
8706
|
|
|
8740
8707
|
var _templateObject$1R;
|
|
8741
8708
|
var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
@@ -9002,7 +8969,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
9002
8969
|
};
|
|
9003
8970
|
var Flex$6 = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
9004
8971
|
|
|
9005
|
-
var _templateObject$1X, _templateObject2$
|
|
8972
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R, _templateObject4$u;
|
|
9006
8973
|
function OrderView() {
|
|
9007
8974
|
antd.notification.config({
|
|
9008
8975
|
top: 150
|
|
@@ -9108,13 +9075,13 @@ function OrderView() {
|
|
|
9108
9075
|
}
|
|
9109
9076
|
}, [apiCalling]);
|
|
9110
9077
|
React.useEffect(function () {
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
// }
|
|
9114
|
-
// for local
|
|
9115
|
-
if (paths.length >= 0) {
|
|
9116
|
-
setOrderId(paths[1]);
|
|
9078
|
+
if (paths.length > 1) {
|
|
9079
|
+
setOrderId(paths[2]);
|
|
9117
9080
|
}
|
|
9081
|
+
// for local
|
|
9082
|
+
// if (paths.length >= 0) {
|
|
9083
|
+
// setOrderId(paths[1]);
|
|
9084
|
+
// }
|
|
9118
9085
|
}, [paths]);
|
|
9119
9086
|
React.useEffect(function () {
|
|
9120
9087
|
setLoading(staticDataLoading);
|
|
@@ -9289,7 +9256,7 @@ function OrderView() {
|
|
|
9289
9256
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
9290
9257
|
}
|
|
9291
9258
|
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
|
|
9292
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9259
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9293
9260
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9294
9261
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9295
9262
|
|
|
@@ -9361,13 +9328,12 @@ var filterReducer = function filterReducer(state, action) {
|
|
|
9361
9328
|
value: action.payload
|
|
9362
9329
|
}])
|
|
9363
9330
|
});
|
|
9364
|
-
|
|
9365
|
-
|
|
9366
|
-
|
|
9367
|
-
|
|
9368
|
-
|
|
9369
|
-
|
|
9370
|
-
// };
|
|
9331
|
+
case 'CLEAR_CLIENT':
|
|
9332
|
+
return _extends({}, state, {
|
|
9333
|
+
'x-filters': state['x-filters'].filter(function (f) {
|
|
9334
|
+
return f.field !== 'order.customer_id';
|
|
9335
|
+
})
|
|
9336
|
+
});
|
|
9371
9337
|
case 'CLEAR_ACTION':
|
|
9372
9338
|
return _extends({}, state, {
|
|
9373
9339
|
'x-filters': state['x-filters'].filter(function (f) {
|
|
@@ -9455,6 +9421,9 @@ function SelectionFilter() {
|
|
|
9455
9421
|
setSelectAll = _useSelectAll[1];
|
|
9456
9422
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
9457
9423
|
setCheck = _useSelectedConfirmLo[1];
|
|
9424
|
+
var _useClearState = useClearState(),
|
|
9425
|
+
clearState = _useClearState[0],
|
|
9426
|
+
setClear = _useClearState[1];
|
|
9458
9427
|
//client options
|
|
9459
9428
|
var clientOptions = customers == null ? void 0 : customers.map(function (option) {
|
|
9460
9429
|
var _option$customer_name, _option$customer_name2;
|
|
@@ -9481,9 +9450,8 @@ function SelectionFilter() {
|
|
|
9481
9450
|
};
|
|
9482
9451
|
});
|
|
9483
9452
|
//client change
|
|
9484
|
-
var handleSelectChange = function handleSelectChange(
|
|
9453
|
+
var handleSelectChange = function handleSelectChange(_value, option) {
|
|
9485
9454
|
setNewPayload([]);
|
|
9486
|
-
console.log(value, 'value');
|
|
9487
9455
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
9488
9456
|
var selectedValue = option == null ? void 0 : option.id;
|
|
9489
9457
|
var selectedUuids = option == null ? void 0 : option.uuid;
|
|
@@ -9491,6 +9459,8 @@ function SelectionFilter() {
|
|
|
9491
9459
|
var selectedCustomerId = option.gsit_customer_id;
|
|
9492
9460
|
setSelectedClient(selectedValue);
|
|
9493
9461
|
setName(selectedLabel);
|
|
9462
|
+
// storedName(selectedLabel);
|
|
9463
|
+
//set items in local storage
|
|
9494
9464
|
localStorage.setItem('clientName', selectedLabel);
|
|
9495
9465
|
localStorage.setItem('clientId', selectedValue.toString());
|
|
9496
9466
|
localStorage.setItem('account_number', selectAccountNumber);
|
|
@@ -9500,12 +9470,14 @@ function SelectionFilter() {
|
|
|
9500
9470
|
var storedCustomerId = localStorage.getItem('customer_id');
|
|
9501
9471
|
var storedUuid = localStorage.getItem('uuid');
|
|
9502
9472
|
setUuid(storedUuid);
|
|
9473
|
+
//set payload
|
|
9503
9474
|
setReturnPayload(function (prevState) {
|
|
9504
9475
|
return _extends({}, prevState, {
|
|
9505
9476
|
account_number: storedAccNo,
|
|
9506
9477
|
customer_id: storedCustomerId
|
|
9507
9478
|
});
|
|
9508
9479
|
});
|
|
9480
|
+
//filtering locations
|
|
9509
9481
|
var filteredSubLocations = locationData == null ? void 0 : locationData.filter(function (subCat) {
|
|
9510
9482
|
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
9511
9483
|
}).map(function (subCat) {
|
|
@@ -9515,6 +9487,7 @@ function SelectionFilter() {
|
|
|
9515
9487
|
};
|
|
9516
9488
|
});
|
|
9517
9489
|
setFilteredLocationOptions(filteredSubLocations);
|
|
9490
|
+
//clearing states
|
|
9518
9491
|
setUuid('');
|
|
9519
9492
|
setSelectedReturnOrder([]);
|
|
9520
9493
|
setNewPayload([]);
|
|
@@ -9562,8 +9535,6 @@ function SelectionFilter() {
|
|
|
9562
9535
|
var handleActionClick = function handleActionClick(value) {
|
|
9563
9536
|
setSelectedFilterValue(value);
|
|
9564
9537
|
};
|
|
9565
|
-
var storedName = localStorage.getItem('clientName');
|
|
9566
|
-
var storedClientId = localStorage.getItem('clientId');
|
|
9567
9538
|
//Apply filters
|
|
9568
9539
|
var applyFilters = function applyFilters() {
|
|
9569
9540
|
if (storedName) {
|
|
@@ -9608,6 +9579,8 @@ function SelectionFilter() {
|
|
|
9608
9579
|
});
|
|
9609
9580
|
}
|
|
9610
9581
|
};
|
|
9582
|
+
var storedName = localStorage.getItem('clientName');
|
|
9583
|
+
var storedClientId = localStorage.getItem('clientId');
|
|
9611
9584
|
React.useEffect(function () {
|
|
9612
9585
|
if (storedClientId) {
|
|
9613
9586
|
dispatch({
|
|
@@ -9636,7 +9609,20 @@ function SelectionFilter() {
|
|
|
9636
9609
|
});
|
|
9637
9610
|
}
|
|
9638
9611
|
}, [selectedFilterValue, selectedLocationValue]);
|
|
9639
|
-
|
|
9612
|
+
var handleClear = function handleClear() {
|
|
9613
|
+
setClear(false);
|
|
9614
|
+
localStorage.removeItem('clientName');
|
|
9615
|
+
localStorage.removeItem('clientId');
|
|
9616
|
+
setClear(true);
|
|
9617
|
+
};
|
|
9618
|
+
React.useEffect(function () {
|
|
9619
|
+
if (clearState) {
|
|
9620
|
+
dispatch({
|
|
9621
|
+
type: 'CLEAR_CLIENT'
|
|
9622
|
+
});
|
|
9623
|
+
window.location.href = '/returnclient';
|
|
9624
|
+
}
|
|
9625
|
+
}, [clearState]);
|
|
9640
9626
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$4, {
|
|
9641
9627
|
options: clientOptions,
|
|
9642
9628
|
placeholder: "Select Client Name",
|
|
@@ -9644,7 +9630,9 @@ function SelectionFilter() {
|
|
|
9644
9630
|
style: {
|
|
9645
9631
|
minWidth: '14vw'
|
|
9646
9632
|
},
|
|
9647
|
-
value: storedName
|
|
9633
|
+
value: storedName,
|
|
9634
|
+
allowClear: true,
|
|
9635
|
+
onClear: handleClear
|
|
9648
9636
|
})), storedName && location.pathname.includes("filter/") ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Action Type"), React__default.createElement(StyledAntSelect$4, {
|
|
9649
9637
|
options: actionTypeOptions,
|
|
9650
9638
|
placeholder: "Select Action Type",
|
|
@@ -9743,7 +9731,7 @@ var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateOb
|
|
|
9743
9731
|
// Right side filter
|
|
9744
9732
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9745
9733
|
|
|
9746
|
-
var _templateObject$1_, _templateObject2$
|
|
9734
|
+
var _templateObject$1_, _templateObject2$1s;
|
|
9747
9735
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9748
9736
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9749
9737
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9770,7 +9758,7 @@ var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_temp
|
|
|
9770
9758
|
// align-self: stretch;
|
|
9771
9759
|
// border-radius: 15px 0px 0px 15px;
|
|
9772
9760
|
// `;
|
|
9773
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9761
|
+
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$1s || (_templateObject2$1s = /*#__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"])));
|
|
9774
9762
|
|
|
9775
9763
|
var ReturnFilter = function ReturnFilter() {
|
|
9776
9764
|
var _useParams = reactRouterDom.useParams(),
|
|
@@ -9778,9 +9766,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9778
9766
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, " ", clientName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9779
9767
|
};
|
|
9780
9768
|
|
|
9781
|
-
var _templateObject$1$, _templateObject2$
|
|
9769
|
+
var _templateObject$1$, _templateObject2$1t, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9782
9770
|
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9783
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9771
|
+
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__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"])));
|
|
9784
9772
|
// Styled components
|
|
9785
9773
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
9786
9774
|
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
@@ -9937,7 +9925,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9937
9925
|
// const hours = padZero(date.getHours());
|
|
9938
9926
|
// const minutes = padZero(date.getMinutes());
|
|
9939
9927
|
// const seconds = padZero(date.getSeconds());
|
|
9940
|
-
return
|
|
9928
|
+
return "\n " + day + "/" + month + "/" + year + "\n ";
|
|
9941
9929
|
};
|
|
9942
9930
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9943
9931
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9971,7 +9959,7 @@ var optionsForReturnPrint = [{
|
|
|
9971
9959
|
label: 'Print Return Labels'
|
|
9972
9960
|
}];
|
|
9973
9961
|
|
|
9974
|
-
var _templateObject$20, _templateObject2$
|
|
9962
|
+
var _templateObject$20, _templateObject2$1u;
|
|
9975
9963
|
var options$1 = optionsForReturnPrint;
|
|
9976
9964
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9977
9965
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9989,7 +9977,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9989
9977
|
}));
|
|
9990
9978
|
};
|
|
9991
9979
|
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
9992
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9980
|
+
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$1u || (_templateObject2$1u = /*#__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"])));
|
|
9993
9981
|
|
|
9994
9982
|
var _excluded$3 = ["count"];
|
|
9995
9983
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10323,7 +10311,7 @@ var DefectConfirm = [{
|
|
|
10323
10311
|
value: 'no'
|
|
10324
10312
|
}];
|
|
10325
10313
|
|
|
10326
|
-
var _templateObject$21, _templateObject2$
|
|
10314
|
+
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10327
10315
|
var DefetcDetails = function DefetcDetails() {
|
|
10328
10316
|
var handleSelectChange = function handleSelectChange() {
|
|
10329
10317
|
console.log('Option selected');
|
|
@@ -10366,7 +10354,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10366
10354
|
}))));
|
|
10367
10355
|
};
|
|
10368
10356
|
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10369
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10357
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__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"])));
|
|
10370
10358
|
var Flex$7 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10371
10359
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10372
10360
|
|
|
@@ -10432,7 +10420,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10432
10420
|
};
|
|
10433
10421
|
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10434
10422
|
|
|
10435
|
-
var _templateObject$23, _templateObject2$
|
|
10423
|
+
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10436
10424
|
var RepackDetails = function RepackDetails() {
|
|
10437
10425
|
var _useState = React.useState(false),
|
|
10438
10426
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10480,13 +10468,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10480
10468
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10481
10469
|
};
|
|
10482
10470
|
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10483
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10471
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10484
10472
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10485
10473
|
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10486
10474
|
var Flex$8 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10487
10475
|
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10488
10476
|
|
|
10489
|
-
var _templateObject$24, _templateObject2$
|
|
10477
|
+
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10490
10478
|
var OtherDamage = function OtherDamage() {
|
|
10491
10479
|
var handleSelectChange = function handleSelectChange() {
|
|
10492
10480
|
console.log('Option selected');
|
|
@@ -10543,11 +10531,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10543
10531
|
}))));
|
|
10544
10532
|
};
|
|
10545
10533
|
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10546
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10534
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
10547
10535
|
var Flex$9 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10548
10536
|
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10549
10537
|
|
|
10550
|
-
var _templateObject$25, _templateObject2$
|
|
10538
|
+
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10551
10539
|
var AddDefect = function AddDefect() {
|
|
10552
10540
|
var _useState = React.useState({
|
|
10553
10541
|
actionDuring: '',
|
|
@@ -10611,12 +10599,12 @@ var AddDefect = function AddDefect() {
|
|
|
10611
10599
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10612
10600
|
};
|
|
10613
10601
|
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10614
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10602
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
10615
10603
|
var Flex$a = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10616
10604
|
var LabelWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10617
10605
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10618
10606
|
|
|
10619
|
-
var _templateObject$26, _templateObject2$
|
|
10607
|
+
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10620
10608
|
var QCLogs = function QCLogs() {
|
|
10621
10609
|
var handleSelectChange = function handleSelectChange() {
|
|
10622
10610
|
console.log('Option selected');
|
|
@@ -10638,11 +10626,11 @@ var QCLogs = function QCLogs() {
|
|
|
10638
10626
|
}))), React__default.createElement(AddDefect, null));
|
|
10639
10627
|
};
|
|
10640
10628
|
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10641
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10629
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10642
10630
|
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10643
10631
|
var LabelWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10644
10632
|
|
|
10645
|
-
var _templateObject$27, _templateObject2$
|
|
10633
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10646
10634
|
function UpdateProduct() {
|
|
10647
10635
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10648
10636
|
var _useState = React.useState(),
|
|
@@ -10740,12 +10728,12 @@ function UpdateProduct() {
|
|
|
10740
10728
|
}))));
|
|
10741
10729
|
}
|
|
10742
10730
|
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10743
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10731
|
+
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10744
10732
|
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10745
10733
|
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10746
10734
|
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10747
10735
|
|
|
10748
|
-
var _templateObject$28, _templateObject2$
|
|
10736
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10749
10737
|
function UnReceiveProduct() {
|
|
10750
10738
|
var _orderStaticData$unre;
|
|
10751
10739
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10794,10 +10782,10 @@ function UnReceiveProduct() {
|
|
|
10794
10782
|
})));
|
|
10795
10783
|
}
|
|
10796
10784
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10797
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10785
|
+
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10798
10786
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10799
10787
|
|
|
10800
|
-
var _templateObject$29, _templateObject2$
|
|
10788
|
+
var _templateObject$29, _templateObject2$1C;
|
|
10801
10789
|
var ProductAction = function ProductAction() {
|
|
10802
10790
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10803
10791
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10823,7 +10811,7 @@ var ProductAction = function ProductAction() {
|
|
|
10823
10811
|
}))));
|
|
10824
10812
|
};
|
|
10825
10813
|
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10826
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10814
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__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"])));
|
|
10827
10815
|
|
|
10828
10816
|
var _templateObject$2a;
|
|
10829
10817
|
var LogsTable = function LogsTable() {
|
|
@@ -10902,7 +10890,7 @@ var LogsTable = function LogsTable() {
|
|
|
10902
10890
|
};
|
|
10903
10891
|
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10904
10892
|
|
|
10905
|
-
var _templateObject$2b, _templateObject2$
|
|
10893
|
+
var _templateObject$2b, _templateObject2$1D;
|
|
10906
10894
|
var DefectsModal = function DefectsModal() {
|
|
10907
10895
|
var options = [{
|
|
10908
10896
|
value: 'bjsCouriers',
|
|
@@ -10955,7 +10943,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10955
10943
|
}))));
|
|
10956
10944
|
};
|
|
10957
10945
|
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10958
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10946
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10959
10947
|
|
|
10960
10948
|
var _templateObject$2c;
|
|
10961
10949
|
var repackModal = function repackModal() {
|
|
@@ -10989,7 +10977,7 @@ var repackModal = function repackModal() {
|
|
|
10989
10977
|
};
|
|
10990
10978
|
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10991
10979
|
|
|
10992
|
-
var _templateObject$2d, _templateObject2$
|
|
10980
|
+
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
10993
10981
|
var _excluded$4 = ["id"];
|
|
10994
10982
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10995
10983
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11068,7 +11056,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11068
11056
|
})))));
|
|
11069
11057
|
};
|
|
11070
11058
|
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
11071
|
-
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11059
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11072
11060
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
11073
11061
|
|
|
11074
11062
|
var ModalManager = function ModalManager() {
|
|
@@ -11267,6 +11255,9 @@ var ModalManager = function ModalManager() {
|
|
|
11267
11255
|
setShouldPerformAction(false);
|
|
11268
11256
|
setSelectAll(false);
|
|
11269
11257
|
setError(null);
|
|
11258
|
+
// for local
|
|
11259
|
+
// navigate('/order-return');
|
|
11260
|
+
// for dev
|
|
11270
11261
|
navigate('returnclient/order-return');
|
|
11271
11262
|
}
|
|
11272
11263
|
}, [response, apiError, postLoading]);
|
|
@@ -11364,9 +11355,9 @@ var ModalManager = function ModalManager() {
|
|
|
11364
11355
|
}));
|
|
11365
11356
|
};
|
|
11366
11357
|
|
|
11367
|
-
var _templateObject$2e, _templateObject2$
|
|
11358
|
+
var _templateObject$2e, _templateObject2$1F, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11368
11359
|
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
11369
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11360
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11370
11361
|
var StyledInfoBox = /*#__PURE__*/styled__default.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
11371
11362
|
var StyledLabel$2 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
11372
11363
|
var StyledPaginationWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
@@ -11488,7 +11479,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11488
11479
|
}, React__default.createElement(NextIcon, null)))));
|
|
11489
11480
|
};
|
|
11490
11481
|
|
|
11491
|
-
var _templateObject$2f, _templateObject2$
|
|
11482
|
+
var _templateObject$2f, _templateObject2$1G;
|
|
11492
11483
|
var ReturnTable = function ReturnTable() {
|
|
11493
11484
|
var _UsePaginationData = UsePaginationData(),
|
|
11494
11485
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11516,7 +11507,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11516
11507
|
})))), React__default.createElement(ModalManager, null));
|
|
11517
11508
|
};
|
|
11518
11509
|
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11519
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
11510
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$1G || (_templateObject2$1G = /*#__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"])));
|
|
11520
11511
|
|
|
11521
11512
|
function LoadIcon() {
|
|
11522
11513
|
return React__default.createElement("svg", {
|
|
@@ -11534,7 +11525,7 @@ function LoadIcon() {
|
|
|
11534
11525
|
}));
|
|
11535
11526
|
}
|
|
11536
11527
|
|
|
11537
|
-
var _templateObject$2g, _templateObject2$
|
|
11528
|
+
var _templateObject$2g, _templateObject2$1H;
|
|
11538
11529
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11539
11530
|
var legacyProductId = _ref.legacyProductId;
|
|
11540
11531
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11562,7 +11553,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11562
11553
|
}));
|
|
11563
11554
|
};
|
|
11564
11555
|
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
11565
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
11556
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$1H || (_templateObject2$1H = /*#__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) {
|
|
11566
11557
|
var disabled = _ref2.disabled;
|
|
11567
11558
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11568
11559
|
}, function (_ref3) {
|
|
@@ -11971,7 +11962,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11971
11962
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11972
11963
|
});
|
|
11973
11964
|
|
|
11974
|
-
var _templateObject$2i, _templateObject2$
|
|
11965
|
+
var _templateObject$2i, _templateObject2$1I;
|
|
11975
11966
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11976
11967
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11977
11968
|
dispatch = _useAtom[1];
|
|
@@ -12149,7 +12140,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12149
12140
|
};
|
|
12150
12141
|
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12151
12142
|
// const DropdownContainer = styled.div``;
|
|
12152
|
-
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12143
|
+
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__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"])));
|
|
12153
12144
|
|
|
12154
12145
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12155
12146
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12235,7 +12226,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12235
12226
|
}, React__default.createElement(NextIcon, null)))));
|
|
12236
12227
|
};
|
|
12237
12228
|
|
|
12238
|
-
var _templateObject$2j, _templateObject2$
|
|
12229
|
+
var _templateObject$2j, _templateObject2$1J;
|
|
12239
12230
|
var _excluded$5 = ["count"];
|
|
12240
12231
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12241
12232
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12308,12 +12299,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12308
12299
|
})))));
|
|
12309
12300
|
};
|
|
12310
12301
|
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12311
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
12302
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$1J || (_templateObject2$1J = /*#__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"])));
|
|
12312
12303
|
|
|
12313
|
-
var _templateObject2$
|
|
12314
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12304
|
+
var _templateObject2$1K;
|
|
12305
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__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"])));
|
|
12315
12306
|
|
|
12316
|
-
var _templateObject$2k, _templateObject2$
|
|
12307
|
+
var _templateObject$2k, _templateObject2$1L;
|
|
12317
12308
|
var SearchType = function SearchType() {
|
|
12318
12309
|
var _useState = React.useState(''),
|
|
12319
12310
|
searchText = _useState[0],
|
|
@@ -12329,7 +12320,7 @@ var SearchType = function SearchType() {
|
|
|
12329
12320
|
}));
|
|
12330
12321
|
};
|
|
12331
12322
|
var Search = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
12332
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12323
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$1L || (_templateObject2$1L = /*#__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"])));
|
|
12333
12324
|
|
|
12334
12325
|
var BulkFilter = function BulkFilter() {
|
|
12335
12326
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12450,7 +12441,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12450
12441
|
})))));
|
|
12451
12442
|
};
|
|
12452
12443
|
|
|
12453
|
-
var _templateObject$2l, _templateObject2$
|
|
12444
|
+
var _templateObject$2l, _templateObject2$1M, _templateObject3$11;
|
|
12454
12445
|
// import Pagination from './table-view/Pagination';
|
|
12455
12446
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12456
12447
|
function ReturnMainTable() {
|
|
@@ -12510,12 +12501,12 @@ function ReturnMainTable() {
|
|
|
12510
12501
|
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1h, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), getClient ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)))));
|
|
12511
12502
|
}
|
|
12512
12503
|
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12513
|
-
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12504
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12514
12505
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
12515
12506
|
|
|
12516
|
-
var _templateObject$2m, _templateObject2$
|
|
12507
|
+
var _templateObject$2m, _templateObject2$1N;
|
|
12517
12508
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
12518
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12509
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12519
12510
|
|
|
12520
12511
|
var _templateObject$2n;
|
|
12521
12512
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12523,12 +12514,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12523
12514
|
};
|
|
12524
12515
|
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
12525
12516
|
|
|
12526
|
-
var _templateObject$2o, _templateObject2$
|
|
12517
|
+
var _templateObject$2o, _templateObject2$1O;
|
|
12527
12518
|
function Breadcrumb(props) {
|
|
12528
12519
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
12529
12520
|
}
|
|
12530
12521
|
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12531
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
12522
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$1O || (_templateObject2$1O = /*#__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"])));
|
|
12532
12523
|
|
|
12533
12524
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12534
12525
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -12572,6 +12563,7 @@ function ReturnClient() {
|
|
|
12572
12563
|
setLocationData = _useLocationData[1];
|
|
12573
12564
|
var _useStatusOrderData = useStatusOrderData(),
|
|
12574
12565
|
setStatusOfOrders = _useStatusOrderData[1];
|
|
12566
|
+
// const [dispatchvalue] = useAtom(filtersReducerAtom);
|
|
12575
12567
|
var splitPath = function splitPath(str) {
|
|
12576
12568
|
var _str$split;
|
|
12577
12569
|
var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
|
|
@@ -12585,6 +12577,7 @@ function ReturnClient() {
|
|
|
12585
12577
|
localStorage.removeItem('clientName');
|
|
12586
12578
|
localStorage.removeItem('clientId');
|
|
12587
12579
|
localStorage.removeItem('uuid');
|
|
12580
|
+
// dispatch({ type: 'CLEAR_CLIENT' });
|
|
12588
12581
|
}
|
|
12589
12582
|
}, [location.pathname]);
|
|
12590
12583
|
React.useEffect(function () {
|