@bjsdistribution/dms-client-return 0.0.16 → 0.0.18
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/components/order-daily-overview/shared/elements/PrintDropDown.d.ts +6 -2
- package/dist/components/order-daily-overview/table/table-data/styles.d.ts +3 -0
- package/dist/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.d.ts +3 -1
- package/dist/components/order-view/types.d.ts +2 -0
- package/dist/components/order-view/utils.d.ts +2 -0
- package/dist/dms-client-return.cjs.development.js +815 -590
- 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 +816 -591
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +25 -11
- package/src/components/order-daily-overview/index.tsx +1 -0
- package/src/components/order-daily-overview/return-after-table/table/OrderTable.tsx +40 -43
- package/src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts +5 -13
- package/src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx +45 -24
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +15 -8
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +4 -2
- package/src/components/order-daily-overview/shared/elements/PrintDropDown.tsx +47 -10
- package/src/components/order-daily-overview/table/table-data/styles.ts +47 -0
- package/src/components/order-view/details-filters/DetailsFilters.tsx +3 -3
- package/src/components/order-view/details-filters/left-side-filters/ActionsMenu.tsx +2 -2
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.tsx +2 -0
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.tsx +13 -6
- package/src/components/order-view/fakedata.ts +6 -6
- package/src/components/order-view/general-information/Status.tsx +1 -0
- package/src/components/order-view/index.tsx +11 -8
- package/src/components/order-view/modalsPopup/CreateReturnModal.tsx +0 -1
- package/src/components/order-view/modalsPopup/ModalManager.tsx +17 -12
- package/src/components/order-view/order-actions/actions/modalstyle.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/footer/AllowTracking.tsx +5 -33
- package/src/components/order-view/store.ts +2 -0
- package/src/components/order-view/types.ts +3 -1
- package/dist/components/order-view/tomtomlogs/collapsed-content/index.d.ts +0 -3
- package/dist/components/order-view/tomtomlogs/expanded-content/index.d.ts +0 -3
- package/src/components/order-view/tomtomlogs/collapsed-content/index.tsx +0 -16
- package/src/components/order-view/tomtomlogs/expanded-content/index.tsx +0 -21
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState, useMemo, useCallback, useRef, Suspense } from 'react';
|
|
2
2
|
import { useLocation, useParams, NavLink, useNavigate, Routes, Route } from 'react-router-dom';
|
|
3
3
|
import styled, { css, keyframes } from 'styled-components';
|
|
4
|
-
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button as Button$1, useApiHook, formatDateTime,
|
|
4
|
+
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button as Button$1, useApiHook, formatDateTime, Checkbox as Checkbox$1, SectionHeader, CrossIcon, AntSelect, AntTable, Alert, CustomRating, DeleteIcon, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { atomWithReducer } from 'jotai/utils';
|
|
7
7
|
import { DatePicker, notification, Skeleton, Upload, message, Input as Input$2, Select, Empty, Checkbox as Checkbox$2, Tabs } from 'antd';
|
|
@@ -581,6 +581,8 @@ var ordersInitialValue = {
|
|
|
581
581
|
order_locked_by: null,
|
|
582
582
|
delivery_instructions: null,
|
|
583
583
|
drop_time: null,
|
|
584
|
+
created_by: null,
|
|
585
|
+
created_at: null,
|
|
584
586
|
order_recipient: {
|
|
585
587
|
id: null,
|
|
586
588
|
order_id: null,
|
|
@@ -2383,35 +2385,15 @@ var Bottom = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 =
|
|
|
2383
2385
|
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
2384
2386
|
|
|
2385
2387
|
var _templateObject$C, _templateObject2$p, _templateObject3$c;
|
|
2386
|
-
// import { useOrderDetails } from '../../../store';
|
|
2387
2388
|
function AllowTracking() {
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
// ...prev,
|
|
2394
|
-
// allow_live_tracking: !orderDetails.allow_live_tracking,
|
|
2395
|
-
// };
|
|
2396
|
-
// });
|
|
2397
|
-
// };
|
|
2398
|
-
return React.createElement(Container$s, null, React.createElement(CreatedBy, null, React.createElement(Text$1, null, "Created: "), " IT - Manpreet Kaur, 21/08/2024 13:00:51"));
|
|
2389
|
+
var _useOrderDetails = useOrderDetails(),
|
|
2390
|
+
orderDetails = _useOrderDetails[0];
|
|
2391
|
+
var createdBy = (orderDetails == null ? void 0 : orderDetails.created_by) || 'Unknown';
|
|
2392
|
+
var createdAt = (orderDetails == null ? void 0 : orderDetails.created_at) || 'Not available';
|
|
2393
|
+
return React.createElement(Container$s, null, React.createElement(CreatedBy, null, React.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2399
2394
|
}
|
|
2400
|
-
// const Wrapper = styled.div`
|
|
2401
|
-
// display: flex;
|
|
2402
|
-
// gap: 10px;
|
|
2403
|
-
// align-items: center;
|
|
2404
|
-
// `;
|
|
2405
2395
|
var Text$1 = /*#__PURE__*/styled.span(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
2406
2396
|
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
2407
|
-
// const Tracking = styled.span`
|
|
2408
|
-
// color: #3a3630;
|
|
2409
|
-
// font-family: 'Lato', sans-serif;
|
|
2410
|
-
// font-size: 13px;
|
|
2411
|
-
// font-style: normal;
|
|
2412
|
-
// font-weight: 400;
|
|
2413
|
-
// line-height: 16px;
|
|
2414
|
-
// `;
|
|
2415
2397
|
var Container$s = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2416
2398
|
|
|
2417
2399
|
function useUpdateOrder() {
|
|
@@ -2907,8 +2889,9 @@ var CardHeader = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2
|
|
|
2907
2889
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2908
2890
|
|
|
2909
2891
|
var _templateObject$J;
|
|
2910
|
-
|
|
2911
|
-
|
|
2892
|
+
// import styled from 'styled-components';
|
|
2893
|
+
function SystemCollapsedContent() {
|
|
2894
|
+
return React.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
2912
2895
|
}
|
|
2913
2896
|
var Font = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
2914
2897
|
|
|
@@ -2933,7 +2916,7 @@ function CollapsableForm(props) {
|
|
|
2933
2916
|
var _useState = useState(true),
|
|
2934
2917
|
isExpanded = _useState[0],
|
|
2935
2918
|
setIsExpanded = _useState[1];
|
|
2936
|
-
return React.createElement(MainContainer$4, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent
|
|
2919
|
+
return React.createElement(MainContainer$4, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$y, null, React.createElement(Text$2, {
|
|
2937
2920
|
onClick: function onClick() {
|
|
2938
2921
|
return setIsExpanded(function (prev) {
|
|
2939
2922
|
return !prev;
|
|
@@ -2957,58 +2940,9 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateOb
|
|
|
2957
2940
|
return props.isExpanded ? '360deg' : '180deg';
|
|
2958
2941
|
});
|
|
2959
2942
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2960
|
-
var CollapsedContent
|
|
2961
|
-
|
|
2962
|
-
var _templateObject$L;
|
|
2963
|
-
function Order() {
|
|
2964
|
-
return React.createElement(Table$1, null, React.createElement(CollapsableForm, {
|
|
2965
|
-
collapsedContent: React.createElement(CollapsedContent, null)
|
|
2966
|
-
}, React.createElement(Alert, {
|
|
2967
|
-
description: "",
|
|
2968
|
-
onClose: function onClose() {},
|
|
2969
|
-
type: "warn",
|
|
2970
|
-
title: "No records found",
|
|
2971
|
-
showOkButton: false
|
|
2972
|
-
})));
|
|
2973
|
-
}
|
|
2974
|
-
var Table$1 = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
2975
|
-
|
|
2976
|
-
var _templateObject$M;
|
|
2977
|
-
// import styled from 'styled-components';
|
|
2978
|
-
function CollapsedContent$2() {
|
|
2979
|
-
return React.createElement(Font$1, null, "TOOLBOX RESOURCES");
|
|
2980
|
-
}
|
|
2981
|
-
var Font$1 = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
2943
|
+
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2982
2944
|
|
|
2983
|
-
var _templateObject$
|
|
2984
|
-
function Toolbox() {
|
|
2985
|
-
var _orderToolbox$data, _orderToolbox$data$;
|
|
2986
|
-
var _useOrderProductsTool = useOrderProductsToolbox(),
|
|
2987
|
-
orderToolbox = _useOrderProductsTool[0];
|
|
2988
|
-
var htmlContent = orderToolbox != null && orderToolbox.data && (orderToolbox == null || (_orderToolbox$data = orderToolbox.data) == null ? void 0 : _orderToolbox$data.length) > 0 ? orderToolbox == null || (_orderToolbox$data$ = orderToolbox.data[0]) == null ? void 0 : _orderToolbox$data$.html : '';
|
|
2989
|
-
return React.createElement(StyledTable$1, null, React.createElement(CollapsableForm, {
|
|
2990
|
-
collapsedContent: React.createElement(CollapsedContent$2, null)
|
|
2991
|
-
}, React.createElement("div", {
|
|
2992
|
-
style: {
|
|
2993
|
-
overflow: 'auto'
|
|
2994
|
-
}
|
|
2995
|
-
}), React.createElement("div", {
|
|
2996
|
-
className: "tableStyle",
|
|
2997
|
-
dangerouslySetInnerHTML: {
|
|
2998
|
-
__html: htmlContent
|
|
2999
|
-
}
|
|
3000
|
-
})));
|
|
3001
|
-
}
|
|
3002
|
-
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border: none;\n\n .tableStyle {\n border-spacing: 0;\n width: 100%;\n table {\n border-spacing: 0;\n border: none !important;\n max-height: 400px !important;\n min-height: 100px !important;\n thead {\n background: #f8f8f8 !important;\n tr {\n border-spacing: 0;\n border-bottom: 1px solid rgb(215, 214, 213);\n th {\n padding: 10px;\n font-family: Roboto, sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n /* min-width: 130px; */\n &:first-child {\n border-radius: 10px 0px 0px 0px;\n }\n &:last-child {\n border-radius: 0px 10px 0px 0px;\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: 10px 5px;\n background: #fff;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n word-wrap: break-word;\n max-width: 200px;\n }\n }\n }\n }\n }\n"])));
|
|
3003
|
-
|
|
3004
|
-
var _templateObject$O;
|
|
3005
|
-
// import styled from 'styled-components';
|
|
3006
|
-
function SystemCollapsedContent() {
|
|
3007
|
-
return React.createElement(Font$2, null, "SYSTEM EVENT LOGS");
|
|
3008
|
-
}
|
|
3009
|
-
var Font$2 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
3010
|
-
|
|
3011
|
-
var _templateObject$P, _templateObject2$w, _templateObject3$j;
|
|
2945
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$j;
|
|
3012
2946
|
function CustomScrollBar(props) {
|
|
3013
2947
|
var children = props.children,
|
|
3014
2948
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -3026,11 +2960,11 @@ function CustomScrollBar(props) {
|
|
|
3026
2960
|
}
|
|
3027
2961
|
}, children);
|
|
3028
2962
|
}
|
|
3029
|
-
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$
|
|
2963
|
+
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
3030
2964
|
var View = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
3031
2965
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
3032
2966
|
|
|
3033
|
-
var _templateObject$
|
|
2967
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
3034
2968
|
function DynamicTable(_ref) {
|
|
3035
2969
|
var columns = _ref.columns,
|
|
3036
2970
|
data = _ref.data;
|
|
@@ -3051,7 +2985,7 @@ function DynamicTable(_ref) {
|
|
|
3051
2985
|
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'category', 'action'];
|
|
3052
2986
|
var mediumColumns = ['date'];
|
|
3053
2987
|
var largeColumns = ['reference', 'notes', 'details', 'datetime'];
|
|
3054
|
-
return React.createElement(MainContainer$5, null, React.createElement(Container$z, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table$
|
|
2988
|
+
return React.createElement(MainContainer$5, null, React.createElement(Container$z, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table$1, null, React.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
|
|
3055
2989
|
return React.createElement(TableRow, {
|
|
3056
2990
|
key: headerGroup.id
|
|
3057
2991
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -3076,17 +3010,17 @@ function DynamicTable(_ref) {
|
|
|
3076
3010
|
// transform: rotate(180deg);
|
|
3077
3011
|
// cursor: pointer;
|
|
3078
3012
|
// `;
|
|
3079
|
-
var Container$z = /*#__PURE__*/styled.div(_templateObject$
|
|
3013
|
+
var Container$z = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
3080
3014
|
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
3081
3015
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
3082
3016
|
var TableData = /*#__PURE__*/styled.td(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
3083
3017
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
3084
3018
|
var TableBody = /*#__PURE__*/styled.tbody(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
3085
3019
|
var TableHead = /*#__PURE__*/styled.thead(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0px;\n z-index: 1;\n background: #f8f8f8;\n white-space: nowrap;\n"])));
|
|
3086
|
-
var Table$
|
|
3020
|
+
var Table$1 = /*#__PURE__*/styled.table(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
3087
3021
|
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
3088
3022
|
|
|
3089
|
-
var _templateObject$
|
|
3023
|
+
var _templateObject$N, _templateObject2$y;
|
|
3090
3024
|
function Event(props) {
|
|
3091
3025
|
var _props$row;
|
|
3092
3026
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3101,7 +3035,7 @@ function Event(props) {
|
|
|
3101
3035
|
};
|
|
3102
3036
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
3103
3037
|
}
|
|
3104
|
-
var RowContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3038
|
+
var RowContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3105
3039
|
var Row = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3106
3040
|
|
|
3107
3041
|
//to change data into options
|
|
@@ -3149,25 +3083,25 @@ var priorityData = [{
|
|
|
3149
3083
|
color: '#E95252'
|
|
3150
3084
|
}];
|
|
3151
3085
|
|
|
3152
|
-
var _templateObject$
|
|
3086
|
+
var _templateObject$O, _templateObject2$z;
|
|
3153
3087
|
function Date$1(props) {
|
|
3154
3088
|
var _props$row;
|
|
3155
3089
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3156
3090
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate(data)));
|
|
3157
3091
|
}
|
|
3158
|
-
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
3092
|
+
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3159
3093
|
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3160
3094
|
|
|
3161
|
-
var _templateObject$
|
|
3095
|
+
var _templateObject$P, _templateObject2$A;
|
|
3162
3096
|
function Code(props) {
|
|
3163
3097
|
var _props$row;
|
|
3164
3098
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3165
3099
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
3166
3100
|
}
|
|
3167
|
-
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
3101
|
+
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3168
3102
|
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3169
3103
|
|
|
3170
|
-
var _templateObject$
|
|
3104
|
+
var _templateObject$Q, _templateObject2$B;
|
|
3171
3105
|
function Note(props) {
|
|
3172
3106
|
var _props$row;
|
|
3173
3107
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3175,7 +3109,7 @@ function Note(props) {
|
|
|
3175
3109
|
title: data
|
|
3176
3110
|
}, React.createElement(Row$3, null, data));
|
|
3177
3111
|
}
|
|
3178
|
-
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
3112
|
+
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3179
3113
|
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3180
3114
|
|
|
3181
3115
|
var tableColumns = [{
|
|
@@ -3279,7 +3213,7 @@ function useGetEventNotes() {
|
|
|
3279
3213
|
return perform;
|
|
3280
3214
|
}
|
|
3281
3215
|
|
|
3282
|
-
var _templateObject$
|
|
3216
|
+
var _templateObject$R;
|
|
3283
3217
|
function SystemLogs() {
|
|
3284
3218
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
3285
3219
|
systemLogs = _useOrderProductSyste[0];
|
|
@@ -3324,14 +3258,14 @@ function SystemLogs() {
|
|
|
3324
3258
|
useEffect(function () {
|
|
3325
3259
|
fetchReminderData();
|
|
3326
3260
|
}, [setNotesData]);
|
|
3327
|
-
return React.createElement(Table$
|
|
3261
|
+
return React.createElement(Table$2, null, React.createElement(CollapsableForm, {
|
|
3328
3262
|
collapsedContent: React.createElement(SystemCollapsedContent, null)
|
|
3329
3263
|
}, React.createElement(DynamicTable, {
|
|
3330
3264
|
columns: tableColumns,
|
|
3331
3265
|
data: systemLogs
|
|
3332
3266
|
})));
|
|
3333
3267
|
}
|
|
3334
|
-
var Table$
|
|
3268
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
3335
3269
|
|
|
3336
3270
|
var StatusOptions = [{
|
|
3337
3271
|
label: 'Released',
|
|
@@ -3488,7 +3422,7 @@ function ConfirmedIcon() {
|
|
|
3488
3422
|
}))));
|
|
3489
3423
|
}
|
|
3490
3424
|
|
|
3491
|
-
var _templateObject$
|
|
3425
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$l, _templateObject4$9;
|
|
3492
3426
|
function Status() {
|
|
3493
3427
|
var _useStatusDetails = useStatusDetails(),
|
|
3494
3428
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3534,22 +3468,22 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3534
3468
|
return null;
|
|
3535
3469
|
}
|
|
3536
3470
|
};
|
|
3537
|
-
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3471
|
+
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
3538
3472
|
var Heading = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
3539
|
-
var Container$A = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
3473
|
+
var Container$A = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3540
3474
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3541
3475
|
|
|
3542
|
-
var _templateObject$
|
|
3476
|
+
var _templateObject$T;
|
|
3543
3477
|
// import LockOrder from './LockOrder';
|
|
3544
3478
|
function GeneralHeader() {
|
|
3545
3479
|
return React.createElement(Section, null, React.createElement(Status, null));
|
|
3546
3480
|
}
|
|
3547
|
-
var Section = /*#__PURE__*/styled.div(_templateObject$
|
|
3481
|
+
var Section = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex;\n background: #ffffff;\n // padding: 15px;\n flex-direction: column;\n gap: 14px;\n border-radius: 12px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n border: 1px solid #e0e0e0; */\n"])));
|
|
3548
3482
|
|
|
3549
3483
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3550
|
-
var StyledTable$
|
|
3484
|
+
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3551
3485
|
// Styled components
|
|
3552
|
-
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height:
|
|
3486
|
+
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: 60vh;\n scrollbar-width: none;\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
3553
3487
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
3554
3488
|
|
|
3555
3489
|
var ActionIcon = function ActionIcon() {
|
|
@@ -3683,7 +3617,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3683
3617
|
}, []);
|
|
3684
3618
|
return React.createElement("div", null, React.createElement(StyledTableWrapper, {
|
|
3685
3619
|
id: "tableScrolling"
|
|
3686
|
-
}, React.createElement(StyledTable$
|
|
3620
|
+
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
3687
3621
|
className: "emailInvoiceCheckbox"
|
|
3688
3622
|
}, React.createElement(Checkbox$1, {
|
|
3689
3623
|
checked: selectAll,
|
|
@@ -3712,13 +3646,13 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3712
3646
|
}, "No records found"))))));
|
|
3713
3647
|
};
|
|
3714
3648
|
|
|
3715
|
-
var _templateObject$
|
|
3649
|
+
var _templateObject$U;
|
|
3716
3650
|
var ProductTable = function ProductTable() {
|
|
3717
3651
|
return React.createElement(Container$B, null, React.createElement(ReturnProductTable, null));
|
|
3718
3652
|
};
|
|
3719
|
-
var Container$B = /*#__PURE__*/styled.div(_templateObject$
|
|
3653
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3720
3654
|
|
|
3721
|
-
var _templateObject$
|
|
3655
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$m;
|
|
3722
3656
|
function ExpandedContent$2() {
|
|
3723
3657
|
var SaveNote = function SaveNote() {
|
|
3724
3658
|
// alert('saved');
|
|
@@ -3734,15 +3668,15 @@ function ExpandedContent$2() {
|
|
|
3734
3668
|
onClick: SaveNote
|
|
3735
3669
|
}, "SAVE Details"))));
|
|
3736
3670
|
}
|
|
3737
|
-
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3671
|
+
var MidConatiner = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__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"])));
|
|
3738
3672
|
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3739
3673
|
var Container$C = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3740
3674
|
|
|
3741
|
-
var _templateObject$
|
|
3675
|
+
var _templateObject$W;
|
|
3742
3676
|
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3743
3677
|
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3744
3678
|
// import { useAtom } from 'jotai';
|
|
3745
|
-
function CollapsedContent$
|
|
3679
|
+
function CollapsedContent$1() {
|
|
3746
3680
|
// const [, dispatch] = useAtom(countReducerAtom);
|
|
3747
3681
|
// const [productdata] = useProductDetails();
|
|
3748
3682
|
// const totalItems = productdata?.length;
|
|
@@ -3808,7 +3742,7 @@ function CollapsedContent$3() {
|
|
|
3808
3742
|
// align-items: center;
|
|
3809
3743
|
// gap: 30px;
|
|
3810
3744
|
// `;
|
|
3811
|
-
var Container$D = /*#__PURE__*/styled.div(_templateObject$
|
|
3745
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 30px;\n"])));
|
|
3812
3746
|
|
|
3813
3747
|
// Dropdown
|
|
3814
3748
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -3902,143 +3836,26 @@ function ProductsInfo() {
|
|
|
3902
3836
|
}
|
|
3903
3837
|
}, [fetchedData, loading]);
|
|
3904
3838
|
return React.createElement(CollapsableForm, {
|
|
3905
|
-
collapsedContent: React.createElement(CollapsedContent$
|
|
3839
|
+
collapsedContent: React.createElement(CollapsedContent$1, null)
|
|
3906
3840
|
}, React.createElement(ExpandedContent$2, null));
|
|
3907
3841
|
}
|
|
3908
3842
|
|
|
3909
|
-
var _templateObject
|
|
3910
|
-
// import styled from 'styled-components';
|
|
3911
|
-
function TomTomCollapsedContent() {
|
|
3912
|
-
return React.createElement(Font$3, null, "TOMTOM LOGS");
|
|
3913
|
-
}
|
|
3914
|
-
var Font$3 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
3915
|
-
|
|
3916
|
-
var options = [{
|
|
3917
|
-
label: 'Task',
|
|
3918
|
-
value: 'task',
|
|
3919
|
-
selectedBackgroundColor: '#F0F2F2',
|
|
3920
|
-
selectedFontColor: '#3a3630'
|
|
3921
|
-
}, {
|
|
3922
|
-
label: 'Reminder',
|
|
3923
|
-
value: 'reminder',
|
|
3924
|
-
selectedBackgroundColor: 'white',
|
|
3925
|
-
selectedFontColor: '#3a3630'
|
|
3926
|
-
}];
|
|
3927
|
-
var ReturnData = [{
|
|
3928
|
-
label: 'Return1',
|
|
3929
|
-
value: 'return1'
|
|
3930
|
-
}, {
|
|
3931
|
-
label: 'Return2',
|
|
3932
|
-
value: 'return2'
|
|
3933
|
-
}, {
|
|
3934
|
-
label: 'Return3',
|
|
3935
|
-
value: 'return3'
|
|
3936
|
-
}];
|
|
3937
|
-
var TaskType = [{
|
|
3938
|
-
label: 'Client',
|
|
3939
|
-
value: 'client'
|
|
3940
|
-
}, {
|
|
3941
|
-
label: 'Customer Service (CS)',
|
|
3942
|
-
value: 'cs'
|
|
3943
|
-
}, {
|
|
3944
|
-
label: 'Transport (DH)',
|
|
3945
|
-
value: 'dh'
|
|
3946
|
-
}, {
|
|
3947
|
-
label: 'Warehouse',
|
|
3948
|
-
value: 'warehouse'
|
|
3949
|
-
}, {
|
|
3950
|
-
label: 'Customer Portal',
|
|
3951
|
-
value: 'customer-portal'
|
|
3952
|
-
}, {
|
|
3953
|
-
label: 'Delivery App',
|
|
3954
|
-
value: 'delivery-app'
|
|
3955
|
-
}, {
|
|
3956
|
-
label: 'Complaints',
|
|
3957
|
-
value: 'complaints'
|
|
3958
|
-
}, {
|
|
3959
|
-
label: 'Offshore',
|
|
3960
|
-
value: 'offshore'
|
|
3961
|
-
}, {
|
|
3962
|
-
label: 'Stock Admin',
|
|
3963
|
-
value: 'stock-admin'
|
|
3964
|
-
}, {
|
|
3965
|
-
label: 'Call Customer',
|
|
3966
|
-
value: 'call-customer'
|
|
3967
|
-
}, {
|
|
3968
|
-
label: 'Driver Compliance',
|
|
3969
|
-
value: 'driver-compliance'
|
|
3970
|
-
}];
|
|
3971
|
-
var CustomOptions = [{
|
|
3972
|
-
label: 'Private',
|
|
3973
|
-
value: 'private'
|
|
3974
|
-
}, {
|
|
3975
|
-
label: 'Public',
|
|
3976
|
-
value: 'public'
|
|
3977
|
-
}];
|
|
3978
|
-
var DefectConfirm = [{
|
|
3979
|
-
label: 'Yes',
|
|
3980
|
-
value: 'yes'
|
|
3981
|
-
}, {
|
|
3982
|
-
label: 'No',
|
|
3983
|
-
value: 'no'
|
|
3984
|
-
}];
|
|
3985
|
-
var TomTomColumns = [{
|
|
3986
|
-
header: 'Event Date',
|
|
3987
|
-
accessorKey: 'eventdate'
|
|
3988
|
-
}, {
|
|
3989
|
-
header: 'Route',
|
|
3990
|
-
accessorKey: 'route'
|
|
3991
|
-
}, {
|
|
3992
|
-
header: 'Details',
|
|
3993
|
-
accessorKey: 'details'
|
|
3994
|
-
}, {
|
|
3995
|
-
header: 'Type',
|
|
3996
|
-
accessorKey: 'type'
|
|
3997
|
-
}];
|
|
3998
|
-
var tomtomResources = [{
|
|
3999
|
-
route: 'Hammer',
|
|
4000
|
-
details: 'Sent to Object; RYF',
|
|
4001
|
-
eventdate: '2024-06-01',
|
|
4002
|
-
type: 'workFlow'
|
|
4003
|
-
}, {
|
|
4004
|
-
route: 'Screwdriver',
|
|
4005
|
-
details: 'Sent to Object; RYF',
|
|
4006
|
-
eventdate: '2024-06-10',
|
|
4007
|
-
type: 'workFlow'
|
|
4008
|
-
}, {
|
|
4009
|
-
route: 'Wrench',
|
|
4010
|
-
details: 'Sent to Object; RYF',
|
|
4011
|
-
eventdate: '2024-06-20',
|
|
4012
|
-
type: 'workFlow'
|
|
4013
|
-
}];
|
|
4014
|
-
|
|
4015
|
-
var _templateObject$10;
|
|
4016
|
-
function TomTomLogs() {
|
|
4017
|
-
return React.createElement(Table$4, null, React.createElement(CollapsableForm, {
|
|
4018
|
-
collapsedContent: React.createElement(TomTomCollapsedContent, null)
|
|
4019
|
-
}, React.createElement(DynamicTable, {
|
|
4020
|
-
columns: TomTomColumns,
|
|
4021
|
-
data: tomtomResources
|
|
4022
|
-
})));
|
|
4023
|
-
}
|
|
4024
|
-
var Table$4 = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4025
|
-
|
|
4026
|
-
var _templateObject$11;
|
|
3843
|
+
var _templateObject$X;
|
|
4027
3844
|
function BackgroundModal(props) {
|
|
4028
3845
|
return createPortal(React.createElement(Container$E, Object.assign({}, props), props.children), document.body);
|
|
4029
3846
|
}
|
|
4030
|
-
var Container$E = /*#__PURE__*/styled.div(_templateObject$
|
|
3847
|
+
var Container$E = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__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"])));
|
|
4031
3848
|
|
|
4032
|
-
var _templateObject$
|
|
3849
|
+
var _templateObject$Y, _templateObject2$E, _templateObject3$n, _templateObject4$a;
|
|
4033
3850
|
function AdditionalInformation(props) {
|
|
4034
3851
|
return React.createElement(Container$F, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$3, null, props.info)));
|
|
4035
3852
|
}
|
|
4036
|
-
var Text$3 = /*#__PURE__*/styled.p(_templateObject$
|
|
3853
|
+
var Text$3 = /*#__PURE__*/styled.p(_templateObject$Y || (_templateObject$Y = /*#__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"])));
|
|
4037
3854
|
var Container$F = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4038
3855
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
4039
3856
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
4040
3857
|
|
|
4041
|
-
var _templateObject$
|
|
3858
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$o, _templateObject4$b;
|
|
4042
3859
|
function OrderActionHeader(props) {
|
|
4043
3860
|
var title = props.title,
|
|
4044
3861
|
actions = props.actions,
|
|
@@ -4053,12 +3870,12 @@ function OrderActionHeader(props) {
|
|
|
4053
3870
|
onClick: onClose
|
|
4054
3871
|
}, React.createElement(CrossIcon, null)));
|
|
4055
3872
|
}
|
|
4056
|
-
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$
|
|
3873
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
4057
3874
|
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
4058
3875
|
var Title = /*#__PURE__*/styled.h3(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
4059
3876
|
var Container$G = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
4060
3877
|
|
|
4061
|
-
var _templateObject$
|
|
3878
|
+
var _templateObject$_, _templateObject2$G;
|
|
4062
3879
|
function OrderActionFooter(props) {
|
|
4063
3880
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
4064
3881
|
return React.createElement(Container$H, null, React.createElement(SubmitButton, {
|
|
@@ -4068,10 +3885,10 @@ function OrderActionFooter(props) {
|
|
|
4068
3885
|
disabled: isSubmitDisabled
|
|
4069
3886
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
4070
3887
|
}
|
|
4071
|
-
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject$
|
|
3888
|
+
var SubmitButton = /*#__PURE__*/styled(Button$1)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4072
3889
|
var Container$H = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__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"])));
|
|
4073
3890
|
|
|
4074
|
-
var _templateObject
|
|
3891
|
+
var _templateObject$$;
|
|
4075
3892
|
function OrderActionModal(props) {
|
|
4076
3893
|
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$6, null, React.createElement(OrderActionHeader, {
|
|
4077
3894
|
title: props.headerTitle,
|
|
@@ -4086,9 +3903,9 @@ function OrderActionModal(props) {
|
|
|
4086
3903
|
isSubmitDisabled: props.isSubmitDisabled
|
|
4087
3904
|
})));
|
|
4088
3905
|
}
|
|
4089
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject
|
|
3906
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__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"])));
|
|
4090
3907
|
|
|
4091
|
-
var _templateObject$
|
|
3908
|
+
var _templateObject$10, _templateObject2$H;
|
|
4092
3909
|
function OrderActionsDropdown(props) {
|
|
4093
3910
|
return React.createElement(Container$I, {
|
|
4094
3911
|
className: props.className
|
|
@@ -4106,7 +3923,7 @@ function OrderActionsDropdown(props) {
|
|
|
4106
3923
|
selectWrapperClass: 'rounded'
|
|
4107
3924
|
}));
|
|
4108
3925
|
}
|
|
4109
|
-
var Label = /*#__PURE__*/styled.label(_templateObject$
|
|
3926
|
+
var Label = /*#__PURE__*/styled.label(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4110
3927
|
var Container$I = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4111
3928
|
|
|
4112
3929
|
function DocumentTypeDropdown() {
|
|
@@ -4187,7 +4004,7 @@ function UploadIcon(props) {
|
|
|
4187
4004
|
})));
|
|
4188
4005
|
}
|
|
4189
4006
|
|
|
4190
|
-
var _templateObject$
|
|
4007
|
+
var _templateObject$11, _templateObject2$I, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4191
4008
|
var Dragger = Upload.Dragger;
|
|
4192
4009
|
var props = {
|
|
4193
4010
|
name: 'file',
|
|
@@ -4214,7 +4031,7 @@ function DocFileUpload() {
|
|
|
4214
4031
|
shape: 'rounded'
|
|
4215
4032
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4216
4033
|
}
|
|
4217
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
4034
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__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"])));
|
|
4218
4035
|
var Text2 = /*#__PURE__*/styled.p(_templateObject2$I || (_templateObject2$I = /*#__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"])));
|
|
4219
4036
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4220
4037
|
var Text1 = /*#__PURE__*/styled.p(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -4222,7 +4039,7 @@ var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$5 || (_templateOb
|
|
|
4222
4039
|
var UploadButton = /*#__PURE__*/styled(Button$1)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4223
4040
|
var Container$J = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
4224
4041
|
|
|
4225
|
-
var _templateObject$
|
|
4042
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$q, _templateObject4$d;
|
|
4226
4043
|
// import DocFileUpload from './DocFileUpload';
|
|
4227
4044
|
function AddResources() {
|
|
4228
4045
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4238,12 +4055,12 @@ function AddResources() {
|
|
|
4238
4055
|
onSubmit: function onSubmit() {}
|
|
4239
4056
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$1, null, "File"), React.createElement(DocFileUpload, null))));
|
|
4240
4057
|
}
|
|
4241
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject$
|
|
4058
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4242
4059
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4243
4060
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4244
4061
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
4245
4062
|
|
|
4246
|
-
var _templateObject$
|
|
4063
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$r;
|
|
4247
4064
|
function SplitOrderTable() {
|
|
4248
4065
|
return React.createElement(GLobalPopupContent, null, React.createElement(TableSkelton, null, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
4249
4066
|
className: "container"
|
|
@@ -4271,11 +4088,11 @@ function SplitOrderTable() {
|
|
|
4271
4088
|
className: "checkmark"
|
|
4272
4089
|
})))), React.createElement("td", null, "Return"), React.createElement("td", null, "FFLMW-B1"), React.createElement("td", null, "Outstanding"), React.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React.createElement("td", null, "007022530015429326"))))));
|
|
4273
4090
|
}
|
|
4274
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject$
|
|
4091
|
+
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__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"])));
|
|
4275
4092
|
var TableSkelton = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -8px;\n min-height: 400px;\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"])));
|
|
4276
4093
|
var CustomCheckBox = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__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"])));
|
|
4277
4094
|
|
|
4278
|
-
var _templateObject$
|
|
4095
|
+
var _templateObject$14;
|
|
4279
4096
|
function SplitOrder() {
|
|
4280
4097
|
var _useCurrentAction = useCurrentAction(),
|
|
4281
4098
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4291,7 +4108,7 @@ function SplitOrder() {
|
|
|
4291
4108
|
submitBtnTitle: "Split Order"
|
|
4292
4109
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
4293
4110
|
}
|
|
4294
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4111
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__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"])));
|
|
4295
4112
|
|
|
4296
4113
|
function RadioButtonCheckIcon(props) {
|
|
4297
4114
|
return React.createElement("svg", Object.assign({
|
|
@@ -4322,7 +4139,7 @@ var fonts = {
|
|
|
4322
4139
|
secondary: "'Lato', sans-serif"
|
|
4323
4140
|
};
|
|
4324
4141
|
|
|
4325
|
-
var _templateObject$
|
|
4142
|
+
var _templateObject$15, _templateObject2$L, _templateObject3$s;
|
|
4326
4143
|
function RadioButton(props) {
|
|
4327
4144
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4328
4145
|
color: props.color
|
|
@@ -4333,7 +4150,7 @@ function RadioButton(props) {
|
|
|
4333
4150
|
htmlFor: props.id
|
|
4334
4151
|
}, props.label));
|
|
4335
4152
|
}
|
|
4336
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject$
|
|
4153
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject$15 || (_templateObject$15 = /*#__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);
|
|
4337
4154
|
var Input = /*#__PURE__*/styled.input(_templateObject2$L || (_templateObject2$L = /*#__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$2, function (props) {
|
|
4338
4155
|
return props.color || '#6396e5';
|
|
4339
4156
|
}, function (props) {
|
|
@@ -4341,7 +4158,7 @@ var Input = /*#__PURE__*/styled.input(_templateObject2$L || (_templateObject2$L
|
|
|
4341
4158
|
});
|
|
4342
4159
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4343
4160
|
|
|
4344
|
-
var _templateObject$
|
|
4161
|
+
var _templateObject$16, _templateObject2$M, _templateObject3$t, _templateObject4$e, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4345
4162
|
function RadioButtonGroup(props) {
|
|
4346
4163
|
var heading = props.heading,
|
|
4347
4164
|
_props$direction = props.direction,
|
|
@@ -4376,7 +4193,7 @@ function RadioButtonGroup(props) {
|
|
|
4376
4193
|
className: "custom-wrapper"
|
|
4377
4194
|
}, renderOptions()));
|
|
4378
4195
|
}
|
|
4379
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
4196
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4380
4197
|
var labelStyles = /*#__PURE__*/css(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4381
4198
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4382
4199
|
return !props.$required && 'visibility: hidden;';
|
|
@@ -4388,7 +4205,7 @@ var Wrapper$c = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$
|
|
|
4388
4205
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4389
4206
|
});
|
|
4390
4207
|
|
|
4391
|
-
var _templateObject$
|
|
4208
|
+
var _templateObject$17;
|
|
4392
4209
|
var deliveryPoints = [{
|
|
4393
4210
|
label: 'Hallway',
|
|
4394
4211
|
value: 'hallway'
|
|
@@ -4419,9 +4236,9 @@ function DeliveryPoint() {
|
|
|
4419
4236
|
required: false
|
|
4420
4237
|
}));
|
|
4421
4238
|
}
|
|
4422
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject$
|
|
4239
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4423
4240
|
|
|
4424
|
-
var _templateObject$
|
|
4241
|
+
var _templateObject$18, _templateObject2$N, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$3;
|
|
4425
4242
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4426
4243
|
function Checkbox(props) {
|
|
4427
4244
|
var imageSrc = props.imageSrc,
|
|
@@ -4442,7 +4259,7 @@ function Checkbox(props) {
|
|
|
4442
4259
|
"$checked": checked
|
|
4443
4260
|
}, label)));
|
|
4444
4261
|
}
|
|
4445
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
4262
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4446
4263
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4447
4264
|
});
|
|
4448
4265
|
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$N || (_templateObject2$N = /*#__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"])));
|
|
@@ -4482,7 +4299,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4482
4299
|
return "" + baseURL$1 + subPath;
|
|
4483
4300
|
};
|
|
4484
4301
|
|
|
4485
|
-
var _templateObject$
|
|
4302
|
+
var _templateObject$19;
|
|
4486
4303
|
function OrderServices$1() {
|
|
4487
4304
|
// TO DO -> get services from static data
|
|
4488
4305
|
return React.createElement(Container$L, null, React.createElement(Checkbox, {
|
|
@@ -4507,9 +4324,9 @@ function OrderServices$1() {
|
|
|
4507
4324
|
imageSrc: getIcon$1(4)
|
|
4508
4325
|
}));
|
|
4509
4326
|
}
|
|
4510
|
-
var Container$L = /*#__PURE__*/styled.div(_templateObject$
|
|
4327
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4511
4328
|
|
|
4512
|
-
var _templateObject$
|
|
4329
|
+
var _templateObject$1a, _templateObject2$O;
|
|
4513
4330
|
function Notes$1(_ref) {
|
|
4514
4331
|
var onNotesChange = _ref.onNotesChange;
|
|
4515
4332
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -4520,10 +4337,10 @@ function Notes$1(_ref) {
|
|
|
4520
4337
|
onChange: handleTextChange
|
|
4521
4338
|
}));
|
|
4522
4339
|
}
|
|
4523
|
-
var Label$3 = /*#__PURE__*/styled.span(_templateObject$
|
|
4340
|
+
var Label$3 = /*#__PURE__*/styled.span(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4524
4341
|
var Container$M = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4525
4342
|
|
|
4526
|
-
var _templateObject$
|
|
4343
|
+
var _templateObject$1b, _templateObject2$P, _templateObject3$v;
|
|
4527
4344
|
function LogServiceRefusal() {
|
|
4528
4345
|
var _useCurrentAction = useCurrentAction(),
|
|
4529
4346
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4543,17 +4360,17 @@ function LogServiceRefusal() {
|
|
|
4543
4360
|
}
|
|
4544
4361
|
}))));
|
|
4545
4362
|
}
|
|
4546
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4363
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4547
4364
|
var Left = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__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"])));
|
|
4548
4365
|
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4549
4366
|
|
|
4550
|
-
var _templateObject$
|
|
4367
|
+
var _templateObject$1c, _templateObject2$Q;
|
|
4551
4368
|
function CancelationNote() {
|
|
4552
4369
|
return React.createElement(Container$N, null, React.createElement(Label$4, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4553
4370
|
rows: 5
|
|
4554
4371
|
}));
|
|
4555
4372
|
}
|
|
4556
|
-
var Label$4 = /*#__PURE__*/styled.label(_templateObject$
|
|
4373
|
+
var Label$4 = /*#__PURE__*/styled.label(_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"])));
|
|
4557
4374
|
var Container$N = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4558
4375
|
|
|
4559
4376
|
function CancelationReason() {
|
|
@@ -4592,7 +4409,7 @@ function ReturnReason() {
|
|
|
4592
4409
|
});
|
|
4593
4410
|
}
|
|
4594
4411
|
|
|
4595
|
-
var _templateObject$
|
|
4412
|
+
var _templateObject$1d;
|
|
4596
4413
|
function CancelOrderTable() {
|
|
4597
4414
|
var options = [{
|
|
4598
4415
|
value: 'bjsCouriers',
|
|
@@ -4647,9 +4464,9 @@ function CancelOrderTable() {
|
|
|
4647
4464
|
}
|
|
4648
4465
|
}));
|
|
4649
4466
|
}
|
|
4650
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4467
|
+
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n section {\n padding: 15px 15px 0;\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"])));
|
|
4651
4468
|
|
|
4652
|
-
var _templateObject$
|
|
4469
|
+
var _templateObject$1e, _templateObject2$R, _templateObject3$w, _templateObject4$g, _templateObject5$8, _templateObject6$6;
|
|
4653
4470
|
function CancelOrder() {
|
|
4654
4471
|
var _useCurrentAction = useCurrentAction(),
|
|
4655
4472
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4664,20 +4481,20 @@ function CancelOrder() {
|
|
|
4664
4481
|
onSubmit: function onSubmit() {}
|
|
4665
4482
|
}, React.createElement(ContentContainer$3, null, React.createElement(Top$2, null, React.createElement(TopLeft, null, React.createElement(CancelationReason, null), React.createElement(Wrapper$d, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(CancelationNote, null))), React.createElement(Bottom$2, null, React.createElement(CancelOrderTable, null))));
|
|
4666
4483
|
}
|
|
4667
|
-
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$
|
|
4484
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4668
4485
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4669
4486
|
var TopRight = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4670
4487
|
var Top$2 = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4671
4488
|
var Bottom$2 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4672
4489
|
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
4673
4490
|
|
|
4674
|
-
var _templateObject$
|
|
4675
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
4491
|
+
var _templateObject$1f, _templateObject5$9, _templateObject6$7, _templateObject7$6;
|
|
4492
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4676
4493
|
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__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"])));
|
|
4677
4494
|
var TableSkelton$1 = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__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"])));
|
|
4678
4495
|
var CustomCheckBox$1 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__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"])));
|
|
4679
4496
|
|
|
4680
|
-
var options
|
|
4497
|
+
var options = [{
|
|
4681
4498
|
value: 'bjsCouriers',
|
|
4682
4499
|
label: 'BJS COURIERS'
|
|
4683
4500
|
}, {
|
|
@@ -4890,7 +4707,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4890
4707
|
}, React.createElement("div", {
|
|
4891
4708
|
className: "col"
|
|
4892
4709
|
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
4893
|
-
options: options
|
|
4710
|
+
options: options,
|
|
4894
4711
|
placeholder: "Select Collection Reason",
|
|
4895
4712
|
onChange: onChange,
|
|
4896
4713
|
disabled: false,
|
|
@@ -4900,7 +4717,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4900
4717
|
})), React.createElement("div", {
|
|
4901
4718
|
className: "col"
|
|
4902
4719
|
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
4903
|
-
options: options
|
|
4720
|
+
options: options,
|
|
4904
4721
|
placeholder: "Return Action",
|
|
4905
4722
|
onChange: onChange,
|
|
4906
4723
|
disabled: false,
|
|
@@ -4910,7 +4727,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4910
4727
|
})), React.createElement("div", {
|
|
4911
4728
|
className: "col"
|
|
4912
4729
|
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
4913
|
-
options: options
|
|
4730
|
+
options: options,
|
|
4914
4731
|
placeholder: "Return Reason",
|
|
4915
4732
|
onChange: onChange,
|
|
4916
4733
|
disabled: false,
|
|
@@ -4930,7 +4747,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4930
4747
|
}), React.createElement("span", {
|
|
4931
4748
|
className: "checkmark"
|
|
4932
4749
|
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
4933
|
-
options: options
|
|
4750
|
+
options: options,
|
|
4934
4751
|
placeholder: "Select Collection Reason",
|
|
4935
4752
|
onChange: onChange,
|
|
4936
4753
|
disabled: false,
|
|
@@ -4945,7 +4762,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4945
4762
|
}), React.createElement("span", {
|
|
4946
4763
|
className: "checkmark"
|
|
4947
4764
|
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
4948
|
-
options: options
|
|
4765
|
+
options: options,
|
|
4949
4766
|
placeholder: "Select Collection Reason",
|
|
4950
4767
|
onChange: onChange,
|
|
4951
4768
|
disabled: false,
|
|
@@ -4960,7 +4777,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4960
4777
|
}), React.createElement("span", {
|
|
4961
4778
|
className: "checkmark"
|
|
4962
4779
|
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
4963
|
-
options: options
|
|
4780
|
+
options: options,
|
|
4964
4781
|
placeholder: "Select Collection Reason",
|
|
4965
4782
|
onChange: onChange,
|
|
4966
4783
|
disabled: false,
|
|
@@ -4972,7 +4789,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4972
4789
|
);
|
|
4973
4790
|
};
|
|
4974
4791
|
|
|
4975
|
-
var _templateObject$
|
|
4792
|
+
var _templateObject$1g, _templateObject2$S;
|
|
4976
4793
|
function EmailAddress() {
|
|
4977
4794
|
return React.createElement(Container$O, null, React.createElement(Label$5, null, "Email Address"), React.createElement(Input$2, {
|
|
4978
4795
|
style: {
|
|
@@ -4980,10 +4797,10 @@ function EmailAddress() {
|
|
|
4980
4797
|
}
|
|
4981
4798
|
}));
|
|
4982
4799
|
}
|
|
4983
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
4800
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4984
4801
|
var Container$O = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4985
4802
|
|
|
4986
|
-
var _templateObject$
|
|
4803
|
+
var _templateObject$1h, _templateObject2$T;
|
|
4987
4804
|
function ContactPhone() {
|
|
4988
4805
|
return React.createElement(Container$P, null, React.createElement(Label$6, null, "Contact Phone"), React.createElement(Input$2, {
|
|
4989
4806
|
style: {
|
|
@@ -4991,10 +4808,10 @@ function ContactPhone() {
|
|
|
4991
4808
|
}
|
|
4992
4809
|
}));
|
|
4993
4810
|
}
|
|
4994
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
4811
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4995
4812
|
var Container$P = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4996
4813
|
|
|
4997
|
-
var _templateObject$
|
|
4814
|
+
var _templateObject$1i, _templateObject2$U;
|
|
4998
4815
|
function ContactWork$1() {
|
|
4999
4816
|
return React.createElement(Container$Q, null, React.createElement(Label$7, null, "Contact Work"), React.createElement(Input$2, {
|
|
5000
4817
|
style: {
|
|
@@ -5002,10 +4819,10 @@ function ContactWork$1() {
|
|
|
5002
4819
|
}
|
|
5003
4820
|
}));
|
|
5004
4821
|
}
|
|
5005
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
4822
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5006
4823
|
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5007
4824
|
|
|
5008
|
-
var _templateObject$
|
|
4825
|
+
var _templateObject$1j, _templateObject2$V;
|
|
5009
4826
|
function ContactMobile$1() {
|
|
5010
4827
|
return React.createElement(Container$R, null, React.createElement(Label$8, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5011
4828
|
style: {
|
|
@@ -5013,7 +4830,7 @@ function ContactMobile$1() {
|
|
|
5013
4830
|
}
|
|
5014
4831
|
}));
|
|
5015
4832
|
}
|
|
5016
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
4833
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5017
4834
|
var Container$R = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5018
4835
|
|
|
5019
4836
|
function ContactTypeDropdown() {
|
|
@@ -5062,7 +4879,7 @@ function ActionDropdown() {
|
|
|
5062
4879
|
});
|
|
5063
4880
|
}
|
|
5064
4881
|
|
|
5065
|
-
var _templateObject$
|
|
4882
|
+
var _templateObject$1k, _templateObject2$W;
|
|
5066
4883
|
function DeliveryDate$1() {
|
|
5067
4884
|
var onChange = function onChange() {};
|
|
5068
4885
|
return React.createElement(Container$S, null, React.createElement(Label$9, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
@@ -5072,7 +4889,7 @@ function DeliveryDate$1() {
|
|
|
5072
4889
|
}
|
|
5073
4890
|
}));
|
|
5074
4891
|
}
|
|
5075
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
4892
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5076
4893
|
var Container$S = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5077
4894
|
|
|
5078
4895
|
function TimedServiceDropdown$1() {
|
|
@@ -5097,16 +4914,16 @@ function TimedServiceDropdown$1() {
|
|
|
5097
4914
|
});
|
|
5098
4915
|
}
|
|
5099
4916
|
|
|
5100
|
-
var _templateObject$
|
|
4917
|
+
var _templateObject$1l, _templateObject2$X, _templateObject3$x, _templateObject4$h;
|
|
5101
4918
|
function CustomerInformation() {
|
|
5102
4919
|
return React.createElement(Container$T, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, "34 NORTHFIELD AVENUE, PONTEFRACT, WF9 3TG"), React.createElement(Wrapper$e, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$e, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$e, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$e, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5103
4920
|
}
|
|
5104
|
-
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$
|
|
4921
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5105
4922
|
var AddressField = /*#__PURE__*/styled.p(_templateObject2$X || (_templateObject2$X = /*#__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"])));
|
|
5106
4923
|
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5107
4924
|
var Container$T = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__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"])));
|
|
5108
4925
|
|
|
5109
|
-
var _templateObject$
|
|
4926
|
+
var _templateObject$1m, _templateObject2$Y;
|
|
5110
4927
|
function ProductTable$1() {
|
|
5111
4928
|
var data = [{
|
|
5112
4929
|
action: 'option1',
|
|
@@ -5146,10 +4963,10 @@ function ProductTable$1() {
|
|
|
5146
4963
|
data: data
|
|
5147
4964
|
}));
|
|
5148
4965
|
}
|
|
5149
|
-
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$
|
|
4966
|
+
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5150
4967
|
var Container$U = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5151
4968
|
|
|
5152
|
-
var _templateObject$
|
|
4969
|
+
var _templateObject$1n, _templateObject2$Z;
|
|
5153
4970
|
function NotesTable() {
|
|
5154
4971
|
var data = [{
|
|
5155
4972
|
created: 'optimizer @ BJS via API',
|
|
@@ -5172,39 +4989,39 @@ function NotesTable() {
|
|
|
5172
4989
|
data: data
|
|
5173
4990
|
}));
|
|
5174
4991
|
}
|
|
5175
|
-
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$
|
|
4992
|
+
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5176
4993
|
var Container$V = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5177
4994
|
|
|
5178
|
-
var _templateObject$
|
|
4995
|
+
var _templateObject$1o, _templateObject2$_;
|
|
5179
4996
|
function ConfirmationNotes() {
|
|
5180
4997
|
return React.createElement(Container$W, null, React.createElement(Label$a, null, "Notes"), React.createElement(TextArea, {
|
|
5181
4998
|
rows: 5,
|
|
5182
4999
|
placeholder: "Enter Notes"
|
|
5183
5000
|
}));
|
|
5184
5001
|
}
|
|
5185
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
5002
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5186
5003
|
var Container$W = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5187
5004
|
|
|
5188
|
-
var _templateObject$
|
|
5005
|
+
var _templateObject$1p, _templateObject2$$;
|
|
5189
5006
|
function DeliveryInstructions$1() {
|
|
5190
5007
|
return React.createElement(Container$X, null, React.createElement(Label$b, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5191
5008
|
rows: 5,
|
|
5192
5009
|
placeholder: "Enter Delivery Instructions"
|
|
5193
5010
|
}));
|
|
5194
5011
|
}
|
|
5195
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
5012
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5196
5013
|
var Container$X = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5197
5014
|
|
|
5198
|
-
var _templateObject$
|
|
5015
|
+
var _templateObject$1q, _templateObject2$10, _templateObject3$y, _templateObject4$i;
|
|
5199
5016
|
function SlotAndInstructions() {
|
|
5200
5017
|
return React.createElement(Container$Y, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value, null, "07:00-10:00")), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5201
5018
|
}
|
|
5202
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5019
|
+
var Value = /*#__PURE__*/styled.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5203
5020
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5204
5021
|
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5205
5022
|
var Container$Y = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5206
5023
|
|
|
5207
|
-
var _templateObject$
|
|
5024
|
+
var _templateObject$1r, _templateObject2$11;
|
|
5208
5025
|
// import DocFileUpload from './DocFileUpload';
|
|
5209
5026
|
function ConfirmOrder() {
|
|
5210
5027
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5227,7 +5044,7 @@ function ConfirmOrder() {
|
|
|
5227
5044
|
showOkButton: false
|
|
5228
5045
|
}), React.createElement(Wrapper$f, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5229
5046
|
}
|
|
5230
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
5047
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5231
5048
|
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
5232
5049
|
|
|
5233
5050
|
var _templateObject2$12, _templateObject3$z, _templateObject4$j, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$4, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject20$1, _templateObject26, _templateObject27, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
|
|
@@ -5354,6 +5171,16 @@ var OptionsMenu = [{
|
|
|
5354
5171
|
label: 'Clear Booking Status',
|
|
5355
5172
|
value: 'clear-booking-status'
|
|
5356
5173
|
}];
|
|
5174
|
+
var PrintMenu = [{
|
|
5175
|
+
label: 'Return Notes',
|
|
5176
|
+
value: 'return-notes'
|
|
5177
|
+
}, {
|
|
5178
|
+
label: 'Product Labels',
|
|
5179
|
+
value: 'product-labels'
|
|
5180
|
+
}, {
|
|
5181
|
+
label: 'Return Cover Notes',
|
|
5182
|
+
value: 'return-cover-notes'
|
|
5183
|
+
}];
|
|
5357
5184
|
var initialData = [{
|
|
5358
5185
|
id: 1,
|
|
5359
5186
|
date: '17/05/2024',
|
|
@@ -5514,14 +5341,14 @@ function HoldOrderModal() {
|
|
|
5514
5341
|
})))));
|
|
5515
5342
|
}
|
|
5516
5343
|
|
|
5517
|
-
var _templateObject$
|
|
5344
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$A;
|
|
5518
5345
|
// import {
|
|
5519
5346
|
// EscalationCategory,
|
|
5520
5347
|
// EscalationLevel,
|
|
5521
5348
|
// EscalationReason,
|
|
5522
5349
|
// EscalationStatus,
|
|
5523
5350
|
// } from '../../utils';
|
|
5524
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5351
|
+
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
5525
5352
|
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
5526
5353
|
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
5527
5354
|
var Dropdowns = function Dropdowns() {
|
|
@@ -5591,9 +5418,9 @@ var Dropdowns = function Dropdowns() {
|
|
|
5591
5418
|
})));
|
|
5592
5419
|
};
|
|
5593
5420
|
|
|
5594
|
-
var _templateObject$
|
|
5421
|
+
var _templateObject$1t, _templateObject2$14;
|
|
5595
5422
|
var Notes$2 = function Notes() {
|
|
5596
|
-
var StyledTextArea = styled(TextArea)(_templateObject$
|
|
5423
|
+
var StyledTextArea = styled(TextArea)(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
5597
5424
|
var Label = styled.label(_templateObject2$14 || (_templateObject2$14 = _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 "])));
|
|
5598
5425
|
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
5599
5426
|
name: "note",
|
|
@@ -5601,7 +5428,7 @@ var Notes$2 = function Notes() {
|
|
|
5601
5428
|
}));
|
|
5602
5429
|
};
|
|
5603
5430
|
|
|
5604
|
-
var _templateObject$
|
|
5431
|
+
var _templateObject$1u, _templateObject2$15, _templateObject3$B, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
5605
5432
|
var Upgrade = function Upgrade() {
|
|
5606
5433
|
var handleSelectChange = function handleSelectChange() {
|
|
5607
5434
|
// alert('hello');
|
|
@@ -5660,7 +5487,7 @@ var Upgrade = function Upgrade() {
|
|
|
5660
5487
|
name: ''
|
|
5661
5488
|
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
5662
5489
|
};
|
|
5663
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
5490
|
+
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
5664
5491
|
var Box = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__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"])));
|
|
5665
5492
|
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5666
5493
|
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
@@ -5671,13 +5498,13 @@ var InnerCont$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject
|
|
|
5671
5498
|
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
5672
5499
|
var StyledAntSelect$1 = /*#__PURE__*/styled(AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
5673
5500
|
|
|
5674
|
-
var _templateObject$
|
|
5675
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject$
|
|
5501
|
+
var _templateObject$1v;
|
|
5502
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
5676
5503
|
var Escalation = function Escalation() {
|
|
5677
5504
|
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
5678
5505
|
};
|
|
5679
5506
|
|
|
5680
|
-
var _templateObject$
|
|
5507
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$C, _templateObject4$l;
|
|
5681
5508
|
var NewEscalation = function NewEscalation() {
|
|
5682
5509
|
var _useState = useState(false),
|
|
5683
5510
|
showContent = _useState[0],
|
|
@@ -5706,7 +5533,7 @@ var NewEscalation = function NewEscalation() {
|
|
|
5706
5533
|
className: "checkmark"
|
|
5707
5534
|
})))), React.createElement("td", null, "VIP4"), React.createElement("td", null, "B63015484248[Test] WAYVER"), React.createElement("td", null, "Allocated to Route"), React.createElement("td", null, "Revieved Picked"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Done"), React.createElement("td", null, "Done"), React.createElement("td", null, "Status"))))));
|
|
5708
5535
|
};
|
|
5709
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$
|
|
5536
|
+
var Component = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
5710
5537
|
var Button = /*#__PURE__*/styled.button(_templateObject2$16 || (_templateObject2$16 = /*#__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"])));
|
|
5711
5538
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5712
5539
|
var CancelButton = /*#__PURE__*/styled.button(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
@@ -5996,7 +5823,7 @@ function ChargeLog() {
|
|
|
5996
5823
|
})));
|
|
5997
5824
|
}
|
|
5998
5825
|
|
|
5999
|
-
var _templateObject$
|
|
5826
|
+
var _templateObject$1x;
|
|
6000
5827
|
var UnholdOrder = function UnholdOrder() {
|
|
6001
5828
|
var _useCurrentAction = useCurrentAction(),
|
|
6002
5829
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6020,16 +5847,16 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6020
5847
|
})
|
|
6021
5848
|
});
|
|
6022
5849
|
};
|
|
6023
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
5850
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6024
5851
|
|
|
6025
|
-
var _templateObject$
|
|
5852
|
+
var _templateObject$1y, _templateObject2$17;
|
|
6026
5853
|
var ProductData = function ProductData(_ref) {
|
|
6027
5854
|
var products = _ref.products,
|
|
6028
5855
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
6029
5856
|
var handleInputChange = function handleInputChange(productId, isChecked) {
|
|
6030
5857
|
handleCheckboxChange(productId, isChecked);
|
|
6031
5858
|
};
|
|
6032
|
-
return React.createElement(Table$
|
|
5859
|
+
return React.createElement(Table$3, null, products.length > 0 ? React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Select"), React.createElement("th", null, "ID"), React.createElement("th", null, "Name"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, products.map(function (product) {
|
|
6033
5860
|
return React.createElement("tr", {
|
|
6034
5861
|
key: product.id
|
|
6035
5862
|
}, React.createElement("td", null, React.createElement(CustomCheckBox$1, null, React.createElement("label", {
|
|
@@ -6045,7 +5872,7 @@ var ProductData = function ProductData(_ref) {
|
|
|
6045
5872
|
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6046
5873
|
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6047
5874
|
};
|
|
6048
|
-
var Table$
|
|
5875
|
+
var Table$3 = /*#__PURE__*/styled(TableSkelton$1)(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6049
5876
|
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6050
5877
|
|
|
6051
5878
|
var initialProducts = [{
|
|
@@ -6167,7 +5994,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6167
5994
|
})));
|
|
6168
5995
|
};
|
|
6169
5996
|
|
|
6170
|
-
var _templateObject$
|
|
5997
|
+
var _templateObject$1z, _templateObject2$18;
|
|
6171
5998
|
function AssigneeDropdown() {
|
|
6172
5999
|
var handleSelectChange = function handleSelectChange() {
|
|
6173
6000
|
// alert('hello');
|
|
@@ -6189,7 +6016,7 @@ function AssigneeDropdown() {
|
|
|
6189
6016
|
}
|
|
6190
6017
|
}));
|
|
6191
6018
|
}
|
|
6192
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6019
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6193
6020
|
var StyledAntSelect$2 = /*#__PURE__*/styled(AntSelect)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6194
6021
|
|
|
6195
6022
|
var DatePickerIcon = function DatePickerIcon() {
|
|
@@ -6208,8 +6035,8 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6208
6035
|
}));
|
|
6209
6036
|
};
|
|
6210
6037
|
|
|
6211
|
-
var _templateObject$
|
|
6212
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6038
|
+
var _templateObject$1A, _templateObject2$19, _templateObject3$D, _templateObject4$m, _templateObject8$6, _templateObject10$2, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$2;
|
|
6039
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
6213
6040
|
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__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"])));
|
|
6214
6041
|
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6215
6042
|
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
@@ -6437,13 +6264,13 @@ function useFetchSingleReminderData() {
|
|
|
6437
6264
|
return res;
|
|
6438
6265
|
}
|
|
6439
6266
|
|
|
6440
|
-
var _templateObject$
|
|
6267
|
+
var _templateObject$1B, _templateObject2$1a, _templateObject3$E, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$9;
|
|
6441
6268
|
function Loader(props) {
|
|
6442
6269
|
return React.createElement(MainContainer$9, {
|
|
6443
6270
|
id: "loder"
|
|
6444
6271
|
}, React.createElement(Container$$, null, React.createElement(Spinner, null), React.createElement(Wrapper$h, null, React.createElement(Title$5, null, props.title || 'Loading...'), React.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
6445
6272
|
}
|
|
6446
|
-
var rotate = /*#__PURE__*/keyframes(_templateObject$
|
|
6273
|
+
var rotate = /*#__PURE__*/keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
6447
6274
|
// Styled components for the loading spinner
|
|
6448
6275
|
var Spinner = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__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);
|
|
6449
6276
|
var Container$$ = /*#__PURE__*/styled.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
@@ -6452,7 +6279,7 @@ var Title$5 = /*#__PURE__*/styled.span(_templateObject5$c || (_templateObject5$c
|
|
|
6452
6279
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
6453
6280
|
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__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"])));
|
|
6454
6281
|
|
|
6455
|
-
var _templateObject$
|
|
6282
|
+
var _templateObject$1C, _templateObject2$1b, _templateObject3$F, _templateObject4$o;
|
|
6456
6283
|
function StatusIndicator(props) {
|
|
6457
6284
|
var statusColor = getStatusColor(props.status);
|
|
6458
6285
|
return React.createElement(Container$10, null, React.createElement(StatusCircleContainer, {
|
|
@@ -6463,7 +6290,7 @@ function StatusIndicator(props) {
|
|
|
6463
6290
|
status: props.status
|
|
6464
6291
|
}, props.text));
|
|
6465
6292
|
}
|
|
6466
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
6293
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
6467
6294
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6468
6295
|
});
|
|
6469
6296
|
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1b || (_templateObject2$1b = /*#__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) {
|
|
@@ -6632,7 +6459,7 @@ function useFetchReminders() {
|
|
|
6632
6459
|
return perform;
|
|
6633
6460
|
}
|
|
6634
6461
|
|
|
6635
|
-
var _templateObject$
|
|
6462
|
+
var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$a;
|
|
6636
6463
|
var ViewReminderModal = function ViewReminderModal() {
|
|
6637
6464
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
6638
6465
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6788,7 +6615,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
6788
6615
|
onChange: onChangeDetails
|
|
6789
6616
|
}))))));
|
|
6790
6617
|
};
|
|
6791
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6618
|
+
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
6792
6619
|
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6793
6620
|
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$G || (_templateObject3$G = /*#__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"])));
|
|
6794
6621
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
@@ -6796,10 +6623,80 @@ var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d
|
|
|
6796
6623
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6797
6624
|
var LabelText = /*#__PURE__*/styled.span(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6798
6625
|
|
|
6799
|
-
var
|
|
6626
|
+
var options$1 = [{
|
|
6627
|
+
label: 'Task',
|
|
6628
|
+
value: 'task',
|
|
6629
|
+
selectedBackgroundColor: '#F0F2F2',
|
|
6630
|
+
selectedFontColor: '#3a3630'
|
|
6631
|
+
}, {
|
|
6632
|
+
label: 'Reminder',
|
|
6633
|
+
value: 'reminder',
|
|
6634
|
+
selectedBackgroundColor: 'white',
|
|
6635
|
+
selectedFontColor: '#3a3630'
|
|
6636
|
+
}];
|
|
6637
|
+
var ReturnData = [{
|
|
6638
|
+
label: 'Return1',
|
|
6639
|
+
value: 'return1'
|
|
6640
|
+
}, {
|
|
6641
|
+
label: 'Return2',
|
|
6642
|
+
value: 'return2'
|
|
6643
|
+
}, {
|
|
6644
|
+
label: 'Return3',
|
|
6645
|
+
value: 'return3'
|
|
6646
|
+
}];
|
|
6647
|
+
var TaskType = [{
|
|
6648
|
+
label: 'Client',
|
|
6649
|
+
value: 'client'
|
|
6650
|
+
}, {
|
|
6651
|
+
label: 'Customer Service (CS)',
|
|
6652
|
+
value: 'cs'
|
|
6653
|
+
}, {
|
|
6654
|
+
label: 'Transport (DH)',
|
|
6655
|
+
value: 'dh'
|
|
6656
|
+
}, {
|
|
6657
|
+
label: 'Warehouse',
|
|
6658
|
+
value: 'warehouse'
|
|
6659
|
+
}, {
|
|
6660
|
+
label: 'Customer Portal',
|
|
6661
|
+
value: 'customer-portal'
|
|
6662
|
+
}, {
|
|
6663
|
+
label: 'Delivery App',
|
|
6664
|
+
value: 'delivery-app'
|
|
6665
|
+
}, {
|
|
6666
|
+
label: 'Complaints',
|
|
6667
|
+
value: 'complaints'
|
|
6668
|
+
}, {
|
|
6669
|
+
label: 'Offshore',
|
|
6670
|
+
value: 'offshore'
|
|
6671
|
+
}, {
|
|
6672
|
+
label: 'Stock Admin',
|
|
6673
|
+
value: 'stock-admin'
|
|
6674
|
+
}, {
|
|
6675
|
+
label: 'Call Customer',
|
|
6676
|
+
value: 'call-customer'
|
|
6677
|
+
}, {
|
|
6678
|
+
label: 'Driver Compliance',
|
|
6679
|
+
value: 'driver-compliance'
|
|
6680
|
+
}];
|
|
6681
|
+
var CustomOptions = [{
|
|
6682
|
+
label: 'Private',
|
|
6683
|
+
value: 'private'
|
|
6684
|
+
}, {
|
|
6685
|
+
label: 'Public',
|
|
6686
|
+
value: 'public'
|
|
6687
|
+
}];
|
|
6688
|
+
var DefectConfirm = [{
|
|
6689
|
+
label: 'Yes',
|
|
6690
|
+
value: 'yes'
|
|
6691
|
+
}, {
|
|
6692
|
+
label: 'No',
|
|
6693
|
+
value: 'no'
|
|
6694
|
+
}];
|
|
6695
|
+
|
|
6696
|
+
var _templateObject$1E;
|
|
6800
6697
|
var CustomSwitchSelector = function CustomSwitchSelector(_ref) {
|
|
6801
6698
|
var onSwitchChange = _ref.onSwitchChange;
|
|
6802
|
-
var initialSelectedIndex = options.findIndex(function (_ref2) {
|
|
6699
|
+
var initialSelectedIndex = options$1.findIndex(function (_ref2) {
|
|
6803
6700
|
var value = _ref2.value;
|
|
6804
6701
|
return value === 'task';
|
|
6805
6702
|
});
|
|
@@ -6819,18 +6716,18 @@ var CustomSwitchSelector = function CustomSwitchSelector(_ref) {
|
|
|
6819
6716
|
};
|
|
6820
6717
|
return React.createElement(StyledSwitch, null, React.createElement(SwitchSelector, {
|
|
6821
6718
|
onChange: handleSwitchChange,
|
|
6822
|
-
options: options,
|
|
6719
|
+
options: options$1,
|
|
6823
6720
|
initialSelectedIndex: initialSelectedIndex,
|
|
6824
6721
|
backgroundColor: '#cbc8c2',
|
|
6825
6722
|
fontColor: '#f5f6fa',
|
|
6826
6723
|
optionBorderRadius: 30
|
|
6827
6724
|
}));
|
|
6828
6725
|
};
|
|
6829
|
-
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$
|
|
6726
|
+
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 35%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
6830
6727
|
|
|
6831
|
-
var _templateObject$
|
|
6728
|
+
var _templateObject$1F, _templateObject3$H, _templateObject4$q, _templateObject5$e, _templateObject7$b, _templateObject8$7, _templateObject9$4;
|
|
6832
6729
|
// Shared styles and components
|
|
6833
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
6730
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6834
6731
|
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
6835
6732
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
6836
6733
|
var Label$d = /*#__PURE__*/styled.label(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
@@ -6850,7 +6747,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
6850
6747
|
}, " * ")), children);
|
|
6851
6748
|
};
|
|
6852
6749
|
|
|
6853
|
-
var _templateObject$
|
|
6750
|
+
var _templateObject$1G, _templateObject2$1d, _templateObject3$I, _templateObject4$r, _templateObject5$f;
|
|
6854
6751
|
function CreateReminderModal() {
|
|
6855
6752
|
var _useCategoryData = useCategoryData(),
|
|
6856
6753
|
CategoryData = _useCategoryData[0];
|
|
@@ -7033,13 +6930,13 @@ function CreateReminderModal() {
|
|
|
7033
6930
|
onChange: handleChange
|
|
7034
6931
|
})));
|
|
7035
6932
|
}
|
|
7036
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6933
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7037
6934
|
var Label$e = /*#__PURE__*/styled.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7038
6935
|
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7039
6936
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$r || (_templateObject4$r = /*#__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"])));
|
|
7040
6937
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
7041
6938
|
|
|
7042
|
-
var _templateObject$
|
|
6939
|
+
var _templateObject$1H, _templateObject2$1e, _templateObject3$J, _templateObject4$s;
|
|
7043
6940
|
function CreateTaskModal() {
|
|
7044
6941
|
var _useTaskTypeData = useTaskTypeData(),
|
|
7045
6942
|
taskTypes = _useTaskTypeData[0];
|
|
@@ -7225,7 +7122,7 @@ function CreateTaskModal() {
|
|
|
7225
7122
|
value: createTask == null ? void 0 : createTask.description
|
|
7226
7123
|
})));
|
|
7227
7124
|
}
|
|
7228
|
-
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7125
|
+
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7229
7126
|
var StyledLink$1 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__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"])));
|
|
7230
7127
|
var Label$f = /*#__PURE__*/styled.label(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7231
7128
|
var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$s || (_templateObject4$s = /*#__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: 25%;\n"])));
|
|
@@ -7471,7 +7368,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7471
7368
|
return perform;
|
|
7472
7369
|
}
|
|
7473
7370
|
|
|
7474
|
-
var _templateObject$
|
|
7371
|
+
var _templateObject$1I;
|
|
7475
7372
|
function TaskReminderModal() {
|
|
7476
7373
|
var createTaskAPI = useCreateTask();
|
|
7477
7374
|
var createReminderAPI = useCreateReminder();
|
|
@@ -7641,9 +7538,9 @@ function TaskReminderModal() {
|
|
|
7641
7538
|
onClose: function onClose() {}
|
|
7642
7539
|
}) : '')));
|
|
7643
7540
|
}
|
|
7644
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
7541
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7645
7542
|
|
|
7646
|
-
var _templateObject$
|
|
7543
|
+
var _templateObject$1J, _templateObject2$1f;
|
|
7647
7544
|
function OrderLock() {
|
|
7648
7545
|
var _useCurrentAction = useCurrentAction(),
|
|
7649
7546
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7696,7 +7593,7 @@ function OrderLock() {
|
|
|
7696
7593
|
})
|
|
7697
7594
|
});
|
|
7698
7595
|
}
|
|
7699
|
-
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$
|
|
7596
|
+
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7700
7597
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7701
7598
|
|
|
7702
7599
|
function useUpdateFlag() {
|
|
@@ -7767,7 +7664,7 @@ function useUpdateFlag() {
|
|
|
7767
7664
|
return create;
|
|
7768
7665
|
}
|
|
7769
7666
|
|
|
7770
|
-
var _templateObject$
|
|
7667
|
+
var _templateObject$1K, _templateObject2$1g, _templateObject3$K, _templateObject4$t, _templateObject5$g, _templateObject6$c;
|
|
7771
7668
|
function HeaderSection() {
|
|
7772
7669
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7773
7670
|
dataArray = _useSingleFlagData[0];
|
|
@@ -7837,14 +7734,14 @@ function HeaderSection() {
|
|
|
7837
7734
|
})
|
|
7838
7735
|
})));
|
|
7839
7736
|
}
|
|
7840
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7737
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7841
7738
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7842
7739
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
7843
7740
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject4$t || (_templateObject4$t = /*#__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"])));
|
|
7844
7741
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
7845
7742
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
7846
7743
|
|
|
7847
|
-
var _templateObject$
|
|
7744
|
+
var _templateObject$1L, _templateObject2$1h;
|
|
7848
7745
|
function TextSection() {
|
|
7849
7746
|
var _useSinglePayload = useSinglePayload(),
|
|
7850
7747
|
payload = _useSinglePayload[0],
|
|
@@ -7862,10 +7759,10 @@ function TextSection() {
|
|
|
7862
7759
|
onChange: onChangeDetails
|
|
7863
7760
|
}));
|
|
7864
7761
|
}
|
|
7865
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
7762
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7866
7763
|
var Text$6 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
7867
7764
|
|
|
7868
|
-
var _templateObject$
|
|
7765
|
+
var _templateObject$1M, _templateObject2$1i;
|
|
7869
7766
|
function ButtonsSection() {
|
|
7870
7767
|
var _useSinglePayload = useSinglePayload(),
|
|
7871
7768
|
payload = _useSinglePayload[0],
|
|
@@ -7956,10 +7853,10 @@ function ButtonsSection() {
|
|
|
7956
7853
|
status: "SD"
|
|
7957
7854
|
}))));
|
|
7958
7855
|
}
|
|
7959
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject$
|
|
7856
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7960
7857
|
var Flex$2 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7961
7858
|
|
|
7962
|
-
var _templateObject$
|
|
7859
|
+
var _templateObject$1N, _templateObject2$1j, _templateObject3$L, _templateObject4$u, _templateObject5$h, _templateObject6$d;
|
|
7963
7860
|
function ActionSection() {
|
|
7964
7861
|
var _useCurrentAction = useCurrentAction(),
|
|
7965
7862
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8045,14 +7942,14 @@ function RadioButtonsSection() {
|
|
|
8045
7942
|
required: false
|
|
8046
7943
|
}));
|
|
8047
7944
|
}
|
|
8048
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7945
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8049
7946
|
var SaveButton = /*#__PURE__*/styled(Button$1)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8050
7947
|
var CancelButton$1 = /*#__PURE__*/styled(Button$1)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8051
7948
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8052
7949
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8053
7950
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8054
7951
|
|
|
8055
|
-
var _templateObject$
|
|
7952
|
+
var _templateObject$1O, _templateObject2$1k, _templateObject3$M, _templateObject4$v, _templateObject5$i;
|
|
8056
7953
|
function DetailSection() {
|
|
8057
7954
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8058
7955
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8062,12 +7959,12 @@ function DetailSection() {
|
|
|
8062
7959
|
label: "Reference"
|
|
8063
7960
|
}), React.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React.createElement(Flex$3, null, React.createElement(StyledLabel$1, {
|
|
8064
7961
|
label: "Order"
|
|
8065
|
-
}), React.createElement(Order
|
|
7962
|
+
}), React.createElement(Order, null, orderColumnData)));
|
|
8066
7963
|
}
|
|
8067
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
7964
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8068
7965
|
var Flex$3 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8069
7966
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8070
|
-
var Order
|
|
7967
|
+
var Order = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8071
7968
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
8072
7969
|
|
|
8073
7970
|
function useFetchSingleFlagsData() {
|
|
@@ -8150,7 +8047,7 @@ function useFetchSingleFlagsData() {
|
|
|
8150
8047
|
return res;
|
|
8151
8048
|
}
|
|
8152
8049
|
|
|
8153
|
-
var _templateObject$
|
|
8050
|
+
var _templateObject$1P, _templateObject2$1l, _templateObject3$N;
|
|
8154
8051
|
function ViewFlag() {
|
|
8155
8052
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8156
8053
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8247,11 +8144,11 @@ function ViewFlag() {
|
|
|
8247
8144
|
}, [dataArray]);
|
|
8248
8145
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
8249
8146
|
}
|
|
8250
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8147
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8251
8148
|
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8252
8149
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__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"])));
|
|
8253
8150
|
|
|
8254
|
-
var _templateObject$
|
|
8151
|
+
var _templateObject$1Q;
|
|
8255
8152
|
function ReleaseOrder() {
|
|
8256
8153
|
var _useCurrentAction = useCurrentAction(),
|
|
8257
8154
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8270,9 +8167,9 @@ function ReleaseOrder() {
|
|
|
8270
8167
|
styleAlert: "rounded" // Set the style variant of the alert
|
|
8271
8168
|
}));
|
|
8272
8169
|
}
|
|
8273
|
-
var ReleaseContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8170
|
+
var ReleaseContainer = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: -114px;\n right: 81px;\n opacity: 1;\n overflow: unset;\n color: inherit;\n pointer-events: auto;\n position: absolute;\n transform: translate3d(57px, 308px, 0px) scaleX(1);\n"])));
|
|
8274
8171
|
|
|
8275
|
-
var _templateObject$
|
|
8172
|
+
var _templateObject$1R;
|
|
8276
8173
|
function OrderActions() {
|
|
8277
8174
|
var _useCurrentAction = useCurrentAction(),
|
|
8278
8175
|
currentAction = _useCurrentAction[0];
|
|
@@ -8325,7 +8222,7 @@ function OrderActions() {
|
|
|
8325
8222
|
};
|
|
8326
8223
|
return React.createElement(Container$11, null, renderContent());
|
|
8327
8224
|
}
|
|
8328
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject$
|
|
8225
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8329
8226
|
|
|
8330
8227
|
function useSystemLogs() {
|
|
8331
8228
|
var ssoToken = getCookie('id_token');
|
|
@@ -8418,7 +8315,237 @@ function useSystemLogs() {
|
|
|
8418
8315
|
return perform;
|
|
8419
8316
|
}
|
|
8420
8317
|
|
|
8421
|
-
var _templateObject$
|
|
8318
|
+
var _templateObject$1S, _templateObject2$1m;
|
|
8319
|
+
var Details = function Details() {
|
|
8320
|
+
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - BJS DEV TEST COMPANY, WS10 8RR"));
|
|
8321
|
+
};
|
|
8322
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8323
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
8324
|
+
|
|
8325
|
+
var _templateObject$1T;
|
|
8326
|
+
var DropDownContainer$1 = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__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"])));
|
|
8327
|
+
|
|
8328
|
+
var _templateObject$1U;
|
|
8329
|
+
var DropDownItem = function DropDownItem(_ref) {
|
|
8330
|
+
var label = _ref.label,
|
|
8331
|
+
icon = _ref.icon,
|
|
8332
|
+
onClick = _ref.onClick;
|
|
8333
|
+
return React.createElement(Flex$4, {
|
|
8334
|
+
onClick: onClick
|
|
8335
|
+
}, React.createElement("label", null, label), icon);
|
|
8336
|
+
};
|
|
8337
|
+
var Flex$4 = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n display: flex;\n position: relative;\n label {\n color: #3a3630;\n font-size: 14px;\n line-height: 18px;\n cursor: pointer;\n }\n"])));
|
|
8338
|
+
|
|
8339
|
+
var _templateObject$1V;
|
|
8340
|
+
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8341
|
+
var options = _ref.options,
|
|
8342
|
+
onSelect = _ref.onSelect;
|
|
8343
|
+
return React.createElement(DropDownContent, null, options.map(function (option) {
|
|
8344
|
+
return React.createElement(DropDownItem, {
|
|
8345
|
+
key: option.value,
|
|
8346
|
+
label: option.label,
|
|
8347
|
+
icon: '',
|
|
8348
|
+
onClick: function onClick() {
|
|
8349
|
+
return onSelect(option.value);
|
|
8350
|
+
}
|
|
8351
|
+
});
|
|
8352
|
+
}));
|
|
8353
|
+
};
|
|
8354
|
+
var DropDownContent = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 173px;\n position: absolute;\n flex-direction: column;\n align-items: flex-start;\n gap: 7px;\n padding-left: 28px;\n top: 46px;\n background-color: white;\n border: 1px solid #ddd;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n border-radius: 10px;\n padding: 8px 8px 10px 16px;\n"])));
|
|
8355
|
+
|
|
8356
|
+
var DropDownLarge = function DropDownLarge() {
|
|
8357
|
+
return React.createElement("svg", {
|
|
8358
|
+
className: "arrowDown",
|
|
8359
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8360
|
+
width: "24",
|
|
8361
|
+
height: "24",
|
|
8362
|
+
viewBox: "0 0 24 24",
|
|
8363
|
+
fill: "none"
|
|
8364
|
+
}, React.createElement("rect", {
|
|
8365
|
+
width: "24",
|
|
8366
|
+
height: "24",
|
|
8367
|
+
fill: "none"
|
|
8368
|
+
}), React.createElement("path", {
|
|
8369
|
+
opacity: "0.4",
|
|
8370
|
+
fillRule: "evenodd",
|
|
8371
|
+
clipRule: "evenodd",
|
|
8372
|
+
d: "M6.69128 9.8912C6.82628 9.75637 7.00928 9.68063 7.20008 9.68063C7.39088 9.68063 7.57388 9.75637 7.70888 9.8912L12.0001 14.1824L16.2913 9.8912C16.4278 9.76402 16.6083 9.69478 16.7948 9.69807C16.9814 9.70136 17.1593 9.77693 17.2912 9.90884C17.4232 10.0408 17.4987 10.2187 17.502 10.4053C17.5053 10.5918 17.4361 10.7723 17.3089 10.9088L12.5089 15.7088C12.3739 15.8436 12.1909 15.9194 12.0001 15.9194C11.8093 15.9194 11.6263 15.8436 11.4913 15.7088L6.69128 10.9088C6.55645 10.7738 6.48071 10.5908 6.48071 10.4C6.48071 10.2092 6.55645 10.0262 6.69128 9.8912Z",
|
|
8373
|
+
fill: "#3A3630"
|
|
8374
|
+
}));
|
|
8375
|
+
};
|
|
8376
|
+
|
|
8377
|
+
var Options = [{
|
|
8378
|
+
label: 'Create Reminder',
|
|
8379
|
+
value: 'create-reminder'
|
|
8380
|
+
}, {
|
|
8381
|
+
label: 'Confirm',
|
|
8382
|
+
value: 'confirm'
|
|
8383
|
+
}, {
|
|
8384
|
+
label: 'Force Debrief',
|
|
8385
|
+
value: 'force-debrief'
|
|
8386
|
+
}, {
|
|
8387
|
+
label: 'Clear Booking Status',
|
|
8388
|
+
value: 'booking-status'
|
|
8389
|
+
}, {
|
|
8390
|
+
label: 'Remove From Route',
|
|
8391
|
+
value: 'remove-route'
|
|
8392
|
+
}, {
|
|
8393
|
+
label: 'Hold',
|
|
8394
|
+
value: 'hold'
|
|
8395
|
+
}, {
|
|
8396
|
+
label: 'Flag',
|
|
8397
|
+
value: 'flag'
|
|
8398
|
+
}, {
|
|
8399
|
+
label: 'Cancel',
|
|
8400
|
+
value: 'cancel'
|
|
8401
|
+
}, {
|
|
8402
|
+
label: 'Charge Log',
|
|
8403
|
+
value: 'charge-log'
|
|
8404
|
+
}];
|
|
8405
|
+
var OptionsDropDown = function OptionsDropDown() {
|
|
8406
|
+
var _useState = useState(false),
|
|
8407
|
+
isOpen = _useState[0],
|
|
8408
|
+
setIsOpen = _useState[1];
|
|
8409
|
+
var dropdownRef = useRef(null);
|
|
8410
|
+
var handleClick = function handleClick() {
|
|
8411
|
+
setIsOpen(function (prev) {
|
|
8412
|
+
return !prev;
|
|
8413
|
+
});
|
|
8414
|
+
};
|
|
8415
|
+
var handleSelect = function handleSelect(value) {
|
|
8416
|
+
console.log("Selected: " + value);
|
|
8417
|
+
setIsOpen(false);
|
|
8418
|
+
};
|
|
8419
|
+
useEffect(function () {
|
|
8420
|
+
var handleClickOutside = function handleClickOutside(event) {
|
|
8421
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
8422
|
+
setIsOpen(false);
|
|
8423
|
+
}
|
|
8424
|
+
};
|
|
8425
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
8426
|
+
return function () {
|
|
8427
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
8428
|
+
};
|
|
8429
|
+
}, []);
|
|
8430
|
+
return React.createElement(DropDownContainer$1, {
|
|
8431
|
+
ref: dropdownRef
|
|
8432
|
+
}, React.createElement(DropDownItem, {
|
|
8433
|
+
label: "Options",
|
|
8434
|
+
icon: React.createElement(DropDownLarge, null),
|
|
8435
|
+
onClick: handleClick
|
|
8436
|
+
}), isOpen && React.createElement(DropDownMenu, {
|
|
8437
|
+
options: Options,
|
|
8438
|
+
onSelect: handleSelect
|
|
8439
|
+
}));
|
|
8440
|
+
};
|
|
8441
|
+
|
|
8442
|
+
// import { countReducerAtom } from '../../../store/store';
|
|
8443
|
+
var Options$1 = [{
|
|
8444
|
+
label: 'Add Order Resource ',
|
|
8445
|
+
value: 'add-order-resources'
|
|
8446
|
+
}, {
|
|
8447
|
+
label: 'Split Order ',
|
|
8448
|
+
value: 'split-order'
|
|
8449
|
+
}];
|
|
8450
|
+
var MenuDropDown = function MenuDropDown() {
|
|
8451
|
+
var _useState = useState(false),
|
|
8452
|
+
isOpen = _useState[0],
|
|
8453
|
+
setIsOpen = _useState[1];
|
|
8454
|
+
var _useAtom = useAtom(countReducerAtom),
|
|
8455
|
+
dispatch = _useAtom[1];
|
|
8456
|
+
var dropdownRef = useRef(null);
|
|
8457
|
+
var handleClick = function handleClick() {
|
|
8458
|
+
setIsOpen(function (prev) {
|
|
8459
|
+
return !prev;
|
|
8460
|
+
});
|
|
8461
|
+
};
|
|
8462
|
+
var handleSelect = function handleSelect(value) {
|
|
8463
|
+
console.log("Selected: " + value);
|
|
8464
|
+
dispatch({
|
|
8465
|
+
type: value
|
|
8466
|
+
});
|
|
8467
|
+
setIsOpen(false);
|
|
8468
|
+
};
|
|
8469
|
+
useEffect(function () {
|
|
8470
|
+
var handleClickOutside = function handleClickOutside(event) {
|
|
8471
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
8472
|
+
setIsOpen(false);
|
|
8473
|
+
}
|
|
8474
|
+
};
|
|
8475
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
8476
|
+
return function () {
|
|
8477
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
8478
|
+
};
|
|
8479
|
+
}, []);
|
|
8480
|
+
return React.createElement(DropDownContainer$1, {
|
|
8481
|
+
ref: dropdownRef
|
|
8482
|
+
}, React.createElement(DropDownItem, {
|
|
8483
|
+
label: "BJS MENU",
|
|
8484
|
+
icon: React.createElement(DropDownLarge, null),
|
|
8485
|
+
onClick: handleClick
|
|
8486
|
+
}), isOpen && React.createElement(DropDownMenu, {
|
|
8487
|
+
options: Options$1,
|
|
8488
|
+
onSelect: handleSelect
|
|
8489
|
+
}));
|
|
8490
|
+
};
|
|
8491
|
+
|
|
8492
|
+
var _templateObject$1W;
|
|
8493
|
+
function Print() {
|
|
8494
|
+
return React.createElement(Container$12, null, React.createElement(SelectDropdown, {
|
|
8495
|
+
placeholder: "PRINT",
|
|
8496
|
+
options: PrintMenu,
|
|
8497
|
+
styles: _extends({}, dropdownStyles, filterDropdownStyles, {
|
|
8498
|
+
container: function container(styles) {
|
|
8499
|
+
return _extends({}, styles, {
|
|
8500
|
+
cursor: 'pointer'
|
|
8501
|
+
});
|
|
8502
|
+
},
|
|
8503
|
+
menu: function menu(styles) {
|
|
8504
|
+
return _extends({}, styles, {
|
|
8505
|
+
top: '113%',
|
|
8506
|
+
borderRadius: '5px',
|
|
8507
|
+
width: 'max-content',
|
|
8508
|
+
cursor: 'pointer'
|
|
8509
|
+
});
|
|
8510
|
+
},
|
|
8511
|
+
control: function control(styles) {
|
|
8512
|
+
return _extends({}, styles, {
|
|
8513
|
+
width: '90px',
|
|
8514
|
+
boxShadow: 'none',
|
|
8515
|
+
borderColor: 'transparent',
|
|
8516
|
+
cursor: 'pointer',
|
|
8517
|
+
'&:hover': {
|
|
8518
|
+
boxShadow: 'none',
|
|
8519
|
+
borderColor: 'transparent'
|
|
8520
|
+
}
|
|
8521
|
+
});
|
|
8522
|
+
}
|
|
8523
|
+
})
|
|
8524
|
+
}));
|
|
8525
|
+
}
|
|
8526
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8527
|
+
|
|
8528
|
+
var _templateObject$1X;
|
|
8529
|
+
// components
|
|
8530
|
+
function DropDowns$1() {
|
|
8531
|
+
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper, null, React.createElement(MenuDropDown, null), React.createElement(OptionsDropDown, null), React.createElement(Print, null)));
|
|
8532
|
+
}
|
|
8533
|
+
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8534
|
+
|
|
8535
|
+
var _templateObject$1Y;
|
|
8536
|
+
// import Actions from './actions/Actions';
|
|
8537
|
+
var ActionsMenu = function ActionsMenu() {
|
|
8538
|
+
return React.createElement(Flex$5, null, React.createElement(DropDowns$1, null));
|
|
8539
|
+
};
|
|
8540
|
+
var Flex$5 = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n height: 34px;\n padding: 1px;\n align-items: flex-start;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #f0f2f2;\n cursor: pointer;\n"])));
|
|
8541
|
+
|
|
8542
|
+
var _templateObject$1Z;
|
|
8543
|
+
var DetailsFilters = function DetailsFilters() {
|
|
8544
|
+
return React.createElement(Flex$6, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
8545
|
+
};
|
|
8546
|
+
var Flex$6 = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__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"])));
|
|
8547
|
+
|
|
8548
|
+
var _templateObject$1_, _templateObject2$1n, _templateObject3$O, _templateObject4$w;
|
|
8422
8549
|
function OrderView() {
|
|
8423
8550
|
notification.config({
|
|
8424
8551
|
top: 150
|
|
@@ -8703,10 +8830,10 @@ function OrderView() {
|
|
|
8703
8830
|
setGsitOrderId(undefined);
|
|
8704
8831
|
};
|
|
8705
8832
|
}, [gsitId]);
|
|
8706
|
-
return React.createElement(MainContainer$b, null, React.createElement(
|
|
8833
|
+
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
8707
8834
|
}
|
|
8708
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
8709
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8835
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObject$1_ = /*#__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"])));
|
|
8836
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8710
8837
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8711
8838
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8712
8839
|
|
|
@@ -8815,7 +8942,7 @@ var filtersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
8815
8942
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
8816
8943
|
});
|
|
8817
8944
|
|
|
8818
|
-
var _templateObject$
|
|
8945
|
+
var _templateObject$1$;
|
|
8819
8946
|
function SelectionFilter() {
|
|
8820
8947
|
var _useCustomerData = useCustomerData(),
|
|
8821
8948
|
customers = _useCustomerData[0];
|
|
@@ -8827,7 +8954,6 @@ function SelectionFilter() {
|
|
|
8827
8954
|
filteredLocationOptions = _useState[0],
|
|
8828
8955
|
setFilteredLocationOptions = _useState[1];
|
|
8829
8956
|
var _useState2 = useState(),
|
|
8830
|
-
getUuid = _useState2[0],
|
|
8831
8957
|
setUuid = _useState2[1];
|
|
8832
8958
|
var _useSelectedAction = useSelectedAction(),
|
|
8833
8959
|
selectedFilterValue = _useSelectedAction[0],
|
|
@@ -8838,7 +8964,6 @@ function SelectionFilter() {
|
|
|
8838
8964
|
selectedLocationValue = _useSelectedLocation[0],
|
|
8839
8965
|
setSelectedLocationValue = _useSelectedLocation[1];
|
|
8840
8966
|
var _useSelectedClient = useSelectedClient(),
|
|
8841
|
-
selectedClientId = _useSelectedClient[0],
|
|
8842
8967
|
setSelectedClient = _useSelectedClient[1];
|
|
8843
8968
|
var _useTableName = useTableName(),
|
|
8844
8969
|
setClientLabel = _useTableName[1];
|
|
@@ -8902,9 +9027,12 @@ function SelectionFilter() {
|
|
|
8902
9027
|
localStorage.setItem('clientName', selectedLabel);
|
|
8903
9028
|
localStorage.setItem('clientId', selectedValue.toString());
|
|
8904
9029
|
localStorage.setItem('account_number', selectAccountNumber);
|
|
9030
|
+
localStorage.setItem('uuid', selectedUuids);
|
|
8905
9031
|
localStorage.setItem('customer_id', selectedCustomerId.toString());
|
|
8906
9032
|
var storedAccNo = localStorage.getItem('account_number');
|
|
8907
9033
|
var storedCustomerId = localStorage.getItem('customer_id');
|
|
9034
|
+
var storedUuid = localStorage.getItem('uuid');
|
|
9035
|
+
setUuid(storedUuid);
|
|
8908
9036
|
setReturnPayload(function (prevState) {
|
|
8909
9037
|
return _extends({}, prevState, {
|
|
8910
9038
|
account_number: storedAccNo,
|
|
@@ -8912,11 +9040,11 @@ function SelectionFilter() {
|
|
|
8912
9040
|
});
|
|
8913
9041
|
});
|
|
8914
9042
|
var filteredSubLocations = locationData == null ? void 0 : locationData.filter(function (subCat) {
|
|
8915
|
-
return (subCat == null ? void 0 : subCat.customer_id) ===
|
|
9043
|
+
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
8916
9044
|
}).map(function (subCat) {
|
|
8917
9045
|
return {
|
|
8918
9046
|
label: subCat == null ? void 0 : subCat.location_name,
|
|
8919
|
-
value: subCat == null ? void 0 : subCat.
|
|
9047
|
+
value: subCat == null ? void 0 : subCat.token
|
|
8920
9048
|
};
|
|
8921
9049
|
});
|
|
8922
9050
|
setFilteredLocationOptions(filteredSubLocations);
|
|
@@ -8944,7 +9072,20 @@ function SelectionFilter() {
|
|
|
8944
9072
|
});
|
|
8945
9073
|
}
|
|
8946
9074
|
}, [storedAccNumber, storedCustomerId]);
|
|
8947
|
-
|
|
9075
|
+
var storedUuid = localStorage.getItem('uuid');
|
|
9076
|
+
useEffect(function () {
|
|
9077
|
+
if (storedUuid && locationData) {
|
|
9078
|
+
var filteredSubLocations = locationData.filter(function (subCat) {
|
|
9079
|
+
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
9080
|
+
}).map(function (subCat) {
|
|
9081
|
+
return {
|
|
9082
|
+
label: subCat == null ? void 0 : subCat.location_name,
|
|
9083
|
+
value: subCat == null ? void 0 : subCat.token
|
|
9084
|
+
};
|
|
9085
|
+
});
|
|
9086
|
+
setFilteredLocationOptions(filteredSubLocations);
|
|
9087
|
+
}
|
|
9088
|
+
}, [storedUuid, locationData]);
|
|
8948
9089
|
//location change
|
|
8949
9090
|
var handleLocationChange = function handleLocationChange(value, option) {
|
|
8950
9091
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
@@ -8971,10 +9112,10 @@ function SelectionFilter() {
|
|
|
8971
9112
|
if (storedName) {
|
|
8972
9113
|
setClientLabel(storedName);
|
|
8973
9114
|
}
|
|
8974
|
-
if (
|
|
9115
|
+
if (storedClientId) {
|
|
8975
9116
|
dispatch({
|
|
8976
9117
|
type: 'SET_CLIENT_FILTER',
|
|
8977
|
-
payload:
|
|
9118
|
+
payload: storedClientId
|
|
8978
9119
|
});
|
|
8979
9120
|
}
|
|
8980
9121
|
if (selectedFilterValue) {
|
|
@@ -8999,7 +9140,7 @@ function SelectionFilter() {
|
|
|
8999
9140
|
payload: storedClientId
|
|
9000
9141
|
});
|
|
9001
9142
|
}
|
|
9002
|
-
}, [
|
|
9143
|
+
}, []);
|
|
9003
9144
|
useEffect(function () {
|
|
9004
9145
|
if (storedName || selectedFilterValue || selectedLocationValue) {
|
|
9005
9146
|
setIsButtonEnabled(true);
|
|
@@ -9007,8 +9148,6 @@ function SelectionFilter() {
|
|
|
9007
9148
|
setIsButtonEnabled(false);
|
|
9008
9149
|
}
|
|
9009
9150
|
}, [storedName, selectedFilterValue, selectedLocationValue]);
|
|
9010
|
-
// console.log(filteredLocationOptions, 'filteredLocationOptions');
|
|
9011
|
-
// console.log('check', storedName, selectedFilterValue, selectedLocationValue);
|
|
9012
9151
|
return React.createElement(Wrapper$k, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$5, {
|
|
9013
9152
|
options: clientOptions,
|
|
9014
9153
|
placeholder: "Select Client Name",
|
|
@@ -9041,7 +9180,7 @@ function SelectionFilter() {
|
|
|
9041
9180
|
disabled: !isButtonEnabled
|
|
9042
9181
|
}, "Apply"))));
|
|
9043
9182
|
}
|
|
9044
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
9183
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
9045
9184
|
|
|
9046
9185
|
function HeaderFilter() {
|
|
9047
9186
|
var _useCustomerData = useCustomerData(),
|
|
@@ -9109,9 +9248,9 @@ function HeaderFilter() {
|
|
|
9109
9248
|
return React.createElement(CoverPage, null, React.createElement(SelectionFilter, null));
|
|
9110
9249
|
}
|
|
9111
9250
|
|
|
9112
|
-
var _templateObject$
|
|
9251
|
+
var _templateObject$20, _templateObject4$x, _templateObject5$k, _templateObject7$d, _templateObject8$9;
|
|
9113
9252
|
//Left side
|
|
9114
|
-
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
9253
|
+
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\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 }\n }\n"])));
|
|
9115
9254
|
//
|
|
9116
9255
|
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9117
9256
|
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
@@ -9119,10 +9258,10 @@ var Text$7 = /*#__PURE__*/styled.div(_templateObject7$d || (_templateObject7$d =
|
|
|
9119
9258
|
// Right side filter
|
|
9120
9259
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9121
9260
|
|
|
9122
|
-
var _templateObject2$
|
|
9123
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
9261
|
+
var _templateObject2$1o;
|
|
9262
|
+
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1o || (_templateObject2$1o = /*#__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"])));
|
|
9124
9263
|
|
|
9125
|
-
var _templateObject$
|
|
9264
|
+
var _templateObject$21, _templateObject2$1p;
|
|
9126
9265
|
var SearchType = function SearchType() {
|
|
9127
9266
|
var _useState = useState(''),
|
|
9128
9267
|
searchText = _useState[0],
|
|
@@ -9137,8 +9276,8 @@ var SearchType = function SearchType() {
|
|
|
9137
9276
|
onChange: handleInputChange
|
|
9138
9277
|
}));
|
|
9139
9278
|
};
|
|
9140
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
9141
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
9279
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
9280
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$1p || (_templateObject2$1p = /*#__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"])));
|
|
9142
9281
|
|
|
9143
9282
|
function DownloadIcon() {
|
|
9144
9283
|
return React.createElement("svg", {
|
|
@@ -9158,13 +9297,13 @@ function DownloadIcon() {
|
|
|
9158
9297
|
}));
|
|
9159
9298
|
}
|
|
9160
9299
|
|
|
9161
|
-
var _templateObject$
|
|
9300
|
+
var _templateObject$22, _templateObject2$1q, _templateObject3$Q, _templateObject4$y, _templateObject5$l;
|
|
9162
9301
|
var RightFilters = function RightFilters() {
|
|
9163
9302
|
var _useAtom = useAtom(countReducerAtom),
|
|
9164
9303
|
dispatch = _useAtom[1];
|
|
9165
9304
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9166
9305
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9167
|
-
return React.createElement(Container$
|
|
9306
|
+
return React.createElement(Container$13, null, React.createElement(ButtonText, {
|
|
9168
9307
|
onClick: function onClick() {
|
|
9169
9308
|
return dispatch({
|
|
9170
9309
|
type: 'create-return'
|
|
@@ -9173,8 +9312,8 @@ var RightFilters = function RightFilters() {
|
|
|
9173
9312
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9174
9313
|
}, "Create Return"), React.createElement(StyledBulkItem, null, React.createElement(SearchType, null)), React.createElement(IconConatiner, null, React.createElement(Mid, null, React.createElement(IconText, null, "Export"), React.createElement(DownloadIcon, null))));
|
|
9175
9314
|
};
|
|
9176
|
-
var Container$
|
|
9177
|
-
var Mid = /*#__PURE__*/styled.div(_templateObject2$
|
|
9315
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9316
|
+
var Mid = /*#__PURE__*/styled.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 10px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 15px 0px 0px 15px;\n"])));
|
|
9178
9317
|
var ButtonText = /*#__PURE__*/styled.button(_templateObject3$Q || (_templateObject3$Q = /*#__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"])));
|
|
9179
9318
|
var IconConatiner = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex;\n height: 34px;\n padding: 4px 10px; \n align-items: flex-start;\n border-radius: 8px 8px 8px 8px; */\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n background: #f0f2f2;\n border: 1px solid #e2e0db;\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 15px;\n height: 34px;\n"])));
|
|
9180
9319
|
var IconText = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n text-align: center;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
@@ -9185,13 +9324,16 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9185
9324
|
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$7, null, " ", clientName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)));
|
|
9186
9325
|
};
|
|
9187
9326
|
|
|
9188
|
-
var _templateObject$
|
|
9189
|
-
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
9190
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9327
|
+
var _templateObject$23, _templateObject2$1r, _templateObject3$R, _templateObject4$z, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9328
|
+
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9329
|
+
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__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"])));
|
|
9191
9330
|
// Styled components
|
|
9192
9331
|
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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"])));
|
|
9193
|
-
var StyledTable$
|
|
9332
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject4$z || (_templateObject4$z = /*#__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"])));
|
|
9194
9333
|
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
9334
|
+
var ClearAll = /*#__PURE__*/styled.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
9335
|
+
var StyledFilterBtnIcon = /*#__PURE__*/styled.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #f1f5f6;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
9336
|
+
var StyledFilterBtnLabel = /*#__PURE__*/styled.div(_templateObject37 || (_templateObject37 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n"])));
|
|
9195
9337
|
|
|
9196
9338
|
var PrinterIcon = function PrinterIcon() {
|
|
9197
9339
|
return React.createElement("svg", {
|
|
@@ -9354,19 +9496,37 @@ var displayValueOrNA = function displayValueOrNA(value) {
|
|
|
9354
9496
|
return value;
|
|
9355
9497
|
};
|
|
9356
9498
|
|
|
9499
|
+
var optionsPrint = [{
|
|
9500
|
+
icon: 'runSheet',
|
|
9501
|
+
label: 'Print Runsheet'
|
|
9502
|
+
}, {
|
|
9503
|
+
icon: 'loadSheet',
|
|
9504
|
+
label: 'Print Loadsheet'
|
|
9505
|
+
}, {
|
|
9506
|
+
icon: 'deliveryLables',
|
|
9507
|
+
label: 'Print Delivery Labels'
|
|
9508
|
+
}, {
|
|
9509
|
+
icon: 'customerLables',
|
|
9510
|
+
label: 'Print Customer Labels'
|
|
9511
|
+
}, {
|
|
9512
|
+
icon: 'collectionLables',
|
|
9513
|
+
label: 'Print Collection Labels'
|
|
9514
|
+
}];
|
|
9357
9515
|
var optionsForReturnPrint = [{
|
|
9358
9516
|
icon: 'deliveryLables',
|
|
9359
9517
|
label: 'Print Return Labels'
|
|
9360
9518
|
}];
|
|
9361
9519
|
|
|
9362
|
-
var _templateObject$
|
|
9363
|
-
// import { PrintIconMap } from '../utils';
|
|
9364
|
-
// import { optionsPrint } from '../fakeData';
|
|
9365
|
-
// import { PrintData } from '../interface';
|
|
9520
|
+
var _templateObject$24, _templateObject2$1s;
|
|
9366
9521
|
var options$2 = optionsForReturnPrint;
|
|
9367
|
-
var PrintDropDownReturn = function PrintDropDownReturn() {
|
|
9368
|
-
var
|
|
9369
|
-
|
|
9522
|
+
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9523
|
+
var legacyProductId = _ref.legacyProductId;
|
|
9524
|
+
console.log(legacyProductId, 'legacyProductId');
|
|
9525
|
+
var downloadFiles = function downloadFiles() {
|
|
9526
|
+
var url = "https://toolbox.bjshomedelivery.com/offload/return_label?gsit_products_id=" + legacyProductId;
|
|
9527
|
+
window.open(url, '_blank'); // Opens the URL in a new tab
|
|
9528
|
+
};
|
|
9529
|
+
return React.createElement(OptionsList, null, options$2 == null ? void 0 : options$2.map(function (item, index) {
|
|
9370
9530
|
var IconComponent = PrintIconMap[item.icon];
|
|
9371
9531
|
return React.createElement(OptionsListLi, {
|
|
9372
9532
|
key: index,
|
|
@@ -9374,8 +9534,8 @@ var PrintDropDownReturn = function PrintDropDownReturn() {
|
|
|
9374
9534
|
}, IconComponent && React.createElement(IconComponent, null), " ", item.label);
|
|
9375
9535
|
}));
|
|
9376
9536
|
};
|
|
9377
|
-
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$
|
|
9378
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9537
|
+
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$24 || (_templateObject$24 = /*#__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"])));
|
|
9538
|
+
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$1s || (_templateObject2$1s = /*#__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"])));
|
|
9379
9539
|
|
|
9380
9540
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
9381
9541
|
var _useAtom = useAtom(filtersReducerAtom),
|
|
@@ -9561,7 +9721,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9561
9721
|
var mergedPayload = Object.values(groupedPayload);
|
|
9562
9722
|
setGrouped(mergedPayload);
|
|
9563
9723
|
}, [newpayload]);
|
|
9564
|
-
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, null, React.createElement(StyledTable$
|
|
9724
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, null, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
9565
9725
|
className: "emailInvoiceCheckbox"
|
|
9566
9726
|
}, React.createElement(Checkbox$1, {
|
|
9567
9727
|
checked: selectAll,
|
|
@@ -9605,7 +9765,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9605
9765
|
style: {
|
|
9606
9766
|
color: '#888075'
|
|
9607
9767
|
}
|
|
9608
|
-
}, displayValueOrNA(item == null || (_item$order_data2 = item.order_data) == null || (_item$order_data2 = _item$order_data2.order_recipient) == null ? void 0 : _item$order_data2.postcode)))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight),
|
|
9768
|
+
}, displayValueOrNA(item == null || (_item$order_data2 = item.order_data) == null || (_item$order_data2 = _item$order_data2.order_recipient) == null ? void 0 : _item$order_data2.postcode)))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), ' ', item != null && item.weight && (item == null ? void 0 : item.weight) !== null ? 'KG' : ''), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React.createElement("td", null, displayValueOrNA(item == null || (_item$return_reasons = item.return_reasons) == null ? void 0 : _item$return_reasons.reason)), React.createElement("td", null, (item == null || (_item$order_product_r = item.order_product_returns) == null ? void 0 : _item$order_product_r.length) > 0 ? item.order_product_returns.map(function (ret) {
|
|
9769
|
+
return ret != null && ret.collected_at ? format(new Date(ret.collected_at), 'dd/MM/yyyy') : 'UNKNOWN';
|
|
9770
|
+
}) : 'UNKNOWN'), React.createElement("td", null, displayValueOrNA(item == null || (_item$collection_reas = item.collection_reasons) == null ? void 0 : _item$collection_reas.reason)), React.createElement("td", null, React.createElement("ul", {
|
|
9609
9771
|
className: "actionbox"
|
|
9610
9772
|
}, React.createElement(CustomDrop, {
|
|
9611
9773
|
ref: dropdownRefParent,
|
|
@@ -9617,16 +9779,18 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9617
9779
|
}
|
|
9618
9780
|
}, React.createElement(PrinterIcon, null), React.createElement(DownIcon, null), printToogle == index && React.createElement("div", {
|
|
9619
9781
|
ref: dropdownRef
|
|
9620
|
-
}, React.createElement(PrintDropDownReturn,
|
|
9782
|
+
}, React.createElement(PrintDropDownReturn, {
|
|
9783
|
+
legacyProductId: item.legacy_product_id
|
|
9784
|
+
})))))));
|
|
9621
9785
|
})))));
|
|
9622
9786
|
};
|
|
9623
9787
|
|
|
9624
|
-
var _templateObject$
|
|
9788
|
+
var _templateObject$25, _templateObject2$1t, _templateObject3$S, _templateObject4$A;
|
|
9625
9789
|
var DefetcDetails = function DefetcDetails() {
|
|
9626
9790
|
var handleSelectChange = function handleSelectChange() {
|
|
9627
9791
|
console.log('Option selected');
|
|
9628
9792
|
};
|
|
9629
|
-
return React.createElement(Container$
|
|
9793
|
+
return React.createElement(Container$14, null, React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
9630
9794
|
label: "What is the defect"
|
|
9631
9795
|
}), React.createElement(StyledAntSelect$6, {
|
|
9632
9796
|
options: TaskType,
|
|
@@ -9640,14 +9804,14 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
9640
9804
|
placeholder: "Select Category",
|
|
9641
9805
|
onChange: handleSelectChange,
|
|
9642
9806
|
selectWrapperClass: "rounded"
|
|
9643
|
-
}))), React.createElement(Flex$
|
|
9807
|
+
}))), React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
9644
9808
|
label: "Where is the primary defect located?"
|
|
9645
9809
|
}), React.createElement(StyledAntSelect$6, {
|
|
9646
9810
|
options: TaskType,
|
|
9647
9811
|
placeholder: "Select located",
|
|
9648
9812
|
onChange: handleSelectChange,
|
|
9649
9813
|
selectWrapperClass: "rounded"
|
|
9650
|
-
}))), React.createElement(Flex$
|
|
9814
|
+
}))), React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
9651
9815
|
label: "Where is the secondary defect located?"
|
|
9652
9816
|
}), React.createElement(StyledAntSelect$6, {
|
|
9653
9817
|
options: TaskType,
|
|
@@ -9663,12 +9827,12 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
9663
9827
|
selectWrapperClass: "rounded"
|
|
9664
9828
|
}))));
|
|
9665
9829
|
};
|
|
9666
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
9667
|
-
var Container$
|
|
9668
|
-
var Flex$
|
|
9830
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
9831
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
9832
|
+
var Flex$7 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
9669
9833
|
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9670
9834
|
|
|
9671
|
-
var _templateObject$
|
|
9835
|
+
var _templateObject$26;
|
|
9672
9836
|
var RepackProduct = function RepackProduct() {
|
|
9673
9837
|
var options = [{
|
|
9674
9838
|
value: 'bjsCouriers',
|
|
@@ -9728,9 +9892,9 @@ var RepackProduct = function RepackProduct() {
|
|
|
9728
9892
|
}
|
|
9729
9893
|
})));
|
|
9730
9894
|
};
|
|
9731
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
9895
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9732
9896
|
|
|
9733
|
-
var _templateObject$
|
|
9897
|
+
var _templateObject$27, _templateObject2$1u, _templateObject3$T, _templateObject4$B, _templateObject5$m, _templateObject6$e;
|
|
9734
9898
|
var RepackDetails = function RepackDetails() {
|
|
9735
9899
|
var _useState = useState(false),
|
|
9736
9900
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -9741,28 +9905,28 @@ var RepackDetails = function RepackDetails() {
|
|
|
9741
9905
|
var handleSelectChange = function handleSelectChange() {
|
|
9742
9906
|
console.log('Option selected');
|
|
9743
9907
|
};
|
|
9744
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
9908
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$15, null, React.createElement(Flex$8, null, React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
9745
9909
|
label: "Who repacked it?"
|
|
9746
9910
|
}), React.createElement(StyledAntSelect$7, {
|
|
9747
9911
|
options: TaskType,
|
|
9748
9912
|
placeholder: "Select Category",
|
|
9749
9913
|
onChange: handleSelectChange,
|
|
9750
9914
|
selectWrapperClass: "rounded"
|
|
9751
|
-
}))), React.createElement(Flex$
|
|
9915
|
+
}))), React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
9752
9916
|
label: "Packaging Type"
|
|
9753
9917
|
}), React.createElement(StyledAntSelect$7, {
|
|
9754
9918
|
options: TaskType,
|
|
9755
9919
|
placeholder: "Select located",
|
|
9756
9920
|
onChange: handleSelectChange,
|
|
9757
9921
|
selectWrapperClass: "rounded"
|
|
9758
|
-
}))), React.createElement(Flex$
|
|
9922
|
+
}))), React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
9759
9923
|
label: "Repack Images"
|
|
9760
9924
|
}), React.createElement(StyledAntSelect$7, {
|
|
9761
9925
|
options: TaskType,
|
|
9762
9926
|
placeholder: "Select secondary defect",
|
|
9763
9927
|
onChange: handleSelectChange,
|
|
9764
9928
|
selectWrapperClass: "rounded"
|
|
9765
|
-
})))), React.createElement(Flex$
|
|
9929
|
+
})))), React.createElement(Flex$8, null, React.createElement(CheckboxContainer$1, null, React.createElement(Checkbox$2, {
|
|
9766
9930
|
onChange: function onChange(e) {
|
|
9767
9931
|
return setIsAdditionalBoxChecked(e.target.checked);
|
|
9768
9932
|
}
|
|
@@ -9777,19 +9941,19 @@ var RepackDetails = function RepackDetails() {
|
|
|
9777
9941
|
}
|
|
9778
9942
|
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
9779
9943
|
};
|
|
9780
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
9781
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9944
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
9945
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
9782
9946
|
var InputWrapper = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
9783
|
-
var Container$
|
|
9784
|
-
var Flex$
|
|
9947
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__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"])));
|
|
9948
|
+
var Flex$8 = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
9785
9949
|
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9786
9950
|
|
|
9787
|
-
var _templateObject$
|
|
9951
|
+
var _templateObject$28, _templateObject2$1v, _templateObject3$U, _templateObject4$C;
|
|
9788
9952
|
var OtherDamage = function OtherDamage() {
|
|
9789
9953
|
var handleSelectChange = function handleSelectChange() {
|
|
9790
9954
|
console.log('Option selected');
|
|
9791
9955
|
};
|
|
9792
|
-
return React.createElement(Container$
|
|
9956
|
+
return React.createElement(Container$16, null, React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
9793
9957
|
label: "What is the primary defect?"
|
|
9794
9958
|
}), React.createElement(StyledAntSelect$8, {
|
|
9795
9959
|
options: TaskType,
|
|
@@ -9803,7 +9967,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9803
9967
|
placeholder: "Select secondary defect",
|
|
9804
9968
|
onChange: handleSelectChange,
|
|
9805
9969
|
selectWrapperClass: "rounded"
|
|
9806
|
-
}))), React.createElement(Flex$
|
|
9970
|
+
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
9807
9971
|
label: "What is the secondary defect?"
|
|
9808
9972
|
}), React.createElement(StyledAntSelect$8, {
|
|
9809
9973
|
options: TaskType,
|
|
@@ -9817,7 +9981,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9817
9981
|
placeholder: "Select Category",
|
|
9818
9982
|
onChange: handleSelectChange,
|
|
9819
9983
|
selectWrapperClass: "rounded"
|
|
9820
|
-
}))), React.createElement(Flex$
|
|
9984
|
+
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
9821
9985
|
label: "Where is the tertiary defect located?\n"
|
|
9822
9986
|
}), React.createElement(StyledAntSelect$8, {
|
|
9823
9987
|
options: TaskType,
|
|
@@ -9831,7 +9995,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9831
9995
|
placeholder: "Select secondary defect",
|
|
9832
9996
|
onChange: handleSelectChange,
|
|
9833
9997
|
selectWrapperClass: "rounded"
|
|
9834
|
-
}))), React.createElement(Flex$
|
|
9998
|
+
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
9835
9999
|
label: "What is the size of the defect?(cm)"
|
|
9836
10000
|
}), React.createElement(StyledAntSelect$8, {
|
|
9837
10001
|
options: TaskType,
|
|
@@ -9840,12 +10004,12 @@ var OtherDamage = function OtherDamage() {
|
|
|
9840
10004
|
selectWrapperClass: "rounded"
|
|
9841
10005
|
}))));
|
|
9842
10006
|
};
|
|
9843
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
9844
|
-
var Container$
|
|
9845
|
-
var Flex$
|
|
10007
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10008
|
+
var Container$16 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10009
|
+
var Flex$9 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
9846
10010
|
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9847
10011
|
|
|
9848
|
-
var _templateObject$
|
|
10012
|
+
var _templateObject$29, _templateObject2$1w, _templateObject3$V, _templateObject4$D, _templateObject5$n;
|
|
9849
10013
|
var AddDefect = function AddDefect() {
|
|
9850
10014
|
var _useState = useState({
|
|
9851
10015
|
actionDuring: '',
|
|
@@ -9872,7 +10036,7 @@ var AddDefect = function AddDefect() {
|
|
|
9872
10036
|
});
|
|
9873
10037
|
});
|
|
9874
10038
|
};
|
|
9875
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
10039
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$17, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
9876
10040
|
label: "Does the packaging have any damage?"
|
|
9877
10041
|
}), React.createElement(StyledAntSelect$9, {
|
|
9878
10042
|
options: DefectConfirm,
|
|
@@ -9885,7 +10049,7 @@ var AddDefect = function AddDefect() {
|
|
|
9885
10049
|
return React.createElement(DefetcDetails, {
|
|
9886
10050
|
key: index
|
|
9887
10051
|
});
|
|
9888
|
-
})), React.createElement(Container$
|
|
10052
|
+
})), React.createElement(Container$17, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
9889
10053
|
label: "Has the product been checked?"
|
|
9890
10054
|
}), React.createElement(StyledAntSelect$9, {
|
|
9891
10055
|
options: DefectConfirm,
|
|
@@ -9899,7 +10063,7 @@ var AddDefect = function AddDefect() {
|
|
|
9899
10063
|
placeholder: "Select",
|
|
9900
10064
|
onChange: handleChange('productDamage'),
|
|
9901
10065
|
selectWrapperClass: "rounded"
|
|
9902
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React.createElement(OtherDamage, null)), React.createElement(Container$
|
|
10066
|
+
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React.createElement(OtherDamage, null)), React.createElement(Container$17, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
9903
10067
|
label: "Has the product been repacked?"
|
|
9904
10068
|
}), React.createElement(StyledAntSelect$9, {
|
|
9905
10069
|
options: DefectConfirm,
|
|
@@ -9908,18 +10072,18 @@ var AddDefect = function AddDefect() {
|
|
|
9908
10072
|
selectWrapperClass: "rounded"
|
|
9909
10073
|
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
9910
10074
|
};
|
|
9911
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
9912
|
-
var Container$
|
|
9913
|
-
var Flex$
|
|
10075
|
+
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10076
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__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"])));
|
|
10077
|
+
var Flex$a = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
9914
10078
|
var LabelWrapper$3 = /*#__PURE__*/styled.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
9915
10079
|
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
9916
10080
|
|
|
9917
|
-
var _templateObject$
|
|
10081
|
+
var _templateObject$2a, _templateObject2$1x, _templateObject3$W, _templateObject4$E;
|
|
9918
10082
|
var QCLogs = function QCLogs() {
|
|
9919
10083
|
var handleSelectChange = function handleSelectChange() {
|
|
9920
10084
|
console.log('Option selected');
|
|
9921
10085
|
};
|
|
9922
|
-
return React.createElement(Container$
|
|
10086
|
+
return React.createElement(Container$18, null, React.createElement(Flex$b, null, React.createElement(LabelWrapper$4, null, React.createElement(Label$h, {
|
|
9923
10087
|
label: "Action During"
|
|
9924
10088
|
}), React.createElement(StyledAntSelect$a, {
|
|
9925
10089
|
options: TaskType,
|
|
@@ -9935,12 +10099,12 @@ var QCLogs = function QCLogs() {
|
|
|
9935
10099
|
selectWrapperClass: "rounded"
|
|
9936
10100
|
}))), React.createElement(AddDefect, null));
|
|
9937
10101
|
};
|
|
9938
|
-
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject$
|
|
9939
|
-
var Container$
|
|
9940
|
-
var Flex$
|
|
10102
|
+
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10103
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10104
|
+
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
9941
10105
|
var LabelWrapper$4 = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
9942
10106
|
|
|
9943
|
-
var _templateObject$
|
|
10107
|
+
var _templateObject$2b, _templateObject2$1y, _templateObject3$X, _templateObject4$F, _templateObject5$o;
|
|
9944
10108
|
function UpdateProduct() {
|
|
9945
10109
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
9946
10110
|
var _useState = useState(),
|
|
@@ -10000,7 +10164,7 @@ function UpdateProduct() {
|
|
|
10000
10164
|
value: option.id
|
|
10001
10165
|
};
|
|
10002
10166
|
});
|
|
10003
|
-
return React.createElement(Container$
|
|
10167
|
+
return React.createElement(Container$19, null, React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10004
10168
|
label: "Product Type"
|
|
10005
10169
|
}), React.createElement(StyledAntSelect$b, {
|
|
10006
10170
|
options: productTypeOptions,
|
|
@@ -10037,13 +10201,13 @@ function UpdateProduct() {
|
|
|
10037
10201
|
selectWrapperClass: "rounded"
|
|
10038
10202
|
}))));
|
|
10039
10203
|
}
|
|
10040
|
-
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$
|
|
10041
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
10042
|
-
var Container$
|
|
10204
|
+
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10205
|
+
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10206
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10043
10207
|
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10044
10208
|
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10045
10209
|
|
|
10046
|
-
var _templateObject$
|
|
10210
|
+
var _templateObject$2c, _templateObject2$1z, _templateObject3$Y;
|
|
10047
10211
|
function UnReceiveProduct() {
|
|
10048
10212
|
var _orderStaticData$unre;
|
|
10049
10213
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10080,7 +10244,7 @@ function UnReceiveProduct() {
|
|
|
10080
10244
|
value: option.id
|
|
10081
10245
|
};
|
|
10082
10246
|
});
|
|
10083
|
-
return React.createElement(Container$
|
|
10247
|
+
return React.createElement(Container$1a, null, React.createElement(LabelWrapper$6, null, React.createElement(Label$h, {
|
|
10084
10248
|
label: "Reason"
|
|
10085
10249
|
}), React.createElement(StyledAntSelect$c, {
|
|
10086
10250
|
options: returnActionOptions,
|
|
@@ -10091,18 +10255,18 @@ function UnReceiveProduct() {
|
|
|
10091
10255
|
onNotesChange: handleNotesChange
|
|
10092
10256
|
})));
|
|
10093
10257
|
}
|
|
10094
|
-
var Container$
|
|
10095
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10258
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10259
|
+
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10096
10260
|
var StyledAntSelect$c = /*#__PURE__*/styled(AntSelect)(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10097
10261
|
|
|
10098
|
-
var _templateObject$
|
|
10262
|
+
var _templateObject$2d, _templateObject2$1A;
|
|
10099
10263
|
var ProductAction = function ProductAction() {
|
|
10100
10264
|
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10101
10265
|
setSelectedTabKey = _useAtom[1];
|
|
10102
10266
|
var handleTabChange = function handleTabChange(activeKey) {
|
|
10103
10267
|
setSelectedTabKey(activeKey);
|
|
10104
10268
|
};
|
|
10105
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$4, null, React.createElement(Container$
|
|
10269
|
+
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$4, null, React.createElement(Container$1b, null, React.createElement(Tabs, {
|
|
10106
10270
|
defaultActiveKey: "1",
|
|
10107
10271
|
onChange: handleTabChange,
|
|
10108
10272
|
items: [{
|
|
@@ -10120,10 +10284,10 @@ var ProductAction = function ProductAction() {
|
|
|
10120
10284
|
}]
|
|
10121
10285
|
}))));
|
|
10122
10286
|
};
|
|
10123
|
-
var GLobalPopupContent$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
10124
|
-
var Container$
|
|
10287
|
+
var GLobalPopupContent$4 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10288
|
+
var Container$1b = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__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"])));
|
|
10125
10289
|
|
|
10126
|
-
var _templateObject$
|
|
10290
|
+
var _templateObject$2e;
|
|
10127
10291
|
var LogsTable = function LogsTable() {
|
|
10128
10292
|
var options = [{
|
|
10129
10293
|
value: 'bjsCouriers',
|
|
@@ -10198,9 +10362,9 @@ var LogsTable = function LogsTable() {
|
|
|
10198
10362
|
}
|
|
10199
10363
|
})));
|
|
10200
10364
|
};
|
|
10201
|
-
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$
|
|
10365
|
+
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10202
10366
|
|
|
10203
|
-
var _templateObject$
|
|
10367
|
+
var _templateObject$2f, _templateObject2$1B;
|
|
10204
10368
|
var DefectsModal = function DefectsModal() {
|
|
10205
10369
|
var options = [{
|
|
10206
10370
|
value: 'bjsCouriers',
|
|
@@ -10252,10 +10416,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10252
10416
|
}
|
|
10253
10417
|
}))));
|
|
10254
10418
|
};
|
|
10255
|
-
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
10256
|
-
var GLobalPopupContent$5 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10419
|
+
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10420
|
+
var GLobalPopupContent$5 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10257
10421
|
|
|
10258
|
-
var _templateObject$
|
|
10422
|
+
var _templateObject$2g;
|
|
10259
10423
|
var repackModal = function repackModal() {
|
|
10260
10424
|
var columns = [{
|
|
10261
10425
|
key: 'packaging_type',
|
|
@@ -10285,9 +10449,9 @@ var repackModal = function repackModal() {
|
|
|
10285
10449
|
}
|
|
10286
10450
|
}))));
|
|
10287
10451
|
};
|
|
10288
|
-
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10452
|
+
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10289
10453
|
|
|
10290
|
-
var _templateObject$
|
|
10454
|
+
var _templateObject$2h, _templateObject2$1C, _templateObject3$Z;
|
|
10291
10455
|
var _excluded$3 = ["id"];
|
|
10292
10456
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10293
10457
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -10299,7 +10463,6 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10299
10463
|
load = _usePostLoading[0];
|
|
10300
10464
|
var _useGroupedPayload = useGroupedPayload(),
|
|
10301
10465
|
groupedPayload = _useGroupedPayload[0];
|
|
10302
|
-
// const [forDisabledCheck] = useSelectedConfirmLoc();
|
|
10303
10466
|
var _useFinalPayload = useFinalPayload(),
|
|
10304
10467
|
setNew = _useFinalPayload[1];
|
|
10305
10468
|
var handleSelectLocations = function handleSelectLocations(id) {
|
|
@@ -10343,7 +10506,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10343
10506
|
type: "info",
|
|
10344
10507
|
title: "Do you wish to proceed?",
|
|
10345
10508
|
showOkButton: false
|
|
10346
|
-
}), React.createElement(Container$
|
|
10509
|
+
}), React.createElement(Container$1c, null, React.createElement("ul", {
|
|
10347
10510
|
style: {
|
|
10348
10511
|
listStyle: 'none',
|
|
10349
10512
|
padding: 0
|
|
@@ -10368,8 +10531,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10368
10531
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
10369
10532
|
})))));
|
|
10370
10533
|
};
|
|
10371
|
-
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10372
|
-
var Container$
|
|
10534
|
+
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
10535
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10373
10536
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__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"])));
|
|
10374
10537
|
|
|
10375
10538
|
var ModalManager = function ModalManager() {
|
|
@@ -10410,9 +10573,7 @@ var ModalManager = function ModalManager() {
|
|
|
10410
10573
|
setGrouped = _useGroupedPayload[1];
|
|
10411
10574
|
var _useSelectAll = useSelectAll(),
|
|
10412
10575
|
setSelectAll = _useSelectAll[1];
|
|
10413
|
-
|
|
10414
|
-
forCheck = _useState2[0],
|
|
10415
|
-
setStateCheck = _useState2[1];
|
|
10576
|
+
// const [forCheck, setStateCheck] = useState(false);
|
|
10416
10577
|
console.log(orderProduct, 'abcabcabcabcabcabcabcabcabcabcabc');
|
|
10417
10578
|
var _closeModal = function closeModal() {
|
|
10418
10579
|
dispatch({
|
|
@@ -10585,6 +10746,7 @@ var ModalManager = function ModalManager() {
|
|
|
10585
10746
|
}
|
|
10586
10747
|
}, [updateResponse]);
|
|
10587
10748
|
//Confirm return popup
|
|
10749
|
+
// Confirm return popup
|
|
10588
10750
|
var _useApiHook3 = useApiHook({
|
|
10589
10751
|
endpoint: "return_orders/",
|
|
10590
10752
|
method: 'POST',
|
|
@@ -10598,10 +10760,10 @@ var ModalManager = function ModalManager() {
|
|
|
10598
10760
|
SetPostLoading(confirmLoading);
|
|
10599
10761
|
}, [confirmLoading]);
|
|
10600
10762
|
console.log(response, 'response');
|
|
10763
|
+
console.log(newGrouped, 'newGrouped');
|
|
10601
10764
|
var handleConfirmReturn = function handleConfirmReturn() {
|
|
10602
10765
|
setShouldPerformAction(false);
|
|
10603
|
-
|
|
10604
|
-
if (newGrouped.length > 0) {
|
|
10766
|
+
if ((newGrouped == null ? void 0 : newGrouped.length) > 0) {
|
|
10605
10767
|
setShouldPerformAction(true);
|
|
10606
10768
|
} else {
|
|
10607
10769
|
setShouldPerformAction(false);
|
|
@@ -10611,17 +10773,19 @@ var ModalManager = function ModalManager() {
|
|
|
10611
10773
|
});
|
|
10612
10774
|
};
|
|
10613
10775
|
useEffect(function () {
|
|
10614
|
-
|
|
10615
|
-
|
|
10616
|
-
|
|
10617
|
-
|
|
10618
|
-
|
|
10619
|
-
|
|
10620
|
-
|
|
10621
|
-
|
|
10622
|
-
|
|
10623
|
-
|
|
10624
|
-
|
|
10776
|
+
if (response && !response) {
|
|
10777
|
+
dispatch({
|
|
10778
|
+
type: 'close'
|
|
10779
|
+
});
|
|
10780
|
+
setNewGrouped([]);
|
|
10781
|
+
setSelectedReturnOrder([]);
|
|
10782
|
+
setCheck([]);
|
|
10783
|
+
setNewPayload([]);
|
|
10784
|
+
setGrouped([]);
|
|
10785
|
+
setShouldPerformAction(false);
|
|
10786
|
+
setSelectAll(false);
|
|
10787
|
+
}
|
|
10788
|
+
}, [response]);
|
|
10625
10789
|
return React.createElement(React.Fragment, null, (popupName == null ? void 0 : popupName.state) == 'create-return' && React.createElement(AntModal, {
|
|
10626
10790
|
openStatus: (popupName == null ? void 0 : popupName.state) == 'create-return' ? true : false,
|
|
10627
10791
|
closeModal: function closeModal() {
|
|
@@ -10715,14 +10879,14 @@ var ModalManager = function ModalManager() {
|
|
|
10715
10879
|
}));
|
|
10716
10880
|
};
|
|
10717
10881
|
|
|
10718
|
-
var _templateObject$
|
|
10882
|
+
var _templateObject$2i, _templateObject2$1D;
|
|
10719
10883
|
var ReturnTable = function ReturnTable() {
|
|
10720
|
-
return React.createElement("div", null, React.createElement(DashBoardWrapper, null, React.createElement("div", {
|
|
10884
|
+
return React.createElement("div", null, React.createElement(DashBoardWrapper$1, null, React.createElement("div", {
|
|
10721
10885
|
className: "Tableconatiner"
|
|
10722
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
10886
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1d, null, React.createElement(ReturnFilter, null), React.createElement(ReturnOrderTable, null)))), React.createElement(ModalManager, null));
|
|
10723
10887
|
};
|
|
10724
|
-
var Container$
|
|
10725
|
-
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject2$
|
|
10888
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10889
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$1D || (_templateObject2$1D = /*#__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"])));
|
|
10726
10890
|
|
|
10727
10891
|
function LoadIcon() {
|
|
10728
10892
|
return React.createElement("svg", {
|
|
@@ -10740,17 +10904,50 @@ function LoadIcon() {
|
|
|
10740
10904
|
}));
|
|
10741
10905
|
}
|
|
10742
10906
|
|
|
10907
|
+
var _templateObject$2j, _templateObject2$1E;
|
|
10908
|
+
var PrintDropDown = function PrintDropDown(_ref) {
|
|
10909
|
+
var legacyProductId = _ref.legacyProductId;
|
|
10910
|
+
var downloadFiles = function downloadFiles(label) {
|
|
10911
|
+
var url = legacyProductId == null ? void 0 : legacyProductId[label.replace('Print ', '').toLowerCase().replace(' ', '_') + "_url"];
|
|
10912
|
+
if (url) {
|
|
10913
|
+
window.open(url, '_blank');
|
|
10914
|
+
} else {
|
|
10915
|
+
console.log('URL not available for', label);
|
|
10916
|
+
}
|
|
10917
|
+
};
|
|
10918
|
+
var isOptionDisabled = function isOptionDisabled(label) {
|
|
10919
|
+
var url = legacyProductId == null ? void 0 : legacyProductId[label.replace('Print ', '').toLowerCase().replace(' ', '_') + "_url"];
|
|
10920
|
+
return !url;
|
|
10921
|
+
};
|
|
10922
|
+
return React.createElement(OptionsList$1, null, optionsPrint.map(function (item, index) {
|
|
10923
|
+
var IconComponent = PrintIconMap[item.icon];
|
|
10924
|
+
var isDisabled = isOptionDisabled(item.label);
|
|
10925
|
+
return React.createElement(OptionsListLi$1, {
|
|
10926
|
+
key: index,
|
|
10927
|
+
onClick: function onClick() {
|
|
10928
|
+
return !isDisabled && downloadFiles(item.label);
|
|
10929
|
+
},
|
|
10930
|
+
disabled: isDisabled
|
|
10931
|
+
}, IconComponent && React.createElement(IconComponent, null), item.label);
|
|
10932
|
+
}));
|
|
10933
|
+
};
|
|
10934
|
+
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$2j || (_templateObject$2j = /*#__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"])));
|
|
10935
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$1E || (_templateObject2$1E = /*#__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) {
|
|
10936
|
+
var disabled = _ref2.disabled;
|
|
10937
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
10938
|
+
}, function (_ref3) {
|
|
10939
|
+
var disabled = _ref3.disabled;
|
|
10940
|
+
return disabled ? '#d3d3d3' : 'inherit';
|
|
10941
|
+
}, function (_ref4) {
|
|
10942
|
+
var disabled = _ref4.disabled;
|
|
10943
|
+
return disabled ? 'transparent' : '#f0f0f0';
|
|
10944
|
+
});
|
|
10945
|
+
|
|
10743
10946
|
var OrderTable = function OrderTable(_ref) {
|
|
10744
10947
|
var loadingskeleton = _ref.loadingskeleton;
|
|
10745
|
-
|
|
10746
|
-
|
|
10747
|
-
|
|
10748
|
-
var _useState = useState(false),
|
|
10749
|
-
selectAll = _useState[0],
|
|
10750
|
-
setSelectAll = _useState[1];
|
|
10751
|
-
var defaultSelectStyle = {
|
|
10752
|
-
width: '100%'
|
|
10753
|
-
};
|
|
10948
|
+
// const [, setSelectedReturnOrder] = useSelectedOrders();
|
|
10949
|
+
// const [selectAll, setSelectAll] = useState(false);
|
|
10950
|
+
// const defaultSelectStyle = { width: '100%' };
|
|
10754
10951
|
var defaultPopupClassName = 'dropDownStyle';
|
|
10755
10952
|
var defaultSelectWrapperClass = 'rounded';
|
|
10756
10953
|
var dropdownRefParent = useRef(null);
|
|
@@ -10777,36 +10974,31 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10777
10974
|
setPrintToggle(null);
|
|
10778
10975
|
}
|
|
10779
10976
|
};
|
|
10780
|
-
|
|
10781
|
-
|
|
10782
|
-
|
|
10783
|
-
|
|
10784
|
-
|
|
10785
|
-
|
|
10786
|
-
|
|
10787
|
-
|
|
10788
|
-
|
|
10789
|
-
|
|
10790
|
-
|
|
10791
|
-
|
|
10792
|
-
};
|
|
10793
|
-
|
|
10794
|
-
|
|
10795
|
-
|
|
10796
|
-
|
|
10797
|
-
|
|
10798
|
-
|
|
10799
|
-
|
|
10800
|
-
|
|
10801
|
-
|
|
10802
|
-
|
|
10803
|
-
|
|
10804
|
-
|
|
10805
|
-
status_id: 3
|
|
10806
|
-
}]);
|
|
10807
|
-
}
|
|
10808
|
-
});
|
|
10809
|
-
};
|
|
10977
|
+
// const handleSelectAll = (e: any) => {
|
|
10978
|
+
// setSelectAll(e.target.checked);
|
|
10979
|
+
// if (e.target.checked) {
|
|
10980
|
+
// setSelectedReturnOrder(
|
|
10981
|
+
// returnAfterOrder.map((e: any) => ({
|
|
10982
|
+
// id: e.id,
|
|
10983
|
+
// status_id: 3,
|
|
10984
|
+
// }))
|
|
10985
|
+
// );
|
|
10986
|
+
// } else {
|
|
10987
|
+
// setSelectedReturnOrder([]);
|
|
10988
|
+
// }
|
|
10989
|
+
// };
|
|
10990
|
+
// const handleSelectInvoice = (id: any) => {
|
|
10991
|
+
// setSelectedReturnOrder((prevSelectedInvoices: any) => {
|
|
10992
|
+
// const isSelected = prevSelectedInvoices?.some(
|
|
10993
|
+
// (item: any) => item.id === id
|
|
10994
|
+
// );
|
|
10995
|
+
// if (isSelected) {
|
|
10996
|
+
// return prevSelectedInvoices.filter((items: any) => items.id !== id);
|
|
10997
|
+
// } else {
|
|
10998
|
+
// return [...prevSelectedInvoices, { id, status_id: 3 }];
|
|
10999
|
+
// }
|
|
11000
|
+
// });
|
|
11001
|
+
// };
|
|
10810
11002
|
console.log('', returnAfterOrder);
|
|
10811
11003
|
var assigneOptions = [{
|
|
10812
11004
|
label: 'BJS Distribution',
|
|
@@ -10845,16 +11037,12 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10845
11037
|
}
|
|
10846
11038
|
};
|
|
10847
11039
|
var _useOrderId = useOrderId(),
|
|
10848
|
-
id = _useOrderId[0],
|
|
10849
11040
|
setOrderId = _useOrderId[1];
|
|
10850
|
-
console.log(id, 'idid');
|
|
10851
|
-
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, {
|
|
10852
|
-
id: "tableScrolling"
|
|
10853
|
-
}, React.createElement(StyledTable$2, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
11041
|
+
// console.log(id, 'idid');
|
|
11042
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, null, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
10854
11043
|
className: "emailInvoiceCheckbox"
|
|
10855
11044
|
}, React.createElement(Checkbox$1, {
|
|
10856
|
-
checked:
|
|
10857
|
-
onChange: handleSelectAll
|
|
11045
|
+
checked: false
|
|
10858
11046
|
})), React.createElement("th", {
|
|
10859
11047
|
className: "emailInvoiceNo"
|
|
10860
11048
|
}, "Created"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Pick Up Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", null, "Total Weight"), React.createElement("th", null, "Total CBM"), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
|
|
@@ -10882,12 +11070,7 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10882
11070
|
return React.createElement("tr", {
|
|
10883
11071
|
key: item.id
|
|
10884
11072
|
}, React.createElement("td", null, React.createElement(Checkbox$1, {
|
|
10885
|
-
checked:
|
|
10886
|
-
return (selectedInvoice == null ? void 0 : selectedInvoice.id) === item.id;
|
|
10887
|
-
}),
|
|
10888
|
-
onChange: function onChange() {
|
|
10889
|
-
return handleSelectInvoice(item.id);
|
|
10890
|
-
}
|
|
11073
|
+
checked: false
|
|
10891
11074
|
})), React.createElement("td", null, formatDate$1(new Date(item == null ? void 0 : item.created_at))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.return_locations)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.pick_up_location)), React.createElement("td", {
|
|
10892
11075
|
onClick: function onClick() {
|
|
10893
11076
|
return setOrderId(item.id);
|
|
@@ -10914,8 +11097,8 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10914
11097
|
placeholder: "Select",
|
|
10915
11098
|
onChange: function onChange() {},
|
|
10916
11099
|
// defaultValue={item?.assign || ''}
|
|
10917
|
-
style
|
|
10918
|
-
disabled
|
|
11100
|
+
// style={defaultSelectStyle}
|
|
11101
|
+
// disabled={false}
|
|
10919
11102
|
// onSearch={handleSearch}
|
|
10920
11103
|
showSearch: true,
|
|
10921
11104
|
popupClassName: defaultPopupClassName,
|
|
@@ -10939,15 +11122,17 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10939
11122
|
}
|
|
10940
11123
|
}, React.createElement(PrinterIcon, null), React.createElement(DownIcon, null), printToogle == index && React.createElement("div", {
|
|
10941
11124
|
ref: dropdownRef
|
|
10942
|
-
}, React.createElement(
|
|
11125
|
+
}, React.createElement(PrintDropDown, {
|
|
11126
|
+
legacyProductId: item.id
|
|
11127
|
+
})))), React.createElement("li", {
|
|
10943
11128
|
className: "downloadcontainer"
|
|
10944
11129
|
}, React.createElement(LoadIcon, null)))));
|
|
10945
11130
|
})))));
|
|
10946
11131
|
};
|
|
10947
11132
|
|
|
10948
|
-
var _templateObject$
|
|
11133
|
+
var _templateObject$2k, _templateObject2$1F, _templateObject3$_, _templateObject4$G;
|
|
10949
11134
|
var TableFilters = function TableFilters() {
|
|
10950
|
-
return React.createElement(Container$
|
|
11135
|
+
return React.createElement(Container$1e, null, React.createElement(StyledBulkItem, null, React.createElement(SearchType, null)), React.createElement(IconConatiner$1, null, React.createElement(Mid$1, null, React.createElement(IconText$1, null, "Export"), React.createElement(DownloadIcon, null))));
|
|
10951
11136
|
// return (
|
|
10952
11137
|
// // <StyledBulkFilterCover>
|
|
10953
11138
|
// <StyledBulkItem>
|
|
@@ -10961,8 +11146,8 @@ var TableFilters = function TableFilters() {
|
|
|
10961
11146
|
// // </StyledBulkFilterCover>
|
|
10962
11147
|
// );
|
|
10963
11148
|
};
|
|
10964
|
-
var Container$
|
|
10965
|
-
var Mid$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11149
|
+
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11150
|
+
var Mid$1 = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px 10px 10px 10px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n /* border-radius: 15px 15px 15px 15px; */\n"])));
|
|
10966
11151
|
// const TextConatiner = styled.div`
|
|
10967
11152
|
// display: flex;
|
|
10968
11153
|
// padding: 7px 12px;
|
|
@@ -11085,18 +11270,6 @@ var filterReducer$1 = function filterReducer(state, action) {
|
|
|
11085
11270
|
value: action.payload
|
|
11086
11271
|
}])
|
|
11087
11272
|
});
|
|
11088
|
-
// case 'SET_LOCATION_FILTER':
|
|
11089
|
-
// return {
|
|
11090
|
-
// ...state,
|
|
11091
|
-
// 'x-filters': [
|
|
11092
|
-
// ...state['x-filters'].filter(f => f.field !== 'return_location'),
|
|
11093
|
-
// {
|
|
11094
|
-
// field: 'return_location',
|
|
11095
|
-
// op: 'in',
|
|
11096
|
-
// value: action.payload,
|
|
11097
|
-
// },
|
|
11098
|
-
// ],
|
|
11099
|
-
// };
|
|
11100
11273
|
case 'SET_PAGE':
|
|
11101
11274
|
return _extends({}, state, {
|
|
11102
11275
|
'x-pagination': _extends({}, state['x-pagination'], {
|
|
@@ -11111,6 +11284,10 @@ var filterReducer$1 = function filterReducer(state, action) {
|
|
|
11111
11284
|
});
|
|
11112
11285
|
case 'CLEAR_FILTERS':
|
|
11113
11286
|
return _extends({}, state);
|
|
11287
|
+
case 'CLEAR_ALL_FILTER':
|
|
11288
|
+
return _extends({}, state, {
|
|
11289
|
+
'x-filters': []
|
|
11290
|
+
});
|
|
11114
11291
|
default:
|
|
11115
11292
|
return state;
|
|
11116
11293
|
}
|
|
@@ -11166,7 +11343,7 @@ var AssigneIcon = function AssigneIcon() {
|
|
|
11166
11343
|
}))));
|
|
11167
11344
|
};
|
|
11168
11345
|
|
|
11169
|
-
var _templateObject$
|
|
11346
|
+
var _templateObject$2l, _templateObject2$1G;
|
|
11170
11347
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11171
11348
|
var _useAtom = useAtom(filtersReducerAtom$1),
|
|
11172
11349
|
dispatch = _useAtom[1];
|
|
@@ -11177,13 +11354,28 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11177
11354
|
setSelectedDate = _useState[1];
|
|
11178
11355
|
var _useStatusOrderData = useStatusOrderData(),
|
|
11179
11356
|
statusOfOrder = _useStatusOrderData[0];
|
|
11180
|
-
|
|
11181
|
-
|
|
11182
|
-
|
|
11183
|
-
|
|
11184
|
-
|
|
11185
|
-
|
|
11186
|
-
|
|
11357
|
+
var _useState2 = useState(),
|
|
11358
|
+
selectedClient = _useState2[0],
|
|
11359
|
+
setSelectedClient = _useState2[1];
|
|
11360
|
+
var _useState3 = useState(),
|
|
11361
|
+
statusOrder = _useState3[0],
|
|
11362
|
+
setStatusOfOrder = _useState3[1];
|
|
11363
|
+
var zoneOptions = [{
|
|
11364
|
+
label: 'Zone 1',
|
|
11365
|
+
value: 'zone1'
|
|
11366
|
+
}, {
|
|
11367
|
+
label: 'Zone 2',
|
|
11368
|
+
value: 'zone2'
|
|
11369
|
+
}, {
|
|
11370
|
+
label: 'Zone 3',
|
|
11371
|
+
value: 'zone3'
|
|
11372
|
+
}, {
|
|
11373
|
+
label: 'Zone 4',
|
|
11374
|
+
value: 'zone4'
|
|
11375
|
+
}, {
|
|
11376
|
+
label: 'Zone 5',
|
|
11377
|
+
value: 'zone5'
|
|
11378
|
+
}];
|
|
11187
11379
|
// date change here
|
|
11188
11380
|
var handleDateChange = function handleDateChange(date) {
|
|
11189
11381
|
setSelectedDate(date ? date == null ? void 0 : date.$d : null);
|
|
@@ -11216,18 +11408,28 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11216
11408
|
});
|
|
11217
11409
|
var handleClientChange = function handleClientChange(value) {
|
|
11218
11410
|
console.log(value, 'value');
|
|
11411
|
+
setSelectedClient(value);
|
|
11219
11412
|
dispatch({
|
|
11220
11413
|
type: 'SET_CLIENT_FILTER',
|
|
11221
|
-
payload:
|
|
11414
|
+
payload: selectedClient
|
|
11222
11415
|
});
|
|
11223
11416
|
};
|
|
11224
11417
|
var handleStatusOfOrder = function handleStatusOfOrder(value) {
|
|
11225
11418
|
console.log(value, 'value');
|
|
11419
|
+
setStatusOfOrder(value);
|
|
11226
11420
|
dispatch({
|
|
11227
11421
|
type: 'SET_STATUS_ORDER_FILTER',
|
|
11228
11422
|
payload: value
|
|
11229
11423
|
});
|
|
11230
11424
|
};
|
|
11425
|
+
var handleClearAll = function handleClearAll() {
|
|
11426
|
+
setSelectedDate(null);
|
|
11427
|
+
setSelectedClient(null);
|
|
11428
|
+
setStatusOfOrder(null);
|
|
11429
|
+
dispatch({
|
|
11430
|
+
type: 'CLEAR_ALL_FILTER'
|
|
11431
|
+
});
|
|
11432
|
+
};
|
|
11231
11433
|
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(StyledFIlterELements, null, React.createElement(LeftSideConatiner, null, React.createElement("div", {
|
|
11232
11434
|
className: "filtercontainer"
|
|
11233
11435
|
}, React.createElement("div", {
|
|
@@ -11260,6 +11462,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11260
11462
|
style: {
|
|
11261
11463
|
minWidth: '130px'
|
|
11262
11464
|
},
|
|
11465
|
+
value: statusOrder,
|
|
11263
11466
|
allowClear: true
|
|
11264
11467
|
}))), React.createElement("div", {
|
|
11265
11468
|
className: "datefilter"
|
|
@@ -11270,22 +11473,40 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11270
11473
|
className: "custom-select",
|
|
11271
11474
|
placeholder: "Client",
|
|
11272
11475
|
onChange: handleClientChange,
|
|
11476
|
+
value: selectedClient,
|
|
11273
11477
|
style: {
|
|
11274
11478
|
width: '125px',
|
|
11275
11479
|
border: 'none'
|
|
11276
11480
|
},
|
|
11277
11481
|
allowClear: true
|
|
11278
11482
|
}))), React.createElement("div", {
|
|
11279
|
-
className: "datefilter"
|
|
11483
|
+
className: "datefilter",
|
|
11484
|
+
style: {
|
|
11485
|
+
pointerEvents: 'none',
|
|
11486
|
+
opacity: 0.5
|
|
11487
|
+
}
|
|
11280
11488
|
}, React.createElement("div", {
|
|
11281
11489
|
className: "dateiconcontainer"
|
|
11282
|
-
}, React.createElement(AssigneIcon, null))
|
|
11490
|
+
}, React.createElement(AssigneIcon, null)), React.createElement(StyledAntSelect$d, null, React.createElement(Select, {
|
|
11491
|
+
options: zoneOptions,
|
|
11492
|
+
className: "custom-select",
|
|
11493
|
+
placeholder: "Asignee",
|
|
11494
|
+
onChange: function onChange() {},
|
|
11495
|
+
style: {
|
|
11496
|
+
minWidth: '100px'
|
|
11497
|
+
},
|
|
11498
|
+
disabled: true
|
|
11499
|
+
}))), selectedDate ? React.createElement(React.Fragment, null, React.createElement(ClearAll, {
|
|
11500
|
+
onClick: handleClearAll
|
|
11501
|
+
}, React.createElement(StyledFilterBtnIcon, null, React.createElement("i", {
|
|
11502
|
+
className: "cross"
|
|
11503
|
+
})), React.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React.createElement(TableFilters, null)));
|
|
11283
11504
|
};
|
|
11284
|
-
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$
|
|
11505
|
+
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
11285
11506
|
// const DropdownContainer = styled.div``;
|
|
11286
|
-
var StyledAntSelect$d = /*#__PURE__*/styled.div(_templateObject2$
|
|
11507
|
+
var StyledAntSelect$d = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__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\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"])));
|
|
11287
11508
|
|
|
11288
|
-
var _templateObject$
|
|
11509
|
+
var _templateObject$2m, _templateObject2$1H;
|
|
11289
11510
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
11290
11511
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
11291
11512
|
setReturnOrderData = _useReturnAfterOrderD[1];
|
|
@@ -11307,12 +11528,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
11307
11528
|
setReturnOrderData(fetchedReturnOrderData == null ? void 0 : fetchedReturnOrderData.data);
|
|
11308
11529
|
}
|
|
11309
11530
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
11310
|
-
return React.createElement("div", null, React.createElement(DashBoardWrapper$
|
|
11531
|
+
return React.createElement("div", null, React.createElement(DashBoardWrapper$2, null, React.createElement("div", {
|
|
11311
11532
|
className: "Tableconatiner"
|
|
11312
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
11533
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1f, null, React.createElement(ReturnOrderFilter, null), React.createElement(OrderTable, null)))));
|
|
11313
11534
|
};
|
|
11314
|
-
var Container$
|
|
11315
|
-
var DashBoardWrapper$
|
|
11535
|
+
var Container$1f = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -30px;\n"])));
|
|
11536
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$1H || (_templateObject2$1H = /*#__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"])));
|
|
11316
11537
|
|
|
11317
11538
|
var BulkFilter = function BulkFilter() {
|
|
11318
11539
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11409,7 +11630,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
11409
11630
|
}, [staticDataLoading, fetchedStaticData]);
|
|
11410
11631
|
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper$1, {
|
|
11411
11632
|
id: "tableScrolling"
|
|
11412
|
-
}, React.createElement(StyledTable$
|
|
11633
|
+
}, React.createElement(StyledTable$2, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Trading Name"), React.createElement("th", null, "Client"), React.createElement("th", null, "Orders"), React.createElement("th", null, "Products"), React.createElement("th", null, "RTS"), React.createElement("th", null, "Pending"), React.createElement("th", null, "Dispose"), React.createElement("th", null, "Re-allocate"), React.createElement("th", null, "Re-Del"), React.createElement("th", null, "Recycle"), React.createElement("th", null, "Unknown"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
|
|
11413
11634
|
colSpan: 9
|
|
11414
11635
|
}, React.createElement(Skeleton, {
|
|
11415
11636
|
active: true
|
|
@@ -11433,7 +11654,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
11433
11654
|
})))));
|
|
11434
11655
|
};
|
|
11435
11656
|
|
|
11436
|
-
var _templateObject$
|
|
11657
|
+
var _templateObject$2n, _templateObject2$1I, _templateObject3$$;
|
|
11437
11658
|
// import Loader from '../loader/Loader';
|
|
11438
11659
|
// interface ApiResponse {
|
|
11439
11660
|
// message: string;
|
|
@@ -11464,7 +11685,11 @@ function ReturnMainTable() {
|
|
|
11464
11685
|
setClientData = _useClientData[1];
|
|
11465
11686
|
var _useApiHook = useApiHook({
|
|
11466
11687
|
endpoint: "/return_orders/get/client-returns/",
|
|
11467
|
-
method: 'GET'
|
|
11688
|
+
method: 'GET',
|
|
11689
|
+
pagination: {
|
|
11690
|
+
page: 1,
|
|
11691
|
+
per_page: 50
|
|
11692
|
+
}
|
|
11468
11693
|
}),
|
|
11469
11694
|
fetchedClientData = _useApiHook.data,
|
|
11470
11695
|
staticDataLoading = _useApiHook.loading;
|
|
@@ -11476,32 +11701,32 @@ function ReturnMainTable() {
|
|
|
11476
11701
|
setClientData(result);
|
|
11477
11702
|
}
|
|
11478
11703
|
}, [staticDataLoading]);
|
|
11479
|
-
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper$
|
|
11704
|
+
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper$3, {
|
|
11480
11705
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
11481
11706
|
}, React.createElement("div", {
|
|
11482
11707
|
className: "Tableconatiner"
|
|
11483
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
11708
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1g, null, React.createElement(Row$7, null, React.createElement(Text$7, null, "Client Return"), selectedClient ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)))));
|
|
11484
11709
|
}
|
|
11485
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
11486
|
-
var Container$
|
|
11487
|
-
var DashBoardWrapper$
|
|
11710
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11711
|
+
var Container$1g = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11712
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$$ || (_templateObject3$$ = /*#__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"])));
|
|
11488
11713
|
|
|
11489
|
-
var _templateObject$
|
|
11490
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11491
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
11714
|
+
var _templateObject$2o, _templateObject2$1J;
|
|
11715
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__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"])));
|
|
11716
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
11492
11717
|
|
|
11493
|
-
var _templateObject$
|
|
11718
|
+
var _templateObject$2p;
|
|
11494
11719
|
var HeaderTitle = function HeaderTitle(props) {
|
|
11495
11720
|
return React.createElement(React.Fragment, null, React.createElement(Title$7, null, props.title));
|
|
11496
11721
|
};
|
|
11497
|
-
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$
|
|
11722
|
+
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$2p || (_templateObject$2p = /*#__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"])));
|
|
11498
11723
|
|
|
11499
|
-
var _templateObject$
|
|
11724
|
+
var _templateObject$2q, _templateObject2$1K;
|
|
11500
11725
|
function Breadcrumb(props) {
|
|
11501
11726
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
11502
11727
|
}
|
|
11503
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11504
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
11728
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11729
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11505
11730
|
|
|
11506
11731
|
var RouterHeader = function RouterHeader(_ref) {
|
|
11507
11732
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|