@bjsdistribution/dms-client-return 0.0.30 → 0.0.32
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/dms-client-return.cjs.development.js +441 -439
- 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 +442 -440
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +1 -2
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +1 -0
- package/src/components/order-daily-overview/shared/utlis.ts +3 -1
- package/src/components/order-daily-overview/table/ReturnTable.tsx +76 -19
- package/src/components/order-daily-overview/table/table-data/styles.ts +1 -0
- package/src/components/order-view/hooks/useGetSystemLogs.tsx +1 -2
- 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
|
@@ -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
|
|
|
@@ -3475,7 +3493,7 @@ function GeneralHeader() {
|
|
|
3475
3493
|
var Section = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3476
3494
|
|
|
3477
3495
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3478
|
-
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3496
|
+
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3479
3497
|
// Styled components
|
|
3480
3498
|
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n\n .fortables {\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n min-height: 60vh;\n }\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
3481
3499
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
@@ -3562,6 +3580,21 @@ function useClearState() {
|
|
|
3562
3580
|
return useAtom(clearState);
|
|
3563
3581
|
}
|
|
3564
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"])));
|
|
3597
|
+
|
|
3565
3598
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3566
3599
|
var _orderStaticData$retu;
|
|
3567
3600
|
var _useSelectedOrders = useSelectedOrders(),
|
|
@@ -3590,9 +3623,16 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3590
3623
|
performAction: false
|
|
3591
3624
|
}),
|
|
3592
3625
|
isresponse = _useApiHook.data,
|
|
3593
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3626
|
+
setaction = _useApiHook.setShouldPerformAction,
|
|
3627
|
+
loading = _useApiHook.loading;
|
|
3594
3628
|
useEffect(function () {
|
|
3595
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
|
+
});
|
|
3596
3636
|
handleRemoveRow();
|
|
3597
3637
|
setSelectedRowId(null);
|
|
3598
3638
|
}
|
|
@@ -3629,7 +3669,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3629
3669
|
});
|
|
3630
3670
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3631
3671
|
};
|
|
3632
|
-
return React.createElement("div", null, React.createElement(
|
|
3672
|
+
return React.createElement("div", null, loading && React.createElement(Loader, {
|
|
3673
|
+
title: "Deleting"
|
|
3674
|
+
}), React.createElement(StyledTableWrapper, {
|
|
3633
3675
|
id: "tableScrolling"
|
|
3634
3676
|
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
3635
3677
|
className: "emailInvoiceCheckbox"
|
|
@@ -3667,20 +3709,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3667
3709
|
}, "No records found"))))));
|
|
3668
3710
|
};
|
|
3669
3711
|
|
|
3670
|
-
var _templateObject$
|
|
3712
|
+
var _templateObject$V;
|
|
3671
3713
|
var ProductTable = function ProductTable() {
|
|
3672
|
-
return React.createElement(Container$
|
|
3714
|
+
return React.createElement(Container$C, null, React.createElement(ReturnProductTable, null));
|
|
3673
3715
|
};
|
|
3674
|
-
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"])));
|
|
3675
3717
|
|
|
3676
|
-
var _templateObject$
|
|
3718
|
+
var _templateObject$W, _templateObject2$H;
|
|
3677
3719
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3678
3720
|
var defaultSelectStyle = {
|
|
3679
3721
|
width: '100%'
|
|
3680
3722
|
};
|
|
3681
3723
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3682
3724
|
var defaultSelectWrapperClass = 'rounded';
|
|
3683
|
-
return React.createElement(Container$
|
|
3725
|
+
return React.createElement(Container$D, null, React.createElement(Text$3, null, "New Return Order:"), React.createElement(AntSelect, {
|
|
3684
3726
|
options: [],
|
|
3685
3727
|
placeholder: "Select",
|
|
3686
3728
|
onChange: function onChange() {},
|
|
@@ -3693,10 +3735,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3693
3735
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3694
3736
|
}));
|
|
3695
3737
|
};
|
|
3696
|
-
var Container$
|
|
3697
|
-
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"])));
|
|
3698
3740
|
|
|
3699
|
-
var _templateObject$
|
|
3741
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$n;
|
|
3700
3742
|
// import { notification } from 'antd';
|
|
3701
3743
|
function ExpandedContent$2() {
|
|
3702
3744
|
// const SaveNote = () => {
|
|
@@ -3706,7 +3748,7 @@ function ExpandedContent$2() {
|
|
|
3706
3748
|
// description: ' Saved successfully.',
|
|
3707
3749
|
// });
|
|
3708
3750
|
// };
|
|
3709
|
-
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, {
|
|
3710
3752
|
style: {
|
|
3711
3753
|
borderRadius: '20px'
|
|
3712
3754
|
},
|
|
@@ -3714,81 +3756,18 @@ function ExpandedContent$2() {
|
|
|
3714
3756
|
disabled: true
|
|
3715
3757
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
3716
3758
|
}
|
|
3717
|
-
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3718
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3719
|
-
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([""])));
|
|
3720
3762
|
|
|
3721
|
-
var _templateObject$
|
|
3722
|
-
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3723
|
-
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3724
|
-
// import { useAtom } from 'jotai';
|
|
3763
|
+
var _templateObject$Y, _templateObject2$J;
|
|
3725
3764
|
function CollapsedContent$1() {
|
|
3726
|
-
|
|
3727
|
-
// const [productdata] = useProductDetails();
|
|
3728
|
-
// const totalItems = productdata?.length;
|
|
3729
|
-
// const totalCube = () => {
|
|
3730
|
-
// let cubeData = 0;
|
|
3731
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3732
|
-
// cubeData += parseFloat(productdata[i].cube);
|
|
3733
|
-
// }
|
|
3734
|
-
// return `${cubeData.toFixed(2)}m³`;
|
|
3735
|
-
// };
|
|
3736
|
-
// const totalWeight = () => {
|
|
3737
|
-
// let weightData = 0;
|
|
3738
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3739
|
-
// weightData += parseFloat(productdata[i].weight);
|
|
3740
|
-
// }
|
|
3741
|
-
// return `${weightData.toFixed(2)} KG`;
|
|
3742
|
-
// };
|
|
3743
|
-
return React.createElement(Container$E, null, React.createElement(SectionHeader, {
|
|
3765
|
+
return React.createElement(Container$F, null, React.createElement(SectionHeader, {
|
|
3744
3766
|
label: "Products"
|
|
3745
|
-
}));
|
|
3767
|
+
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
3746
3768
|
}
|
|
3747
|
-
|
|
3748
|
-
|
|
3749
|
-
// font-size: 13px;
|
|
3750
|
-
// font-weight: 500;
|
|
3751
|
-
// line-height: 16px;
|
|
3752
|
-
// color: #8e8a85;
|
|
3753
|
-
// `;
|
|
3754
|
-
// const Right = styled.div`
|
|
3755
|
-
// margin-left: auto;
|
|
3756
|
-
// display: flex;
|
|
3757
|
-
// gap: 10px;
|
|
3758
|
-
// margin-right: 10px;
|
|
3759
|
-
// `;
|
|
3760
|
-
// const Action = styled.span`
|
|
3761
|
-
// color: #3a3630;
|
|
3762
|
-
// font-family: 'Lato', sans-serif;
|
|
3763
|
-
// font-size: 12px;
|
|
3764
|
-
// font-style: normal;
|
|
3765
|
-
// font-weight: 600;
|
|
3766
|
-
// line-height: 20px;
|
|
3767
|
-
// text-transform: uppercase;
|
|
3768
|
-
// `;
|
|
3769
|
-
// const ActionContainer = styled.div`
|
|
3770
|
-
// padding: 5px 10px;
|
|
3771
|
-
// border-radius: 4px;
|
|
3772
|
-
// border: 1px solid #edebe8;
|
|
3773
|
-
// background: #edebe8;
|
|
3774
|
-
// box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
3775
|
-
// cursor: pointer;
|
|
3776
|
-
// `;
|
|
3777
|
-
// const Items = styled.span`
|
|
3778
|
-
// font-family: 'Roboto', sans-serif;
|
|
3779
|
-
// font-size: 14px;
|
|
3780
|
-
// font-weight: 500;
|
|
3781
|
-
// line-height: 24px;
|
|
3782
|
-
// color: #8e8a85;
|
|
3783
|
-
// text-transform: capitalize;
|
|
3784
|
-
// color: #aea9a1;
|
|
3785
|
-
// `;
|
|
3786
|
-
// const Left = styled.div`
|
|
3787
|
-
// display: flex;
|
|
3788
|
-
// align-items: center;
|
|
3789
|
-
// gap: 30px;
|
|
3790
|
-
// `;
|
|
3791
|
-
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"])));
|
|
3792
3771
|
|
|
3793
3772
|
// Dropdown
|
|
3794
3773
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -3899,22 +3878,22 @@ function ProductsInfo() {
|
|
|
3899
3878
|
}, React.createElement(ExpandedContent$2, null));
|
|
3900
3879
|
}
|
|
3901
3880
|
|
|
3902
|
-
var _templateObject$
|
|
3881
|
+
var _templateObject$Z;
|
|
3903
3882
|
function BackgroundModal(props) {
|
|
3904
|
-
return createPortal(React.createElement(Container$
|
|
3883
|
+
return createPortal(React.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
3905
3884
|
}
|
|
3906
|
-
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"])));
|
|
3907
3886
|
|
|
3908
|
-
var _templateObject$
|
|
3887
|
+
var _templateObject$_, _templateObject2$K, _templateObject3$o, _templateObject4$b;
|
|
3909
3888
|
function AdditionalInformation(props) {
|
|
3910
|
-
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)));
|
|
3911
3890
|
}
|
|
3912
|
-
var Text$4 = /*#__PURE__*/styled.p(_templateObject$
|
|
3913
|
-
var Container$
|
|
3914
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
3915
|
-
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"])));
|
|
3916
3895
|
|
|
3917
|
-
var _templateObject
|
|
3896
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$p, _templateObject4$c;
|
|
3918
3897
|
function OrderActionHeader(props) {
|
|
3919
3898
|
var title = props.title,
|
|
3920
3899
|
actions = props.actions,
|
|
@@ -3923,33 +3902,33 @@ function OrderActionHeader(props) {
|
|
|
3923
3902
|
_props$infoText = props.infoText,
|
|
3924
3903
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3925
3904
|
onClose = props.onClose;
|
|
3926
|
-
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, {
|
|
3927
3906
|
info: infoText
|
|
3928
3907
|
}), actions), React.createElement(IconContainer$2, {
|
|
3929
3908
|
onClick: onClose
|
|
3930
3909
|
}, React.createElement(CrossIcon, null)));
|
|
3931
3910
|
}
|
|
3932
|
-
var Wrapper$
|
|
3933
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3934
|
-
var Title = /*#__PURE__*/styled.h3(_templateObject3$
|
|
3935
|
-
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"])));
|
|
3936
3915
|
|
|
3937
|
-
var _templateObject
|
|
3916
|
+
var _templateObject$10, _templateObject2$M;
|
|
3938
3917
|
function OrderActionFooter(props) {
|
|
3939
3918
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3940
|
-
return React.createElement(Container$
|
|
3919
|
+
return React.createElement(Container$J, null, React.createElement(SubmitButton, {
|
|
3941
3920
|
shape: "rounded",
|
|
3942
3921
|
colors: "primary",
|
|
3943
3922
|
onClick: props.onSubmit,
|
|
3944
3923
|
disabled: isSubmitDisabled
|
|
3945
3924
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3946
3925
|
}
|
|
3947
|
-
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject
|
|
3948
|
-
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"])));
|
|
3949
3928
|
|
|
3950
|
-
var _templateObject$
|
|
3929
|
+
var _templateObject$11;
|
|
3951
3930
|
function OrderActionModal(props) {
|
|
3952
|
-
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$
|
|
3931
|
+
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$7, null, React.createElement(OrderActionHeader, {
|
|
3953
3932
|
title: props.headerTitle,
|
|
3954
3933
|
onClose: props.onCloseHeader,
|
|
3955
3934
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3962,11 +3941,11 @@ function OrderActionModal(props) {
|
|
|
3962
3941
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3963
3942
|
})));
|
|
3964
3943
|
}
|
|
3965
|
-
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"])));
|
|
3966
3945
|
|
|
3967
|
-
var _templateObject$
|
|
3946
|
+
var _templateObject$12, _templateObject2$N;
|
|
3968
3947
|
function OrderActionsDropdown(props) {
|
|
3969
|
-
return React.createElement(Container$
|
|
3948
|
+
return React.createElement(Container$K, {
|
|
3970
3949
|
className: props.className
|
|
3971
3950
|
}, React.createElement(Label, null, props.label), React.createElement(AntSelect, {
|
|
3972
3951
|
options: props.options,
|
|
@@ -3983,8 +3962,8 @@ function OrderActionsDropdown(props) {
|
|
|
3983
3962
|
defaultValue: props.value
|
|
3984
3963
|
}));
|
|
3985
3964
|
}
|
|
3986
|
-
var Label = /*#__PURE__*/styled.label(_templateObject$
|
|
3987
|
-
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"])));
|
|
3988
3967
|
|
|
3989
3968
|
function DocumentTypeDropdown() {
|
|
3990
3969
|
var onSelect = function onSelect() {};
|
|
@@ -4064,7 +4043,7 @@ function UploadIcon(props) {
|
|
|
4064
4043
|
})));
|
|
4065
4044
|
}
|
|
4066
4045
|
|
|
4067
|
-
var _templateObject$
|
|
4046
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4068
4047
|
var Dragger = Upload.Dragger;
|
|
4069
4048
|
var props = {
|
|
4070
4049
|
name: 'file',
|
|
@@ -4086,20 +4065,20 @@ var props = {
|
|
|
4086
4065
|
}
|
|
4087
4066
|
};
|
|
4088
4067
|
function DocFileUpload() {
|
|
4089
|
-
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, {
|
|
4090
4069
|
colors: 'secondary',
|
|
4091
4070
|
shape: 'rounded'
|
|
4092
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")))));
|
|
4093
4072
|
}
|
|
4094
|
-
var MainContainer$
|
|
4095
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2$
|
|
4096
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4097
|
-
var Text1 = /*#__PURE__*/styled.p(_templateObject4$
|
|
4098
|
-
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4099
|
-
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$
|
|
4100
|
-
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"])));
|
|
4101
4080
|
|
|
4102
|
-
var _templateObject$
|
|
4081
|
+
var _templateObject$14, _templateObject2$P, _templateObject3$r, _templateObject4$e;
|
|
4103
4082
|
// import DocFileUpload from './DocFileUpload';
|
|
4104
4083
|
function AddResources() {
|
|
4105
4084
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4115,10 +4094,10 @@ function AddResources() {
|
|
|
4115
4094
|
onSubmit: function onSubmit() {}
|
|
4116
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))));
|
|
4117
4096
|
}
|
|
4118
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
4119
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4120
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4121
|
-
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"])));
|
|
4122
4101
|
|
|
4123
4102
|
var initialValue = {
|
|
4124
4103
|
due: undefined,
|
|
@@ -4256,24 +4235,24 @@ function useUpdateReminderData() {
|
|
|
4256
4235
|
return useAtom(reminderUpdatePayload);
|
|
4257
4236
|
}
|
|
4258
4237
|
|
|
4259
|
-
var _templateObject$
|
|
4238
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$s;
|
|
4260
4239
|
// Styled components
|
|
4261
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4262
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
4263
|
-
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4264
|
-
|
|
4265
|
-
var _templateObject2$
|
|
4266
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
4267
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
4268
|
-
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
4269
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
4270
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$
|
|
4271
|
-
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"])));
|
|
4272
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"])));
|
|
4273
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"])));
|
|
4274
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"])));
|
|
4275
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"])));
|
|
4276
|
-
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"])));
|
|
4277
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"])));
|
|
4278
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"])));
|
|
4279
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"])));
|
|
@@ -4362,7 +4341,7 @@ function SplitOrderTable() {
|
|
|
4362
4341
|
}))));
|
|
4363
4342
|
}
|
|
4364
4343
|
|
|
4365
|
-
var _templateObject$
|
|
4344
|
+
var _templateObject$16;
|
|
4366
4345
|
function SplitOrder() {
|
|
4367
4346
|
var _useCurrentAction = useCurrentAction(),
|
|
4368
4347
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4410,7 +4389,7 @@ function SplitOrder() {
|
|
|
4410
4389
|
isSubmitDisabled: isSubmitDisabled()
|
|
4411
4390
|
}, React.createElement(ContentContainer$2, null, React.createElement(SplitOrderTable, null)));
|
|
4412
4391
|
}
|
|
4413
|
-
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"])));
|
|
4414
4393
|
|
|
4415
4394
|
function RadioButtonCheckIcon(props) {
|
|
4416
4395
|
return React.createElement("svg", Object.assign({
|
|
@@ -4441,7 +4420,7 @@ var fonts = {
|
|
|
4441
4420
|
secondary: "'Lato', sans-serif"
|
|
4442
4421
|
};
|
|
4443
4422
|
|
|
4444
|
-
var _templateObject$
|
|
4423
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$u;
|
|
4445
4424
|
function RadioButton(props) {
|
|
4446
4425
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4447
4426
|
color: props.color
|
|
@@ -4452,15 +4431,15 @@ function RadioButton(props) {
|
|
|
4452
4431
|
htmlFor: props.id
|
|
4453
4432
|
}, props.label));
|
|
4454
4433
|
}
|
|
4455
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
4456
|
-
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) {
|
|
4457
4436
|
return props.color || '#6396e5';
|
|
4458
4437
|
}, function (props) {
|
|
4459
4438
|
return props.color || '#6396e5';
|
|
4460
4439
|
});
|
|
4461
|
-
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"])));
|
|
4462
4441
|
|
|
4463
|
-
var _templateObject$
|
|
4442
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6;
|
|
4464
4443
|
function RadioButtonGroup(props) {
|
|
4465
4444
|
var heading = props.heading,
|
|
4466
4445
|
_props$direction = props.direction,
|
|
@@ -4490,24 +4469,24 @@ function RadioButtonGroup(props) {
|
|
|
4490
4469
|
}
|
|
4491
4470
|
return React.createElement(Fieldset, null, React.createElement(LegendContainer, null, React.createElement(Legend, null, heading), required && React.createElement(RequiredText, {
|
|
4492
4471
|
"$required": required || false
|
|
4493
|
-
}, "*")), React.createElement(Wrapper$
|
|
4472
|
+
}, "*")), React.createElement(Wrapper$d, {
|
|
4494
4473
|
"$direction": direction,
|
|
4495
4474
|
className: "custom-wrapper"
|
|
4496
4475
|
}, renderOptions()));
|
|
4497
4476
|
}
|
|
4498
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
4499
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4500
|
-
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) {
|
|
4501
4480
|
return !props.$required && 'visibility: hidden;';
|
|
4502
4481
|
}, labelStyles);
|
|
4503
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4504
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
4505
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
4506
|
-
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) {
|
|
4507
4486
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4508
4487
|
});
|
|
4509
4488
|
|
|
4510
|
-
var _templateObject$
|
|
4489
|
+
var _templateObject$19;
|
|
4511
4490
|
var deliveryPoints = [{
|
|
4512
4491
|
label: 'Hallway',
|
|
4513
4492
|
value: 'hallway'
|
|
@@ -4529,7 +4508,7 @@ function DeliveryPoint() {
|
|
|
4529
4508
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
4530
4509
|
selectedValue = _React$useState[0],
|
|
4531
4510
|
setSelectedValue = _React$useState[1];
|
|
4532
|
-
return React.createElement(Container$
|
|
4511
|
+
return React.createElement(Container$N, null, React.createElement(RadioButtonGroup, {
|
|
4533
4512
|
heading: "Delivery Point",
|
|
4534
4513
|
options: deliveryPoints || [],
|
|
4535
4514
|
onChange: radioGroupHandler,
|
|
@@ -4538,16 +4517,16 @@ function DeliveryPoint() {
|
|
|
4538
4517
|
required: false
|
|
4539
4518
|
}));
|
|
4540
4519
|
}
|
|
4541
|
-
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"])));
|
|
4542
4521
|
|
|
4543
|
-
var _templateObject$
|
|
4522
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$w, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$4;
|
|
4544
4523
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4545
4524
|
function Checkbox(props) {
|
|
4546
4525
|
var imageSrc = props.imageSrc,
|
|
4547
4526
|
label = props.label,
|
|
4548
4527
|
checked = props.checked,
|
|
4549
4528
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4550
|
-
return React.createElement(MainContainer$
|
|
4529
|
+
return React.createElement(MainContainer$9, {
|
|
4551
4530
|
"$checked": checked
|
|
4552
4531
|
}, React.createElement(CheckboxContainer, null, React.createElement(HiddenCheckbox, Object.assign({
|
|
4553
4532
|
type: "checkbox"
|
|
@@ -4561,20 +4540,20 @@ function Checkbox(props) {
|
|
|
4561
4540
|
"$checked": checked
|
|
4562
4541
|
}, label)));
|
|
4563
4542
|
}
|
|
4564
|
-
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) {
|
|
4565
4544
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4566
4545
|
});
|
|
4567
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4568
|
-
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) {
|
|
4569
4548
|
return props.$checked ? '#feba30' : 'white';
|
|
4570
4549
|
});
|
|
4571
|
-
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) {
|
|
4572
4551
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4573
4552
|
});
|
|
4574
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4575
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4576
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
4577
|
-
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) {
|
|
4578
4557
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4579
4558
|
});
|
|
4580
4559
|
|
|
@@ -4601,10 +4580,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4601
4580
|
return "" + baseURL$1 + subPath;
|
|
4602
4581
|
};
|
|
4603
4582
|
|
|
4604
|
-
var _templateObject$
|
|
4583
|
+
var _templateObject$1b;
|
|
4605
4584
|
function OrderServices$1() {
|
|
4606
4585
|
// TO DO -> get services from static data
|
|
4607
|
-
return React.createElement(Container$
|
|
4586
|
+
return React.createElement(Container$O, null, React.createElement(Checkbox, {
|
|
4608
4587
|
checked: false,
|
|
4609
4588
|
label: "Assemble",
|
|
4610
4589
|
imageSrc: getIcon$1(1)
|
|
@@ -4626,23 +4605,23 @@ function OrderServices$1() {
|
|
|
4626
4605
|
imageSrc: getIcon$1(4)
|
|
4627
4606
|
}));
|
|
4628
4607
|
}
|
|
4629
|
-
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"])));
|
|
4630
4609
|
|
|
4631
|
-
var _templateObject$
|
|
4610
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4632
4611
|
function Notes$1(_ref) {
|
|
4633
4612
|
var onNotesChange = _ref.onNotesChange;
|
|
4634
4613
|
var handleTextChange = function handleTextChange(event) {
|
|
4635
4614
|
onNotesChange(event.target.value);
|
|
4636
4615
|
};
|
|
4637
|
-
return React.createElement(Container$
|
|
4616
|
+
return React.createElement(Container$P, null, React.createElement(Label$4, null, "Notes"), React.createElement(TextArea, {
|
|
4638
4617
|
rows: 15,
|
|
4639
4618
|
onChange: handleTextChange
|
|
4640
4619
|
}));
|
|
4641
4620
|
}
|
|
4642
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
4643
|
-
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"])));
|
|
4644
4623
|
|
|
4645
|
-
var _templateObject$
|
|
4624
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$x;
|
|
4646
4625
|
function LogServiceRefusal() {
|
|
4647
4626
|
var _useCurrentAction = useCurrentAction(),
|
|
4648
4627
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4662,9 +4641,9 @@ function LogServiceRefusal() {
|
|
|
4662
4641
|
}
|
|
4663
4642
|
}))));
|
|
4664
4643
|
}
|
|
4665
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
4666
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4667
|
-
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([""])));
|
|
4668
4647
|
|
|
4669
4648
|
function ReturnAction() {
|
|
4670
4649
|
var onSelect = function onSelect() {};
|
|
@@ -4690,7 +4669,7 @@ function ReturnReason() {
|
|
|
4690
4669
|
});
|
|
4691
4670
|
}
|
|
4692
4671
|
|
|
4693
|
-
var _templateObject$
|
|
4672
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$y, _templateObject4$i, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4694
4673
|
function CancelOrder() {
|
|
4695
4674
|
var _orderStaticData$canc;
|
|
4696
4675
|
var _useOrderId = useOrderId(),
|
|
@@ -4794,27 +4773,27 @@ function CancelOrder() {
|
|
|
4794
4773
|
options: cancelReasonOptions || [],
|
|
4795
4774
|
onSelect: onSelectCancelReason,
|
|
4796
4775
|
value: cancelReason
|
|
4797
|
-
}), 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, {
|
|
4798
4777
|
rows: 5,
|
|
4799
4778
|
onChange: onChangeNotes,
|
|
4800
4779
|
value: cancelNotes,
|
|
4801
4780
|
placeholder: "Reason for Cancel Order"
|
|
4802
4781
|
}))))));
|
|
4803
4782
|
}
|
|
4804
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
4805
|
-
var Container$
|
|
4806
|
-
var Wrapper$
|
|
4807
|
-
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$
|
|
4808
|
-
var TopRight = /*#__PURE__*/styled.div(_templateObject5$
|
|
4809
|
-
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"])));
|
|
4810
4789
|
// const Bottom = styled.div``;
|
|
4811
|
-
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"])));
|
|
4812
4791
|
|
|
4813
|
-
var _templateObject$
|
|
4814
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
4815
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
4816
|
-
var TableSkelton = /*#__PURE__*/styled.div(_templateObject6$
|
|
4817
|
-
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"])));
|
|
4818
4797
|
|
|
4819
4798
|
var options = [{
|
|
4820
4799
|
value: 'bjsCouriers',
|
|
@@ -5111,7 +5090,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5111
5090
|
);
|
|
5112
5091
|
};
|
|
5113
5092
|
|
|
5114
|
-
var _templateObject$
|
|
5093
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5115
5094
|
function EmailAddress() {
|
|
5116
5095
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5117
5096
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5143,7 +5122,7 @@ function EmailAddress() {
|
|
|
5143
5122
|
});
|
|
5144
5123
|
});
|
|
5145
5124
|
};
|
|
5146
|
-
return React.createElement(Container$
|
|
5125
|
+
return React.createElement(Container$R, null, React.createElement(Label$6, null, "Email Address"), React.createElement(Input$2, {
|
|
5147
5126
|
style: {
|
|
5148
5127
|
borderRadius: '15px'
|
|
5149
5128
|
},
|
|
@@ -5152,11 +5131,11 @@ function EmailAddress() {
|
|
|
5152
5131
|
onChange: onChange
|
|
5153
5132
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
5154
5133
|
}
|
|
5155
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
5156
|
-
var Container$
|
|
5157
|
-
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"])));
|
|
5158
5137
|
|
|
5159
|
-
var _templateObject$
|
|
5138
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5160
5139
|
function ContactPhone() {
|
|
5161
5140
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5162
5141
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5205,7 +5184,7 @@ function ContactPhone() {
|
|
|
5205
5184
|
});
|
|
5206
5185
|
}
|
|
5207
5186
|
};
|
|
5208
|
-
return React.createElement(Container$
|
|
5187
|
+
return React.createElement(Container$S, null, React.createElement(Label$7, null, "Contact Phone"), React.createElement(Input$2, {
|
|
5209
5188
|
name: "contact-home",
|
|
5210
5189
|
type: "text",
|
|
5211
5190
|
placeholder: "Home Number",
|
|
@@ -5217,11 +5196,11 @@ function ContactPhone() {
|
|
|
5217
5196
|
onChange: onChange
|
|
5218
5197
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5219
5198
|
}
|
|
5220
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
5221
|
-
var Container$
|
|
5222
|
-
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"])));
|
|
5223
5202
|
|
|
5224
|
-
var _templateObject$
|
|
5203
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5225
5204
|
function ContactWork$1() {
|
|
5226
5205
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5227
5206
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5270,7 +5249,7 @@ function ContactWork$1() {
|
|
|
5270
5249
|
});
|
|
5271
5250
|
}
|
|
5272
5251
|
};
|
|
5273
|
-
return React.createElement(Container$
|
|
5252
|
+
return React.createElement(Container$T, null, React.createElement(Label$8, null, "Contact Work"), React.createElement(Input$2, {
|
|
5274
5253
|
name: "contact-work",
|
|
5275
5254
|
type: "text",
|
|
5276
5255
|
placeholder: "Work Number",
|
|
@@ -5282,11 +5261,11 @@ function ContactWork$1() {
|
|
|
5282
5261
|
onChange: onChange
|
|
5283
5262
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5284
5263
|
}
|
|
5285
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
5286
|
-
var Container$
|
|
5287
|
-
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"])));
|
|
5288
5267
|
|
|
5289
|
-
var _templateObject$
|
|
5268
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$C;
|
|
5290
5269
|
function ContactMobile$1() {
|
|
5291
5270
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5292
5271
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5335,7 +5314,7 @@ function ContactMobile$1() {
|
|
|
5335
5314
|
});
|
|
5336
5315
|
}
|
|
5337
5316
|
};
|
|
5338
|
-
return React.createElement(Container$
|
|
5317
|
+
return React.createElement(Container$U, null, React.createElement(Label$9, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5339
5318
|
name: "contact-work",
|
|
5340
5319
|
type: "text",
|
|
5341
5320
|
placeholder: "Mobile Number",
|
|
@@ -5347,9 +5326,9 @@ function ContactMobile$1() {
|
|
|
5347
5326
|
onChange: onChange
|
|
5348
5327
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5349
5328
|
}
|
|
5350
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
5351
|
-
var Container$
|
|
5352
|
-
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"])));
|
|
5353
5332
|
|
|
5354
5333
|
function ContactTypeDropdown() {
|
|
5355
5334
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5415,7 +5394,7 @@ function ActionDropdown() {
|
|
|
5415
5394
|
});
|
|
5416
5395
|
}
|
|
5417
5396
|
|
|
5418
|
-
var _templateObject$
|
|
5397
|
+
var _templateObject$1k, _templateObject2$10;
|
|
5419
5398
|
function DeliveryDate$1() {
|
|
5420
5399
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5421
5400
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5439,7 +5418,7 @@ function DeliveryDate$1() {
|
|
|
5439
5418
|
var today = new Date();
|
|
5440
5419
|
var tomorrow = new Date(today);
|
|
5441
5420
|
tomorrow.setDate(today.getDate() + 1);
|
|
5442
|
-
return React.createElement(Container$
|
|
5421
|
+
return React.createElement(Container$V, null, React.createElement(Label$a, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
5443
5422
|
onChange: handleDateChange,
|
|
5444
5423
|
format: "DD/MM/YYYY",
|
|
5445
5424
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5449,8 +5428,8 @@ function DeliveryDate$1() {
|
|
|
5449
5428
|
minDate: dayjs(tomorrow)
|
|
5450
5429
|
}));
|
|
5451
5430
|
}
|
|
5452
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
5453
|
-
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"])));
|
|
5454
5433
|
|
|
5455
5434
|
function convertTo12HourFormat$1(time24) {
|
|
5456
5435
|
var _time24$split, _minutes$toString;
|
|
@@ -5499,19 +5478,19 @@ function TimedServiceDropdown$1() {
|
|
|
5499
5478
|
});
|
|
5500
5479
|
}
|
|
5501
5480
|
|
|
5502
|
-
var _templateObject$
|
|
5481
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$D, _templateObject4$j;
|
|
5503
5482
|
function CustomerInformation() {
|
|
5504
5483
|
var _orderDetails$order_r;
|
|
5505
5484
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5506
5485
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5507
|
-
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)));
|
|
5508
5487
|
}
|
|
5509
|
-
var Wrapper$
|
|
5510
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5511
|
-
var Title$
|
|
5512
|
-
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"])));
|
|
5513
5492
|
|
|
5514
|
-
var _templateObject$
|
|
5493
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5515
5494
|
function ProductTable$1() {
|
|
5516
5495
|
var _useProductDetails = useProductDetails(),
|
|
5517
5496
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5520,7 +5499,7 @@ function ProductTable$1() {
|
|
|
5520
5499
|
if (!orderProductDetails) {
|
|
5521
5500
|
return null;
|
|
5522
5501
|
}
|
|
5523
|
-
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, {
|
|
5524
5503
|
className: "scrollClass"
|
|
5525
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", {
|
|
5526
5505
|
colSpan: 6
|
|
@@ -5538,10 +5517,10 @@ function ProductTable$1() {
|
|
|
5538
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));
|
|
5539
5518
|
})))));
|
|
5540
5519
|
}
|
|
5541
|
-
var Title$
|
|
5542
|
-
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"])));
|
|
5543
5522
|
|
|
5544
|
-
var _templateObject$
|
|
5523
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5545
5524
|
function NotesTable() {
|
|
5546
5525
|
var _useState = useState(null),
|
|
5547
5526
|
moduleIds = _useState[0],
|
|
@@ -5609,7 +5588,7 @@ function NotesTable() {
|
|
|
5609
5588
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5610
5589
|
return null;
|
|
5611
5590
|
}
|
|
5612
|
-
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, {
|
|
5613
5592
|
className: "scrollClass"
|
|
5614
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", {
|
|
5615
5594
|
colSpan: 6
|
|
@@ -5631,53 +5610,53 @@ function NotesTable() {
|
|
|
5631
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));
|
|
5632
5611
|
})))));
|
|
5633
5612
|
}
|
|
5634
|
-
var Title$
|
|
5635
|
-
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"])));
|
|
5636
5615
|
|
|
5637
|
-
var _templateObject$
|
|
5616
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5638
5617
|
function ConfirmationNotes() {
|
|
5639
|
-
return React.createElement(Container$
|
|
5618
|
+
return React.createElement(Container$Z, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
5640
5619
|
rows: 5,
|
|
5641
5620
|
placeholder: "Enter Notes"
|
|
5642
5621
|
}));
|
|
5643
5622
|
}
|
|
5644
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
5645
|
-
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"])));
|
|
5646
5625
|
|
|
5647
|
-
var _templateObject$
|
|
5626
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5648
5627
|
function DeliveryInstructions$1() {
|
|
5649
|
-
return React.createElement(Container$
|
|
5628
|
+
return React.createElement(Container$_, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5650
5629
|
rows: 5,
|
|
5651
5630
|
placeholder: "Enter Delivery Instructions"
|
|
5652
5631
|
}));
|
|
5653
5632
|
}
|
|
5654
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
5655
|
-
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"])));
|
|
5656
5635
|
|
|
5657
|
-
var _templateObject$
|
|
5636
|
+
var _templateObject$1q, _templateObject2$16;
|
|
5658
5637
|
function ContactWith() {
|
|
5659
|
-
return React.createElement(Container
|
|
5638
|
+
return React.createElement(Container$$, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
5660
5639
|
style: {
|
|
5661
5640
|
borderRadius: '15px'
|
|
5662
5641
|
}
|
|
5663
5642
|
}));
|
|
5664
5643
|
}
|
|
5665
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
5666
|
-
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"])));
|
|
5667
5646
|
|
|
5668
|
-
var _templateObject$
|
|
5647
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$E, _templateObject4$k;
|
|
5669
5648
|
function SlotAndInstructions() {
|
|
5670
5649
|
var _orderDetails$order_r;
|
|
5671
5650
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5672
5651
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5673
|
-
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));
|
|
5674
5653
|
}
|
|
5675
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5676
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5677
|
-
var Title$
|
|
5678
|
-
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"])));
|
|
5679
5658
|
|
|
5680
|
-
var _templateObject$
|
|
5659
|
+
var _templateObject$1s, _templateObject2$18;
|
|
5681
5660
|
// import { filterObject } from '../../../utils';
|
|
5682
5661
|
function ConfirmOrder() {
|
|
5683
5662
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5856,10 +5835,10 @@ function ConfirmOrder() {
|
|
|
5856
5835
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5857
5836
|
showOkButton: false,
|
|
5858
5837
|
showCloseIcon: false
|
|
5859
|
-
}), 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)));
|
|
5860
5839
|
}
|
|
5861
|
-
var Wrapper$
|
|
5862
|
-
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"])));
|
|
5863
5842
|
|
|
5864
5843
|
function SendSmsModal() {
|
|
5865
5844
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6146,16 +6125,16 @@ function HoldOrderModal() {
|
|
|
6146
6125
|
})))));
|
|
6147
6126
|
}
|
|
6148
6127
|
|
|
6149
|
-
var _templateObject$
|
|
6128
|
+
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6150
6129
|
// import {
|
|
6151
6130
|
// EscalationCategory,
|
|
6152
6131
|
// EscalationLevel,
|
|
6153
6132
|
// EscalationReason,
|
|
6154
6133
|
// EscalationStatus,
|
|
6155
6134
|
// } from '../../utils';
|
|
6156
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6157
|
-
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$
|
|
6158
|
-
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"])));
|
|
6159
6138
|
var Dropdowns = function Dropdowns() {
|
|
6160
6139
|
var handleSelectChange = function handleSelectChange() {
|
|
6161
6140
|
// alert('hello');
|
|
@@ -6223,17 +6202,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6223
6202
|
})));
|
|
6224
6203
|
};
|
|
6225
6204
|
|
|
6226
|
-
var _templateObject$
|
|
6205
|
+
var _templateObject$1u, _templateObject2$1a;
|
|
6227
6206
|
var Notes$2 = function Notes() {
|
|
6228
|
-
var StyledTextArea = styled(TextArea)(_templateObject$
|
|
6229
|
-
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 "])));
|
|
6230
6209
|
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
6231
6210
|
name: "note",
|
|
6232
6211
|
placeholder: ""
|
|
6233
6212
|
}));
|
|
6234
6213
|
};
|
|
6235
6214
|
|
|
6236
|
-
var _templateObject$
|
|
6215
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6237
6216
|
var Upgrade = function Upgrade() {
|
|
6238
6217
|
var handleSelectChange = function handleSelectChange() {
|
|
6239
6218
|
// alert('hello');
|
|
@@ -6242,7 +6221,7 @@ var Upgrade = function Upgrade() {
|
|
|
6242
6221
|
description: 'Upgrade successfully.'
|
|
6243
6222
|
});
|
|
6244
6223
|
};
|
|
6245
|
-
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, {
|
|
6246
6225
|
label: 'Timed Service',
|
|
6247
6226
|
checked: true,
|
|
6248
6227
|
onChange: function onChange(_event) {
|
|
@@ -6292,24 +6271,24 @@ var Upgrade = function Upgrade() {
|
|
|
6292
6271
|
name: ''
|
|
6293
6272
|
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
6294
6273
|
};
|
|
6295
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6296
|
-
var Box = /*#__PURE__*/styled.div(_templateObject2$
|
|
6297
|
-
var Wrapper$
|
|
6298
|
-
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$
|
|
6299
|
-
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$
|
|
6300
|
-
var Heading$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6301
|
-
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"])));
|
|
6302
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"])));
|
|
6303
6282
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6304
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"])));
|
|
6305
6284
|
|
|
6306
|
-
var _templateObject$
|
|
6307
|
-
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"])));
|
|
6308
6287
|
var Escalation = function Escalation() {
|
|
6309
6288
|
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
6310
6289
|
};
|
|
6311
6290
|
|
|
6312
|
-
var _templateObject$
|
|
6291
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6313
6292
|
var NewEscalation = function NewEscalation() {
|
|
6314
6293
|
var _useState = useState(false),
|
|
6315
6294
|
showContent = _useState[0],
|
|
@@ -6338,10 +6317,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6338
6317
|
className: "checkmark"
|
|
6339
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"))))));
|
|
6340
6319
|
};
|
|
6341
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$
|
|
6342
|
-
var Button = /*#__PURE__*/styled.button(_templateObject2$
|
|
6343
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6344
|
-
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"])));
|
|
6345
6324
|
|
|
6346
6325
|
var EscalationModal = function EscalationModal() {
|
|
6347
6326
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6501,7 +6480,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6501
6480
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6502
6481
|
var Icon = _ref.icon,
|
|
6503
6482
|
question = _ref.question;
|
|
6504
|
-
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, {
|
|
6505
6484
|
showText: true
|
|
6506
6485
|
})));
|
|
6507
6486
|
};
|
|
@@ -6534,7 +6513,7 @@ function LogFeedback() {
|
|
|
6534
6513
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6535
6514
|
icon: GrowthImg,
|
|
6536
6515
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6537
|
-
}), 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, {
|
|
6538
6517
|
name: "note",
|
|
6539
6518
|
placeholder: "Write here..."
|
|
6540
6519
|
}))))));
|
|
@@ -6696,7 +6675,7 @@ function ChargeLog() {
|
|
|
6696
6675
|
})));
|
|
6697
6676
|
}
|
|
6698
6677
|
|
|
6699
|
-
var _templateObject$
|
|
6678
|
+
var _templateObject$1y;
|
|
6700
6679
|
var UnholdOrder = function UnholdOrder() {
|
|
6701
6680
|
var _useCurrentAction = useCurrentAction(),
|
|
6702
6681
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6720,9 +6699,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6720
6699
|
})
|
|
6721
6700
|
});
|
|
6722
6701
|
};
|
|
6723
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
6702
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6724
6703
|
|
|
6725
|
-
var _templateObject$
|
|
6704
|
+
var _templateObject$1z, _templateObject2$1d;
|
|
6726
6705
|
var ProductData = function ProductData(_ref) {
|
|
6727
6706
|
var products = _ref.products,
|
|
6728
6707
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6745,8 +6724,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6745
6724
|
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6746
6725
|
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6747
6726
|
};
|
|
6748
|
-
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$
|
|
6749
|
-
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"])));
|
|
6750
6729
|
|
|
6751
6730
|
var initialProducts = [{
|
|
6752
6731
|
id: 1458784,
|
|
@@ -6867,7 +6846,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6867
6846
|
})));
|
|
6868
6847
|
};
|
|
6869
6848
|
|
|
6870
|
-
var _templateObject$
|
|
6849
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
6871
6850
|
function AssigneeDropdown() {
|
|
6872
6851
|
var handleSelectChange = function handleSelectChange() {
|
|
6873
6852
|
// alert('hello');
|
|
@@ -6889,8 +6868,8 @@ function AssigneeDropdown() {
|
|
|
6889
6868
|
}
|
|
6890
6869
|
}));
|
|
6891
6870
|
}
|
|
6892
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6893
|
-
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([""])));
|
|
6894
6873
|
|
|
6895
6874
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6896
6875
|
return React.createElement("svg", {
|
|
@@ -6908,11 +6887,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6908
6887
|
}));
|
|
6909
6888
|
};
|
|
6910
6889
|
|
|
6911
|
-
var _templateObject$
|
|
6912
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6913
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6914
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6915
|
-
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"])));
|
|
6916
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"])));
|
|
6917
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"])));
|
|
6918
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"])));
|
|
@@ -7003,22 +6982,7 @@ function useFetchSingleReminderData() {
|
|
|
7003
6982
|
return res;
|
|
7004
6983
|
}
|
|
7005
6984
|
|
|
7006
|
-
var _templateObject$
|
|
7007
|
-
function Loader(props) {
|
|
7008
|
-
return React.createElement(MainContainer$9, {
|
|
7009
|
-
id: "loder"
|
|
7010
|
-
}, 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!"))));
|
|
7011
|
-
}
|
|
7012
|
-
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"])));
|
|
7013
|
-
// Styled components for the loading spinner
|
|
7014
|
-
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);
|
|
7015
|
-
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"])));
|
|
7016
|
-
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"])));
|
|
7017
|
-
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"])));
|
|
7018
|
-
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
7019
|
-
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"])));
|
|
7020
|
-
|
|
7021
|
-
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6985
|
+
var _templateObject$1C, _templateObject2$1g, _templateObject3$J, _templateObject4$o;
|
|
7022
6986
|
function StatusIndicator(props) {
|
|
7023
6987
|
var statusColor = getStatusColor(props.status);
|
|
7024
6988
|
return React.createElement(Container$12, null, React.createElement(StatusCircleContainer, {
|
|
@@ -7032,7 +6996,7 @@ function StatusIndicator(props) {
|
|
|
7032
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) {
|
|
7033
6997
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7034
6998
|
});
|
|
7035
|
-
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) {
|
|
7036
7000
|
return props.color;
|
|
7037
7001
|
});
|
|
7038
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"])));
|
|
@@ -7198,7 +7162,7 @@ function useFetchReminders() {
|
|
|
7198
7162
|
return perform;
|
|
7199
7163
|
}
|
|
7200
7164
|
|
|
7201
|
-
var _templateObject$1D, _templateObject2$
|
|
7165
|
+
var _templateObject$1D, _templateObject2$1h, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7202
7166
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7203
7167
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7204
7168
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7355,7 +7319,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7355
7319
|
}))))));
|
|
7356
7320
|
};
|
|
7357
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"])));
|
|
7358
|
-
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"])));
|
|
7359
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"])));
|
|
7360
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"])));
|
|
7361
7325
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7383,7 +7347,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7383
7347
|
}, " * ")), children);
|
|
7384
7348
|
};
|
|
7385
7349
|
|
|
7386
|
-
var _templateObject$1F, _templateObject2$
|
|
7350
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7387
7351
|
dayjs.extend(utc);
|
|
7388
7352
|
dayjs.extend(isValid);
|
|
7389
7353
|
function CreateReminderModal() {
|
|
@@ -7607,7 +7571,7 @@ function CreateReminderModal() {
|
|
|
7607
7571
|
})));
|
|
7608
7572
|
}
|
|
7609
7573
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7610
|
-
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"])));
|
|
7611
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"])));
|
|
7612
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"])));
|
|
7613
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"])));
|
|
@@ -7881,7 +7845,7 @@ function TaskReminderModal() {
|
|
|
7881
7845
|
}
|
|
7882
7846
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7883
7847
|
|
|
7884
|
-
var _templateObject$1H, _templateObject2$
|
|
7848
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
7885
7849
|
function OrderLock() {
|
|
7886
7850
|
var _useCurrentAction = useCurrentAction(),
|
|
7887
7851
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7935,7 +7899,7 @@ function OrderLock() {
|
|
|
7935
7899
|
});
|
|
7936
7900
|
}
|
|
7937
7901
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7938
|
-
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"])));
|
|
7939
7903
|
|
|
7940
7904
|
function useUpdateFlag() {
|
|
7941
7905
|
var ssoToken = getCookie('id_token');
|
|
@@ -8005,7 +7969,7 @@ function useUpdateFlag() {
|
|
|
8005
7969
|
return create;
|
|
8006
7970
|
}
|
|
8007
7971
|
|
|
8008
|
-
var _templateObject$1I, _templateObject2$
|
|
7972
|
+
var _templateObject$1I, _templateObject2$1k, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
8009
7973
|
function HeaderSection() {
|
|
8010
7974
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8011
7975
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8076,13 +8040,13 @@ function HeaderSection() {
|
|
|
8076
8040
|
})));
|
|
8077
8041
|
}
|
|
8078
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"])));
|
|
8079
|
-
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"])));
|
|
8080
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"])));
|
|
8081
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"])));
|
|
8082
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"])));
|
|
8083
8047
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8084
8048
|
|
|
8085
|
-
var _templateObject$1J, _templateObject2$
|
|
8049
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8086
8050
|
function TextSection() {
|
|
8087
8051
|
var _useSinglePayload = useSinglePayload(),
|
|
8088
8052
|
payload = _useSinglePayload[0],
|
|
@@ -8101,9 +8065,9 @@ function TextSection() {
|
|
|
8101
8065
|
}));
|
|
8102
8066
|
}
|
|
8103
8067
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8104
|
-
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"])));
|
|
8105
8069
|
|
|
8106
|
-
var _templateObject$1K, _templateObject2$
|
|
8070
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
8107
8071
|
function ButtonsSection() {
|
|
8108
8072
|
var _useSinglePayload = useSinglePayload(),
|
|
8109
8073
|
payload = _useSinglePayload[0],
|
|
@@ -8195,9 +8159,9 @@ function ButtonsSection() {
|
|
|
8195
8159
|
}))));
|
|
8196
8160
|
}
|
|
8197
8161
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8198
|
-
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"])));
|
|
8199
8163
|
|
|
8200
|
-
var _templateObject$1L, _templateObject2$
|
|
8164
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8201
8165
|
function ActionSection() {
|
|
8202
8166
|
var _useCurrentAction = useCurrentAction(),
|
|
8203
8167
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8284,13 +8248,13 @@ function RadioButtonsSection() {
|
|
|
8284
8248
|
}));
|
|
8285
8249
|
}
|
|
8286
8250
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8287
|
-
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$
|
|
8251
|
+
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8288
8252
|
var CancelButton$1 = /*#__PURE__*/styled(Button$1)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8289
8253
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8290
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"])));
|
|
8291
8255
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8292
8256
|
|
|
8293
|
-
var _templateObject$1M, _templateObject2$
|
|
8257
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8294
8258
|
function DetailSection() {
|
|
8295
8259
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8296
8260
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8303,7 +8267,7 @@ function DetailSection() {
|
|
|
8303
8267
|
}), React.createElement(Order, null, orderColumnData)));
|
|
8304
8268
|
}
|
|
8305
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"])));
|
|
8306
|
-
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"])));
|
|
8307
8271
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8308
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"])));
|
|
8309
8273
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8388,7 +8352,7 @@ function useFetchSingleFlagsData() {
|
|
|
8388
8352
|
return res;
|
|
8389
8353
|
}
|
|
8390
8354
|
|
|
8391
|
-
var _templateObject$1N, _templateObject2$
|
|
8355
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$Q;
|
|
8392
8356
|
function ViewFlag() {
|
|
8393
8357
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8394
8358
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8486,7 +8450,7 @@ function ViewFlag() {
|
|
|
8486
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)))));
|
|
8487
8451
|
}
|
|
8488
8452
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8489
|
-
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"])));
|
|
8490
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"])));
|
|
8491
8455
|
|
|
8492
8456
|
var _templateObject$1O;
|
|
@@ -8650,8 +8614,7 @@ function useSystemLogs() {
|
|
|
8650
8614
|
'Content-Type': 'application/json',
|
|
8651
8615
|
Authorization: "Bearer " + ssoToken,
|
|
8652
8616
|
'x-pagination': JSON.stringify({
|
|
8653
|
-
|
|
8654
|
-
per_page: 100
|
|
8617
|
+
is_pagination: false
|
|
8655
8618
|
}),
|
|
8656
8619
|
'x-filters': JSON.stringify([{
|
|
8657
8620
|
field: 'object_id',
|
|
@@ -8721,7 +8684,7 @@ function useSystemLogs() {
|
|
|
8721
8684
|
return perform;
|
|
8722
8685
|
}
|
|
8723
8686
|
|
|
8724
|
-
var _templateObject$1Q, _templateObject2$
|
|
8687
|
+
var _templateObject$1Q, _templateObject2$1q;
|
|
8725
8688
|
var Details = function Details() {
|
|
8726
8689
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8727
8690
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8731,7 +8694,7 @@ var Details = function Details() {
|
|
|
8731
8694
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8732
8695
|
};
|
|
8733
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"])));
|
|
8734
|
-
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"])));
|
|
8735
8698
|
|
|
8736
8699
|
var _templateObject$1R;
|
|
8737
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"])));
|
|
@@ -8998,7 +8961,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8998
8961
|
};
|
|
8999
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"])));
|
|
9000
8963
|
|
|
9001
|
-
var _templateObject$1X, _templateObject2$
|
|
8964
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R, _templateObject4$u;
|
|
9002
8965
|
function OrderView() {
|
|
9003
8966
|
notification.config({
|
|
9004
8967
|
top: 150
|
|
@@ -9285,7 +9248,7 @@ function OrderView() {
|
|
|
9285
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));
|
|
9286
9249
|
}
|
|
9287
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"])));
|
|
9288
|
-
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"])));
|
|
9289
9252
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9290
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"])));
|
|
9291
9254
|
|
|
@@ -9761,7 +9724,7 @@ var Text$8 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e =
|
|
|
9761
9724
|
// Right side filter
|
|
9762
9725
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9763
9726
|
|
|
9764
|
-
var _templateObject$1_, _templateObject2$
|
|
9727
|
+
var _templateObject$1_, _templateObject2$1s;
|
|
9765
9728
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9766
9729
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9767
9730
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9788,7 +9751,7 @@ var Container$14 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObjec
|
|
|
9788
9751
|
// align-self: stretch;
|
|
9789
9752
|
// border-radius: 15px 0px 0px 15px;
|
|
9790
9753
|
// `;
|
|
9791
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9754
|
+
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"])));
|
|
9792
9755
|
|
|
9793
9756
|
var ReturnFilter = function ReturnFilter() {
|
|
9794
9757
|
var _useParams = useParams(),
|
|
@@ -9796,12 +9759,12 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9796
9759
|
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)));
|
|
9797
9760
|
};
|
|
9798
9761
|
|
|
9799
|
-
var _templateObject$1$, _templateObject2$
|
|
9762
|
+
var _templateObject$1$, _templateObject2$1t, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9800
9763
|
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"])));
|
|
9801
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9764
|
+
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"])));
|
|
9802
9765
|
// Styled components
|
|
9803
9766
|
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"])));
|
|
9804
|
-
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"])));
|
|
9767
|
+
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 font-family: 'lato', sans-serif;\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"])));
|
|
9805
9768
|
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
9806
9769
|
var ClearAll = /*#__PURE__*/styled.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
9807
9770
|
var StyledFilterBtnIcon = /*#__PURE__*/styled.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #f1f5f6;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
@@ -9955,7 +9918,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9955
9918
|
// const hours = padZero(date.getHours());
|
|
9956
9919
|
// const minutes = padZero(date.getMinutes());
|
|
9957
9920
|
// const seconds = padZero(date.getSeconds());
|
|
9958
|
-
return
|
|
9921
|
+
return "\n " + day + "/" + month + "/" + year + "\n ";
|
|
9959
9922
|
};
|
|
9960
9923
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9961
9924
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9989,7 +9952,7 @@ var optionsForReturnPrint = [{
|
|
|
9989
9952
|
label: 'Print Return Labels'
|
|
9990
9953
|
}];
|
|
9991
9954
|
|
|
9992
|
-
var _templateObject$20, _templateObject2$
|
|
9955
|
+
var _templateObject$20, _templateObject2$1u;
|
|
9993
9956
|
var options$1 = optionsForReturnPrint;
|
|
9994
9957
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9995
9958
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -10007,7 +9970,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
10007
9970
|
}));
|
|
10008
9971
|
};
|
|
10009
9972
|
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"])));
|
|
10010
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9973
|
+
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"])));
|
|
10011
9974
|
|
|
10012
9975
|
var _excluded$3 = ["count"];
|
|
10013
9976
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10233,12 +10196,10 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10233
10196
|
})) : React.createElement("th", null), React.createElement("th", null, "Product Location"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Part"), React.createElement("th", null, "Weight"), React.createElement("th", null, "CBM"), React.createElement("th", null, "Return Reason"), React.createElement("th", null, "Collected"), React.createElement("th", null, "Collection Reason"), React.createElement("th", {
|
|
10234
10197
|
className: "emailInvoiceShare"
|
|
10235
10198
|
}, "Labels"))), React.createElement("tbody", null, load ? React.createElement("tr", null, React.createElement("td", {
|
|
10236
|
-
colSpan:
|
|
10199
|
+
colSpan: 13
|
|
10237
10200
|
}, React.createElement(Skeleton, {
|
|
10238
10201
|
active: true
|
|
10239
|
-
})), React.createElement("td", {
|
|
10240
|
-
colSpan: 6
|
|
10241
|
-
})) : (returnData == null ? void 0 : returnData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
10202
|
+
}))) : (returnData == null ? void 0 : returnData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
10242
10203
|
colSpan: 14
|
|
10243
10204
|
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : returnData == null ? void 0 : returnData.map(function (item, index) {
|
|
10244
10205
|
var _item$order_product_r2, _item$orders_products, _item$orders_products2, _item$order_data, _item$order_data2, _item$return_reasons, _item$order_product_r3, _item$collection_reas;
|
|
@@ -10341,7 +10302,7 @@ var DefectConfirm = [{
|
|
|
10341
10302
|
value: 'no'
|
|
10342
10303
|
}];
|
|
10343
10304
|
|
|
10344
|
-
var _templateObject$21, _templateObject2$
|
|
10305
|
+
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10345
10306
|
var DefetcDetails = function DefetcDetails() {
|
|
10346
10307
|
var handleSelectChange = function handleSelectChange() {
|
|
10347
10308
|
console.log('Option selected');
|
|
@@ -10384,7 +10345,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10384
10345
|
}))));
|
|
10385
10346
|
};
|
|
10386
10347
|
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10387
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10348
|
+
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"])));
|
|
10388
10349
|
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"])));
|
|
10389
10350
|
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10390
10351
|
|
|
@@ -10450,7 +10411,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10450
10411
|
};
|
|
10451
10412
|
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10452
10413
|
|
|
10453
|
-
var _templateObject$23, _templateObject2$
|
|
10414
|
+
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10454
10415
|
var RepackDetails = function RepackDetails() {
|
|
10455
10416
|
var _useState = useState(false),
|
|
10456
10417
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10498,13 +10459,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10498
10459
|
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
10499
10460
|
};
|
|
10500
10461
|
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10501
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10462
|
+
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"])));
|
|
10502
10463
|
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"])));
|
|
10503
10464
|
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"])));
|
|
10504
10465
|
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"])));
|
|
10505
10466
|
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10506
10467
|
|
|
10507
|
-
var _templateObject$24, _templateObject2$
|
|
10468
|
+
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10508
10469
|
var OtherDamage = function OtherDamage() {
|
|
10509
10470
|
var handleSelectChange = function handleSelectChange() {
|
|
10510
10471
|
console.log('Option selected');
|
|
@@ -10561,11 +10522,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10561
10522
|
}))));
|
|
10562
10523
|
};
|
|
10563
10524
|
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10564
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10525
|
+
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"])));
|
|
10565
10526
|
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"])));
|
|
10566
10527
|
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10567
10528
|
|
|
10568
|
-
var _templateObject$25, _templateObject2$
|
|
10529
|
+
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10569
10530
|
var AddDefect = function AddDefect() {
|
|
10570
10531
|
var _useState = useState({
|
|
10571
10532
|
actionDuring: '',
|
|
@@ -10629,12 +10590,12 @@ var AddDefect = function AddDefect() {
|
|
|
10629
10590
|
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
10630
10591
|
};
|
|
10631
10592
|
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10632
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10593
|
+
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"])));
|
|
10633
10594
|
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"])));
|
|
10634
10595
|
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"])));
|
|
10635
10596
|
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10636
10597
|
|
|
10637
|
-
var _templateObject$26, _templateObject2$
|
|
10598
|
+
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10638
10599
|
var QCLogs = function QCLogs() {
|
|
10639
10600
|
var handleSelectChange = function handleSelectChange() {
|
|
10640
10601
|
console.log('Option selected');
|
|
@@ -10656,11 +10617,11 @@ var QCLogs = function QCLogs() {
|
|
|
10656
10617
|
}))), React.createElement(AddDefect, null));
|
|
10657
10618
|
};
|
|
10658
10619
|
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10659
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10620
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10660
10621
|
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10661
10622
|
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"])));
|
|
10662
10623
|
|
|
10663
|
-
var _templateObject$27, _templateObject2$
|
|
10624
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10664
10625
|
function UpdateProduct() {
|
|
10665
10626
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10666
10627
|
var _useState = useState(),
|
|
@@ -10758,12 +10719,12 @@ function UpdateProduct() {
|
|
|
10758
10719
|
}))));
|
|
10759
10720
|
}
|
|
10760
10721
|
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10761
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
10722
|
+
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"])));
|
|
10762
10723
|
var Container$1a = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10763
10724
|
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10764
10725
|
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10765
10726
|
|
|
10766
|
-
var _templateObject$28, _templateObject2$
|
|
10727
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10767
10728
|
function UnReceiveProduct() {
|
|
10768
10729
|
var _orderStaticData$unre;
|
|
10769
10730
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10812,10 +10773,10 @@ function UnReceiveProduct() {
|
|
|
10812
10773
|
})));
|
|
10813
10774
|
}
|
|
10814
10775
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10815
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10776
|
+
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10816
10777
|
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10817
10778
|
|
|
10818
|
-
var _templateObject$29, _templateObject2$
|
|
10779
|
+
var _templateObject$29, _templateObject2$1C;
|
|
10819
10780
|
var ProductAction = function ProductAction() {
|
|
10820
10781
|
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10821
10782
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10841,7 +10802,7 @@ var ProductAction = function ProductAction() {
|
|
|
10841
10802
|
}))));
|
|
10842
10803
|
};
|
|
10843
10804
|
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10844
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$
|
|
10805
|
+
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"])));
|
|
10845
10806
|
|
|
10846
10807
|
var _templateObject$2a;
|
|
10847
10808
|
var LogsTable = function LogsTable() {
|
|
@@ -10920,7 +10881,7 @@ var LogsTable = function LogsTable() {
|
|
|
10920
10881
|
};
|
|
10921
10882
|
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10922
10883
|
|
|
10923
|
-
var _templateObject$2b, _templateObject2$
|
|
10884
|
+
var _templateObject$2b, _templateObject2$1D;
|
|
10924
10885
|
var DefectsModal = function DefectsModal() {
|
|
10925
10886
|
var options = [{
|
|
10926
10887
|
value: 'bjsCouriers',
|
|
@@ -10973,7 +10934,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10973
10934
|
}))));
|
|
10974
10935
|
};
|
|
10975
10936
|
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10976
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10937
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10977
10938
|
|
|
10978
10939
|
var _templateObject$2c;
|
|
10979
10940
|
var repackModal = function repackModal() {
|
|
@@ -11007,7 +10968,7 @@ var repackModal = function repackModal() {
|
|
|
11007
10968
|
};
|
|
11008
10969
|
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
11009
10970
|
|
|
11010
|
-
var _templateObject$2d, _templateObject2$
|
|
10971
|
+
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
11011
10972
|
var _excluded$4 = ["id"];
|
|
11012
10973
|
var CreateReturnModal = function CreateReturnModal() {
|
|
11013
10974
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11086,7 +11047,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11086
11047
|
})))));
|
|
11087
11048
|
};
|
|
11088
11049
|
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"])));
|
|
11089
|
-
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$
|
|
11050
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11090
11051
|
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"])));
|
|
11091
11052
|
|
|
11092
11053
|
var ModalManager = function ModalManager() {
|
|
@@ -11385,9 +11346,9 @@ var ModalManager = function ModalManager() {
|
|
|
11385
11346
|
}));
|
|
11386
11347
|
};
|
|
11387
11348
|
|
|
11388
|
-
var _templateObject$2e, _templateObject2$
|
|
11349
|
+
var _templateObject$2e, _templateObject2$1F, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11389
11350
|
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"])));
|
|
11390
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
11351
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11391
11352
|
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"])));
|
|
11392
11353
|
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"])));
|
|
11393
11354
|
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"])));
|
|
@@ -11509,7 +11470,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11509
11470
|
}, React.createElement(NextIcon, null)))));
|
|
11510
11471
|
};
|
|
11511
11472
|
|
|
11512
|
-
var _templateObject$2f, _templateObject2$
|
|
11473
|
+
var _templateObject$2f, _templateObject2$1G;
|
|
11513
11474
|
var ReturnTable = function ReturnTable() {
|
|
11514
11475
|
var _UsePaginationData = UsePaginationData(),
|
|
11515
11476
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11537,7 +11498,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11537
11498
|
})))), React.createElement(ModalManager, null));
|
|
11538
11499
|
};
|
|
11539
11500
|
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11540
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
11501
|
+
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"])));
|
|
11541
11502
|
|
|
11542
11503
|
function LoadIcon() {
|
|
11543
11504
|
return React.createElement("svg", {
|
|
@@ -11555,7 +11516,7 @@ function LoadIcon() {
|
|
|
11555
11516
|
}));
|
|
11556
11517
|
}
|
|
11557
11518
|
|
|
11558
|
-
var _templateObject$2g, _templateObject2$
|
|
11519
|
+
var _templateObject$2g, _templateObject2$1H;
|
|
11559
11520
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11560
11521
|
var legacyProductId = _ref.legacyProductId;
|
|
11561
11522
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11583,7 +11544,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11583
11544
|
}));
|
|
11584
11545
|
};
|
|
11585
11546
|
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"])));
|
|
11586
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
11547
|
+
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) {
|
|
11587
11548
|
var disabled = _ref2.disabled;
|
|
11588
11549
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11589
11550
|
}, function (_ref3) {
|
|
@@ -11992,7 +11953,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11992
11953
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11993
11954
|
});
|
|
11994
11955
|
|
|
11995
|
-
var _templateObject$2i, _templateObject2$
|
|
11956
|
+
var _templateObject$2i, _templateObject2$1I;
|
|
11996
11957
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11997
11958
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
11998
11959
|
dispatch = _useAtom[1];
|
|
@@ -12170,7 +12131,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12170
12131
|
};
|
|
12171
12132
|
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12172
12133
|
// const DropdownContainer = styled.div``;
|
|
12173
|
-
var StyledAntSelect$c = /*#__PURE__*/styled.div(_templateObject2$
|
|
12134
|
+
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"])));
|
|
12174
12135
|
|
|
12175
12136
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12176
12137
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12256,7 +12217,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12256
12217
|
}, React.createElement(NextIcon, null)))));
|
|
12257
12218
|
};
|
|
12258
12219
|
|
|
12259
|
-
var _templateObject$2j, _templateObject2$
|
|
12220
|
+
var _templateObject$2j, _templateObject2$1J;
|
|
12260
12221
|
var _excluded$5 = ["count"];
|
|
12261
12222
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12262
12223
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12329,12 +12290,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12329
12290
|
})))));
|
|
12330
12291
|
};
|
|
12331
12292
|
var Container$1g = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12332
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
12293
|
+
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"])));
|
|
12333
12294
|
|
|
12334
|
-
var _templateObject2$
|
|
12335
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12295
|
+
var _templateObject2$1K;
|
|
12296
|
+
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"])));
|
|
12336
12297
|
|
|
12337
|
-
var _templateObject$2k, _templateObject2$
|
|
12298
|
+
var _templateObject$2k, _templateObject2$1L;
|
|
12338
12299
|
var SearchType = function SearchType() {
|
|
12339
12300
|
var _useState = useState(''),
|
|
12340
12301
|
searchText = _useState[0],
|
|
@@ -12350,7 +12311,7 @@ var SearchType = function SearchType() {
|
|
|
12350
12311
|
}));
|
|
12351
12312
|
};
|
|
12352
12313
|
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"])));
|
|
12353
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
12314
|
+
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"])));
|
|
12354
12315
|
|
|
12355
12316
|
var BulkFilter = function BulkFilter() {
|
|
12356
12317
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12428,10 +12389,18 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12428
12389
|
var loadingskeleton = _ref.loadingskeleton;
|
|
12429
12390
|
var _useClientData = useClientData(),
|
|
12430
12391
|
clientData = _useClientData[0];
|
|
12392
|
+
var _useState = useState([]),
|
|
12393
|
+
updatedData = _useState[0],
|
|
12394
|
+
setUpdatedData = _useState[1];
|
|
12431
12395
|
var _useLoading = useLoading(),
|
|
12432
12396
|
setLoading = _useLoading[1];
|
|
12433
12397
|
var _useOrderStaticData = useOrderStaticData(),
|
|
12434
12398
|
setOrderStaticData = _useOrderStaticData[1];
|
|
12399
|
+
var _useAtom = useAtom(filtersReducerAtom),
|
|
12400
|
+
dispatch = _useAtom[1];
|
|
12401
|
+
var navigate = useNavigate();
|
|
12402
|
+
var _useCustomerData = useCustomerData(),
|
|
12403
|
+
customers = _useCustomerData[0];
|
|
12435
12404
|
var _useApiHook = useApiHook({
|
|
12436
12405
|
endpoint: "/orders/getStaticData/all/",
|
|
12437
12406
|
method: 'GET'
|
|
@@ -12445,33 +12414,66 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12445
12414
|
setOrderStaticData(result[0]);
|
|
12446
12415
|
}
|
|
12447
12416
|
}, [staticDataLoading, fetchedStaticData]);
|
|
12417
|
+
//updated client data
|
|
12418
|
+
useEffect(function () {
|
|
12419
|
+
var updatedClientData = clientData == null ? void 0 : clientData.map(function (client) {
|
|
12420
|
+
var matchingCustomer = customers == null ? void 0 : customers.find(function (customer) {
|
|
12421
|
+
return (customer == null ? void 0 : customer.id) === (client == null ? void 0 : client.customer_id);
|
|
12422
|
+
});
|
|
12423
|
+
return _extends({}, client, {
|
|
12424
|
+
uuid: matchingCustomer ? matchingCustomer == null ? void 0 : matchingCustomer.uuid : null
|
|
12425
|
+
});
|
|
12426
|
+
});
|
|
12427
|
+
setUpdatedData(updatedClientData);
|
|
12428
|
+
}, [customers, clientData]);
|
|
12429
|
+
//handle Redirect
|
|
12430
|
+
var handleRedirect = function handleRedirect(customerName, customerId, customerUuid) {
|
|
12431
|
+
localStorage.setItem('clientName', customerName);
|
|
12432
|
+
localStorage.setItem('clientId', customerId == null ? void 0 : customerId.toString());
|
|
12433
|
+
localStorage.setItem('uuid', customerUuid);
|
|
12434
|
+
if (customerId) {
|
|
12435
|
+
dispatch({
|
|
12436
|
+
type: 'SET_CLIENT_FILTER',
|
|
12437
|
+
payload: customerId
|
|
12438
|
+
});
|
|
12439
|
+
dispatch({
|
|
12440
|
+
type: 'SET_PAGE',
|
|
12441
|
+
payload: 1
|
|
12442
|
+
});
|
|
12443
|
+
} else {
|
|
12444
|
+
dispatch({
|
|
12445
|
+
type: 'SET_CLIENT_FILTER',
|
|
12446
|
+
payload: []
|
|
12447
|
+
});
|
|
12448
|
+
}
|
|
12449
|
+
var selectedClientString = customerName == null ? void 0 : customerName.replace(/\s+/g, '-');
|
|
12450
|
+
navigate("filter/" + selectedClientString);
|
|
12451
|
+
};
|
|
12448
12452
|
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper$2, {
|
|
12449
12453
|
id: "tableScrolling"
|
|
12450
12454
|
}, React.createElement(StyledTable$4, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Trading Name"), React.createElement("th", null, "Client"), React.createElement("th", null, "Orders"), React.createElement("th", null, "Products"), React.createElement("th", null, "RTS"), React.createElement("th", null, "Pending"), React.createElement("th", null, "Dispose"), React.createElement("th", null, "Re-allocate"), React.createElement("th", null, "Re-Del"), React.createElement("th", null, "Recycle"), React.createElement("th", null, "Unknown"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
|
|
12451
|
-
colSpan:
|
|
12455
|
+
colSpan: 11
|
|
12452
12456
|
}, React.createElement(Skeleton, {
|
|
12453
12457
|
active: true
|
|
12454
|
-
}))) : (
|
|
12455
|
-
colSpan:
|
|
12456
|
-
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) :
|
|
12458
|
+
}))) : (updatedData == null ? void 0 : updatedData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
12459
|
+
colSpan: 11
|
|
12460
|
+
}, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : updatedData == null ? void 0 : updatedData.map(function (key, index) {
|
|
12457
12461
|
return React.createElement("tr", {
|
|
12458
12462
|
key: index
|
|
12459
|
-
}, React.createElement("td", null, key == null ? void 0 : key.trading_as), React.createElement("td",
|
|
12460
|
-
|
|
12461
|
-
|
|
12462
|
-
|
|
12463
|
-
}
|
|
12464
|
-
}, React.createElement("li", {
|
|
12463
|
+
}, React.createElement("td", null, key == null ? void 0 : key.trading_as), React.createElement("td", {
|
|
12464
|
+
onClick: function onClick() {
|
|
12465
|
+
return handleRedirect(key == null ? void 0 : key.customer_name, key == null ? void 0 : key.customer_id, key == null ? void 0 : key.uuid);
|
|
12466
|
+
},
|
|
12465
12467
|
style: {
|
|
12466
12468
|
color: '#0099ff',
|
|
12467
12469
|
fontWeight: 600,
|
|
12468
|
-
|
|
12470
|
+
cursor: 'pointer'
|
|
12469
12471
|
}
|
|
12470
|
-
}, key == null ? void 0 : key.customer_name)),
|
|
12472
|
+
}, React.createElement("span", null, key == null ? void 0 : key.customer_name)), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.return_orders))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.return_order_products))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.RTS))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.PENDING))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.DISPOSE))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key['RE-ALLOCATE']), ' ')), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key['RE-DEL']))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.RECYCLE))), React.createElement("td", null, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, key == null ? void 0 : key.UNKNOWN))));
|
|
12471
12473
|
})))));
|
|
12472
12474
|
};
|
|
12473
12475
|
|
|
12474
|
-
var _templateObject$2l, _templateObject2$
|
|
12476
|
+
var _templateObject$2l, _templateObject2$1M, _templateObject3$11;
|
|
12475
12477
|
// import Pagination from './table-view/Pagination';
|
|
12476
12478
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12477
12479
|
function ReturnMainTable() {
|
|
@@ -12531,12 +12533,12 @@ function ReturnMainTable() {
|
|
|
12531
12533
|
}, 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)))));
|
|
12532
12534
|
}
|
|
12533
12535
|
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"])));
|
|
12534
|
-
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$
|
|
12536
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12535
12537
|
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"])));
|
|
12536
12538
|
|
|
12537
|
-
var _templateObject$2m, _templateObject2$
|
|
12539
|
+
var _templateObject$2m, _templateObject2$1N;
|
|
12538
12540
|
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"])));
|
|
12539
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
12541
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12540
12542
|
|
|
12541
12543
|
var _templateObject$2n;
|
|
12542
12544
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12544,12 +12546,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12544
12546
|
};
|
|
12545
12547
|
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"])));
|
|
12546
12548
|
|
|
12547
|
-
var _templateObject$2o, _templateObject2$
|
|
12549
|
+
var _templateObject$2o, _templateObject2$1O;
|
|
12548
12550
|
function Breadcrumb(props) {
|
|
12549
12551
|
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)));
|
|
12550
12552
|
}
|
|
12551
12553
|
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12552
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
12554
|
+
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"])));
|
|
12553
12555
|
|
|
12554
12556
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12555
12557
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|