@bjsdistribution/dms-client-return 0.0.24 → 0.0.26
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 +400 -437
- 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 +401 -438
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +4 -0
- package/src/components/order-daily-overview/shared/utlis.ts +3 -1
- package/src/components/order-view/hooks/useGetSystemLogs.tsx +1 -2
- package/src/components/order-view/index.tsx +6 -6
- package/src/components/order-view/modalsPopup/CreateReturnModal.tsx +0 -4
- package/src/components/order-view/modalsPopup/ModalManager.tsx +30 -30
- 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
|
|
|
@@ -3566,6 +3584,21 @@ function useFinalPayload() {
|
|
|
3566
3584
|
return jotai.useAtom(_final);
|
|
3567
3585
|
}
|
|
3568
3586
|
|
|
3587
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3588
|
+
function Loader(props) {
|
|
3589
|
+
return React__default.createElement(MainContainer$6, {
|
|
3590
|
+
id: "loder"
|
|
3591
|
+
}, 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!"))));
|
|
3592
|
+
}
|
|
3593
|
+
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"])));
|
|
3594
|
+
// Styled components for the loading spinner
|
|
3595
|
+
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);
|
|
3596
|
+
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"])));
|
|
3597
|
+
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"])));
|
|
3598
|
+
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"])));
|
|
3599
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3600
|
+
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"])));
|
|
3601
|
+
|
|
3569
3602
|
var ReturnProductTable = function ReturnProductTable() {
|
|
3570
3603
|
var _orderStaticData$retu;
|
|
3571
3604
|
var _useSelectedOrders = useSelectedOrders(),
|
|
@@ -3594,9 +3627,16 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3594
3627
|
performAction: false
|
|
3595
3628
|
}),
|
|
3596
3629
|
isresponse = _useApiHook.data,
|
|
3597
|
-
setaction = _useApiHook.setShouldPerformAction
|
|
3630
|
+
setaction = _useApiHook.setShouldPerformAction,
|
|
3631
|
+
loading = _useApiHook.loading;
|
|
3598
3632
|
React.useEffect(function () {
|
|
3599
3633
|
if (isresponse && isresponse.data) {
|
|
3634
|
+
antd.notification.success({
|
|
3635
|
+
message: 'Success',
|
|
3636
|
+
description:
|
|
3637
|
+
//@ts-ignore
|
|
3638
|
+
(isresponse == null ? void 0 : isresponse.message) || 'An error has occurred. Please try again later.'
|
|
3639
|
+
});
|
|
3600
3640
|
handleRemoveRow();
|
|
3601
3641
|
setSelectedRowId(null);
|
|
3602
3642
|
}
|
|
@@ -3633,7 +3673,9 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3633
3673
|
});
|
|
3634
3674
|
return matchedReason ? matchedReason.label : 'N/A'; // Return label or 'N/A' if no match found
|
|
3635
3675
|
};
|
|
3636
|
-
return React__default.createElement("div", null, React__default.createElement(
|
|
3676
|
+
return React__default.createElement("div", null, loading && React__default.createElement(Loader, {
|
|
3677
|
+
title: "Deleting"
|
|
3678
|
+
}), React__default.createElement(StyledTableWrapper, {
|
|
3637
3679
|
id: "tableScrolling"
|
|
3638
3680
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
3639
3681
|
className: "emailInvoiceCheckbox"
|
|
@@ -3671,20 +3713,20 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3671
3713
|
}, "No records found"))))));
|
|
3672
3714
|
};
|
|
3673
3715
|
|
|
3674
|
-
var _templateObject$
|
|
3716
|
+
var _templateObject$V;
|
|
3675
3717
|
var ProductTable = function ProductTable() {
|
|
3676
|
-
return React__default.createElement(Container$
|
|
3718
|
+
return React__default.createElement(Container$C, null, React__default.createElement(ReturnProductTable, null));
|
|
3677
3719
|
};
|
|
3678
|
-
var Container$
|
|
3720
|
+
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"])));
|
|
3679
3721
|
|
|
3680
|
-
var _templateObject$
|
|
3722
|
+
var _templateObject$W, _templateObject2$H;
|
|
3681
3723
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3682
3724
|
var defaultSelectStyle = {
|
|
3683
3725
|
width: '100%'
|
|
3684
3726
|
};
|
|
3685
3727
|
var defaultPopupClassName = 'dropDownStyle';
|
|
3686
3728
|
var defaultSelectWrapperClass = 'rounded';
|
|
3687
|
-
return React__default.createElement(Container$
|
|
3729
|
+
return React__default.createElement(Container$D, null, React__default.createElement(Text$3, null, "New Return Order:"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3688
3730
|
options: [],
|
|
3689
3731
|
placeholder: "Select",
|
|
3690
3732
|
onChange: function onChange() {},
|
|
@@ -3697,10 +3739,10 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3697
3739
|
selectWrapperClass: defaultSelectWrapperClass
|
|
3698
3740
|
}));
|
|
3699
3741
|
};
|
|
3700
|
-
var Container$
|
|
3701
|
-
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3742
|
+
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"])));
|
|
3743
|
+
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"])));
|
|
3702
3744
|
|
|
3703
|
-
var _templateObject$
|
|
3745
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$n;
|
|
3704
3746
|
// import { notification } from 'antd';
|
|
3705
3747
|
function ExpandedContent$2() {
|
|
3706
3748
|
// const SaveNote = () => {
|
|
@@ -3710,7 +3752,7 @@ function ExpandedContent$2() {
|
|
|
3710
3752
|
// description: ' Saved successfully.',
|
|
3711
3753
|
// });
|
|
3712
3754
|
// };
|
|
3713
|
-
return React__default.createElement(Container$
|
|
3755
|
+
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, {
|
|
3714
3756
|
style: {
|
|
3715
3757
|
borderRadius: '20px'
|
|
3716
3758
|
},
|
|
@@ -3718,81 +3760,18 @@ function ExpandedContent$2() {
|
|
|
3718
3760
|
disabled: true
|
|
3719
3761
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
3720
3762
|
}
|
|
3721
|
-
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3722
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3723
|
-
var Container$
|
|
3763
|
+
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"])));
|
|
3764
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3765
|
+
var Container$E = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3724
3766
|
|
|
3725
|
-
var _templateObject$
|
|
3726
|
-
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3727
|
-
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3728
|
-
// import { useAtom } from 'jotai';
|
|
3767
|
+
var _templateObject$Y, _templateObject2$J;
|
|
3729
3768
|
function CollapsedContent$1() {
|
|
3730
|
-
|
|
3731
|
-
// const [productdata] = useProductDetails();
|
|
3732
|
-
// const totalItems = productdata?.length;
|
|
3733
|
-
// const totalCube = () => {
|
|
3734
|
-
// let cubeData = 0;
|
|
3735
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3736
|
-
// cubeData += parseFloat(productdata[i].cube);
|
|
3737
|
-
// }
|
|
3738
|
-
// return `${cubeData.toFixed(2)}m³`;
|
|
3739
|
-
// };
|
|
3740
|
-
// const totalWeight = () => {
|
|
3741
|
-
// let weightData = 0;
|
|
3742
|
-
// for (let i = 0; i < productdata?.length; i++) {
|
|
3743
|
-
// weightData += parseFloat(productdata[i].weight);
|
|
3744
|
-
// }
|
|
3745
|
-
// return `${weightData.toFixed(2)} KG`;
|
|
3746
|
-
// };
|
|
3747
|
-
return React__default.createElement(Container$E, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3769
|
+
return React__default.createElement(Container$F, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3748
3770
|
label: "Products"
|
|
3749
|
-
}));
|
|
3771
|
+
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
3750
3772
|
}
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
// font-size: 13px;
|
|
3754
|
-
// font-weight: 500;
|
|
3755
|
-
// line-height: 16px;
|
|
3756
|
-
// color: #8e8a85;
|
|
3757
|
-
// `;
|
|
3758
|
-
// const Right = styled.div`
|
|
3759
|
-
// margin-left: auto;
|
|
3760
|
-
// display: flex;
|
|
3761
|
-
// gap: 10px;
|
|
3762
|
-
// margin-right: 10px;
|
|
3763
|
-
// `;
|
|
3764
|
-
// const Action = styled.span`
|
|
3765
|
-
// color: #3a3630;
|
|
3766
|
-
// font-family: 'Lato', sans-serif;
|
|
3767
|
-
// font-size: 12px;
|
|
3768
|
-
// font-style: normal;
|
|
3769
|
-
// font-weight: 600;
|
|
3770
|
-
// line-height: 20px;
|
|
3771
|
-
// text-transform: uppercase;
|
|
3772
|
-
// `;
|
|
3773
|
-
// const ActionContainer = styled.div`
|
|
3774
|
-
// padding: 5px 10px;
|
|
3775
|
-
// border-radius: 4px;
|
|
3776
|
-
// border: 1px solid #edebe8;
|
|
3777
|
-
// background: #edebe8;
|
|
3778
|
-
// box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
|
|
3779
|
-
// cursor: pointer;
|
|
3780
|
-
// `;
|
|
3781
|
-
// const Items = styled.span`
|
|
3782
|
-
// font-family: 'Roboto', sans-serif;
|
|
3783
|
-
// font-size: 14px;
|
|
3784
|
-
// font-weight: 500;
|
|
3785
|
-
// line-height: 24px;
|
|
3786
|
-
// color: #8e8a85;
|
|
3787
|
-
// text-transform: capitalize;
|
|
3788
|
-
// color: #aea9a1;
|
|
3789
|
-
// `;
|
|
3790
|
-
// const Left = styled.div`
|
|
3791
|
-
// display: flex;
|
|
3792
|
-
// align-items: center;
|
|
3793
|
-
// gap: 30px;
|
|
3794
|
-
// `;
|
|
3795
|
-
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"])));
|
|
3773
|
+
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"])));
|
|
3774
|
+
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"])));
|
|
3796
3775
|
|
|
3797
3776
|
// Dropdown
|
|
3798
3777
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -3903,22 +3882,22 @@ function ProductsInfo() {
|
|
|
3903
3882
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
3904
3883
|
}
|
|
3905
3884
|
|
|
3906
|
-
var _templateObject$
|
|
3885
|
+
var _templateObject$Z;
|
|
3907
3886
|
function BackgroundModal(props) {
|
|
3908
|
-
return reactDom.createPortal(React__default.createElement(Container$
|
|
3887
|
+
return reactDom.createPortal(React__default.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
3909
3888
|
}
|
|
3910
|
-
var Container$
|
|
3889
|
+
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"])));
|
|
3911
3890
|
|
|
3912
|
-
var _templateObject$
|
|
3891
|
+
var _templateObject$_, _templateObject2$K, _templateObject3$o, _templateObject4$b;
|
|
3913
3892
|
function AdditionalInformation(props) {
|
|
3914
|
-
return React__default.createElement(Container$
|
|
3893
|
+
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)));
|
|
3915
3894
|
}
|
|
3916
|
-
var Text$4 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
3917
|
-
var Container$
|
|
3918
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
3919
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
3895
|
+
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"])));
|
|
3896
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
3897
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
3898
|
+
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"])));
|
|
3920
3899
|
|
|
3921
|
-
var _templateObject
|
|
3900
|
+
var _templateObject$$, _templateObject2$L, _templateObject3$p, _templateObject4$c;
|
|
3922
3901
|
function OrderActionHeader(props) {
|
|
3923
3902
|
var title = props.title,
|
|
3924
3903
|
actions = props.actions,
|
|
@@ -3927,33 +3906,33 @@ function OrderActionHeader(props) {
|
|
|
3927
3906
|
_props$infoText = props.infoText,
|
|
3928
3907
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
3929
3908
|
onClose = props.onClose;
|
|
3930
|
-
return React__default.createElement(Container$
|
|
3909
|
+
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, {
|
|
3931
3910
|
info: infoText
|
|
3932
3911
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
3933
3912
|
onClick: onClose
|
|
3934
3913
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
3935
3914
|
}
|
|
3936
|
-
var Wrapper$
|
|
3937
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3938
|
-
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$
|
|
3939
|
-
var Container$
|
|
3915
|
+
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"])));
|
|
3916
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
3917
|
+
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"])));
|
|
3918
|
+
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"])));
|
|
3940
3919
|
|
|
3941
|
-
var _templateObject
|
|
3920
|
+
var _templateObject$10, _templateObject2$M;
|
|
3942
3921
|
function OrderActionFooter(props) {
|
|
3943
3922
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
3944
|
-
return React__default.createElement(Container$
|
|
3923
|
+
return React__default.createElement(Container$J, null, React__default.createElement(SubmitButton, {
|
|
3945
3924
|
shape: "rounded",
|
|
3946
3925
|
colors: "primary",
|
|
3947
3926
|
onClick: props.onSubmit,
|
|
3948
3927
|
disabled: isSubmitDisabled
|
|
3949
3928
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3950
3929
|
}
|
|
3951
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject
|
|
3952
|
-
var Container$
|
|
3930
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3931
|
+
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"])));
|
|
3953
3932
|
|
|
3954
|
-
var _templateObject$
|
|
3933
|
+
var _templateObject$11;
|
|
3955
3934
|
function OrderActionModal(props) {
|
|
3956
|
-
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$
|
|
3935
|
+
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$7, null, React__default.createElement(OrderActionHeader, {
|
|
3957
3936
|
title: props.headerTitle,
|
|
3958
3937
|
onClose: props.onCloseHeader,
|
|
3959
3938
|
showInformation: props.showAdditionalInfo,
|
|
@@ -3966,11 +3945,11 @@ function OrderActionModal(props) {
|
|
|
3966
3945
|
isSubmitDisabled: props.isSubmitDisabled
|
|
3967
3946
|
})));
|
|
3968
3947
|
}
|
|
3969
|
-
var MainContainer$
|
|
3948
|
+
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"])));
|
|
3970
3949
|
|
|
3971
|
-
var _templateObject$
|
|
3950
|
+
var _templateObject$12, _templateObject2$N;
|
|
3972
3951
|
function OrderActionsDropdown(props) {
|
|
3973
|
-
return React__default.createElement(Container$
|
|
3952
|
+
return React__default.createElement(Container$K, {
|
|
3974
3953
|
className: props.className
|
|
3975
3954
|
}, React__default.createElement(Label, null, props.label), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
3976
3955
|
options: props.options,
|
|
@@ -3987,8 +3966,8 @@ function OrderActionsDropdown(props) {
|
|
|
3987
3966
|
defaultValue: props.value
|
|
3988
3967
|
}));
|
|
3989
3968
|
}
|
|
3990
|
-
var Label = /*#__PURE__*/styled__default.label(_templateObject$
|
|
3991
|
-
var Container$
|
|
3969
|
+
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"])));
|
|
3970
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
3992
3971
|
|
|
3993
3972
|
function DocumentTypeDropdown() {
|
|
3994
3973
|
var onSelect = function onSelect() {};
|
|
@@ -4068,7 +4047,7 @@ function UploadIcon(props) {
|
|
|
4068
4047
|
})));
|
|
4069
4048
|
}
|
|
4070
4049
|
|
|
4071
|
-
var _templateObject$
|
|
4050
|
+
var _templateObject$13, _templateObject2$O, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4072
4051
|
var Dragger = antd.Upload.Dragger;
|
|
4073
4052
|
var props = {
|
|
4074
4053
|
name: 'file',
|
|
@@ -4090,20 +4069,20 @@ var props = {
|
|
|
4090
4069
|
}
|
|
4091
4070
|
};
|
|
4092
4071
|
function DocFileUpload() {
|
|
4093
|
-
return React__default.createElement(MainContainer$
|
|
4072
|
+
return React__default.createElement(MainContainer$8, null, React__default.createElement(Dragger, Object.assign({}, props), React__default.createElement(Container$L, null, React__default.createElement(UploadButton, {
|
|
4094
4073
|
colors: 'secondary',
|
|
4095
4074
|
shape: 'rounded'
|
|
4096
4075
|
}, "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")))));
|
|
4097
4076
|
}
|
|
4098
|
-
var MainContainer$
|
|
4099
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
4100
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4101
|
-
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
4102
|
-
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4103
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$
|
|
4104
|
-
var Container$
|
|
4077
|
+
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"])));
|
|
4078
|
+
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"])));
|
|
4079
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4080
|
+
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"])));
|
|
4081
|
+
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"])));
|
|
4082
|
+
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"])));
|
|
4083
|
+
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"])));
|
|
4105
4084
|
|
|
4106
|
-
var _templateObject$
|
|
4085
|
+
var _templateObject$14, _templateObject2$P, _templateObject3$r, _templateObject4$e;
|
|
4107
4086
|
// import DocFileUpload from './DocFileUpload';
|
|
4108
4087
|
function AddResources() {
|
|
4109
4088
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4119,10 +4098,10 @@ function AddResources() {
|
|
|
4119
4098
|
onSubmit: function onSubmit() {}
|
|
4120
4099
|
}, 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))));
|
|
4121
4100
|
}
|
|
4122
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4123
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4124
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4125
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4101
|
+
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"])));
|
|
4102
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4103
|
+
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"])));
|
|
4104
|
+
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"])));
|
|
4126
4105
|
|
|
4127
4106
|
var initialValue = {
|
|
4128
4107
|
due: undefined,
|
|
@@ -4260,24 +4239,24 @@ function useUpdateReminderData() {
|
|
|
4260
4239
|
return jotai.useAtom(reminderUpdatePayload);
|
|
4261
4240
|
}
|
|
4262
4241
|
|
|
4263
|
-
var _templateObject$
|
|
4242
|
+
var _templateObject$15, _templateObject2$Q, _templateObject3$s;
|
|
4264
4243
|
// Styled components
|
|
4265
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4266
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
4267
|
-
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4268
|
-
|
|
4269
|
-
var _templateObject2$
|
|
4270
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
4271
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$
|
|
4272
|
-
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
4273
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4274
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4275
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4244
|
+
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"])));
|
|
4245
|
+
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"])));
|
|
4246
|
+
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4247
|
+
|
|
4248
|
+
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;
|
|
4249
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4250
|
+
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"])));
|
|
4251
|
+
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"])));
|
|
4252
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4253
|
+
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"])));
|
|
4254
|
+
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"])));
|
|
4276
4255
|
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"])));
|
|
4277
4256
|
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"])));
|
|
4278
4257
|
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"])));
|
|
4279
4258
|
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"])));
|
|
4280
|
-
var Container$
|
|
4259
|
+
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"])));
|
|
4281
4260
|
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"])));
|
|
4282
4261
|
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"])));
|
|
4283
4262
|
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"])));
|
|
@@ -4366,7 +4345,7 @@ function SplitOrderTable() {
|
|
|
4366
4345
|
}))));
|
|
4367
4346
|
}
|
|
4368
4347
|
|
|
4369
|
-
var _templateObject$
|
|
4348
|
+
var _templateObject$16;
|
|
4370
4349
|
function SplitOrder() {
|
|
4371
4350
|
var _useCurrentAction = useCurrentAction(),
|
|
4372
4351
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4414,7 +4393,7 @@ function SplitOrder() {
|
|
|
4414
4393
|
isSubmitDisabled: isSubmitDisabled()
|
|
4415
4394
|
}, React__default.createElement(ContentContainer$2, null, React__default.createElement(SplitOrderTable, null)));
|
|
4416
4395
|
}
|
|
4417
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4396
|
+
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"])));
|
|
4418
4397
|
|
|
4419
4398
|
function RadioButtonCheckIcon(props) {
|
|
4420
4399
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4445,7 +4424,7 @@ var fonts = {
|
|
|
4445
4424
|
secondary: "'Lato', sans-serif"
|
|
4446
4425
|
};
|
|
4447
4426
|
|
|
4448
|
-
var _templateObject$
|
|
4427
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$u;
|
|
4449
4428
|
function RadioButton(props) {
|
|
4450
4429
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4451
4430
|
color: props.color
|
|
@@ -4456,15 +4435,15 @@ function RadioButton(props) {
|
|
|
4456
4435
|
htmlFor: props.id
|
|
4457
4436
|
}, props.label));
|
|
4458
4437
|
}
|
|
4459
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4460
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4438
|
+
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);
|
|
4439
|
+
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) {
|
|
4461
4440
|
return props.color || '#6396e5';
|
|
4462
4441
|
}, function (props) {
|
|
4463
4442
|
return props.color || '#6396e5';
|
|
4464
4443
|
});
|
|
4465
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4444
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4466
4445
|
|
|
4467
|
-
var _templateObject$
|
|
4446
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6;
|
|
4468
4447
|
function RadioButtonGroup(props) {
|
|
4469
4448
|
var heading = props.heading,
|
|
4470
4449
|
_props$direction = props.direction,
|
|
@@ -4494,24 +4473,24 @@ function RadioButtonGroup(props) {
|
|
|
4494
4473
|
}
|
|
4495
4474
|
return React__default.createElement(Fieldset, null, React__default.createElement(LegendContainer, null, React__default.createElement(Legend, null, heading), required && React__default.createElement(RequiredText, {
|
|
4496
4475
|
"$required": required || false
|
|
4497
|
-
}, "*")), React__default.createElement(Wrapper$
|
|
4476
|
+
}, "*")), React__default.createElement(Wrapper$d, {
|
|
4498
4477
|
"$direction": direction,
|
|
4499
4478
|
className: "custom-wrapper"
|
|
4500
4479
|
}, renderOptions()));
|
|
4501
4480
|
}
|
|
4502
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4503
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4504
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4481
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4482
|
+
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);
|
|
4483
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4505
4484
|
return !props.$required && 'visibility: hidden;';
|
|
4506
4485
|
}, labelStyles);
|
|
4507
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4508
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
4509
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
4510
|
-
var Wrapper$
|
|
4486
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4487
|
+
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);
|
|
4488
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4489
|
+
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) {
|
|
4511
4490
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4512
4491
|
});
|
|
4513
4492
|
|
|
4514
|
-
var _templateObject$
|
|
4493
|
+
var _templateObject$19;
|
|
4515
4494
|
var deliveryPoints = [{
|
|
4516
4495
|
label: 'Hallway',
|
|
4517
4496
|
value: 'hallway'
|
|
@@ -4533,7 +4512,7 @@ function DeliveryPoint() {
|
|
|
4533
4512
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
4534
4513
|
selectedValue = _React$useState[0],
|
|
4535
4514
|
setSelectedValue = _React$useState[1];
|
|
4536
|
-
return React__default.createElement(Container$
|
|
4515
|
+
return React__default.createElement(Container$N, null, React__default.createElement(RadioButtonGroup, {
|
|
4537
4516
|
heading: "Delivery Point",
|
|
4538
4517
|
options: deliveryPoints || [],
|
|
4539
4518
|
onChange: radioGroupHandler,
|
|
@@ -4542,16 +4521,16 @@ function DeliveryPoint() {
|
|
|
4542
4521
|
required: false
|
|
4543
4522
|
}));
|
|
4544
4523
|
}
|
|
4545
|
-
var Container$
|
|
4524
|
+
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"])));
|
|
4546
4525
|
|
|
4547
|
-
var _templateObject$
|
|
4526
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$w, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$4;
|
|
4548
4527
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4549
4528
|
function Checkbox(props) {
|
|
4550
4529
|
var imageSrc = props.imageSrc,
|
|
4551
4530
|
label = props.label,
|
|
4552
4531
|
checked = props.checked,
|
|
4553
4532
|
rest = _objectWithoutPropertiesLoose(props, _excluded$2);
|
|
4554
|
-
return React__default.createElement(MainContainer$
|
|
4533
|
+
return React__default.createElement(MainContainer$9, {
|
|
4555
4534
|
"$checked": checked
|
|
4556
4535
|
}, React__default.createElement(CheckboxContainer, null, React__default.createElement(HiddenCheckbox, Object.assign({
|
|
4557
4536
|
type: "checkbox"
|
|
@@ -4565,20 +4544,20 @@ function Checkbox(props) {
|
|
|
4565
4544
|
"$checked": checked
|
|
4566
4545
|
}, label)));
|
|
4567
4546
|
}
|
|
4568
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
4547
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4569
4548
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4570
4549
|
});
|
|
4571
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4572
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4550
|
+
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"])));
|
|
4551
|
+
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) {
|
|
4573
4552
|
return props.$checked ? '#feba30' : 'white';
|
|
4574
4553
|
});
|
|
4575
|
-
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4554
|
+
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) {
|
|
4576
4555
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4577
4556
|
});
|
|
4578
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4579
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4580
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
4581
|
-
var MainContainer$
|
|
4557
|
+
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"])));
|
|
4558
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4559
|
+
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"])));
|
|
4560
|
+
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) {
|
|
4582
4561
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4583
4562
|
});
|
|
4584
4563
|
|
|
@@ -4605,10 +4584,10 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4605
4584
|
return "" + baseURL$1 + subPath;
|
|
4606
4585
|
};
|
|
4607
4586
|
|
|
4608
|
-
var _templateObject$
|
|
4587
|
+
var _templateObject$1b;
|
|
4609
4588
|
function OrderServices$1() {
|
|
4610
4589
|
// TO DO -> get services from static data
|
|
4611
|
-
return React__default.createElement(Container$
|
|
4590
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Checkbox, {
|
|
4612
4591
|
checked: false,
|
|
4613
4592
|
label: "Assemble",
|
|
4614
4593
|
imageSrc: getIcon$1(1)
|
|
@@ -4630,23 +4609,23 @@ function OrderServices$1() {
|
|
|
4630
4609
|
imageSrc: getIcon$1(4)
|
|
4631
4610
|
}));
|
|
4632
4611
|
}
|
|
4633
|
-
var Container$
|
|
4612
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4634
4613
|
|
|
4635
|
-
var _templateObject$
|
|
4614
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4636
4615
|
function Notes$1(_ref) {
|
|
4637
4616
|
var onNotesChange = _ref.onNotesChange;
|
|
4638
4617
|
var handleTextChange = function handleTextChange(event) {
|
|
4639
4618
|
onNotesChange(event.target.value);
|
|
4640
4619
|
};
|
|
4641
|
-
return React__default.createElement(Container$
|
|
4620
|
+
return React__default.createElement(Container$P, null, React__default.createElement(Label$4, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4642
4621
|
rows: 15,
|
|
4643
4622
|
onChange: handleTextChange
|
|
4644
4623
|
}));
|
|
4645
4624
|
}
|
|
4646
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4647
|
-
var Container$
|
|
4625
|
+
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"])));
|
|
4626
|
+
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"])));
|
|
4648
4627
|
|
|
4649
|
-
var _templateObject$
|
|
4628
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$x;
|
|
4650
4629
|
function LogServiceRefusal() {
|
|
4651
4630
|
var _useCurrentAction = useCurrentAction(),
|
|
4652
4631
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4666,9 +4645,9 @@ function LogServiceRefusal() {
|
|
|
4666
4645
|
}
|
|
4667
4646
|
}))));
|
|
4668
4647
|
}
|
|
4669
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4670
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4671
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
4648
|
+
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"])));
|
|
4649
|
+
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"])));
|
|
4650
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4672
4651
|
|
|
4673
4652
|
function ReturnAction() {
|
|
4674
4653
|
var onSelect = function onSelect() {};
|
|
@@ -4694,7 +4673,7 @@ function ReturnReason() {
|
|
|
4694
4673
|
});
|
|
4695
4674
|
}
|
|
4696
4675
|
|
|
4697
|
-
var _templateObject$
|
|
4676
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$y, _templateObject4$i, _templateObject5$a, _templateObject6$8, _templateObject7$8;
|
|
4698
4677
|
function CancelOrder() {
|
|
4699
4678
|
var _orderStaticData$canc;
|
|
4700
4679
|
var _useOrderId = useOrderId(),
|
|
@@ -4798,27 +4777,27 @@ function CancelOrder() {
|
|
|
4798
4777
|
options: cancelReasonOptions || [],
|
|
4799
4778
|
onSelect: onSelectCancelReason,
|
|
4800
4779
|
value: cancelReason
|
|
4801
|
-
}), React__default.createElement(Wrapper$
|
|
4780
|
+
}), 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, {
|
|
4802
4781
|
rows: 5,
|
|
4803
4782
|
onChange: onChangeNotes,
|
|
4804
4783
|
value: cancelNotes,
|
|
4805
4784
|
placeholder: "Reason for Cancel Order"
|
|
4806
4785
|
}))))));
|
|
4807
4786
|
}
|
|
4808
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4809
|
-
var Container$
|
|
4810
|
-
var Wrapper$
|
|
4811
|
-
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4812
|
-
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4813
|
-
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4787
|
+
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"])));
|
|
4788
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4789
|
+
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"])));
|
|
4790
|
+
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"])));
|
|
4791
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4792
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4814
4793
|
// const Bottom = styled.div``;
|
|
4815
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4794
|
+
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"])));
|
|
4816
4795
|
|
|
4817
|
-
var _templateObject$
|
|
4818
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4819
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4820
|
-
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4821
|
-
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4796
|
+
var _templateObject$1f, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
4797
|
+
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"])));
|
|
4798
|
+
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"])));
|
|
4799
|
+
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"])));
|
|
4800
|
+
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"])));
|
|
4822
4801
|
|
|
4823
4802
|
var options = [{
|
|
4824
4803
|
value: 'bjsCouriers',
|
|
@@ -5115,7 +5094,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
5115
5094
|
);
|
|
5116
5095
|
};
|
|
5117
5096
|
|
|
5118
|
-
var _templateObject$
|
|
5097
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5119
5098
|
function EmailAddress() {
|
|
5120
5099
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5121
5100
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5147,7 +5126,7 @@ function EmailAddress() {
|
|
|
5147
5126
|
});
|
|
5148
5127
|
});
|
|
5149
5128
|
};
|
|
5150
|
-
return React__default.createElement(Container$
|
|
5129
|
+
return React__default.createElement(Container$R, null, React__default.createElement(Label$6, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
5151
5130
|
style: {
|
|
5152
5131
|
borderRadius: '15px'
|
|
5153
5132
|
},
|
|
@@ -5156,11 +5135,11 @@ function EmailAddress() {
|
|
|
5156
5135
|
onChange: onChange
|
|
5157
5136
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
5158
5137
|
}
|
|
5159
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5160
|
-
var Container$
|
|
5161
|
-
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5138
|
+
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"])));
|
|
5139
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5140
|
+
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"])));
|
|
5162
5141
|
|
|
5163
|
-
var _templateObject$
|
|
5142
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5164
5143
|
function ContactPhone() {
|
|
5165
5144
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5166
5145
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5209,7 +5188,7 @@ function ContactPhone() {
|
|
|
5209
5188
|
});
|
|
5210
5189
|
}
|
|
5211
5190
|
};
|
|
5212
|
-
return React__default.createElement(Container$
|
|
5191
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$7, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
5213
5192
|
name: "contact-home",
|
|
5214
5193
|
type: "text",
|
|
5215
5194
|
placeholder: "Home Number",
|
|
@@ -5221,11 +5200,11 @@ function ContactPhone() {
|
|
|
5221
5200
|
onChange: onChange
|
|
5222
5201
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5223
5202
|
}
|
|
5224
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5225
|
-
var Container$
|
|
5226
|
-
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5203
|
+
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"])));
|
|
5204
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5205
|
+
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"])));
|
|
5227
5206
|
|
|
5228
|
-
var _templateObject$
|
|
5207
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5229
5208
|
function ContactWork$1() {
|
|
5230
5209
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5231
5210
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5274,7 +5253,7 @@ function ContactWork$1() {
|
|
|
5274
5253
|
});
|
|
5275
5254
|
}
|
|
5276
5255
|
};
|
|
5277
|
-
return React__default.createElement(Container$
|
|
5256
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$8, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5278
5257
|
name: "contact-work",
|
|
5279
5258
|
type: "text",
|
|
5280
5259
|
placeholder: "Work Number",
|
|
@@ -5286,11 +5265,11 @@ function ContactWork$1() {
|
|
|
5286
5265
|
onChange: onChange
|
|
5287
5266
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5288
5267
|
}
|
|
5289
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5290
|
-
var Container$
|
|
5291
|
-
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5268
|
+
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"])));
|
|
5269
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5270
|
+
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"])));
|
|
5292
5271
|
|
|
5293
|
-
var _templateObject$
|
|
5272
|
+
var _templateObject$1j, _templateObject2$$, _templateObject3$C;
|
|
5294
5273
|
function ContactMobile$1() {
|
|
5295
5274
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5296
5275
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5339,7 +5318,7 @@ function ContactMobile$1() {
|
|
|
5339
5318
|
});
|
|
5340
5319
|
}
|
|
5341
5320
|
};
|
|
5342
|
-
return React__default.createElement(Container$
|
|
5321
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$9, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5343
5322
|
name: "contact-work",
|
|
5344
5323
|
type: "text",
|
|
5345
5324
|
placeholder: "Mobile Number",
|
|
@@ -5351,9 +5330,9 @@ function ContactMobile$1() {
|
|
|
5351
5330
|
onChange: onChange
|
|
5352
5331
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5353
5332
|
}
|
|
5354
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5355
|
-
var Container$
|
|
5356
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5333
|
+
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"])));
|
|
5334
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5335
|
+
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"])));
|
|
5357
5336
|
|
|
5358
5337
|
function ContactTypeDropdown() {
|
|
5359
5338
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5419,7 +5398,7 @@ function ActionDropdown() {
|
|
|
5419
5398
|
});
|
|
5420
5399
|
}
|
|
5421
5400
|
|
|
5422
|
-
var _templateObject$
|
|
5401
|
+
var _templateObject$1k, _templateObject2$10;
|
|
5423
5402
|
function DeliveryDate$1() {
|
|
5424
5403
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5425
5404
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5443,7 +5422,7 @@ function DeliveryDate$1() {
|
|
|
5443
5422
|
var today = new Date();
|
|
5444
5423
|
var tomorrow = new Date(today);
|
|
5445
5424
|
tomorrow.setDate(today.getDate() + 1);
|
|
5446
|
-
return React__default.createElement(Container$
|
|
5425
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Label$a, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
5447
5426
|
onChange: handleDateChange,
|
|
5448
5427
|
format: "DD/MM/YYYY",
|
|
5449
5428
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5453,8 +5432,8 @@ function DeliveryDate$1() {
|
|
|
5453
5432
|
minDate: dayjs(tomorrow)
|
|
5454
5433
|
}));
|
|
5455
5434
|
}
|
|
5456
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5457
|
-
var Container$
|
|
5435
|
+
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"])));
|
|
5436
|
+
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"])));
|
|
5458
5437
|
|
|
5459
5438
|
function convertTo12HourFormat$1(time24) {
|
|
5460
5439
|
var _time24$split, _minutes$toString;
|
|
@@ -5503,19 +5482,19 @@ function TimedServiceDropdown$1() {
|
|
|
5503
5482
|
});
|
|
5504
5483
|
}
|
|
5505
5484
|
|
|
5506
|
-
var _templateObject$
|
|
5485
|
+
var _templateObject$1l, _templateObject2$11, _templateObject3$D, _templateObject4$j;
|
|
5507
5486
|
function CustomerInformation() {
|
|
5508
5487
|
var _orderDetails$order_r;
|
|
5509
5488
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5510
5489
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5511
|
-
return React__default.createElement(Container$
|
|
5490
|
+
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)));
|
|
5512
5491
|
}
|
|
5513
|
-
var Wrapper$
|
|
5514
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5515
|
-
var Title$
|
|
5516
|
-
var Container$
|
|
5492
|
+
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"])));
|
|
5493
|
+
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"])));
|
|
5494
|
+
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"])));
|
|
5495
|
+
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"])));
|
|
5517
5496
|
|
|
5518
|
-
var _templateObject$
|
|
5497
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5519
5498
|
function ProductTable$1() {
|
|
5520
5499
|
var _useProductDetails = useProductDetails(),
|
|
5521
5500
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5524,7 +5503,7 @@ function ProductTable$1() {
|
|
|
5524
5503
|
if (!orderProductDetails) {
|
|
5525
5504
|
return null;
|
|
5526
5505
|
}
|
|
5527
|
-
return React__default.createElement(Container$
|
|
5506
|
+
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, {
|
|
5528
5507
|
className: "scrollClass"
|
|
5529
5508
|
}, 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", {
|
|
5530
5509
|
colSpan: 6
|
|
@@ -5542,10 +5521,10 @@ function ProductTable$1() {
|
|
|
5542
5521
|
}, 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));
|
|
5543
5522
|
})))));
|
|
5544
5523
|
}
|
|
5545
|
-
var Title$
|
|
5546
|
-
var Container$
|
|
5524
|
+
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"])));
|
|
5525
|
+
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"])));
|
|
5547
5526
|
|
|
5548
|
-
var _templateObject$
|
|
5527
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5549
5528
|
function NotesTable() {
|
|
5550
5529
|
var _useState = React.useState(null),
|
|
5551
5530
|
moduleIds = _useState[0],
|
|
@@ -5613,7 +5592,7 @@ function NotesTable() {
|
|
|
5613
5592
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5614
5593
|
return null;
|
|
5615
5594
|
}
|
|
5616
|
-
return React__default.createElement(Container$
|
|
5595
|
+
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, {
|
|
5617
5596
|
className: "scrollClass"
|
|
5618
5597
|
}, 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", {
|
|
5619
5598
|
colSpan: 6
|
|
@@ -5635,53 +5614,53 @@ function NotesTable() {
|
|
|
5635
5614
|
}, 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));
|
|
5636
5615
|
})))));
|
|
5637
5616
|
}
|
|
5638
|
-
var Title$
|
|
5639
|
-
var Container$
|
|
5617
|
+
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"])));
|
|
5618
|
+
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"])));
|
|
5640
5619
|
|
|
5641
|
-
var _templateObject$
|
|
5620
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5642
5621
|
function ConfirmationNotes() {
|
|
5643
|
-
return React__default.createElement(Container$
|
|
5622
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$b, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5644
5623
|
rows: 5,
|
|
5645
5624
|
placeholder: "Enter Notes"
|
|
5646
5625
|
}));
|
|
5647
5626
|
}
|
|
5648
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5649
|
-
var Container$
|
|
5627
|
+
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"])));
|
|
5628
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5650
5629
|
|
|
5651
|
-
var _templateObject$
|
|
5630
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5652
5631
|
function DeliveryInstructions$1() {
|
|
5653
|
-
return React__default.createElement(Container$
|
|
5632
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$c, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5654
5633
|
rows: 5,
|
|
5655
5634
|
placeholder: "Enter Delivery Instructions"
|
|
5656
5635
|
}));
|
|
5657
5636
|
}
|
|
5658
|
-
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5659
|
-
var Container$
|
|
5637
|
+
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"])));
|
|
5638
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5660
5639
|
|
|
5661
|
-
var _templateObject$
|
|
5640
|
+
var _templateObject$1q, _templateObject2$16;
|
|
5662
5641
|
function ContactWith() {
|
|
5663
|
-
return React__default.createElement(Container
|
|
5642
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Label$d, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5664
5643
|
style: {
|
|
5665
5644
|
borderRadius: '15px'
|
|
5666
5645
|
}
|
|
5667
5646
|
}));
|
|
5668
5647
|
}
|
|
5669
|
-
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5670
|
-
var Container
|
|
5648
|
+
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"])));
|
|
5649
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5671
5650
|
|
|
5672
|
-
var _templateObject$
|
|
5651
|
+
var _templateObject$1r, _templateObject2$17, _templateObject3$E, _templateObject4$k;
|
|
5673
5652
|
function SlotAndInstructions() {
|
|
5674
5653
|
var _orderDetails$order_r;
|
|
5675
5654
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5676
5655
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5677
|
-
return React__default.createElement(Container
|
|
5656
|
+
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));
|
|
5678
5657
|
}
|
|
5679
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5680
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5681
|
-
var Title$
|
|
5682
|
-
var Container
|
|
5658
|
+
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"])));
|
|
5659
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5660
|
+
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"])));
|
|
5661
|
+
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"])));
|
|
5683
5662
|
|
|
5684
|
-
var _templateObject$
|
|
5663
|
+
var _templateObject$1s, _templateObject2$18;
|
|
5685
5664
|
// import { filterObject } from '../../../utils';
|
|
5686
5665
|
function ConfirmOrder() {
|
|
5687
5666
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5860,10 +5839,10 @@ function ConfirmOrder() {
|
|
|
5860
5839
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5861
5840
|
showOkButton: false,
|
|
5862
5841
|
showCloseIcon: false
|
|
5863
|
-
}), React__default.createElement(Wrapper$
|
|
5842
|
+
}), 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)));
|
|
5864
5843
|
}
|
|
5865
|
-
var Wrapper$
|
|
5866
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5844
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5845
|
+
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"])));
|
|
5867
5846
|
|
|
5868
5847
|
function SendSmsModal() {
|
|
5869
5848
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6150,16 +6129,16 @@ function HoldOrderModal() {
|
|
|
6150
6129
|
})))));
|
|
6151
6130
|
}
|
|
6152
6131
|
|
|
6153
|
-
var _templateObject$
|
|
6132
|
+
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6154
6133
|
// import {
|
|
6155
6134
|
// EscalationCategory,
|
|
6156
6135
|
// EscalationLevel,
|
|
6157
6136
|
// EscalationReason,
|
|
6158
6137
|
// EscalationStatus,
|
|
6159
6138
|
// } from '../../utils';
|
|
6160
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6161
|
-
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6162
|
-
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$
|
|
6139
|
+
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"])));
|
|
6140
|
+
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"])));
|
|
6141
|
+
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6163
6142
|
var Dropdowns = function Dropdowns() {
|
|
6164
6143
|
var handleSelectChange = function handleSelectChange() {
|
|
6165
6144
|
// alert('hello');
|
|
@@ -6227,17 +6206,17 @@ var Dropdowns = function Dropdowns() {
|
|
|
6227
6206
|
})));
|
|
6228
6207
|
};
|
|
6229
6208
|
|
|
6230
|
-
var _templateObject$
|
|
6209
|
+
var _templateObject$1u, _templateObject2$1a;
|
|
6231
6210
|
var Notes$2 = function Notes() {
|
|
6232
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
6233
|
-
var Label = styled__default.label(_templateObject2$
|
|
6211
|
+
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 "])));
|
|
6212
|
+
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 "])));
|
|
6234
6213
|
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
6235
6214
|
name: "note",
|
|
6236
6215
|
placeholder: ""
|
|
6237
6216
|
}));
|
|
6238
6217
|
};
|
|
6239
6218
|
|
|
6240
|
-
var _templateObject$
|
|
6219
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6241
6220
|
var Upgrade = function Upgrade() {
|
|
6242
6221
|
var handleSelectChange = function handleSelectChange() {
|
|
6243
6222
|
// alert('hello');
|
|
@@ -6246,7 +6225,7 @@ var Upgrade = function Upgrade() {
|
|
|
6246
6225
|
description: 'Upgrade successfully.'
|
|
6247
6226
|
});
|
|
6248
6227
|
};
|
|
6249
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$
|
|
6228
|
+
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, {
|
|
6250
6229
|
label: 'Timed Service',
|
|
6251
6230
|
checked: true,
|
|
6252
6231
|
onChange: function onChange(_event) {
|
|
@@ -6296,24 +6275,24 @@ var Upgrade = function Upgrade() {
|
|
|
6296
6275
|
name: ''
|
|
6297
6276
|
}))))), 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))));
|
|
6298
6277
|
};
|
|
6299
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6300
|
-
var Box = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6301
|
-
var Wrapper$
|
|
6302
|
-
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6303
|
-
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$
|
|
6304
|
-
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
6305
|
-
var Container$
|
|
6278
|
+
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6279
|
+
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"])));
|
|
6280
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6281
|
+
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);
|
|
6282
|
+
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6283
|
+
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"])));
|
|
6284
|
+
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"])));
|
|
6306
6285
|
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"])));
|
|
6307
6286
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6308
6287
|
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"])));
|
|
6309
6288
|
|
|
6310
|
-
var _templateObject$
|
|
6311
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6289
|
+
var _templateObject$1w;
|
|
6290
|
+
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"])));
|
|
6312
6291
|
var Escalation = function Escalation() {
|
|
6313
6292
|
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)));
|
|
6314
6293
|
};
|
|
6315
6294
|
|
|
6316
|
-
var _templateObject$
|
|
6295
|
+
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6317
6296
|
var NewEscalation = function NewEscalation() {
|
|
6318
6297
|
var _useState = React.useState(false),
|
|
6319
6298
|
showContent = _useState[0],
|
|
@@ -6342,10 +6321,10 @@ var NewEscalation = function NewEscalation() {
|
|
|
6342
6321
|
className: "checkmark"
|
|
6343
6322
|
})))), 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"))))));
|
|
6344
6323
|
};
|
|
6345
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6346
|
-
var Button = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
6347
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6348
|
-
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
6324
|
+
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"])));
|
|
6325
|
+
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"])));
|
|
6326
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6327
|
+
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"])));
|
|
6349
6328
|
|
|
6350
6329
|
var EscalationModal = function EscalationModal() {
|
|
6351
6330
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6505,7 +6484,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6505
6484
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6506
6485
|
var Icon = _ref.icon,
|
|
6507
6486
|
question = _ref.question;
|
|
6508
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6487
|
+
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, {
|
|
6509
6488
|
showText: true
|
|
6510
6489
|
})));
|
|
6511
6490
|
};
|
|
@@ -6538,7 +6517,7 @@ function LogFeedback() {
|
|
|
6538
6517
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6539
6518
|
icon: GrowthImg,
|
|
6540
6519
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6541
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
6520
|
+
}), 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, {
|
|
6542
6521
|
name: "note",
|
|
6543
6522
|
placeholder: "Write here..."
|
|
6544
6523
|
}))))));
|
|
@@ -6700,7 +6679,7 @@ function ChargeLog() {
|
|
|
6700
6679
|
})));
|
|
6701
6680
|
}
|
|
6702
6681
|
|
|
6703
|
-
var _templateObject$
|
|
6682
|
+
var _templateObject$1y;
|
|
6704
6683
|
var UnholdOrder = function UnholdOrder() {
|
|
6705
6684
|
var _useCurrentAction = useCurrentAction(),
|
|
6706
6685
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6724,9 +6703,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6724
6703
|
})
|
|
6725
6704
|
});
|
|
6726
6705
|
};
|
|
6727
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
6706
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6728
6707
|
|
|
6729
|
-
var _templateObject$
|
|
6708
|
+
var _templateObject$1z, _templateObject2$1d;
|
|
6730
6709
|
var ProductData = function ProductData(_ref) {
|
|
6731
6710
|
var products = _ref.products,
|
|
6732
6711
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
@@ -6749,8 +6728,8 @@ var ProductData = function ProductData(_ref) {
|
|
|
6749
6728
|
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6750
6729
|
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6751
6730
|
};
|
|
6752
|
-
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$
|
|
6753
|
-
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6731
|
+
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"])));
|
|
6732
|
+
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"])));
|
|
6754
6733
|
|
|
6755
6734
|
var initialProducts = [{
|
|
6756
6735
|
id: 1458784,
|
|
@@ -6871,7 +6850,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6871
6850
|
})));
|
|
6872
6851
|
};
|
|
6873
6852
|
|
|
6874
|
-
var _templateObject$
|
|
6853
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
6875
6854
|
function AssigneeDropdown() {
|
|
6876
6855
|
var handleSelectChange = function handleSelectChange() {
|
|
6877
6856
|
// alert('hello');
|
|
@@ -6893,8 +6872,8 @@ function AssigneeDropdown() {
|
|
|
6893
6872
|
}
|
|
6894
6873
|
}));
|
|
6895
6874
|
}
|
|
6896
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6897
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
6875
|
+
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"])));
|
|
6876
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6898
6877
|
|
|
6899
6878
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6900
6879
|
return React__default.createElement("svg", {
|
|
@@ -6912,11 +6891,11 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6912
6891
|
}));
|
|
6913
6892
|
};
|
|
6914
6893
|
|
|
6915
|
-
var _templateObject$
|
|
6916
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6917
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6918
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6919
|
-
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
6894
|
+
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;
|
|
6895
|
+
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"])));
|
|
6896
|
+
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"])));
|
|
6897
|
+
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"])));
|
|
6898
|
+
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"])));
|
|
6920
6899
|
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"])));
|
|
6921
6900
|
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"])));
|
|
6922
6901
|
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"])));
|
|
@@ -7007,22 +6986,7 @@ function useFetchSingleReminderData() {
|
|
|
7007
6986
|
return res;
|
|
7008
6987
|
}
|
|
7009
6988
|
|
|
7010
|
-
var _templateObject$
|
|
7011
|
-
function Loader(props) {
|
|
7012
|
-
return React__default.createElement(MainContainer$9, {
|
|
7013
|
-
id: "loder"
|
|
7014
|
-
}, 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!"))));
|
|
7015
|
-
}
|
|
7016
|
-
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"])));
|
|
7017
|
-
// Styled components for the loading spinner
|
|
7018
|
-
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);
|
|
7019
|
-
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"])));
|
|
7020
|
-
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"])));
|
|
7021
|
-
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"])));
|
|
7022
|
-
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
7023
|
-
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"])));
|
|
7024
|
-
|
|
7025
|
-
var _templateObject$1C, _templateObject2$1c, _templateObject3$J, _templateObject4$o;
|
|
6989
|
+
var _templateObject$1C, _templateObject2$1g, _templateObject3$J, _templateObject4$o;
|
|
7026
6990
|
function StatusIndicator(props) {
|
|
7027
6991
|
var statusColor = getStatusColor(props.status);
|
|
7028
6992
|
return React__default.createElement(Container$12, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -7036,7 +7000,7 @@ function StatusIndicator(props) {
|
|
|
7036
7000
|
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) {
|
|
7037
7001
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7038
7002
|
});
|
|
7039
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
7003
|
+
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) {
|
|
7040
7004
|
return props.color;
|
|
7041
7005
|
});
|
|
7042
7006
|
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"])));
|
|
@@ -7202,7 +7166,7 @@ function useFetchReminders() {
|
|
|
7202
7166
|
return perform;
|
|
7203
7167
|
}
|
|
7204
7168
|
|
|
7205
|
-
var _templateObject$1D, _templateObject2$
|
|
7169
|
+
var _templateObject$1D, _templateObject2$1h, _templateObject3$K, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$b;
|
|
7206
7170
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7207
7171
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7208
7172
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7359,7 +7323,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7359
7323
|
}))))));
|
|
7360
7324
|
};
|
|
7361
7325
|
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"])));
|
|
7362
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7326
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
7363
7327
|
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"])));
|
|
7364
7328
|
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"])));
|
|
7365
7329
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -7387,7 +7351,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7387
7351
|
}, " * ")), children);
|
|
7388
7352
|
};
|
|
7389
7353
|
|
|
7390
|
-
var _templateObject$1F, _templateObject2$
|
|
7354
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$M, _templateObject4$q, _templateObject5$f;
|
|
7391
7355
|
dayjs.extend(utc);
|
|
7392
7356
|
dayjs.extend(dateFns.isValid);
|
|
7393
7357
|
function CreateReminderModal() {
|
|
@@ -7611,7 +7575,7 @@ function CreateReminderModal() {
|
|
|
7611
7575
|
})));
|
|
7612
7576
|
}
|
|
7613
7577
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7614
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7578
|
+
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"])));
|
|
7615
7579
|
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"])));
|
|
7616
7580
|
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"])));
|
|
7617
7581
|
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"])));
|
|
@@ -7885,7 +7849,7 @@ function TaskReminderModal() {
|
|
|
7885
7849
|
}
|
|
7886
7850
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7887
7851
|
|
|
7888
|
-
var _templateObject$1H, _templateObject2$
|
|
7852
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
7889
7853
|
function OrderLock() {
|
|
7890
7854
|
var _useCurrentAction = useCurrentAction(),
|
|
7891
7855
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7939,7 +7903,7 @@ function OrderLock() {
|
|
|
7939
7903
|
});
|
|
7940
7904
|
}
|
|
7941
7905
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7942
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7906
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7943
7907
|
|
|
7944
7908
|
function useUpdateFlag() {
|
|
7945
7909
|
var ssoToken = getCookie('id_token');
|
|
@@ -8009,7 +7973,7 @@ function useUpdateFlag() {
|
|
|
8009
7973
|
return create;
|
|
8010
7974
|
}
|
|
8011
7975
|
|
|
8012
|
-
var _templateObject$1I, _templateObject2$
|
|
7976
|
+
var _templateObject$1I, _templateObject2$1k, _templateObject3$N, _templateObject4$r, _templateObject5$g, _templateObject6$c;
|
|
8013
7977
|
function HeaderSection() {
|
|
8014
7978
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8015
7979
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8080,13 +8044,13 @@ function HeaderSection() {
|
|
|
8080
8044
|
})));
|
|
8081
8045
|
}
|
|
8082
8046
|
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"])));
|
|
8083
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
8047
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8084
8048
|
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"])));
|
|
8085
8049
|
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"])));
|
|
8086
8050
|
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"])));
|
|
8087
8051
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8088
8052
|
|
|
8089
|
-
var _templateObject$1J, _templateObject2$
|
|
8053
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8090
8054
|
function TextSection() {
|
|
8091
8055
|
var _useSinglePayload = useSinglePayload(),
|
|
8092
8056
|
payload = _useSinglePayload[0],
|
|
@@ -8105,9 +8069,9 @@ function TextSection() {
|
|
|
8105
8069
|
}));
|
|
8106
8070
|
}
|
|
8107
8071
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
8108
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8072
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8109
8073
|
|
|
8110
|
-
var _templateObject$1K, _templateObject2$
|
|
8074
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
8111
8075
|
function ButtonsSection() {
|
|
8112
8076
|
var _useSinglePayload = useSinglePayload(),
|
|
8113
8077
|
payload = _useSinglePayload[0],
|
|
@@ -8199,9 +8163,9 @@ function ButtonsSection() {
|
|
|
8199
8163
|
}))));
|
|
8200
8164
|
}
|
|
8201
8165
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8202
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8166
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8203
8167
|
|
|
8204
|
-
var _templateObject$1L, _templateObject2$
|
|
8168
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$O, _templateObject4$s, _templateObject5$h, _templateObject6$d;
|
|
8205
8169
|
function ActionSection() {
|
|
8206
8170
|
var _useCurrentAction = useCurrentAction(),
|
|
8207
8171
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8288,13 +8252,13 @@ function RadioButtonsSection() {
|
|
|
8288
8252
|
}));
|
|
8289
8253
|
}
|
|
8290
8254
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8291
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
8255
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8292
8256
|
var CancelButton$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8293
8257
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8294
8258
|
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"])));
|
|
8295
8259
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8296
8260
|
|
|
8297
|
-
var _templateObject$1M, _templateObject2$
|
|
8261
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$P, _templateObject4$t, _templateObject5$i;
|
|
8298
8262
|
function DetailSection() {
|
|
8299
8263
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8300
8264
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8307,7 +8271,7 @@ function DetailSection() {
|
|
|
8307
8271
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8308
8272
|
}
|
|
8309
8273
|
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"])));
|
|
8310
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8274
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8311
8275
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8312
8276
|
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"])));
|
|
8313
8277
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -8392,7 +8356,7 @@ function useFetchSingleFlagsData() {
|
|
|
8392
8356
|
return res;
|
|
8393
8357
|
}
|
|
8394
8358
|
|
|
8395
|
-
var _templateObject$1N, _templateObject2$
|
|
8359
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$Q;
|
|
8396
8360
|
function ViewFlag() {
|
|
8397
8361
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8398
8362
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8490,7 +8454,7 @@ function ViewFlag() {
|
|
|
8490
8454
|
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)))));
|
|
8491
8455
|
}
|
|
8492
8456
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8493
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
8457
|
+
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"])));
|
|
8494
8458
|
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"])));
|
|
8495
8459
|
|
|
8496
8460
|
var _templateObject$1O;
|
|
@@ -8654,8 +8618,7 @@ function useSystemLogs() {
|
|
|
8654
8618
|
'Content-Type': 'application/json',
|
|
8655
8619
|
Authorization: "Bearer " + ssoToken,
|
|
8656
8620
|
'x-pagination': JSON.stringify({
|
|
8657
|
-
|
|
8658
|
-
per_page: 100
|
|
8621
|
+
is_pagination: false
|
|
8659
8622
|
}),
|
|
8660
8623
|
'x-filters': JSON.stringify([{
|
|
8661
8624
|
field: 'object_id',
|
|
@@ -8725,7 +8688,7 @@ function useSystemLogs() {
|
|
|
8725
8688
|
return perform;
|
|
8726
8689
|
}
|
|
8727
8690
|
|
|
8728
|
-
var _templateObject$1Q, _templateObject2$
|
|
8691
|
+
var _templateObject$1Q, _templateObject2$1q;
|
|
8729
8692
|
var Details = function Details() {
|
|
8730
8693
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8731
8694
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8735,7 +8698,7 @@ var Details = function Details() {
|
|
|
8735
8698
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8736
8699
|
};
|
|
8737
8700
|
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"])));
|
|
8738
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8701
|
+
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"])));
|
|
8739
8702
|
|
|
8740
8703
|
var _templateObject$1R;
|
|
8741
8704
|
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"])));
|
|
@@ -9002,7 +8965,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
9002
8965
|
};
|
|
9003
8966
|
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"])));
|
|
9004
8967
|
|
|
9005
|
-
var _templateObject$1X, _templateObject2$
|
|
8968
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R, _templateObject4$u;
|
|
9006
8969
|
function OrderView() {
|
|
9007
8970
|
antd.notification.config({
|
|
9008
8971
|
top: 150
|
|
@@ -9108,13 +9071,13 @@ function OrderView() {
|
|
|
9108
9071
|
}
|
|
9109
9072
|
}, [apiCalling]);
|
|
9110
9073
|
React.useEffect(function () {
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
// }
|
|
9114
|
-
// for local
|
|
9115
|
-
if (paths.length >= 0) {
|
|
9116
|
-
setOrderId(paths[1]);
|
|
9074
|
+
if (paths.length > 1) {
|
|
9075
|
+
setOrderId(paths[2]);
|
|
9117
9076
|
}
|
|
9077
|
+
// for local
|
|
9078
|
+
// if (paths.length >= 0) {
|
|
9079
|
+
// setOrderId(paths[1]);
|
|
9080
|
+
// }
|
|
9118
9081
|
}, [paths]);
|
|
9119
9082
|
React.useEffect(function () {
|
|
9120
9083
|
setLoading(staticDataLoading);
|
|
@@ -9289,7 +9252,7 @@ function OrderView() {
|
|
|
9289
9252
|
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));
|
|
9290
9253
|
}
|
|
9291
9254
|
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"])));
|
|
9292
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9255
|
+
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"])));
|
|
9293
9256
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9294
9257
|
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"])));
|
|
9295
9258
|
|
|
@@ -9743,7 +9706,7 @@ var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateOb
|
|
|
9743
9706
|
// Right side filter
|
|
9744
9707
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9745
9708
|
|
|
9746
|
-
var _templateObject$1_, _templateObject2$
|
|
9709
|
+
var _templateObject$1_, _templateObject2$1s;
|
|
9747
9710
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9748
9711
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9749
9712
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9770,7 +9733,7 @@ var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_temp
|
|
|
9770
9733
|
// align-self: stretch;
|
|
9771
9734
|
// border-radius: 15px 0px 0px 15px;
|
|
9772
9735
|
// `;
|
|
9773
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9736
|
+
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"])));
|
|
9774
9737
|
|
|
9775
9738
|
var ReturnFilter = function ReturnFilter() {
|
|
9776
9739
|
var _useParams = reactRouterDom.useParams(),
|
|
@@ -9778,9 +9741,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9778
9741
|
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)));
|
|
9779
9742
|
};
|
|
9780
9743
|
|
|
9781
|
-
var _templateObject$1$, _templateObject2$
|
|
9744
|
+
var _templateObject$1$, _templateObject2$1t, _templateObject3$T, _templateObject4$w, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9782
9745
|
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"])));
|
|
9783
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9746
|
+
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"])));
|
|
9784
9747
|
// Styled components
|
|
9785
9748
|
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"])));
|
|
9786
9749
|
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"])));
|
|
@@ -9937,7 +9900,7 @@ var formatDate$1 = function formatDate(date) {
|
|
|
9937
9900
|
// const hours = padZero(date.getHours());
|
|
9938
9901
|
// const minutes = padZero(date.getMinutes());
|
|
9939
9902
|
// const seconds = padZero(date.getSeconds());
|
|
9940
|
-
return
|
|
9903
|
+
return "\n " + day + "/" + month + "/" + year + "\n ";
|
|
9941
9904
|
};
|
|
9942
9905
|
var displayValueOrNA = function displayValueOrNA(value) {
|
|
9943
9906
|
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
@@ -9971,7 +9934,7 @@ var optionsForReturnPrint = [{
|
|
|
9971
9934
|
label: 'Print Return Labels'
|
|
9972
9935
|
}];
|
|
9973
9936
|
|
|
9974
|
-
var _templateObject$20, _templateObject2$
|
|
9937
|
+
var _templateObject$20, _templateObject2$1u;
|
|
9975
9938
|
var options$1 = optionsForReturnPrint;
|
|
9976
9939
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9977
9940
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9989,7 +9952,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9989
9952
|
}));
|
|
9990
9953
|
};
|
|
9991
9954
|
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"])));
|
|
9992
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9955
|
+
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"])));
|
|
9993
9956
|
|
|
9994
9957
|
var _excluded$3 = ["count"];
|
|
9995
9958
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10009,6 +9972,8 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10009
9972
|
var _useLoading = useLoading(),
|
|
10010
9973
|
load = _useLoading[0],
|
|
10011
9974
|
setLoading = _useLoading[1];
|
|
9975
|
+
var _usePostLoading = usePostLoading(),
|
|
9976
|
+
postLoading = _usePostLoading[0];
|
|
10012
9977
|
var dropdownRefParent = React.useRef(null);
|
|
10013
9978
|
var dropdownRef = React.useRef(null);
|
|
10014
9979
|
var _usePrintOptionTOggle = usePrintOptionTOggle(),
|
|
@@ -10200,7 +10165,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10200
10165
|
var mergedPayload = Object.values(groupedPayload);
|
|
10201
10166
|
setGrouped(mergedPayload);
|
|
10202
10167
|
}, [newpayload]);
|
|
10203
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, {
|
|
10168
|
+
return React__default.createElement(React__default.Fragment, null, postLoading && React__default.createElement(Loader, null), React__default.createElement(StyledTableWrapper, {
|
|
10204
10169
|
className: "fortables"
|
|
10205
10170
|
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, returnData != null && returnData.some(function (item) {
|
|
10206
10171
|
var _item$order_product_r;
|
|
@@ -10321,7 +10286,7 @@ var DefectConfirm = [{
|
|
|
10321
10286
|
value: 'no'
|
|
10322
10287
|
}];
|
|
10323
10288
|
|
|
10324
|
-
var _templateObject$21, _templateObject2$
|
|
10289
|
+
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10325
10290
|
var DefetcDetails = function DefetcDetails() {
|
|
10326
10291
|
var handleSelectChange = function handleSelectChange() {
|
|
10327
10292
|
console.log('Option selected');
|
|
@@ -10364,7 +10329,7 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
10364
10329
|
}))));
|
|
10365
10330
|
};
|
|
10366
10331
|
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10367
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10332
|
+
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"])));
|
|
10368
10333
|
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"])));
|
|
10369
10334
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10370
10335
|
|
|
@@ -10430,7 +10395,7 @@ var RepackProduct = function RepackProduct() {
|
|
|
10430
10395
|
};
|
|
10431
10396
|
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10432
10397
|
|
|
10433
|
-
var _templateObject$23, _templateObject2$
|
|
10398
|
+
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10434
10399
|
var RepackDetails = function RepackDetails() {
|
|
10435
10400
|
var _useState = React.useState(false),
|
|
10436
10401
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -10478,13 +10443,13 @@ var RepackDetails = function RepackDetails() {
|
|
|
10478
10443
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10479
10444
|
};
|
|
10480
10445
|
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10481
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10446
|
+
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"])));
|
|
10482
10447
|
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"])));
|
|
10483
10448
|
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"])));
|
|
10484
10449
|
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"])));
|
|
10485
10450
|
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10486
10451
|
|
|
10487
|
-
var _templateObject$24, _templateObject2$
|
|
10452
|
+
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10488
10453
|
var OtherDamage = function OtherDamage() {
|
|
10489
10454
|
var handleSelectChange = function handleSelectChange() {
|
|
10490
10455
|
console.log('Option selected');
|
|
@@ -10541,11 +10506,11 @@ var OtherDamage = function OtherDamage() {
|
|
|
10541
10506
|
}))));
|
|
10542
10507
|
};
|
|
10543
10508
|
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10544
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10509
|
+
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"])));
|
|
10545
10510
|
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"])));
|
|
10546
10511
|
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10547
10512
|
|
|
10548
|
-
var _templateObject$25, _templateObject2$
|
|
10513
|
+
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10549
10514
|
var AddDefect = function AddDefect() {
|
|
10550
10515
|
var _useState = React.useState({
|
|
10551
10516
|
actionDuring: '',
|
|
@@ -10609,12 +10574,12 @@ var AddDefect = function AddDefect() {
|
|
|
10609
10574
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10610
10575
|
};
|
|
10611
10576
|
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10612
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10577
|
+
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"])));
|
|
10613
10578
|
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"])));
|
|
10614
10579
|
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"])));
|
|
10615
10580
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10616
10581
|
|
|
10617
|
-
var _templateObject$26, _templateObject2$
|
|
10582
|
+
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10618
10583
|
var QCLogs = function QCLogs() {
|
|
10619
10584
|
var handleSelectChange = function handleSelectChange() {
|
|
10620
10585
|
console.log('Option selected');
|
|
@@ -10636,11 +10601,11 @@ var QCLogs = function QCLogs() {
|
|
|
10636
10601
|
}))), React__default.createElement(AddDefect, null));
|
|
10637
10602
|
};
|
|
10638
10603
|
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10639
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10604
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10640
10605
|
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10641
10606
|
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"])));
|
|
10642
10607
|
|
|
10643
|
-
var _templateObject$27, _templateObject2$
|
|
10608
|
+
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10644
10609
|
function UpdateProduct() {
|
|
10645
10610
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10646
10611
|
var _useState = React.useState(),
|
|
@@ -10738,12 +10703,12 @@ function UpdateProduct() {
|
|
|
10738
10703
|
}))));
|
|
10739
10704
|
}
|
|
10740
10705
|
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10741
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10706
|
+
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"])));
|
|
10742
10707
|
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10743
10708
|
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10744
10709
|
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10745
10710
|
|
|
10746
|
-
var _templateObject$28, _templateObject2$
|
|
10711
|
+
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10747
10712
|
function UnReceiveProduct() {
|
|
10748
10713
|
var _orderStaticData$unre;
|
|
10749
10714
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10792,10 +10757,10 @@ function UnReceiveProduct() {
|
|
|
10792
10757
|
})));
|
|
10793
10758
|
}
|
|
10794
10759
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10795
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10760
|
+
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10796
10761
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10797
10762
|
|
|
10798
|
-
var _templateObject$29, _templateObject2$
|
|
10763
|
+
var _templateObject$29, _templateObject2$1C;
|
|
10799
10764
|
var ProductAction = function ProductAction() {
|
|
10800
10765
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10801
10766
|
setSelectedTabKey = _useAtom[1];
|
|
@@ -10821,7 +10786,7 @@ var ProductAction = function ProductAction() {
|
|
|
10821
10786
|
}))));
|
|
10822
10787
|
};
|
|
10823
10788
|
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10824
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10789
|
+
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"])));
|
|
10825
10790
|
|
|
10826
10791
|
var _templateObject$2a;
|
|
10827
10792
|
var LogsTable = function LogsTable() {
|
|
@@ -10900,7 +10865,7 @@ var LogsTable = function LogsTable() {
|
|
|
10900
10865
|
};
|
|
10901
10866
|
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10902
10867
|
|
|
10903
|
-
var _templateObject$2b, _templateObject2$
|
|
10868
|
+
var _templateObject$2b, _templateObject2$1D;
|
|
10904
10869
|
var DefectsModal = function DefectsModal() {
|
|
10905
10870
|
var options = [{
|
|
10906
10871
|
value: 'bjsCouriers',
|
|
@@ -10953,7 +10918,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10953
10918
|
}))));
|
|
10954
10919
|
};
|
|
10955
10920
|
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10956
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10921
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10957
10922
|
|
|
10958
10923
|
var _templateObject$2c;
|
|
10959
10924
|
var repackModal = function repackModal() {
|
|
@@ -10987,7 +10952,7 @@ var repackModal = function repackModal() {
|
|
|
10987
10952
|
};
|
|
10988
10953
|
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10989
10954
|
|
|
10990
|
-
var _templateObject$2d, _templateObject2$
|
|
10955
|
+
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
10991
10956
|
var _excluded$4 = ["id"];
|
|
10992
10957
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10993
10958
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -10995,8 +10960,6 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10995
10960
|
setSelectedLocations = _useSelectedConfirmLo[1];
|
|
10996
10961
|
var _useSelectedOrders = useSelectedOrders(),
|
|
10997
10962
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
10998
|
-
var _usePostLoading = usePostLoading(),
|
|
10999
|
-
load = _usePostLoading[0];
|
|
11000
10963
|
var _useGroupedPayload = useGroupedPayload(),
|
|
11001
10964
|
groupedPayload = _useGroupedPayload[0];
|
|
11002
10965
|
var _useFinalPayload = useFinalPayload(),
|
|
@@ -11036,7 +10999,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11036
10999
|
}
|
|
11037
11000
|
}
|
|
11038
11001
|
}, [selectedlocation]);
|
|
11039
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
11002
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$l, null, React__default.createElement(dmsComponentLibrary.Alert, {
|
|
11040
11003
|
onClose: function onClose() {},
|
|
11041
11004
|
description: "",
|
|
11042
11005
|
type: "info",
|
|
@@ -11068,7 +11031,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11068
11031
|
})))));
|
|
11069
11032
|
};
|
|
11070
11033
|
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"])));
|
|
11071
|
-
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11034
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11072
11035
|
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"])));
|
|
11073
11036
|
|
|
11074
11037
|
var ModalManager = function ModalManager() {
|
|
@@ -11097,6 +11060,7 @@ var ModalManager = function ModalManager() {
|
|
|
11097
11060
|
var _useFinalPayload = useFinalPayload(),
|
|
11098
11061
|
newGrouped = _useFinalPayload[0];
|
|
11099
11062
|
var _usePostLoading = usePostLoading(),
|
|
11063
|
+
postLoading = _usePostLoading[0],
|
|
11100
11064
|
SetPostLoading = _usePostLoading[1];
|
|
11101
11065
|
var _useSelectedOrders = useSelectedOrders(),
|
|
11102
11066
|
setSelectedReturnOrder = _useSelectedOrders[1];
|
|
@@ -11199,6 +11163,7 @@ var ModalManager = function ModalManager() {
|
|
|
11199
11163
|
if ((newGrouped == null ? void 0 : newGrouped.length) > 0) {
|
|
11200
11164
|
setShouldPerformAction(true);
|
|
11201
11165
|
setCallForFetch(true);
|
|
11166
|
+
SetPostLoading(confirmLoading);
|
|
11202
11167
|
}
|
|
11203
11168
|
dispatch({
|
|
11204
11169
|
type: 'close'
|
|
@@ -11265,12 +11230,10 @@ var ModalManager = function ModalManager() {
|
|
|
11265
11230
|
setShouldPerformAction(false);
|
|
11266
11231
|
setSelectAll(false);
|
|
11267
11232
|
setError(null);
|
|
11268
|
-
navigate('/order-return');
|
|
11233
|
+
navigate('returnclient/order-return');
|
|
11269
11234
|
}
|
|
11270
|
-
}, [response, apiError]);
|
|
11271
|
-
|
|
11272
|
-
console.log(response, 'response response ');
|
|
11273
|
-
return React__default.createElement(React__default.Fragment, null, (popupName == null ? void 0 : popupName.state) == 'create-return' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11235
|
+
}, [response, apiError, postLoading]);
|
|
11236
|
+
return React__default.createElement(React__default.Fragment, null, (popupName == null ? void 0 : popupName.state) === 'create-return' && React__default.createElement(React__default.Fragment, null, React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11274
11237
|
openStatus: (popupName == null ? void 0 : popupName.state) == 'create-return' ? true : false,
|
|
11275
11238
|
closeModal: function closeModal() {
|
|
11276
11239
|
return _closeModal();
|
|
@@ -11292,7 +11255,7 @@ var ModalManager = function ModalManager() {
|
|
|
11292
11255
|
BodyComponent: CreateReturnModal,
|
|
11293
11256
|
width: 800,
|
|
11294
11257
|
classNameAdd: 'globalPopup'
|
|
11295
|
-
}), (popupName == null ? void 0 : popupName.state) === 'qclog' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11258
|
+
})), (popupName == null ? void 0 : popupName.state) === 'qclog' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11296
11259
|
openStatus: (popupName == null ? void 0 : popupName.state) === 'qclog',
|
|
11297
11260
|
closeModal: _closeModal,
|
|
11298
11261
|
PopupHeader: {
|
|
@@ -11364,9 +11327,9 @@ var ModalManager = function ModalManager() {
|
|
|
11364
11327
|
}));
|
|
11365
11328
|
};
|
|
11366
11329
|
|
|
11367
|
-
var _templateObject$2e, _templateObject2$
|
|
11330
|
+
var _templateObject$2e, _templateObject2$1F, _templateObject3$10, _templateObject4$D, _templateObject6$f, _templateObject7$f;
|
|
11368
11331
|
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"])));
|
|
11369
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11332
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
11370
11333
|
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"])));
|
|
11371
11334
|
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"])));
|
|
11372
11335
|
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"])));
|
|
@@ -11488,7 +11451,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11488
11451
|
}, React__default.createElement(NextIcon, null)))));
|
|
11489
11452
|
};
|
|
11490
11453
|
|
|
11491
|
-
var _templateObject$2f, _templateObject2$
|
|
11454
|
+
var _templateObject$2f, _templateObject2$1G;
|
|
11492
11455
|
var ReturnTable = function ReturnTable() {
|
|
11493
11456
|
var _UsePaginationData = UsePaginationData(),
|
|
11494
11457
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11516,7 +11479,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11516
11479
|
})))), React__default.createElement(ModalManager, null));
|
|
11517
11480
|
};
|
|
11518
11481
|
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11519
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
11482
|
+
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"])));
|
|
11520
11483
|
|
|
11521
11484
|
function LoadIcon() {
|
|
11522
11485
|
return React__default.createElement("svg", {
|
|
@@ -11534,7 +11497,7 @@ function LoadIcon() {
|
|
|
11534
11497
|
}));
|
|
11535
11498
|
}
|
|
11536
11499
|
|
|
11537
|
-
var _templateObject$2g, _templateObject2$
|
|
11500
|
+
var _templateObject$2g, _templateObject2$1H;
|
|
11538
11501
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11539
11502
|
var legacyProductId = _ref.legacyProductId;
|
|
11540
11503
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11562,7 +11525,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11562
11525
|
}));
|
|
11563
11526
|
};
|
|
11564
11527
|
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"])));
|
|
11565
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
11528
|
+
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) {
|
|
11566
11529
|
var disabled = _ref2.disabled;
|
|
11567
11530
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11568
11531
|
}, function (_ref3) {
|
|
@@ -11971,7 +11934,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11971
11934
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11972
11935
|
});
|
|
11973
11936
|
|
|
11974
|
-
var _templateObject$2i, _templateObject2$
|
|
11937
|
+
var _templateObject$2i, _templateObject2$1I;
|
|
11975
11938
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11976
11939
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11977
11940
|
dispatch = _useAtom[1];
|
|
@@ -12149,7 +12112,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12149
12112
|
};
|
|
12150
12113
|
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12151
12114
|
// const DropdownContainer = styled.div``;
|
|
12152
|
-
var StyledAntSelect$c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12115
|
+
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"])));
|
|
12153
12116
|
|
|
12154
12117
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12155
12118
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12235,7 +12198,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12235
12198
|
}, React__default.createElement(NextIcon, null)))));
|
|
12236
12199
|
};
|
|
12237
12200
|
|
|
12238
|
-
var _templateObject$2j, _templateObject2$
|
|
12201
|
+
var _templateObject$2j, _templateObject2$1J;
|
|
12239
12202
|
var _excluded$5 = ["count"];
|
|
12240
12203
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12241
12204
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12308,12 +12271,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12308
12271
|
})))));
|
|
12309
12272
|
};
|
|
12310
12273
|
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
12311
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
12274
|
+
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"])));
|
|
12312
12275
|
|
|
12313
|
-
var _templateObject2$
|
|
12314
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12276
|
+
var _templateObject2$1K;
|
|
12277
|
+
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"])));
|
|
12315
12278
|
|
|
12316
|
-
var _templateObject$2k, _templateObject2$
|
|
12279
|
+
var _templateObject$2k, _templateObject2$1L;
|
|
12317
12280
|
var SearchType = function SearchType() {
|
|
12318
12281
|
var _useState = React.useState(''),
|
|
12319
12282
|
searchText = _useState[0],
|
|
@@ -12329,7 +12292,7 @@ var SearchType = function SearchType() {
|
|
|
12329
12292
|
}));
|
|
12330
12293
|
};
|
|
12331
12294
|
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"])));
|
|
12332
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12295
|
+
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"])));
|
|
12333
12296
|
|
|
12334
12297
|
var BulkFilter = function BulkFilter() {
|
|
12335
12298
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12450,7 +12413,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12450
12413
|
})))));
|
|
12451
12414
|
};
|
|
12452
12415
|
|
|
12453
|
-
var _templateObject$2l, _templateObject2$
|
|
12416
|
+
var _templateObject$2l, _templateObject2$1M, _templateObject3$11;
|
|
12454
12417
|
// import Pagination from './table-view/Pagination';
|
|
12455
12418
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12456
12419
|
function ReturnMainTable() {
|
|
@@ -12510,12 +12473,12 @@ function ReturnMainTable() {
|
|
|
12510
12473
|
}, 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)))));
|
|
12511
12474
|
}
|
|
12512
12475
|
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"])));
|
|
12513
|
-
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12476
|
+
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12514
12477
|
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"])));
|
|
12515
12478
|
|
|
12516
|
-
var _templateObject$2m, _templateObject2$
|
|
12479
|
+
var _templateObject$2m, _templateObject2$1N;
|
|
12517
12480
|
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"])));
|
|
12518
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12481
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12519
12482
|
|
|
12520
12483
|
var _templateObject$2n;
|
|
12521
12484
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -12523,12 +12486,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
12523
12486
|
};
|
|
12524
12487
|
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"])));
|
|
12525
12488
|
|
|
12526
|
-
var _templateObject$2o, _templateObject2$
|
|
12489
|
+
var _templateObject$2o, _templateObject2$1O;
|
|
12527
12490
|
function Breadcrumb(props) {
|
|
12528
12491
|
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)));
|
|
12529
12492
|
}
|
|
12530
12493
|
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
12531
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
12494
|
+
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"])));
|
|
12532
12495
|
|
|
12533
12496
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12534
12497
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|