@bjsdistribution/dms-client-return 0.0.28 → 0.0.29
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 +426 -391
- 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 +427 -392
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +4 -3
- package/src/components/order-daily-overview/shared/utlis.ts +1 -3
- package/src/components/order-view/hooks/useGetSystemLogs.tsx +2 -1
- package/src/components/order-view/modalsPopup/ModalManager.tsx +1 -2
- package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +3 -12
- package/src/components/order-view/order-details/expanded-content/services-section/OrderServices.tsx +2 -13
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceLevel.tsx +4 -18
- package/src/components/order-view/order-details/expanded-content/services-section/ServiceType.tsx +1 -10
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +2 -12
- package/src/components/order-view/order-details/expanded-content/services-section/index.tsx +0 -5
- package/src/components/order-view/products-info/collapsed-content/index.tsx +90 -9
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +1 -15
|
@@ -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, { css, keyframes } 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;
|
|
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(SelectDropdown, {
|
|
1955
1955
|
placeholder: "Select Timed Service",
|
|
1956
1956
|
options: timedServicesOptions || [],
|
|
1957
1957
|
value: timedServicesOptions == null ? void 0 : timedServicesOptions.filter(function (f) {
|
|
@@ -1959,14 +1959,12 @@ function TimedServiceDropdown() {
|
|
|
1959
1959
|
}),
|
|
1960
1960
|
inputId: "timedServiceDropdown",
|
|
1961
1961
|
onChange: onChange,
|
|
1962
|
-
|
|
1963
|
-
className: 'disabled'
|
|
1962
|
+
isDisabled: true
|
|
1964
1963
|
}));
|
|
1965
1964
|
}
|
|
1966
1965
|
var Container$l = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1967
|
-
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1968
1966
|
|
|
1969
|
-
var _templateObject$v
|
|
1967
|
+
var _templateObject$v;
|
|
1970
1968
|
function ServiceTypeDropdown() {
|
|
1971
1969
|
var _orderStaticData$orde;
|
|
1972
1970
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1990,7 +1988,7 @@ function ServiceTypeDropdown() {
|
|
|
1990
1988
|
return React.createElement(Container$m, null, React.createElement(Label$h, {
|
|
1991
1989
|
label: "Service Type",
|
|
1992
1990
|
htmlFor: "serviceTypeDropdown"
|
|
1993
|
-
}), React.createElement(
|
|
1991
|
+
}), React.createElement(SelectDropdown, {
|
|
1994
1992
|
placeholder: "Select Service Type",
|
|
1995
1993
|
options: serviceTypeOptions || [],
|
|
1996
1994
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -1999,14 +1997,12 @@ function ServiceTypeDropdown() {
|
|
|
1999
1997
|
inputId: "serviceTypeDropdown",
|
|
2000
1998
|
openMenuOnFocus: true,
|
|
2001
1999
|
onChange: onChange,
|
|
2002
|
-
isDisabled: true
|
|
2003
|
-
className: 'disabled'
|
|
2000
|
+
isDisabled: true
|
|
2004
2001
|
}));
|
|
2005
2002
|
}
|
|
2006
2003
|
var Container$m = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
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"])));
|
|
2008
2004
|
|
|
2009
|
-
var _templateObject$w
|
|
2005
|
+
var _templateObject$w;
|
|
2010
2006
|
function DeliveryPointDropdown() {
|
|
2011
2007
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
2012
2008
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2033,7 +2029,7 @@ function DeliveryPointDropdown() {
|
|
|
2033
2029
|
return React.createElement(Container$n, null, React.createElement(Label$h, {
|
|
2034
2030
|
label: "Delivery Point",
|
|
2035
2031
|
htmlFor: "deliveryPointDropdown"
|
|
2036
|
-
}), React.createElement(
|
|
2032
|
+
}), React.createElement(SelectDropdown, {
|
|
2037
2033
|
placeholder: "Select Delivery Point",
|
|
2038
2034
|
options: deliveryPointOptions || [],
|
|
2039
2035
|
inputId: "deliveryPointDropdown",
|
|
@@ -2042,12 +2038,10 @@ function DeliveryPointDropdown() {
|
|
|
2042
2038
|
}),
|
|
2043
2039
|
openMenuOnFocus: true,
|
|
2044
2040
|
onChange: onChange,
|
|
2045
|
-
|
|
2046
|
-
className: 'disabled'
|
|
2041
|
+
isDisabled: true
|
|
2047
2042
|
}));
|
|
2048
2043
|
}
|
|
2049
2044
|
var Container$n = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
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"])));
|
|
2051
2045
|
|
|
2052
2046
|
var _templateObject$x;
|
|
2053
2047
|
function ServiceLevel() {
|
|
@@ -2073,22 +2067,16 @@ function ServiceLevel() {
|
|
|
2073
2067
|
});
|
|
2074
2068
|
setOrderData(newData);
|
|
2075
2069
|
};
|
|
2076
|
-
|
|
2077
|
-
return React.createElement(Container$o, {
|
|
2078
|
-
disabled: isDisabled
|
|
2079
|
-
}, React.createElement(RadioButtonGroup$1, {
|
|
2070
|
+
return React.createElement(Container$o, null, React.createElement(RadioButtonGroup$1, {
|
|
2080
2071
|
selectedValue: (serviceLevelId == null ? void 0 : serviceLevelId.toString()) || '',
|
|
2081
2072
|
heading: "Service Level",
|
|
2082
2073
|
options: serviceLevelOptions || [],
|
|
2083
2074
|
onChange: radioGroupHandler,
|
|
2084
2075
|
required: true,
|
|
2085
|
-
isDisabled:
|
|
2076
|
+
isDisabled: true
|
|
2086
2077
|
}));
|
|
2087
2078
|
}
|
|
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
|
|
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
|
-
});
|
|
2079
|
+
var Container$o = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])));
|
|
2092
2080
|
|
|
2093
2081
|
var _templateObject$y;
|
|
2094
2082
|
function AssemblyType() {
|
|
@@ -2205,7 +2193,7 @@ var getIcon = function getIcon(input) {
|
|
|
2205
2193
|
return "" + baseURL + subPath;
|
|
2206
2194
|
};
|
|
2207
2195
|
|
|
2208
|
-
var _templateObject$z, _templateObject2$
|
|
2196
|
+
var _templateObject$z, _templateObject2$n, _templateObject3$a;
|
|
2209
2197
|
function ServiceSlider(props) {
|
|
2210
2198
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2211
2199
|
// event.preventDefault();
|
|
@@ -2223,7 +2211,7 @@ function ServiceSlider(props) {
|
|
|
2223
2211
|
})));
|
|
2224
2212
|
}
|
|
2225
2213
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
2226
|
-
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$
|
|
2214
|
+
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2227
2215
|
var Container$q = /*#__PURE__*/styled.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor: not-allowed;\n flex: 1;\n"])));
|
|
2228
2216
|
|
|
2229
2217
|
var _templateObject$A;
|
|
@@ -2367,10 +2355,7 @@ function OrderServices() {
|
|
|
2367
2355
|
setOrderDetails(_newData2);
|
|
2368
2356
|
}
|
|
2369
2357
|
};
|
|
2370
|
-
|
|
2371
|
-
return React.createElement(Container$r, {
|
|
2372
|
-
disabled: isDisabled
|
|
2373
|
-
}, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2358
|
+
return React.createElement(Container$r, null, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2374
2359
|
var _service$type;
|
|
2375
2360
|
var selected = !!(orderServices != null && orderServices.find(function (s) {
|
|
2376
2361
|
return (s == null ? void 0 : s.order_service_list_id) === (service == null ? void 0 : service.id) && s.is_deleted === false;
|
|
@@ -2385,24 +2370,21 @@ function OrderServices() {
|
|
|
2385
2370
|
});
|
|
2386
2371
|
}));
|
|
2387
2372
|
}
|
|
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
|
|
2389
|
-
var disabled = _ref.disabled;
|
|
2390
|
-
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2391
|
-
});
|
|
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"])));
|
|
2392
2374
|
|
|
2393
|
-
var _templateObject$B, _templateObject2$
|
|
2375
|
+
var _templateObject$B, _templateObject2$o, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2394
2376
|
function ServicesSection() {
|
|
2395
2377
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
2396
2378
|
label: "Services"
|
|
2397
2379
|
}), 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)));
|
|
2398
2380
|
}
|
|
2399
2381
|
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"])));
|
|
2400
|
-
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2382
|
+
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2401
2383
|
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"])));
|
|
2402
2384
|
var Bottom = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
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
|
|
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"])));
|
|
2404
2386
|
|
|
2405
|
-
var _templateObject$C, _templateObject2$
|
|
2387
|
+
var _templateObject$C, _templateObject2$p, _templateObject3$c;
|
|
2406
2388
|
function AllowTracking() {
|
|
2407
2389
|
var _useOrderDetails = useOrderDetails(),
|
|
2408
2390
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2411,7 +2393,7 @@ function AllowTracking() {
|
|
|
2411
2393
|
return React.createElement(Container$s, null, React.createElement(CreatedBy, null, React.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2412
2394
|
}
|
|
2413
2395
|
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"])));
|
|
2414
|
-
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$
|
|
2396
|
+
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$p || (_templateObject2$p = /*#__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"])));
|
|
2415
2397
|
var Container$s = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2416
2398
|
|
|
2417
2399
|
function useUpdateOrder() {
|
|
@@ -2572,12 +2554,12 @@ function OrderDetailsFooter() {
|
|
|
2572
2554
|
}
|
|
2573
2555
|
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"])));
|
|
2574
2556
|
|
|
2575
|
-
var _templateObject$E, _templateObject2$
|
|
2557
|
+
var _templateObject$E, _templateObject2$q, _templateObject3$d;
|
|
2576
2558
|
function ExpandedContent() {
|
|
2577
2559
|
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));
|
|
2578
2560
|
}
|
|
2579
2561
|
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"])));
|
|
2580
|
-
var Container$u = /*#__PURE__*/styled.div(_templateObject2$
|
|
2562
|
+
var Container$u = /*#__PURE__*/styled.div(_templateObject2$q || (_templateObject2$q = /*#__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"])));
|
|
2581
2563
|
// const InstructionContainer = styled.div`
|
|
2582
2564
|
// display: flex;
|
|
2583
2565
|
// justify-content: center;
|
|
@@ -2623,7 +2605,7 @@ function OrderDetails$1() {
|
|
|
2623
2605
|
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent, null));
|
|
2624
2606
|
}
|
|
2625
2607
|
|
|
2626
|
-
var _templateObject$F, _templateObject2$
|
|
2608
|
+
var _templateObject$F, _templateObject2$r, _templateObject3$e;
|
|
2627
2609
|
function AddNote() {
|
|
2628
2610
|
var _useState = useState(''),
|
|
2629
2611
|
noteText = _useState[0],
|
|
@@ -2751,7 +2733,7 @@ function AddNote() {
|
|
|
2751
2733
|
}, "SAVE NOTE")));
|
|
2752
2734
|
}
|
|
2753
2735
|
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"])));
|
|
2754
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2736
|
+
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
2755
2737
|
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"])));
|
|
2756
2738
|
|
|
2757
2739
|
var NotesTableData = [{
|
|
@@ -2767,13 +2749,13 @@ var NotesTableData = [{
|
|
|
2767
2749
|
tableBody: []
|
|
2768
2750
|
}];
|
|
2769
2751
|
|
|
2770
|
-
var _templateObject2$
|
|
2771
|
-
var Table = /*#__PURE__*/styled.table(_templateObject2$
|
|
2752
|
+
var _templateObject2$s, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2753
|
+
var Table = /*#__PURE__*/styled.table(_templateObject2$s || (_templateObject2$s = /*#__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"])));
|
|
2772
2754
|
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"])));
|
|
2773
2755
|
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"])));
|
|
2774
2756
|
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"])));
|
|
2775
2757
|
|
|
2776
|
-
var _templateObject$G, _templateObject2$
|
|
2758
|
+
var _templateObject$G, _templateObject2$t, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2777
2759
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2778
2760
|
var _getNotes$data, _getNotes$data2;
|
|
2779
2761
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2803,7 +2785,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2803
2785
|
}, "No data found"))))));
|
|
2804
2786
|
};
|
|
2805
2787
|
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"])));
|
|
2806
|
-
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$
|
|
2788
|
+
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2807
2789
|
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"])));
|
|
2808
2790
|
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"])));
|
|
2809
2791
|
var StyledTr = /*#__PURE__*/styled.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2819,7 +2801,7 @@ function AuditLogs() {
|
|
|
2819
2801
|
}
|
|
2820
2802
|
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"])));
|
|
2821
2803
|
|
|
2822
|
-
var _templateObject$I, _templateObject2$
|
|
2804
|
+
var _templateObject$I, _templateObject2$u, _templateObject3$h;
|
|
2823
2805
|
function Notes() {
|
|
2824
2806
|
var _usemoduleIds = usemoduleIds(),
|
|
2825
2807
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2897,7 +2879,7 @@ function Notes() {
|
|
|
2897
2879
|
return React.createElement(Container$x, null, React.createElement(CardHeader, null, "NOTES"), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
2898
2880
|
}
|
|
2899
2881
|
var Container$x = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2900
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
2882
|
+
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__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"])));
|
|
2901
2883
|
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"])));
|
|
2902
2884
|
|
|
2903
2885
|
var _templateObject$J;
|
|
@@ -2923,7 +2905,7 @@ function ChevronUp(props) {
|
|
|
2923
2905
|
}));
|
|
2924
2906
|
}
|
|
2925
2907
|
|
|
2926
|
-
var _templateObject$K, _templateObject2$
|
|
2908
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2927
2909
|
function CollapsableForm(props) {
|
|
2928
2910
|
var _useState = useState(true),
|
|
2929
2911
|
isExpanded = _useState[0],
|
|
@@ -2944,7 +2926,7 @@ function CollapsableForm(props) {
|
|
|
2944
2926
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
2945
2927
|
}
|
|
2946
2928
|
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"])));
|
|
2947
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
2929
|
+
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__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"])));
|
|
2948
2930
|
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"])));
|
|
2949
2931
|
var Container$y = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2950
2932
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2954,7 +2936,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateOb
|
|
|
2954
2936
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2955
2937
|
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"])));
|
|
2956
2938
|
|
|
2957
|
-
var _templateObject$L, _templateObject2$
|
|
2939
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$j;
|
|
2958
2940
|
function CustomScrollBar(props) {
|
|
2959
2941
|
var children = props.children,
|
|
2960
2942
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2973,10 +2955,10 @@ function CustomScrollBar(props) {
|
|
|
2973
2955
|
}, children);
|
|
2974
2956
|
}
|
|
2975
2957
|
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"])));
|
|
2976
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
2958
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2977
2959
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2978
2960
|
|
|
2979
|
-
var _templateObject$M, _templateObject2$
|
|
2961
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2980
2962
|
function DynamicTable(_ref) {
|
|
2981
2963
|
var columns = _ref.columns,
|
|
2982
2964
|
data = _ref.data;
|
|
@@ -3023,7 +3005,7 @@ function DynamicTable(_ref) {
|
|
|
3023
3005
|
// cursor: pointer;
|
|
3024
3006
|
// `;
|
|
3025
3007
|
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"])));
|
|
3026
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
3008
|
+
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__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"])));
|
|
3027
3009
|
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"])));
|
|
3028
3010
|
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"])));
|
|
3029
3011
|
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"])));
|
|
@@ -3032,7 +3014,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$2 || (_templateObject
|
|
|
3032
3014
|
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"])));
|
|
3033
3015
|
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"])));
|
|
3034
3016
|
|
|
3035
|
-
var _templateObject$N, _templateObject2$
|
|
3017
|
+
var _templateObject$N, _templateObject2$y;
|
|
3036
3018
|
function Event(props) {
|
|
3037
3019
|
var _props$row;
|
|
3038
3020
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3048,7 +3030,7 @@ function Event(props) {
|
|
|
3048
3030
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
3049
3031
|
}
|
|
3050
3032
|
var RowContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3051
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
3033
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3052
3034
|
|
|
3053
3035
|
//to change data into options
|
|
3054
3036
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3095,25 +3077,25 @@ var priorityData = [{
|
|
|
3095
3077
|
color: '#E95252'
|
|
3096
3078
|
}];
|
|
3097
3079
|
|
|
3098
|
-
var _templateObject$O, _templateObject2$
|
|
3080
|
+
var _templateObject$O, _templateObject2$z;
|
|
3099
3081
|
function Date$1(props) {
|
|
3100
3082
|
var _props$row;
|
|
3101
3083
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3102
3084
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate(data)));
|
|
3103
3085
|
}
|
|
3104
3086
|
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3105
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3087
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3106
3088
|
|
|
3107
|
-
var _templateObject$P, _templateObject2$
|
|
3089
|
+
var _templateObject$P, _templateObject2$A;
|
|
3108
3090
|
function Code(props) {
|
|
3109
3091
|
var _props$row;
|
|
3110
3092
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3111
3093
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
3112
3094
|
}
|
|
3113
3095
|
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3114
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3096
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3115
3097
|
|
|
3116
|
-
var _templateObject$Q, _templateObject2$
|
|
3098
|
+
var _templateObject$Q, _templateObject2$B;
|
|
3117
3099
|
function Note(props) {
|
|
3118
3100
|
var _props$row;
|
|
3119
3101
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3122,7 +3104,7 @@ function Note(props) {
|
|
|
3122
3104
|
}, React.createElement(Row$3, null, data));
|
|
3123
3105
|
}
|
|
3124
3106
|
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"])));
|
|
3125
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3107
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3126
3108
|
|
|
3127
3109
|
var tableColumns = [{
|
|
3128
3110
|
header: 'Date',
|
|
@@ -3434,7 +3416,7 @@ function ConfirmedIcon() {
|
|
|
3434
3416
|
}))));
|
|
3435
3417
|
}
|
|
3436
3418
|
|
|
3437
|
-
var _templateObject$S, _templateObject2$
|
|
3419
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$l, _templateObject4$9;
|
|
3438
3420
|
function Status() {
|
|
3439
3421
|
var _useStatusDetails = useStatusDetails(),
|
|
3440
3422
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3481,7 +3463,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3481
3463
|
}
|
|
3482
3464
|
};
|
|
3483
3465
|
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"])));
|
|
3484
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject2$
|
|
3466
|
+
var Heading = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__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"])));
|
|
3485
3467
|
var Container$A = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3486
3468
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3487
3469
|
|
|
@@ -3580,21 +3562,6 @@ function useClearState() {
|
|
|
3580
3562
|
return useAtom(clearState);
|
|
3581
3563
|
}
|
|
3582
3564
|
|
|
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
|
-
|
|
3598
3565
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3599
3566
|
var _orderStaticData$retu;
|
|
3600
3567
|
var _useSelectedOrders = useSelectedOrders(),
|
|
@@ -3623,16 +3590,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3623
3590
|
performAction: false
|
|
3624
3591
|
}),
|
|
3625
3592
|
isresponse = _useApiHook.data,
|
|
3626
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3627
|
-
loading = _useApiHook.loading;
|
|
3593
|
+
setaction = _useApiHook.setShouldPerformAction;
|
|
3628
3594
|
useEffect(function () {
|
|
3629
3595
|
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
|
-
});
|
|
3636
3596
|
handleRemoveRow();
|
|
3637
3597
|
setSelectedRowId(null);
|
|
3638
3598
|
}
|
|
@@ -3669,9 +3629,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3669
3629
|
});
|
|
3670
3630
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3671
3631
|
};
|
|
3672
|
-
return React.createElement("div", null,
|
|
3673
|
-
title: "Deleting"
|
|
3674
|
-
}), React.createElement(StyledTableWrapper, {
|
|
3632
|
+
return React.createElement("div", null, React.createElement(StyledTableWrapper, {
|
|
3675
3633
|
id: "tableScrolling"
|
|
3676
3634
|
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
3677
3635
|
className: "emailInvoiceCheckbox"
|
|
@@ -3709,20 +3667,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3709
3667
|
}, "No records found"))))));
|
|
3710
3668
|
};
|
|
3711
3669
|
|
|
3712
|
-
var _templateObject$
|
|
3670
|
+
var _templateObject$U;
|
|
3713
3671
|
var ProductTable = function ProductTable() {
|
|
3714
|
-
return React.createElement(Container$
|
|
3672
|
+
return React.createElement(Container$B, null, React.createElement(ReturnProductTable, null));
|
|
3715
3673
|
};
|
|
3716
|
-
var Container$
|
|
3674
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3717
3675
|
|
|
3718
|
-
var _templateObject$
|
|
3676
|
+
var _templateObject$V, _templateObject2$D;
|
|
3719
3677
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3720
3678
|
var defaultSelectStyle = {
|
|
3721
3679
|
width: '100%'
|
|
3722
3680
|
};
|
|
3723
3681
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3724
3682
|
var defaultSelectWrapperClass = 'rounded';
|
|
3725
|
-
return React.createElement(Container$
|
|
3683
|
+
return React.createElement(Container$C, null, React.createElement(Text$3, null, "New Return Order:"), React.createElement(AntSelect, {
|
|
3726
3684
|
options: [],
|
|
3727
3685
|
placeholder: "Select",
|
|
3728
3686
|
onChange: function onChange() {},
|
|
@@ -3735,10 +3693,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3735
3693
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3736
3694
|
}));
|
|
3737
3695
|
};
|
|
3738
|
-
var Container$
|
|
3739
|
-
var Text$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3696
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3697
|
+
var Text$3 = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n"])));
|
|
3740
3698
|
|
|
3741
|
-
var _templateObject$
|
|
3699
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$m;
|
|
3742
3700
|
// import { notification } from 'antd';
|
|
3743
3701
|
function ExpandedContent$2() {
|
|
3744
3702
|
// const SaveNote = () => {
|
|
@@ -3748,7 +3706,7 @@ function ExpandedContent$2() {
|
|
|
3748
3706
|
// description: ' Saved successfully.',
|
|
3749
3707
|
// });
|
|
3750
3708
|
// };
|
|
3751
|
-
return React.createElement(Container$
|
|
3709
|
+
return React.createElement(Container$D, null, React.createElement(ProductTable, null), React.createElement(MidConatiner, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button$1, {
|
|
3752
3710
|
style: {
|
|
3753
3711
|
borderRadius: '20px'
|
|
3754
3712
|
},
|
|
@@ -3756,18 +3714,81 @@ function ExpandedContent$2() {
|
|
|
3756
3714
|
disabled: true
|
|
3757
3715
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
3758
3716
|
}
|
|
3759
|
-
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3760
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3761
|
-
var Container$
|
|
3717
|
+
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
3718
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3719
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3762
3720
|
|
|
3763
|
-
var _templateObject$
|
|
3721
|
+
var _templateObject$X;
|
|
3722
|
+
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3723
|
+
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3724
|
+
// import { useAtom } from 'jotai';
|
|
3764
3725
|
function CollapsedContent$1() {
|
|
3765
|
-
|
|
3726
|
+
// const [, dispatch] = useAtom(countReducerAtom);
|
|
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, {
|
|
3766
3744
|
label: "Products"
|
|
3767
|
-
})
|
|
3745
|
+
}));
|
|
3768
3746
|
}
|
|
3769
|
-
|
|
3770
|
-
|
|
3747
|
+
// const Dimensions = styled.span`
|
|
3748
|
+
// font-family: 'Lato', sans-serif;
|
|
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"])));
|
|
3771
3792
|
|
|
3772
3793
|
// Dropdown
|
|
3773
3794
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -3878,22 +3899,22 @@ function ProductsInfo() {
|
|
|
3878
3899
|
}, React.createElement(ExpandedContent$2, null));
|
|
3879
3900
|
}
|
|
3880
3901
|
|
|
3881
|
-
var _templateObject$
|
|
3902
|
+
var _templateObject$Y;
|
|
3882
3903
|
function BackgroundModal(props) {
|
|
3883
|
-
return createPortal(React.createElement(Container$
|
|
3904
|
+
return createPortal(React.createElement(Container$F, Object.assign({}, props), props.children), document.body);
|
|
3884
3905
|
}
|
|
3885
|
-
var Container$
|
|
3906
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
3886
3907
|
|
|
3887
|
-
var _templateObject$
|
|
3908
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$n, _templateObject4$a;
|
|
3888
3909
|
function AdditionalInformation(props) {
|
|
3889
|
-
return React.createElement(Container$
|
|
3910
|
+
return React.createElement(Container$G, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$4, null, props.info)));
|
|
3890
3911
|
}
|
|
3891
|
-
var Text$4 = /*#__PURE__*/styled.p(_templateObject$
|
|
3892
|
-
var Container$
|
|
3893
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
3894
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
3912
|
+
var Text$4 = /*#__PURE__*/styled.p(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
3913
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3914
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3915
|
+
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
3895
3916
|
|
|
3896
|
-
var _templateObject
|
|
3917
|
+
var _templateObject$_, _templateObject2$G, _templateObject3$o, _templateObject4$b;
|
|
3897
3918
|
function OrderActionHeader(props) {
|
|
3898
3919
|
var title = props.title,
|
|
3899
3920
|
actions = props.actions,
|
|
@@ -3902,33 +3923,33 @@ function OrderActionHeader(props) {
|
|
|
3902
3923
|
_props$infoText = props.infoText,
|
|
3903
3924
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3904
3925
|
onClose = props.onClose;
|
|
3905
|
-
return React.createElement(Container$
|
|
3926
|
+
return React.createElement(Container$H, null, React.createElement(Wrapper$b, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
3906
3927
|
info: infoText
|
|
3907
3928
|
}), actions), React.createElement(IconContainer$2, {
|
|
3908
3929
|
onClick: onClose
|
|
3909
3930
|
}, React.createElement(CrossIcon, null)));
|
|
3910
3931
|
}
|
|
3911
|
-
var Wrapper$
|
|
3912
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3913
|
-
var Title
|
|
3914
|
-
var Container$
|
|
3932
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3933
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3934
|
+
var Title = /*#__PURE__*/styled.h3(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
3935
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
3915
3936
|
|
|
3916
|
-
var _templateObject
|
|
3937
|
+
var _templateObject$$, _templateObject2$H;
|
|
3917
3938
|
function OrderActionFooter(props) {
|
|
3918
3939
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3919
|
-
return React.createElement(Container$
|
|
3940
|
+
return React.createElement(Container$I, null, React.createElement(SubmitButton, {
|
|
3920
3941
|
shape: "rounded",
|
|
3921
3942
|
colors: "primary",
|
|
3922
3943
|
onClick: props.onSubmit,
|
|
3923
3944
|
disabled: isSubmitDisabled
|
|
3924
3945
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3925
3946
|
}
|
|
3926
|
-
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject
|
|
3927
|
-
var Container$
|
|
3947
|
+
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3948
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
3928
3949
|
|
|
3929
|
-
var _templateObject$
|
|
3950
|
+
var _templateObject$10;
|
|
3930
3951
|
function OrderActionModal(props) {
|
|
3931
|
-
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$
|
|
3952
|
+
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$6, null, React.createElement(OrderActionHeader, {
|
|
3932
3953
|
title: props.headerTitle,
|
|
3933
3954
|
onClose: props.onCloseHeader,
|
|
3934
3955
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3941,11 +3962,11 @@ function OrderActionModal(props) {
|
|
|
3941
3962
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3942
3963
|
})));
|
|
3943
3964
|
}
|
|
3944
|
-
var MainContainer$
|
|
3965
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
3945
3966
|
|
|
3946
|
-
var _templateObject$
|
|
3967
|
+
var _templateObject$11, _templateObject2$I;
|
|
3947
3968
|
function OrderActionsDropdown(props) {
|
|
3948
|
-
return React.createElement(Container$
|
|
3969
|
+
return React.createElement(Container$J, {
|
|
3949
3970
|
className: props.className
|
|
3950
3971
|
}, React.createElement(Label, null, props.label), React.createElement(AntSelect, {
|
|
3951
3972
|
options: props.options,
|
|
@@ -3962,8 +3983,8 @@ function OrderActionsDropdown(props) {
|
|
|
3962
3983
|
defaultValue: props.value
|
|
3963
3984
|
}));
|
|
3964
3985
|
}
|
|
3965
|
-
var Label = /*#__PURE__*/styled.label(_templateObject$
|
|
3966
|
-
var Container$
|
|
3986
|
+
var Label = /*#__PURE__*/styled.label(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
3987
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3967
3988
|
|
|
3968
3989
|
function DocumentTypeDropdown() {
|
|
3969
3990
|
var onSelect = function onSelect() {};
|
|
@@ -4043,7 +4064,7 @@ function UploadIcon(props) {
|
|
|
4043
4064
|
})));
|
|
4044
4065
|
}
|
|
4045
4066
|
|
|
4046
|
-
var _templateObject$
|
|
4067
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4047
4068
|
var Dragger = Upload.Dragger;
|
|
4048
4069
|
var props = {
|
|
4049
4070
|
name: 'file',
|
|
@@ -4065,20 +4086,20 @@ var props = {
|
|
|
4065
4086
|
}
|
|
4066
4087
|
};
|
|
4067
4088
|
function DocFileUpload() {
|
|
4068
|
-
return React.createElement(MainContainer$
|
|
4089
|
+
return React.createElement(MainContainer$7, null, React.createElement(Dragger, Object.assign({}, props), React.createElement(Container$K, null, React.createElement(UploadButton, {
|
|
4069
4090
|
colors: 'secondary',
|
|
4070
4091
|
shape: 'rounded'
|
|
4071
4092
|
}, "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")))));
|
|
4072
4093
|
}
|
|
4073
|
-
var MainContainer$
|
|
4074
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2$
|
|
4075
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4076
|
-
var Text1 = /*#__PURE__*/styled.p(_templateObject4$
|
|
4077
|
-
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
4078
|
-
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$
|
|
4079
|
-
var Container$
|
|
4094
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
4095
|
+
var Text2 = /*#__PURE__*/styled.p(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
4096
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4097
|
+
var Text1 = /*#__PURE__*/styled.p(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
4098
|
+
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4099
|
+
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4100
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
4080
4101
|
|
|
4081
|
-
var _templateObject$
|
|
4102
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$q, _templateObject4$d;
|
|
4082
4103
|
// import DocFileUpload from './DocFileUpload';
|
|
4083
4104
|
function AddResources() {
|
|
4084
4105
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4094,10 +4115,10 @@ function AddResources() {
|
|
|
4094
4115
|
onSubmit: function onSubmit() {}
|
|
4095
4116
|
}, 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))));
|
|
4096
4117
|
}
|
|
4097
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
4098
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4099
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4100
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4118
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4119
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4120
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4121
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
4101
4122
|
|
|
4102
4123
|
var initialValue = {
|
|
4103
4124
|
due: undefined,
|
|
@@ -4235,24 +4256,24 @@ function useUpdateReminderData() {
|
|
|
4235
4256
|
return useAtom(reminderUpdatePayload);
|
|
4236
4257
|
}
|
|
4237
4258
|
|
|
4238
|
-
var _templateObject$
|
|
4259
|
+
var _templateObject$14, _templateObject2$L, _templateObject3$r;
|
|
4239
4260
|
// Styled components
|
|
4240
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4241
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
4242
|
-
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
4243
|
-
|
|
4244
|
-
var _templateObject2$
|
|
4245
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
4246
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
4247
|
-
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
4248
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
4249
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$
|
|
4250
|
-
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4261
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
4262
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
4263
|
+
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4264
|
+
|
|
4265
|
+
var _templateObject2$M, _templateObject3$s, _templateObject4$e, _templateObject5$6, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject24, _templateObject26;
|
|
4266
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4267
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
4268
|
+
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
4269
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4270
|
+
var SplitText = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
4271
|
+
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4251
4272
|
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"])));
|
|
4252
4273
|
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"])));
|
|
4253
4274
|
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"])));
|
|
4254
4275
|
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"])));
|
|
4255
|
-
var Container$
|
|
4276
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4256
4277
|
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"])));
|
|
4257
4278
|
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"])));
|
|
4258
4279
|
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"])));
|
|
@@ -4341,7 +4362,7 @@ function SplitOrderTable() {
|
|
|
4341
4362
|
}))));
|
|
4342
4363
|
}
|
|
4343
4364
|
|
|
4344
|
-
var _templateObject$
|
|
4365
|
+
var _templateObject$15;
|
|
4345
4366
|
function SplitOrder() {
|
|
4346
4367
|
var _useCurrentAction = useCurrentAction(),
|
|
4347
4368
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4389,7 +4410,7 @@ function SplitOrder() {
|
|
|
4389
4410
|
isSubmitDisabled: isSubmitDisabled()
|
|
4390
4411
|
}, React.createElement(ContentContainer$2, null, React.createElement(SplitOrderTable, null)));
|
|
4391
4412
|
}
|
|
4392
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4413
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
4393
4414
|
|
|
4394
4415
|
function RadioButtonCheckIcon(props) {
|
|
4395
4416
|
return React.createElement("svg", Object.assign({
|
|
@@ -4420,7 +4441,7 @@ var fonts = {
|
|
|
4420
4441
|
secondary: "'Lato', sans-serif"
|
|
4421
4442
|
};
|
|
4422
4443
|
|
|
4423
|
-
var _templateObject$
|
|
4444
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$t;
|
|
4424
4445
|
function RadioButton(props) {
|
|
4425
4446
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4426
4447
|
color: props.color
|
|
@@ -4431,15 +4452,15 @@ function RadioButton(props) {
|
|
|
4431
4452
|
htmlFor: props.id
|
|
4432
4453
|
}, props.label));
|
|
4433
4454
|
}
|
|
4434
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
4435
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
4455
|
+
var Label$3 = /*#__PURE__*/styled.label(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
4456
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
|
|
4436
4457
|
return props.color || '#6396e5';
|
|
4437
4458
|
}, function (props) {
|
|
4438
4459
|
return props.color || '#6396e5';
|
|
4439
4460
|
});
|
|
4440
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4461
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4441
4462
|
|
|
4442
|
-
var _templateObject$
|
|
4463
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4443
4464
|
function RadioButtonGroup(props) {
|
|
4444
4465
|
var heading = props.heading,
|
|
4445
4466
|
_props$direction = props.direction,
|
|
@@ -4469,24 +4490,24 @@ function RadioButtonGroup(props) {
|
|
|
4469
4490
|
}
|
|
4470
4491
|
return React.createElement(Fieldset, null, React.createElement(LegendContainer, null, React.createElement(Legend, null, heading), required && React.createElement(RequiredText, {
|
|
4471
4492
|
"$required": required || false
|
|
4472
|
-
}, "*")), React.createElement(Wrapper$
|
|
4493
|
+
}, "*")), React.createElement(Wrapper$c, {
|
|
4473
4494
|
"$direction": direction,
|
|
4474
4495
|
className: "custom-wrapper"
|
|
4475
4496
|
}, renderOptions()));
|
|
4476
4497
|
}
|
|
4477
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
4478
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4479
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
4498
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4499
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4500
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4480
4501
|
return !props.$required && 'visibility: hidden;';
|
|
4481
4502
|
}, labelStyles);
|
|
4482
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4483
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
4484
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
4485
|
-
var Wrapper$
|
|
4503
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4504
|
+
var Legend = /*#__PURE__*/styled.legend(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4505
|
+
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4506
|
+
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__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) {
|
|
4486
4507
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4487
4508
|
});
|
|
4488
4509
|
|
|
4489
|
-
var _templateObject$
|
|
4510
|
+
var _templateObject$18;
|
|
4490
4511
|
var deliveryPoints = [{
|
|
4491
4512
|
label: 'Hallway',
|
|
4492
4513
|
value: 'hallway'
|
|
@@ -4508,7 +4529,7 @@ function DeliveryPoint() {
|
|
|
4508
4529
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
4509
4530
|
selectedValue = _React$useState[0],
|
|
4510
4531
|
setSelectedValue = _React$useState[1];
|
|
4511
|
-
return React.createElement(Container$
|
|
4532
|
+
return React.createElement(Container$M, null, React.createElement(RadioButtonGroup, {
|
|
4512
4533
|
heading: "Delivery Point",
|
|
4513
4534
|
options: deliveryPoints || [],
|
|
4514
4535
|
onChange: radioGroupHandler,
|
|
@@ -4517,16 +4538,16 @@ function DeliveryPoint() {
|
|
|
4517
4538
|
required: false
|
|
4518
4539
|
}));
|
|
4519
4540
|
}
|
|
4520
|
-
var Container$
|
|
4541
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4521
4542
|
|
|
4522
|
-
var _templateObject$
|
|
4543
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$4;
|
|
4523
4544
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4524
4545
|
function Checkbox(props) {
|
|
4525
4546
|
var imageSrc = props.imageSrc,
|
|
4526
4547
|
label = props.label,
|
|
4527
4548
|
checked = props.checked,
|
|
4528
4549
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4529
|
-
return React.createElement(MainContainer$
|
|
4550
|
+
return React.createElement(MainContainer$8, {
|
|
4530
4551
|
"$checked": checked
|
|
4531
4552
|
}, React.createElement(CheckboxContainer, null, React.createElement(HiddenCheckbox, Object.assign({
|
|
4532
4553
|
type: "checkbox"
|
|
@@ -4540,20 +4561,20 @@ function Checkbox(props) {
|
|
|
4540
4561
|
"$checked": checked
|
|
4541
4562
|
}, label)));
|
|
4542
4563
|
}
|
|
4543
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
4564
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4544
4565
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4545
4566
|
});
|
|
4546
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4547
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
4567
|
+
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
4568
|
+
var Circle = /*#__PURE__*/styled.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
4548
4569
|
return props.$checked ? '#feba30' : 'white';
|
|
4549
4570
|
});
|
|
4550
|
-
var Text$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
4571
|
+
var Text$5 = /*#__PURE__*/styled.span(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n"])), function (props) {
|
|
4551
4572
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4552
4573
|
});
|
|
4553
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4554
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4555
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
4556
|
-
var MainContainer$
|
|
4574
|
+
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4575
|
+
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4576
|
+
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$6 || (_templateObject7$6 = /*#__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"])));
|
|
4577
|
+
var MainContainer$8 = /*#__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) {
|
|
4557
4578
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4558
4579
|
});
|
|
4559
4580
|
|
|
@@ -4580,10 +4601,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4580
4601
|
return "" + baseURL$1 + subPath;
|
|
4581
4602
|
};
|
|
4582
4603
|
|
|
4583
|
-
var _templateObject$
|
|
4604
|
+
var _templateObject$1a;
|
|
4584
4605
|
function OrderServices$1() {
|
|
4585
4606
|
// TO DO -> get services from static data
|
|
4586
|
-
return React.createElement(Container$
|
|
4607
|
+
return React.createElement(Container$N, null, React.createElement(Checkbox, {
|
|
4587
4608
|
checked: false,
|
|
4588
4609
|
label: "Assemble",
|
|
4589
4610
|
imageSrc: getIcon$1(1)
|
|
@@ -4605,23 +4626,23 @@ function OrderServices$1() {
|
|
|
4605
4626
|
imageSrc: getIcon$1(4)
|
|
4606
4627
|
}));
|
|
4607
4628
|
}
|
|
4608
|
-
var Container$
|
|
4629
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4609
4630
|
|
|
4610
|
-
var _templateObject$
|
|
4631
|
+
var _templateObject$1b, _templateObject2$Q;
|
|
4611
4632
|
function Notes$1(_ref) {
|
|
4612
4633
|
var onNotesChange = _ref.onNotesChange;
|
|
4613
4634
|
var handleTextChange = function handleTextChange(event) {
|
|
4614
4635
|
onNotesChange(event.target.value);
|
|
4615
4636
|
};
|
|
4616
|
-
return React.createElement(Container$
|
|
4637
|
+
return React.createElement(Container$O, null, React.createElement(Label$4, null, "Notes"), React.createElement(TextArea, {
|
|
4617
4638
|
rows: 15,
|
|
4618
4639
|
onChange: handleTextChange
|
|
4619
4640
|
}));
|
|
4620
4641
|
}
|
|
4621
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
4622
|
-
var Container$
|
|
4642
|
+
var Label$4 = /*#__PURE__*/styled.span(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4643
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4623
4644
|
|
|
4624
|
-
var _templateObject$
|
|
4645
|
+
var _templateObject$1c, _templateObject2$R, _templateObject3$w;
|
|
4625
4646
|
function LogServiceRefusal() {
|
|
4626
4647
|
var _useCurrentAction = useCurrentAction(),
|
|
4627
4648
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4641,9 +4662,9 @@ function LogServiceRefusal() {
|
|
|
4641
4662
|
}
|
|
4642
4663
|
}))));
|
|
4643
4664
|
}
|
|
4644
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
4645
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4646
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
4665
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4666
|
+
var Left = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4667
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4647
4668
|
|
|
4648
4669
|
function ReturnAction() {
|
|
4649
4670
|
var onSelect = function onSelect() {};
|
|
@@ -4669,7 +4690,7 @@ function ReturnReason() {
|
|
|
4669
4690
|
});
|
|
4670
4691
|
}
|
|
4671
4692
|
|
|
4672
|
-
var _templateObject$
|
|
4693
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4673
4694
|
function CancelOrder() {
|
|
4674
4695
|
var _orderStaticData$canc;
|
|
4675
4696
|
var _useOrderId = useOrderId(),
|
|
@@ -4773,27 +4794,27 @@ function CancelOrder() {
|
|
|
4773
4794
|
options: cancelReasonOptions || [],
|
|
4774
4795
|
onSelect: onSelectCancelReason,
|
|
4775
4796
|
value: cancelReason
|
|
4776
|
-
}), React.createElement(Wrapper$
|
|
4797
|
+
}), React.createElement(Wrapper$d, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$P, null, React.createElement(Label$5, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4777
4798
|
rows: 5,
|
|
4778
4799
|
onChange: onChangeNotes,
|
|
4779
4800
|
value: cancelNotes,
|
|
4780
4801
|
placeholder: "Reason for Cancel Order"
|
|
4781
4802
|
}))))));
|
|
4782
4803
|
}
|
|
4783
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
4784
|
-
var Container$
|
|
4785
|
-
var Wrapper$
|
|
4786
|
-
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$
|
|
4787
|
-
var TopRight = /*#__PURE__*/styled.div(_templateObject5$
|
|
4788
|
-
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4804
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4805
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4806
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4807
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4808
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4809
|
+
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4789
4810
|
// const Bottom = styled.div``;
|
|
4790
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
4811
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
4791
4812
|
|
|
4792
|
-
var _templateObject$
|
|
4793
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
4794
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
4795
|
-
var TableSkelton = /*#__PURE__*/styled.div(_templateObject6$
|
|
4796
|
-
var CustomCheckBox = /*#__PURE__*/styled.div(_templateObject7$
|
|
4813
|
+
var _templateObject$1e, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4814
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4815
|
+
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n section {\n padding: 0px 0 15px;\n .filterCover {\n border-radius: 16px;\n border: 1px solid var(--tonal-brown-10, #edebe8);\n background: #f8fafc;\n display: flex;\n gap: 30px;\n padding: 15px;\n gap: 15px;\n .col {\n width: 21%;\n label {\n color: #8d8f90;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n display: block;\n margin-bottom: 4px;\n }\n .ant-select-single {\n width: 100%;\n }\n select {\n width: 100%;\n }\n &:first-child {\n width: 43%;\n }\n &:last-child {\n width: 33%;\n }\n }\n }\n }\n"])));
|
|
4816
|
+
var TableSkelton = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -8px;\n min-height: auto;\n width: 100%;\n\n table {\n border-collapse: separate;\n width: 100%;\n border-spacing: 0px 8px;\n thead {\n tr {\n th {\n font-size: 14px;\n font-weight: 600;\n padding: 8px 15px;\n text-align: left;\n border-top: 1px solid rgba(0, 0, 0, 0.08);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n background: #f0f2f2;\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 6px 15px;\n text-align: left;\n box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);\n\n background: #fff;\n\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n }\n"])));
|
|
4817
|
+
var CustomCheckBox = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .container {\n display: block;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 20px;\n height: 20px;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #cfcfcf;\n border-radius: 4px;\n }\n\n .container:hover input ~ .checkmark {\n border-color: #7f7a7a;\n }\n\n .container input:checked ~ .checkmark {\n background-color: #000;\n }\n\n .checkmark:after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .container input:checked ~ .checkmark:after {\n display: block;\n }\n\n .container .checkmark:after {\n left: 8px;\n top: 4px;\n width: 3px;\n height: 6px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n"])));
|
|
4797
4818
|
|
|
4798
4819
|
var options = [{
|
|
4799
4820
|
value: 'bjsCouriers',
|
|
@@ -5090,7 +5111,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5090
5111
|
);
|
|
5091
5112
|
};
|
|
5092
5113
|
|
|
5093
|
-
var _templateObject$
|
|
5114
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$y;
|
|
5094
5115
|
function EmailAddress() {
|
|
5095
5116
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5096
5117
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5122,7 +5143,7 @@ function EmailAddress() {
|
|
|
5122
5143
|
});
|
|
5123
5144
|
});
|
|
5124
5145
|
};
|
|
5125
|
-
return React.createElement(Container$
|
|
5146
|
+
return React.createElement(Container$Q, null, React.createElement(Label$6, null, "Email Address"), React.createElement(Input$2, {
|
|
5126
5147
|
style: {
|
|
5127
5148
|
borderRadius: '15px'
|
|
5128
5149
|
},
|
|
@@ -5131,11 +5152,11 @@ function EmailAddress() {
|
|
|
5131
5152
|
onChange: onChange
|
|
5132
5153
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
5133
5154
|
}
|
|
5134
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
5135
|
-
var Container$
|
|
5136
|
-
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5155
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5156
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5157
|
+
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5137
5158
|
|
|
5138
|
-
var _templateObject$
|
|
5159
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$z;
|
|
5139
5160
|
function ContactPhone() {
|
|
5140
5161
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5141
5162
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5184,7 +5205,7 @@ function ContactPhone() {
|
|
|
5184
5205
|
});
|
|
5185
5206
|
}
|
|
5186
5207
|
};
|
|
5187
|
-
return React.createElement(Container$
|
|
5208
|
+
return React.createElement(Container$R, null, React.createElement(Label$7, null, "Contact Phone"), React.createElement(Input$2, {
|
|
5188
5209
|
name: "contact-home",
|
|
5189
5210
|
type: "text",
|
|
5190
5211
|
placeholder: "Home Number",
|
|
@@ -5196,11 +5217,11 @@ function ContactPhone() {
|
|
|
5196
5217
|
onChange: onChange
|
|
5197
5218
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5198
5219
|
}
|
|
5199
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
5200
|
-
var Container$
|
|
5201
|
-
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5220
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5221
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5222
|
+
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5202
5223
|
|
|
5203
|
-
var _templateObject$
|
|
5224
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$A;
|
|
5204
5225
|
function ContactWork$1() {
|
|
5205
5226
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5206
5227
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5249,7 +5270,7 @@ function ContactWork$1() {
|
|
|
5249
5270
|
});
|
|
5250
5271
|
}
|
|
5251
5272
|
};
|
|
5252
|
-
return React.createElement(Container$
|
|
5273
|
+
return React.createElement(Container$S, null, React.createElement(Label$8, null, "Contact Work"), React.createElement(Input$2, {
|
|
5253
5274
|
name: "contact-work",
|
|
5254
5275
|
type: "text",
|
|
5255
5276
|
placeholder: "Work Number",
|
|
@@ -5261,11 +5282,11 @@ function ContactWork$1() {
|
|
|
5261
5282
|
onChange: onChange
|
|
5262
5283
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5263
5284
|
}
|
|
5264
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
5265
|
-
var Container$
|
|
5266
|
-
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5285
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5286
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5287
|
+
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5267
5288
|
|
|
5268
|
-
var _templateObject$
|
|
5289
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$B;
|
|
5269
5290
|
function ContactMobile$1() {
|
|
5270
5291
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5271
5292
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5314,7 +5335,7 @@ function ContactMobile$1() {
|
|
|
5314
5335
|
});
|
|
5315
5336
|
}
|
|
5316
5337
|
};
|
|
5317
|
-
return React.createElement(Container$
|
|
5338
|
+
return React.createElement(Container$T, null, React.createElement(Label$9, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5318
5339
|
name: "contact-work",
|
|
5319
5340
|
type: "text",
|
|
5320
5341
|
placeholder: "Mobile Number",
|
|
@@ -5326,9 +5347,9 @@ function ContactMobile$1() {
|
|
|
5326
5347
|
onChange: onChange
|
|
5327
5348
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5328
5349
|
}
|
|
5329
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
5330
|
-
var Container$
|
|
5331
|
-
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5350
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5351
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5352
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5332
5353
|
|
|
5333
5354
|
function ContactTypeDropdown() {
|
|
5334
5355
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5394,7 +5415,7 @@ function ActionDropdown() {
|
|
|
5394
5415
|
});
|
|
5395
5416
|
}
|
|
5396
5417
|
|
|
5397
|
-
var _templateObject$
|
|
5418
|
+
var _templateObject$1j, _templateObject2$X;
|
|
5398
5419
|
function DeliveryDate$1() {
|
|
5399
5420
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5400
5421
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5418,7 +5439,7 @@ function DeliveryDate$1() {
|
|
|
5418
5439
|
var today = new Date();
|
|
5419
5440
|
var tomorrow = new Date(today);
|
|
5420
5441
|
tomorrow.setDate(today.getDate() + 1);
|
|
5421
|
-
return React.createElement(Container$
|
|
5442
|
+
return React.createElement(Container$U, null, React.createElement(Label$a, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
5422
5443
|
onChange: handleDateChange,
|
|
5423
5444
|
format: "DD/MM/YYYY",
|
|
5424
5445
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5428,8 +5449,8 @@ function DeliveryDate$1() {
|
|
|
5428
5449
|
minDate: dayjs(tomorrow)
|
|
5429
5450
|
}));
|
|
5430
5451
|
}
|
|
5431
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
5432
|
-
var Container$
|
|
5452
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5453
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5433
5454
|
|
|
5434
5455
|
function convertTo12HourFormat$1(time24) {
|
|
5435
5456
|
var _time24$split, _minutes$toString;
|
|
@@ -5478,19 +5499,19 @@ function TimedServiceDropdown$1() {
|
|
|
5478
5499
|
});
|
|
5479
5500
|
}
|
|
5480
5501
|
|
|
5481
|
-
var _templateObject$
|
|
5502
|
+
var _templateObject$1k, _templateObject2$Y, _templateObject3$C, _templateObject4$i;
|
|
5482
5503
|
function CustomerInformation() {
|
|
5483
5504
|
var _orderDetails$order_r;
|
|
5484
5505
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5485
5506
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5486
|
-
return React.createElement(Container$
|
|
5507
|
+
return React.createElement(Container$V, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$e, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$e, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$e, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$e, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5487
5508
|
}
|
|
5488
|
-
var Wrapper$
|
|
5489
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5490
|
-
var Title$
|
|
5491
|
-
var Container$
|
|
5509
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5510
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
|
|
5511
|
+
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5512
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5492
5513
|
|
|
5493
|
-
var _templateObject$
|
|
5514
|
+
var _templateObject$1l, _templateObject2$Z;
|
|
5494
5515
|
function ProductTable$1() {
|
|
5495
5516
|
var _useProductDetails = useProductDetails(),
|
|
5496
5517
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5499,7 +5520,7 @@ function ProductTable$1() {
|
|
|
5499
5520
|
if (!orderProductDetails) {
|
|
5500
5521
|
return null;
|
|
5501
5522
|
}
|
|
5502
|
-
return React.createElement(Container$
|
|
5523
|
+
return React.createElement(Container$W, null, React.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5503
5524
|
className: "scrollClass"
|
|
5504
5525
|
}, 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", {
|
|
5505
5526
|
colSpan: 6
|
|
@@ -5517,10 +5538,10 @@ function ProductTable$1() {
|
|
|
5517
5538
|
}, 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));
|
|
5518
5539
|
})))));
|
|
5519
5540
|
}
|
|
5520
|
-
var Title$
|
|
5521
|
-
var Container$
|
|
5541
|
+
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5542
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5522
5543
|
|
|
5523
|
-
var _templateObject$
|
|
5544
|
+
var _templateObject$1m, _templateObject2$_;
|
|
5524
5545
|
function NotesTable() {
|
|
5525
5546
|
var _useState = useState(null),
|
|
5526
5547
|
moduleIds = _useState[0],
|
|
@@ -5588,7 +5609,7 @@ function NotesTable() {
|
|
|
5588
5609
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5589
5610
|
return null;
|
|
5590
5611
|
}
|
|
5591
|
-
return React.createElement(Container$
|
|
5612
|
+
return React.createElement(Container$X, null, React.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5592
5613
|
className: "scrollClass"
|
|
5593
5614
|
}, 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", {
|
|
5594
5615
|
colSpan: 6
|
|
@@ -5610,53 +5631,53 @@ function NotesTable() {
|
|
|
5610
5631
|
}, 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));
|
|
5611
5632
|
})))));
|
|
5612
5633
|
}
|
|
5613
|
-
var Title$
|
|
5614
|
-
var Container$
|
|
5634
|
+
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"])));
|
|
5635
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5615
5636
|
|
|
5616
|
-
var _templateObject$
|
|
5637
|
+
var _templateObject$1n, _templateObject2$$;
|
|
5617
5638
|
function ConfirmationNotes() {
|
|
5618
|
-
return React.createElement(Container$
|
|
5639
|
+
return React.createElement(Container$Y, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
5619
5640
|
rows: 5,
|
|
5620
5641
|
placeholder: "Enter Notes"
|
|
5621
5642
|
}));
|
|
5622
5643
|
}
|
|
5623
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
5624
|
-
var Container$
|
|
5644
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5645
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5625
5646
|
|
|
5626
|
-
var _templateObject$
|
|
5647
|
+
var _templateObject$1o, _templateObject2$10;
|
|
5627
5648
|
function DeliveryInstructions$1() {
|
|
5628
|
-
return React.createElement(Container$
|
|
5649
|
+
return React.createElement(Container$Z, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5629
5650
|
rows: 5,
|
|
5630
5651
|
placeholder: "Enter Delivery Instructions"
|
|
5631
5652
|
}));
|
|
5632
5653
|
}
|
|
5633
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
5634
|
-
var Container$
|
|
5654
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5655
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5635
5656
|
|
|
5636
|
-
var _templateObject$
|
|
5657
|
+
var _templateObject$1p, _templateObject2$11;
|
|
5637
5658
|
function ContactWith() {
|
|
5638
|
-
return React.createElement(Container
|
|
5659
|
+
return React.createElement(Container$_, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
5639
5660
|
style: {
|
|
5640
5661
|
borderRadius: '15px'
|
|
5641
5662
|
}
|
|
5642
5663
|
}));
|
|
5643
5664
|
}
|
|
5644
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
5645
|
-
var Container
|
|
5665
|
+
var Label$d = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5666
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5646
5667
|
|
|
5647
|
-
var _templateObject$
|
|
5668
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$D, _templateObject4$j;
|
|
5648
5669
|
function SlotAndInstructions() {
|
|
5649
5670
|
var _orderDetails$order_r;
|
|
5650
5671
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5651
5672
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5652
|
-
return React.createElement(Container
|
|
5673
|
+
return React.createElement(Container$$, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5653
5674
|
}
|
|
5654
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5655
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5656
|
-
var Title$
|
|
5657
|
-
var Container
|
|
5675
|
+
var Value = /*#__PURE__*/styled.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5676
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5677
|
+
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5678
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5658
5679
|
|
|
5659
|
-
var _templateObject$
|
|
5680
|
+
var _templateObject$1r, _templateObject2$13;
|
|
5660
5681
|
// import { filterObject } from '../../../utils';
|
|
5661
5682
|
function ConfirmOrder() {
|
|
5662
5683
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5835,10 +5856,10 @@ function ConfirmOrder() {
|
|
|
5835
5856
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5836
5857
|
showOkButton: false,
|
|
5837
5858
|
showCloseIcon: false
|
|
5838
|
-
}), React.createElement(Wrapper$
|
|
5859
|
+
}), React.createElement(Wrapper$f, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5839
5860
|
}
|
|
5840
|
-
var Wrapper$
|
|
5841
|
-
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5861
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5862
|
+
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
5842
5863
|
|
|
5843
5864
|
function SendSmsModal() {
|
|
5844
5865
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6125,16 +6146,16 @@ function HoldOrderModal() {
|
|
|
6125
6146
|
})))));
|
|
6126
6147
|
}
|
|
6127
6148
|
|
|
6128
|
-
var _templateObject$
|
|
6149
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$E;
|
|
6129
6150
|
// import {
|
|
6130
6151
|
// EscalationCategory,
|
|
6131
6152
|
// EscalationLevel,
|
|
6132
6153
|
// EscalationReason,
|
|
6133
6154
|
// EscalationStatus,
|
|
6134
6155
|
// } from '../../utils';
|
|
6135
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6136
|
-
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$
|
|
6137
|
-
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$
|
|
6156
|
+
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
6157
|
+
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6158
|
+
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6138
6159
|
var Dropdowns = function Dropdowns() {
|
|
6139
6160
|
var handleSelectChange = function handleSelectChange() {
|
|
6140
6161
|
// alert('hello');
|
|
@@ -6202,17 +6223,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6202
6223
|
})));
|
|
6203
6224
|
};
|
|
6204
6225
|
|
|
6205
|
-
var _templateObject$
|
|
6226
|
+
var _templateObject$1t, _templateObject2$15;
|
|
6206
6227
|
var Notes$2 = function Notes() {
|
|
6207
|
-
var StyledTextArea = styled(TextArea)(_templateObject$
|
|
6208
|
-
var Label = styled.label(_templateObject2$
|
|
6228
|
+
var StyledTextArea = styled(TextArea)(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
6229
|
+
var Label = styled.label(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: var(--tonal-brown-651, #6a7378);\n "])));
|
|
6209
6230
|
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
6210
6231
|
name: "note",
|
|
6211
6232
|
placeholder: ""
|
|
6212
6233
|
}));
|
|
6213
6234
|
};
|
|
6214
6235
|
|
|
6215
|
-
var _templateObject$
|
|
6236
|
+
var _templateObject$1u, _templateObject2$16, _templateObject3$F, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$9, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6216
6237
|
var Upgrade = function Upgrade() {
|
|
6217
6238
|
var handleSelectChange = function handleSelectChange() {
|
|
6218
6239
|
// alert('hello');
|
|
@@ -6221,7 +6242,7 @@ var Upgrade = function Upgrade() {
|
|
|
6221
6242
|
description: 'Upgrade successfully.'
|
|
6222
6243
|
});
|
|
6223
6244
|
};
|
|
6224
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$
|
|
6245
|
+
return React.createElement(React.Fragment, null, React.createElement(Wrapper$g, null, React.createElement(Heading$2, null, "Upgrade"), React.createElement(Container$10, null, React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6225
6246
|
label: 'Timed Service',
|
|
6226
6247
|
checked: true,
|
|
6227
6248
|
onChange: function onChange(_event) {
|
|
@@ -6271,24 +6292,24 @@ var Upgrade = function Upgrade() {
|
|
|
6271
6292
|
name: ''
|
|
6272
6293
|
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
6273
6294
|
};
|
|
6274
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6275
|
-
var Box = /*#__PURE__*/styled.div(_templateObject2$
|
|
6276
|
-
var Wrapper$
|
|
6277
|
-
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$
|
|
6278
|
-
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$
|
|
6279
|
-
var Heading$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
6280
|
-
var Container$
|
|
6295
|
+
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6296
|
+
var Box = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 20px;\n height: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n\n &::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 11px;\n height: 11px;\n background-color: #ccc;\n border-radius: 2px;\n display: none;\n }\n"])));
|
|
6297
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6298
|
+
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
6299
|
+
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6300
|
+
var Heading$2 = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n"])));
|
|
6301
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n align-items: center;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n"])));
|
|
6281
6302
|
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"])));
|
|
6282
6303
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6283
6304
|
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"])));
|
|
6284
6305
|
|
|
6285
|
-
var _templateObject$
|
|
6286
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject$
|
|
6306
|
+
var _templateObject$1v;
|
|
6307
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
6287
6308
|
var Escalation = function Escalation() {
|
|
6288
6309
|
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
6289
6310
|
};
|
|
6290
6311
|
|
|
6291
|
-
var _templateObject$
|
|
6312
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$G, _templateObject4$l;
|
|
6292
6313
|
var NewEscalation = function NewEscalation() {
|
|
6293
6314
|
var _useState = useState(false),
|
|
6294
6315
|
showContent = _useState[0],
|
|
@@ -6317,10 +6338,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6317
6338
|
className: "checkmark"
|
|
6318
6339
|
})))), 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"))))));
|
|
6319
6340
|
};
|
|
6320
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$
|
|
6321
|
-
var Button = /*#__PURE__*/styled.button(_templateObject2$
|
|
6322
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6323
|
-
var CancelButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
6341
|
+
var Component = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
6342
|
+
var Button = /*#__PURE__*/styled.button(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #3a3630;\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n color: white;\n cursor: pointer;\n"])));
|
|
6343
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6344
|
+
var CancelButton = /*#__PURE__*/styled.button(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
6324
6345
|
|
|
6325
6346
|
var EscalationModal = function EscalationModal() {
|
|
6326
6347
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6480,7 +6501,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6480
6501
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6481
6502
|
var Icon = _ref.icon,
|
|
6482
6503
|
question = _ref.question;
|
|
6483
|
-
return React.createElement(Row$4, null, React.createElement(Container$
|
|
6504
|
+
return React.createElement(Row$4, null, React.createElement(Container$L, null, React.createElement(ImageRow, null, React.createElement(ImageCircle, null, React.createElement(Icon, null)), React.createElement(StaticText, null, question)), React.createElement(CustomRating, {
|
|
6484
6505
|
showText: true
|
|
6485
6506
|
})));
|
|
6486
6507
|
};
|
|
@@ -6513,7 +6534,7 @@ function LogFeedback() {
|
|
|
6513
6534
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6514
6535
|
icon: GrowthImg,
|
|
6515
6536
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6516
|
-
}), React.createElement(Row$4, null, React.createElement(Container$
|
|
6537
|
+
}), React.createElement(Row$4, null, React.createElement(Container$L, null, React.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React.createElement(StyledTextAreas, {
|
|
6517
6538
|
name: "note",
|
|
6518
6539
|
placeholder: "Write here..."
|
|
6519
6540
|
}))))));
|
|
@@ -6675,7 +6696,7 @@ function ChargeLog() {
|
|
|
6675
6696
|
})));
|
|
6676
6697
|
}
|
|
6677
6698
|
|
|
6678
|
-
var _templateObject$
|
|
6699
|
+
var _templateObject$1x;
|
|
6679
6700
|
var UnholdOrder = function UnholdOrder() {
|
|
6680
6701
|
var _useCurrentAction = useCurrentAction(),
|
|
6681
6702
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6699,9 +6720,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6699
6720
|
})
|
|
6700
6721
|
});
|
|
6701
6722
|
};
|
|
6702
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
6723
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6703
6724
|
|
|
6704
|
-
var _templateObject$
|
|
6725
|
+
var _templateObject$1y, _templateObject2$18;
|
|
6705
6726
|
var ProductData = function ProductData(_ref) {
|
|
6706
6727
|
var products = _ref.products,
|
|
6707
6728
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6724,8 +6745,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6724
6745
|
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6725
6746
|
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6726
6747
|
};
|
|
6727
|
-
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$
|
|
6728
|
-
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$
|
|
6748
|
+
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6749
|
+
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6729
6750
|
|
|
6730
6751
|
var initialProducts = [{
|
|
6731
6752
|
id: 1458784,
|
|
@@ -6846,7 +6867,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6846
6867
|
})));
|
|
6847
6868
|
};
|
|
6848
6869
|
|
|
6849
|
-
var _templateObject$
|
|
6870
|
+
var _templateObject$1z, _templateObject2$19;
|
|
6850
6871
|
function AssigneeDropdown() {
|
|
6851
6872
|
var handleSelectChange = function handleSelectChange() {
|
|
6852
6873
|
// alert('hello');
|
|
@@ -6868,8 +6889,8 @@ function AssigneeDropdown() {
|
|
|
6868
6889
|
}
|
|
6869
6890
|
}));
|
|
6870
6891
|
}
|
|
6871
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6872
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$
|
|
6892
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6893
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6873
6894
|
|
|
6874
6895
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6875
6896
|
return React.createElement("svg", {
|
|
@@ -6887,11 +6908,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6887
6908
|
}));
|
|
6888
6909
|
};
|
|
6889
6910
|
|
|
6890
|
-
var _templateObject$
|
|
6891
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6892
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6893
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6894
|
-
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
6911
|
+
var _templateObject$1A, _templateObject2$1a, _templateObject3$H, _templateObject4$m, _templateObject8$6, _templateObject10$2, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
6912
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
6913
|
+
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
6914
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6915
|
+
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
6895
6916
|
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"])));
|
|
6896
6917
|
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"])));
|
|
6897
6918
|
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"])));
|
|
@@ -6982,7 +7003,22 @@ function useFetchSingleReminderData() {
|
|
|
6982
7003
|
return res;
|
|
6983
7004
|
}
|
|
6984
7005
|
|
|
6985
|
-
var _templateObject$
|
|
7006
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$I, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
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;
|
|
6986
7022
|
function StatusIndicator(props) {
|
|
6987
7023
|
var statusColor = getStatusColor(props.status);
|
|
6988
7024
|
return React.createElement(Container$12, null, React.createElement(StatusCircleContainer, {
|
|
@@ -6996,7 +7032,7 @@ function StatusIndicator(props) {
|
|
|
6996
7032
|
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) {
|
|
6997
7033
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6998
7034
|
});
|
|
6999
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
7035
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7000
7036
|
return props.color;
|
|
7001
7037
|
});
|
|
7002
7038
|
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"])));
|
|
@@ -7162,7 +7198,7 @@ function useFetchReminders() {
|
|
|
7162
7198
|
return perform;
|
|
7163
7199
|
}
|
|
7164
7200
|
|
|
7165
|
-
var _templateObject$1D, _templateObject2$
|
|
7201
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7166
7202
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7167
7203
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7168
7204
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7319,7 +7355,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7319
7355
|
}))))));
|
|
7320
7356
|
};
|
|
7321
7357
|
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"])));
|
|
7322
|
-
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$
|
|
7358
|
+
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7323
7359
|
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"])));
|
|
7324
7360
|
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"])));
|
|
7325
7361
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7347,7 +7383,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7347
7383
|
}, " * ")), children);
|
|
7348
7384
|
};
|
|
7349
7385
|
|
|
7350
|
-
var _templateObject$1F, _templateObject2$
|
|
7386
|
+
var _templateObject$1F, _templateObject2$1e, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7351
7387
|
dayjs.extend(utc);
|
|
7352
7388
|
dayjs.extend(isValid);
|
|
7353
7389
|
function CreateReminderModal() {
|
|
@@ -7571,7 +7607,7 @@ function CreateReminderModal() {
|
|
|
7571
7607
|
})));
|
|
7572
7608
|
}
|
|
7573
7609
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7574
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
7610
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7575
7611
|
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"])));
|
|
7576
7612
|
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"])));
|
|
7577
7613
|
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"])));
|
|
@@ -7845,7 +7881,7 @@ function TaskReminderModal() {
|
|
|
7845
7881
|
}
|
|
7846
7882
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7847
7883
|
|
|
7848
|
-
var _templateObject$1H, _templateObject2$
|
|
7884
|
+
var _templateObject$1H, _templateObject2$1f;
|
|
7849
7885
|
function OrderLock() {
|
|
7850
7886
|
var _useCurrentAction = useCurrentAction(),
|
|
7851
7887
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7899,7 +7935,7 @@ function OrderLock() {
|
|
|
7899
7935
|
});
|
|
7900
7936
|
}
|
|
7901
7937
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7902
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7938
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7903
7939
|
|
|
7904
7940
|
function useUpdateFlag() {
|
|
7905
7941
|
var ssoToken = getCookie('id_token');
|
|
@@ -7969,7 +8005,7 @@ function useUpdateFlag() {
|
|
|
7969
8005
|
return create;
|
|
7970
8006
|
}
|
|
7971
8007
|
|
|
7972
|
-
var _templateObject$1I, _templateObject2$
|
|
8008
|
+
var _templateObject$1I, _templateObject2$1g, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
7973
8009
|
function HeaderSection() {
|
|
7974
8010
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7975
8011
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8040,13 +8076,13 @@ function HeaderSection() {
|
|
|
8040
8076
|
})));
|
|
8041
8077
|
}
|
|
8042
8078
|
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"])));
|
|
8043
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
8079
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8044
8080
|
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"])));
|
|
8045
8081
|
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"])));
|
|
8046
8082
|
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"])));
|
|
8047
8083
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8048
8084
|
|
|
8049
|
-
var _templateObject$1J, _templateObject2$
|
|
8085
|
+
var _templateObject$1J, _templateObject2$1h;
|
|
8050
8086
|
function TextSection() {
|
|
8051
8087
|
var _useSinglePayload = useSinglePayload(),
|
|
8052
8088
|
payload = _useSinglePayload[0],
|
|
@@ -8065,9 +8101,9 @@ function TextSection() {
|
|
|
8065
8101
|
}));
|
|
8066
8102
|
}
|
|
8067
8103
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8068
|
-
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8104
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8069
8105
|
|
|
8070
|
-
var _templateObject$1K, _templateObject2$
|
|
8106
|
+
var _templateObject$1K, _templateObject2$1i;
|
|
8071
8107
|
function ButtonsSection() {
|
|
8072
8108
|
var _useSinglePayload = useSinglePayload(),
|
|
8073
8109
|
payload = _useSinglePayload[0],
|
|
@@ -8159,9 +8195,9 @@ function ButtonsSection() {
|
|
|
8159
8195
|
}))));
|
|
8160
8196
|
}
|
|
8161
8197
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8162
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8198
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8163
8199
|
|
|
8164
|
-
var _templateObject$1L, _templateObject2$
|
|
8200
|
+
var _templateObject$1L, _templateObject2$1j, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8165
8201
|
function ActionSection() {
|
|
8166
8202
|
var _useCurrentAction = useCurrentAction(),
|
|
8167
8203
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8248,13 +8284,13 @@ function RadioButtonsSection() {
|
|
|
8248
8284
|
}));
|
|
8249
8285
|
}
|
|
8250
8286
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8251
|
-
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$
|
|
8287
|
+
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8252
8288
|
var CancelButton$1 = /*#__PURE__*/styled(Button$1)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8253
8289
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8254
8290
|
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"])));
|
|
8255
8291
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8256
8292
|
|
|
8257
|
-
var _templateObject$1M, _templateObject2$
|
|
8293
|
+
var _templateObject$1M, _templateObject2$1k, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8258
8294
|
function DetailSection() {
|
|
8259
8295
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8260
8296
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8267,7 +8303,7 @@ function DetailSection() {
|
|
|
8267
8303
|
}), React.createElement(Order, null, orderColumnData)));
|
|
8268
8304
|
}
|
|
8269
8305
|
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"])));
|
|
8270
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8306
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8271
8307
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8272
8308
|
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"])));
|
|
8273
8309
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8352,7 +8388,7 @@ function useFetchSingleFlagsData() {
|
|
|
8352
8388
|
return res;
|
|
8353
8389
|
}
|
|
8354
8390
|
|
|
8355
|
-
var _templateObject$1N, _templateObject2$
|
|
8391
|
+
var _templateObject$1N, _templateObject2$1l, _templateObject3$Q;
|
|
8356
8392
|
function ViewFlag() {
|
|
8357
8393
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8358
8394
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8450,7 +8486,7 @@ function ViewFlag() {
|
|
|
8450
8486
|
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)))));
|
|
8451
8487
|
}
|
|
8452
8488
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8453
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
8489
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8454
8490
|
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"])));
|
|
8455
8491
|
|
|
8456
8492
|
var _templateObject$1O;
|
|
@@ -8614,7 +8650,8 @@ function useSystemLogs() {
|
|
|
8614
8650
|
'Content-Type': 'application/json',
|
|
8615
8651
|
Authorization: "Bearer " + ssoToken,
|
|
8616
8652
|
'x-pagination': JSON.stringify({
|
|
8617
|
-
|
|
8653
|
+
page: 1,
|
|
8654
|
+
per_page: 100
|
|
8618
8655
|
}),
|
|
8619
8656
|
'x-filters': JSON.stringify([{
|
|
8620
8657
|
field: 'object_id',
|
|
@@ -8684,7 +8721,7 @@ function useSystemLogs() {
|
|
|
8684
8721
|
return perform;
|
|
8685
8722
|
}
|
|
8686
8723
|
|
|
8687
|
-
var _templateObject$1Q, _templateObject2$
|
|
8724
|
+
var _templateObject$1Q, _templateObject2$1m;
|
|
8688
8725
|
var Details = function Details() {
|
|
8689
8726
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8690
8727
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8694,7 +8731,7 @@ var Details = function Details() {
|
|
|
8694
8731
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8695
8732
|
};
|
|
8696
8733
|
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"])));
|
|
8697
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
8734
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
8698
8735
|
|
|
8699
8736
|
var _templateObject$1R;
|
|
8700
8737
|
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"])));
|
|
@@ -8961,7 +8998,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8961
8998
|
};
|
|
8962
8999
|
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"])));
|
|
8963
9000
|
|
|
8964
|
-
var _templateObject$1X, _templateObject2$
|
|
9001
|
+
var _templateObject$1X, _templateObject2$1n, _templateObject3$R, _templateObject4$u;
|
|
8965
9002
|
function OrderView() {
|
|
8966
9003
|
notification.config({
|
|
8967
9004
|
top: 150
|
|
@@ -9248,7 +9285,7 @@ function OrderView() {
|
|
|
9248
9285
|
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));
|
|
9249
9286
|
}
|
|
9250
9287
|
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"])));
|
|
9251
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9288
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9252
9289
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9253
9290
|
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"])));
|
|
9254
9291
|
|
|
@@ -9447,8 +9484,8 @@ function SelectionFilter() {
|
|
|
9447
9484
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
9448
9485
|
var selectedValue = option == null ? void 0 : option.id;
|
|
9449
9486
|
var selectedUuids = option == null ? void 0 : option.uuid;
|
|
9450
|
-
var selectAccountNumber = option.account_number;
|
|
9451
|
-
var selectedCustomerId = option.gsit_customer_id;
|
|
9487
|
+
var selectAccountNumber = option == null ? void 0 : option.account_number;
|
|
9488
|
+
var selectedCustomerId = option == null ? void 0 : option.gsit_customer_id;
|
|
9452
9489
|
setSelectedClient(selectedValue);
|
|
9453
9490
|
setName(selectedLabel);
|
|
9454
9491
|
// storedName(selectedLabel);
|
|
@@ -9612,7 +9649,8 @@ function SelectionFilter() {
|
|
|
9612
9649
|
dispatch({
|
|
9613
9650
|
type: 'CLEAR_CLIENT'
|
|
9614
9651
|
});
|
|
9615
|
-
window.location.href = '/returnclient';
|
|
9652
|
+
// window.location.href = '/returnclient';
|
|
9653
|
+
window.location.replace('/returnclient');
|
|
9616
9654
|
}
|
|
9617
9655
|
}, [clearState]);
|
|
9618
9656
|
return React.createElement(Wrapper$k, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$4, {
|
|
@@ -9723,7 +9761,7 @@ var Text$8 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e =
|
|
|
9723
9761
|
// Right side filter
|
|
9724
9762
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9725
9763
|
|
|
9726
|
-
var _templateObject$1_, _templateObject2$
|
|
9764
|
+
var _templateObject$1_, _templateObject2$1o;
|
|
9727
9765
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9728
9766
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9729
9767
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9750,7 +9788,7 @@ var Container$14 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObjec
|
|
|
9750
9788
|
// align-self: stretch;
|
|
9751
9789
|
// border-radius: 15px 0px 0px 15px;
|
|
9752
9790
|
// `;
|
|
9753
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9791
|
+
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 15px;\n background: #3a3630;\n font-family: 'Lato';\n cursor: pointer;\n border: none;\n\n &:disabled {\n border-radius: 15px;\n background: rgba(136, 128, 117, 0.35);\n color: #888075;\n cursor: not-allowed;\n }\n"])));
|
|
9754
9792
|
|
|
9755
9793
|
var ReturnFilter = function ReturnFilter() {
|
|
9756
9794
|
var _useParams = useParams(),
|
|
@@ -9758,9 +9796,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9758
9796
|
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)));
|
|
9759
9797
|
};
|
|
9760
9798
|
|
|
9761
|
-
var _templateObject$1$, _templateObject2$
|
|
9799
|
+
var _templateObject$1$, _templateObject2$1p, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9762
9800
|
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"])));
|
|
9763
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9801
|
+
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n"])));
|
|
9764
9802
|
// Styled components
|
|
9765
9803
|
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"])));
|
|
9766
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"])));
|
|
@@ -9917,7 +9955,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9917
9955
|
// const hours = padZero(date.getHours());
|
|
9918
9956
|
// const minutes = padZero(date.getMinutes());
|
|
9919
9957
|
// const seconds = padZero(date.getSeconds());
|
|
9920
|
-
return
|
|
9958
|
+
return year + "-" + month + "-" + day;
|
|
9921
9959
|
};
|
|
9922
9960
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9923
9961
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9951,7 +9989,7 @@ var optionsForReturnPrint = [{
|
|
|
9951
9989
|
label: 'Print Return Labels'
|
|
9952
9990
|
}];
|
|
9953
9991
|
|
|
9954
|
-
var _templateObject$20, _templateObject2$
|
|
9992
|
+
var _templateObject$20, _templateObject2$1q;
|
|
9955
9993
|
var options$1 = optionsForReturnPrint;
|
|
9956
9994
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9957
9995
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9969,7 +10007,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9969
10007
|
}));
|
|
9970
10008
|
};
|
|
9971
10009
|
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"])));
|
|
9972
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
10010
|
+
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n &:last-child {\n border: none;\n }\n"])));
|
|
9973
10011
|
|
|
9974
10012
|
var _excluded$3 = ["count"];
|
|
9975
10013
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10303,7 +10341,7 @@ var DefectConfirm = [{
|
|
|
10303
10341
|
value: 'no'
|
|
10304
10342
|
}];
|
|
10305
10343
|
|
|
10306
|
-
var _templateObject$21, _templateObject2$
|
|
10344
|
+
var _templateObject$21, _templateObject2$1r, _templateObject3$U, _templateObject4$x;
|
|
10307
10345
|
var DefetcDetails = function DefetcDetails() {
|
|
10308
10346
|
var handleSelectChange = function handleSelectChange() {
|
|
10309
10347
|
console.log('Option selected');
|
|
@@ -10346,7 +10384,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10346
10384
|
}))));
|
|
10347
10385
|
};
|
|
10348
10386
|
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10349
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10387
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10350
10388
|
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"])));
|
|
10351
10389
|
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10352
10390
|
|
|
@@ -10412,7 +10450,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10412
10450
|
};
|
|
10413
10451
|
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10414
10452
|
|
|
10415
|
-
var _templateObject$23, _templateObject2$
|
|
10453
|
+
var _templateObject$23, _templateObject2$1s, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10416
10454
|
var RepackDetails = function RepackDetails() {
|
|
10417
10455
|
var _useState = useState(false),
|
|
10418
10456
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10460,13 +10498,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10460
10498
|
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
10461
10499
|
};
|
|
10462
10500
|
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10463
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10501
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10464
10502
|
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"])));
|
|
10465
10503
|
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"])));
|
|
10466
10504
|
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"])));
|
|
10467
10505
|
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10468
10506
|
|
|
10469
|
-
var _templateObject$24, _templateObject2$
|
|
10507
|
+
var _templateObject$24, _templateObject2$1t, _templateObject3$W, _templateObject4$z;
|
|
10470
10508
|
var OtherDamage = function OtherDamage() {
|
|
10471
10509
|
var handleSelectChange = function handleSelectChange() {
|
|
10472
10510
|
console.log('Option selected');
|
|
@@ -10523,11 +10561,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10523
10561
|
}))));
|
|
10524
10562
|
};
|
|
10525
10563
|
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10526
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10564
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10527
10565
|
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"])));
|
|
10528
10566
|
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10529
10567
|
|
|
10530
|
-
var _templateObject$25, _templateObject2$
|
|
10568
|
+
var _templateObject$25, _templateObject2$1u, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10531
10569
|
var AddDefect = function AddDefect() {
|
|
10532
10570
|
var _useState = useState({
|
|
10533
10571
|
actionDuring: '',
|
|
@@ -10591,12 +10629,12 @@ var AddDefect = function AddDefect() {
|
|
|
10591
10629
|
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
10592
10630
|
};
|
|
10593
10631
|
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10594
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10632
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n border: 1px solid #e6e6e6;\n border-radius: 15px;\n padding: 10px;\n"])));
|
|
10595
10633
|
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"])));
|
|
10596
10634
|
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"])));
|
|
10597
10635
|
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10598
10636
|
|
|
10599
|
-
var _templateObject$26, _templateObject2$
|
|
10637
|
+
var _templateObject$26, _templateObject2$1v, _templateObject3$Y, _templateObject4$B;
|
|
10600
10638
|
var QCLogs = function QCLogs() {
|
|
10601
10639
|
var handleSelectChange = function handleSelectChange() {
|
|
10602
10640
|
console.log('Option selected');
|
|
@@ -10618,11 +10656,11 @@ var QCLogs = function QCLogs() {
|
|
|
10618
10656
|
}))), React.createElement(AddDefect, null));
|
|
10619
10657
|
};
|
|
10620
10658
|
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10621
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10659
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10622
10660
|
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10623
10661
|
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"])));
|
|
10624
10662
|
|
|
10625
|
-
var _templateObject$27, _templateObject2$
|
|
10663
|
+
var _templateObject$27, _templateObject2$1w, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10626
10664
|
function UpdateProduct() {
|
|
10627
10665
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10628
10666
|
var _useState = useState(),
|
|
@@ -10720,12 +10758,12 @@ function UpdateProduct() {
|
|
|
10720
10758
|
}))));
|
|
10721
10759
|
}
|
|
10722
10760
|
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10723
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
10761
|
+
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10724
10762
|
var Container$1a = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10725
10763
|
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10726
10764
|
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10727
10765
|
|
|
10728
|
-
var _templateObject$28, _templateObject2$
|
|
10766
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$_;
|
|
10729
10767
|
function UnReceiveProduct() {
|
|
10730
10768
|
var _orderStaticData$unre;
|
|
10731
10769
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10774,10 +10812,10 @@ function UnReceiveProduct() {
|
|
|
10774
10812
|
})));
|
|
10775
10813
|
}
|
|
10776
10814
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10777
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10815
|
+
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10778
10816
|
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10779
10817
|
|
|
10780
|
-
var _templateObject$29, _templateObject2$
|
|
10818
|
+
var _templateObject$29, _templateObject2$1y;
|
|
10781
10819
|
var ProductAction = function ProductAction() {
|
|
10782
10820
|
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10783
10821
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10803,7 +10841,7 @@ var ProductAction = function ProductAction() {
|
|
|
10803
10841
|
}))));
|
|
10804
10842
|
};
|
|
10805
10843
|
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10806
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$
|
|
10844
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 50vh;\n padding-bottom: 30px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #edebe8;\n padding: 15px;\n overflow-y: scroll;\n .ant-tabs {\n width: 100%;\n }\n .ant-tabs-tab-active {\n .ant-tabs-tab-btn {\n color: #3a3630 !important;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n }\n .ant-tabs-ink-bar {\n background: #feba30;\n }\n"])));
|
|
10807
10845
|
|
|
10808
10846
|
var _templateObject$2a;
|
|
10809
10847
|
var LogsTable = function LogsTable() {
|
|
@@ -10882,7 +10920,7 @@ var LogsTable = function LogsTable() {
|
|
|
10882
10920
|
};
|
|
10883
10921
|
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10884
10922
|
|
|
10885
|
-
var _templateObject$2b, _templateObject2$
|
|
10923
|
+
var _templateObject$2b, _templateObject2$1z;
|
|
10886
10924
|
var DefectsModal = function DefectsModal() {
|
|
10887
10925
|
var options = [{
|
|
10888
10926
|
value: 'bjsCouriers',
|
|
@@ -10935,7 +10973,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10935
10973
|
}))));
|
|
10936
10974
|
};
|
|
10937
10975
|
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10938
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10976
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10939
10977
|
|
|
10940
10978
|
var _templateObject$2c;
|
|
10941
10979
|
var repackModal = function repackModal() {
|
|
@@ -10969,7 +11007,7 @@ var repackModal = function repackModal() {
|
|
|
10969
11007
|
};
|
|
10970
11008
|
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10971
11009
|
|
|
10972
|
-
var _templateObject$2d, _templateObject2$
|
|
11010
|
+
var _templateObject$2d, _templateObject2$1A, _templateObject3$$;
|
|
10973
11011
|
var _excluded$4 = ["id"];
|
|
10974
11012
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10975
11013
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11048,7 +11086,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11048
11086
|
})))));
|
|
11049
11087
|
};
|
|
11050
11088
|
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"])));
|
|
11051
|
-
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$
|
|
11089
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11052
11090
|
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"])));
|
|
11053
11091
|
|
|
11054
11092
|
var ModalManager = function ModalManager() {
|
|
@@ -11250,10 +11288,7 @@ var ModalManager = function ModalManager() {
|
|
|
11250
11288
|
// for local
|
|
11251
11289
|
// navigate('/order-return');
|
|
11252
11290
|
// for dev
|
|
11253
|
-
|
|
11254
|
-
navigate('returnclient/order-return', {
|
|
11255
|
-
replace: true
|
|
11256
|
-
});
|
|
11291
|
+
navigate('/returnclient/order-return');
|
|
11257
11292
|
}
|
|
11258
11293
|
}, [response, apiError, postLoading]);
|
|
11259
11294
|
return React.createElement(React.Fragment, null, (popupName == null ? void 0 : popupName.state) === 'create-return' && React.createElement(React.Fragment, null, React.createElement(AntModal, {
|
|
@@ -11350,9 +11385,9 @@ var ModalManager = function ModalManager() {
|
|
|
11350
11385
|
}));
|
|
11351
11386
|
};
|
|
11352
11387
|
|
|
11353
|
-
var _templateObject$2e, _templateObject2$
|
|
11388
|
+
var _templateObject$2e, _templateObject2$1B, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11354
11389
|
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"])));
|
|
11355
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
11390
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11356
11391
|
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"])));
|
|
11357
11392
|
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"])));
|
|
11358
11393
|
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"])));
|
|
@@ -11474,7 +11509,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11474
11509
|
}, React.createElement(NextIcon, null)))));
|
|
11475
11510
|
};
|
|
11476
11511
|
|
|
11477
|
-
var _templateObject$2f, _templateObject2$
|
|
11512
|
+
var _templateObject$2f, _templateObject2$1C;
|
|
11478
11513
|
var ReturnTable = function ReturnTable() {
|
|
11479
11514
|
var _UsePaginationData = UsePaginationData(),
|
|
11480
11515
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11502,7 +11537,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11502
11537
|
})))), React.createElement(ModalManager, null));
|
|
11503
11538
|
};
|
|
11504
11539
|
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11505
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
11540
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
11506
11541
|
|
|
11507
11542
|
function LoadIcon() {
|
|
11508
11543
|
return React.createElement("svg", {
|
|
@@ -11520,7 +11555,7 @@ function LoadIcon() {
|
|
|
11520
11555
|
}));
|
|
11521
11556
|
}
|
|
11522
11557
|
|
|
11523
|
-
var _templateObject$2g, _templateObject2$
|
|
11558
|
+
var _templateObject$2g, _templateObject2$1D;
|
|
11524
11559
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11525
11560
|
var legacyProductId = _ref.legacyProductId;
|
|
11526
11561
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11548,7 +11583,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11548
11583
|
}));
|
|
11549
11584
|
};
|
|
11550
11585
|
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"])));
|
|
11551
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
11586
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
|
|
11552
11587
|
var disabled = _ref2.disabled;
|
|
11553
11588
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11554
11589
|
}, function (_ref3) {
|
|
@@ -11957,7 +11992,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11957
11992
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11958
11993
|
});
|
|
11959
11994
|
|
|
11960
|
-
var _templateObject$2i, _templateObject2$
|
|
11995
|
+
var _templateObject$2i, _templateObject2$1E;
|
|
11961
11996
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11962
11997
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
11963
11998
|
dispatch = _useAtom[1];
|
|
@@ -12135,7 +12170,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12135
12170
|
};
|
|
12136
12171
|
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12137
12172
|
// const DropdownContainer = styled.div``;
|
|
12138
|
-
var StyledAntSelect$c = /*#__PURE__*/styled.div(_templateObject2$
|
|
12173
|
+
var StyledAntSelect$c = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n"])));
|
|
12139
12174
|
|
|
12140
12175
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12141
12176
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12221,7 +12256,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12221
12256
|
}, React.createElement(NextIcon, null)))));
|
|
12222
12257
|
};
|
|
12223
12258
|
|
|
12224
|
-
var _templateObject$2j, _templateObject2$
|
|
12259
|
+
var _templateObject$2j, _templateObject2$1F;
|
|
12225
12260
|
var _excluded$5 = ["count"];
|
|
12226
12261
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12227
12262
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12294,12 +12329,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12294
12329
|
})))));
|
|
12295
12330
|
};
|
|
12296
12331
|
var Container$1g = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12297
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
12332
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
12298
12333
|
|
|
12299
|
-
var _templateObject2$
|
|
12300
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12334
|
+
var _templateObject2$1G;
|
|
12335
|
+
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px 12px;\n display: flex;\n align-items: center;\n /* border-right: 1px solid #d0d5dd; */\n gap: 8px;\n cursor: pointer;\n position: relative;\n\n @media screen and (max-width: 1030px) {\n padding: 8px 11px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n top: 54px;\n }\n &:last-child {\n border-right: none;\n }\n &.active svg.arrowDown {\n transform: rotate(180deg);\n }\n label {\n color: #6a7378;\n text-align: center;\n font-family: 'Open Sans';\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n cursor: pointer;\n }\n\n &.noPadding {\n padding: 0;\n }\n"])));
|
|
12301
12336
|
|
|
12302
|
-
var _templateObject$2k, _templateObject2$
|
|
12337
|
+
var _templateObject$2k, _templateObject2$1H;
|
|
12303
12338
|
var SearchType = function SearchType() {
|
|
12304
12339
|
var _useState = useState(''),
|
|
12305
12340
|
searchText = _useState[0],
|
|
@@ -12315,7 +12350,7 @@ var SearchType = function SearchType() {
|
|
|
12315
12350
|
}));
|
|
12316
12351
|
};
|
|
12317
12352
|
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"])));
|
|
12318
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
12353
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n"])));
|
|
12319
12354
|
|
|
12320
12355
|
var BulkFilter = function BulkFilter() {
|
|
12321
12356
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12436,7 +12471,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12436
12471
|
})))));
|
|
12437
12472
|
};
|
|
12438
12473
|
|
|
12439
|
-
var _templateObject$2l, _templateObject2$
|
|
12474
|
+
var _templateObject$2l, _templateObject2$1I, _templateObject3$11;
|
|
12440
12475
|
// import Pagination from './table-view/Pagination';
|
|
12441
12476
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12442
12477
|
function ReturnMainTable() {
|
|
@@ -12496,12 +12531,12 @@ function ReturnMainTable() {
|
|
|
12496
12531
|
}, 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)))));
|
|
12497
12532
|
}
|
|
12498
12533
|
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"])));
|
|
12499
|
-
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$
|
|
12534
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12500
12535
|
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"])));
|
|
12501
12536
|
|
|
12502
|
-
var _templateObject$2m, _templateObject2$
|
|
12537
|
+
var _templateObject$2m, _templateObject2$1J;
|
|
12503
12538
|
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"])));
|
|
12504
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
12539
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12505
12540
|
|
|
12506
12541
|
var _templateObject$2n;
|
|
12507
12542
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12509,12 +12544,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12509
12544
|
};
|
|
12510
12545
|
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"])));
|
|
12511
12546
|
|
|
12512
|
-
var _templateObject$2o, _templateObject2$
|
|
12547
|
+
var _templateObject$2o, _templateObject2$1K;
|
|
12513
12548
|
function Breadcrumb(props) {
|
|
12514
12549
|
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)));
|
|
12515
12550
|
}
|
|
12516
12551
|
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12517
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
12552
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
12518
12553
|
|
|
12519
12554
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12520
12555
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|