@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState, useMemo, useCallback, useRef, Suspense } from 'react';
|
|
2
2
|
import { useLocation, useParams, useNavigate, NavLink, Routes, Route } from 'react-router-dom';
|
|
3
|
-
import styled, {
|
|
3
|
+
import styled, { keyframes, css } from 'styled-components';
|
|
4
4
|
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button as Button$1, useApiHook, formatDateTime, Checkbox as Checkbox$1, AntSelect, SectionHeader, CrossIcon, Alert, CustomRating, AntTable, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { atomWithReducer } from 'jotai/utils';
|
|
@@ -1911,7 +1911,7 @@ function InstructionSection() {
|
|
|
1911
1911
|
var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
1912
1912
|
var CustomFormSection$2 = /*#__PURE__*/styled(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"])));
|
|
1913
1913
|
|
|
1914
|
-
var _templateObject$u;
|
|
1914
|
+
var _templateObject$u, _templateObject2$n;
|
|
1915
1915
|
function convertTo12HourFormat(time24) {
|
|
1916
1916
|
var _time24$split, _minutes$toString;
|
|
1917
1917
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -1951,7 +1951,7 @@ function TimedServiceDropdown() {
|
|
|
1951
1951
|
return React.createElement(Container$l, null, React.createElement(Label$h, {
|
|
1952
1952
|
label: "Timed Service",
|
|
1953
1953
|
htmlFor: "timedServiceDropdown"
|
|
1954
|
-
}), React.createElement(
|
|
1954
|
+
}), React.createElement(StyledSelectDropdown, {
|
|
1955
1955
|
placeholder: "Select Timed Service",
|
|
1956
1956
|
options: timedServicesOptions || [],
|
|
1957
1957
|
value: timedServicesOptions == null ? void 0 : timedServicesOptions.filter(function (f) {
|
|
@@ -1959,12 +1959,14 @@ function TimedServiceDropdown() {
|
|
|
1959
1959
|
}),
|
|
1960
1960
|
inputId: "timedServiceDropdown",
|
|
1961
1961
|
onChange: onChange,
|
|
1962
|
-
isDisabled
|
|
1962
|
+
// isDisabled={isDisabled}
|
|
1963
|
+
className: 'disabled'
|
|
1963
1964
|
}));
|
|
1964
1965
|
}
|
|
1965
1966
|
var Container$l = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1967
|
+
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1966
1968
|
|
|
1967
|
-
var _templateObject$v;
|
|
1969
|
+
var _templateObject$v, _templateObject2$o;
|
|
1968
1970
|
function ServiceTypeDropdown() {
|
|
1969
1971
|
var _orderStaticData$orde;
|
|
1970
1972
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1988,7 +1990,7 @@ function ServiceTypeDropdown() {
|
|
|
1988
1990
|
return React.createElement(Container$m, null, React.createElement(Label$h, {
|
|
1989
1991
|
label: "Service Type",
|
|
1990
1992
|
htmlFor: "serviceTypeDropdown"
|
|
1991
|
-
}), React.createElement(
|
|
1993
|
+
}), React.createElement(StyledSelectDropdown$1, {
|
|
1992
1994
|
placeholder: "Select Service Type",
|
|
1993
1995
|
options: serviceTypeOptions || [],
|
|
1994
1996
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -1997,12 +1999,14 @@ function ServiceTypeDropdown() {
|
|
|
1997
1999
|
inputId: "serviceTypeDropdown",
|
|
1998
2000
|
openMenuOnFocus: true,
|
|
1999
2001
|
onChange: onChange,
|
|
2000
|
-
isDisabled: true
|
|
2002
|
+
isDisabled: true,
|
|
2003
|
+
className: 'disabled'
|
|
2001
2004
|
}));
|
|
2002
2005
|
}
|
|
2003
2006
|
var Container$m = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2007
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
2004
2008
|
|
|
2005
|
-
var _templateObject$w;
|
|
2009
|
+
var _templateObject$w, _templateObject2$p;
|
|
2006
2010
|
function DeliveryPointDropdown() {
|
|
2007
2011
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
2008
2012
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2029,7 +2033,7 @@ function DeliveryPointDropdown() {
|
|
|
2029
2033
|
return React.createElement(Container$n, null, React.createElement(Label$h, {
|
|
2030
2034
|
label: "Delivery Point",
|
|
2031
2035
|
htmlFor: "deliveryPointDropdown"
|
|
2032
|
-
}), React.createElement(
|
|
2036
|
+
}), React.createElement(StyledSelectDropdown$2, {
|
|
2033
2037
|
placeholder: "Select Delivery Point",
|
|
2034
2038
|
options: deliveryPointOptions || [],
|
|
2035
2039
|
inputId: "deliveryPointDropdown",
|
|
@@ -2038,10 +2042,12 @@ function DeliveryPointDropdown() {
|
|
|
2038
2042
|
}),
|
|
2039
2043
|
openMenuOnFocus: true,
|
|
2040
2044
|
onChange: onChange,
|
|
2041
|
-
isDisabled
|
|
2045
|
+
// isDisabled={true}
|
|
2046
|
+
className: 'disabled'
|
|
2042
2047
|
}));
|
|
2043
2048
|
}
|
|
2044
2049
|
var Container$n = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2050
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
2045
2051
|
|
|
2046
2052
|
var _templateObject$x;
|
|
2047
2053
|
function ServiceLevel() {
|
|
@@ -2067,16 +2073,22 @@ function ServiceLevel() {
|
|
|
2067
2073
|
});
|
|
2068
2074
|
setOrderData(newData);
|
|
2069
2075
|
};
|
|
2070
|
-
|
|
2076
|
+
var isDisabled = true; // Example value
|
|
2077
|
+
return React.createElement(Container$o, {
|
|
2078
|
+
disabled: isDisabled
|
|
2079
|
+
}, React.createElement(RadioButtonGroup$1, {
|
|
2071
2080
|
selectedValue: (serviceLevelId == null ? void 0 : serviceLevelId.toString()) || '',
|
|
2072
2081
|
heading: "Service Level",
|
|
2073
2082
|
options: serviceLevelOptions || [],
|
|
2074
2083
|
onChange: radioGroupHandler,
|
|
2075
2084
|
required: true,
|
|
2076
|
-
isDisabled:
|
|
2085
|
+
isDisabled: isDisabled
|
|
2077
2086
|
}));
|
|
2078
2087
|
}
|
|
2079
|
-
var Container$o = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n
|
|
2088
|
+
var Container$o = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n\n ", "\n\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (_ref) {
|
|
2089
|
+
var disabled = _ref.disabled;
|
|
2090
|
+
return disabled && "\n cursor: not-allowed;\n pointer-events: none;\n\n > * {\n cursor: not-allowed;\n }\n ";
|
|
2091
|
+
});
|
|
2080
2092
|
|
|
2081
2093
|
var _templateObject$y;
|
|
2082
2094
|
function AssemblyType() {
|
|
@@ -2193,7 +2205,7 @@ var getIcon = function getIcon(input) {
|
|
|
2193
2205
|
return "" + baseURL + subPath;
|
|
2194
2206
|
};
|
|
2195
2207
|
|
|
2196
|
-
var _templateObject$z, _templateObject2$
|
|
2208
|
+
var _templateObject$z, _templateObject2$q, _templateObject3$a;
|
|
2197
2209
|
function ServiceSlider(props) {
|
|
2198
2210
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2199
2211
|
// event.preventDefault();
|
|
@@ -2211,7 +2223,7 @@ function ServiceSlider(props) {
|
|
|
2211
2223
|
})));
|
|
2212
2224
|
}
|
|
2213
2225
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
2214
|
-
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$
|
|
2226
|
+
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2215
2227
|
var Container$q = /*#__PURE__*/styled.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor: not-allowed;\n flex: 1;\n"])));
|
|
2216
2228
|
|
|
2217
2229
|
var _templateObject$A;
|
|
@@ -2355,7 +2367,10 @@ function OrderServices() {
|
|
|
2355
2367
|
setOrderDetails(_newData2);
|
|
2356
2368
|
}
|
|
2357
2369
|
};
|
|
2358
|
-
|
|
2370
|
+
var isDisabled = true;
|
|
2371
|
+
return React.createElement(Container$r, {
|
|
2372
|
+
disabled: isDisabled
|
|
2373
|
+
}, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2359
2374
|
var _service$type;
|
|
2360
2375
|
var selected = !!(orderServices != null && orderServices.find(function (s) {
|
|
2361
2376
|
return (s == null ? void 0 : s.order_service_list_id) === (service == null ? void 0 : service.id) && s.is_deleted === false;
|
|
@@ -2370,21 +2385,24 @@ function OrderServices() {
|
|
|
2370
2385
|
});
|
|
2371
2386
|
}));
|
|
2372
2387
|
}
|
|
2373
|
-
var Container$r = /*#__PURE__*/styled.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"])))
|
|
2388
|
+
var Container$r = /*#__PURE__*/styled.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) {
|
|
2389
|
+
var disabled = _ref.disabled;
|
|
2390
|
+
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2391
|
+
});
|
|
2374
2392
|
|
|
2375
|
-
var _templateObject$B, _templateObject2$
|
|
2393
|
+
var _templateObject$B, _templateObject2$r, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2376
2394
|
function ServicesSection() {
|
|
2377
2395
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
2378
2396
|
label: "Services"
|
|
2379
2397
|
}), React.createElement(Top, null, React.createElement(DropDownContainer, null, React.createElement(TimedServiceDropdown, null), React.createElement(ServiceTypeDropdown, null), React.createElement(DeliveryPointDropdown, null)), React.createElement(RadioContainer, null, React.createElement(ServiceLevel, null), React.createElement(AssemblyType, null))), React.createElement(Bottom, null, React.createElement(OrderServices, null)));
|
|
2380
2398
|
}
|
|
2381
2399
|
var Top = /*#__PURE__*/styled.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"])));
|
|
2382
|
-
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2400
|
+
var DropDownContainer = /*#__PURE__*/styled.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"])));
|
|
2383
2401
|
var RadioContainer = /*#__PURE__*/styled.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"])));
|
|
2384
2402
|
var Bottom = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2385
|
-
var CustomFormSection$3 = /*#__PURE__*/styled(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"])));
|
|
2403
|
+
var CustomFormSection$3 = /*#__PURE__*/styled(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"])));
|
|
2386
2404
|
|
|
2387
|
-
var _templateObject$C, _templateObject2$
|
|
2405
|
+
var _templateObject$C, _templateObject2$s, _templateObject3$c;
|
|
2388
2406
|
function AllowTracking() {
|
|
2389
2407
|
var _useOrderDetails = useOrderDetails(),
|
|
2390
2408
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2393,7 +2411,7 @@ function AllowTracking() {
|
|
|
2393
2411
|
return React.createElement(Container$s, null, React.createElement(CreatedBy, null, React.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2394
2412
|
}
|
|
2395
2413
|
var Text$1 = /*#__PURE__*/styled.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"])));
|
|
2396
|
-
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$
|
|
2414
|
+
var CreatedBy = /*#__PURE__*/styled.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"])));
|
|
2397
2415
|
var Container$s = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2398
2416
|
|
|
2399
2417
|
function useUpdateOrder() {
|
|
@@ -2554,12 +2572,12 @@ function OrderDetailsFooter() {
|
|
|
2554
2572
|
}
|
|
2555
2573
|
var Container$t = /*#__PURE__*/styled.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"])));
|
|
2556
2574
|
|
|
2557
|
-
var _templateObject$E, _templateObject2$
|
|
2575
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$d;
|
|
2558
2576
|
function ExpandedContent() {
|
|
2559
2577
|
return React.createElement(MainContainer$3, null, React.createElement(Container$u, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null));
|
|
2560
2578
|
}
|
|
2561
2579
|
var HalfWidth = /*#__PURE__*/styled.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"])));
|
|
2562
|
-
var Container$u = /*#__PURE__*/styled.div(_templateObject2$
|
|
2580
|
+
var Container$u = /*#__PURE__*/styled.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"])));
|
|
2563
2581
|
// const InstructionContainer = styled.div`
|
|
2564
2582
|
// display: flex;
|
|
2565
2583
|
// justify-content: center;
|
|
@@ -2605,7 +2623,7 @@ function OrderDetails$1() {
|
|
|
2605
2623
|
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent, null));
|
|
2606
2624
|
}
|
|
2607
2625
|
|
|
2608
|
-
var _templateObject$F, _templateObject2$
|
|
2626
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$e;
|
|
2609
2627
|
function AddNote() {
|
|
2610
2628
|
var _useState = useState(''),
|
|
2611
2629
|
noteText = _useState[0],
|
|
@@ -2733,7 +2751,7 @@ function AddNote() {
|
|
|
2733
2751
|
}, "SAVE NOTE")));
|
|
2734
2752
|
}
|
|
2735
2753
|
var Container$v = /*#__PURE__*/styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2736
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2754
|
+
var SaveNoteContainer = /*#__PURE__*/styled.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"])));
|
|
2737
2755
|
var StyledTextArea = /*#__PURE__*/styled.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"])));
|
|
2738
2756
|
|
|
2739
2757
|
var NotesTableData = [{
|
|
@@ -2749,13 +2767,13 @@ var NotesTableData = [{
|
|
|
2749
2767
|
tableBody: []
|
|
2750
2768
|
}];
|
|
2751
2769
|
|
|
2752
|
-
var _templateObject2$
|
|
2753
|
-
var Table = /*#__PURE__*/styled.table(_templateObject2$
|
|
2770
|
+
var _templateObject2$v, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2771
|
+
var Table = /*#__PURE__*/styled.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"])));
|
|
2754
2772
|
var Th = /*#__PURE__*/styled.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"])));
|
|
2755
2773
|
var Td = /*#__PURE__*/styled.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"])));
|
|
2756
2774
|
var IconCover = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
2757
2775
|
|
|
2758
|
-
var _templateObject$G, _templateObject2$
|
|
2776
|
+
var _templateObject$G, _templateObject2$w, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2759
2777
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2760
2778
|
var _getNotes$data, _getNotes$data2;
|
|
2761
2779
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2785,7 +2803,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2785
2803
|
}, "No data found"))))));
|
|
2786
2804
|
};
|
|
2787
2805
|
var AuditTableWrapper = /*#__PURE__*/styled.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"])));
|
|
2788
|
-
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$
|
|
2806
|
+
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2789
2807
|
var NoDataFound = /*#__PURE__*/styled(Td)(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
2790
2808
|
var StyledTable = /*#__PURE__*/styled(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"])));
|
|
2791
2809
|
var StyledTr = /*#__PURE__*/styled.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2801,7 +2819,7 @@ function AuditLogs() {
|
|
|
2801
2819
|
}
|
|
2802
2820
|
var Container$w = /*#__PURE__*/styled.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"])));
|
|
2803
2821
|
|
|
2804
|
-
var _templateObject$I, _templateObject2$
|
|
2822
|
+
var _templateObject$I, _templateObject2$x, _templateObject3$h;
|
|
2805
2823
|
function Notes() {
|
|
2806
2824
|
var _usemoduleIds = usemoduleIds(),
|
|
2807
2825
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2879,7 +2897,7 @@ function Notes() {
|
|
|
2879
2897
|
return React.createElement(Container$x, null, React.createElement(CardHeader, null, "NOTES"), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
2880
2898
|
}
|
|
2881
2899
|
var Container$x = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2882
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
2900
|
+
var CardHeader = /*#__PURE__*/styled.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"])));
|
|
2883
2901
|
var CustomizedFormSection = /*#__PURE__*/styled.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"])));
|
|
2884
2902
|
|
|
2885
2903
|
var _templateObject$J;
|
|
@@ -2905,7 +2923,7 @@ function ChevronUp(props) {
|
|
|
2905
2923
|
}));
|
|
2906
2924
|
}
|
|
2907
2925
|
|
|
2908
|
-
var _templateObject$K, _templateObject2$
|
|
2926
|
+
var _templateObject$K, _templateObject2$y, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2909
2927
|
function CollapsableForm(props) {
|
|
2910
2928
|
var _useState = useState(true),
|
|
2911
2929
|
isExpanded = _useState[0],
|
|
@@ -2926,7 +2944,7 @@ function CollapsableForm(props) {
|
|
|
2926
2944
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
2927
2945
|
}
|
|
2928
2946
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.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"])));
|
|
2929
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
2947
|
+
var CardHeader$1 = /*#__PURE__*/styled.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"])));
|
|
2930
2948
|
var Text$2 = /*#__PURE__*/styled.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"])));
|
|
2931
2949
|
var Container$y = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2932
2950
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2936,7 +2954,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateOb
|
|
|
2936
2954
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2937
2955
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2938
2956
|
|
|
2939
|
-
var _templateObject$L, _templateObject2$
|
|
2957
|
+
var _templateObject$L, _templateObject2$z, _templateObject3$j;
|
|
2940
2958
|
function CustomScrollBar(props) {
|
|
2941
2959
|
var children = props.children,
|
|
2942
2960
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2955,10 +2973,10 @@ function CustomScrollBar(props) {
|
|
|
2955
2973
|
}, children);
|
|
2956
2974
|
}
|
|
2957
2975
|
var ThumbVertical = /*#__PURE__*/styled.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"])));
|
|
2958
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
2976
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2959
2977
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2960
2978
|
|
|
2961
|
-
var _templateObject$M, _templateObject2$
|
|
2979
|
+
var _templateObject$M, _templateObject2$A, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2962
2980
|
function DynamicTable(_ref) {
|
|
2963
2981
|
var columns = _ref.columns,
|
|
2964
2982
|
data = _ref.data;
|
|
@@ -3005,7 +3023,7 @@ function DynamicTable(_ref) {
|
|
|
3005
3023
|
// cursor: pointer;
|
|
3006
3024
|
// `;
|
|
3007
3025
|
var Container$z = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
3008
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
3026
|
+
var TableWrapper = /*#__PURE__*/styled.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"])));
|
|
3009
3027
|
var TableHeadData = /*#__PURE__*/styled.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"])));
|
|
3010
3028
|
var TableData = /*#__PURE__*/styled.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"])));
|
|
3011
3029
|
var TableRow = /*#__PURE__*/styled.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"])));
|
|
@@ -3014,7 +3032,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$2 || (_templateObject
|
|
|
3014
3032
|
var Table$1 = /*#__PURE__*/styled.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"])));
|
|
3015
3033
|
var MainContainer$5 = /*#__PURE__*/styled.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"])));
|
|
3016
3034
|
|
|
3017
|
-
var _templateObject$N, _templateObject2$
|
|
3035
|
+
var _templateObject$N, _templateObject2$B;
|
|
3018
3036
|
function Event(props) {
|
|
3019
3037
|
var _props$row;
|
|
3020
3038
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3030,7 +3048,7 @@ function Event(props) {
|
|
|
3030
3048
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
3031
3049
|
}
|
|
3032
3050
|
var RowContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3033
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
3051
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3034
3052
|
|
|
3035
3053
|
//to change data into options
|
|
3036
3054
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3077,25 +3095,25 @@ var priorityData = [{
|
|
|
3077
3095
|
color: '#E95252'
|
|
3078
3096
|
}];
|
|
3079
3097
|
|
|
3080
|
-
var _templateObject$O, _templateObject2$
|
|
3098
|
+
var _templateObject$O, _templateObject2$C;
|
|
3081
3099
|
function Date$1(props) {
|
|
3082
3100
|
var _props$row;
|
|
3083
3101
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3084
3102
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate(data)));
|
|
3085
3103
|
}
|
|
3086
3104
|
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3087
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3105
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3088
3106
|
|
|
3089
|
-
var _templateObject$P, _templateObject2$
|
|
3107
|
+
var _templateObject$P, _templateObject2$D;
|
|
3090
3108
|
function Code(props) {
|
|
3091
3109
|
var _props$row;
|
|
3092
3110
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3093
3111
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
3094
3112
|
}
|
|
3095
3113
|
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3096
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3114
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3097
3115
|
|
|
3098
|
-
var _templateObject$Q, _templateObject2$
|
|
3116
|
+
var _templateObject$Q, _templateObject2$E;
|
|
3099
3117
|
function Note(props) {
|
|
3100
3118
|
var _props$row;
|
|
3101
3119
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3104,7 +3122,7 @@ function Note(props) {
|
|
|
3104
3122
|
}, React.createElement(Row$3, null, data));
|
|
3105
3123
|
}
|
|
3106
3124
|
var RowContainer$3 = /*#__PURE__*/styled.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"])));
|
|
3107
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3125
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3108
3126
|
|
|
3109
3127
|
var tableColumns = [{
|
|
3110
3128
|
header: 'Date',
|
|
@@ -3416,7 +3434,7 @@ function ConfirmedIcon() {
|
|
|
3416
3434
|
}))));
|
|
3417
3435
|
}
|
|
3418
3436
|
|
|
3419
|
-
var _templateObject$S, _templateObject2$
|
|
3437
|
+
var _templateObject$S, _templateObject2$F, _templateObject3$l, _templateObject4$9;
|
|
3420
3438
|
function Status() {
|
|
3421
3439
|
var _useStatusDetails = useStatusDetails(),
|
|
3422
3440
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3463,7 +3481,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3463
3481
|
}
|
|
3464
3482
|
};
|
|
3465
3483
|
var BoxContainer = /*#__PURE__*/styled.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"])));
|
|
3466
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject2$
|
|
3484
|
+
var Heading = /*#__PURE__*/styled.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"])));
|
|
3467
3485
|
var Container$A = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3468
3486
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3469
3487
|
|
|
@@ -3515,6 +3533,7 @@ var selectedLocationConfirm = /*#__PURE__*/atom([]);
|
|
|
3515
3533
|
var selectAll = /*#__PURE__*/atom(false);
|
|
3516
3534
|
var postLoading = /*#__PURE__*/atom(false);
|
|
3517
3535
|
var _final = /*#__PURE__*/atom([]);
|
|
3536
|
+
var clearState = /*#__PURE__*/atom(false);
|
|
3518
3537
|
var selectedOrderlList = /*#__PURE__*/atom([]);
|
|
3519
3538
|
function useSelectedOrders() {
|
|
3520
3539
|
return useAtom(selectedOrderlList);
|
|
@@ -3557,6 +3576,24 @@ function usePostLoading() {
|
|
|
3557
3576
|
function useFinalPayload() {
|
|
3558
3577
|
return useAtom(_final);
|
|
3559
3578
|
}
|
|
3579
|
+
function useClearState() {
|
|
3580
|
+
return useAtom(clearState);
|
|
3581
|
+
}
|
|
3582
|
+
|
|
3583
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3584
|
+
function Loader(props) {
|
|
3585
|
+
return React.createElement(MainContainer$6, {
|
|
3586
|
+
id: "loder"
|
|
3587
|
+
}, React.createElement(Container$B, null, React.createElement(Spinner, null), React.createElement(Wrapper$b, null, React.createElement(Title, null, props.title || 'Loading...'), React.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
3588
|
+
}
|
|
3589
|
+
var rotate = /*#__PURE__*/keyframes(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3590
|
+
// Styled components for the loading spinner
|
|
3591
|
+
var Spinner = /*#__PURE__*/styled.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);
|
|
3592
|
+
var Container$B = /*#__PURE__*/styled.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"])));
|
|
3593
|
+
var Subtitle = /*#__PURE__*/styled.span(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3594
|
+
var Title = /*#__PURE__*/styled.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3595
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3596
|
+
var MainContainer$6 = /*#__PURE__*/styled.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"])));
|
|
3560
3597
|
|
|
3561
3598
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3562
3599
|
var _orderStaticData$retu;
|
|
@@ -3586,9 +3623,16 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3586
3623
|
performAction: false
|
|
3587
3624
|
}),
|
|
3588
3625
|
isresponse = _useApiHook.data,
|
|
3589
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3626
|
+
setaction = _useApiHook.setShouldPerformAction,
|
|
3627
|
+
loading = _useApiHook.loading;
|
|
3590
3628
|
useEffect(function () {
|
|
3591
3629
|
if (isresponse && isresponse.data) {
|
|
3630
|
+
notification.success({
|
|
3631
|
+
message: 'Success',
|
|
3632
|
+
description:
|
|
3633
|
+
//@ts-ignore
|
|
3634
|
+
(isresponse == null ? void 0 : isresponse.message) || 'An error has occurred. Please try again later.'
|
|
3635
|
+
});
|
|
3592
3636
|
handleRemoveRow();
|
|
3593
3637
|
setSelectedRowId(null);
|
|
3594
3638
|
}
|
|
@@ -3625,7 +3669,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3625
3669
|
});
|
|
3626
3670
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3627
3671
|
};
|
|
3628
|
-
return React.createElement("div", null, React.createElement(
|
|
3672
|
+
return React.createElement("div", null, loading && React.createElement(Loader, {
|
|
3673
|
+
title: "Deleting"
|
|
3674
|
+
}), React.createElement(StyledTableWrapper, {
|
|
3629
3675
|
id: "tableScrolling"
|
|
3630
3676
|
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
3631
3677
|
className: "emailInvoiceCheckbox"
|
|
@@ -3663,20 +3709,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3663
3709
|
}, "No records found"))))));
|
|
3664
3710
|
};
|
|
3665
3711
|
|
|
3666
|
-
var _templateObject$
|
|
3712
|
+
var _templateObject$V;
|
|
3667
3713
|
var ProductTable = function ProductTable() {
|
|
3668
|
-
return React.createElement(Container$
|
|
3714
|
+
return React.createElement(Container$C, null, React.createElement(ReturnProductTable, null));
|
|
3669
3715
|
};
|
|
3670
|
-
var Container$
|
|
3716
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3671
3717
|
|
|
3672
|
-
var _templateObject$
|
|
3718
|
+
var _templateObject$W, _templateObject2$H;
|
|
3673
3719
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3674
3720
|
var defaultSelectStyle = {
|
|
3675
3721
|
width: '100%'
|
|
3676
3722
|
};
|
|
3677
3723
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3678
3724
|
var defaultSelectWrapperClass = 'rounded';
|
|
3679
|
-
return React.createElement(Container$
|
|
3725
|
+
return React.createElement(Container$D, null, React.createElement(Text$3, null, "New Return Order:"), React.createElement(AntSelect, {
|
|
3680
3726
|
options: [],
|
|
3681
3727
|
placeholder: "Select",
|
|
3682
3728
|
onChange: function onChange() {},
|
|
@@ -3689,10 +3735,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3689
3735
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3690
3736
|
}));
|
|
3691
3737
|
};
|
|
3692
|
-
var Container$
|
|
3693
|
-
var Text$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3738
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3739
|
+
var Text$3 = /*#__PURE__*/styled.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"])));
|
|
3694
3740
|
|
|
3695
|
-
var _templateObject$
|
|
3741
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$n;
|
|
3696
3742
|
// import { notification } from 'antd';
|
|
3697
3743
|
function ExpandedContent$2() {
|
|
3698
3744
|
// const SaveNote = () => {
|
|
@@ -3702,7 +3748,7 @@ function ExpandedContent$2() {
|
|
|
3702
3748
|
// description: ' Saved successfully.',
|
|
3703
3749
|
// });
|
|
3704
3750
|
// };
|
|
3705
|
-
return React.createElement(Container$
|
|
3751
|
+
return React.createElement(Container$E, null, React.createElement(ProductTable, null), React.createElement(MidConatiner, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button$1, {
|
|
3706
3752
|
style: {
|
|
3707
3753
|
borderRadius: '20px'
|
|
3708
3754
|
},
|
|
@@ -3710,81 +3756,18 @@ function ExpandedContent$2() {
|
|
|
3710
3756
|
disabled: true
|
|
3711
3757
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
3712
3758
|
}
|
|
3713
|
-
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3714
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3715
|
-
var Container$
|
|
3759
|
+
var MidConatiner = /*#__PURE__*/styled.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"])));
|
|
3760
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3761
|
+
var Container$E = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3716
3762
|
|
|
3717
|
-
var _templateObject$
|
|
3718
|
-
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3719
|
-
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3720
|
-
// import { useAtom } from 'jotai';
|
|
3763
|
+
var _templateObject$Y, _templateObject2$J;
|
|
3721
3764
|
function CollapsedContent$1() {
|
|
3722
|
-
|
|
3723
|
-
// const [productdata] = useProductDetails();
|
|
3724
|
-
// const totalItems = productdata?.length;
|
|
3725
|
-
// const totalCube = () => {
|
|
3726
|
-
// let cubeData = 0;
|
|
3727
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3728
|
-
// cubeData += parseFloat(productdata[i].cube);
|
|
3729
|
-
// }
|
|
3730
|
-
// return `${cubeData.toFixed(2)}m³`;
|
|
3731
|
-
// };
|
|
3732
|
-
// const totalWeight = () => {
|
|
3733
|
-
// let weightData = 0;
|
|
3734
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3735
|
-
// weightData += parseFloat(productdata[i].weight);
|
|
3736
|
-
// }
|
|
3737
|
-
// return `${weightData.toFixed(2)} KG`;
|
|
3738
|
-
// };
|
|
3739
|
-
return React.createElement(Container$E, null, React.createElement(SectionHeader, {
|
|
3765
|
+
return React.createElement(Container$F, null, React.createElement(SectionHeader, {
|
|
3740
3766
|
label: "Products"
|
|
3741
|
-
}));
|
|
3767
|
+
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
3742
3768
|
}
|
|
3743
|
-
|
|
3744
|
-
|
|
3745
|
-
// font-size: 13px;
|
|
3746
|
-
// font-weight: 500;
|
|
3747
|
-
// line-height: 16px;
|
|
3748
|
-
// color: #8e8a85;
|
|
3749
|
-
// `;
|
|
3750
|
-
// const Right = styled.div`
|
|
3751
|
-
// margin-left: auto;
|
|
3752
|
-
// display: flex;
|
|
3753
|
-
// gap: 10px;
|
|
3754
|
-
// margin-right: 10px;
|
|
3755
|
-
// `;
|
|
3756
|
-
// const Action = styled.span`
|
|
3757
|
-
// color: #3a3630;
|
|
3758
|
-
// font-family: 'Lato', sans-serif;
|
|
3759
|
-
// font-size: 12px;
|
|
3760
|
-
// font-style: normal;
|
|
3761
|
-
// font-weight: 600;
|
|
3762
|
-
// line-height: 20px;
|
|
3763
|
-
// text-transform: uppercase;
|
|
3764
|
-
// `;
|
|
3765
|
-
// const ActionContainer = styled.div`
|
|
3766
|
-
// padding: 5px 10px;
|
|
3767
|
-
// border-radius: 4px;
|
|
3768
|
-
// border: 1px solid #edebe8;
|
|
3769
|
-
// background: #edebe8;
|
|
3770
|
-
// box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
3771
|
-
// cursor: pointer;
|
|
3772
|
-
// `;
|
|
3773
|
-
// const Items = styled.span`
|
|
3774
|
-
// font-family: 'Roboto', sans-serif;
|
|
3775
|
-
// font-size: 14px;
|
|
3776
|
-
// font-weight: 500;
|
|
3777
|
-
// line-height: 24px;
|
|
3778
|
-
// color: #8e8a85;
|
|
3779
|
-
// text-transform: capitalize;
|
|
3780
|
-
// color: #aea9a1;
|
|
3781
|
-
// `;
|
|
3782
|
-
// const Left = styled.div`
|
|
3783
|
-
// display: flex;
|
|
3784
|
-
// align-items: center;
|
|
3785
|
-
// gap: 30px;
|
|
3786
|
-
// `;
|
|
3787
|
-
var Container$E = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 30px;\n"])));
|
|
3769
|
+
var Dimensions = /*#__PURE__*/styled.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"])));
|
|
3770
|
+
var Container$F = /*#__PURE__*/styled.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"])));
|
|
3788
3771
|
|
|
3789
3772
|
// Dropdown
|
|
3790
3773
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -3895,22 +3878,22 @@ function ProductsInfo() {
|
|
|
3895
3878
|
}, React.createElement(ExpandedContent$2, null));
|
|
3896
3879
|
}
|
|
3897
3880
|
|
|
3898
|
-
var _templateObject$
|
|
3881
|
+
var _templateObject$Z;
|
|
3899
3882
|
function BackgroundModal(props) {
|
|
3900
|
-
return createPortal(React.createElement(Container$
|
|
3883
|
+
return createPortal(React.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
3901
3884
|
}
|
|
3902
|
-
var Container$
|
|
3885
|
+
var Container$G = /*#__PURE__*/styled.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"])));
|
|
3903
3886
|
|
|
3904
|
-
var _templateObject$
|
|
3887
|
+
var _templateObject$_, _templateObject2$K, _templateObject3$o, _templateObject4$b;
|
|
3905
3888
|
function AdditionalInformation(props) {
|
|
3906
|
-
return React.createElement(Container$
|
|
3889
|
+
return React.createElement(Container$H, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$4, null, props.info)));
|
|
3907
3890
|
}
|
|
3908
|
-
var Text$4 = /*#__PURE__*/styled.p(_templateObject$
|
|
3909
|
-
var Container$
|
|
3910
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
3911
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
3891
|
+
var Text$4 = /*#__PURE__*/styled.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"])));
|
|
3892
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3893
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3894
|
+
var AdditionalInfo = /*#__PURE__*/styled.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"])));
|
|
3912
3895
|
|
|
3913
|
-
var _templateObject
|
|
3896
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$p, _templateObject4$c;
|
|
3914
3897
|
function OrderActionHeader(props) {
|
|
3915
3898
|
var title = props.title,
|
|
3916
3899
|
actions = props.actions,
|
|
@@ -3919,33 +3902,33 @@ function OrderActionHeader(props) {
|
|
|
3919
3902
|
_props$infoText = props.infoText,
|
|
3920
3903
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3921
3904
|
onClose = props.onClose;
|
|
3922
|
-
return React.createElement(Container$
|
|
3905
|
+
return React.createElement(Container$I, null, React.createElement(Wrapper$c, null, React.createElement(Title$1, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
3923
3906
|
info: infoText
|
|
3924
3907
|
}), actions), React.createElement(IconContainer$2, {
|
|
3925
3908
|
onClick: onClose
|
|
3926
3909
|
}, React.createElement(CrossIcon, null)));
|
|
3927
3910
|
}
|
|
3928
|
-
var Wrapper$
|
|
3929
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3930
|
-
var Title = /*#__PURE__*/styled.h3(_templateObject3$
|
|
3931
|
-
var Container$
|
|
3911
|
+
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3912
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3913
|
+
var Title$1 = /*#__PURE__*/styled.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"])));
|
|
3914
|
+
var Container$I = /*#__PURE__*/styled.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"])));
|
|
3932
3915
|
|
|
3933
|
-
var _templateObject
|
|
3916
|
+
var _templateObject$10, _templateObject2$M;
|
|
3934
3917
|
function OrderActionFooter(props) {
|
|
3935
3918
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3936
|
-
return React.createElement(Container$
|
|
3919
|
+
return React.createElement(Container$J, null, React.createElement(SubmitButton, {
|
|
3937
3920
|
shape: "rounded",
|
|
3938
3921
|
colors: "primary",
|
|
3939
3922
|
onClick: props.onSubmit,
|
|
3940
3923
|
disabled: isSubmitDisabled
|
|
3941
3924
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3942
3925
|
}
|
|
3943
|
-
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject
|
|
3944
|
-
var Container$
|
|
3926
|
+
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3927
|
+
var Container$J = /*#__PURE__*/styled.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"])));
|
|
3945
3928
|
|
|
3946
|
-
var _templateObject$
|
|
3929
|
+
var _templateObject$11;
|
|
3947
3930
|
function OrderActionModal(props) {
|
|
3948
|
-
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$
|
|
3931
|
+
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$7, null, React.createElement(OrderActionHeader, {
|
|
3949
3932
|
title: props.headerTitle,
|
|
3950
3933
|
onClose: props.onCloseHeader,
|
|
3951
3934
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3958,11 +3941,11 @@ function OrderActionModal(props) {
|
|
|
3958
3941
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3959
3942
|
})));
|
|
3960
3943
|
}
|
|
3961
|
-
var MainContainer$
|
|
3944
|
+
var MainContainer$7 = /*#__PURE__*/styled.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"])));
|
|
3962
3945
|
|
|
3963
|
-
var _templateObject$
|
|
3946
|
+
var _templateObject$12, _templateObject2$N;
|
|
3964
3947
|
function OrderActionsDropdown(props) {
|
|
3965
|
-
return React.createElement(Container$
|
|
3948
|
+
return React.createElement(Container$K, {
|
|
3966
3949
|
className: props.className
|
|
3967
3950
|
}, React.createElement(Label, null, props.label), React.createElement(AntSelect, {
|
|
3968
3951
|
options: props.options,
|
|
@@ -3979,8 +3962,8 @@ function OrderActionsDropdown(props) {
|
|
|
3979
3962
|
defaultValue: props.value
|
|
3980
3963
|
}));
|
|
3981
3964
|
}
|
|
3982
|
-
var Label = /*#__PURE__*/styled.label(_templateObject$
|
|
3983
|
-
var Container$
|
|
3965
|
+
var Label = /*#__PURE__*/styled.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"])));
|
|
3966
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3984
3967
|
|
|
3985
3968
|
function DocumentTypeDropdown() {
|
|
3986
3969
|
var onSelect = function onSelect() {};
|
|
@@ -4060,7 +4043,7 @@ function UploadIcon(props) {
|
|
|
4060
4043
|
})));
|
|
4061
4044
|
}
|
|
4062
4045
|
|
|
4063
|
-
var _templateObject$
|
|
4046
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4064
4047
|
var Dragger = Upload.Dragger;
|
|
4065
4048
|
var props = {
|
|
4066
4049
|
name: 'file',
|
|
@@ -4082,20 +4065,20 @@ var props = {
|
|
|
4082
4065
|
}
|
|
4083
4066
|
};
|
|
4084
4067
|
function DocFileUpload() {
|
|
4085
|
-
return React.createElement(MainContainer$
|
|
4068
|
+
return React.createElement(MainContainer$8, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$L, null, React.createElement(UploadButton, {
|
|
4086
4069
|
colors: 'secondary',
|
|
4087
4070
|
shape: 'rounded'
|
|
4088
4071
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4089
4072
|
}
|
|
4090
|
-
var MainContainer$
|
|
4091
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2$
|
|
4092
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4093
|
-
var Text1 = /*#__PURE__*/styled.p(_templateObject4$
|
|
4094
|
-
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4095
|
-
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$
|
|
4096
|
-
var Container$
|
|
4073
|
+
var MainContainer$8 = /*#__PURE__*/styled.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"])));
|
|
4074
|
+
var Text2 = /*#__PURE__*/styled.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"])));
|
|
4075
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4076
|
+
var Text1 = /*#__PURE__*/styled.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"])));
|
|
4077
|
+
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4078
|
+
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4079
|
+
var Container$L = /*#__PURE__*/styled.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"])));
|
|
4097
4080
|
|
|
4098
|
-
var _templateObject$
|
|
4081
|
+
var _templateObject$14, _templateObject2$P, _templateObject3$r, _templateObject4$e;
|
|
4099
4082
|
// import DocFileUpload from './DocFileUpload';
|
|
4100
4083
|
function AddResources() {
|
|
4101
4084
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4111,10 +4094,10 @@ function AddResources() {
|
|
|
4111
4094
|
onSubmit: function onSubmit() {}
|
|
4112
4095
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$1, null, "File"), React.createElement(DocFileUpload, null))));
|
|
4113
4096
|
}
|
|
4114
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
4115
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4116
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4117
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4097
|
+
var Label$1 = /*#__PURE__*/styled.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"])));
|
|
4098
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4099
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4100
|
+
var ContentContainer = /*#__PURE__*/styled.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"])));
|
|
4118
4101
|
|
|
4119
4102
|
var initialValue = {
|
|
4120
4103
|
due: undefined,
|
|
@@ -4252,24 +4235,24 @@ function useUpdateReminderData() {
|
|
|
4252
4235
|
return useAtom(reminderUpdatePayload);
|
|
4253
4236
|
}
|
|
4254
4237
|
|
|
4255
|
-
var _templateObject$
|
|
4238
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$s;
|
|
4256
4239
|
// Styled components
|
|
4257
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4258
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
4259
|
-
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4260
|
-
|
|
4261
|
-
var _templateObject2$
|
|
4262
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
4263
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
4264
|
-
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
4265
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
4266
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$
|
|
4267
|
-
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4240
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
4241
|
+
var StyledTable$2 = /*#__PURE__*/styled.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"])));
|
|
4242
|
+
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4243
|
+
|
|
4244
|
+
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;
|
|
4245
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4246
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(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"])));
|
|
4247
|
+
var StyledTextAreas = /*#__PURE__*/styled(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"])));
|
|
4248
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4249
|
+
var SplitText = /*#__PURE__*/styled.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"])));
|
|
4250
|
+
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4268
4251
|
var HoldRow = /*#__PURE__*/styled.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"])));
|
|
4269
4252
|
var Label$2 = /*#__PURE__*/styled.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4270
4253
|
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4271
4254
|
var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4272
|
-
var Container$
|
|
4255
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4273
4256
|
var StaticText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4274
4257
|
var ImageCircle = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4275
4258
|
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -4358,7 +4341,7 @@ function SplitOrderTable() {
|
|
|
4358
4341
|
}))));
|
|
4359
4342
|
}
|
|
4360
4343
|
|
|
4361
|
-
var _templateObject$
|
|
4344
|
+
var _templateObject$16;
|
|
4362
4345
|
function SplitOrder() {
|
|
4363
4346
|
var _useCurrentAction = useCurrentAction(),
|
|
4364
4347
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4406,7 +4389,7 @@ function SplitOrder() {
|
|
|
4406
4389
|
isSubmitDisabled: isSubmitDisabled()
|
|
4407
4390
|
}, React.createElement(ContentContainer$2, null, React.createElement(SplitOrderTable, null)));
|
|
4408
4391
|
}
|
|
4409
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4392
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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"])));
|
|
4410
4393
|
|
|
4411
4394
|
function RadioButtonCheckIcon(props) {
|
|
4412
4395
|
return React.createElement("svg", Object.assign({
|
|
@@ -4437,7 +4420,7 @@ var fonts = {
|
|
|
4437
4420
|
secondary: "'Lato', sans-serif"
|
|
4438
4421
|
};
|
|
4439
4422
|
|
|
4440
|
-
var _templateObject$
|
|
4423
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$u;
|
|
4441
4424
|
function RadioButton(props) {
|
|
4442
4425
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4443
4426
|
color: props.color
|
|
@@ -4448,15 +4431,15 @@ function RadioButton(props) {
|
|
|
4448
4431
|
htmlFor: props.id
|
|
4449
4432
|
}, props.label));
|
|
4450
4433
|
}
|
|
4451
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
4452
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
4434
|
+
var Label$3 = /*#__PURE__*/styled.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);
|
|
4435
|
+
var Input = /*#__PURE__*/styled.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) {
|
|
4453
4436
|
return props.color || '#6396e5';
|
|
4454
4437
|
}, function (props) {
|
|
4455
4438
|
return props.color || '#6396e5';
|
|
4456
4439
|
});
|
|
4457
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4440
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4458
4441
|
|
|
4459
|
-
var _templateObject$
|
|
4442
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6;
|
|
4460
4443
|
function RadioButtonGroup(props) {
|
|
4461
4444
|
var heading = props.heading,
|
|
4462
4445
|
_props$direction = props.direction,
|
|
@@ -4486,24 +4469,24 @@ function RadioButtonGroup(props) {
|
|
|
4486
4469
|
}
|
|
4487
4470
|
return React.createElement(Fieldset, null, React.createElement(LegendContainer, null, React.createElement(Legend, null, heading), required && React.createElement(RequiredText, {
|
|
4488
4471
|
"$required": required || false
|
|
4489
|
-
}, "*")), React.createElement(Wrapper$
|
|
4472
|
+
}, "*")), React.createElement(Wrapper$d, {
|
|
4490
4473
|
"$direction": direction,
|
|
4491
4474
|
className: "custom-wrapper"
|
|
4492
4475
|
}, renderOptions()));
|
|
4493
4476
|
}
|
|
4494
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
4495
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4496
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
4477
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4478
|
+
var labelStyles = /*#__PURE__*/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);
|
|
4479
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4497
4480
|
return !props.$required && 'visibility: hidden;';
|
|
4498
4481
|
}, labelStyles);
|
|
4499
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4500
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
4501
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
4502
|
-
var Wrapper$
|
|
4482
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4483
|
+
var Legend = /*#__PURE__*/styled.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);
|
|
4484
|
+
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4485
|
+
var Wrapper$d = /*#__PURE__*/styled.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) {
|
|
4503
4486
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4504
4487
|
});
|
|
4505
4488
|
|
|
4506
|
-
var _templateObject$
|
|
4489
|
+
var _templateObject$19;
|
|
4507
4490
|
var deliveryPoints = [{
|
|
4508
4491
|
label: 'Hallway',
|
|
4509
4492
|
value: 'hallway'
|
|
@@ -4525,7 +4508,7 @@ function DeliveryPoint() {
|
|
|
4525
4508
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
4526
4509
|
selectedValue = _React$useState[0],
|
|
4527
4510
|
setSelectedValue = _React$useState[1];
|
|
4528
|
-
return React.createElement(Container$
|
|
4511
|
+
return React.createElement(Container$N, null, React.createElement(RadioButtonGroup, {
|
|
4529
4512
|
heading: "Delivery Point",
|
|
4530
4513
|
options: deliveryPoints || [],
|
|
4531
4514
|
onChange: radioGroupHandler,
|
|
@@ -4534,16 +4517,16 @@ function DeliveryPoint() {
|
|
|
4534
4517
|
required: false
|
|
4535
4518
|
}));
|
|
4536
4519
|
}
|
|
4537
|
-
var Container$
|
|
4520
|
+
var Container$N = /*#__PURE__*/styled.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"])));
|
|
4538
4521
|
|
|
4539
|
-
var _templateObject$
|
|
4522
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$w, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$4;
|
|
4540
4523
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4541
4524
|
function Checkbox(props) {
|
|
4542
4525
|
var imageSrc = props.imageSrc,
|
|
4543
4526
|
label = props.label,
|
|
4544
4527
|
checked = props.checked,
|
|
4545
4528
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4546
|
-
return React.createElement(MainContainer$
|
|
4529
|
+
return React.createElement(MainContainer$9, {
|
|
4547
4530
|
"$checked": checked
|
|
4548
4531
|
}, React.createElement(CheckboxContainer, null, React.createElement(HiddenCheckbox, Object.assign({
|
|
4549
4532
|
type: "checkbox"
|
|
@@ -4557,20 +4540,20 @@ function Checkbox(props) {
|
|
|
4557
4540
|
"$checked": checked
|
|
4558
4541
|
}, label)));
|
|
4559
4542
|
}
|
|
4560
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
4543
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4561
4544
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4562
4545
|
});
|
|
4563
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4564
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
4546
|
+
var CircleContainer = /*#__PURE__*/styled.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"])));
|
|
4547
|
+
var Circle = /*#__PURE__*/styled.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) {
|
|
4565
4548
|
return props.$checked ? '#feba30' : 'white';
|
|
4566
4549
|
});
|
|
4567
|
-
var Text$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
4550
|
+
var Text$5 = /*#__PURE__*/styled.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) {
|
|
4568
4551
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4569
4552
|
});
|
|
4570
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4571
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4572
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
4573
|
-
var MainContainer$
|
|
4553
|
+
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4554
|
+
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4555
|
+
var HiddenCheckbox = /*#__PURE__*/styled.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"])));
|
|
4556
|
+
var MainContainer$9 = /*#__PURE__*/styled.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) {
|
|
4574
4557
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4575
4558
|
});
|
|
4576
4559
|
|
|
@@ -4597,10 +4580,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4597
4580
|
return "" + baseURL$1 + subPath;
|
|
4598
4581
|
};
|
|
4599
4582
|
|
|
4600
|
-
var _templateObject$
|
|
4583
|
+
var _templateObject$1b;
|
|
4601
4584
|
function OrderServices$1() {
|
|
4602
4585
|
// TO DO -> get services from static data
|
|
4603
|
-
return React.createElement(Container$
|
|
4586
|
+
return React.createElement(Container$O, null, React.createElement(Checkbox, {
|
|
4604
4587
|
checked: false,
|
|
4605
4588
|
label: "Assemble",
|
|
4606
4589
|
imageSrc: getIcon$1(1)
|
|
@@ -4622,23 +4605,23 @@ function OrderServices$1() {
|
|
|
4622
4605
|
imageSrc: getIcon$1(4)
|
|
4623
4606
|
}));
|
|
4624
4607
|
}
|
|
4625
|
-
var Container$
|
|
4608
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4626
4609
|
|
|
4627
|
-
var _templateObject$
|
|
4610
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4628
4611
|
function Notes$1(_ref) {
|
|
4629
4612
|
var onNotesChange = _ref.onNotesChange;
|
|
4630
4613
|
var handleTextChange = function handleTextChange(event) {
|
|
4631
4614
|
onNotesChange(event.target.value);
|
|
4632
4615
|
};
|
|
4633
|
-
return React.createElement(Container$
|
|
4616
|
+
return React.createElement(Container$P, null, React.createElement(Label$4, null, "Notes"), React.createElement(TextArea, {
|
|
4634
4617
|
rows: 15,
|
|
4635
4618
|
onChange: handleTextChange
|
|
4636
4619
|
}));
|
|
4637
4620
|
}
|
|
4638
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
4639
|
-
var Container$
|
|
4621
|
+
var Label$4 = /*#__PURE__*/styled.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"])));
|
|
4622
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4640
4623
|
|
|
4641
|
-
var _templateObject$
|
|
4624
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$x;
|
|
4642
4625
|
function LogServiceRefusal() {
|
|
4643
4626
|
var _useCurrentAction = useCurrentAction(),
|
|
4644
4627
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4658,9 +4641,9 @@ function LogServiceRefusal() {
|
|
|
4658
4641
|
}
|
|
4659
4642
|
}))));
|
|
4660
4643
|
}
|
|
4661
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
4662
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4663
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
4644
|
+
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
4645
|
+
var Left = /*#__PURE__*/styled.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"])));
|
|
4646
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4664
4647
|
|
|
4665
4648
|
function ReturnAction() {
|
|
4666
4649
|
var onSelect = function onSelect() {};
|
|
@@ -4686,7 +4669,7 @@ function ReturnReason() {
|
|
|
4686
4669
|
});
|
|
4687
4670
|
}
|
|
4688
4671
|
|
|
4689
|
-
var _templateObject$
|
|
4672
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$y, _templateObject4$i, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4690
4673
|
function CancelOrder() {
|
|
4691
4674
|
var _orderStaticData$canc;
|
|
4692
4675
|
var _useOrderId = useOrderId(),
|
|
@@ -4790,27 +4773,27 @@ function CancelOrder() {
|
|
|
4790
4773
|
options: cancelReasonOptions || [],
|
|
4791
4774
|
onSelect: onSelectCancelReason,
|
|
4792
4775
|
value: cancelReason
|
|
4793
|
-
}), React.createElement(Wrapper$
|
|
4776
|
+
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$Q, null, React.createElement(Label$5, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4794
4777
|
rows: 5,
|
|
4795
4778
|
onChange: onChangeNotes,
|
|
4796
4779
|
value: cancelNotes,
|
|
4797
4780
|
placeholder: "Reason for Cancel Order"
|
|
4798
4781
|
}))))));
|
|
4799
4782
|
}
|
|
4800
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
4801
|
-
var Container$
|
|
4802
|
-
var Wrapper$
|
|
4803
|
-
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$
|
|
4804
|
-
var TopRight = /*#__PURE__*/styled.div(_templateObject5$
|
|
4805
|
-
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4783
|
+
var Label$5 = /*#__PURE__*/styled.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"])));
|
|
4784
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4785
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4786
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4787
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4788
|
+
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4806
4789
|
// const Bottom = styled.div``;
|
|
4807
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4790
|
+
var ContentContainer$4 = /*#__PURE__*/styled.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"])));
|
|
4808
4791
|
|
|
4809
|
-
var _templateObject$
|
|
4810
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
4811
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
4812
|
-
var TableSkelton = /*#__PURE__*/styled.div(_templateObject6$
|
|
4813
|
-
var CustomCheckBox = /*#__PURE__*/styled.div(_templateObject7$
|
|
4792
|
+
var _templateObject$1f, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
4793
|
+
var ContentContainer$5 = /*#__PURE__*/styled.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"])));
|
|
4794
|
+
var GLobalPopupContent = /*#__PURE__*/styled.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"])));
|
|
4795
|
+
var TableSkelton = /*#__PURE__*/styled.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"])));
|
|
4796
|
+
var CustomCheckBox = /*#__PURE__*/styled.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"])));
|
|
4814
4797
|
|
|
4815
4798
|
var options = [{
|
|
4816
4799
|
value: 'bjsCouriers',
|
|
@@ -5107,7 +5090,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5107
5090
|
);
|
|
5108
5091
|
};
|
|
5109
5092
|
|
|
5110
|
-
var _templateObject$
|
|
5093
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5111
5094
|
function EmailAddress() {
|
|
5112
5095
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5113
5096
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5139,7 +5122,7 @@ function EmailAddress() {
|
|
|
5139
5122
|
});
|
|
5140
5123
|
});
|
|
5141
5124
|
};
|
|
5142
|
-
return React.createElement(Container$
|
|
5125
|
+
return React.createElement(Container$R, null, React.createElement(Label$6, null, "Email Address"), React.createElement(Input$2, {
|
|
5143
5126
|
style: {
|
|
5144
5127
|
borderRadius: '15px'
|
|
5145
5128
|
},
|
|
@@ -5148,11 +5131,11 @@ function EmailAddress() {
|
|
|
5148
5131
|
onChange: onChange
|
|
5149
5132
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
5150
5133
|
}
|
|
5151
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
5152
|
-
var Container$
|
|
5153
|
-
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5134
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5135
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5136
|
+
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5154
5137
|
|
|
5155
|
-
var _templateObject$
|
|
5138
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5156
5139
|
function ContactPhone() {
|
|
5157
5140
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5158
5141
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5201,7 +5184,7 @@ function ContactPhone() {
|
|
|
5201
5184
|
});
|
|
5202
5185
|
}
|
|
5203
5186
|
};
|
|
5204
|
-
return React.createElement(Container$
|
|
5187
|
+
return React.createElement(Container$S, null, React.createElement(Label$7, null, "Contact Phone"), React.createElement(Input$2, {
|
|
5205
5188
|
name: "contact-home",
|
|
5206
5189
|
type: "text",
|
|
5207
5190
|
placeholder: "Home Number",
|
|
@@ -5213,11 +5196,11 @@ function ContactPhone() {
|
|
|
5213
5196
|
onChange: onChange
|
|
5214
5197
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5215
5198
|
}
|
|
5216
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
5217
|
-
var Container$
|
|
5218
|
-
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5199
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5200
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5201
|
+
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5219
5202
|
|
|
5220
|
-
var _templateObject$
|
|
5203
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5221
5204
|
function ContactWork$1() {
|
|
5222
5205
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5223
5206
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5266,7 +5249,7 @@ function ContactWork$1() {
|
|
|
5266
5249
|
});
|
|
5267
5250
|
}
|
|
5268
5251
|
};
|
|
5269
|
-
return React.createElement(Container$
|
|
5252
|
+
return React.createElement(Container$T, null, React.createElement(Label$8, null, "Contact Work"), React.createElement(Input$2, {
|
|
5270
5253
|
name: "contact-work",
|
|
5271
5254
|
type: "text",
|
|
5272
5255
|
placeholder: "Work Number",
|
|
@@ -5278,11 +5261,11 @@ function ContactWork$1() {
|
|
|
5278
5261
|
onChange: onChange
|
|
5279
5262
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5280
5263
|
}
|
|
5281
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
5282
|
-
var Container$
|
|
5283
|
-
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5264
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5265
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5266
|
+
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5284
5267
|
|
|
5285
|
-
var _templateObject$
|
|
5268
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$C;
|
|
5286
5269
|
function ContactMobile$1() {
|
|
5287
5270
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5288
5271
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5331,7 +5314,7 @@ function ContactMobile$1() {
|
|
|
5331
5314
|
});
|
|
5332
5315
|
}
|
|
5333
5316
|
};
|
|
5334
|
-
return React.createElement(Container$
|
|
5317
|
+
return React.createElement(Container$U, null, React.createElement(Label$9, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5335
5318
|
name: "contact-work",
|
|
5336
5319
|
type: "text",
|
|
5337
5320
|
placeholder: "Mobile Number",
|
|
@@ -5343,9 +5326,9 @@ function ContactMobile$1() {
|
|
|
5343
5326
|
onChange: onChange
|
|
5344
5327
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5345
5328
|
}
|
|
5346
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
5347
|
-
var Container$
|
|
5348
|
-
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5329
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5330
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5331
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5349
5332
|
|
|
5350
5333
|
function ContactTypeDropdown() {
|
|
5351
5334
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5411,7 +5394,7 @@ function ActionDropdown() {
|
|
|
5411
5394
|
});
|
|
5412
5395
|
}
|
|
5413
5396
|
|
|
5414
|
-
var _templateObject$
|
|
5397
|
+
var _templateObject$1k, _templateObject2$10;
|
|
5415
5398
|
function DeliveryDate$1() {
|
|
5416
5399
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5417
5400
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5435,7 +5418,7 @@ function DeliveryDate$1() {
|
|
|
5435
5418
|
var today = new Date();
|
|
5436
5419
|
var tomorrow = new Date(today);
|
|
5437
5420
|
tomorrow.setDate(today.getDate() + 1);
|
|
5438
|
-
return React.createElement(Container$
|
|
5421
|
+
return React.createElement(Container$V, null, React.createElement(Label$a, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
5439
5422
|
onChange: handleDateChange,
|
|
5440
5423
|
format: "DD/MM/YYYY",
|
|
5441
5424
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5445,8 +5428,8 @@ function DeliveryDate$1() {
|
|
|
5445
5428
|
minDate: dayjs(tomorrow)
|
|
5446
5429
|
}));
|
|
5447
5430
|
}
|
|
5448
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
5449
|
-
var Container$
|
|
5431
|
+
var Label$a = /*#__PURE__*/styled.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"])));
|
|
5432
|
+
var Container$V = /*#__PURE__*/styled.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"])));
|
|
5450
5433
|
|
|
5451
5434
|
function convertTo12HourFormat$1(time24) {
|
|
5452
5435
|
var _time24$split, _minutes$toString;
|
|
@@ -5495,19 +5478,19 @@ function TimedServiceDropdown$1() {
|
|
|
5495
5478
|
});
|
|
5496
5479
|
}
|
|
5497
5480
|
|
|
5498
|
-
var _templateObject$
|
|
5481
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$D, _templateObject4$j;
|
|
5499
5482
|
function CustomerInformation() {
|
|
5500
5483
|
var _orderDetails$order_r;
|
|
5501
5484
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5502
5485
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5503
|
-
return React.createElement(Container$
|
|
5486
|
+
return React.createElement(Container$W, null, React.createElement(Title$2, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$f, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$f, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$f, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$f, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5504
5487
|
}
|
|
5505
|
-
var Wrapper$
|
|
5506
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5507
|
-
var Title$
|
|
5508
|
-
var Container$
|
|
5488
|
+
var Wrapper$f = /*#__PURE__*/styled.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"])));
|
|
5489
|
+
var AddressField = /*#__PURE__*/styled.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"])));
|
|
5490
|
+
var Title$2 = /*#__PURE__*/styled.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"])));
|
|
5491
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5509
5492
|
|
|
5510
|
-
var _templateObject$
|
|
5493
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5511
5494
|
function ProductTable$1() {
|
|
5512
5495
|
var _useProductDetails = useProductDetails(),
|
|
5513
5496
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5516,7 +5499,7 @@ function ProductTable$1() {
|
|
|
5516
5499
|
if (!orderProductDetails) {
|
|
5517
5500
|
return null;
|
|
5518
5501
|
}
|
|
5519
|
-
return React.createElement(Container$
|
|
5502
|
+
return React.createElement(Container$X, null, React.createElement(Title$3, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5520
5503
|
className: "scrollClass"
|
|
5521
5504
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5522
5505
|
colSpan: 6
|
|
@@ -5534,10 +5517,10 @@ function ProductTable$1() {
|
|
|
5534
5517
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5535
5518
|
})))));
|
|
5536
5519
|
}
|
|
5537
|
-
var Title$
|
|
5538
|
-
var Container$
|
|
5520
|
+
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5521
|
+
var Container$X = /*#__PURE__*/styled.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"])));
|
|
5539
5522
|
|
|
5540
|
-
var _templateObject$
|
|
5523
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5541
5524
|
function NotesTable() {
|
|
5542
5525
|
var _useState = useState(null),
|
|
5543
5526
|
moduleIds = _useState[0],
|
|
@@ -5605,7 +5588,7 @@ function NotesTable() {
|
|
|
5605
5588
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5606
5589
|
return null;
|
|
5607
5590
|
}
|
|
5608
|
-
return React.createElement(Container$
|
|
5591
|
+
return React.createElement(Container$Y, null, React.createElement(Title$4, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5609
5592
|
className: "scrollClass"
|
|
5610
5593
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5611
5594
|
colSpan: 6
|
|
@@ -5627,53 +5610,53 @@ function NotesTable() {
|
|
|
5627
5610
|
}, order == null ? void 0 : order.created_by), React.createElement("div", null, format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React.createElement("td", null, order == null ? void 0 : order.description));
|
|
5628
5611
|
})))));
|
|
5629
5612
|
}
|
|
5630
|
-
var Title$
|
|
5631
|
-
var Container$
|
|
5613
|
+
var Title$4 = /*#__PURE__*/styled.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"])));
|
|
5614
|
+
var Container$Y = /*#__PURE__*/styled.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"])));
|
|
5632
5615
|
|
|
5633
|
-
var _templateObject$
|
|
5616
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5634
5617
|
function ConfirmationNotes() {
|
|
5635
|
-
return React.createElement(Container$
|
|
5618
|
+
return React.createElement(Container$Z, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
5636
5619
|
rows: 5,
|
|
5637
5620
|
placeholder: "Enter Notes"
|
|
5638
5621
|
}));
|
|
5639
5622
|
}
|
|
5640
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
5641
|
-
var Container$
|
|
5623
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5624
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5642
5625
|
|
|
5643
|
-
var _templateObject$
|
|
5626
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5644
5627
|
function DeliveryInstructions$1() {
|
|
5645
|
-
return React.createElement(Container$
|
|
5628
|
+
return React.createElement(Container$_, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5646
5629
|
rows: 5,
|
|
5647
5630
|
placeholder: "Enter Delivery Instructions"
|
|
5648
5631
|
}));
|
|
5649
5632
|
}
|
|
5650
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
5651
|
-
var Container$
|
|
5633
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5634
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5652
5635
|
|
|
5653
|
-
var _templateObject$
|
|
5636
|
+
var _templateObject$1q, _templateObject2$16;
|
|
5654
5637
|
function ContactWith() {
|
|
5655
|
-
return React.createElement(Container
|
|
5638
|
+
return React.createElement(Container$$, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
5656
5639
|
style: {
|
|
5657
5640
|
borderRadius: '15px'
|
|
5658
5641
|
}
|
|
5659
5642
|
}));
|
|
5660
5643
|
}
|
|
5661
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
5662
|
-
var Container
|
|
5644
|
+
var Label$d = /*#__PURE__*/styled.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"])));
|
|
5645
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5663
5646
|
|
|
5664
|
-
var _templateObject$
|
|
5647
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$E, _templateObject4$k;
|
|
5665
5648
|
function SlotAndInstructions() {
|
|
5666
5649
|
var _orderDetails$order_r;
|
|
5667
5650
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5668
5651
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5669
|
-
return React.createElement(Container
|
|
5652
|
+
return React.createElement(Container$10, null, React.createElement(Slot, null, React.createElement(Title$5, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5670
5653
|
}
|
|
5671
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5672
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5673
|
-
var Title$
|
|
5674
|
-
var Container
|
|
5654
|
+
var Value = /*#__PURE__*/styled.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"])));
|
|
5655
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5656
|
+
var Title$5 = /*#__PURE__*/styled.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"])));
|
|
5657
|
+
var Container$10 = /*#__PURE__*/styled.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"])));
|
|
5675
5658
|
|
|
5676
|
-
var _templateObject$
|
|
5659
|
+
var _templateObject$1s, _templateObject2$18;
|
|
5677
5660
|
// import { filterObject } from '../../../utils';
|
|
5678
5661
|
function ConfirmOrder() {
|
|
5679
5662
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5852,10 +5835,10 @@ function ConfirmOrder() {
|
|
|
5852
5835
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5853
5836
|
showOkButton: false,
|
|
5854
5837
|
showCloseIcon: false
|
|
5855
|
-
}), React.createElement(Wrapper$
|
|
5838
|
+
}), React.createElement(Wrapper$g, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5856
5839
|
}
|
|
5857
|
-
var Wrapper$
|
|
5858
|
-
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5840
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5841
|
+
var ContentContainer$6 = /*#__PURE__*/styled.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"])));
|
|
5859
5842
|
|
|
5860
5843
|
function SendSmsModal() {
|
|
5861
5844
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6142,16 +6125,16 @@ function HoldOrderModal() {
|
|
|
6142
6125
|
})))));
|
|
6143
6126
|
}
|
|
6144
6127
|
|
|
6145
|
-
var _templateObject$
|
|
6128
|
+
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6146
6129
|
// import {
|
|
6147
6130
|
// EscalationCategory,
|
|
6148
6131
|
// EscalationLevel,
|
|
6149
6132
|
// EscalationReason,
|
|
6150
6133
|
// EscalationStatus,
|
|
6151
6134
|
// } from '../../utils';
|
|
6152
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6153
|
-
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$
|
|
6154
|
-
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$
|
|
6135
|
+
var FlexContainer = /*#__PURE__*/styled.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"])));
|
|
6136
|
+
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6137
|
+
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6155
6138
|
var Dropdowns = function Dropdowns() {
|
|
6156
6139
|
var handleSelectChange = function handleSelectChange() {
|
|
6157
6140
|
// alert('hello');
|
|
@@ -6219,17 +6202,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6219
6202
|
})));
|
|
6220
6203
|
};
|
|
6221
6204
|
|
|
6222
|
-
var _templateObject$
|
|
6205
|
+
var _templateObject$1u, _templateObject2$1a;
|
|
6223
6206
|
var Notes$2 = function Notes() {
|
|
6224
|
-
var StyledTextArea = styled(TextArea)(_templateObject$
|
|
6225
|
-
var Label = styled.label(_templateObject2$
|
|
6207
|
+
var StyledTextArea = styled(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 "])));
|
|
6208
|
+
var Label = styled.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 "])));
|
|
6226
6209
|
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
6227
6210
|
name: "note",
|
|
6228
6211
|
placeholder: ""
|
|
6229
6212
|
}));
|
|
6230
6213
|
};
|
|
6231
6214
|
|
|
6232
|
-
var _templateObject$
|
|
6215
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6233
6216
|
var Upgrade = function Upgrade() {
|
|
6234
6217
|
var handleSelectChange = function handleSelectChange() {
|
|
6235
6218
|
// alert('hello');
|
|
@@ -6238,7 +6221,7 @@ var Upgrade = function Upgrade() {
|
|
|
6238
6221
|
description: 'Upgrade successfully.'
|
|
6239
6222
|
});
|
|
6240
6223
|
};
|
|
6241
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$
|
|
6224
|
+
return React.createElement(React.Fragment, null, React.createElement(Wrapper$h, null, React.createElement(Heading$2, null, "Upgrade"), React.createElement(Container$11, null, React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6242
6225
|
label: 'Timed Service',
|
|
6243
6226
|
checked: true,
|
|
6244
6227
|
onChange: function onChange(_event) {
|
|
@@ -6288,24 +6271,24 @@ var Upgrade = function Upgrade() {
|
|
|
6288
6271
|
name: ''
|
|
6289
6272
|
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
6290
6273
|
};
|
|
6291
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6292
|
-
var Box = /*#__PURE__*/styled.div(_templateObject2$
|
|
6293
|
-
var Wrapper$
|
|
6294
|
-
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$
|
|
6295
|
-
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$
|
|
6296
|
-
var Heading$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6297
|
-
var Container$
|
|
6274
|
+
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6275
|
+
var Box = /*#__PURE__*/styled.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"])));
|
|
6276
|
+
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6277
|
+
var BJSGift = /*#__PURE__*/styled.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);
|
|
6278
|
+
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6279
|
+
var Heading$2 = /*#__PURE__*/styled.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"])));
|
|
6280
|
+
var Container$11 = /*#__PURE__*/styled.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"])));
|
|
6298
6281
|
var InnerCont$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6299
6282
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6300
6283
|
var StyledAntSelect$1 = /*#__PURE__*/styled(AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6301
6284
|
|
|
6302
|
-
var _templateObject$
|
|
6303
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject$
|
|
6285
|
+
var _templateObject$1w;
|
|
6286
|
+
var Flex = /*#__PURE__*/styled.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"])));
|
|
6304
6287
|
var Escalation = function Escalation() {
|
|
6305
6288
|
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
6306
6289
|
};
|
|
6307
6290
|
|
|
6308
|
-
var _templateObject$
|
|
6291
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6309
6292
|
var NewEscalation = function NewEscalation() {
|
|
6310
6293
|
var _useState = useState(false),
|
|
6311
6294
|
showContent = _useState[0],
|
|
@@ -6334,10 +6317,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6334
6317
|
className: "checkmark"
|
|
6335
6318
|
})))), React.createElement("td", null, "VIP4"), React.createElement("td", null, "B63015484248[Test] WAYVER"), React.createElement("td", null, "Allocated to Route"), React.createElement("td", null, "Revieved Picked"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Done"), React.createElement("td", null, "Done"), React.createElement("td", null, "Status"))))));
|
|
6336
6319
|
};
|
|
6337
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$
|
|
6338
|
-
var Button = /*#__PURE__*/styled.button(_templateObject2$
|
|
6339
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6340
|
-
var CancelButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
6320
|
+
var Component = /*#__PURE__*/styled.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"])));
|
|
6321
|
+
var Button = /*#__PURE__*/styled.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"])));
|
|
6322
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6323
|
+
var CancelButton = /*#__PURE__*/styled.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"])));
|
|
6341
6324
|
|
|
6342
6325
|
var EscalationModal = function EscalationModal() {
|
|
6343
6326
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6497,7 +6480,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6497
6480
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6498
6481
|
var Icon = _ref.icon,
|
|
6499
6482
|
question = _ref.question;
|
|
6500
|
-
return React.createElement(Row$4, null, React.createElement(Container$
|
|
6483
|
+
return React.createElement(Row$4, null, React.createElement(Container$M, null, React.createElement(ImageRow, null, React.createElement(ImageCircle, null, React.createElement(Icon, null)), React.createElement(StaticText, null, question)), React.createElement(CustomRating, {
|
|
6501
6484
|
showText: true
|
|
6502
6485
|
})));
|
|
6503
6486
|
};
|
|
@@ -6530,7 +6513,7 @@ function LogFeedback() {
|
|
|
6530
6513
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6531
6514
|
icon: GrowthImg,
|
|
6532
6515
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6533
|
-
}), React.createElement(Row$4, null, React.createElement(Container$
|
|
6516
|
+
}), React.createElement(Row$4, null, React.createElement(Container$M, null, React.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React.createElement(StyledTextAreas, {
|
|
6534
6517
|
name: "note",
|
|
6535
6518
|
placeholder: "Write here..."
|
|
6536
6519
|
}))))));
|
|
@@ -6692,7 +6675,7 @@ function ChargeLog() {
|
|
|
6692
6675
|
})));
|
|
6693
6676
|
}
|
|
6694
6677
|
|
|
6695
|
-
var _templateObject$
|
|
6678
|
+
var _templateObject$1y;
|
|
6696
6679
|
var UnholdOrder = function UnholdOrder() {
|
|
6697
6680
|
var _useCurrentAction = useCurrentAction(),
|
|
6698
6681
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6716,9 +6699,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6716
6699
|
})
|
|
6717
6700
|
});
|
|
6718
6701
|
};
|
|
6719
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
6702
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6720
6703
|
|
|
6721
|
-
var _templateObject$
|
|
6704
|
+
var _templateObject$1z, _templateObject2$1d;
|
|
6722
6705
|
var ProductData = function ProductData(_ref) {
|
|
6723
6706
|
var products = _ref.products,
|
|
6724
6707
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6741,8 +6724,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6741
6724
|
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6742
6725
|
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6743
6726
|
};
|
|
6744
|
-
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$
|
|
6745
|
-
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$
|
|
6727
|
+
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6728
|
+
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6746
6729
|
|
|
6747
6730
|
var initialProducts = [{
|
|
6748
6731
|
id: 1458784,
|
|
@@ -6863,7 +6846,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6863
6846
|
})));
|
|
6864
6847
|
};
|
|
6865
6848
|
|
|
6866
|
-
var _templateObject$
|
|
6849
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
6867
6850
|
function AssigneeDropdown() {
|
|
6868
6851
|
var handleSelectChange = function handleSelectChange() {
|
|
6869
6852
|
// alert('hello');
|
|
@@ -6885,8 +6868,8 @@ function AssigneeDropdown() {
|
|
|
6885
6868
|
}
|
|
6886
6869
|
}));
|
|
6887
6870
|
}
|
|
6888
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6889
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$
|
|
6871
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6872
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6890
6873
|
|
|
6891
6874
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6892
6875
|
return React.createElement("svg", {
|
|
@@ -6904,11 +6887,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6904
6887
|
}));
|
|
6905
6888
|
};
|
|
6906
6889
|
|
|
6907
|
-
var _templateObject$
|
|
6908
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6909
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6910
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6911
|
-
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
6890
|
+
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;
|
|
6891
|
+
var ReferenceContainer = /*#__PURE__*/styled.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"])));
|
|
6892
|
+
var InnerContainer = /*#__PURE__*/styled.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"])));
|
|
6893
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6894
|
+
var StyledText = /*#__PURE__*/styled(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"])));
|
|
6912
6895
|
var StyledDateContainer = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
6913
6896
|
var TimeWrapper = /*#__PURE__*/styled.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"])));
|
|
6914
6897
|
var StyledTime = /*#__PURE__*/styled(Input$1)(_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"])));
|
|
@@ -6999,22 +6982,7 @@ function useFetchSingleReminderData() {
|
|
|
6999
6982
|
return res;
|
|
7000
6983
|
}
|
|
7001
6984
|
|
|
7002
|
-
var _templateObject$
|
|
7003
|
-
function Loader(props) {
|
|
7004
|
-
return React.createElement(MainContainer$9, {
|
|
7005
|
-
id: "loder"
|
|
7006
|
-
}, React.createElement(Container$11, null, React.createElement(Spinner, null), React.createElement(Wrapper$h, null, React.createElement(Title$5, null, props.title || 'Loading...'), React.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
7007
|
-
}
|
|
7008
|
-
var rotate = /*#__PURE__*/keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
7009
|
-
// Styled components for the loading spinner
|
|
7010
|
-
var Spinner = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
7011
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
7012
|
-
var Subtitle = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7013
|
-
var Title$5 = /*#__PURE__*/styled.span(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7014
|
-
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
7015
|
-
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
7016
|
-
|
|
7017
|
-
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6985
|
+
var _templateObject$1C, _templateObject2$1g, _templateObject3$J, _templateObject4$o;
|
|
7018
6986
|
function StatusIndicator(props) {
|
|
7019
6987
|
var statusColor = getStatusColor(props.status);
|
|
7020
6988
|
return React.createElement(Container$12, null, React.createElement(StatusCircleContainer, {
|
|
@@ -7028,7 +6996,7 @@ function StatusIndicator(props) {
|
|
|
7028
6996
|
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
7029
6997
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7030
6998
|
});
|
|
7031
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
6999
|
+
var StatusCircle = /*#__PURE__*/styled.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) {
|
|
7032
7000
|
return props.color;
|
|
7033
7001
|
});
|
|
7034
7002
|
var Container$12 = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -7194,7 +7162,7 @@ function useFetchReminders() {
|
|
|
7194
7162
|
return perform;
|
|
7195
7163
|
}
|
|
7196
7164
|
|
|
7197
|
-
var _templateObject$1D, _templateObject2$
|
|
7165
|
+
var _templateObject$1D, _templateObject2$1h, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7198
7166
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7199
7167
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7200
7168
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7351,7 +7319,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7351
7319
|
}))))));
|
|
7352
7320
|
};
|
|
7353
7321
|
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
7354
|
-
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$
|
|
7322
|
+
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7355
7323
|
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
7356
7324
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
7357
7325
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7379,7 +7347,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7379
7347
|
}, " * ")), children);
|
|
7380
7348
|
};
|
|
7381
7349
|
|
|
7382
|
-
var _templateObject$1F, _templateObject2$
|
|
7350
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7383
7351
|
dayjs.extend(utc);
|
|
7384
7352
|
dayjs.extend(isValid);
|
|
7385
7353
|
function CreateReminderModal() {
|
|
@@ -7603,7 +7571,7 @@ function CreateReminderModal() {
|
|
|
7603
7571
|
})));
|
|
7604
7572
|
}
|
|
7605
7573
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7606
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
7574
|
+
var Label$f = /*#__PURE__*/styled.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"])));
|
|
7607
7575
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7608
7576
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
7609
7577
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
@@ -7877,7 +7845,7 @@ function TaskReminderModal() {
|
|
|
7877
7845
|
}
|
|
7878
7846
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7879
7847
|
|
|
7880
|
-
var _templateObject$1H, _templateObject2$
|
|
7848
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
7881
7849
|
function OrderLock() {
|
|
7882
7850
|
var _useCurrentAction = useCurrentAction(),
|
|
7883
7851
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7931,7 +7899,7 @@ function OrderLock() {
|
|
|
7931
7899
|
});
|
|
7932
7900
|
}
|
|
7933
7901
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7934
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7902
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7935
7903
|
|
|
7936
7904
|
function useUpdateFlag() {
|
|
7937
7905
|
var ssoToken = getCookie('id_token');
|
|
@@ -8001,7 +7969,7 @@ function useUpdateFlag() {
|
|
|
8001
7969
|
return create;
|
|
8002
7970
|
}
|
|
8003
7971
|
|
|
8004
|
-
var _templateObject$1I, _templateObject2$
|
|
7972
|
+
var _templateObject$1I, _templateObject2$1k, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
8005
7973
|
function HeaderSection() {
|
|
8006
7974
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8007
7975
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8072,13 +8040,13 @@ function HeaderSection() {
|
|
|
8072
8040
|
})));
|
|
8073
8041
|
}
|
|
8074
8042
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
8075
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
8043
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8076
8044
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
8077
8045
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
8078
8046
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
8079
8047
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8080
8048
|
|
|
8081
|
-
var _templateObject$1J, _templateObject2$
|
|
8049
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8082
8050
|
function TextSection() {
|
|
8083
8051
|
var _useSinglePayload = useSinglePayload(),
|
|
8084
8052
|
payload = _useSinglePayload[0],
|
|
@@ -8097,9 +8065,9 @@ function TextSection() {
|
|
|
8097
8065
|
}));
|
|
8098
8066
|
}
|
|
8099
8067
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8100
|
-
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8068
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8101
8069
|
|
|
8102
|
-
var _templateObject$1K, _templateObject2$
|
|
8070
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
8103
8071
|
function ButtonsSection() {
|
|
8104
8072
|
var _useSinglePayload = useSinglePayload(),
|
|
8105
8073
|
payload = _useSinglePayload[0],
|
|
@@ -8191,9 +8159,9 @@ function ButtonsSection() {
|
|
|
8191
8159
|
}))));
|
|
8192
8160
|
}
|
|
8193
8161
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8194
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8162
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8195
8163
|
|
|
8196
|
-
var _templateObject$1L, _templateObject2$
|
|
8164
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8197
8165
|
function ActionSection() {
|
|
8198
8166
|
var _useCurrentAction = useCurrentAction(),
|
|
8199
8167
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8280,13 +8248,13 @@ function RadioButtonsSection() {
|
|
|
8280
8248
|
}));
|
|
8281
8249
|
}
|
|
8282
8250
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8283
|
-
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$
|
|
8251
|
+
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8284
8252
|
var CancelButton$1 = /*#__PURE__*/styled(Button$1)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8285
8253
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8286
8254
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8287
8255
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8288
8256
|
|
|
8289
|
-
var _templateObject$1M, _templateObject2$
|
|
8257
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8290
8258
|
function DetailSection() {
|
|
8291
8259
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8292
8260
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8299,7 +8267,7 @@ function DetailSection() {
|
|
|
8299
8267
|
}), React.createElement(Order, null, orderColumnData)));
|
|
8300
8268
|
}
|
|
8301
8269
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8302
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8270
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8303
8271
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8304
8272
|
var Order = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8305
8273
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8384,7 +8352,7 @@ function useFetchSingleFlagsData() {
|
|
|
8384
8352
|
return res;
|
|
8385
8353
|
}
|
|
8386
8354
|
|
|
8387
|
-
var _templateObject$1N, _templateObject2$
|
|
8355
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$Q;
|
|
8388
8356
|
function ViewFlag() {
|
|
8389
8357
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8390
8358
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8482,7 +8450,7 @@ function ViewFlag() {
|
|
|
8482
8450
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
8483
8451
|
}
|
|
8484
8452
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8485
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
8453
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8486
8454
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
8487
8455
|
|
|
8488
8456
|
var _templateObject$1O;
|
|
@@ -8646,8 +8614,7 @@ function useSystemLogs() {
|
|
|
8646
8614
|
'Content-Type': 'application/json',
|
|
8647
8615
|
Authorization: "Bearer " + ssoToken,
|
|
8648
8616
|
'x-pagination': JSON.stringify({
|
|
8649
|
-
|
|
8650
|
-
per_page: 100
|
|
8617
|
+
is_pagination: false
|
|
8651
8618
|
}),
|
|
8652
8619
|
'x-filters': JSON.stringify([{
|
|
8653
8620
|
field: 'object_id',
|
|
@@ -8717,7 +8684,7 @@ function useSystemLogs() {
|
|
|
8717
8684
|
return perform;
|
|
8718
8685
|
}
|
|
8719
8686
|
|
|
8720
|
-
var _templateObject$1Q, _templateObject2$
|
|
8687
|
+
var _templateObject$1Q, _templateObject2$1q;
|
|
8721
8688
|
var Details = function Details() {
|
|
8722
8689
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8723
8690
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8727,7 +8694,7 @@ var Details = function Details() {
|
|
|
8727
8694
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8728
8695
|
};
|
|
8729
8696
|
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8730
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
8697
|
+
var Typo = /*#__PURE__*/styled.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"])));
|
|
8731
8698
|
|
|
8732
8699
|
var _templateObject$1R;
|
|
8733
8700
|
var DropDownContainer$1 = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
@@ -8994,7 +8961,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8994
8961
|
};
|
|
8995
8962
|
var Flex$6 = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
8996
8963
|
|
|
8997
|
-
var _templateObject$1X, _templateObject2$
|
|
8964
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R, _templateObject4$u;
|
|
8998
8965
|
function OrderView() {
|
|
8999
8966
|
notification.config({
|
|
9000
8967
|
top: 150
|
|
@@ -9100,13 +9067,13 @@ function OrderView() {
|
|
|
9100
9067
|
}
|
|
9101
9068
|
}, [apiCalling]);
|
|
9102
9069
|
useEffect(function () {
|
|
9103
|
-
|
|
9104
|
-
|
|
9105
|
-
// }
|
|
9106
|
-
// for local
|
|
9107
|
-
if (paths.length >= 0) {
|
|
9108
|
-
setOrderId(paths[1]);
|
|
9070
|
+
if (paths.length > 1) {
|
|
9071
|
+
setOrderId(paths[2]);
|
|
9109
9072
|
}
|
|
9073
|
+
// for local
|
|
9074
|
+
// if (paths.length >= 0) {
|
|
9075
|
+
// setOrderId(paths[1]);
|
|
9076
|
+
// }
|
|
9110
9077
|
}, [paths]);
|
|
9111
9078
|
useEffect(function () {
|
|
9112
9079
|
setLoading(staticDataLoading);
|
|
@@ -9281,7 +9248,7 @@ function OrderView() {
|
|
|
9281
9248
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
9282
9249
|
}
|
|
9283
9250
|
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
|
|
9284
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9251
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9285
9252
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9286
9253
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9287
9254
|
|
|
@@ -9353,13 +9320,12 @@ var filterReducer = function filterReducer(state, action) {
|
|
|
9353
9320
|
value: action.payload
|
|
9354
9321
|
}])
|
|
9355
9322
|
});
|
|
9356
|
-
|
|
9357
|
-
|
|
9358
|
-
|
|
9359
|
-
|
|
9360
|
-
|
|
9361
|
-
|
|
9362
|
-
// };
|
|
9323
|
+
case 'CLEAR_CLIENT':
|
|
9324
|
+
return _extends({}, state, {
|
|
9325
|
+
'x-filters': state['x-filters'].filter(function (f) {
|
|
9326
|
+
return f.field !== 'order.customer_id';
|
|
9327
|
+
})
|
|
9328
|
+
});
|
|
9363
9329
|
case 'CLEAR_ACTION':
|
|
9364
9330
|
return _extends({}, state, {
|
|
9365
9331
|
'x-filters': state['x-filters'].filter(function (f) {
|
|
@@ -9447,6 +9413,9 @@ function SelectionFilter() {
|
|
|
9447
9413
|
setSelectAll = _useSelectAll[1];
|
|
9448
9414
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
9449
9415
|
setCheck = _useSelectedConfirmLo[1];
|
|
9416
|
+
var _useClearState = useClearState(),
|
|
9417
|
+
clearState = _useClearState[0],
|
|
9418
|
+
setClear = _useClearState[1];
|
|
9450
9419
|
//client options
|
|
9451
9420
|
var clientOptions = customers == null ? void 0 : customers.map(function (option) {
|
|
9452
9421
|
var _option$customer_name, _option$customer_name2;
|
|
@@ -9473,9 +9442,8 @@ function SelectionFilter() {
|
|
|
9473
9442
|
};
|
|
9474
9443
|
});
|
|
9475
9444
|
//client change
|
|
9476
|
-
var handleSelectChange = function handleSelectChange(
|
|
9445
|
+
var handleSelectChange = function handleSelectChange(_value, option) {
|
|
9477
9446
|
setNewPayload([]);
|
|
9478
|
-
console.log(value, 'value');
|
|
9479
9447
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
9480
9448
|
var selectedValue = option == null ? void 0 : option.id;
|
|
9481
9449
|
var selectedUuids = option == null ? void 0 : option.uuid;
|
|
@@ -9483,6 +9451,8 @@ function SelectionFilter() {
|
|
|
9483
9451
|
var selectedCustomerId = option.gsit_customer_id;
|
|
9484
9452
|
setSelectedClient(selectedValue);
|
|
9485
9453
|
setName(selectedLabel);
|
|
9454
|
+
// storedName(selectedLabel);
|
|
9455
|
+
//set items in local storage
|
|
9486
9456
|
localStorage.setItem('clientName', selectedLabel);
|
|
9487
9457
|
localStorage.setItem('clientId', selectedValue.toString());
|
|
9488
9458
|
localStorage.setItem('account_number', selectAccountNumber);
|
|
@@ -9492,12 +9462,14 @@ function SelectionFilter() {
|
|
|
9492
9462
|
var storedCustomerId = localStorage.getItem('customer_id');
|
|
9493
9463
|
var storedUuid = localStorage.getItem('uuid');
|
|
9494
9464
|
setUuid(storedUuid);
|
|
9465
|
+
//set payload
|
|
9495
9466
|
setReturnPayload(function (prevState) {
|
|
9496
9467
|
return _extends({}, prevState, {
|
|
9497
9468
|
account_number: storedAccNo,
|
|
9498
9469
|
customer_id: storedCustomerId
|
|
9499
9470
|
});
|
|
9500
9471
|
});
|
|
9472
|
+
//filtering locations
|
|
9501
9473
|
var filteredSubLocations = locationData == null ? void 0 : locationData.filter(function (subCat) {
|
|
9502
9474
|
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
9503
9475
|
}).map(function (subCat) {
|
|
@@ -9507,6 +9479,7 @@ function SelectionFilter() {
|
|
|
9507
9479
|
};
|
|
9508
9480
|
});
|
|
9509
9481
|
setFilteredLocationOptions(filteredSubLocations);
|
|
9482
|
+
//clearing states
|
|
9510
9483
|
setUuid('');
|
|
9511
9484
|
setSelectedReturnOrder([]);
|
|
9512
9485
|
setNewPayload([]);
|
|
@@ -9554,8 +9527,6 @@ function SelectionFilter() {
|
|
|
9554
9527
|
var handleActionClick = function handleActionClick(value) {
|
|
9555
9528
|
setSelectedFilterValue(value);
|
|
9556
9529
|
};
|
|
9557
|
-
var storedName = localStorage.getItem('clientName');
|
|
9558
|
-
var storedClientId = localStorage.getItem('clientId');
|
|
9559
9530
|
//Apply filters
|
|
9560
9531
|
var applyFilters = function applyFilters() {
|
|
9561
9532
|
if (storedName) {
|
|
@@ -9600,6 +9571,8 @@ function SelectionFilter() {
|
|
|
9600
9571
|
});
|
|
9601
9572
|
}
|
|
9602
9573
|
};
|
|
9574
|
+
var storedName = localStorage.getItem('clientName');
|
|
9575
|
+
var storedClientId = localStorage.getItem('clientId');
|
|
9603
9576
|
useEffect(function () {
|
|
9604
9577
|
if (storedClientId) {
|
|
9605
9578
|
dispatch({
|
|
@@ -9628,7 +9601,20 @@ function SelectionFilter() {
|
|
|
9628
9601
|
});
|
|
9629
9602
|
}
|
|
9630
9603
|
}, [selectedFilterValue, selectedLocationValue]);
|
|
9631
|
-
|
|
9604
|
+
var handleClear = function handleClear() {
|
|
9605
|
+
setClear(false);
|
|
9606
|
+
localStorage.removeItem('clientName');
|
|
9607
|
+
localStorage.removeItem('clientId');
|
|
9608
|
+
setClear(true);
|
|
9609
|
+
};
|
|
9610
|
+
useEffect(function () {
|
|
9611
|
+
if (clearState) {
|
|
9612
|
+
dispatch({
|
|
9613
|
+
type: 'CLEAR_CLIENT'
|
|
9614
|
+
});
|
|
9615
|
+
window.location.href = '/returnclient';
|
|
9616
|
+
}
|
|
9617
|
+
}, [clearState]);
|
|
9632
9618
|
return React.createElement(Wrapper$k, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$4, {
|
|
9633
9619
|
options: clientOptions,
|
|
9634
9620
|
placeholder: "Select Client Name",
|
|
@@ -9636,7 +9622,9 @@ function SelectionFilter() {
|
|
|
9636
9622
|
style: {
|
|
9637
9623
|
minWidth: '14vw'
|
|
9638
9624
|
},
|
|
9639
|
-
value: storedName
|
|
9625
|
+
value: storedName,
|
|
9626
|
+
allowClear: true,
|
|
9627
|
+
onClear: handleClear
|
|
9640
9628
|
})), storedName && location.pathname.includes("filter/") ? React.createElement(React.Fragment, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Action Type"), React.createElement(StyledAntSelect$4, {
|
|
9641
9629
|
options: actionTypeOptions,
|
|
9642
9630
|
placeholder: "Select Action Type",
|
|
@@ -9735,7 +9723,7 @@ var Text$8 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e =
|
|
|
9735
9723
|
// Right side filter
|
|
9736
9724
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9737
9725
|
|
|
9738
|
-
var _templateObject$1_, _templateObject2$
|
|
9726
|
+
var _templateObject$1_, _templateObject2$1s;
|
|
9739
9727
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9740
9728
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9741
9729
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9762,7 +9750,7 @@ var Container$14 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObjec
|
|
|
9762
9750
|
// align-self: stretch;
|
|
9763
9751
|
// border-radius: 15px 0px 0px 15px;
|
|
9764
9752
|
// `;
|
|
9765
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9753
|
+
var ButtonText = /*#__PURE__*/styled.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"])));
|
|
9766
9754
|
|
|
9767
9755
|
var ReturnFilter = function ReturnFilter() {
|
|
9768
9756
|
var _useParams = useParams(),
|
|
@@ -9770,9 +9758,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9770
9758
|
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$8, null, " ", clientName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)));
|
|
9771
9759
|
};
|
|
9772
9760
|
|
|
9773
|
-
var _templateObject$1$, _templateObject2$
|
|
9761
|
+
var _templateObject$1$, _templateObject2$1t, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9774
9762
|
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9775
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9763
|
+
var GreyBox = /*#__PURE__*/styled.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"])));
|
|
9776
9764
|
// Styled components
|
|
9777
9765
|
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
9778
9766
|
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
@@ -9929,7 +9917,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9929
9917
|
// const hours = padZero(date.getHours());
|
|
9930
9918
|
// const minutes = padZero(date.getMinutes());
|
|
9931
9919
|
// const seconds = padZero(date.getSeconds());
|
|
9932
|
-
return
|
|
9920
|
+
return "\n " + day + "/" + month + "/" + year + "\n ";
|
|
9933
9921
|
};
|
|
9934
9922
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9935
9923
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9963,7 +9951,7 @@ var optionsForReturnPrint = [{
|
|
|
9963
9951
|
label: 'Print Return Labels'
|
|
9964
9952
|
}];
|
|
9965
9953
|
|
|
9966
|
-
var _templateObject$20, _templateObject2$
|
|
9954
|
+
var _templateObject$20, _templateObject2$1u;
|
|
9967
9955
|
var options$1 = optionsForReturnPrint;
|
|
9968
9956
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9969
9957
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9981,7 +9969,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9981
9969
|
}));
|
|
9982
9970
|
};
|
|
9983
9971
|
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
9984
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9972
|
+
var OptionsListLi = /*#__PURE__*/styled.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"])));
|
|
9985
9973
|
|
|
9986
9974
|
var _excluded$3 = ["count"];
|
|
9987
9975
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10315,7 +10303,7 @@ var DefectConfirm = [{
|
|
|
10315
10303
|
value: 'no'
|
|
10316
10304
|
}];
|
|
10317
10305
|
|
|
10318
|
-
var _templateObject$21, _templateObject2$
|
|
10306
|
+
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10319
10307
|
var DefetcDetails = function DefetcDetails() {
|
|
10320
10308
|
var handleSelectChange = function handleSelectChange() {
|
|
10321
10309
|
console.log('Option selected');
|
|
@@ -10358,7 +10346,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10358
10346
|
}))));
|
|
10359
10347
|
};
|
|
10360
10348
|
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10361
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10349
|
+
var Container$15 = /*#__PURE__*/styled.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"])));
|
|
10362
10350
|
var Flex$7 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10363
10351
|
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10364
10352
|
|
|
@@ -10424,7 +10412,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10424
10412
|
};
|
|
10425
10413
|
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10426
10414
|
|
|
10427
|
-
var _templateObject$23, _templateObject2$
|
|
10415
|
+
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10428
10416
|
var RepackDetails = function RepackDetails() {
|
|
10429
10417
|
var _useState = useState(false),
|
|
10430
10418
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10472,13 +10460,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10472
10460
|
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
10473
10461
|
};
|
|
10474
10462
|
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10475
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10463
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10476
10464
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10477
10465
|
var Container$16 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10478
10466
|
var Flex$8 = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10479
10467
|
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10480
10468
|
|
|
10481
|
-
var _templateObject$24, _templateObject2$
|
|
10469
|
+
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10482
10470
|
var OtherDamage = function OtherDamage() {
|
|
10483
10471
|
var handleSelectChange = function handleSelectChange() {
|
|
10484
10472
|
console.log('Option selected');
|
|
@@ -10535,11 +10523,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10535
10523
|
}))));
|
|
10536
10524
|
};
|
|
10537
10525
|
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10538
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10526
|
+
var Container$17 = /*#__PURE__*/styled.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"])));
|
|
10539
10527
|
var Flex$9 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10540
10528
|
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10541
10529
|
|
|
10542
|
-
var _templateObject$25, _templateObject2$
|
|
10530
|
+
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10543
10531
|
var AddDefect = function AddDefect() {
|
|
10544
10532
|
var _useState = useState({
|
|
10545
10533
|
actionDuring: '',
|
|
@@ -10603,12 +10591,12 @@ var AddDefect = function AddDefect() {
|
|
|
10603
10591
|
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
10604
10592
|
};
|
|
10605
10593
|
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10606
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10594
|
+
var Container$18 = /*#__PURE__*/styled.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"])));
|
|
10607
10595
|
var Flex$a = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10608
10596
|
var LabelWrapper$3 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10609
10597
|
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10610
10598
|
|
|
10611
|
-
var _templateObject$26, _templateObject2$
|
|
10599
|
+
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10612
10600
|
var QCLogs = function QCLogs() {
|
|
10613
10601
|
var handleSelectChange = function handleSelectChange() {
|
|
10614
10602
|
console.log('Option selected');
|
|
@@ -10630,11 +10618,11 @@ var QCLogs = function QCLogs() {
|
|
|
10630
10618
|
}))), React.createElement(AddDefect, null));
|
|
10631
10619
|
};
|
|
10632
10620
|
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10633
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10621
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10634
10622
|
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10635
10623
|
var LabelWrapper$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10636
10624
|
|
|
10637
|
-
var _templateObject$27, _templateObject2$
|
|
10625
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10638
10626
|
function UpdateProduct() {
|
|
10639
10627
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10640
10628
|
var _useState = useState(),
|
|
@@ -10732,12 +10720,12 @@ function UpdateProduct() {
|
|
|
10732
10720
|
}))));
|
|
10733
10721
|
}
|
|
10734
10722
|
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10735
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
10723
|
+
var ReturnBox = /*#__PURE__*/styled.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"])));
|
|
10736
10724
|
var Container$1a = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10737
10725
|
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10738
10726
|
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10739
10727
|
|
|
10740
|
-
var _templateObject$28, _templateObject2$
|
|
10728
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10741
10729
|
function UnReceiveProduct() {
|
|
10742
10730
|
var _orderStaticData$unre;
|
|
10743
10731
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10786,10 +10774,10 @@ function UnReceiveProduct() {
|
|
|
10786
10774
|
})));
|
|
10787
10775
|
}
|
|
10788
10776
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10789
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10777
|
+
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10790
10778
|
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10791
10779
|
|
|
10792
|
-
var _templateObject$29, _templateObject2$
|
|
10780
|
+
var _templateObject$29, _templateObject2$1C;
|
|
10793
10781
|
var ProductAction = function ProductAction() {
|
|
10794
10782
|
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10795
10783
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10815,7 +10803,7 @@ var ProductAction = function ProductAction() {
|
|
|
10815
10803
|
}))));
|
|
10816
10804
|
};
|
|
10817
10805
|
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10818
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$
|
|
10806
|
+
var Container$1c = /*#__PURE__*/styled.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"])));
|
|
10819
10807
|
|
|
10820
10808
|
var _templateObject$2a;
|
|
10821
10809
|
var LogsTable = function LogsTable() {
|
|
@@ -10894,7 +10882,7 @@ var LogsTable = function LogsTable() {
|
|
|
10894
10882
|
};
|
|
10895
10883
|
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10896
10884
|
|
|
10897
|
-
var _templateObject$2b, _templateObject2$
|
|
10885
|
+
var _templateObject$2b, _templateObject2$1D;
|
|
10898
10886
|
var DefectsModal = function DefectsModal() {
|
|
10899
10887
|
var options = [{
|
|
10900
10888
|
value: 'bjsCouriers',
|
|
@@ -10947,7 +10935,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10947
10935
|
}))));
|
|
10948
10936
|
};
|
|
10949
10937
|
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10950
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10938
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10951
10939
|
|
|
10952
10940
|
var _templateObject$2c;
|
|
10953
10941
|
var repackModal = function repackModal() {
|
|
@@ -10981,7 +10969,7 @@ var repackModal = function repackModal() {
|
|
|
10981
10969
|
};
|
|
10982
10970
|
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10983
10971
|
|
|
10984
|
-
var _templateObject$2d, _templateObject2$
|
|
10972
|
+
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
10985
10973
|
var _excluded$4 = ["id"];
|
|
10986
10974
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10987
10975
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11060,7 +11048,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11060
11048
|
})))));
|
|
11061
11049
|
};
|
|
11062
11050
|
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
11063
|
-
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$
|
|
11051
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11064
11052
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
11065
11053
|
|
|
11066
11054
|
var ModalManager = function ModalManager() {
|
|
@@ -11259,6 +11247,9 @@ var ModalManager = function ModalManager() {
|
|
|
11259
11247
|
setShouldPerformAction(false);
|
|
11260
11248
|
setSelectAll(false);
|
|
11261
11249
|
setError(null);
|
|
11250
|
+
// for local
|
|
11251
|
+
// navigate('/order-return');
|
|
11252
|
+
// for dev
|
|
11262
11253
|
navigate('returnclient/order-return');
|
|
11263
11254
|
}
|
|
11264
11255
|
}, [response, apiError, postLoading]);
|
|
@@ -11356,9 +11347,9 @@ var ModalManager = function ModalManager() {
|
|
|
11356
11347
|
}));
|
|
11357
11348
|
};
|
|
11358
11349
|
|
|
11359
|
-
var _templateObject$2e, _templateObject2$
|
|
11350
|
+
var _templateObject$2e, _templateObject2$1F, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11360
11351
|
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
11361
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
11352
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11362
11353
|
var StyledInfoBox = /*#__PURE__*/styled.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
11363
11354
|
var StyledLabel$2 = /*#__PURE__*/styled.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
11364
11355
|
var StyledPaginationWrapper = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
@@ -11480,7 +11471,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11480
11471
|
}, React.createElement(NextIcon, null)))));
|
|
11481
11472
|
};
|
|
11482
11473
|
|
|
11483
|
-
var _templateObject$2f, _templateObject2$
|
|
11474
|
+
var _templateObject$2f, _templateObject2$1G;
|
|
11484
11475
|
var ReturnTable = function ReturnTable() {
|
|
11485
11476
|
var _UsePaginationData = UsePaginationData(),
|
|
11486
11477
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11508,7 +11499,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11508
11499
|
})))), React.createElement(ModalManager, null));
|
|
11509
11500
|
};
|
|
11510
11501
|
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11511
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
11502
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.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"])));
|
|
11512
11503
|
|
|
11513
11504
|
function LoadIcon() {
|
|
11514
11505
|
return React.createElement("svg", {
|
|
@@ -11526,7 +11517,7 @@ function LoadIcon() {
|
|
|
11526
11517
|
}));
|
|
11527
11518
|
}
|
|
11528
11519
|
|
|
11529
|
-
var _templateObject$2g, _templateObject2$
|
|
11520
|
+
var _templateObject$2g, _templateObject2$1H;
|
|
11530
11521
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11531
11522
|
var legacyProductId = _ref.legacyProductId;
|
|
11532
11523
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11554,7 +11545,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11554
11545
|
}));
|
|
11555
11546
|
};
|
|
11556
11547
|
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
11557
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
11548
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.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) {
|
|
11558
11549
|
var disabled = _ref2.disabled;
|
|
11559
11550
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11560
11551
|
}, function (_ref3) {
|
|
@@ -11963,7 +11954,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11963
11954
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11964
11955
|
});
|
|
11965
11956
|
|
|
11966
|
-
var _templateObject$2i, _templateObject2$
|
|
11957
|
+
var _templateObject$2i, _templateObject2$1I;
|
|
11967
11958
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11968
11959
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
11969
11960
|
dispatch = _useAtom[1];
|
|
@@ -12141,7 +12132,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12141
12132
|
};
|
|
12142
12133
|
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12143
12134
|
// const DropdownContainer = styled.div``;
|
|
12144
|
-
var StyledAntSelect$c = /*#__PURE__*/styled.div(_templateObject2$
|
|
12135
|
+
var StyledAntSelect$c = /*#__PURE__*/styled.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"])));
|
|
12145
12136
|
|
|
12146
12137
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12147
12138
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12227,7 +12218,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12227
12218
|
}, React.createElement(NextIcon, null)))));
|
|
12228
12219
|
};
|
|
12229
12220
|
|
|
12230
|
-
var _templateObject$2j, _templateObject2$
|
|
12221
|
+
var _templateObject$2j, _templateObject2$1J;
|
|
12231
12222
|
var _excluded$5 = ["count"];
|
|
12232
12223
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12233
12224
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12300,12 +12291,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12300
12291
|
})))));
|
|
12301
12292
|
};
|
|
12302
12293
|
var Container$1g = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12303
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
12294
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.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"])));
|
|
12304
12295
|
|
|
12305
|
-
var _templateObject2$
|
|
12306
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12296
|
+
var _templateObject2$1K;
|
|
12297
|
+
var StyledBulkItem = /*#__PURE__*/styled.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"])));
|
|
12307
12298
|
|
|
12308
|
-
var _templateObject$2k, _templateObject2$
|
|
12299
|
+
var _templateObject$2k, _templateObject2$1L;
|
|
12309
12300
|
var SearchType = function SearchType() {
|
|
12310
12301
|
var _useState = useState(''),
|
|
12311
12302
|
searchText = _useState[0],
|
|
@@ -12321,7 +12312,7 @@ var SearchType = function SearchType() {
|
|
|
12321
12312
|
}));
|
|
12322
12313
|
};
|
|
12323
12314
|
var Search = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
12324
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
12315
|
+
var SearchInput = /*#__PURE__*/styled.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"])));
|
|
12325
12316
|
|
|
12326
12317
|
var BulkFilter = function BulkFilter() {
|
|
12327
12318
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12442,7 +12433,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12442
12433
|
})))));
|
|
12443
12434
|
};
|
|
12444
12435
|
|
|
12445
|
-
var _templateObject$2l, _templateObject2$
|
|
12436
|
+
var _templateObject$2l, _templateObject2$1M, _templateObject3$11;
|
|
12446
12437
|
// import Pagination from './table-view/Pagination';
|
|
12447
12438
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12448
12439
|
function ReturnMainTable() {
|
|
@@ -12502,12 +12493,12 @@ function ReturnMainTable() {
|
|
|
12502
12493
|
}, React.createElement(HeaderFilter, null), React.createElement(Container$1h, null, React.createElement(Row$7, null, React.createElement(Text$8, null, "Client Return"), getClient ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)))));
|
|
12503
12494
|
}
|
|
12504
12495
|
var Row$7 = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12505
|
-
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$
|
|
12496
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12506
12497
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
12507
12498
|
|
|
12508
|
-
var _templateObject$2m, _templateObject2$
|
|
12499
|
+
var _templateObject$2m, _templateObject2$1N;
|
|
12509
12500
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
12510
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
12501
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12511
12502
|
|
|
12512
12503
|
var _templateObject$2n;
|
|
12513
12504
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12515,12 +12506,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12515
12506
|
};
|
|
12516
12507
|
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
12517
12508
|
|
|
12518
|
-
var _templateObject$2o, _templateObject2$
|
|
12509
|
+
var _templateObject$2o, _templateObject2$1O;
|
|
12519
12510
|
function Breadcrumb(props) {
|
|
12520
12511
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
12521
12512
|
}
|
|
12522
12513
|
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12523
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
12514
|
+
var BreadcrumbList = /*#__PURE__*/styled.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"])));
|
|
12524
12515
|
|
|
12525
12516
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12526
12517
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -12564,6 +12555,7 @@ function ReturnClient() {
|
|
|
12564
12555
|
setLocationData = _useLocationData[1];
|
|
12565
12556
|
var _useStatusOrderData = useStatusOrderData(),
|
|
12566
12557
|
setStatusOfOrders = _useStatusOrderData[1];
|
|
12558
|
+
// const [dispatchvalue] = useAtom(filtersReducerAtom);
|
|
12567
12559
|
var splitPath = function splitPath(str) {
|
|
12568
12560
|
var _str$split;
|
|
12569
12561
|
var parts = str == null || (_str$split = str.split('/')) == null ? void 0 : _str$split.filter(function (part) {
|
|
@@ -12577,6 +12569,7 @@ function ReturnClient() {
|
|
|
12577
12569
|
localStorage.removeItem('clientName');
|
|
12578
12570
|
localStorage.removeItem('clientId');
|
|
12579
12571
|
localStorage.removeItem('uuid');
|
|
12572
|
+
// dispatch({ type: 'CLEAR_CLIENT' });
|
|
12580
12573
|
}
|
|
12581
12574
|
}, [location.pathname]);
|
|
12582
12575
|
useEffect(function () {
|