@bjsdistribution/dms-client-return 0.0.27 → 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 -388
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +427 -389
- 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 -1
- 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
|
@@ -1919,7 +1919,7 @@ function InstructionSection() {
|
|
|
1919
1919
|
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
1920
1920
|
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 10px !important;\n"])));
|
|
1921
1921
|
|
|
1922
|
-
var _templateObject$u
|
|
1922
|
+
var _templateObject$u;
|
|
1923
1923
|
function convertTo12HourFormat(time24) {
|
|
1924
1924
|
var _time24$split, _minutes$toString;
|
|
1925
1925
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -1959,7 +1959,7 @@ function TimedServiceDropdown() {
|
|
|
1959
1959
|
return React__default.createElement(Container$l, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1960
1960
|
label: "Timed Service",
|
|
1961
1961
|
htmlFor: "timedServiceDropdown"
|
|
1962
|
-
}), React__default.createElement(
|
|
1962
|
+
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
1963
1963
|
placeholder: "Select Timed Service",
|
|
1964
1964
|
options: timedServicesOptions || [],
|
|
1965
1965
|
value: timedServicesOptions == null ? void 0 : timedServicesOptions.filter(function (f) {
|
|
@@ -1967,14 +1967,12 @@ function TimedServiceDropdown() {
|
|
|
1967
1967
|
}),
|
|
1968
1968
|
inputId: "timedServiceDropdown",
|
|
1969
1969
|
onChange: onChange,
|
|
1970
|
-
|
|
1971
|
-
className: 'disabled'
|
|
1970
|
+
isDisabled: true
|
|
1972
1971
|
}));
|
|
1973
1972
|
}
|
|
1974
1973
|
var Container$l = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1975
|
-
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1976
1974
|
|
|
1977
|
-
var _templateObject$v
|
|
1975
|
+
var _templateObject$v;
|
|
1978
1976
|
function ServiceTypeDropdown() {
|
|
1979
1977
|
var _orderStaticData$orde;
|
|
1980
1978
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1998,7 +1996,7 @@ function ServiceTypeDropdown() {
|
|
|
1998
1996
|
return React__default.createElement(Container$m, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1999
1997
|
label: "Service Type",
|
|
2000
1998
|
htmlFor: "serviceTypeDropdown"
|
|
2001
|
-
}), React__default.createElement(
|
|
1999
|
+
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
2002
2000
|
placeholder: "Select Service Type",
|
|
2003
2001
|
options: serviceTypeOptions || [],
|
|
2004
2002
|
value: serviceTypeOptions == null ? void 0 : serviceTypeOptions.filter(function (f) {
|
|
@@ -2007,14 +2005,12 @@ function ServiceTypeDropdown() {
|
|
|
2007
2005
|
inputId: "serviceTypeDropdown",
|
|
2008
2006
|
openMenuOnFocus: true,
|
|
2009
2007
|
onChange: onChange,
|
|
2010
|
-
isDisabled: true
|
|
2011
|
-
className: 'disabled'
|
|
2008
|
+
isDisabled: true
|
|
2012
2009
|
}));
|
|
2013
2010
|
}
|
|
2014
2011
|
var Container$m = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2015
|
-
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
2016
2012
|
|
|
2017
|
-
var _templateObject$w
|
|
2013
|
+
var _templateObject$w;
|
|
2018
2014
|
function DeliveryPointDropdown() {
|
|
2019
2015
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
2020
2016
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2041,7 +2037,7 @@ function DeliveryPointDropdown() {
|
|
|
2041
2037
|
return React__default.createElement(Container$n, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
2042
2038
|
label: "Delivery Point",
|
|
2043
2039
|
htmlFor: "deliveryPointDropdown"
|
|
2044
|
-
}), React__default.createElement(
|
|
2040
|
+
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
2045
2041
|
placeholder: "Select Delivery Point",
|
|
2046
2042
|
options: deliveryPointOptions || [],
|
|
2047
2043
|
inputId: "deliveryPointDropdown",
|
|
@@ -2050,12 +2046,10 @@ function DeliveryPointDropdown() {
|
|
|
2050
2046
|
}),
|
|
2051
2047
|
openMenuOnFocus: true,
|
|
2052
2048
|
onChange: onChange,
|
|
2053
|
-
|
|
2054
|
-
className: 'disabled'
|
|
2049
|
+
isDisabled: true
|
|
2055
2050
|
}));
|
|
2056
2051
|
}
|
|
2057
2052
|
var Container$n = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2058
|
-
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
2059
2053
|
|
|
2060
2054
|
var _templateObject$x;
|
|
2061
2055
|
function ServiceLevel() {
|
|
@@ -2081,22 +2075,16 @@ function ServiceLevel() {
|
|
|
2081
2075
|
});
|
|
2082
2076
|
setOrderData(newData);
|
|
2083
2077
|
};
|
|
2084
|
-
|
|
2085
|
-
return React__default.createElement(Container$o, {
|
|
2086
|
-
disabled: isDisabled
|
|
2087
|
-
}, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
2078
|
+
return React__default.createElement(Container$o, null, React__default.createElement(dmsComponentLibrary.RadioButtonGroup, {
|
|
2088
2079
|
selectedValue: (serviceLevelId == null ? void 0 : serviceLevelId.toString()) || '',
|
|
2089
2080
|
heading: "Service Level",
|
|
2090
2081
|
options: serviceLevelOptions || [],
|
|
2091
2082
|
onChange: radioGroupHandler,
|
|
2092
2083
|
required: true,
|
|
2093
|
-
isDisabled:
|
|
2084
|
+
isDisabled: true
|
|
2094
2085
|
}));
|
|
2095
2086
|
}
|
|
2096
|
-
var Container$o = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n
|
|
2097
|
-
var disabled = _ref.disabled;
|
|
2098
|
-
return disabled && "\n cursor: not-allowed;\n pointer-events: none;\n\n > * {\n cursor: not-allowed;\n }\n ";
|
|
2099
|
-
});
|
|
2087
|
+
var Container$o = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])));
|
|
2100
2088
|
|
|
2101
2089
|
var _templateObject$y;
|
|
2102
2090
|
function AssemblyType() {
|
|
@@ -2213,7 +2201,7 @@ var getIcon = function getIcon(input) {
|
|
|
2213
2201
|
return "" + baseURL + subPath;
|
|
2214
2202
|
};
|
|
2215
2203
|
|
|
2216
|
-
var _templateObject$z, _templateObject2$
|
|
2204
|
+
var _templateObject$z, _templateObject2$n, _templateObject3$a;
|
|
2217
2205
|
function ServiceSlider(props) {
|
|
2218
2206
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2219
2207
|
// event.preventDefault();
|
|
@@ -2231,7 +2219,7 @@ function ServiceSlider(props) {
|
|
|
2231
2219
|
})));
|
|
2232
2220
|
}
|
|
2233
2221
|
var ServiceName = /*#__PURE__*/styled__default.span(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
2234
|
-
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$
|
|
2222
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2235
2223
|
var Container$q = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n cursor: not-allowed;\n flex: 1;\n"])));
|
|
2236
2224
|
|
|
2237
2225
|
var _templateObject$A;
|
|
@@ -2375,10 +2363,7 @@ function OrderServices() {
|
|
|
2375
2363
|
setOrderDetails(_newData2);
|
|
2376
2364
|
}
|
|
2377
2365
|
};
|
|
2378
|
-
|
|
2379
|
-
return React__default.createElement(Container$r, {
|
|
2380
|
-
disabled: isDisabled
|
|
2381
|
-
}, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2366
|
+
return React__default.createElement(Container$r, null, orderServicesOptions == null ? void 0 : orderServicesOptions.map(function (service) {
|
|
2382
2367
|
var _service$type;
|
|
2383
2368
|
var selected = !!(orderServices != null && orderServices.find(function (s) {
|
|
2384
2369
|
return (s == null ? void 0 : s.order_service_list_id) === (service == null ? void 0 : service.id) && s.is_deleted === false;
|
|
@@ -2393,24 +2378,21 @@ function OrderServices() {
|
|
|
2393
2378
|
});
|
|
2394
2379
|
}));
|
|
2395
2380
|
}
|
|
2396
|
-
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n
|
|
2397
|
-
var disabled = _ref.disabled;
|
|
2398
|
-
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2399
|
-
});
|
|
2381
|
+
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n }\n"])));
|
|
2400
2382
|
|
|
2401
|
-
var _templateObject$B, _templateObject2$
|
|
2383
|
+
var _templateObject$B, _templateObject2$o, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2402
2384
|
function ServicesSection() {
|
|
2403
2385
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
2404
2386
|
label: "Services"
|
|
2405
2387
|
}), React__default.createElement(Top, null, React__default.createElement(DropDownContainer, null, React__default.createElement(TimedServiceDropdown, null), React__default.createElement(ServiceTypeDropdown, null), React__default.createElement(DeliveryPointDropdown, null)), React__default.createElement(RadioContainer, null, React__default.createElement(ServiceLevel, null), React__default.createElement(AssemblyType, null))), React__default.createElement(Bottom, null, React__default.createElement(OrderServices, null)));
|
|
2406
2388
|
}
|
|
2407
2389
|
var Top = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
2408
|
-
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2390
|
+
var DropDownContainer = /*#__PURE__*/styled__default.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"])));
|
|
2409
2391
|
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2410
2392
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2411
|
-
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n
|
|
2393
|
+
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
2412
2394
|
|
|
2413
|
-
var _templateObject$C, _templateObject2$
|
|
2395
|
+
var _templateObject$C, _templateObject2$p, _templateObject3$c;
|
|
2414
2396
|
function AllowTracking() {
|
|
2415
2397
|
var _useOrderDetails = useOrderDetails(),
|
|
2416
2398
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2419,7 +2401,7 @@ function AllowTracking() {
|
|
|
2419
2401
|
return React__default.createElement(Container$s, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2420
2402
|
}
|
|
2421
2403
|
var Text$1 = /*#__PURE__*/styled__default.span(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
2422
|
-
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
2404
|
+
var CreatedBy = /*#__PURE__*/styled__default.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"])));
|
|
2423
2405
|
var Container$s = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2424
2406
|
|
|
2425
2407
|
function useUpdateOrder() {
|
|
@@ -2580,12 +2562,12 @@ function OrderDetailsFooter() {
|
|
|
2580
2562
|
}
|
|
2581
2563
|
var Container$t = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
2582
2564
|
|
|
2583
|
-
var _templateObject$E, _templateObject2$
|
|
2565
|
+
var _templateObject$E, _templateObject2$q, _templateObject3$d;
|
|
2584
2566
|
function ExpandedContent() {
|
|
2585
2567
|
return React__default.createElement(MainContainer$3, null, React__default.createElement(Container$u, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null));
|
|
2586
2568
|
}
|
|
2587
2569
|
var HalfWidth = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
|
|
2588
|
-
var Container$u = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2570
|
+
var Container$u = /*#__PURE__*/styled__default.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"])));
|
|
2589
2571
|
// const InstructionContainer = styled.div`
|
|
2590
2572
|
// display: flex;
|
|
2591
2573
|
// justify-content: center;
|
|
@@ -2631,7 +2613,7 @@ function OrderDetails$1() {
|
|
|
2631
2613
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, null));
|
|
2632
2614
|
}
|
|
2633
2615
|
|
|
2634
|
-
var _templateObject$F, _templateObject2$
|
|
2616
|
+
var _templateObject$F, _templateObject2$r, _templateObject3$e;
|
|
2635
2617
|
function AddNote() {
|
|
2636
2618
|
var _useState = React.useState(''),
|
|
2637
2619
|
noteText = _useState[0],
|
|
@@ -2759,7 +2741,7 @@ function AddNote() {
|
|
|
2759
2741
|
}, "SAVE NOTE")));
|
|
2760
2742
|
}
|
|
2761
2743
|
var Container$v = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2762
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2744
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
2763
2745
|
var StyledTextArea = /*#__PURE__*/styled__default.textarea(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
|
|
2764
2746
|
|
|
2765
2747
|
var NotesTableData = [{
|
|
@@ -2775,13 +2757,13 @@ var NotesTableData = [{
|
|
|
2775
2757
|
tableBody: []
|
|
2776
2758
|
}];
|
|
2777
2759
|
|
|
2778
|
-
var _templateObject2$
|
|
2779
|
-
var Table = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
2760
|
+
var _templateObject2$s, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2761
|
+
var Table = /*#__PURE__*/styled__default.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"])));
|
|
2780
2762
|
var Th = /*#__PURE__*/styled__default.th(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n"])));
|
|
2781
2763
|
var Td = /*#__PURE__*/styled__default.td(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
2782
2764
|
var IconCover = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
2783
2765
|
|
|
2784
|
-
var _templateObject$G, _templateObject2$
|
|
2766
|
+
var _templateObject$G, _templateObject2$t, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2785
2767
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2786
2768
|
var _getNotes$data, _getNotes$data2;
|
|
2787
2769
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2811,7 +2793,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2811
2793
|
}, "No data found"))))));
|
|
2812
2794
|
};
|
|
2813
2795
|
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
2814
|
-
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$
|
|
2796
|
+
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2815
2797
|
var NoDataFound = /*#__PURE__*/styled__default(Td)(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
2816
2798
|
var StyledTable = /*#__PURE__*/styled__default(Table)(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
2817
2799
|
var StyledTr = /*#__PURE__*/styled__default.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2827,7 +2809,7 @@ function AuditLogs() {
|
|
|
2827
2809
|
}
|
|
2828
2810
|
var Container$w = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
2829
2811
|
|
|
2830
|
-
var _templateObject$I, _templateObject2$
|
|
2812
|
+
var _templateObject$I, _templateObject2$u, _templateObject3$h;
|
|
2831
2813
|
function Notes() {
|
|
2832
2814
|
var _usemoduleIds = usemoduleIds(),
|
|
2833
2815
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2905,7 +2887,7 @@ function Notes() {
|
|
|
2905
2887
|
return React__default.createElement(Container$x, null, React__default.createElement(CardHeader, null, "NOTES"), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
2906
2888
|
}
|
|
2907
2889
|
var Container$x = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2908
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2890
|
+
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
2909
2891
|
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2910
2892
|
|
|
2911
2893
|
var _templateObject$J;
|
|
@@ -2931,7 +2913,7 @@ function ChevronUp(props) {
|
|
|
2931
2913
|
}));
|
|
2932
2914
|
}
|
|
2933
2915
|
|
|
2934
|
-
var _templateObject$K, _templateObject2$
|
|
2916
|
+
var _templateObject$K, _templateObject2$v, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2935
2917
|
function CollapsableForm(props) {
|
|
2936
2918
|
var _useState = React.useState(true),
|
|
2937
2919
|
isExpanded = _useState[0],
|
|
@@ -2952,7 +2934,7 @@ function CollapsableForm(props) {
|
|
|
2952
2934
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
2953
2935
|
}
|
|
2954
2936
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2955
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2937
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
2956
2938
|
var Text$2 = /*#__PURE__*/styled__default.span(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
2957
2939
|
var Container$y = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2958
2940
|
var MainContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2962,7 +2944,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_t
|
|
|
2962
2944
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2963
2945
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2964
2946
|
|
|
2965
|
-
var _templateObject$L, _templateObject2$
|
|
2947
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$j;
|
|
2966
2948
|
function CustomScrollBar(props) {
|
|
2967
2949
|
var children = props.children,
|
|
2968
2950
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2981,10 +2963,10 @@ function CustomScrollBar(props) {
|
|
|
2981
2963
|
}, children);
|
|
2982
2964
|
}
|
|
2983
2965
|
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
2984
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2966
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2985
2967
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2986
2968
|
|
|
2987
|
-
var _templateObject$M, _templateObject2$
|
|
2969
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2988
2970
|
function DynamicTable(_ref) {
|
|
2989
2971
|
var columns = _ref.columns,
|
|
2990
2972
|
data = _ref.data;
|
|
@@ -3031,7 +3013,7 @@ function DynamicTable(_ref) {
|
|
|
3031
3013
|
// cursor: pointer;
|
|
3032
3014
|
// `;
|
|
3033
3015
|
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
3034
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3016
|
+
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
3035
3017
|
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
3036
3018
|
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
3037
3019
|
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
@@ -3040,7 +3022,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$2 || (_templ
|
|
|
3040
3022
|
var Table$1 = /*#__PURE__*/styled__default.table(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
3041
3023
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
3042
3024
|
|
|
3043
|
-
var _templateObject$N, _templateObject2$
|
|
3025
|
+
var _templateObject$N, _templateObject2$y;
|
|
3044
3026
|
function Event(props) {
|
|
3045
3027
|
var _props$row;
|
|
3046
3028
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3056,7 +3038,7 @@ function Event(props) {
|
|
|
3056
3038
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
3057
3039
|
}
|
|
3058
3040
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3059
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3041
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3060
3042
|
|
|
3061
3043
|
//to change data into options
|
|
3062
3044
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3103,25 +3085,25 @@ var priorityData = [{
|
|
|
3103
3085
|
color: '#E95252'
|
|
3104
3086
|
}];
|
|
3105
3087
|
|
|
3106
|
-
var _templateObject$O, _templateObject2$
|
|
3088
|
+
var _templateObject$O, _templateObject2$z;
|
|
3107
3089
|
function Date$1(props) {
|
|
3108
3090
|
var _props$row;
|
|
3109
3091
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3110
3092
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate(data)));
|
|
3111
3093
|
}
|
|
3112
3094
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3113
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3095
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3114
3096
|
|
|
3115
|
-
var _templateObject$P, _templateObject2$
|
|
3097
|
+
var _templateObject$P, _templateObject2$A;
|
|
3116
3098
|
function Code(props) {
|
|
3117
3099
|
var _props$row;
|
|
3118
3100
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3119
3101
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
3120
3102
|
}
|
|
3121
3103
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3122
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3104
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3123
3105
|
|
|
3124
|
-
var _templateObject$Q, _templateObject2$
|
|
3106
|
+
var _templateObject$Q, _templateObject2$B;
|
|
3125
3107
|
function Note(props) {
|
|
3126
3108
|
var _props$row;
|
|
3127
3109
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3130,7 +3112,7 @@ function Note(props) {
|
|
|
3130
3112
|
}, React__default.createElement(Row$3, null, data));
|
|
3131
3113
|
}
|
|
3132
3114
|
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3133
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3115
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3134
3116
|
|
|
3135
3117
|
var tableColumns = [{
|
|
3136
3118
|
header: 'Date',
|
|
@@ -3442,7 +3424,7 @@ function ConfirmedIcon() {
|
|
|
3442
3424
|
}))));
|
|
3443
3425
|
}
|
|
3444
3426
|
|
|
3445
|
-
var _templateObject$S, _templateObject2$
|
|
3427
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$l, _templateObject4$9;
|
|
3446
3428
|
function Status() {
|
|
3447
3429
|
var _useStatusDetails = useStatusDetails(),
|
|
3448
3430
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3489,7 +3471,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3489
3471
|
}
|
|
3490
3472
|
};
|
|
3491
3473
|
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
3492
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3474
|
+
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
3493
3475
|
var Container$A = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3494
3476
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3495
3477
|
|
|
@@ -3588,21 +3570,6 @@ function useClearState() {
|
|
|
3588
3570
|
return jotai.useAtom(clearState);
|
|
3589
3571
|
}
|
|
3590
3572
|
|
|
3591
|
-
var _templateObject$U, _templateObject2$G, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3592
|
-
function Loader(props) {
|
|
3593
|
-
return React__default.createElement(MainContainer$6, {
|
|
3594
|
-
id: "loder"
|
|
3595
|
-
}, React__default.createElement(Container$B, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$b, null, React__default.createElement(Title, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
3596
|
-
}
|
|
3597
|
-
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3598
|
-
// Styled components for the loading spinner
|
|
3599
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
3600
|
-
var Container$B = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
3601
|
-
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3602
|
-
var Title = /*#__PURE__*/styled__default.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3603
|
-
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3604
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
3605
|
-
|
|
3606
3573
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3607
3574
|
var _orderStaticData$retu;
|
|
3608
3575
|
var _useSelectedOrders = useSelectedOrders(),
|
|
@@ -3631,16 +3598,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3631
3598
|
performAction: false
|
|
3632
3599
|
}),
|
|
3633
3600
|
isresponse = _useApiHook.data,
|
|
3634
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3635
|
-
loading = _useApiHook.loading;
|
|
3601
|
+
setaction = _useApiHook.setShouldPerformAction;
|
|
3636
3602
|
React.useEffect(function () {
|
|
3637
3603
|
if (isresponse && isresponse.data) {
|
|
3638
|
-
antd.notification.success({
|
|
3639
|
-
message: 'Success',
|
|
3640
|
-
description:
|
|
3641
|
-
//@ts-ignore
|
|
3642
|
-
(isresponse == null ? void 0 : isresponse.message) || 'An error has occurred. Please try again later.'
|
|
3643
|
-
});
|
|
3644
3604
|
handleRemoveRow();
|
|
3645
3605
|
setSelectedRowId(null);
|
|
3646
3606
|
}
|
|
@@ -3677,9 +3637,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3677
3637
|
});
|
|
3678
3638
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3679
3639
|
};
|
|
3680
|
-
return React__default.createElement("div", null,
|
|
3681
|
-
title: "Deleting"
|
|
3682
|
-
}), React__default.createElement(StyledTableWrapper, {
|
|
3640
|
+
return React__default.createElement("div", null, React__default.createElement(StyledTableWrapper, {
|
|
3683
3641
|
id: "tableScrolling"
|
|
3684
3642
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
3685
3643
|
className: "emailInvoiceCheckbox"
|
|
@@ -3717,20 +3675,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3717
3675
|
}, "No records found"))))));
|
|
3718
3676
|
};
|
|
3719
3677
|
|
|
3720
|
-
var _templateObject$
|
|
3678
|
+
var _templateObject$U;
|
|
3721
3679
|
var ProductTable = function ProductTable() {
|
|
3722
|
-
return React__default.createElement(Container$
|
|
3680
|
+
return React__default.createElement(Container$B, null, React__default.createElement(ReturnProductTable, null));
|
|
3723
3681
|
};
|
|
3724
|
-
var Container$
|
|
3682
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3725
3683
|
|
|
3726
|
-
var _templateObject$
|
|
3684
|
+
var _templateObject$V, _templateObject2$D;
|
|
3727
3685
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3728
3686
|
var defaultSelectStyle = {
|
|
3729
3687
|
width: '100%'
|
|
3730
3688
|
};
|
|
3731
3689
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3732
3690
|
var defaultSelectWrapperClass = 'rounded';
|
|
3733
|
-
return React__default.createElement(Container$
|
|
3691
|
+
return React__default.createElement(Container$C, null, React__default.createElement(Text$3, null, "New Return Order:"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3734
3692
|
options: [],
|
|
3735
3693
|
placeholder: "Select",
|
|
3736
3694
|
onChange: function onChange() {},
|
|
@@ -3743,10 +3701,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3743
3701
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3744
3702
|
}));
|
|
3745
3703
|
};
|
|
3746
|
-
var Container$
|
|
3747
|
-
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3704
|
+
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
3705
|
+
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
3748
3706
|
|
|
3749
|
-
var _templateObject$
|
|
3707
|
+
var _templateObject$W, _templateObject2$E, _templateObject3$m;
|
|
3750
3708
|
// import { notification } from 'antd';
|
|
3751
3709
|
function ExpandedContent$2() {
|
|
3752
3710
|
// const SaveNote = () => {
|
|
@@ -3756,7 +3714,7 @@ function ExpandedContent$2() {
|
|
|
3756
3714
|
// description: ' Saved successfully.',
|
|
3757
3715
|
// });
|
|
3758
3716
|
// };
|
|
3759
|
-
return React__default.createElement(Container$
|
|
3717
|
+
return React__default.createElement(Container$D, null, React__default.createElement(ProductTable, null), React__default.createElement(MidConatiner, null, React__default.createElement(SaveNoteContainer$1, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
3760
3718
|
style: {
|
|
3761
3719
|
borderRadius: '20px'
|
|
3762
3720
|
},
|
|
@@ -3764,18 +3722,81 @@ function ExpandedContent$2() {
|
|
|
3764
3722
|
disabled: true
|
|
3765
3723
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
3766
3724
|
}
|
|
3767
|
-
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3768
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3769
|
-
var Container$
|
|
3725
|
+
var MidConatiner = /*#__PURE__*/styled__default.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"])));
|
|
3726
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3727
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3770
3728
|
|
|
3771
|
-
var _templateObject$
|
|
3729
|
+
var _templateObject$X;
|
|
3730
|
+
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3731
|
+
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3732
|
+
// import { useAtom } from 'jotai';
|
|
3772
3733
|
function CollapsedContent$1() {
|
|
3773
|
-
|
|
3734
|
+
// const [, dispatch] = useAtom(countReducerAtom);
|
|
3735
|
+
// const [productdata] = useProductDetails();
|
|
3736
|
+
// const totalItems = productdata?.length;
|
|
3737
|
+
// const totalCube = () => {
|
|
3738
|
+
// let cubeData = 0;
|
|
3739
|
+
// for (let i = 0; i < productdata?.length; i++) {
|
|
3740
|
+
// cubeData += parseFloat(productdata[i].cube);
|
|
3741
|
+
// }
|
|
3742
|
+
// return `${cubeData.toFixed(2)}m³`;
|
|
3743
|
+
// };
|
|
3744
|
+
// const totalWeight = () => {
|
|
3745
|
+
// let weightData = 0;
|
|
3746
|
+
// for (let i = 0; i < productdata?.length; i++) {
|
|
3747
|
+
// weightData += parseFloat(productdata[i].weight);
|
|
3748
|
+
// }
|
|
3749
|
+
// return `${weightData.toFixed(2)} KG`;
|
|
3750
|
+
// };
|
|
3751
|
+
return React__default.createElement(Container$E, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3774
3752
|
label: "Products"
|
|
3775
|
-
})
|
|
3753
|
+
}));
|
|
3776
3754
|
}
|
|
3777
|
-
|
|
3778
|
-
|
|
3755
|
+
// const Dimensions = styled.span`
|
|
3756
|
+
// font-family: 'Lato', sans-serif;
|
|
3757
|
+
// font-size: 13px;
|
|
3758
|
+
// font-weight: 500;
|
|
3759
|
+
// line-height: 16px;
|
|
3760
|
+
// color: #8e8a85;
|
|
3761
|
+
// `;
|
|
3762
|
+
// const Right = styled.div`
|
|
3763
|
+
// margin-left: auto;
|
|
3764
|
+
// display: flex;
|
|
3765
|
+
// gap: 10px;
|
|
3766
|
+
// margin-right: 10px;
|
|
3767
|
+
// `;
|
|
3768
|
+
// const Action = styled.span`
|
|
3769
|
+
// color: #3a3630;
|
|
3770
|
+
// font-family: 'Lato', sans-serif;
|
|
3771
|
+
// font-size: 12px;
|
|
3772
|
+
// font-style: normal;
|
|
3773
|
+
// font-weight: 600;
|
|
3774
|
+
// line-height: 20px;
|
|
3775
|
+
// text-transform: uppercase;
|
|
3776
|
+
// `;
|
|
3777
|
+
// const ActionContainer = styled.div`
|
|
3778
|
+
// padding: 5px 10px;
|
|
3779
|
+
// border-radius: 4px;
|
|
3780
|
+
// border: 1px solid #edebe8;
|
|
3781
|
+
// background: #edebe8;
|
|
3782
|
+
// box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
3783
|
+
// cursor: pointer;
|
|
3784
|
+
// `;
|
|
3785
|
+
// const Items = styled.span`
|
|
3786
|
+
// font-family: 'Roboto', sans-serif;
|
|
3787
|
+
// font-size: 14px;
|
|
3788
|
+
// font-weight: 500;
|
|
3789
|
+
// line-height: 24px;
|
|
3790
|
+
// color: #8e8a85;
|
|
3791
|
+
// text-transform: capitalize;
|
|
3792
|
+
// color: #aea9a1;
|
|
3793
|
+
// `;
|
|
3794
|
+
// const Left = styled.div`
|
|
3795
|
+
// display: flex;
|
|
3796
|
+
// align-items: center;
|
|
3797
|
+
// gap: 30px;
|
|
3798
|
+
// `;
|
|
3799
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 30px;\n"])));
|
|
3779
3800
|
|
|
3780
3801
|
// Dropdown
|
|
3781
3802
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -3886,22 +3907,22 @@ function ProductsInfo() {
|
|
|
3886
3907
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
3887
3908
|
}
|
|
3888
3909
|
|
|
3889
|
-
var _templateObject$
|
|
3910
|
+
var _templateObject$Y;
|
|
3890
3911
|
function BackgroundModal(props) {
|
|
3891
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
3912
|
+
return reactDom.createPortal(React__default.createElement(Container$F, Object.assign({}, props), props.children), document.body);
|
|
3892
3913
|
}
|
|
3893
|
-
var Container$
|
|
3914
|
+
var Container$F = /*#__PURE__*/styled__default.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"])));
|
|
3894
3915
|
|
|
3895
|
-
var _templateObject$
|
|
3916
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$n, _templateObject4$a;
|
|
3896
3917
|
function AdditionalInformation(props) {
|
|
3897
|
-
return React__default.createElement(Container$
|
|
3918
|
+
return React__default.createElement(Container$G, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$4, null, props.info)));
|
|
3898
3919
|
}
|
|
3899
|
-
var Text$4 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
3900
|
-
var Container$
|
|
3901
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3902
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3920
|
+
var Text$4 = /*#__PURE__*/styled__default.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"])));
|
|
3921
|
+
var Container$G = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3922
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3923
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
3903
3924
|
|
|
3904
|
-
var _templateObject
|
|
3925
|
+
var _templateObject$_, _templateObject2$G, _templateObject3$o, _templateObject4$b;
|
|
3905
3926
|
function OrderActionHeader(props) {
|
|
3906
3927
|
var title = props.title,
|
|
3907
3928
|
actions = props.actions,
|
|
@@ -3910,33 +3931,33 @@ function OrderActionHeader(props) {
|
|
|
3910
3931
|
_props$infoText = props.infoText,
|
|
3911
3932
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3912
3933
|
onClose = props.onClose;
|
|
3913
|
-
return React__default.createElement(Container$
|
|
3934
|
+
return React__default.createElement(Container$H, null, React__default.createElement(Wrapper$b, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
3914
3935
|
info: infoText
|
|
3915
3936
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
3916
3937
|
onClick: onClose
|
|
3917
3938
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
3918
3939
|
}
|
|
3919
|
-
var Wrapper$
|
|
3920
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3921
|
-
var Title
|
|
3922
|
-
var Container$
|
|
3940
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
3941
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3942
|
+
var Title = /*#__PURE__*/styled__default.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"])));
|
|
3943
|
+
var Container$H = /*#__PURE__*/styled__default.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"])));
|
|
3923
3944
|
|
|
3924
|
-
var _templateObject
|
|
3945
|
+
var _templateObject$$, _templateObject2$H;
|
|
3925
3946
|
function OrderActionFooter(props) {
|
|
3926
3947
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3927
|
-
return React__default.createElement(Container$
|
|
3948
|
+
return React__default.createElement(Container$I, null, React__default.createElement(SubmitButton, {
|
|
3928
3949
|
shape: "rounded",
|
|
3929
3950
|
colors: "primary",
|
|
3930
3951
|
onClick: props.onSubmit,
|
|
3931
3952
|
disabled: isSubmitDisabled
|
|
3932
3953
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3933
3954
|
}
|
|
3934
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject
|
|
3935
|
-
var Container$
|
|
3955
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3956
|
+
var Container$I = /*#__PURE__*/styled__default.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"])));
|
|
3936
3957
|
|
|
3937
|
-
var _templateObject$
|
|
3958
|
+
var _templateObject$10;
|
|
3938
3959
|
function OrderActionModal(props) {
|
|
3939
|
-
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$
|
|
3960
|
+
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$6, null, React__default.createElement(OrderActionHeader, {
|
|
3940
3961
|
title: props.headerTitle,
|
|
3941
3962
|
onClose: props.onCloseHeader,
|
|
3942
3963
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3949,11 +3970,11 @@ function OrderActionModal(props) {
|
|
|
3949
3970
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3950
3971
|
})));
|
|
3951
3972
|
}
|
|
3952
|
-
var MainContainer$
|
|
3973
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
3953
3974
|
|
|
3954
|
-
var _templateObject$
|
|
3975
|
+
var _templateObject$11, _templateObject2$I;
|
|
3955
3976
|
function OrderActionsDropdown(props) {
|
|
3956
|
-
return React__default.createElement(Container$
|
|
3977
|
+
return React__default.createElement(Container$J, {
|
|
3957
3978
|
className: props.className
|
|
3958
3979
|
}, React__default.createElement(Label, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3959
3980
|
options: props.options,
|
|
@@ -3970,8 +3991,8 @@ function OrderActionsDropdown(props) {
|
|
|
3970
3991
|
defaultValue: props.value
|
|
3971
3992
|
}));
|
|
3972
3993
|
}
|
|
3973
|
-
var Label = /*#__PURE__*/styled__default.label(_templateObject$
|
|
3974
|
-
var Container$
|
|
3994
|
+
var Label = /*#__PURE__*/styled__default.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"])));
|
|
3995
|
+
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3975
3996
|
|
|
3976
3997
|
function DocumentTypeDropdown() {
|
|
3977
3998
|
var onSelect = function onSelect() {};
|
|
@@ -4051,7 +4072,7 @@ function UploadIcon(props) {
|
|
|
4051
4072
|
})));
|
|
4052
4073
|
}
|
|
4053
4074
|
|
|
4054
|
-
var _templateObject$
|
|
4075
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4055
4076
|
var Dragger = antd.Upload.Dragger;
|
|
4056
4077
|
var props = {
|
|
4057
4078
|
name: 'file',
|
|
@@ -4073,20 +4094,20 @@ var props = {
|
|
|
4073
4094
|
}
|
|
4074
4095
|
};
|
|
4075
4096
|
function DocFileUpload() {
|
|
4076
|
-
return React__default.createElement(MainContainer$
|
|
4097
|
+
return React__default.createElement(MainContainer$7, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$K, null, React__default.createElement(UploadButton, {
|
|
4077
4098
|
colors: 'secondary',
|
|
4078
4099
|
shape: 'rounded'
|
|
4079
4100
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4080
4101
|
}
|
|
4081
|
-
var MainContainer$
|
|
4082
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
4083
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4084
|
-
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4085
|
-
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4086
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$
|
|
4087
|
-
var Container$
|
|
4102
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
4103
|
+
var Text2 = /*#__PURE__*/styled__default.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"])));
|
|
4104
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4105
|
+
var Text1 = /*#__PURE__*/styled__default.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"])));
|
|
4106
|
+
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4107
|
+
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4108
|
+
var Container$K = /*#__PURE__*/styled__default.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"])));
|
|
4088
4109
|
|
|
4089
|
-
var _templateObject$
|
|
4110
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$q, _templateObject4$d;
|
|
4090
4111
|
// import DocFileUpload from './DocFileUpload';
|
|
4091
4112
|
function AddResources() {
|
|
4092
4113
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4102,10 +4123,10 @@ function AddResources() {
|
|
|
4102
4123
|
onSubmit: function onSubmit() {}
|
|
4103
4124
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$1, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
4104
4125
|
}
|
|
4105
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4106
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4107
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4108
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4126
|
+
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
4127
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4128
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4129
|
+
var ContentContainer = /*#__PURE__*/styled__default.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"])));
|
|
4109
4130
|
|
|
4110
4131
|
var initialValue = {
|
|
4111
4132
|
due: undefined,
|
|
@@ -4243,24 +4264,24 @@ function useUpdateReminderData() {
|
|
|
4243
4264
|
return jotai.useAtom(reminderUpdatePayload);
|
|
4244
4265
|
}
|
|
4245
4266
|
|
|
4246
|
-
var _templateObject$
|
|
4267
|
+
var _templateObject$14, _templateObject2$L, _templateObject3$r;
|
|
4247
4268
|
// Styled components
|
|
4248
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4249
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
4250
|
-
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4251
|
-
|
|
4252
|
-
var _templateObject2$
|
|
4253
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
4254
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
4255
|
-
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
4256
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4257
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4258
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4269
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
4270
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
4271
|
+
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4272
|
+
|
|
4273
|
+
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;
|
|
4274
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4275
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
4276
|
+
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
4277
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4278
|
+
var SplitText = /*#__PURE__*/styled__default.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"])));
|
|
4279
|
+
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4259
4280
|
var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
4260
4281
|
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4261
4282
|
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4262
4283
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4263
|
-
var Container$
|
|
4284
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4264
4285
|
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4265
4286
|
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4266
4287
|
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
@@ -4349,7 +4370,7 @@ function SplitOrderTable() {
|
|
|
4349
4370
|
}))));
|
|
4350
4371
|
}
|
|
4351
4372
|
|
|
4352
|
-
var _templateObject$
|
|
4373
|
+
var _templateObject$15;
|
|
4353
4374
|
function SplitOrder() {
|
|
4354
4375
|
var _useCurrentAction = useCurrentAction(),
|
|
4355
4376
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4397,7 +4418,7 @@ function SplitOrder() {
|
|
|
4397
4418
|
isSubmitDisabled: isSubmitDisabled()
|
|
4398
4419
|
}, React__default.createElement(ContentContainer$2, null, React__default.createElement(SplitOrderTable, null)));
|
|
4399
4420
|
}
|
|
4400
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4421
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
4401
4422
|
|
|
4402
4423
|
function RadioButtonCheckIcon(props) {
|
|
4403
4424
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4428,7 +4449,7 @@ var fonts = {
|
|
|
4428
4449
|
secondary: "'Lato', sans-serif"
|
|
4429
4450
|
};
|
|
4430
4451
|
|
|
4431
|
-
var _templateObject$
|
|
4452
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$t;
|
|
4432
4453
|
function RadioButton(props) {
|
|
4433
4454
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4434
4455
|
color: props.color
|
|
@@ -4439,15 +4460,15 @@ function RadioButton(props) {
|
|
|
4439
4460
|
htmlFor: props.id
|
|
4440
4461
|
}, props.label));
|
|
4441
4462
|
}
|
|
4442
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4443
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4463
|
+
var Label$3 = /*#__PURE__*/styled__default.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);
|
|
4464
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
4444
4465
|
return props.color || '#6396e5';
|
|
4445
4466
|
}, function (props) {
|
|
4446
4467
|
return props.color || '#6396e5';
|
|
4447
4468
|
});
|
|
4448
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4469
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4449
4470
|
|
|
4450
|
-
var _templateObject$
|
|
4471
|
+
var _templateObject$17, _templateObject2$O, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4451
4472
|
function RadioButtonGroup(props) {
|
|
4452
4473
|
var heading = props.heading,
|
|
4453
4474
|
_props$direction = props.direction,
|
|
@@ -4477,24 +4498,24 @@ function RadioButtonGroup(props) {
|
|
|
4477
4498
|
}
|
|
4478
4499
|
return React__default.createElement(Fieldset, null, React__default.createElement(LegendContainer, null, React__default.createElement(Legend, null, heading), required && React__default.createElement(RequiredText, {
|
|
4479
4500
|
"$required": required || false
|
|
4480
|
-
}, "*")), React__default.createElement(Wrapper$
|
|
4501
|
+
}, "*")), React__default.createElement(Wrapper$c, {
|
|
4481
4502
|
"$direction": direction,
|
|
4482
4503
|
className: "custom-wrapper"
|
|
4483
4504
|
}, renderOptions()));
|
|
4484
4505
|
}
|
|
4485
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4486
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4487
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4506
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4507
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
4508
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4488
4509
|
return !props.$required && 'visibility: hidden;';
|
|
4489
4510
|
}, labelStyles);
|
|
4490
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4491
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
4492
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
4493
|
-
var Wrapper$
|
|
4511
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4512
|
+
var Legend = /*#__PURE__*/styled__default.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);
|
|
4513
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4514
|
+
var Wrapper$c = /*#__PURE__*/styled__default.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) {
|
|
4494
4515
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4495
4516
|
});
|
|
4496
4517
|
|
|
4497
|
-
var _templateObject$
|
|
4518
|
+
var _templateObject$18;
|
|
4498
4519
|
var deliveryPoints = [{
|
|
4499
4520
|
label: 'Hallway',
|
|
4500
4521
|
value: 'hallway'
|
|
@@ -4516,7 +4537,7 @@ function DeliveryPoint() {
|
|
|
4516
4537
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
4517
4538
|
selectedValue = _React$useState[0],
|
|
4518
4539
|
setSelectedValue = _React$useState[1];
|
|
4519
|
-
return React__default.createElement(Container$
|
|
4540
|
+
return React__default.createElement(Container$M, null, React__default.createElement(RadioButtonGroup, {
|
|
4520
4541
|
heading: "Delivery Point",
|
|
4521
4542
|
options: deliveryPoints || [],
|
|
4522
4543
|
onChange: radioGroupHandler,
|
|
@@ -4525,16 +4546,16 @@ function DeliveryPoint() {
|
|
|
4525
4546
|
required: false
|
|
4526
4547
|
}));
|
|
4527
4548
|
}
|
|
4528
|
-
var Container$
|
|
4549
|
+
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
4529
4550
|
|
|
4530
|
-
var _templateObject$
|
|
4551
|
+
var _templateObject$19, _templateObject2$P, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$4;
|
|
4531
4552
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4532
4553
|
function Checkbox(props) {
|
|
4533
4554
|
var imageSrc = props.imageSrc,
|
|
4534
4555
|
label = props.label,
|
|
4535
4556
|
checked = props.checked,
|
|
4536
4557
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4537
|
-
return React__default.createElement(MainContainer$
|
|
4558
|
+
return React__default.createElement(MainContainer$8, {
|
|
4538
4559
|
"$checked": checked
|
|
4539
4560
|
}, React__default.createElement(CheckboxContainer, null, React__default.createElement(HiddenCheckbox, Object.assign({
|
|
4540
4561
|
type: "checkbox"
|
|
@@ -4548,20 +4569,20 @@ function Checkbox(props) {
|
|
|
4548
4569
|
"$checked": checked
|
|
4549
4570
|
}, label)));
|
|
4550
4571
|
}
|
|
4551
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
4572
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4552
4573
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4553
4574
|
});
|
|
4554
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4555
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4575
|
+
var CircleContainer = /*#__PURE__*/styled__default.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"])));
|
|
4576
|
+
var Circle = /*#__PURE__*/styled__default.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) {
|
|
4556
4577
|
return props.$checked ? '#feba30' : 'white';
|
|
4557
4578
|
});
|
|
4558
|
-
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4579
|
+
var Text$5 = /*#__PURE__*/styled__default.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) {
|
|
4559
4580
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4560
4581
|
});
|
|
4561
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4562
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4563
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
4564
|
-
var MainContainer$
|
|
4582
|
+
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4583
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4584
|
+
var HiddenCheckbox = /*#__PURE__*/styled__default.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"])));
|
|
4585
|
+
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n gap: 10px;\n border-radius: 15px;\n border: 1px solid ", ";\n align-items: center;\n justify-content: center;\n position: relative;\n\n &:hover {\n border: 1px solid #cbc8c2;\n .checkbox-img {\n filter: grayscale(0);\n }\n }\n"])), function (props) {
|
|
4565
4586
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4566
4587
|
});
|
|
4567
4588
|
|
|
@@ -4588,10 +4609,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4588
4609
|
return "" + baseURL$1 + subPath;
|
|
4589
4610
|
};
|
|
4590
4611
|
|
|
4591
|
-
var _templateObject$
|
|
4612
|
+
var _templateObject$1a;
|
|
4592
4613
|
function OrderServices$1() {
|
|
4593
4614
|
// TO DO -> get services from static data
|
|
4594
|
-
return React__default.createElement(Container$
|
|
4615
|
+
return React__default.createElement(Container$N, null, React__default.createElement(Checkbox, {
|
|
4595
4616
|
checked: false,
|
|
4596
4617
|
label: "Assemble",
|
|
4597
4618
|
imageSrc: getIcon$1(1)
|
|
@@ -4613,23 +4634,23 @@ function OrderServices$1() {
|
|
|
4613
4634
|
imageSrc: getIcon$1(4)
|
|
4614
4635
|
}));
|
|
4615
4636
|
}
|
|
4616
|
-
var Container$
|
|
4637
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4617
4638
|
|
|
4618
|
-
var _templateObject$
|
|
4639
|
+
var _templateObject$1b, _templateObject2$Q;
|
|
4619
4640
|
function Notes$1(_ref) {
|
|
4620
4641
|
var onNotesChange = _ref.onNotesChange;
|
|
4621
4642
|
var handleTextChange = function handleTextChange(event) {
|
|
4622
4643
|
onNotesChange(event.target.value);
|
|
4623
4644
|
};
|
|
4624
|
-
return React__default.createElement(Container$
|
|
4645
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4625
4646
|
rows: 15,
|
|
4626
4647
|
onChange: handleTextChange
|
|
4627
4648
|
}));
|
|
4628
4649
|
}
|
|
4629
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4630
|
-
var Container$
|
|
4650
|
+
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
4651
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4631
4652
|
|
|
4632
|
-
var _templateObject$
|
|
4653
|
+
var _templateObject$1c, _templateObject2$R, _templateObject3$w;
|
|
4633
4654
|
function LogServiceRefusal() {
|
|
4634
4655
|
var _useCurrentAction = useCurrentAction(),
|
|
4635
4656
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4649,9 +4670,9 @@ function LogServiceRefusal() {
|
|
|
4649
4670
|
}
|
|
4650
4671
|
}))));
|
|
4651
4672
|
}
|
|
4652
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4653
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4654
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
4673
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
4674
|
+
var Left = /*#__PURE__*/styled__default.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"])));
|
|
4675
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4655
4676
|
|
|
4656
4677
|
function ReturnAction() {
|
|
4657
4678
|
var onSelect = function onSelect() {};
|
|
@@ -4677,7 +4698,7 @@ function ReturnReason() {
|
|
|
4677
4698
|
});
|
|
4678
4699
|
}
|
|
4679
4700
|
|
|
4680
|
-
var _templateObject$
|
|
4701
|
+
var _templateObject$1d, _templateObject2$S, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4681
4702
|
function CancelOrder() {
|
|
4682
4703
|
var _orderStaticData$canc;
|
|
4683
4704
|
var _useOrderId = useOrderId(),
|
|
@@ -4781,27 +4802,27 @@ function CancelOrder() {
|
|
|
4781
4802
|
options: cancelReasonOptions || [],
|
|
4782
4803
|
onSelect: onSelectCancelReason,
|
|
4783
4804
|
value: cancelReason
|
|
4784
|
-
}), React__default.createElement(Wrapper$
|
|
4805
|
+
}), React__default.createElement(Wrapper$d, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$P, null, React__default.createElement(Label$5, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4785
4806
|
rows: 5,
|
|
4786
4807
|
onChange: onChangeNotes,
|
|
4787
4808
|
value: cancelNotes,
|
|
4788
4809
|
placeholder: "Reason for Cancel Order"
|
|
4789
4810
|
}))))));
|
|
4790
4811
|
}
|
|
4791
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4792
|
-
var Container$
|
|
4793
|
-
var Wrapper$
|
|
4794
|
-
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4795
|
-
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4796
|
-
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4812
|
+
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
4813
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4814
|
+
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4815
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4816
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4817
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4797
4818
|
// const Bottom = styled.div``;
|
|
4798
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4819
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
4799
4820
|
|
|
4800
|
-
var _templateObject$
|
|
4801
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4802
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4803
|
-
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4804
|
-
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4821
|
+
var _templateObject$1e, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4822
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
4823
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.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"])));
|
|
4824
|
+
var TableSkelton = /*#__PURE__*/styled__default.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"])));
|
|
4825
|
+
var CustomCheckBox = /*#__PURE__*/styled__default.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"])));
|
|
4805
4826
|
|
|
4806
4827
|
var options = [{
|
|
4807
4828
|
value: 'bjsCouriers',
|
|
@@ -5098,7 +5119,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5098
5119
|
);
|
|
5099
5120
|
};
|
|
5100
5121
|
|
|
5101
|
-
var _templateObject$
|
|
5122
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$y;
|
|
5102
5123
|
function EmailAddress() {
|
|
5103
5124
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5104
5125
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5130,7 +5151,7 @@ function EmailAddress() {
|
|
|
5130
5151
|
});
|
|
5131
5152
|
});
|
|
5132
5153
|
};
|
|
5133
|
-
return React__default.createElement(Container$
|
|
5154
|
+
return React__default.createElement(Container$Q, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
5134
5155
|
style: {
|
|
5135
5156
|
borderRadius: '15px'
|
|
5136
5157
|
},
|
|
@@ -5139,11 +5160,11 @@ function EmailAddress() {
|
|
|
5139
5160
|
onChange: onChange
|
|
5140
5161
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
5141
5162
|
}
|
|
5142
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5143
|
-
var Container$
|
|
5144
|
-
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5163
|
+
var Label$6 = /*#__PURE__*/styled__default.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"])));
|
|
5164
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5165
|
+
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5145
5166
|
|
|
5146
|
-
var _templateObject$
|
|
5167
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$z;
|
|
5147
5168
|
function ContactPhone() {
|
|
5148
5169
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5149
5170
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5192,7 +5213,7 @@ function ContactPhone() {
|
|
|
5192
5213
|
});
|
|
5193
5214
|
}
|
|
5194
5215
|
};
|
|
5195
|
-
return React__default.createElement(Container$
|
|
5216
|
+
return React__default.createElement(Container$R, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
5196
5217
|
name: "contact-home",
|
|
5197
5218
|
type: "text",
|
|
5198
5219
|
placeholder: "Home Number",
|
|
@@ -5204,11 +5225,11 @@ function ContactPhone() {
|
|
|
5204
5225
|
onChange: onChange
|
|
5205
5226
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5206
5227
|
}
|
|
5207
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5208
|
-
var Container$
|
|
5209
|
-
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5228
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5229
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5230
|
+
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5210
5231
|
|
|
5211
|
-
var _templateObject$
|
|
5232
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$A;
|
|
5212
5233
|
function ContactWork$1() {
|
|
5213
5234
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5214
5235
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5257,7 +5278,7 @@ function ContactWork$1() {
|
|
|
5257
5278
|
});
|
|
5258
5279
|
}
|
|
5259
5280
|
};
|
|
5260
|
-
return React__default.createElement(Container$
|
|
5281
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5261
5282
|
name: "contact-work",
|
|
5262
5283
|
type: "text",
|
|
5263
5284
|
placeholder: "Work Number",
|
|
@@ -5269,11 +5290,11 @@ function ContactWork$1() {
|
|
|
5269
5290
|
onChange: onChange
|
|
5270
5291
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5271
5292
|
}
|
|
5272
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5273
|
-
var Container$
|
|
5274
|
-
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5293
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5294
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5295
|
+
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5275
5296
|
|
|
5276
|
-
var _templateObject$
|
|
5297
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$B;
|
|
5277
5298
|
function ContactMobile$1() {
|
|
5278
5299
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5279
5300
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5322,7 +5343,7 @@ function ContactMobile$1() {
|
|
|
5322
5343
|
});
|
|
5323
5344
|
}
|
|
5324
5345
|
};
|
|
5325
|
-
return React__default.createElement(Container$
|
|
5346
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5326
5347
|
name: "contact-work",
|
|
5327
5348
|
type: "text",
|
|
5328
5349
|
placeholder: "Mobile Number",
|
|
@@ -5334,9 +5355,9 @@ function ContactMobile$1() {
|
|
|
5334
5355
|
onChange: onChange
|
|
5335
5356
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5336
5357
|
}
|
|
5337
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5338
|
-
var Container$
|
|
5339
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5358
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5359
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5360
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5340
5361
|
|
|
5341
5362
|
function ContactTypeDropdown() {
|
|
5342
5363
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5402,7 +5423,7 @@ function ActionDropdown() {
|
|
|
5402
5423
|
});
|
|
5403
5424
|
}
|
|
5404
5425
|
|
|
5405
|
-
var _templateObject$
|
|
5426
|
+
var _templateObject$1j, _templateObject2$X;
|
|
5406
5427
|
function DeliveryDate$1() {
|
|
5407
5428
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5408
5429
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5426,7 +5447,7 @@ function DeliveryDate$1() {
|
|
|
5426
5447
|
var today = new Date();
|
|
5427
5448
|
var tomorrow = new Date(today);
|
|
5428
5449
|
tomorrow.setDate(today.getDate() + 1);
|
|
5429
|
-
return React__default.createElement(Container$
|
|
5450
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
5430
5451
|
onChange: handleDateChange,
|
|
5431
5452
|
format: "DD/MM/YYYY",
|
|
5432
5453
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5436,8 +5457,8 @@ function DeliveryDate$1() {
|
|
|
5436
5457
|
minDate: dayjs(tomorrow)
|
|
5437
5458
|
}));
|
|
5438
5459
|
}
|
|
5439
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5440
|
-
var Container$
|
|
5460
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5461
|
+
var Container$U = /*#__PURE__*/styled__default.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"])));
|
|
5441
5462
|
|
|
5442
5463
|
function convertTo12HourFormat$1(time24) {
|
|
5443
5464
|
var _time24$split, _minutes$toString;
|
|
@@ -5486,19 +5507,19 @@ function TimedServiceDropdown$1() {
|
|
|
5486
5507
|
});
|
|
5487
5508
|
}
|
|
5488
5509
|
|
|
5489
|
-
var _templateObject$
|
|
5510
|
+
var _templateObject$1k, _templateObject2$Y, _templateObject3$C, _templateObject4$i;
|
|
5490
5511
|
function CustomerInformation() {
|
|
5491
5512
|
var _orderDetails$order_r;
|
|
5492
5513
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5493
5514
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5494
|
-
return React__default.createElement(Container$
|
|
5515
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Title$1, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$e, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5495
5516
|
}
|
|
5496
|
-
var Wrapper$
|
|
5497
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5498
|
-
var Title$
|
|
5499
|
-
var Container$
|
|
5517
|
+
var Wrapper$e = /*#__PURE__*/styled__default.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"])));
|
|
5518
|
+
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
5519
|
+
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
5520
|
+
var Container$V = /*#__PURE__*/styled__default.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"])));
|
|
5500
5521
|
|
|
5501
|
-
var _templateObject$
|
|
5522
|
+
var _templateObject$1l, _templateObject2$Z;
|
|
5502
5523
|
function ProductTable$1() {
|
|
5503
5524
|
var _useProductDetails = useProductDetails(),
|
|
5504
5525
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5507,7 +5528,7 @@ function ProductTable$1() {
|
|
|
5507
5528
|
if (!orderProductDetails) {
|
|
5508
5529
|
return null;
|
|
5509
5530
|
}
|
|
5510
|
-
return React__default.createElement(Container$
|
|
5531
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5511
5532
|
className: "scrollClass"
|
|
5512
5533
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5513
5534
|
colSpan: 6
|
|
@@ -5525,10 +5546,10 @@ function ProductTable$1() {
|
|
|
5525
5546
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5526
5547
|
})))));
|
|
5527
5548
|
}
|
|
5528
|
-
var Title$
|
|
5529
|
-
var Container$
|
|
5549
|
+
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
5550
|
+
var Container$W = /*#__PURE__*/styled__default.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"])));
|
|
5530
5551
|
|
|
5531
|
-
var _templateObject$
|
|
5552
|
+
var _templateObject$1m, _templateObject2$_;
|
|
5532
5553
|
function NotesTable() {
|
|
5533
5554
|
var _useState = React.useState(null),
|
|
5534
5555
|
moduleIds = _useState[0],
|
|
@@ -5596,7 +5617,7 @@ function NotesTable() {
|
|
|
5596
5617
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5597
5618
|
return null;
|
|
5598
5619
|
}
|
|
5599
|
-
return React__default.createElement(Container$
|
|
5620
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5600
5621
|
className: "scrollClass"
|
|
5601
5622
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5602
5623
|
colSpan: 6
|
|
@@ -5618,53 +5639,53 @@ function NotesTable() {
|
|
|
5618
5639
|
}, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", null, order == null ? void 0 : order.description));
|
|
5619
5640
|
})))));
|
|
5620
5641
|
}
|
|
5621
|
-
var Title$
|
|
5622
|
-
var Container$
|
|
5642
|
+
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5643
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5623
5644
|
|
|
5624
|
-
var _templateObject$
|
|
5645
|
+
var _templateObject$1n, _templateObject2$$;
|
|
5625
5646
|
function ConfirmationNotes() {
|
|
5626
|
-
return React__default.createElement(Container$
|
|
5647
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5627
5648
|
rows: 5,
|
|
5628
5649
|
placeholder: "Enter Notes"
|
|
5629
5650
|
}));
|
|
5630
5651
|
}
|
|
5631
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5632
|
-
var Container$
|
|
5652
|
+
var Label$b = /*#__PURE__*/styled__default.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"])));
|
|
5653
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5633
5654
|
|
|
5634
|
-
var _templateObject$
|
|
5655
|
+
var _templateObject$1o, _templateObject2$10;
|
|
5635
5656
|
function DeliveryInstructions$1() {
|
|
5636
|
-
return React__default.createElement(Container$
|
|
5657
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5637
5658
|
rows: 5,
|
|
5638
5659
|
placeholder: "Enter Delivery Instructions"
|
|
5639
5660
|
}));
|
|
5640
5661
|
}
|
|
5641
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5642
|
-
var Container$
|
|
5662
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5663
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5643
5664
|
|
|
5644
|
-
var _templateObject$
|
|
5665
|
+
var _templateObject$1p, _templateObject2$11;
|
|
5645
5666
|
function ContactWith() {
|
|
5646
|
-
return React__default.createElement(Container
|
|
5667
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5647
5668
|
style: {
|
|
5648
5669
|
borderRadius: '15px'
|
|
5649
5670
|
}
|
|
5650
5671
|
}));
|
|
5651
5672
|
}
|
|
5652
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5653
|
-
var Container
|
|
5673
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5674
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5654
5675
|
|
|
5655
|
-
var _templateObject$
|
|
5676
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$D, _templateObject4$j;
|
|
5656
5677
|
function SlotAndInstructions() {
|
|
5657
5678
|
var _orderDetails$order_r;
|
|
5658
5679
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5659
5680
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5660
|
-
return React__default.createElement(Container
|
|
5681
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Slot, null, React__default.createElement(Title$4, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
5661
5682
|
}
|
|
5662
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5663
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5664
|
-
var Title$
|
|
5665
|
-
var Container
|
|
5683
|
+
var Value = /*#__PURE__*/styled__default.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"])));
|
|
5684
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5685
|
+
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
5686
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5666
5687
|
|
|
5667
|
-
var _templateObject$
|
|
5688
|
+
var _templateObject$1r, _templateObject2$13;
|
|
5668
5689
|
// import { filterObject } from '../../../utils';
|
|
5669
5690
|
function ConfirmOrder() {
|
|
5670
5691
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5843,10 +5864,10 @@ function ConfirmOrder() {
|
|
|
5843
5864
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5844
5865
|
showOkButton: false,
|
|
5845
5866
|
showCloseIcon: false
|
|
5846
|
-
}), React__default.createElement(Wrapper$
|
|
5867
|
+
}), React__default.createElement(Wrapper$f, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5847
5868
|
}
|
|
5848
|
-
var Wrapper$
|
|
5849
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5869
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5870
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
5850
5871
|
|
|
5851
5872
|
function SendSmsModal() {
|
|
5852
5873
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6133,16 +6154,16 @@ function HoldOrderModal() {
|
|
|
6133
6154
|
})))));
|
|
6134
6155
|
}
|
|
6135
6156
|
|
|
6136
|
-
var _templateObject$
|
|
6157
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$E;
|
|
6137
6158
|
// import {
|
|
6138
6159
|
// EscalationCategory,
|
|
6139
6160
|
// EscalationLevel,
|
|
6140
6161
|
// EscalationReason,
|
|
6141
6162
|
// EscalationStatus,
|
|
6142
6163
|
// } from '../../utils';
|
|
6143
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6144
|
-
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6145
|
-
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$
|
|
6164
|
+
var FlexContainer = /*#__PURE__*/styled__default.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"])));
|
|
6165
|
+
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6166
|
+
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6146
6167
|
var Dropdowns = function Dropdowns() {
|
|
6147
6168
|
var handleSelectChange = function handleSelectChange() {
|
|
6148
6169
|
// alert('hello');
|
|
@@ -6210,17 +6231,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6210
6231
|
})));
|
|
6211
6232
|
};
|
|
6212
6233
|
|
|
6213
|
-
var _templateObject$
|
|
6234
|
+
var _templateObject$1t, _templateObject2$15;
|
|
6214
6235
|
var Notes$2 = function Notes() {
|
|
6215
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
6216
|
-
var Label = styled__default.label(_templateObject2$
|
|
6236
|
+
var StyledTextArea = styled__default(dmsComponentLibrary.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 "])));
|
|
6237
|
+
var Label = styled__default.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 "])));
|
|
6217
6238
|
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
6218
6239
|
name: "note",
|
|
6219
6240
|
placeholder: ""
|
|
6220
6241
|
}));
|
|
6221
6242
|
};
|
|
6222
6243
|
|
|
6223
|
-
var _templateObject$
|
|
6244
|
+
var _templateObject$1u, _templateObject2$16, _templateObject3$F, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$9, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6224
6245
|
var Upgrade = function Upgrade() {
|
|
6225
6246
|
var handleSelectChange = function handleSelectChange() {
|
|
6226
6247
|
// alert('hello');
|
|
@@ -6229,7 +6250,7 @@ var Upgrade = function Upgrade() {
|
|
|
6229
6250
|
description: 'Upgrade successfully.'
|
|
6230
6251
|
});
|
|
6231
6252
|
};
|
|
6232
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$
|
|
6253
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$g, null, React__default.createElement(Heading$2, null, "Upgrade"), React__default.createElement(Container$10, null, React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6233
6254
|
label: 'Timed Service',
|
|
6234
6255
|
checked: true,
|
|
6235
6256
|
onChange: function onChange(_event) {
|
|
@@ -6279,24 +6300,24 @@ var Upgrade = function Upgrade() {
|
|
|
6279
6300
|
name: ''
|
|
6280
6301
|
}))))), React__default.createElement(GiftWrapper, null, React__default.createElement(BJSGift, null, React__default.createElement(Box, null)), React__default.createElement(BJSGift, null, React__default.createElement(Box, null))));
|
|
6281
6302
|
};
|
|
6282
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6283
|
-
var Box = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6284
|
-
var Wrapper$
|
|
6285
|
-
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6286
|
-
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$
|
|
6287
|
-
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6288
|
-
var Container$
|
|
6303
|
+
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6304
|
+
var Box = /*#__PURE__*/styled__default.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"])));
|
|
6305
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6306
|
+
var BJSGift = /*#__PURE__*/styled__default.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);
|
|
6307
|
+
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6308
|
+
var Heading$2 = /*#__PURE__*/styled__default.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"])));
|
|
6309
|
+
var Container$10 = /*#__PURE__*/styled__default.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"])));
|
|
6289
6310
|
var InnerCont$1 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6290
6311
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6291
6312
|
var StyledAntSelect$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6292
6313
|
|
|
6293
|
-
var _templateObject$
|
|
6294
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6314
|
+
var _templateObject$1v;
|
|
6315
|
+
var Flex = /*#__PURE__*/styled__default.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"])));
|
|
6295
6316
|
var Escalation = function Escalation() {
|
|
6296
6317
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Flex, null, React__default.createElement(Dropdowns, null), React__default.createElement(Notes$2, null), React__default.createElement(Upgrade, null)));
|
|
6297
6318
|
};
|
|
6298
6319
|
|
|
6299
|
-
var _templateObject$
|
|
6320
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$G, _templateObject4$l;
|
|
6300
6321
|
var NewEscalation = function NewEscalation() {
|
|
6301
6322
|
var _useState = React.useState(false),
|
|
6302
6323
|
showContent = _useState[0],
|
|
@@ -6325,10 +6346,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6325
6346
|
className: "checkmark"
|
|
6326
6347
|
})))), React__default.createElement("td", null, "VIP4"), React__default.createElement("td", null, "B63015484248[Test] WAYVER"), React__default.createElement("td", null, "Allocated to Route"), React__default.createElement("td", null, "Revieved Picked"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Status"))))));
|
|
6327
6348
|
};
|
|
6328
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6329
|
-
var Button = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
6330
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6331
|
-
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
6349
|
+
var Component = /*#__PURE__*/styled__default.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"])));
|
|
6350
|
+
var Button = /*#__PURE__*/styled__default.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"])));
|
|
6351
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6352
|
+
var CancelButton = /*#__PURE__*/styled__default.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"])));
|
|
6332
6353
|
|
|
6333
6354
|
var EscalationModal = function EscalationModal() {
|
|
6334
6355
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6488,7 +6509,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6488
6509
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6489
6510
|
var Icon = _ref.icon,
|
|
6490
6511
|
question = _ref.question;
|
|
6491
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6512
|
+
return React__default.createElement(Row$4, null, React__default.createElement(Container$L, null, React__default.createElement(ImageRow, null, React__default.createElement(ImageCircle, null, React__default.createElement(Icon, null)), React__default.createElement(StaticText, null, question)), React__default.createElement(dmsComponentLibrary.CustomRating, {
|
|
6492
6513
|
showText: true
|
|
6493
6514
|
})));
|
|
6494
6515
|
};
|
|
@@ -6521,7 +6542,7 @@ function LogFeedback() {
|
|
|
6521
6542
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6522
6543
|
icon: GrowthImg,
|
|
6523
6544
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6524
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6545
|
+
}), React__default.createElement(Row$4, null, React__default.createElement(Container$L, null, React__default.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React__default.createElement(StyledTextAreas, {
|
|
6525
6546
|
name: "note",
|
|
6526
6547
|
placeholder: "Write here..."
|
|
6527
6548
|
}))))));
|
|
@@ -6683,7 +6704,7 @@ function ChargeLog() {
|
|
|
6683
6704
|
})));
|
|
6684
6705
|
}
|
|
6685
6706
|
|
|
6686
|
-
var _templateObject$
|
|
6707
|
+
var _templateObject$1x;
|
|
6687
6708
|
var UnholdOrder = function UnholdOrder() {
|
|
6688
6709
|
var _useCurrentAction = useCurrentAction(),
|
|
6689
6710
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6707,9 +6728,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6707
6728
|
})
|
|
6708
6729
|
});
|
|
6709
6730
|
};
|
|
6710
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
6731
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6711
6732
|
|
|
6712
|
-
var _templateObject$
|
|
6733
|
+
var _templateObject$1y, _templateObject2$18;
|
|
6713
6734
|
var ProductData = function ProductData(_ref) {
|
|
6714
6735
|
var products = _ref.products,
|
|
6715
6736
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6732,8 +6753,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6732
6753
|
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6733
6754
|
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6734
6755
|
};
|
|
6735
|
-
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$
|
|
6736
|
-
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6756
|
+
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6757
|
+
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6737
6758
|
|
|
6738
6759
|
var initialProducts = [{
|
|
6739
6760
|
id: 1458784,
|
|
@@ -6854,7 +6875,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6854
6875
|
})));
|
|
6855
6876
|
};
|
|
6856
6877
|
|
|
6857
|
-
var _templateObject$
|
|
6878
|
+
var _templateObject$1z, _templateObject2$19;
|
|
6858
6879
|
function AssigneeDropdown() {
|
|
6859
6880
|
var handleSelectChange = function handleSelectChange() {
|
|
6860
6881
|
// alert('hello');
|
|
@@ -6876,8 +6897,8 @@ function AssigneeDropdown() {
|
|
|
6876
6897
|
}
|
|
6877
6898
|
}));
|
|
6878
6899
|
}
|
|
6879
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6880
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
6900
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6901
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6881
6902
|
|
|
6882
6903
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6883
6904
|
return React__default.createElement("svg", {
|
|
@@ -6895,11 +6916,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6895
6916
|
}));
|
|
6896
6917
|
};
|
|
6897
6918
|
|
|
6898
|
-
var _templateObject$
|
|
6899
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6900
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6901
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6902
|
-
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
6919
|
+
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;
|
|
6920
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.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"])));
|
|
6921
|
+
var InnerContainer = /*#__PURE__*/styled__default.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"])));
|
|
6922
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6923
|
+
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6903
6924
|
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
6904
6925
|
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
6905
6926
|
var StyledTime = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
@@ -6990,7 +7011,22 @@ function useFetchSingleReminderData() {
|
|
|
6990
7011
|
return res;
|
|
6991
7012
|
}
|
|
6992
7013
|
|
|
6993
|
-
var _templateObject$
|
|
7014
|
+
var _templateObject$1B, _templateObject2$1b, _templateObject3$I, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$a;
|
|
7015
|
+
function Loader(props) {
|
|
7016
|
+
return React__default.createElement(MainContainer$9, {
|
|
7017
|
+
id: "loder"
|
|
7018
|
+
}, React__default.createElement(Container$11, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$h, null, React__default.createElement(Title$5, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
7019
|
+
}
|
|
7020
|
+
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
7021
|
+
// Styled components for the loading spinner
|
|
7022
|
+
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
7023
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
7024
|
+
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7025
|
+
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
7026
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
7027
|
+
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
7028
|
+
|
|
7029
|
+
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6994
7030
|
function StatusIndicator(props) {
|
|
6995
7031
|
var statusColor = getStatusColor(props.status);
|
|
6996
7032
|
return React__default.createElement(Container$12, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -7004,7 +7040,7 @@ function StatusIndicator(props) {
|
|
|
7004
7040
|
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
7005
7041
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7006
7042
|
});
|
|
7007
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7043
|
+
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
7008
7044
|
return props.color;
|
|
7009
7045
|
});
|
|
7010
7046
|
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -7170,7 +7206,7 @@ function useFetchReminders() {
|
|
|
7170
7206
|
return perform;
|
|
7171
7207
|
}
|
|
7172
7208
|
|
|
7173
|
-
var _templateObject$1D, _templateObject2$
|
|
7209
|
+
var _templateObject$1D, _templateObject2$1d, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7174
7210
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7175
7211
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7176
7212
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7327,7 +7363,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7327
7363
|
}))))));
|
|
7328
7364
|
};
|
|
7329
7365
|
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
7330
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7366
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7331
7367
|
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
7332
7368
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
7333
7369
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7355,7 +7391,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7355
7391
|
}, " * ")), children);
|
|
7356
7392
|
};
|
|
7357
7393
|
|
|
7358
|
-
var _templateObject$1F, _templateObject2$
|
|
7394
|
+
var _templateObject$1F, _templateObject2$1e, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7359
7395
|
dayjs.extend(utc);
|
|
7360
7396
|
dayjs.extend(dateFns.isValid);
|
|
7361
7397
|
function CreateReminderModal() {
|
|
@@ -7579,7 +7615,7 @@ function CreateReminderModal() {
|
|
|
7579
7615
|
})));
|
|
7580
7616
|
}
|
|
7581
7617
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7582
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7618
|
+
var Label$f = /*#__PURE__*/styled__default.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"])));
|
|
7583
7619
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7584
7620
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
7585
7621
|
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
@@ -7853,7 +7889,7 @@ function TaskReminderModal() {
|
|
|
7853
7889
|
}
|
|
7854
7890
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7855
7891
|
|
|
7856
|
-
var _templateObject$1H, _templateObject2$
|
|
7892
|
+
var _templateObject$1H, _templateObject2$1f;
|
|
7857
7893
|
function OrderLock() {
|
|
7858
7894
|
var _useCurrentAction = useCurrentAction(),
|
|
7859
7895
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7907,7 +7943,7 @@ function OrderLock() {
|
|
|
7907
7943
|
});
|
|
7908
7944
|
}
|
|
7909
7945
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7910
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7946
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7911
7947
|
|
|
7912
7948
|
function useUpdateFlag() {
|
|
7913
7949
|
var ssoToken = getCookie('id_token');
|
|
@@ -7977,7 +8013,7 @@ function useUpdateFlag() {
|
|
|
7977
8013
|
return create;
|
|
7978
8014
|
}
|
|
7979
8015
|
|
|
7980
|
-
var _templateObject$1I, _templateObject2$
|
|
8016
|
+
var _templateObject$1I, _templateObject2$1g, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
7981
8017
|
function HeaderSection() {
|
|
7982
8018
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7983
8019
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8048,13 +8084,13 @@ function HeaderSection() {
|
|
|
8048
8084
|
})));
|
|
8049
8085
|
}
|
|
8050
8086
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
8051
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
8087
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8052
8088
|
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
8053
8089
|
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
8054
8090
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
8055
8091
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8056
8092
|
|
|
8057
|
-
var _templateObject$1J, _templateObject2$
|
|
8093
|
+
var _templateObject$1J, _templateObject2$1h;
|
|
8058
8094
|
function TextSection() {
|
|
8059
8095
|
var _useSinglePayload = useSinglePayload(),
|
|
8060
8096
|
payload = _useSinglePayload[0],
|
|
@@ -8073,9 +8109,9 @@ function TextSection() {
|
|
|
8073
8109
|
}));
|
|
8074
8110
|
}
|
|
8075
8111
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8076
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8112
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8077
8113
|
|
|
8078
|
-
var _templateObject$1K, _templateObject2$
|
|
8114
|
+
var _templateObject$1K, _templateObject2$1i;
|
|
8079
8115
|
function ButtonsSection() {
|
|
8080
8116
|
var _useSinglePayload = useSinglePayload(),
|
|
8081
8117
|
payload = _useSinglePayload[0],
|
|
@@ -8167,9 +8203,9 @@ function ButtonsSection() {
|
|
|
8167
8203
|
}))));
|
|
8168
8204
|
}
|
|
8169
8205
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8170
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8206
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8171
8207
|
|
|
8172
|
-
var _templateObject$1L, _templateObject2$
|
|
8208
|
+
var _templateObject$1L, _templateObject2$1j, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8173
8209
|
function ActionSection() {
|
|
8174
8210
|
var _useCurrentAction = useCurrentAction(),
|
|
8175
8211
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8256,13 +8292,13 @@ function RadioButtonsSection() {
|
|
|
8256
8292
|
}));
|
|
8257
8293
|
}
|
|
8258
8294
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8259
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
8295
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8260
8296
|
var CancelButton$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8261
8297
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8262
8298
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8263
8299
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8264
8300
|
|
|
8265
|
-
var _templateObject$1M, _templateObject2$
|
|
8301
|
+
var _templateObject$1M, _templateObject2$1k, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8266
8302
|
function DetailSection() {
|
|
8267
8303
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8268
8304
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8275,7 +8311,7 @@ function DetailSection() {
|
|
|
8275
8311
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8276
8312
|
}
|
|
8277
8313
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8278
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8314
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8279
8315
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8280
8316
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8281
8317
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8360,7 +8396,7 @@ function useFetchSingleFlagsData() {
|
|
|
8360
8396
|
return res;
|
|
8361
8397
|
}
|
|
8362
8398
|
|
|
8363
|
-
var _templateObject$1N, _templateObject2$
|
|
8399
|
+
var _templateObject$1N, _templateObject2$1l, _templateObject3$Q;
|
|
8364
8400
|
function ViewFlag() {
|
|
8365
8401
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8366
8402
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8458,7 +8494,7 @@ function ViewFlag() {
|
|
|
8458
8494
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
8459
8495
|
}
|
|
8460
8496
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8461
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
8497
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8462
8498
|
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
8463
8499
|
|
|
8464
8500
|
var _templateObject$1O;
|
|
@@ -8622,7 +8658,8 @@ function useSystemLogs() {
|
|
|
8622
8658
|
'Content-Type': 'application/json',
|
|
8623
8659
|
Authorization: "Bearer " + ssoToken,
|
|
8624
8660
|
'x-pagination': JSON.stringify({
|
|
8625
|
-
|
|
8661
|
+
page: 1,
|
|
8662
|
+
per_page: 100
|
|
8626
8663
|
}),
|
|
8627
8664
|
'x-filters': JSON.stringify([{
|
|
8628
8665
|
field: 'object_id',
|
|
@@ -8692,7 +8729,7 @@ function useSystemLogs() {
|
|
|
8692
8729
|
return perform;
|
|
8693
8730
|
}
|
|
8694
8731
|
|
|
8695
|
-
var _templateObject$1Q, _templateObject2$
|
|
8732
|
+
var _templateObject$1Q, _templateObject2$1m;
|
|
8696
8733
|
var Details = function Details() {
|
|
8697
8734
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8698
8735
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8702,7 +8739,7 @@ var Details = function Details() {
|
|
|
8702
8739
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8703
8740
|
};
|
|
8704
8741
|
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8705
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8742
|
+
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
8706
8743
|
|
|
8707
8744
|
var _templateObject$1R;
|
|
8708
8745
|
var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
@@ -8969,7 +9006,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8969
9006
|
};
|
|
8970
9007
|
var Flex$6 = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
8971
9008
|
|
|
8972
|
-
var _templateObject$1X, _templateObject2$
|
|
9009
|
+
var _templateObject$1X, _templateObject2$1n, _templateObject3$R, _templateObject4$u;
|
|
8973
9010
|
function OrderView() {
|
|
8974
9011
|
antd.notification.config({
|
|
8975
9012
|
top: 150
|
|
@@ -9256,7 +9293,7 @@ function OrderView() {
|
|
|
9256
9293
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
9257
9294
|
}
|
|
9258
9295
|
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
|
|
9259
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9296
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
9260
9297
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9261
9298
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9262
9299
|
|
|
@@ -9455,8 +9492,8 @@ function SelectionFilter() {
|
|
|
9455
9492
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
9456
9493
|
var selectedValue = option == null ? void 0 : option.id;
|
|
9457
9494
|
var selectedUuids = option == null ? void 0 : option.uuid;
|
|
9458
|
-
var selectAccountNumber = option.account_number;
|
|
9459
|
-
var selectedCustomerId = option.gsit_customer_id;
|
|
9495
|
+
var selectAccountNumber = option == null ? void 0 : option.account_number;
|
|
9496
|
+
var selectedCustomerId = option == null ? void 0 : option.gsit_customer_id;
|
|
9460
9497
|
setSelectedClient(selectedValue);
|
|
9461
9498
|
setName(selectedLabel);
|
|
9462
9499
|
// storedName(selectedLabel);
|
|
@@ -9620,7 +9657,8 @@ function SelectionFilter() {
|
|
|
9620
9657
|
dispatch({
|
|
9621
9658
|
type: 'CLEAR_CLIENT'
|
|
9622
9659
|
});
|
|
9623
|
-
window.location.href = '/returnclient';
|
|
9660
|
+
// window.location.href = '/returnclient';
|
|
9661
|
+
window.location.replace('/returnclient');
|
|
9624
9662
|
}
|
|
9625
9663
|
}, [clearState]);
|
|
9626
9664
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$4, {
|
|
@@ -9731,7 +9769,7 @@ var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateOb
|
|
|
9731
9769
|
// Right side filter
|
|
9732
9770
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9733
9771
|
|
|
9734
|
-
var _templateObject$1_, _templateObject2$
|
|
9772
|
+
var _templateObject$1_, _templateObject2$1o;
|
|
9735
9773
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9736
9774
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9737
9775
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9758,7 +9796,7 @@ var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_temp
|
|
|
9758
9796
|
// align-self: stretch;
|
|
9759
9797
|
// border-radius: 15px 0px 0px 15px;
|
|
9760
9798
|
// `;
|
|
9761
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9799
|
+
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
9762
9800
|
|
|
9763
9801
|
var ReturnFilter = function ReturnFilter() {
|
|
9764
9802
|
var _useParams = reactRouterDom.useParams(),
|
|
@@ -9766,9 +9804,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9766
9804
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, " ", clientName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9767
9805
|
};
|
|
9768
9806
|
|
|
9769
|
-
var _templateObject$1$, _templateObject2$
|
|
9807
|
+
var _templateObject$1$, _templateObject2$1p, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9770
9808
|
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9771
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9809
|
+
var GreyBox = /*#__PURE__*/styled__default.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"])));
|
|
9772
9810
|
// Styled components
|
|
9773
9811
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
9774
9812
|
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
@@ -9925,7 +9963,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9925
9963
|
// const hours = padZero(date.getHours());
|
|
9926
9964
|
// const minutes = padZero(date.getMinutes());
|
|
9927
9965
|
// const seconds = padZero(date.getSeconds());
|
|
9928
|
-
return
|
|
9966
|
+
return year + "-" + month + "-" + day;
|
|
9929
9967
|
};
|
|
9930
9968
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9931
9969
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9959,7 +9997,7 @@ var optionsForReturnPrint = [{
|
|
|
9959
9997
|
label: 'Print Return Labels'
|
|
9960
9998
|
}];
|
|
9961
9999
|
|
|
9962
|
-
var _templateObject$20, _templateObject2$
|
|
10000
|
+
var _templateObject$20, _templateObject2$1q;
|
|
9963
10001
|
var options$1 = optionsForReturnPrint;
|
|
9964
10002
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9965
10003
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9977,7 +10015,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9977
10015
|
}));
|
|
9978
10016
|
};
|
|
9979
10017
|
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
9980
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
10018
|
+
var OptionsListLi = /*#__PURE__*/styled__default.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"])));
|
|
9981
10019
|
|
|
9982
10020
|
var _excluded$3 = ["count"];
|
|
9983
10021
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10311,7 +10349,7 @@ var DefectConfirm = [{
|
|
|
10311
10349
|
value: 'no'
|
|
10312
10350
|
}];
|
|
10313
10351
|
|
|
10314
|
-
var _templateObject$21, _templateObject2$
|
|
10352
|
+
var _templateObject$21, _templateObject2$1r, _templateObject3$U, _templateObject4$x;
|
|
10315
10353
|
var DefetcDetails = function DefetcDetails() {
|
|
10316
10354
|
var handleSelectChange = function handleSelectChange() {
|
|
10317
10355
|
console.log('Option selected');
|
|
@@ -10354,7 +10392,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10354
10392
|
}))));
|
|
10355
10393
|
};
|
|
10356
10394
|
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10357
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10395
|
+
var Container$15 = /*#__PURE__*/styled__default.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"])));
|
|
10358
10396
|
var Flex$7 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10359
10397
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10360
10398
|
|
|
@@ -10420,7 +10458,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10420
10458
|
};
|
|
10421
10459
|
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10422
10460
|
|
|
10423
|
-
var _templateObject$23, _templateObject2$
|
|
10461
|
+
var _templateObject$23, _templateObject2$1s, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10424
10462
|
var RepackDetails = function RepackDetails() {
|
|
10425
10463
|
var _useState = React.useState(false),
|
|
10426
10464
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10468,13 +10506,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10468
10506
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10469
10507
|
};
|
|
10470
10508
|
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10471
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10509
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10472
10510
|
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10473
10511
|
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10474
10512
|
var Flex$8 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10475
10513
|
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10476
10514
|
|
|
10477
|
-
var _templateObject$24, _templateObject2$
|
|
10515
|
+
var _templateObject$24, _templateObject2$1t, _templateObject3$W, _templateObject4$z;
|
|
10478
10516
|
var OtherDamage = function OtherDamage() {
|
|
10479
10517
|
var handleSelectChange = function handleSelectChange() {
|
|
10480
10518
|
console.log('Option selected');
|
|
@@ -10531,11 +10569,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10531
10569
|
}))));
|
|
10532
10570
|
};
|
|
10533
10571
|
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10534
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10572
|
+
var Container$17 = /*#__PURE__*/styled__default.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"])));
|
|
10535
10573
|
var Flex$9 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10536
10574
|
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10537
10575
|
|
|
10538
|
-
var _templateObject$25, _templateObject2$
|
|
10576
|
+
var _templateObject$25, _templateObject2$1u, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10539
10577
|
var AddDefect = function AddDefect() {
|
|
10540
10578
|
var _useState = React.useState({
|
|
10541
10579
|
actionDuring: '',
|
|
@@ -10599,12 +10637,12 @@ var AddDefect = function AddDefect() {
|
|
|
10599
10637
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10600
10638
|
};
|
|
10601
10639
|
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10602
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10640
|
+
var Container$18 = /*#__PURE__*/styled__default.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"])));
|
|
10603
10641
|
var Flex$a = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10604
10642
|
var LabelWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10605
10643
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10606
10644
|
|
|
10607
|
-
var _templateObject$26, _templateObject2$
|
|
10645
|
+
var _templateObject$26, _templateObject2$1v, _templateObject3$Y, _templateObject4$B;
|
|
10608
10646
|
var QCLogs = function QCLogs() {
|
|
10609
10647
|
var handleSelectChange = function handleSelectChange() {
|
|
10610
10648
|
console.log('Option selected');
|
|
@@ -10626,11 +10664,11 @@ var QCLogs = function QCLogs() {
|
|
|
10626
10664
|
}))), React__default.createElement(AddDefect, null));
|
|
10627
10665
|
};
|
|
10628
10666
|
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10629
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10667
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10630
10668
|
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10631
10669
|
var LabelWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10632
10670
|
|
|
10633
|
-
var _templateObject$27, _templateObject2$
|
|
10671
|
+
var _templateObject$27, _templateObject2$1w, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10634
10672
|
function UpdateProduct() {
|
|
10635
10673
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10636
10674
|
var _useState = React.useState(),
|
|
@@ -10728,12 +10766,12 @@ function UpdateProduct() {
|
|
|
10728
10766
|
}))));
|
|
10729
10767
|
}
|
|
10730
10768
|
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10731
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10769
|
+
var ReturnBox = /*#__PURE__*/styled__default.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"])));
|
|
10732
10770
|
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10733
10771
|
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10734
10772
|
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10735
10773
|
|
|
10736
|
-
var _templateObject$28, _templateObject2$
|
|
10774
|
+
var _templateObject$28, _templateObject2$1x, _templateObject3$_;
|
|
10737
10775
|
function UnReceiveProduct() {
|
|
10738
10776
|
var _orderStaticData$unre;
|
|
10739
10777
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10782,10 +10820,10 @@ function UnReceiveProduct() {
|
|
|
10782
10820
|
})));
|
|
10783
10821
|
}
|
|
10784
10822
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10785
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10823
|
+
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10786
10824
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10787
10825
|
|
|
10788
|
-
var _templateObject$29, _templateObject2$
|
|
10826
|
+
var _templateObject$29, _templateObject2$1y;
|
|
10789
10827
|
var ProductAction = function ProductAction() {
|
|
10790
10828
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10791
10829
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10811,7 +10849,7 @@ var ProductAction = function ProductAction() {
|
|
|
10811
10849
|
}))));
|
|
10812
10850
|
};
|
|
10813
10851
|
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10814
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10852
|
+
var Container$1c = /*#__PURE__*/styled__default.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"])));
|
|
10815
10853
|
|
|
10816
10854
|
var _templateObject$2a;
|
|
10817
10855
|
var LogsTable = function LogsTable() {
|
|
@@ -10890,7 +10928,7 @@ var LogsTable = function LogsTable() {
|
|
|
10890
10928
|
};
|
|
10891
10929
|
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10892
10930
|
|
|
10893
|
-
var _templateObject$2b, _templateObject2$
|
|
10931
|
+
var _templateObject$2b, _templateObject2$1z;
|
|
10894
10932
|
var DefectsModal = function DefectsModal() {
|
|
10895
10933
|
var options = [{
|
|
10896
10934
|
value: 'bjsCouriers',
|
|
@@ -10943,7 +10981,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10943
10981
|
}))));
|
|
10944
10982
|
};
|
|
10945
10983
|
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10946
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10984
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10947
10985
|
|
|
10948
10986
|
var _templateObject$2c;
|
|
10949
10987
|
var repackModal = function repackModal() {
|
|
@@ -10977,7 +11015,7 @@ var repackModal = function repackModal() {
|
|
|
10977
11015
|
};
|
|
10978
11016
|
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10979
11017
|
|
|
10980
|
-
var _templateObject$2d, _templateObject2$
|
|
11018
|
+
var _templateObject$2d, _templateObject2$1A, _templateObject3$$;
|
|
10981
11019
|
var _excluded$4 = ["id"];
|
|
10982
11020
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10983
11021
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11056,7 +11094,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11056
11094
|
})))));
|
|
11057
11095
|
};
|
|
11058
11096
|
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
11059
|
-
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11097
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11060
11098
|
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
11061
11099
|
|
|
11062
11100
|
var ModalManager = function ModalManager() {
|
|
@@ -11258,7 +11296,7 @@ var ModalManager = function ModalManager() {
|
|
|
11258
11296
|
// for local
|
|
11259
11297
|
// navigate('/order-return');
|
|
11260
11298
|
// for dev
|
|
11261
|
-
navigate('returnclient/order-return');
|
|
11299
|
+
navigate('/returnclient/order-return');
|
|
11262
11300
|
}
|
|
11263
11301
|
}, [response, apiError, postLoading]);
|
|
11264
11302
|
return React__default.createElement(React__default.Fragment, null, (popupName == null ? void 0 : popupName.state) === 'create-return' && React__default.createElement(React__default.Fragment, null, React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
@@ -11355,9 +11393,9 @@ var ModalManager = function ModalManager() {
|
|
|
11355
11393
|
}));
|
|
11356
11394
|
};
|
|
11357
11395
|
|
|
11358
|
-
var _templateObject$2e, _templateObject2$
|
|
11396
|
+
var _templateObject$2e, _templateObject2$1B, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11359
11397
|
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
11360
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11398
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11361
11399
|
var StyledInfoBox = /*#__PURE__*/styled__default.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
11362
11400
|
var StyledLabel$2 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
11363
11401
|
var StyledPaginationWrapper = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
@@ -11479,7 +11517,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11479
11517
|
}, React__default.createElement(NextIcon, null)))));
|
|
11480
11518
|
};
|
|
11481
11519
|
|
|
11482
|
-
var _templateObject$2f, _templateObject2$
|
|
11520
|
+
var _templateObject$2f, _templateObject2$1C;
|
|
11483
11521
|
var ReturnTable = function ReturnTable() {
|
|
11484
11522
|
var _UsePaginationData = UsePaginationData(),
|
|
11485
11523
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11507,7 +11545,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11507
11545
|
})))), React__default.createElement(ModalManager, null));
|
|
11508
11546
|
};
|
|
11509
11547
|
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11510
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
11548
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
11511
11549
|
|
|
11512
11550
|
function LoadIcon() {
|
|
11513
11551
|
return React__default.createElement("svg", {
|
|
@@ -11525,7 +11563,7 @@ function LoadIcon() {
|
|
|
11525
11563
|
}));
|
|
11526
11564
|
}
|
|
11527
11565
|
|
|
11528
|
-
var _templateObject$2g, _templateObject2$
|
|
11566
|
+
var _templateObject$2g, _templateObject2$1D;
|
|
11529
11567
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11530
11568
|
var legacyProductId = _ref.legacyProductId;
|
|
11531
11569
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11553,7 +11591,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11553
11591
|
}));
|
|
11554
11592
|
};
|
|
11555
11593
|
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
11556
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
11594
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.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) {
|
|
11557
11595
|
var disabled = _ref2.disabled;
|
|
11558
11596
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11559
11597
|
}, function (_ref3) {
|
|
@@ -11962,7 +12000,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11962
12000
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11963
12001
|
});
|
|
11964
12002
|
|
|
11965
|
-
var _templateObject$2i, _templateObject2$
|
|
12003
|
+
var _templateObject$2i, _templateObject2$1E;
|
|
11966
12004
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11967
12005
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11968
12006
|
dispatch = _useAtom[1];
|
|
@@ -12140,7 +12178,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12140
12178
|
};
|
|
12141
12179
|
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12142
12180
|
// const DropdownContainer = styled.div``;
|
|
12143
|
-
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12181
|
+
var StyledAntSelect$c = /*#__PURE__*/styled__default.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"])));
|
|
12144
12182
|
|
|
12145
12183
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12146
12184
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12226,7 +12264,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12226
12264
|
}, React__default.createElement(NextIcon, null)))));
|
|
12227
12265
|
};
|
|
12228
12266
|
|
|
12229
|
-
var _templateObject$2j, _templateObject2$
|
|
12267
|
+
var _templateObject$2j, _templateObject2$1F;
|
|
12230
12268
|
var _excluded$5 = ["count"];
|
|
12231
12269
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12232
12270
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12299,12 +12337,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12299
12337
|
})))));
|
|
12300
12338
|
};
|
|
12301
12339
|
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12302
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
12340
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
12303
12341
|
|
|
12304
|
-
var _templateObject2$
|
|
12305
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12342
|
+
var _templateObject2$1G;
|
|
12343
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
|
|
12306
12344
|
|
|
12307
|
-
var _templateObject$2k, _templateObject2$
|
|
12345
|
+
var _templateObject$2k, _templateObject2$1H;
|
|
12308
12346
|
var SearchType = function SearchType() {
|
|
12309
12347
|
var _useState = React.useState(''),
|
|
12310
12348
|
searchText = _useState[0],
|
|
@@ -12320,7 +12358,7 @@ var SearchType = function SearchType() {
|
|
|
12320
12358
|
}));
|
|
12321
12359
|
};
|
|
12322
12360
|
var Search = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
12323
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12361
|
+
var SearchInput = /*#__PURE__*/styled__default.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"])));
|
|
12324
12362
|
|
|
12325
12363
|
var BulkFilter = function BulkFilter() {
|
|
12326
12364
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12441,7 +12479,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12441
12479
|
})))));
|
|
12442
12480
|
};
|
|
12443
12481
|
|
|
12444
|
-
var _templateObject$2l, _templateObject2$
|
|
12482
|
+
var _templateObject$2l, _templateObject2$1I, _templateObject3$11;
|
|
12445
12483
|
// import Pagination from './table-view/Pagination';
|
|
12446
12484
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12447
12485
|
function ReturnMainTable() {
|
|
@@ -12501,12 +12539,12 @@ function ReturnMainTable() {
|
|
|
12501
12539
|
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1h, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), getClient ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)))));
|
|
12502
12540
|
}
|
|
12503
12541
|
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12504
|
-
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12542
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12505
12543
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
12506
12544
|
|
|
12507
|
-
var _templateObject$2m, _templateObject2$
|
|
12545
|
+
var _templateObject$2m, _templateObject2$1J;
|
|
12508
12546
|
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
12509
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12547
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12510
12548
|
|
|
12511
12549
|
var _templateObject$2n;
|
|
12512
12550
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12514,12 +12552,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12514
12552
|
};
|
|
12515
12553
|
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
12516
12554
|
|
|
12517
|
-
var _templateObject$2o, _templateObject2$
|
|
12555
|
+
var _templateObject$2o, _templateObject2$1K;
|
|
12518
12556
|
function Breadcrumb(props) {
|
|
12519
12557
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
12520
12558
|
}
|
|
12521
12559
|
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12522
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
12560
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.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"])));
|
|
12523
12561
|
|
|
12524
12562
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12525
12563
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|