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