@bjsdistribution/dms-client-return 0.0.15 → 0.0.17
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 -589
- 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 -590
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- 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 +3 -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 +14 -15
- 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
|
@@ -589,6 +589,8 @@ var ordersInitialValue = {
|
|
|
589
589
|
order_locked_by: null,
|
|
590
590
|
delivery_instructions: null,
|
|
591
591
|
drop_time: null,
|
|
592
|
+
created_by: null,
|
|
593
|
+
created_at: null,
|
|
592
594
|
order_recipient: {
|
|
593
595
|
id: null,
|
|
594
596
|
order_id: null,
|
|
@@ -2391,35 +2393,15 @@ var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateOb
|
|
|
2391
2393
|
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
2392
2394
|
|
|
2393
2395
|
var _templateObject$C, _templateObject2$p, _templateObject3$c;
|
|
2394
|
-
// import { useOrderDetails } from '../../../store';
|
|
2395
2396
|
function AllowTracking() {
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
// ...prev,
|
|
2402
|
-
// allow_live_tracking: !orderDetails.allow_live_tracking,
|
|
2403
|
-
// };
|
|
2404
|
-
// });
|
|
2405
|
-
// };
|
|
2406
|
-
return React__default.createElement(Container$s, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$1, null, "Created: "), " IT - Manpreet Kaur, 21/08/2024 13:00:51"));
|
|
2397
|
+
var _useOrderDetails = useOrderDetails(),
|
|
2398
|
+
orderDetails = _useOrderDetails[0];
|
|
2399
|
+
var createdBy = (orderDetails == null ? void 0 : orderDetails.created_by) || 'Unknown';
|
|
2400
|
+
var createdAt = (orderDetails == null ? void 0 : orderDetails.created_at) || 'Not available';
|
|
2401
|
+
return React__default.createElement(Container$s, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2407
2402
|
}
|
|
2408
|
-
// const Wrapper = styled.div`
|
|
2409
|
-
// display: flex;
|
|
2410
|
-
// gap: 10px;
|
|
2411
|
-
// align-items: center;
|
|
2412
|
-
// `;
|
|
2413
2403
|
var Text$1 = /*#__PURE__*/styled__default.span(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
2414
2404
|
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
2415
|
-
// const Tracking = styled.span`
|
|
2416
|
-
// color: #3a3630;
|
|
2417
|
-
// font-family: 'Lato', sans-serif;
|
|
2418
|
-
// font-size: 13px;
|
|
2419
|
-
// font-style: normal;
|
|
2420
|
-
// font-weight: 400;
|
|
2421
|
-
// line-height: 16px;
|
|
2422
|
-
// `;
|
|
2423
2405
|
var Container$s = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2424
2406
|
|
|
2425
2407
|
function useUpdateOrder() {
|
|
@@ -2915,8 +2897,9 @@ var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templa
|
|
|
2915
2897
|
var CustomizedFormSection = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
2916
2898
|
|
|
2917
2899
|
var _templateObject$J;
|
|
2918
|
-
|
|
2919
|
-
|
|
2900
|
+
// import styled from 'styled-components';
|
|
2901
|
+
function SystemCollapsedContent() {
|
|
2902
|
+
return React__default.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
2920
2903
|
}
|
|
2921
2904
|
var Font = /*#__PURE__*/styled__default.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"])));
|
|
2922
2905
|
|
|
@@ -2941,7 +2924,7 @@ function CollapsableForm(props) {
|
|
|
2941
2924
|
var _useState = React.useState(true),
|
|
2942
2925
|
isExpanded = _useState[0],
|
|
2943
2926
|
setIsExpanded = _useState[1];
|
|
2944
|
-
return React__default.createElement(MainContainer$4, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent
|
|
2927
|
+
return React__default.createElement(MainContainer$4, null, React__default.createElement(CardHeader$1, null, React__default.createElement(CollapsedContent, null, props.collapsedContent, React__default.createElement(Container$y, null, React__default.createElement(Text$2, {
|
|
2945
2928
|
onClick: function onClick() {
|
|
2946
2929
|
return setIsExpanded(function (prev) {
|
|
2947
2930
|
return !prev;
|
|
@@ -2965,58 +2948,9 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_t
|
|
|
2965
2948
|
return props.isExpanded ? '360deg' : '180deg';
|
|
2966
2949
|
});
|
|
2967
2950
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2968
|
-
var CollapsedContent
|
|
2969
|
-
|
|
2970
|
-
var _templateObject$L;
|
|
2971
|
-
function Order() {
|
|
2972
|
-
return React__default.createElement(Table$1, null, React__default.createElement(CollapsableForm, {
|
|
2973
|
-
collapsedContent: React__default.createElement(CollapsedContent, null)
|
|
2974
|
-
}, React__default.createElement(dmsComponentLibrary.Alert, {
|
|
2975
|
-
description: "",
|
|
2976
|
-
onClose: function onClose() {},
|
|
2977
|
-
type: "warn",
|
|
2978
|
-
title: "No records found",
|
|
2979
|
-
showOkButton: false
|
|
2980
|
-
})));
|
|
2981
|
-
}
|
|
2982
|
-
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
2983
|
-
|
|
2984
|
-
var _templateObject$M;
|
|
2985
|
-
// import styled from 'styled-components';
|
|
2986
|
-
function CollapsedContent$2() {
|
|
2987
|
-
return React__default.createElement(Font$1, null, "TOOLBOX RESOURCES");
|
|
2988
|
-
}
|
|
2989
|
-
var Font$1 = /*#__PURE__*/styled__default.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"])));
|
|
2990
|
-
|
|
2991
|
-
var _templateObject$N;
|
|
2992
|
-
function Toolbox() {
|
|
2993
|
-
var _orderToolbox$data, _orderToolbox$data$;
|
|
2994
|
-
var _useOrderProductsTool = useOrderProductsToolbox(),
|
|
2995
|
-
orderToolbox = _useOrderProductsTool[0];
|
|
2996
|
-
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 : '';
|
|
2997
|
-
return React__default.createElement(StyledTable$1, null, React__default.createElement(CollapsableForm, {
|
|
2998
|
-
collapsedContent: React__default.createElement(CollapsedContent$2, null)
|
|
2999
|
-
}, React__default.createElement("div", {
|
|
3000
|
-
style: {
|
|
3001
|
-
overflow: 'auto'
|
|
3002
|
-
}
|
|
3003
|
-
}), React__default.createElement("div", {
|
|
3004
|
-
className: "tableStyle",
|
|
3005
|
-
dangerouslySetInnerHTML: {
|
|
3006
|
-
__html: htmlContent
|
|
3007
|
-
}
|
|
3008
|
-
})));
|
|
3009
|
-
}
|
|
3010
|
-
var StyledTable$1 = /*#__PURE__*/styled__default.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"])));
|
|
3011
|
-
|
|
3012
|
-
var _templateObject$O;
|
|
3013
|
-
// import styled from 'styled-components';
|
|
3014
|
-
function SystemCollapsedContent() {
|
|
3015
|
-
return React__default.createElement(Font$2, null, "SYSTEM EVENT LOGS");
|
|
3016
|
-
}
|
|
3017
|
-
var Font$2 = /*#__PURE__*/styled__default.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"])));
|
|
2951
|
+
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
3018
2952
|
|
|
3019
|
-
var _templateObject$
|
|
2953
|
+
var _templateObject$L, _templateObject2$w, _templateObject3$j;
|
|
3020
2954
|
function CustomScrollBar(props) {
|
|
3021
2955
|
var children = props.children,
|
|
3022
2956
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -3034,11 +2968,11 @@ function CustomScrollBar(props) {
|
|
|
3034
2968
|
}
|
|
3035
2969
|
}, children);
|
|
3036
2970
|
}
|
|
3037
|
-
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2971
|
+
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
3038
2972
|
var View = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
3039
2973
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
3040
2974
|
|
|
3041
|
-
var _templateObject$
|
|
2975
|
+
var _templateObject$M, _templateObject2$x, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
3042
2976
|
function DynamicTable(_ref) {
|
|
3043
2977
|
var columns = _ref.columns,
|
|
3044
2978
|
data = _ref.data;
|
|
@@ -3059,7 +2993,7 @@ function DynamicTable(_ref) {
|
|
|
3059
2993
|
var smallColumns = ['types', 'sources', 'event', 'code', 'type', 'route', 'category', 'action'];
|
|
3060
2994
|
var mediumColumns = ['date'];
|
|
3061
2995
|
var largeColumns = ['reference', 'notes', 'details', 'datetime'];
|
|
3062
|
-
return React__default.createElement(MainContainer$5, null, React__default.createElement(Container$z, null, React__default.createElement(TableWrapper, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(Table$
|
|
2996
|
+
return React__default.createElement(MainContainer$5, null, React__default.createElement(Container$z, null, React__default.createElement(TableWrapper, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
|
|
3063
2997
|
return React__default.createElement(TableRow, {
|
|
3064
2998
|
key: headerGroup.id
|
|
3065
2999
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -3084,17 +3018,17 @@ function DynamicTable(_ref) {
|
|
|
3084
3018
|
// transform: rotate(180deg);
|
|
3085
3019
|
// cursor: pointer;
|
|
3086
3020
|
// `;
|
|
3087
|
-
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3021
|
+
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
3088
3022
|
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
3089
3023
|
var TableHeadData = /*#__PURE__*/styled__default.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
3090
3024
|
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
3091
3025
|
var TableRow = /*#__PURE__*/styled__default.tr(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
3092
3026
|
var TableBody = /*#__PURE__*/styled__default.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"])));
|
|
3093
3027
|
var TableHead = /*#__PURE__*/styled__default.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"])));
|
|
3094
|
-
var Table$
|
|
3028
|
+
var Table$1 = /*#__PURE__*/styled__default.table(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
3095
3029
|
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
3096
3030
|
|
|
3097
|
-
var _templateObject$
|
|
3031
|
+
var _templateObject$N, _templateObject2$y;
|
|
3098
3032
|
function Event(props) {
|
|
3099
3033
|
var _props$row;
|
|
3100
3034
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3109,7 +3043,7 @@ function Event(props) {
|
|
|
3109
3043
|
};
|
|
3110
3044
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
3111
3045
|
}
|
|
3112
|
-
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3046
|
+
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3113
3047
|
var Row = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3114
3048
|
|
|
3115
3049
|
//to change data into options
|
|
@@ -3157,25 +3091,25 @@ var priorityData = [{
|
|
|
3157
3091
|
color: '#E95252'
|
|
3158
3092
|
}];
|
|
3159
3093
|
|
|
3160
|
-
var _templateObject$
|
|
3094
|
+
var _templateObject$O, _templateObject2$z;
|
|
3161
3095
|
function Date$1(props) {
|
|
3162
3096
|
var _props$row;
|
|
3163
3097
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3164
3098
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate(data)));
|
|
3165
3099
|
}
|
|
3166
|
-
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3100
|
+
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3167
3101
|
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3168
3102
|
|
|
3169
|
-
var _templateObject$
|
|
3103
|
+
var _templateObject$P, _templateObject2$A;
|
|
3170
3104
|
function Code(props) {
|
|
3171
3105
|
var _props$row;
|
|
3172
3106
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3173
3107
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
3174
3108
|
}
|
|
3175
|
-
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3109
|
+
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3176
3110
|
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3177
3111
|
|
|
3178
|
-
var _templateObject$
|
|
3112
|
+
var _templateObject$Q, _templateObject2$B;
|
|
3179
3113
|
function Note(props) {
|
|
3180
3114
|
var _props$row;
|
|
3181
3115
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3183,7 +3117,7 @@ function Note(props) {
|
|
|
3183
3117
|
title: data
|
|
3184
3118
|
}, React__default.createElement(Row$3, null, data));
|
|
3185
3119
|
}
|
|
3186
|
-
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3120
|
+
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3187
3121
|
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3188
3122
|
|
|
3189
3123
|
var tableColumns = [{
|
|
@@ -3287,7 +3221,7 @@ function useGetEventNotes() {
|
|
|
3287
3221
|
return perform;
|
|
3288
3222
|
}
|
|
3289
3223
|
|
|
3290
|
-
var _templateObject$
|
|
3224
|
+
var _templateObject$R;
|
|
3291
3225
|
function SystemLogs() {
|
|
3292
3226
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
3293
3227
|
systemLogs = _useOrderProductSyste[0];
|
|
@@ -3332,14 +3266,14 @@ function SystemLogs() {
|
|
|
3332
3266
|
React.useEffect(function () {
|
|
3333
3267
|
fetchReminderData();
|
|
3334
3268
|
}, [setNotesData]);
|
|
3335
|
-
return React__default.createElement(Table$
|
|
3269
|
+
return React__default.createElement(Table$2, null, React__default.createElement(CollapsableForm, {
|
|
3336
3270
|
collapsedContent: React__default.createElement(SystemCollapsedContent, null)
|
|
3337
3271
|
}, React__default.createElement(DynamicTable, {
|
|
3338
3272
|
columns: tableColumns,
|
|
3339
3273
|
data: systemLogs
|
|
3340
3274
|
})));
|
|
3341
3275
|
}
|
|
3342
|
-
var Table$
|
|
3276
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
3343
3277
|
|
|
3344
3278
|
var StatusOptions = [{
|
|
3345
3279
|
label: 'Released',
|
|
@@ -3496,7 +3430,7 @@ function ConfirmedIcon() {
|
|
|
3496
3430
|
}))));
|
|
3497
3431
|
}
|
|
3498
3432
|
|
|
3499
|
-
var _templateObject$
|
|
3433
|
+
var _templateObject$S, _templateObject2$C, _templateObject3$l, _templateObject4$9;
|
|
3500
3434
|
function Status() {
|
|
3501
3435
|
var _useStatusDetails = useStatusDetails(),
|
|
3502
3436
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3542,22 +3476,22 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3542
3476
|
return null;
|
|
3543
3477
|
}
|
|
3544
3478
|
};
|
|
3545
|
-
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3479
|
+
var BoxContainer = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
3546
3480
|
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
3547
|
-
var Container$A = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
3481
|
+
var Container$A = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3548
3482
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3549
3483
|
|
|
3550
|
-
var _templateObject$
|
|
3484
|
+
var _templateObject$T;
|
|
3551
3485
|
// import LockOrder from './LockOrder';
|
|
3552
3486
|
function GeneralHeader() {
|
|
3553
3487
|
return React__default.createElement(Section, null, React__default.createElement(Status, null));
|
|
3554
3488
|
}
|
|
3555
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3489
|
+
var Section = /*#__PURE__*/styled__default.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"])));
|
|
3556
3490
|
|
|
3557
3491
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3558
|
-
var StyledTable$
|
|
3492
|
+
var StyledTable$1 = /*#__PURE__*/styled__default.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n .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"])));
|
|
3559
3493
|
// Styled components
|
|
3560
|
-
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height:
|
|
3494
|
+
var StyledTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
3561
3495
|
var CustomDrop = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
3562
3496
|
|
|
3563
3497
|
var ActionIcon = function ActionIcon() {
|
|
@@ -3691,7 +3625,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3691
3625
|
}, []);
|
|
3692
3626
|
return React__default.createElement("div", null, React__default.createElement(StyledTableWrapper, {
|
|
3693
3627
|
id: "tableScrolling"
|
|
3694
|
-
}, React__default.createElement(StyledTable$
|
|
3628
|
+
}, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
3695
3629
|
className: "emailInvoiceCheckbox"
|
|
3696
3630
|
}, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
3697
3631
|
checked: selectAll,
|
|
@@ -3720,13 +3654,13 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
3720
3654
|
}, "No records found"))))));
|
|
3721
3655
|
};
|
|
3722
3656
|
|
|
3723
|
-
var _templateObject$
|
|
3657
|
+
var _templateObject$U;
|
|
3724
3658
|
var ProductTable = function ProductTable() {
|
|
3725
3659
|
return React__default.createElement(Container$B, null, React__default.createElement(ReturnProductTable, null));
|
|
3726
3660
|
};
|
|
3727
|
-
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3661
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3728
3662
|
|
|
3729
|
-
var _templateObject$
|
|
3663
|
+
var _templateObject$V, _templateObject2$D, _templateObject3$m;
|
|
3730
3664
|
function ExpandedContent$2() {
|
|
3731
3665
|
var SaveNote = function SaveNote() {
|
|
3732
3666
|
// alert('saved');
|
|
@@ -3742,15 +3676,15 @@ function ExpandedContent$2() {
|
|
|
3742
3676
|
onClick: SaveNote
|
|
3743
3677
|
}, "SAVE Details"))));
|
|
3744
3678
|
}
|
|
3745
|
-
var MidConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3679
|
+
var MidConatiner = /*#__PURE__*/styled__default.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"])));
|
|
3746
3680
|
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3747
3681
|
var Container$C = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3748
3682
|
|
|
3749
|
-
var _templateObject$
|
|
3683
|
+
var _templateObject$W;
|
|
3750
3684
|
// import ModalManager from '../../modalsPopup/ModalManager';
|
|
3751
3685
|
// import { countReducerAtom, useProductDetails } from '../../store';
|
|
3752
3686
|
// import { useAtom } from 'jotai';
|
|
3753
|
-
function CollapsedContent$
|
|
3687
|
+
function CollapsedContent$1() {
|
|
3754
3688
|
// const [, dispatch] = useAtom(countReducerAtom);
|
|
3755
3689
|
// const [productdata] = useProductDetails();
|
|
3756
3690
|
// const totalItems = productdata?.length;
|
|
@@ -3816,7 +3750,7 @@ function CollapsedContent$3() {
|
|
|
3816
3750
|
// align-items: center;
|
|
3817
3751
|
// gap: 30px;
|
|
3818
3752
|
// `;
|
|
3819
|
-
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3753
|
+
var Container$D = /*#__PURE__*/styled__default.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"])));
|
|
3820
3754
|
|
|
3821
3755
|
// Dropdown
|
|
3822
3756
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -3910,143 +3844,26 @@ function ProductsInfo() {
|
|
|
3910
3844
|
}
|
|
3911
3845
|
}, [fetchedData, loading]);
|
|
3912
3846
|
return React__default.createElement(CollapsableForm, {
|
|
3913
|
-
collapsedContent: React__default.createElement(CollapsedContent$
|
|
3847
|
+
collapsedContent: React__default.createElement(CollapsedContent$1, null)
|
|
3914
3848
|
}, React__default.createElement(ExpandedContent$2, null));
|
|
3915
3849
|
}
|
|
3916
3850
|
|
|
3917
|
-
var _templateObject
|
|
3918
|
-
// import styled from 'styled-components';
|
|
3919
|
-
function TomTomCollapsedContent() {
|
|
3920
|
-
return React__default.createElement(Font$3, null, "TOMTOM LOGS");
|
|
3921
|
-
}
|
|
3922
|
-
var Font$3 = /*#__PURE__*/styled__default.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"])));
|
|
3923
|
-
|
|
3924
|
-
var options = [{
|
|
3925
|
-
label: 'Task',
|
|
3926
|
-
value: 'task',
|
|
3927
|
-
selectedBackgroundColor: '#F0F2F2',
|
|
3928
|
-
selectedFontColor: '#3a3630'
|
|
3929
|
-
}, {
|
|
3930
|
-
label: 'Reminder',
|
|
3931
|
-
value: 'reminder',
|
|
3932
|
-
selectedBackgroundColor: 'white',
|
|
3933
|
-
selectedFontColor: '#3a3630'
|
|
3934
|
-
}];
|
|
3935
|
-
var ReturnData = [{
|
|
3936
|
-
label: 'Return1',
|
|
3937
|
-
value: 'return1'
|
|
3938
|
-
}, {
|
|
3939
|
-
label: 'Return2',
|
|
3940
|
-
value: 'return2'
|
|
3941
|
-
}, {
|
|
3942
|
-
label: 'Return3',
|
|
3943
|
-
value: 'return3'
|
|
3944
|
-
}];
|
|
3945
|
-
var TaskType = [{
|
|
3946
|
-
label: 'Client',
|
|
3947
|
-
value: 'client'
|
|
3948
|
-
}, {
|
|
3949
|
-
label: 'Customer Service (CS)',
|
|
3950
|
-
value: 'cs'
|
|
3951
|
-
}, {
|
|
3952
|
-
label: 'Transport (DH)',
|
|
3953
|
-
value: 'dh'
|
|
3954
|
-
}, {
|
|
3955
|
-
label: 'Warehouse',
|
|
3956
|
-
value: 'warehouse'
|
|
3957
|
-
}, {
|
|
3958
|
-
label: 'Customer Portal',
|
|
3959
|
-
value: 'customer-portal'
|
|
3960
|
-
}, {
|
|
3961
|
-
label: 'Delivery App',
|
|
3962
|
-
value: 'delivery-app'
|
|
3963
|
-
}, {
|
|
3964
|
-
label: 'Complaints',
|
|
3965
|
-
value: 'complaints'
|
|
3966
|
-
}, {
|
|
3967
|
-
label: 'Offshore',
|
|
3968
|
-
value: 'offshore'
|
|
3969
|
-
}, {
|
|
3970
|
-
label: 'Stock Admin',
|
|
3971
|
-
value: 'stock-admin'
|
|
3972
|
-
}, {
|
|
3973
|
-
label: 'Call Customer',
|
|
3974
|
-
value: 'call-customer'
|
|
3975
|
-
}, {
|
|
3976
|
-
label: 'Driver Compliance',
|
|
3977
|
-
value: 'driver-compliance'
|
|
3978
|
-
}];
|
|
3979
|
-
var CustomOptions = [{
|
|
3980
|
-
label: 'Private',
|
|
3981
|
-
value: 'private'
|
|
3982
|
-
}, {
|
|
3983
|
-
label: 'Public',
|
|
3984
|
-
value: 'public'
|
|
3985
|
-
}];
|
|
3986
|
-
var DefectConfirm = [{
|
|
3987
|
-
label: 'Yes',
|
|
3988
|
-
value: 'yes'
|
|
3989
|
-
}, {
|
|
3990
|
-
label: 'No',
|
|
3991
|
-
value: 'no'
|
|
3992
|
-
}];
|
|
3993
|
-
var TomTomColumns = [{
|
|
3994
|
-
header: 'Event Date',
|
|
3995
|
-
accessorKey: 'eventdate'
|
|
3996
|
-
}, {
|
|
3997
|
-
header: 'Route',
|
|
3998
|
-
accessorKey: 'route'
|
|
3999
|
-
}, {
|
|
4000
|
-
header: 'Details',
|
|
4001
|
-
accessorKey: 'details'
|
|
4002
|
-
}, {
|
|
4003
|
-
header: 'Type',
|
|
4004
|
-
accessorKey: 'type'
|
|
4005
|
-
}];
|
|
4006
|
-
var tomtomResources = [{
|
|
4007
|
-
route: 'Hammer',
|
|
4008
|
-
details: 'Sent to Object; RYF',
|
|
4009
|
-
eventdate: '2024-06-01',
|
|
4010
|
-
type: 'workFlow'
|
|
4011
|
-
}, {
|
|
4012
|
-
route: 'Screwdriver',
|
|
4013
|
-
details: 'Sent to Object; RYF',
|
|
4014
|
-
eventdate: '2024-06-10',
|
|
4015
|
-
type: 'workFlow'
|
|
4016
|
-
}, {
|
|
4017
|
-
route: 'Wrench',
|
|
4018
|
-
details: 'Sent to Object; RYF',
|
|
4019
|
-
eventdate: '2024-06-20',
|
|
4020
|
-
type: 'workFlow'
|
|
4021
|
-
}];
|
|
4022
|
-
|
|
4023
|
-
var _templateObject$10;
|
|
4024
|
-
function TomTomLogs() {
|
|
4025
|
-
return React__default.createElement(Table$4, null, React__default.createElement(CollapsableForm, {
|
|
4026
|
-
collapsedContent: React__default.createElement(TomTomCollapsedContent, null)
|
|
4027
|
-
}, React__default.createElement(DynamicTable, {
|
|
4028
|
-
columns: TomTomColumns,
|
|
4029
|
-
data: tomtomResources
|
|
4030
|
-
})));
|
|
4031
|
-
}
|
|
4032
|
-
var Table$4 = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4033
|
-
|
|
4034
|
-
var _templateObject$11;
|
|
3851
|
+
var _templateObject$X;
|
|
4035
3852
|
function BackgroundModal(props) {
|
|
4036
3853
|
return reactDom.createPortal(React__default.createElement(Container$E, Object.assign({}, props), props.children), document.body);
|
|
4037
3854
|
}
|
|
4038
|
-
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3855
|
+
var Container$E = /*#__PURE__*/styled__default.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"])));
|
|
4039
3856
|
|
|
4040
|
-
var _templateObject$
|
|
3857
|
+
var _templateObject$Y, _templateObject2$E, _templateObject3$n, _templateObject4$a;
|
|
4041
3858
|
function AdditionalInformation(props) {
|
|
4042
3859
|
return React__default.createElement(Container$F, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$3, null, props.info)));
|
|
4043
3860
|
}
|
|
4044
|
-
var Text$3 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
3861
|
+
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
4045
3862
|
var Container$F = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4046
3863
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
4047
3864
|
var AdditionalInfo = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
4048
3865
|
|
|
4049
|
-
var _templateObject$
|
|
3866
|
+
var _templateObject$Z, _templateObject2$F, _templateObject3$o, _templateObject4$b;
|
|
4050
3867
|
function OrderActionHeader(props) {
|
|
4051
3868
|
var title = props.title,
|
|
4052
3869
|
actions = props.actions,
|
|
@@ -4061,12 +3878,12 @@ function OrderActionHeader(props) {
|
|
|
4061
3878
|
onClick: onClose
|
|
4062
3879
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
4063
3880
|
}
|
|
4064
|
-
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3881
|
+
var Wrapper$b = /*#__PURE__*/styled__default.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"])));
|
|
4065
3882
|
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
4066
3883
|
var Title = /*#__PURE__*/styled__default.h3(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
4067
3884
|
var Container$G = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
4068
3885
|
|
|
4069
|
-
var _templateObject$
|
|
3886
|
+
var _templateObject$_, _templateObject2$G;
|
|
4070
3887
|
function OrderActionFooter(props) {
|
|
4071
3888
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
4072
3889
|
return React__default.createElement(Container$H, null, React__default.createElement(SubmitButton, {
|
|
@@ -4076,10 +3893,10 @@ function OrderActionFooter(props) {
|
|
|
4076
3893
|
disabled: isSubmitDisabled
|
|
4077
3894
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
4078
3895
|
}
|
|
4079
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
3896
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4080
3897
|
var Container$H = /*#__PURE__*/styled__default.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"])));
|
|
4081
3898
|
|
|
4082
|
-
var _templateObject
|
|
3899
|
+
var _templateObject$$;
|
|
4083
3900
|
function OrderActionModal(props) {
|
|
4084
3901
|
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$6, null, React__default.createElement(OrderActionHeader, {
|
|
4085
3902
|
title: props.headerTitle,
|
|
@@ -4094,9 +3911,9 @@ function OrderActionModal(props) {
|
|
|
4094
3911
|
isSubmitDisabled: props.isSubmitDisabled
|
|
4095
3912
|
})));
|
|
4096
3913
|
}
|
|
4097
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject
|
|
3914
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
4098
3915
|
|
|
4099
|
-
var _templateObject$
|
|
3916
|
+
var _templateObject$10, _templateObject2$H;
|
|
4100
3917
|
function OrderActionsDropdown(props) {
|
|
4101
3918
|
return React__default.createElement(Container$I, {
|
|
4102
3919
|
className: props.className
|
|
@@ -4114,7 +3931,7 @@ function OrderActionsDropdown(props) {
|
|
|
4114
3931
|
selectWrapperClass: 'rounded'
|
|
4115
3932
|
}));
|
|
4116
3933
|
}
|
|
4117
|
-
var Label = /*#__PURE__*/styled__default.label(_templateObject$
|
|
3934
|
+
var Label = /*#__PURE__*/styled__default.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"])));
|
|
4118
3935
|
var Container$I = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4119
3936
|
|
|
4120
3937
|
function DocumentTypeDropdown() {
|
|
@@ -4195,7 +4012,7 @@ function UploadIcon(props) {
|
|
|
4195
4012
|
})));
|
|
4196
4013
|
}
|
|
4197
4014
|
|
|
4198
|
-
var _templateObject$
|
|
4015
|
+
var _templateObject$11, _templateObject2$I, _templateObject3$p, _templateObject4$c, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
4199
4016
|
var Dragger = antd.Upload.Dragger;
|
|
4200
4017
|
var props = {
|
|
4201
4018
|
name: 'file',
|
|
@@ -4222,7 +4039,7 @@ function DocFileUpload() {
|
|
|
4222
4039
|
shape: 'rounded'
|
|
4223
4040
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4224
4041
|
}
|
|
4225
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4042
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
4226
4043
|
var Text2 = /*#__PURE__*/styled__default.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"])));
|
|
4227
4044
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4228
4045
|
var Text1 = /*#__PURE__*/styled__default.p(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
@@ -4230,7 +4047,7 @@ var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_t
|
|
|
4230
4047
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4231
4048
|
var Container$J = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
4232
4049
|
|
|
4233
|
-
var _templateObject$
|
|
4050
|
+
var _templateObject$12, _templateObject2$J, _templateObject3$q, _templateObject4$d;
|
|
4234
4051
|
// import DocFileUpload from './DocFileUpload';
|
|
4235
4052
|
function AddResources() {
|
|
4236
4053
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4246,12 +4063,12 @@ function AddResources() {
|
|
|
4246
4063
|
onSubmit: function onSubmit() {}
|
|
4247
4064
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$1, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
4248
4065
|
}
|
|
4249
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4066
|
+
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4250
4067
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4251
4068
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4252
4069
|
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
4253
4070
|
|
|
4254
|
-
var _templateObject$
|
|
4071
|
+
var _templateObject$13, _templateObject2$K, _templateObject3$r;
|
|
4255
4072
|
function SplitOrderTable() {
|
|
4256
4073
|
return React__default.createElement(GLobalPopupContent, null, React__default.createElement(TableSkelton, null, React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
4257
4074
|
className: "container"
|
|
@@ -4279,11 +4096,11 @@ function SplitOrderTable() {
|
|
|
4279
4096
|
className: "checkmark"
|
|
4280
4097
|
})))), React__default.createElement("td", null, "Return"), React__default.createElement("td", null, "FFLMW-B1"), React__default.createElement("td", null, "Outstanding"), React__default.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React__default.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React__default.createElement("td", null, "007022530015429326"))))));
|
|
4281
4098
|
}
|
|
4282
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4099
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.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"])));
|
|
4283
4100
|
var TableSkelton = /*#__PURE__*/styled__default.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"])));
|
|
4284
4101
|
var CustomCheckBox = /*#__PURE__*/styled__default.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"])));
|
|
4285
4102
|
|
|
4286
|
-
var _templateObject$
|
|
4103
|
+
var _templateObject$14;
|
|
4287
4104
|
function SplitOrder() {
|
|
4288
4105
|
var _useCurrentAction = useCurrentAction(),
|
|
4289
4106
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4299,7 +4116,7 @@ function SplitOrder() {
|
|
|
4299
4116
|
submitBtnTitle: "Split Order"
|
|
4300
4117
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
4301
4118
|
}
|
|
4302
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4119
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
4303
4120
|
|
|
4304
4121
|
function RadioButtonCheckIcon(props) {
|
|
4305
4122
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4330,7 +4147,7 @@ var fonts = {
|
|
|
4330
4147
|
secondary: "'Lato', sans-serif"
|
|
4331
4148
|
};
|
|
4332
4149
|
|
|
4333
|
-
var _templateObject$
|
|
4150
|
+
var _templateObject$15, _templateObject2$L, _templateObject3$s;
|
|
4334
4151
|
function RadioButton(props) {
|
|
4335
4152
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4336
4153
|
color: props.color
|
|
@@ -4341,7 +4158,7 @@ function RadioButton(props) {
|
|
|
4341
4158
|
htmlFor: props.id
|
|
4342
4159
|
}, props.label));
|
|
4343
4160
|
}
|
|
4344
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4161
|
+
var Label$2 = /*#__PURE__*/styled__default.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);
|
|
4345
4162
|
var Input = /*#__PURE__*/styled__default.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) {
|
|
4346
4163
|
return props.color || '#6396e5';
|
|
4347
4164
|
}, function (props) {
|
|
@@ -4349,7 +4166,7 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject2$L || (_templateO
|
|
|
4349
4166
|
});
|
|
4350
4167
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4351
4168
|
|
|
4352
|
-
var _templateObject$
|
|
4169
|
+
var _templateObject$16, _templateObject2$M, _templateObject3$t, _templateObject4$e, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4353
4170
|
function RadioButtonGroup(props) {
|
|
4354
4171
|
var heading = props.heading,
|
|
4355
4172
|
_props$direction = props.direction,
|
|
@@ -4384,7 +4201,7 @@ function RadioButtonGroup(props) {
|
|
|
4384
4201
|
className: "custom-wrapper"
|
|
4385
4202
|
}, renderOptions()));
|
|
4386
4203
|
}
|
|
4387
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4204
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4388
4205
|
var labelStyles = /*#__PURE__*/styled.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);
|
|
4389
4206
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4390
4207
|
return !props.$required && 'visibility: hidden;';
|
|
@@ -4396,7 +4213,7 @@ var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templat
|
|
|
4396
4213
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4397
4214
|
});
|
|
4398
4215
|
|
|
4399
|
-
var _templateObject$
|
|
4216
|
+
var _templateObject$17;
|
|
4400
4217
|
var deliveryPoints = [{
|
|
4401
4218
|
label: 'Hallway',
|
|
4402
4219
|
value: 'hallway'
|
|
@@ -4427,9 +4244,9 @@ function DeliveryPoint() {
|
|
|
4427
4244
|
required: false
|
|
4428
4245
|
}));
|
|
4429
4246
|
}
|
|
4430
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4247
|
+
var Container$K = /*#__PURE__*/styled__default.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"])));
|
|
4431
4248
|
|
|
4432
|
-
var _templateObject$
|
|
4249
|
+
var _templateObject$18, _templateObject2$N, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$3;
|
|
4433
4250
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4434
4251
|
function Checkbox(props) {
|
|
4435
4252
|
var imageSrc = props.imageSrc,
|
|
@@ -4450,7 +4267,7 @@ function Checkbox(props) {
|
|
|
4450
4267
|
"$checked": checked
|
|
4451
4268
|
}, label)));
|
|
4452
4269
|
}
|
|
4453
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
4270
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4454
4271
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4455
4272
|
});
|
|
4456
4273
|
var CircleContainer = /*#__PURE__*/styled__default.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"])));
|
|
@@ -4490,7 +4307,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4490
4307
|
return "" + baseURL$1 + subPath;
|
|
4491
4308
|
};
|
|
4492
4309
|
|
|
4493
|
-
var _templateObject$
|
|
4310
|
+
var _templateObject$19;
|
|
4494
4311
|
function OrderServices$1() {
|
|
4495
4312
|
// TO DO -> get services from static data
|
|
4496
4313
|
return React__default.createElement(Container$L, null, React__default.createElement(Checkbox, {
|
|
@@ -4515,9 +4332,9 @@ function OrderServices$1() {
|
|
|
4515
4332
|
imageSrc: getIcon$1(4)
|
|
4516
4333
|
}));
|
|
4517
4334
|
}
|
|
4518
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4335
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4519
4336
|
|
|
4520
|
-
var _templateObject$
|
|
4337
|
+
var _templateObject$1a, _templateObject2$O;
|
|
4521
4338
|
function Notes$1(_ref) {
|
|
4522
4339
|
var onNotesChange = _ref.onNotesChange;
|
|
4523
4340
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -4528,10 +4345,10 @@ function Notes$1(_ref) {
|
|
|
4528
4345
|
onChange: handleTextChange
|
|
4529
4346
|
}));
|
|
4530
4347
|
}
|
|
4531
|
-
var Label$3 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4348
|
+
var Label$3 = /*#__PURE__*/styled__default.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"])));
|
|
4532
4349
|
var Container$M = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4533
4350
|
|
|
4534
|
-
var _templateObject$
|
|
4351
|
+
var _templateObject$1b, _templateObject2$P, _templateObject3$v;
|
|
4535
4352
|
function LogServiceRefusal() {
|
|
4536
4353
|
var _useCurrentAction = useCurrentAction(),
|
|
4537
4354
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4551,17 +4368,17 @@ function LogServiceRefusal() {
|
|
|
4551
4368
|
}
|
|
4552
4369
|
}))));
|
|
4553
4370
|
}
|
|
4554
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4371
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
4555
4372
|
var Left = /*#__PURE__*/styled__default.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"])));
|
|
4556
4373
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4557
4374
|
|
|
4558
|
-
var _templateObject$
|
|
4375
|
+
var _templateObject$1c, _templateObject2$Q;
|
|
4559
4376
|
function CancelationNote() {
|
|
4560
4377
|
return React__default.createElement(Container$N, null, React__default.createElement(Label$4, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4561
4378
|
rows: 5
|
|
4562
4379
|
}));
|
|
4563
4380
|
}
|
|
4564
|
-
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4381
|
+
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
4565
4382
|
var Container$N = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4566
4383
|
|
|
4567
4384
|
function CancelationReason() {
|
|
@@ -4600,7 +4417,7 @@ function ReturnReason() {
|
|
|
4600
4417
|
});
|
|
4601
4418
|
}
|
|
4602
4419
|
|
|
4603
|
-
var _templateObject$
|
|
4420
|
+
var _templateObject$1d;
|
|
4604
4421
|
function CancelOrderTable() {
|
|
4605
4422
|
var options = [{
|
|
4606
4423
|
value: 'bjsCouriers',
|
|
@@ -4655,9 +4472,9 @@ function CancelOrderTable() {
|
|
|
4655
4472
|
}
|
|
4656
4473
|
}));
|
|
4657
4474
|
}
|
|
4658
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4475
|
+
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.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"])));
|
|
4659
4476
|
|
|
4660
|
-
var _templateObject$
|
|
4477
|
+
var _templateObject$1e, _templateObject2$R, _templateObject3$w, _templateObject4$g, _templateObject5$8, _templateObject6$6;
|
|
4661
4478
|
function CancelOrder() {
|
|
4662
4479
|
var _useCurrentAction = useCurrentAction(),
|
|
4663
4480
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4672,20 +4489,20 @@ function CancelOrder() {
|
|
|
4672
4489
|
onSubmit: function onSubmit() {}
|
|
4673
4490
|
}, React__default.createElement(ContentContainer$3, null, React__default.createElement(Top$2, null, React__default.createElement(TopLeft, null, React__default.createElement(CancelationReason, null), React__default.createElement(Wrapper$d, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(CancelationNote, null))), React__default.createElement(Bottom$2, null, React__default.createElement(CancelOrderTable, null))));
|
|
4674
4491
|
}
|
|
4675
|
-
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4492
|
+
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4676
4493
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4677
4494
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4678
4495
|
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4679
4496
|
var Bottom$2 = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4680
4497
|
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
4681
4498
|
|
|
4682
|
-
var _templateObject$
|
|
4683
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4499
|
+
var _templateObject$1f, _templateObject5$9, _templateObject6$7, _templateObject7$6;
|
|
4500
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4684
4501
|
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.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"])));
|
|
4685
4502
|
var TableSkelton$1 = /*#__PURE__*/styled__default.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"])));
|
|
4686
4503
|
var CustomCheckBox$1 = /*#__PURE__*/styled__default.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"])));
|
|
4687
4504
|
|
|
4688
|
-
var options
|
|
4505
|
+
var options = [{
|
|
4689
4506
|
value: 'bjsCouriers',
|
|
4690
4507
|
label: 'BJS COURIERS'
|
|
4691
4508
|
}, {
|
|
@@ -4898,7 +4715,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4898
4715
|
}, React__default.createElement("div", {
|
|
4899
4716
|
className: "col"
|
|
4900
4717
|
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4901
|
-
options: options
|
|
4718
|
+
options: options,
|
|
4902
4719
|
placeholder: "Select Collection Reason",
|
|
4903
4720
|
onChange: onChange,
|
|
4904
4721
|
disabled: false,
|
|
@@ -4908,7 +4725,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4908
4725
|
})), React__default.createElement("div", {
|
|
4909
4726
|
className: "col"
|
|
4910
4727
|
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4911
|
-
options: options
|
|
4728
|
+
options: options,
|
|
4912
4729
|
placeholder: "Return Action",
|
|
4913
4730
|
onChange: onChange,
|
|
4914
4731
|
disabled: false,
|
|
@@ -4918,7 +4735,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4918
4735
|
})), React__default.createElement("div", {
|
|
4919
4736
|
className: "col"
|
|
4920
4737
|
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4921
|
-
options: options
|
|
4738
|
+
options: options,
|
|
4922
4739
|
placeholder: "Return Reason",
|
|
4923
4740
|
onChange: onChange,
|
|
4924
4741
|
disabled: false,
|
|
@@ -4938,7 +4755,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4938
4755
|
}), React__default.createElement("span", {
|
|
4939
4756
|
className: "checkmark"
|
|
4940
4757
|
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4941
|
-
options: options
|
|
4758
|
+
options: options,
|
|
4942
4759
|
placeholder: "Select Collection Reason",
|
|
4943
4760
|
onChange: onChange,
|
|
4944
4761
|
disabled: false,
|
|
@@ -4953,7 +4770,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4953
4770
|
}), React__default.createElement("span", {
|
|
4954
4771
|
className: "checkmark"
|
|
4955
4772
|
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4956
|
-
options: options
|
|
4773
|
+
options: options,
|
|
4957
4774
|
placeholder: "Select Collection Reason",
|
|
4958
4775
|
onChange: onChange,
|
|
4959
4776
|
disabled: false,
|
|
@@ -4968,7 +4785,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4968
4785
|
}), React__default.createElement("span", {
|
|
4969
4786
|
className: "checkmark"
|
|
4970
4787
|
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
4971
|
-
options: options
|
|
4788
|
+
options: options,
|
|
4972
4789
|
placeholder: "Select Collection Reason",
|
|
4973
4790
|
onChange: onChange,
|
|
4974
4791
|
disabled: false,
|
|
@@ -4980,7 +4797,7 @@ var UpdateProductType = function UpdateProductType() {
|
|
|
4980
4797
|
);
|
|
4981
4798
|
};
|
|
4982
4799
|
|
|
4983
|
-
var _templateObject$
|
|
4800
|
+
var _templateObject$1g, _templateObject2$S;
|
|
4984
4801
|
function EmailAddress() {
|
|
4985
4802
|
return React__default.createElement(Container$O, null, React__default.createElement(Label$5, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
4986
4803
|
style: {
|
|
@@ -4988,10 +4805,10 @@ function EmailAddress() {
|
|
|
4988
4805
|
}
|
|
4989
4806
|
}));
|
|
4990
4807
|
}
|
|
4991
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4808
|
+
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4992
4809
|
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4993
4810
|
|
|
4994
|
-
var _templateObject$
|
|
4811
|
+
var _templateObject$1h, _templateObject2$T;
|
|
4995
4812
|
function ContactPhone() {
|
|
4996
4813
|
return React__default.createElement(Container$P, null, React__default.createElement(Label$6, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
4997
4814
|
style: {
|
|
@@ -4999,10 +4816,10 @@ function ContactPhone() {
|
|
|
4999
4816
|
}
|
|
5000
4817
|
}));
|
|
5001
4818
|
}
|
|
5002
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4819
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5003
4820
|
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5004
4821
|
|
|
5005
|
-
var _templateObject$
|
|
4822
|
+
var _templateObject$1i, _templateObject2$U;
|
|
5006
4823
|
function ContactWork$1() {
|
|
5007
4824
|
return React__default.createElement(Container$Q, null, React__default.createElement(Label$7, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5008
4825
|
style: {
|
|
@@ -5010,10 +4827,10 @@ function ContactWork$1() {
|
|
|
5010
4827
|
}
|
|
5011
4828
|
}));
|
|
5012
4829
|
}
|
|
5013
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4830
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5014
4831
|
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5015
4832
|
|
|
5016
|
-
var _templateObject$
|
|
4833
|
+
var _templateObject$1j, _templateObject2$V;
|
|
5017
4834
|
function ContactMobile$1() {
|
|
5018
4835
|
return React__default.createElement(Container$R, null, React__default.createElement(Label$8, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5019
4836
|
style: {
|
|
@@ -5021,7 +4838,7 @@ function ContactMobile$1() {
|
|
|
5021
4838
|
}
|
|
5022
4839
|
}));
|
|
5023
4840
|
}
|
|
5024
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4841
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5025
4842
|
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5026
4843
|
|
|
5027
4844
|
function ContactTypeDropdown() {
|
|
@@ -5070,7 +4887,7 @@ function ActionDropdown() {
|
|
|
5070
4887
|
});
|
|
5071
4888
|
}
|
|
5072
4889
|
|
|
5073
|
-
var _templateObject$
|
|
4890
|
+
var _templateObject$1k, _templateObject2$W;
|
|
5074
4891
|
function DeliveryDate$1() {
|
|
5075
4892
|
var onChange = function onChange() {};
|
|
5076
4893
|
return React__default.createElement(Container$S, null, React__default.createElement(Label$9, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
@@ -5080,7 +4897,7 @@ function DeliveryDate$1() {
|
|
|
5080
4897
|
}
|
|
5081
4898
|
}));
|
|
5082
4899
|
}
|
|
5083
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
4900
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5084
4901
|
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5085
4902
|
|
|
5086
4903
|
function TimedServiceDropdown$1() {
|
|
@@ -5105,16 +4922,16 @@ function TimedServiceDropdown$1() {
|
|
|
5105
4922
|
});
|
|
5106
4923
|
}
|
|
5107
4924
|
|
|
5108
|
-
var _templateObject$
|
|
4925
|
+
var _templateObject$1l, _templateObject2$X, _templateObject3$x, _templateObject4$h;
|
|
5109
4926
|
function CustomerInformation() {
|
|
5110
4927
|
return React__default.createElement(Container$T, null, React__default.createElement(Title$1, null, "Address"), React__default.createElement(AddressField, null, "34 NORTHFIELD AVENUE, PONTEFRACT, WF9 3TG"), React__default.createElement(Wrapper$e, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$e, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5111
4928
|
}
|
|
5112
|
-
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4929
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5113
4930
|
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
5114
4931
|
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
5115
4932
|
var Container$T = /*#__PURE__*/styled__default.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"])));
|
|
5116
4933
|
|
|
5117
|
-
var _templateObject$
|
|
4934
|
+
var _templateObject$1m, _templateObject2$Y;
|
|
5118
4935
|
function ProductTable$1() {
|
|
5119
4936
|
var data = [{
|
|
5120
4937
|
action: 'option1',
|
|
@@ -5154,10 +4971,10 @@ function ProductTable$1() {
|
|
|
5154
4971
|
data: data
|
|
5155
4972
|
}));
|
|
5156
4973
|
}
|
|
5157
|
-
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
4974
|
+
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5158
4975
|
var Container$U = /*#__PURE__*/styled__default.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"])));
|
|
5159
4976
|
|
|
5160
|
-
var _templateObject$
|
|
4977
|
+
var _templateObject$1n, _templateObject2$Z;
|
|
5161
4978
|
function NotesTable() {
|
|
5162
4979
|
var data = [{
|
|
5163
4980
|
created: 'optimizer @ BJS via API',
|
|
@@ -5180,39 +4997,39 @@ function NotesTable() {
|
|
|
5180
4997
|
data: data
|
|
5181
4998
|
}));
|
|
5182
4999
|
}
|
|
5183
|
-
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
5000
|
+
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5184
5001
|
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5185
5002
|
|
|
5186
|
-
var _templateObject$
|
|
5003
|
+
var _templateObject$1o, _templateObject2$_;
|
|
5187
5004
|
function ConfirmationNotes() {
|
|
5188
5005
|
return React__default.createElement(Container$W, null, React__default.createElement(Label$a, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5189
5006
|
rows: 5,
|
|
5190
5007
|
placeholder: "Enter Notes"
|
|
5191
5008
|
}));
|
|
5192
5009
|
}
|
|
5193
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5010
|
+
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5194
5011
|
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5195
5012
|
|
|
5196
|
-
var _templateObject$
|
|
5013
|
+
var _templateObject$1p, _templateObject2$$;
|
|
5197
5014
|
function DeliveryInstructions$1() {
|
|
5198
5015
|
return React__default.createElement(Container$X, null, React__default.createElement(Label$b, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5199
5016
|
rows: 5,
|
|
5200
5017
|
placeholder: "Enter Delivery Instructions"
|
|
5201
5018
|
}));
|
|
5202
5019
|
}
|
|
5203
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
5020
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5204
5021
|
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5205
5022
|
|
|
5206
|
-
var _templateObject$
|
|
5023
|
+
var _templateObject$1q, _templateObject2$10, _templateObject3$y, _templateObject4$i;
|
|
5207
5024
|
function SlotAndInstructions() {
|
|
5208
5025
|
return React__default.createElement(Container$Y, null, React__default.createElement(Slot, null, React__default.createElement(Title$4, null, "Slot"), React__default.createElement(Value, null, "07:00-10:00")), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
5209
5026
|
}
|
|
5210
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5027
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5211
5028
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5212
5029
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
5213
5030
|
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5214
5031
|
|
|
5215
|
-
var _templateObject$
|
|
5032
|
+
var _templateObject$1r, _templateObject2$11;
|
|
5216
5033
|
// import DocFileUpload from './DocFileUpload';
|
|
5217
5034
|
function ConfirmOrder() {
|
|
5218
5035
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5235,7 +5052,7 @@ function ConfirmOrder() {
|
|
|
5235
5052
|
showOkButton: false
|
|
5236
5053
|
}), React__default.createElement(Wrapper$f, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5237
5054
|
}
|
|
5238
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5055
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5239
5056
|
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
5240
5057
|
|
|
5241
5058
|
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;
|
|
@@ -5362,6 +5179,16 @@ var OptionsMenu = [{
|
|
|
5362
5179
|
label: 'Clear Booking Status',
|
|
5363
5180
|
value: 'clear-booking-status'
|
|
5364
5181
|
}];
|
|
5182
|
+
var PrintMenu = [{
|
|
5183
|
+
label: 'Return Notes',
|
|
5184
|
+
value: 'return-notes'
|
|
5185
|
+
}, {
|
|
5186
|
+
label: 'Product Labels',
|
|
5187
|
+
value: 'product-labels'
|
|
5188
|
+
}, {
|
|
5189
|
+
label: 'Return Cover Notes',
|
|
5190
|
+
value: 'return-cover-notes'
|
|
5191
|
+
}];
|
|
5365
5192
|
var initialData = [{
|
|
5366
5193
|
id: 1,
|
|
5367
5194
|
date: '17/05/2024',
|
|
@@ -5522,14 +5349,14 @@ function HoldOrderModal() {
|
|
|
5522
5349
|
})))));
|
|
5523
5350
|
}
|
|
5524
5351
|
|
|
5525
|
-
var _templateObject$
|
|
5352
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$A;
|
|
5526
5353
|
// import {
|
|
5527
5354
|
// EscalationCategory,
|
|
5528
5355
|
// EscalationLevel,
|
|
5529
5356
|
// EscalationReason,
|
|
5530
5357
|
// EscalationStatus,
|
|
5531
5358
|
// } from '../../utils';
|
|
5532
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5359
|
+
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
5533
5360
|
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
5534
5361
|
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
5535
5362
|
var Dropdowns = function Dropdowns() {
|
|
@@ -5599,9 +5426,9 @@ var Dropdowns = function Dropdowns() {
|
|
|
5599
5426
|
})));
|
|
5600
5427
|
};
|
|
5601
5428
|
|
|
5602
|
-
var _templateObject$
|
|
5429
|
+
var _templateObject$1t, _templateObject2$14;
|
|
5603
5430
|
var Notes$2 = function Notes() {
|
|
5604
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
5431
|
+
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
5605
5432
|
var Label = styled__default.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 "])));
|
|
5606
5433
|
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
5607
5434
|
name: "note",
|
|
@@ -5609,7 +5436,7 @@ var Notes$2 = function Notes() {
|
|
|
5609
5436
|
}));
|
|
5610
5437
|
};
|
|
5611
5438
|
|
|
5612
|
-
var _templateObject$
|
|
5439
|
+
var _templateObject$1u, _templateObject2$15, _templateObject3$B, _templateObject4$k, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
5613
5440
|
var Upgrade = function Upgrade() {
|
|
5614
5441
|
var handleSelectChange = function handleSelectChange() {
|
|
5615
5442
|
// alert('hello');
|
|
@@ -5668,7 +5495,7 @@ var Upgrade = function Upgrade() {
|
|
|
5668
5495
|
name: ''
|
|
5669
5496
|
}))))), React__default.createElement(GiftWrapper, null, React__default.createElement(BJSGift, null, React__default.createElement(Box, null)), React__default.createElement(BJSGift, null, React__default.createElement(Box, null))));
|
|
5670
5497
|
};
|
|
5671
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5498
|
+
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
5672
5499
|
var Box = /*#__PURE__*/styled__default.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"])));
|
|
5673
5500
|
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
5674
5501
|
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
@@ -5679,13 +5506,13 @@ var InnerCont$1 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templ
|
|
|
5679
5506
|
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
5680
5507
|
var StyledAntSelect$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
5681
5508
|
|
|
5682
|
-
var _templateObject$
|
|
5683
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5509
|
+
var _templateObject$1v;
|
|
5510
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
5684
5511
|
var Escalation = function Escalation() {
|
|
5685
5512
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Flex, null, React__default.createElement(Dropdowns, null), React__default.createElement(Notes$2, null), React__default.createElement(Upgrade, null)));
|
|
5686
5513
|
};
|
|
5687
5514
|
|
|
5688
|
-
var _templateObject$
|
|
5515
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$C, _templateObject4$l;
|
|
5689
5516
|
var NewEscalation = function NewEscalation() {
|
|
5690
5517
|
var _useState = React.useState(false),
|
|
5691
5518
|
showContent = _useState[0],
|
|
@@ -5714,7 +5541,7 @@ var NewEscalation = function NewEscalation() {
|
|
|
5714
5541
|
className: "checkmark"
|
|
5715
5542
|
})))), React__default.createElement("td", null, "VIP4"), React__default.createElement("td", null, "B63015484248[Test] WAYVER"), React__default.createElement("td", null, "Allocated to Route"), React__default.createElement("td", null, "Revieved Picked"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Status"))))));
|
|
5716
5543
|
};
|
|
5717
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5544
|
+
var Component = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
5718
5545
|
var Button = /*#__PURE__*/styled__default.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"])));
|
|
5719
5546
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5720
5547
|
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
@@ -6004,7 +5831,7 @@ function ChargeLog() {
|
|
|
6004
5831
|
})));
|
|
6005
5832
|
}
|
|
6006
5833
|
|
|
6007
|
-
var _templateObject$
|
|
5834
|
+
var _templateObject$1x;
|
|
6008
5835
|
var UnholdOrder = function UnholdOrder() {
|
|
6009
5836
|
var _useCurrentAction = useCurrentAction(),
|
|
6010
5837
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6028,16 +5855,16 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6028
5855
|
})
|
|
6029
5856
|
});
|
|
6030
5857
|
};
|
|
6031
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
5858
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6032
5859
|
|
|
6033
|
-
var _templateObject$
|
|
5860
|
+
var _templateObject$1y, _templateObject2$17;
|
|
6034
5861
|
var ProductData = function ProductData(_ref) {
|
|
6035
5862
|
var products = _ref.products,
|
|
6036
5863
|
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
6037
5864
|
var handleInputChange = function handleInputChange(productId, isChecked) {
|
|
6038
5865
|
handleCheckboxChange(productId, isChecked);
|
|
6039
5866
|
};
|
|
6040
|
-
return React__default.createElement(Table$
|
|
5867
|
+
return React__default.createElement(Table$3, null, products.length > 0 ? React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Select"), React__default.createElement("th", null, "ID"), React__default.createElement("th", null, "Name"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, products.map(function (product) {
|
|
6041
5868
|
return React__default.createElement("tr", {
|
|
6042
5869
|
key: product.id
|
|
6043
5870
|
}, React__default.createElement("td", null, React__default.createElement(CustomCheckBox$1, null, React__default.createElement("label", {
|
|
@@ -6053,7 +5880,7 @@ var ProductData = function ProductData(_ref) {
|
|
|
6053
5880
|
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6054
5881
|
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6055
5882
|
};
|
|
6056
|
-
var Table$
|
|
5883
|
+
var Table$3 = /*#__PURE__*/styled__default(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"])));
|
|
6057
5884
|
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6058
5885
|
|
|
6059
5886
|
var initialProducts = [{
|
|
@@ -6175,7 +6002,7 @@ var RestoreProducts = function RestoreProducts() {
|
|
|
6175
6002
|
})));
|
|
6176
6003
|
};
|
|
6177
6004
|
|
|
6178
|
-
var _templateObject$
|
|
6005
|
+
var _templateObject$1z, _templateObject2$18;
|
|
6179
6006
|
function AssigneeDropdown() {
|
|
6180
6007
|
var handleSelectChange = function handleSelectChange() {
|
|
6181
6008
|
// alert('hello');
|
|
@@ -6197,7 +6024,7 @@ function AssigneeDropdown() {
|
|
|
6197
6024
|
}
|
|
6198
6025
|
}));
|
|
6199
6026
|
}
|
|
6200
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6027
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6201
6028
|
var StyledAntSelect$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6202
6029
|
|
|
6203
6030
|
var DatePickerIcon = function DatePickerIcon() {
|
|
@@ -6216,8 +6043,8 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6216
6043
|
}));
|
|
6217
6044
|
};
|
|
6218
6045
|
|
|
6219
|
-
var _templateObject$
|
|
6220
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6046
|
+
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;
|
|
6047
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
6221
6048
|
var InnerContainer = /*#__PURE__*/styled__default.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"])));
|
|
6222
6049
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6223
6050
|
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
@@ -6445,13 +6272,13 @@ function useFetchSingleReminderData() {
|
|
|
6445
6272
|
return res;
|
|
6446
6273
|
}
|
|
6447
6274
|
|
|
6448
|
-
var _templateObject$
|
|
6275
|
+
var _templateObject$1B, _templateObject2$1a, _templateObject3$E, _templateObject4$n, _templateObject5$c, _templateObject6$a, _templateObject7$9;
|
|
6449
6276
|
function Loader(props) {
|
|
6450
6277
|
return React__default.createElement(MainContainer$9, {
|
|
6451
6278
|
id: "loder"
|
|
6452
6279
|
}, React__default.createElement(Container$$, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$h, null, React__default.createElement(Title$5, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
6453
6280
|
}
|
|
6454
|
-
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$
|
|
6281
|
+
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
6455
6282
|
// Styled components for the loading spinner
|
|
6456
6283
|
var Spinner = /*#__PURE__*/styled__default.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);
|
|
6457
6284
|
var Container$$ = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6460,7 +6287,7 @@ var Title$5 = /*#__PURE__*/styled__default.span(_templateObject5$c || (_template
|
|
|
6460
6287
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
6461
6288
|
var MainContainer$9 = /*#__PURE__*/styled__default.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"])));
|
|
6462
6289
|
|
|
6463
|
-
var _templateObject$
|
|
6290
|
+
var _templateObject$1C, _templateObject2$1b, _templateObject3$F, _templateObject4$o;
|
|
6464
6291
|
function StatusIndicator(props) {
|
|
6465
6292
|
var statusColor = getStatusColor(props.status);
|
|
6466
6293
|
return React__default.createElement(Container$10, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -6471,7 +6298,7 @@ function StatusIndicator(props) {
|
|
|
6471
6298
|
status: props.status
|
|
6472
6299
|
}, props.text));
|
|
6473
6300
|
}
|
|
6474
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6301
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
6475
6302
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6476
6303
|
});
|
|
6477
6304
|
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
@@ -6640,7 +6467,7 @@ function useFetchReminders() {
|
|
|
6640
6467
|
return perform;
|
|
6641
6468
|
}
|
|
6642
6469
|
|
|
6643
|
-
var _templateObject$
|
|
6470
|
+
var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$p, _templateObject5$d, _templateObject6$b, _templateObject7$a;
|
|
6644
6471
|
var ViewReminderModal = function ViewReminderModal() {
|
|
6645
6472
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
6646
6473
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6796,7 +6623,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
6796
6623
|
onChange: onChangeDetails
|
|
6797
6624
|
}))))));
|
|
6798
6625
|
};
|
|
6799
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6626
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
6800
6627
|
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6801
6628
|
var StyledSpan = /*#__PURE__*/styled__default.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"])));
|
|
6802
6629
|
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
@@ -6804,10 +6631,80 @@ var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$d || (_template
|
|
|
6804
6631
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6805
6632
|
var LabelText = /*#__PURE__*/styled__default.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"])));
|
|
6806
6633
|
|
|
6807
|
-
var
|
|
6634
|
+
var options$1 = [{
|
|
6635
|
+
label: 'Task',
|
|
6636
|
+
value: 'task',
|
|
6637
|
+
selectedBackgroundColor: '#F0F2F2',
|
|
6638
|
+
selectedFontColor: '#3a3630'
|
|
6639
|
+
}, {
|
|
6640
|
+
label: 'Reminder',
|
|
6641
|
+
value: 'reminder',
|
|
6642
|
+
selectedBackgroundColor: 'white',
|
|
6643
|
+
selectedFontColor: '#3a3630'
|
|
6644
|
+
}];
|
|
6645
|
+
var ReturnData = [{
|
|
6646
|
+
label: 'Return1',
|
|
6647
|
+
value: 'return1'
|
|
6648
|
+
}, {
|
|
6649
|
+
label: 'Return2',
|
|
6650
|
+
value: 'return2'
|
|
6651
|
+
}, {
|
|
6652
|
+
label: 'Return3',
|
|
6653
|
+
value: 'return3'
|
|
6654
|
+
}];
|
|
6655
|
+
var TaskType = [{
|
|
6656
|
+
label: 'Client',
|
|
6657
|
+
value: 'client'
|
|
6658
|
+
}, {
|
|
6659
|
+
label: 'Customer Service (CS)',
|
|
6660
|
+
value: 'cs'
|
|
6661
|
+
}, {
|
|
6662
|
+
label: 'Transport (DH)',
|
|
6663
|
+
value: 'dh'
|
|
6664
|
+
}, {
|
|
6665
|
+
label: 'Warehouse',
|
|
6666
|
+
value: 'warehouse'
|
|
6667
|
+
}, {
|
|
6668
|
+
label: 'Customer Portal',
|
|
6669
|
+
value: 'customer-portal'
|
|
6670
|
+
}, {
|
|
6671
|
+
label: 'Delivery App',
|
|
6672
|
+
value: 'delivery-app'
|
|
6673
|
+
}, {
|
|
6674
|
+
label: 'Complaints',
|
|
6675
|
+
value: 'complaints'
|
|
6676
|
+
}, {
|
|
6677
|
+
label: 'Offshore',
|
|
6678
|
+
value: 'offshore'
|
|
6679
|
+
}, {
|
|
6680
|
+
label: 'Stock Admin',
|
|
6681
|
+
value: 'stock-admin'
|
|
6682
|
+
}, {
|
|
6683
|
+
label: 'Call Customer',
|
|
6684
|
+
value: 'call-customer'
|
|
6685
|
+
}, {
|
|
6686
|
+
label: 'Driver Compliance',
|
|
6687
|
+
value: 'driver-compliance'
|
|
6688
|
+
}];
|
|
6689
|
+
var CustomOptions = [{
|
|
6690
|
+
label: 'Private',
|
|
6691
|
+
value: 'private'
|
|
6692
|
+
}, {
|
|
6693
|
+
label: 'Public',
|
|
6694
|
+
value: 'public'
|
|
6695
|
+
}];
|
|
6696
|
+
var DefectConfirm = [{
|
|
6697
|
+
label: 'Yes',
|
|
6698
|
+
value: 'yes'
|
|
6699
|
+
}, {
|
|
6700
|
+
label: 'No',
|
|
6701
|
+
value: 'no'
|
|
6702
|
+
}];
|
|
6703
|
+
|
|
6704
|
+
var _templateObject$1E;
|
|
6808
6705
|
var CustomSwitchSelector = function CustomSwitchSelector(_ref) {
|
|
6809
6706
|
var onSwitchChange = _ref.onSwitchChange;
|
|
6810
|
-
var initialSelectedIndex = options.findIndex(function (_ref2) {
|
|
6707
|
+
var initialSelectedIndex = options$1.findIndex(function (_ref2) {
|
|
6811
6708
|
var value = _ref2.value;
|
|
6812
6709
|
return value === 'task';
|
|
6813
6710
|
});
|
|
@@ -6827,18 +6724,18 @@ var CustomSwitchSelector = function CustomSwitchSelector(_ref) {
|
|
|
6827
6724
|
};
|
|
6828
6725
|
return React__default.createElement(StyledSwitch, null, React__default.createElement(SwitchSelector, {
|
|
6829
6726
|
onChange: handleSwitchChange,
|
|
6830
|
-
options: options,
|
|
6727
|
+
options: options$1,
|
|
6831
6728
|
initialSelectedIndex: initialSelectedIndex,
|
|
6832
6729
|
backgroundColor: '#cbc8c2',
|
|
6833
6730
|
fontColor: '#f5f6fa',
|
|
6834
6731
|
optionBorderRadius: 30
|
|
6835
6732
|
}));
|
|
6836
6733
|
};
|
|
6837
|
-
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6734
|
+
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 35%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
6838
6735
|
|
|
6839
|
-
var _templateObject$
|
|
6736
|
+
var _templateObject$1F, _templateObject3$H, _templateObject4$q, _templateObject5$e, _templateObject7$b, _templateObject8$7, _templateObject9$4;
|
|
6840
6737
|
// Shared styles and components
|
|
6841
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6738
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6842
6739
|
var SplitContainer = /*#__PURE__*/styled__default.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"])));
|
|
6843
6740
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
6844
6741
|
var Label$d = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6858,7 +6755,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
6858
6755
|
}, " * ")), children);
|
|
6859
6756
|
};
|
|
6860
6757
|
|
|
6861
|
-
var _templateObject$
|
|
6758
|
+
var _templateObject$1G, _templateObject2$1d, _templateObject3$I, _templateObject4$r, _templateObject5$f;
|
|
6862
6759
|
function CreateReminderModal() {
|
|
6863
6760
|
var _useCategoryData = useCategoryData(),
|
|
6864
6761
|
CategoryData = _useCategoryData[0];
|
|
@@ -7041,13 +6938,13 @@ function CreateReminderModal() {
|
|
|
7041
6938
|
onChange: handleChange
|
|
7042
6939
|
})));
|
|
7043
6940
|
}
|
|
7044
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6941
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7045
6942
|
var Label$e = /*#__PURE__*/styled__default.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"])));
|
|
7046
6943
|
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7047
6944
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
7048
6945
|
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
7049
6946
|
|
|
7050
|
-
var _templateObject$
|
|
6947
|
+
var _templateObject$1H, _templateObject2$1e, _templateObject3$J, _templateObject4$s;
|
|
7051
6948
|
function CreateTaskModal() {
|
|
7052
6949
|
var _useTaskTypeData = useTaskTypeData(),
|
|
7053
6950
|
taskTypes = _useTaskTypeData[0];
|
|
@@ -7233,7 +7130,7 @@ function CreateTaskModal() {
|
|
|
7233
7130
|
value: createTask == null ? void 0 : createTask.description
|
|
7234
7131
|
})));
|
|
7235
7132
|
}
|
|
7236
|
-
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7133
|
+
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7237
7134
|
var StyledLink$1 = /*#__PURE__*/styled__default.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"])));
|
|
7238
7135
|
var Label$f = /*#__PURE__*/styled__default.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"])));
|
|
7239
7136
|
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
@@ -7479,7 +7376,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7479
7376
|
return perform;
|
|
7480
7377
|
}
|
|
7481
7378
|
|
|
7482
|
-
var _templateObject$
|
|
7379
|
+
var _templateObject$1I;
|
|
7483
7380
|
function TaskReminderModal() {
|
|
7484
7381
|
var createTaskAPI = useCreateTask();
|
|
7485
7382
|
var createReminderAPI = useCreateReminder();
|
|
@@ -7649,9 +7546,9 @@ function TaskReminderModal() {
|
|
|
7649
7546
|
onClose: function onClose() {}
|
|
7650
7547
|
}) : '')));
|
|
7651
7548
|
}
|
|
7652
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
7549
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7653
7550
|
|
|
7654
|
-
var _templateObject$
|
|
7551
|
+
var _templateObject$1J, _templateObject2$1f;
|
|
7655
7552
|
function OrderLock() {
|
|
7656
7553
|
var _useCurrentAction = useCurrentAction(),
|
|
7657
7554
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7704,7 +7601,7 @@ function OrderLock() {
|
|
|
7704
7601
|
})
|
|
7705
7602
|
});
|
|
7706
7603
|
}
|
|
7707
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
7604
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7708
7605
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7709
7606
|
|
|
7710
7607
|
function useUpdateFlag() {
|
|
@@ -7775,7 +7672,7 @@ function useUpdateFlag() {
|
|
|
7775
7672
|
return create;
|
|
7776
7673
|
}
|
|
7777
7674
|
|
|
7778
|
-
var _templateObject$
|
|
7675
|
+
var _templateObject$1K, _templateObject2$1g, _templateObject3$K, _templateObject4$t, _templateObject5$g, _templateObject6$c;
|
|
7779
7676
|
function HeaderSection() {
|
|
7780
7677
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7781
7678
|
dataArray = _useSingleFlagData[0];
|
|
@@ -7845,14 +7742,14 @@ function HeaderSection() {
|
|
|
7845
7742
|
})
|
|
7846
7743
|
})));
|
|
7847
7744
|
}
|
|
7848
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7745
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7849
7746
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7850
7747
|
var ResolveButton = /*#__PURE__*/styled__default.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"])));
|
|
7851
7748
|
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
7852
7749
|
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
7853
7750
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
7854
7751
|
|
|
7855
|
-
var _templateObject$
|
|
7752
|
+
var _templateObject$1L, _templateObject2$1h;
|
|
7856
7753
|
function TextSection() {
|
|
7857
7754
|
var _useSinglePayload = useSinglePayload(),
|
|
7858
7755
|
payload = _useSinglePayload[0],
|
|
@@ -7870,10 +7767,10 @@ function TextSection() {
|
|
|
7870
7767
|
onChange: onChangeDetails
|
|
7871
7768
|
}));
|
|
7872
7769
|
}
|
|
7873
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
7770
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7874
7771
|
var Text$6 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
7875
7772
|
|
|
7876
|
-
var _templateObject$
|
|
7773
|
+
var _templateObject$1M, _templateObject2$1i;
|
|
7877
7774
|
function ButtonsSection() {
|
|
7878
7775
|
var _useSinglePayload = useSinglePayload(),
|
|
7879
7776
|
payload = _useSinglePayload[0],
|
|
@@ -7964,10 +7861,10 @@ function ButtonsSection() {
|
|
|
7964
7861
|
status: "SD"
|
|
7965
7862
|
}))));
|
|
7966
7863
|
}
|
|
7967
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7864
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7968
7865
|
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7969
7866
|
|
|
7970
|
-
var _templateObject$
|
|
7867
|
+
var _templateObject$1N, _templateObject2$1j, _templateObject3$L, _templateObject4$u, _templateObject5$h, _templateObject6$d;
|
|
7971
7868
|
function ActionSection() {
|
|
7972
7869
|
var _useCurrentAction = useCurrentAction(),
|
|
7973
7870
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8053,14 +7950,14 @@ function RadioButtonsSection() {
|
|
|
8053
7950
|
required: false
|
|
8054
7951
|
}));
|
|
8055
7952
|
}
|
|
8056
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7953
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
8057
7954
|
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8058
7955
|
var CancelButton$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8059
7956
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
8060
7957
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
8061
7958
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8062
7959
|
|
|
8063
|
-
var _templateObject$
|
|
7960
|
+
var _templateObject$1O, _templateObject2$1k, _templateObject3$M, _templateObject4$v, _templateObject5$i;
|
|
8064
7961
|
function DetailSection() {
|
|
8065
7962
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8066
7963
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -8070,12 +7967,12 @@ function DetailSection() {
|
|
|
8070
7967
|
label: "Reference"
|
|
8071
7968
|
}), React__default.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React__default.createElement(Flex$3, null, React__default.createElement(StyledLabel$1, {
|
|
8072
7969
|
label: "Order"
|
|
8073
|
-
}), React__default.createElement(Order
|
|
7970
|
+
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8074
7971
|
}
|
|
8075
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7972
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
8076
7973
|
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8077
7974
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8078
|
-
var Order
|
|
7975
|
+
var Order = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
8079
7976
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
8080
7977
|
|
|
8081
7978
|
function useFetchSingleFlagsData() {
|
|
@@ -8158,7 +8055,7 @@ function useFetchSingleFlagsData() {
|
|
|
8158
8055
|
return res;
|
|
8159
8056
|
}
|
|
8160
8057
|
|
|
8161
|
-
var _templateObject$
|
|
8058
|
+
var _templateObject$1P, _templateObject2$1l, _templateObject3$N;
|
|
8162
8059
|
function ViewFlag() {
|
|
8163
8060
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8164
8061
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8255,11 +8152,11 @@ function ViewFlag() {
|
|
|
8255
8152
|
}, [dataArray]);
|
|
8256
8153
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
8257
8154
|
}
|
|
8258
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8155
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
8259
8156
|
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
8260
8157
|
var MainContainer$a = /*#__PURE__*/styled__default.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"])));
|
|
8261
8158
|
|
|
8262
|
-
var _templateObject$
|
|
8159
|
+
var _templateObject$1Q;
|
|
8263
8160
|
function ReleaseOrder() {
|
|
8264
8161
|
var _useCurrentAction = useCurrentAction(),
|
|
8265
8162
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8278,9 +8175,9 @@ function ReleaseOrder() {
|
|
|
8278
8175
|
styleAlert: "rounded" // Set the style variant of the alert
|
|
8279
8176
|
}));
|
|
8280
8177
|
}
|
|
8281
|
-
var ReleaseContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8178
|
+
var ReleaseContainer = /*#__PURE__*/styled__default.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"])));
|
|
8282
8179
|
|
|
8283
|
-
var _templateObject$
|
|
8180
|
+
var _templateObject$1R;
|
|
8284
8181
|
function OrderActions() {
|
|
8285
8182
|
var _useCurrentAction = useCurrentAction(),
|
|
8286
8183
|
currentAction = _useCurrentAction[0];
|
|
@@ -8333,7 +8230,7 @@ function OrderActions() {
|
|
|
8333
8230
|
};
|
|
8334
8231
|
return React__default.createElement(Container$11, null, renderContent());
|
|
8335
8232
|
}
|
|
8336
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8233
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8337
8234
|
|
|
8338
8235
|
function useSystemLogs() {
|
|
8339
8236
|
var ssoToken = getCookie('id_token');
|
|
@@ -8426,7 +8323,237 @@ function useSystemLogs() {
|
|
|
8426
8323
|
return perform;
|
|
8427
8324
|
}
|
|
8428
8325
|
|
|
8429
|
-
var _templateObject$
|
|
8326
|
+
var _templateObject$1S, _templateObject2$1m;
|
|
8327
|
+
var Details = function Details() {
|
|
8328
|
+
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - BJS DEV TEST COMPANY, WS10 8RR"));
|
|
8329
|
+
};
|
|
8330
|
+
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
8331
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
8332
|
+
|
|
8333
|
+
var _templateObject$1T;
|
|
8334
|
+
var DropDownContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
8335
|
+
|
|
8336
|
+
var _templateObject$1U;
|
|
8337
|
+
var DropDownItem = function DropDownItem(_ref) {
|
|
8338
|
+
var label = _ref.label,
|
|
8339
|
+
icon = _ref.icon,
|
|
8340
|
+
onClick = _ref.onClick;
|
|
8341
|
+
return React__default.createElement(Flex$4, {
|
|
8342
|
+
onClick: onClick
|
|
8343
|
+
}, React__default.createElement("label", null, label), icon);
|
|
8344
|
+
};
|
|
8345
|
+
var Flex$4 = /*#__PURE__*/styled__default.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"])));
|
|
8346
|
+
|
|
8347
|
+
var _templateObject$1V;
|
|
8348
|
+
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8349
|
+
var options = _ref.options,
|
|
8350
|
+
onSelect = _ref.onSelect;
|
|
8351
|
+
return React__default.createElement(DropDownContent, null, options.map(function (option) {
|
|
8352
|
+
return React__default.createElement(DropDownItem, {
|
|
8353
|
+
key: option.value,
|
|
8354
|
+
label: option.label,
|
|
8355
|
+
icon: '',
|
|
8356
|
+
onClick: function onClick() {
|
|
8357
|
+
return onSelect(option.value);
|
|
8358
|
+
}
|
|
8359
|
+
});
|
|
8360
|
+
}));
|
|
8361
|
+
};
|
|
8362
|
+
var DropDownContent = /*#__PURE__*/styled__default.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"])));
|
|
8363
|
+
|
|
8364
|
+
var DropDownLarge = function DropDownLarge() {
|
|
8365
|
+
return React__default.createElement("svg", {
|
|
8366
|
+
className: "arrowDown",
|
|
8367
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8368
|
+
width: "24",
|
|
8369
|
+
height: "24",
|
|
8370
|
+
viewBox: "0 0 24 24",
|
|
8371
|
+
fill: "none"
|
|
8372
|
+
}, React__default.createElement("rect", {
|
|
8373
|
+
width: "24",
|
|
8374
|
+
height: "24",
|
|
8375
|
+
fill: "none"
|
|
8376
|
+
}), React__default.createElement("path", {
|
|
8377
|
+
opacity: "0.4",
|
|
8378
|
+
fillRule: "evenodd",
|
|
8379
|
+
clipRule: "evenodd",
|
|
8380
|
+
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",
|
|
8381
|
+
fill: "#3A3630"
|
|
8382
|
+
}));
|
|
8383
|
+
};
|
|
8384
|
+
|
|
8385
|
+
var Options = [{
|
|
8386
|
+
label: 'Create Reminder',
|
|
8387
|
+
value: 'create-reminder'
|
|
8388
|
+
}, {
|
|
8389
|
+
label: 'Confirm',
|
|
8390
|
+
value: 'confirm'
|
|
8391
|
+
}, {
|
|
8392
|
+
label: 'Force Debrief',
|
|
8393
|
+
value: 'force-debrief'
|
|
8394
|
+
}, {
|
|
8395
|
+
label: 'Clear Booking Status',
|
|
8396
|
+
value: 'booking-status'
|
|
8397
|
+
}, {
|
|
8398
|
+
label: 'Remove From Route',
|
|
8399
|
+
value: 'remove-route'
|
|
8400
|
+
}, {
|
|
8401
|
+
label: 'Hold',
|
|
8402
|
+
value: 'hold'
|
|
8403
|
+
}, {
|
|
8404
|
+
label: 'Flag',
|
|
8405
|
+
value: 'flag'
|
|
8406
|
+
}, {
|
|
8407
|
+
label: 'Cancel',
|
|
8408
|
+
value: 'cancel'
|
|
8409
|
+
}, {
|
|
8410
|
+
label: 'Charge Log',
|
|
8411
|
+
value: 'charge-log'
|
|
8412
|
+
}];
|
|
8413
|
+
var OptionsDropDown = function OptionsDropDown() {
|
|
8414
|
+
var _useState = React.useState(false),
|
|
8415
|
+
isOpen = _useState[0],
|
|
8416
|
+
setIsOpen = _useState[1];
|
|
8417
|
+
var dropdownRef = React.useRef(null);
|
|
8418
|
+
var handleClick = function handleClick() {
|
|
8419
|
+
setIsOpen(function (prev) {
|
|
8420
|
+
return !prev;
|
|
8421
|
+
});
|
|
8422
|
+
};
|
|
8423
|
+
var handleSelect = function handleSelect(value) {
|
|
8424
|
+
console.log("Selected: " + value);
|
|
8425
|
+
setIsOpen(false);
|
|
8426
|
+
};
|
|
8427
|
+
React.useEffect(function () {
|
|
8428
|
+
var handleClickOutside = function handleClickOutside(event) {
|
|
8429
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
8430
|
+
setIsOpen(false);
|
|
8431
|
+
}
|
|
8432
|
+
};
|
|
8433
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
8434
|
+
return function () {
|
|
8435
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
8436
|
+
};
|
|
8437
|
+
}, []);
|
|
8438
|
+
return React__default.createElement(DropDownContainer$1, {
|
|
8439
|
+
ref: dropdownRef
|
|
8440
|
+
}, React__default.createElement(DropDownItem, {
|
|
8441
|
+
label: "Options",
|
|
8442
|
+
icon: React__default.createElement(DropDownLarge, null),
|
|
8443
|
+
onClick: handleClick
|
|
8444
|
+
}), isOpen && React__default.createElement(DropDownMenu, {
|
|
8445
|
+
options: Options,
|
|
8446
|
+
onSelect: handleSelect
|
|
8447
|
+
}));
|
|
8448
|
+
};
|
|
8449
|
+
|
|
8450
|
+
// import { countReducerAtom } from '../../../store/store';
|
|
8451
|
+
var Options$1 = [{
|
|
8452
|
+
label: 'Add Order Resource ',
|
|
8453
|
+
value: 'add-order-resources'
|
|
8454
|
+
}, {
|
|
8455
|
+
label: 'Split Order ',
|
|
8456
|
+
value: 'split-order'
|
|
8457
|
+
}];
|
|
8458
|
+
var MenuDropDown = function MenuDropDown() {
|
|
8459
|
+
var _useState = React.useState(false),
|
|
8460
|
+
isOpen = _useState[0],
|
|
8461
|
+
setIsOpen = _useState[1];
|
|
8462
|
+
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
8463
|
+
dispatch = _useAtom[1];
|
|
8464
|
+
var dropdownRef = React.useRef(null);
|
|
8465
|
+
var handleClick = function handleClick() {
|
|
8466
|
+
setIsOpen(function (prev) {
|
|
8467
|
+
return !prev;
|
|
8468
|
+
});
|
|
8469
|
+
};
|
|
8470
|
+
var handleSelect = function handleSelect(value) {
|
|
8471
|
+
console.log("Selected: " + value);
|
|
8472
|
+
dispatch({
|
|
8473
|
+
type: value
|
|
8474
|
+
});
|
|
8475
|
+
setIsOpen(false);
|
|
8476
|
+
};
|
|
8477
|
+
React.useEffect(function () {
|
|
8478
|
+
var handleClickOutside = function handleClickOutside(event) {
|
|
8479
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
8480
|
+
setIsOpen(false);
|
|
8481
|
+
}
|
|
8482
|
+
};
|
|
8483
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
8484
|
+
return function () {
|
|
8485
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
8486
|
+
};
|
|
8487
|
+
}, []);
|
|
8488
|
+
return React__default.createElement(DropDownContainer$1, {
|
|
8489
|
+
ref: dropdownRef
|
|
8490
|
+
}, React__default.createElement(DropDownItem, {
|
|
8491
|
+
label: "BJS MENU",
|
|
8492
|
+
icon: React__default.createElement(DropDownLarge, null),
|
|
8493
|
+
onClick: handleClick
|
|
8494
|
+
}), isOpen && React__default.createElement(DropDownMenu, {
|
|
8495
|
+
options: Options$1,
|
|
8496
|
+
onSelect: handleSelect
|
|
8497
|
+
}));
|
|
8498
|
+
};
|
|
8499
|
+
|
|
8500
|
+
var _templateObject$1W;
|
|
8501
|
+
function Print() {
|
|
8502
|
+
return React__default.createElement(Container$12, null, React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
8503
|
+
placeholder: "PRINT",
|
|
8504
|
+
options: PrintMenu,
|
|
8505
|
+
styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
|
|
8506
|
+
container: function container(styles) {
|
|
8507
|
+
return _extends({}, styles, {
|
|
8508
|
+
cursor: 'pointer'
|
|
8509
|
+
});
|
|
8510
|
+
},
|
|
8511
|
+
menu: function menu(styles) {
|
|
8512
|
+
return _extends({}, styles, {
|
|
8513
|
+
top: '113%',
|
|
8514
|
+
borderRadius: '5px',
|
|
8515
|
+
width: 'max-content',
|
|
8516
|
+
cursor: 'pointer'
|
|
8517
|
+
});
|
|
8518
|
+
},
|
|
8519
|
+
control: function control(styles) {
|
|
8520
|
+
return _extends({}, styles, {
|
|
8521
|
+
width: '90px',
|
|
8522
|
+
boxShadow: 'none',
|
|
8523
|
+
borderColor: 'transparent',
|
|
8524
|
+
cursor: 'pointer',
|
|
8525
|
+
'&:hover': {
|
|
8526
|
+
boxShadow: 'none',
|
|
8527
|
+
borderColor: 'transparent'
|
|
8528
|
+
}
|
|
8529
|
+
});
|
|
8530
|
+
}
|
|
8531
|
+
})
|
|
8532
|
+
}));
|
|
8533
|
+
}
|
|
8534
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8535
|
+
|
|
8536
|
+
var _templateObject$1X;
|
|
8537
|
+
// components
|
|
8538
|
+
function DropDowns$1() {
|
|
8539
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper, null, React__default.createElement(MenuDropDown, null), React__default.createElement(OptionsDropDown, null), React__default.createElement(Print, null)));
|
|
8540
|
+
}
|
|
8541
|
+
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8542
|
+
|
|
8543
|
+
var _templateObject$1Y;
|
|
8544
|
+
// import Actions from './actions/Actions';
|
|
8545
|
+
var ActionsMenu = function ActionsMenu() {
|
|
8546
|
+
return React__default.createElement(Flex$5, null, React__default.createElement(DropDowns$1, null));
|
|
8547
|
+
};
|
|
8548
|
+
var Flex$5 = /*#__PURE__*/styled__default.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"])));
|
|
8549
|
+
|
|
8550
|
+
var _templateObject$1Z;
|
|
8551
|
+
var DetailsFilters = function DetailsFilters() {
|
|
8552
|
+
return React__default.createElement(Flex$6, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
8553
|
+
};
|
|
8554
|
+
var Flex$6 = /*#__PURE__*/styled__default.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"])));
|
|
8555
|
+
|
|
8556
|
+
var _templateObject$1_, _templateObject2$1n, _templateObject3$O, _templateObject4$w;
|
|
8430
8557
|
function OrderView() {
|
|
8431
8558
|
antd.notification.config({
|
|
8432
8559
|
top: 150
|
|
@@ -8711,10 +8838,10 @@ function OrderView() {
|
|
|
8711
8838
|
setGsitOrderId(undefined);
|
|
8712
8839
|
};
|
|
8713
8840
|
}, [gsitId]);
|
|
8714
|
-
return React__default.createElement(MainContainer$b, null, React__default.createElement(
|
|
8841
|
+
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
8715
8842
|
}
|
|
8716
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8717
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8843
|
+
var MainContainer$b = /*#__PURE__*/styled__default.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"])));
|
|
8844
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8718
8845
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8719
8846
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8720
8847
|
|
|
@@ -8823,7 +8950,7 @@ var filtersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
8823
8950
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
8824
8951
|
});
|
|
8825
8952
|
|
|
8826
|
-
var _templateObject$
|
|
8953
|
+
var _templateObject$1$;
|
|
8827
8954
|
function SelectionFilter() {
|
|
8828
8955
|
var _useCustomerData = useCustomerData(),
|
|
8829
8956
|
customers = _useCustomerData[0];
|
|
@@ -8835,7 +8962,6 @@ function SelectionFilter() {
|
|
|
8835
8962
|
filteredLocationOptions = _useState[0],
|
|
8836
8963
|
setFilteredLocationOptions = _useState[1];
|
|
8837
8964
|
var _useState2 = React.useState(),
|
|
8838
|
-
getUuid = _useState2[0],
|
|
8839
8965
|
setUuid = _useState2[1];
|
|
8840
8966
|
var _useSelectedAction = useSelectedAction(),
|
|
8841
8967
|
selectedFilterValue = _useSelectedAction[0],
|
|
@@ -8846,7 +8972,6 @@ function SelectionFilter() {
|
|
|
8846
8972
|
selectedLocationValue = _useSelectedLocation[0],
|
|
8847
8973
|
setSelectedLocationValue = _useSelectedLocation[1];
|
|
8848
8974
|
var _useSelectedClient = useSelectedClient(),
|
|
8849
|
-
selectedClientId = _useSelectedClient[0],
|
|
8850
8975
|
setSelectedClient = _useSelectedClient[1];
|
|
8851
8976
|
var _useTableName = useTableName(),
|
|
8852
8977
|
setClientLabel = _useTableName[1];
|
|
@@ -8910,9 +9035,12 @@ function SelectionFilter() {
|
|
|
8910
9035
|
localStorage.setItem('clientName', selectedLabel);
|
|
8911
9036
|
localStorage.setItem('clientId', selectedValue.toString());
|
|
8912
9037
|
localStorage.setItem('account_number', selectAccountNumber);
|
|
9038
|
+
localStorage.setItem('uuid', selectedUuids);
|
|
8913
9039
|
localStorage.setItem('customer_id', selectedCustomerId.toString());
|
|
8914
9040
|
var storedAccNo = localStorage.getItem('account_number');
|
|
8915
9041
|
var storedCustomerId = localStorage.getItem('customer_id');
|
|
9042
|
+
var storedUuid = localStorage.getItem('uuid');
|
|
9043
|
+
setUuid(storedUuid);
|
|
8916
9044
|
setReturnPayload(function (prevState) {
|
|
8917
9045
|
return _extends({}, prevState, {
|
|
8918
9046
|
account_number: storedAccNo,
|
|
@@ -8920,11 +9048,11 @@ function SelectionFilter() {
|
|
|
8920
9048
|
});
|
|
8921
9049
|
});
|
|
8922
9050
|
var filteredSubLocations = locationData == null ? void 0 : locationData.filter(function (subCat) {
|
|
8923
|
-
return (subCat == null ? void 0 : subCat.customer_id) ===
|
|
9051
|
+
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
8924
9052
|
}).map(function (subCat) {
|
|
8925
9053
|
return {
|
|
8926
9054
|
label: subCat == null ? void 0 : subCat.location_name,
|
|
8927
|
-
value: subCat == null ? void 0 : subCat.
|
|
9055
|
+
value: subCat == null ? void 0 : subCat.token
|
|
8928
9056
|
};
|
|
8929
9057
|
});
|
|
8930
9058
|
setFilteredLocationOptions(filteredSubLocations);
|
|
@@ -8952,7 +9080,20 @@ function SelectionFilter() {
|
|
|
8952
9080
|
});
|
|
8953
9081
|
}
|
|
8954
9082
|
}, [storedAccNumber, storedCustomerId]);
|
|
8955
|
-
|
|
9083
|
+
var storedUuid = localStorage.getItem('uuid');
|
|
9084
|
+
React.useEffect(function () {
|
|
9085
|
+
if (storedUuid && locationData) {
|
|
9086
|
+
var filteredSubLocations = locationData.filter(function (subCat) {
|
|
9087
|
+
return (subCat == null ? void 0 : subCat.customer_id) === storedUuid;
|
|
9088
|
+
}).map(function (subCat) {
|
|
9089
|
+
return {
|
|
9090
|
+
label: subCat == null ? void 0 : subCat.location_name,
|
|
9091
|
+
value: subCat == null ? void 0 : subCat.token
|
|
9092
|
+
};
|
|
9093
|
+
});
|
|
9094
|
+
setFilteredLocationOptions(filteredSubLocations);
|
|
9095
|
+
}
|
|
9096
|
+
}, [storedUuid, locationData]);
|
|
8956
9097
|
//location change
|
|
8957
9098
|
var handleLocationChange = function handleLocationChange(value, option) {
|
|
8958
9099
|
var selectedLabel = option == null ? void 0 : option.label;
|
|
@@ -8979,10 +9120,10 @@ function SelectionFilter() {
|
|
|
8979
9120
|
if (storedName) {
|
|
8980
9121
|
setClientLabel(storedName);
|
|
8981
9122
|
}
|
|
8982
|
-
if (
|
|
9123
|
+
if (storedClientId) {
|
|
8983
9124
|
dispatch({
|
|
8984
9125
|
type: 'SET_CLIENT_FILTER',
|
|
8985
|
-
payload:
|
|
9126
|
+
payload: storedClientId
|
|
8986
9127
|
});
|
|
8987
9128
|
}
|
|
8988
9129
|
if (selectedFilterValue) {
|
|
@@ -9007,7 +9148,7 @@ function SelectionFilter() {
|
|
|
9007
9148
|
payload: storedClientId
|
|
9008
9149
|
});
|
|
9009
9150
|
}
|
|
9010
|
-
}, [
|
|
9151
|
+
}, []);
|
|
9011
9152
|
React.useEffect(function () {
|
|
9012
9153
|
if (storedName || selectedFilterValue || selectedLocationValue) {
|
|
9013
9154
|
setIsButtonEnabled(true);
|
|
@@ -9015,8 +9156,6 @@ function SelectionFilter() {
|
|
|
9015
9156
|
setIsButtonEnabled(false);
|
|
9016
9157
|
}
|
|
9017
9158
|
}, [storedName, selectedFilterValue, selectedLocationValue]);
|
|
9018
|
-
// console.log(filteredLocationOptions, 'filteredLocationOptions');
|
|
9019
|
-
// console.log('check', storedName, selectedFilterValue, selectedLocationValue);
|
|
9020
9159
|
return React__default.createElement(Wrapper$k, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$5, {
|
|
9021
9160
|
options: clientOptions,
|
|
9022
9161
|
placeholder: "Select Client Name",
|
|
@@ -9049,7 +9188,7 @@ function SelectionFilter() {
|
|
|
9049
9188
|
disabled: !isButtonEnabled
|
|
9050
9189
|
}, "Apply"))));
|
|
9051
9190
|
}
|
|
9052
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
9191
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
9053
9192
|
|
|
9054
9193
|
function HeaderFilter() {
|
|
9055
9194
|
var _useCustomerData = useCustomerData(),
|
|
@@ -9117,9 +9256,9 @@ function HeaderFilter() {
|
|
|
9117
9256
|
return React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null));
|
|
9118
9257
|
}
|
|
9119
9258
|
|
|
9120
|
-
var _templateObject$
|
|
9259
|
+
var _templateObject$20, _templateObject4$x, _templateObject5$k, _templateObject7$d, _templateObject8$9;
|
|
9121
9260
|
//Left side
|
|
9122
|
-
var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9261
|
+
var LeftSideConatiner = /*#__PURE__*/styled__default.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"])));
|
|
9123
9262
|
//
|
|
9124
9263
|
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9125
9264
|
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
@@ -9127,10 +9266,10 @@ var Text$7 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateOb
|
|
|
9127
9266
|
// Right side filter
|
|
9128
9267
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9129
9268
|
|
|
9130
|
-
var _templateObject2$
|
|
9131
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9269
|
+
var _templateObject2$1o;
|
|
9270
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
|
|
9132
9271
|
|
|
9133
|
-
var _templateObject$
|
|
9272
|
+
var _templateObject$21, _templateObject2$1p;
|
|
9134
9273
|
var SearchType = function SearchType() {
|
|
9135
9274
|
var _useState = React.useState(''),
|
|
9136
9275
|
searchText = _useState[0],
|
|
@@ -9145,8 +9284,8 @@ var SearchType = function SearchType() {
|
|
|
9145
9284
|
onChange: handleInputChange
|
|
9146
9285
|
}));
|
|
9147
9286
|
};
|
|
9148
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9149
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
9287
|
+
var Search = /*#__PURE__*/styled__default.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"])));
|
|
9288
|
+
var SearchInput = /*#__PURE__*/styled__default.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"])));
|
|
9150
9289
|
|
|
9151
9290
|
function DownloadIcon() {
|
|
9152
9291
|
return React__default.createElement("svg", {
|
|
@@ -9166,13 +9305,13 @@ function DownloadIcon() {
|
|
|
9166
9305
|
}));
|
|
9167
9306
|
}
|
|
9168
9307
|
|
|
9169
|
-
var _templateObject$
|
|
9308
|
+
var _templateObject$22, _templateObject2$1q, _templateObject3$Q, _templateObject4$y, _templateObject5$l;
|
|
9170
9309
|
var RightFilters = function RightFilters() {
|
|
9171
9310
|
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
9172
9311
|
dispatch = _useAtom[1];
|
|
9173
9312
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9174
9313
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9175
|
-
return React__default.createElement(Container$
|
|
9314
|
+
return React__default.createElement(Container$13, null, React__default.createElement(ButtonText, {
|
|
9176
9315
|
onClick: function onClick() {
|
|
9177
9316
|
return dispatch({
|
|
9178
9317
|
type: 'create-return'
|
|
@@ -9181,8 +9320,8 @@ var RightFilters = function RightFilters() {
|
|
|
9181
9320
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9182
9321
|
}, "Create Return"), React__default.createElement(StyledBulkItem, null, React__default.createElement(SearchType, null)), React__default.createElement(IconConatiner, null, React__default.createElement(Mid, null, React__default.createElement(IconText, null, "Export"), React__default.createElement(DownloadIcon, null))));
|
|
9183
9322
|
};
|
|
9184
|
-
var Container$
|
|
9185
|
-
var Mid = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9323
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9324
|
+
var Mid = /*#__PURE__*/styled__default.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"])));
|
|
9186
9325
|
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
9187
9326
|
var IconConatiner = /*#__PURE__*/styled__default.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"])));
|
|
9188
9327
|
var IconText = /*#__PURE__*/styled__default.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"])));
|
|
@@ -9193,13 +9332,16 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9193
9332
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$7, null, " ", clientName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9194
9333
|
};
|
|
9195
9334
|
|
|
9196
|
-
var _templateObject$
|
|
9197
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9198
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9335
|
+
var _templateObject$23, _templateObject2$1r, _templateObject3$R, _templateObject4$z, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9336
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9337
|
+
var GreyBox = /*#__PURE__*/styled__default.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"])));
|
|
9199
9338
|
// Styled components
|
|
9200
9339
|
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
9201
|
-
var StyledTable$
|
|
9340
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
9202
9341
|
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
9342
|
+
var ClearAll = /*#__PURE__*/styled__default.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
9343
|
+
var StyledFilterBtnIcon = /*#__PURE__*/styled__default.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #f1f5f6;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
9344
|
+
var StyledFilterBtnLabel = /*#__PURE__*/styled__default.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"])));
|
|
9203
9345
|
|
|
9204
9346
|
var PrinterIcon = function PrinterIcon() {
|
|
9205
9347
|
return React__default.createElement("svg", {
|
|
@@ -9362,19 +9504,37 @@ var displayValueOrNA = function displayValueOrNA(value) {
|
|
|
9362
9504
|
return value;
|
|
9363
9505
|
};
|
|
9364
9506
|
|
|
9507
|
+
var optionsPrint = [{
|
|
9508
|
+
icon: 'runSheet',
|
|
9509
|
+
label: 'Print Runsheet'
|
|
9510
|
+
}, {
|
|
9511
|
+
icon: 'loadSheet',
|
|
9512
|
+
label: 'Print Loadsheet'
|
|
9513
|
+
}, {
|
|
9514
|
+
icon: 'deliveryLables',
|
|
9515
|
+
label: 'Print Delivery Labels'
|
|
9516
|
+
}, {
|
|
9517
|
+
icon: 'customerLables',
|
|
9518
|
+
label: 'Print Customer Labels'
|
|
9519
|
+
}, {
|
|
9520
|
+
icon: 'collectionLables',
|
|
9521
|
+
label: 'Print Collection Labels'
|
|
9522
|
+
}];
|
|
9365
9523
|
var optionsForReturnPrint = [{
|
|
9366
9524
|
icon: 'deliveryLables',
|
|
9367
9525
|
label: 'Print Return Labels'
|
|
9368
9526
|
}];
|
|
9369
9527
|
|
|
9370
|
-
var _templateObject$
|
|
9371
|
-
// import { PrintIconMap } from '../utils';
|
|
9372
|
-
// import { optionsPrint } from '../fakeData';
|
|
9373
|
-
// import { PrintData } from '../interface';
|
|
9528
|
+
var _templateObject$24, _templateObject2$1s;
|
|
9374
9529
|
var options$2 = optionsForReturnPrint;
|
|
9375
|
-
var PrintDropDownReturn = function PrintDropDownReturn() {
|
|
9376
|
-
var
|
|
9377
|
-
|
|
9530
|
+
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9531
|
+
var legacyProductId = _ref.legacyProductId;
|
|
9532
|
+
console.log(legacyProductId, 'legacyProductId');
|
|
9533
|
+
var downloadFiles = function downloadFiles() {
|
|
9534
|
+
var url = "https://toolbox.bjshomedelivery.com/offload/return_label?gsit_products_id=" + legacyProductId;
|
|
9535
|
+
window.open(url, '_blank'); // Opens the URL in a new tab
|
|
9536
|
+
};
|
|
9537
|
+
return React__default.createElement(OptionsList, null, options$2 == null ? void 0 : options$2.map(function (item, index) {
|
|
9378
9538
|
var IconComponent = PrintIconMap[item.icon];
|
|
9379
9539
|
return React__default.createElement(OptionsListLi, {
|
|
9380
9540
|
key: index,
|
|
@@ -9382,8 +9542,8 @@ var PrintDropDownReturn = function PrintDropDownReturn() {
|
|
|
9382
9542
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
9383
9543
|
}));
|
|
9384
9544
|
};
|
|
9385
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
9386
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9545
|
+
var OptionsList = /*#__PURE__*/styled__default.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"])));
|
|
9546
|
+
var OptionsListLi = /*#__PURE__*/styled__default.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"])));
|
|
9387
9547
|
|
|
9388
9548
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
9389
9549
|
var _useAtom = jotai.useAtom(filtersReducerAtom),
|
|
@@ -9569,7 +9729,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9569
9729
|
var mergedPayload = Object.values(groupedPayload);
|
|
9570
9730
|
setGrouped(mergedPayload);
|
|
9571
9731
|
}, [newpayload]);
|
|
9572
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, null, React__default.createElement(StyledTable$
|
|
9732
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, null, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
9573
9733
|
className: "emailInvoiceCheckbox"
|
|
9574
9734
|
}, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
9575
9735
|
checked: selectAll,
|
|
@@ -9613,7 +9773,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9613
9773
|
style: {
|
|
9614
9774
|
color: '#888075'
|
|
9615
9775
|
}
|
|
9616
|
-
}, 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__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight),
|
|
9776
|
+
}, 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__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), ' ', item != null && item.weight && (item == null ? void 0 : item.weight) !== null ? 'KG' : ''), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React__default.createElement("td", null, displayValueOrNA(item == null || (_item$return_reasons = item.return_reasons) == null ? void 0 : _item$return_reasons.reason)), React__default.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) {
|
|
9777
|
+
return ret != null && ret.collected_at ? dateFns.format(new Date(ret.collected_at), 'dd/MM/yyyy') : 'UNKNOWN';
|
|
9778
|
+
}) : 'UNKNOWN'), React__default.createElement("td", null, displayValueOrNA(item == null || (_item$collection_reas = item.collection_reasons) == null ? void 0 : _item$collection_reas.reason)), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
9617
9779
|
className: "actionbox"
|
|
9618
9780
|
}, React__default.createElement(CustomDrop, {
|
|
9619
9781
|
ref: dropdownRefParent,
|
|
@@ -9625,16 +9787,18 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9625
9787
|
}
|
|
9626
9788
|
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle == index && React__default.createElement("div", {
|
|
9627
9789
|
ref: dropdownRef
|
|
9628
|
-
}, React__default.createElement(PrintDropDownReturn,
|
|
9790
|
+
}, React__default.createElement(PrintDropDownReturn, {
|
|
9791
|
+
legacyProductId: item.legacy_product_id
|
|
9792
|
+
})))))));
|
|
9629
9793
|
})))));
|
|
9630
9794
|
};
|
|
9631
9795
|
|
|
9632
|
-
var _templateObject$
|
|
9796
|
+
var _templateObject$25, _templateObject2$1t, _templateObject3$S, _templateObject4$A;
|
|
9633
9797
|
var DefetcDetails = function DefetcDetails() {
|
|
9634
9798
|
var handleSelectChange = function handleSelectChange() {
|
|
9635
9799
|
console.log('Option selected');
|
|
9636
9800
|
};
|
|
9637
|
-
return React__default.createElement(Container$
|
|
9801
|
+
return React__default.createElement(Container$14, null, React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9638
9802
|
label: "What is the defect"
|
|
9639
9803
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
9640
9804
|
options: TaskType,
|
|
@@ -9648,14 +9812,14 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
9648
9812
|
placeholder: "Select Category",
|
|
9649
9813
|
onChange: handleSelectChange,
|
|
9650
9814
|
selectWrapperClass: "rounded"
|
|
9651
|
-
}))), React__default.createElement(Flex$
|
|
9815
|
+
}))), React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9652
9816
|
label: "Where is the primary defect located?"
|
|
9653
9817
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
9654
9818
|
options: TaskType,
|
|
9655
9819
|
placeholder: "Select located",
|
|
9656
9820
|
onChange: handleSelectChange,
|
|
9657
9821
|
selectWrapperClass: "rounded"
|
|
9658
|
-
}))), React__default.createElement(Flex$
|
|
9822
|
+
}))), React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9659
9823
|
label: "Where is the secondary defect located?"
|
|
9660
9824
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
9661
9825
|
options: TaskType,
|
|
@@ -9671,12 +9835,12 @@ var DefetcDetails = function DefetcDetails() {
|
|
|
9671
9835
|
selectWrapperClass: "rounded"
|
|
9672
9836
|
}))));
|
|
9673
9837
|
};
|
|
9674
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
9675
|
-
var Container$
|
|
9676
|
-
var Flex$
|
|
9838
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
9839
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
9840
|
+
var Flex$7 = /*#__PURE__*/styled__default.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"])));
|
|
9677
9841
|
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9678
9842
|
|
|
9679
|
-
var _templateObject$
|
|
9843
|
+
var _templateObject$26;
|
|
9680
9844
|
var RepackProduct = function RepackProduct() {
|
|
9681
9845
|
var options = [{
|
|
9682
9846
|
value: 'bjsCouriers',
|
|
@@ -9736,9 +9900,9 @@ var RepackProduct = function RepackProduct() {
|
|
|
9736
9900
|
}
|
|
9737
9901
|
})));
|
|
9738
9902
|
};
|
|
9739
|
-
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9903
|
+
var GLobalPopupContent$3 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9740
9904
|
|
|
9741
|
-
var _templateObject$
|
|
9905
|
+
var _templateObject$27, _templateObject2$1u, _templateObject3$T, _templateObject4$B, _templateObject5$m, _templateObject6$e;
|
|
9742
9906
|
var RepackDetails = function RepackDetails() {
|
|
9743
9907
|
var _useState = React.useState(false),
|
|
9744
9908
|
isAdditionalBoxChecked = _useState[0],
|
|
@@ -9749,28 +9913,28 @@ var RepackDetails = function RepackDetails() {
|
|
|
9749
9913
|
var handleSelectChange = function handleSelectChange() {
|
|
9750
9914
|
console.log('Option selected');
|
|
9751
9915
|
};
|
|
9752
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
9916
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$15, null, React__default.createElement(Flex$8, null, React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9753
9917
|
label: "Who repacked it?"
|
|
9754
9918
|
}), React__default.createElement(StyledAntSelect$7, {
|
|
9755
9919
|
options: TaskType,
|
|
9756
9920
|
placeholder: "Select Category",
|
|
9757
9921
|
onChange: handleSelectChange,
|
|
9758
9922
|
selectWrapperClass: "rounded"
|
|
9759
|
-
}))), React__default.createElement(Flex$
|
|
9923
|
+
}))), React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9760
9924
|
label: "Packaging Type"
|
|
9761
9925
|
}), React__default.createElement(StyledAntSelect$7, {
|
|
9762
9926
|
options: TaskType,
|
|
9763
9927
|
placeholder: "Select located",
|
|
9764
9928
|
onChange: handleSelectChange,
|
|
9765
9929
|
selectWrapperClass: "rounded"
|
|
9766
|
-
}))), React__default.createElement(Flex$
|
|
9930
|
+
}))), React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9767
9931
|
label: "Repack Images"
|
|
9768
9932
|
}), React__default.createElement(StyledAntSelect$7, {
|
|
9769
9933
|
options: TaskType,
|
|
9770
9934
|
placeholder: "Select secondary defect",
|
|
9771
9935
|
onChange: handleSelectChange,
|
|
9772
9936
|
selectWrapperClass: "rounded"
|
|
9773
|
-
})))), React__default.createElement(Flex$
|
|
9937
|
+
})))), React__default.createElement(Flex$8, null, React__default.createElement(CheckboxContainer$1, null, React__default.createElement(antd.Checkbox, {
|
|
9774
9938
|
onChange: function onChange(e) {
|
|
9775
9939
|
return setIsAdditionalBoxChecked(e.target.checked);
|
|
9776
9940
|
}
|
|
@@ -9785,19 +9949,19 @@ var RepackDetails = function RepackDetails() {
|
|
|
9785
9949
|
}
|
|
9786
9950
|
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
9787
9951
|
};
|
|
9788
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
9789
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9952
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
9953
|
+
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
9790
9954
|
var InputWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9791
|
-
var Container$
|
|
9792
|
-
var Flex$
|
|
9955
|
+
var Container$15 = /*#__PURE__*/styled__default.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"])));
|
|
9956
|
+
var Flex$8 = /*#__PURE__*/styled__default.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"])));
|
|
9793
9957
|
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9794
9958
|
|
|
9795
|
-
var _templateObject$
|
|
9959
|
+
var _templateObject$28, _templateObject2$1v, _templateObject3$U, _templateObject4$C;
|
|
9796
9960
|
var OtherDamage = function OtherDamage() {
|
|
9797
9961
|
var handleSelectChange = function handleSelectChange() {
|
|
9798
9962
|
console.log('Option selected');
|
|
9799
9963
|
};
|
|
9800
|
-
return React__default.createElement(Container$
|
|
9964
|
+
return React__default.createElement(Container$16, null, React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9801
9965
|
label: "What is the primary defect?"
|
|
9802
9966
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
9803
9967
|
options: TaskType,
|
|
@@ -9811,7 +9975,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9811
9975
|
placeholder: "Select secondary defect",
|
|
9812
9976
|
onChange: handleSelectChange,
|
|
9813
9977
|
selectWrapperClass: "rounded"
|
|
9814
|
-
}))), React__default.createElement(Flex$
|
|
9978
|
+
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9815
9979
|
label: "What is the secondary defect?"
|
|
9816
9980
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
9817
9981
|
options: TaskType,
|
|
@@ -9825,7 +9989,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9825
9989
|
placeholder: "Select Category",
|
|
9826
9990
|
onChange: handleSelectChange,
|
|
9827
9991
|
selectWrapperClass: "rounded"
|
|
9828
|
-
}))), React__default.createElement(Flex$
|
|
9992
|
+
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9829
9993
|
label: "Where is the tertiary defect located?\n"
|
|
9830
9994
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
9831
9995
|
options: TaskType,
|
|
@@ -9839,7 +10003,7 @@ var OtherDamage = function OtherDamage() {
|
|
|
9839
10003
|
placeholder: "Select secondary defect",
|
|
9840
10004
|
onChange: handleSelectChange,
|
|
9841
10005
|
selectWrapperClass: "rounded"
|
|
9842
|
-
}))), React__default.createElement(Flex$
|
|
10006
|
+
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9843
10007
|
label: "What is the size of the defect?(cm)"
|
|
9844
10008
|
}), React__default.createElement(StyledAntSelect$8, {
|
|
9845
10009
|
options: TaskType,
|
|
@@ -9848,12 +10012,12 @@ var OtherDamage = function OtherDamage() {
|
|
|
9848
10012
|
selectWrapperClass: "rounded"
|
|
9849
10013
|
}))));
|
|
9850
10014
|
};
|
|
9851
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
9852
|
-
var Container$
|
|
9853
|
-
var Flex$
|
|
10015
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10016
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10017
|
+
var Flex$9 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
9854
10018
|
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9855
10019
|
|
|
9856
|
-
var _templateObject$
|
|
10020
|
+
var _templateObject$29, _templateObject2$1w, _templateObject3$V, _templateObject4$D, _templateObject5$n;
|
|
9857
10021
|
var AddDefect = function AddDefect() {
|
|
9858
10022
|
var _useState = React.useState({
|
|
9859
10023
|
actionDuring: '',
|
|
@@ -9880,7 +10044,7 @@ var AddDefect = function AddDefect() {
|
|
|
9880
10044
|
});
|
|
9881
10045
|
});
|
|
9882
10046
|
};
|
|
9883
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
10047
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$17, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9884
10048
|
label: "Does the packaging have any damage?"
|
|
9885
10049
|
}), React__default.createElement(StyledAntSelect$9, {
|
|
9886
10050
|
options: DefectConfirm,
|
|
@@ -9893,7 +10057,7 @@ var AddDefect = function AddDefect() {
|
|
|
9893
10057
|
return React__default.createElement(DefetcDetails, {
|
|
9894
10058
|
key: index
|
|
9895
10059
|
});
|
|
9896
|
-
})), React__default.createElement(Container$
|
|
10060
|
+
})), React__default.createElement(Container$17, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9897
10061
|
label: "Has the product been checked?"
|
|
9898
10062
|
}), React__default.createElement(StyledAntSelect$9, {
|
|
9899
10063
|
options: DefectConfirm,
|
|
@@ -9907,7 +10071,7 @@ var AddDefect = function AddDefect() {
|
|
|
9907
10071
|
placeholder: "Select",
|
|
9908
10072
|
onChange: handleChange('productDamage'),
|
|
9909
10073
|
selectWrapperClass: "rounded"
|
|
9910
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React__default.createElement(OtherDamage, null)), React__default.createElement(Container$
|
|
10074
|
+
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React__default.createElement(OtherDamage, null)), React__default.createElement(Container$17, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9911
10075
|
label: "Has the product been repacked?"
|
|
9912
10076
|
}), React__default.createElement(StyledAntSelect$9, {
|
|
9913
10077
|
options: DefectConfirm,
|
|
@@ -9916,18 +10080,18 @@ var AddDefect = function AddDefect() {
|
|
|
9916
10080
|
selectWrapperClass: "rounded"
|
|
9917
10081
|
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
9918
10082
|
};
|
|
9919
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
9920
|
-
var Container$
|
|
9921
|
-
var Flex$
|
|
10083
|
+
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10084
|
+
var Container$17 = /*#__PURE__*/styled__default.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"])));
|
|
10085
|
+
var Flex$a = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
9922
10086
|
var LabelWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
9923
10087
|
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
9924
10088
|
|
|
9925
|
-
var _templateObject$
|
|
10089
|
+
var _templateObject$2a, _templateObject2$1x, _templateObject3$W, _templateObject4$E;
|
|
9926
10090
|
var QCLogs = function QCLogs() {
|
|
9927
10091
|
var handleSelectChange = function handleSelectChange() {
|
|
9928
10092
|
console.log('Option selected');
|
|
9929
10093
|
};
|
|
9930
|
-
return React__default.createElement(Container$
|
|
10094
|
+
return React__default.createElement(Container$18, null, React__default.createElement(Flex$b, null, React__default.createElement(LabelWrapper$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
9931
10095
|
label: "Action During"
|
|
9932
10096
|
}), React__default.createElement(StyledAntSelect$a, {
|
|
9933
10097
|
options: TaskType,
|
|
@@ -9943,12 +10107,12 @@ var QCLogs = function QCLogs() {
|
|
|
9943
10107
|
selectWrapperClass: "rounded"
|
|
9944
10108
|
}))), React__default.createElement(AddDefect, null));
|
|
9945
10109
|
};
|
|
9946
|
-
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$
|
|
9947
|
-
var Container$
|
|
9948
|
-
var Flex$
|
|
10110
|
+
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10111
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10112
|
+
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
9949
10113
|
var LabelWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
9950
10114
|
|
|
9951
|
-
var _templateObject$
|
|
10115
|
+
var _templateObject$2b, _templateObject2$1y, _templateObject3$X, _templateObject4$F, _templateObject5$o;
|
|
9952
10116
|
function UpdateProduct() {
|
|
9953
10117
|
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
9954
10118
|
var _useState = React.useState(),
|
|
@@ -10008,7 +10172,7 @@ function UpdateProduct() {
|
|
|
10008
10172
|
value: option.id
|
|
10009
10173
|
};
|
|
10010
10174
|
});
|
|
10011
|
-
return React__default.createElement(Container$
|
|
10175
|
+
return React__default.createElement(Container$19, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10012
10176
|
label: "Product Type"
|
|
10013
10177
|
}), React__default.createElement(StyledAntSelect$b, {
|
|
10014
10178
|
options: productTypeOptions,
|
|
@@ -10045,13 +10209,13 @@ function UpdateProduct() {
|
|
|
10045
10209
|
selectWrapperClass: "rounded"
|
|
10046
10210
|
}))));
|
|
10047
10211
|
}
|
|
10048
|
-
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10049
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10050
|
-
var Container$
|
|
10212
|
+
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10213
|
+
var ReturnBox = /*#__PURE__*/styled__default.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"])));
|
|
10214
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10051
10215
|
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10052
10216
|
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10053
10217
|
|
|
10054
|
-
var _templateObject$
|
|
10218
|
+
var _templateObject$2c, _templateObject2$1z, _templateObject3$Y;
|
|
10055
10219
|
function UnReceiveProduct() {
|
|
10056
10220
|
var _orderStaticData$unre;
|
|
10057
10221
|
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
@@ -10088,7 +10252,7 @@ function UnReceiveProduct() {
|
|
|
10088
10252
|
value: option.id
|
|
10089
10253
|
};
|
|
10090
10254
|
});
|
|
10091
|
-
return React__default.createElement(Container$
|
|
10255
|
+
return React__default.createElement(Container$1a, null, React__default.createElement(LabelWrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10092
10256
|
label: "Reason"
|
|
10093
10257
|
}), React__default.createElement(StyledAntSelect$c, {
|
|
10094
10258
|
options: returnActionOptions,
|
|
@@ -10099,18 +10263,18 @@ function UnReceiveProduct() {
|
|
|
10099
10263
|
onNotesChange: handleNotesChange
|
|
10100
10264
|
})));
|
|
10101
10265
|
}
|
|
10102
|
-
var Container$
|
|
10103
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10266
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10267
|
+
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10104
10268
|
var StyledAntSelect$c = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10105
10269
|
|
|
10106
|
-
var _templateObject$
|
|
10270
|
+
var _templateObject$2d, _templateObject2$1A;
|
|
10107
10271
|
var ProductAction = function ProductAction() {
|
|
10108
10272
|
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10109
10273
|
setSelectedTabKey = _useAtom[1];
|
|
10110
10274
|
var handleTabChange = function handleTabChange(activeKey) {
|
|
10111
10275
|
setSelectedTabKey(activeKey);
|
|
10112
10276
|
};
|
|
10113
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$4, null, React__default.createElement(Container$
|
|
10277
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$4, null, React__default.createElement(Container$1b, null, React__default.createElement(antd.Tabs, {
|
|
10114
10278
|
defaultActiveKey: "1",
|
|
10115
10279
|
onChange: handleTabChange,
|
|
10116
10280
|
items: [{
|
|
@@ -10128,10 +10292,10 @@ var ProductAction = function ProductAction() {
|
|
|
10128
10292
|
}]
|
|
10129
10293
|
}))));
|
|
10130
10294
|
};
|
|
10131
|
-
var GLobalPopupContent$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10132
|
-
var Container$
|
|
10295
|
+
var GLobalPopupContent$4 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10296
|
+
var Container$1b = /*#__PURE__*/styled__default.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"])));
|
|
10133
10297
|
|
|
10134
|
-
var _templateObject$
|
|
10298
|
+
var _templateObject$2e;
|
|
10135
10299
|
var LogsTable = function LogsTable() {
|
|
10136
10300
|
var options = [{
|
|
10137
10301
|
value: 'bjsCouriers',
|
|
@@ -10206,9 +10370,9 @@ var LogsTable = function LogsTable() {
|
|
|
10206
10370
|
}
|
|
10207
10371
|
})));
|
|
10208
10372
|
};
|
|
10209
|
-
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10373
|
+
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10210
10374
|
|
|
10211
|
-
var _templateObject$
|
|
10375
|
+
var _templateObject$2f, _templateObject2$1B;
|
|
10212
10376
|
var DefectsModal = function DefectsModal() {
|
|
10213
10377
|
var options = [{
|
|
10214
10378
|
value: 'bjsCouriers',
|
|
@@ -10260,10 +10424,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10260
10424
|
}
|
|
10261
10425
|
}))));
|
|
10262
10426
|
};
|
|
10263
|
-
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10264
|
-
var GLobalPopupContent$5 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10427
|
+
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
10428
|
+
var GLobalPopupContent$5 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10265
10429
|
|
|
10266
|
-
var _templateObject$
|
|
10430
|
+
var _templateObject$2g;
|
|
10267
10431
|
var repackModal = function repackModal() {
|
|
10268
10432
|
var columns = [{
|
|
10269
10433
|
key: 'packaging_type',
|
|
@@ -10293,9 +10457,9 @@ var repackModal = function repackModal() {
|
|
|
10293
10457
|
}
|
|
10294
10458
|
}))));
|
|
10295
10459
|
};
|
|
10296
|
-
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10460
|
+
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10297
10461
|
|
|
10298
|
-
var _templateObject$
|
|
10462
|
+
var _templateObject$2h, _templateObject2$1C, _templateObject3$Z;
|
|
10299
10463
|
var _excluded$3 = ["id"];
|
|
10300
10464
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10301
10465
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -10307,7 +10471,6 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10307
10471
|
load = _usePostLoading[0];
|
|
10308
10472
|
var _useGroupedPayload = useGroupedPayload(),
|
|
10309
10473
|
groupedPayload = _useGroupedPayload[0];
|
|
10310
|
-
// const [forDisabledCheck] = useSelectedConfirmLoc();
|
|
10311
10474
|
var _useFinalPayload = useFinalPayload(),
|
|
10312
10475
|
setNew = _useFinalPayload[1];
|
|
10313
10476
|
var handleSelectLocations = function handleSelectLocations(id) {
|
|
@@ -10351,7 +10514,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10351
10514
|
type: "info",
|
|
10352
10515
|
title: "Do you wish to proceed?",
|
|
10353
10516
|
showOkButton: false
|
|
10354
|
-
}), React__default.createElement(Container$
|
|
10517
|
+
}), React__default.createElement(Container$1c, null, React__default.createElement("ul", {
|
|
10355
10518
|
style: {
|
|
10356
10519
|
listStyle: 'none',
|
|
10357
10520
|
padding: 0
|
|
@@ -10376,8 +10539,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
10376
10539
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
10377
10540
|
})))));
|
|
10378
10541
|
};
|
|
10379
|
-
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10380
|
-
var Container$
|
|
10542
|
+
var StyledText$1 = /*#__PURE__*/styled__default.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"])));
|
|
10543
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10381
10544
|
var Wrapper$l = /*#__PURE__*/styled__default.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"])));
|
|
10382
10545
|
|
|
10383
10546
|
var ModalManager = function ModalManager() {
|
|
@@ -10418,6 +10581,9 @@ var ModalManager = function ModalManager() {
|
|
|
10418
10581
|
setGrouped = _useGroupedPayload[1];
|
|
10419
10582
|
var _useSelectAll = useSelectAll(),
|
|
10420
10583
|
setSelectAll = _useSelectAll[1];
|
|
10584
|
+
var _useState2 = React.useState(false),
|
|
10585
|
+
forCheck = _useState2[0],
|
|
10586
|
+
setStateCheck = _useState2[1];
|
|
10421
10587
|
console.log(orderProduct, 'abcabcabcabcabcabcabcabcabcabcabc');
|
|
10422
10588
|
var _closeModal = function closeModal() {
|
|
10423
10589
|
dispatch({
|
|
@@ -10602,23 +10768,10 @@ var ModalManager = function ModalManager() {
|
|
|
10602
10768
|
React.useEffect(function () {
|
|
10603
10769
|
SetPostLoading(confirmLoading);
|
|
10604
10770
|
}, [confirmLoading]);
|
|
10605
|
-
console.log(response);
|
|
10606
|
-
React.useEffect(function () {
|
|
10607
|
-
if (response === null || response && response != null && response.data) {
|
|
10608
|
-
dispatch({
|
|
10609
|
-
type: 'close'
|
|
10610
|
-
});
|
|
10611
|
-
setNewGrouped([]);
|
|
10612
|
-
setSelectedReturnOrder([]);
|
|
10613
|
-
setCheck([]);
|
|
10614
|
-
setNewPayload([]);
|
|
10615
|
-
setGrouped([]);
|
|
10616
|
-
setShouldPerformAction(false);
|
|
10617
|
-
setSelectAll(false);
|
|
10618
|
-
}
|
|
10619
|
-
}, [response]);
|
|
10771
|
+
console.log(response, 'response');
|
|
10620
10772
|
var handleConfirmReturn = function handleConfirmReturn() {
|
|
10621
10773
|
setShouldPerformAction(false);
|
|
10774
|
+
setStateCheck(!forCheck);
|
|
10622
10775
|
if (newGrouped.length > 0) {
|
|
10623
10776
|
setShouldPerformAction(true);
|
|
10624
10777
|
} else {
|
|
@@ -10628,6 +10781,18 @@ var ModalManager = function ModalManager() {
|
|
|
10628
10781
|
type: 'close'
|
|
10629
10782
|
});
|
|
10630
10783
|
};
|
|
10784
|
+
React.useEffect(function () {
|
|
10785
|
+
dispatch({
|
|
10786
|
+
type: 'close'
|
|
10787
|
+
});
|
|
10788
|
+
setNewGrouped([]);
|
|
10789
|
+
setSelectedReturnOrder([]);
|
|
10790
|
+
setCheck([]);
|
|
10791
|
+
setNewPayload([]);
|
|
10792
|
+
setGrouped([]);
|
|
10793
|
+
setShouldPerformAction(false);
|
|
10794
|
+
setSelectAll(false);
|
|
10795
|
+
}, [response, forCheck]);
|
|
10631
10796
|
return React__default.createElement(React__default.Fragment, null, (popupName == null ? void 0 : popupName.state) == 'create-return' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
10632
10797
|
openStatus: (popupName == null ? void 0 : popupName.state) == 'create-return' ? true : false,
|
|
10633
10798
|
closeModal: function closeModal() {
|
|
@@ -10721,14 +10886,14 @@ var ModalManager = function ModalManager() {
|
|
|
10721
10886
|
}));
|
|
10722
10887
|
};
|
|
10723
10888
|
|
|
10724
|
-
var _templateObject$
|
|
10889
|
+
var _templateObject$2i, _templateObject2$1D;
|
|
10725
10890
|
var ReturnTable = function ReturnTable() {
|
|
10726
|
-
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper, null, React__default.createElement("div", {
|
|
10891
|
+
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$1, null, React__default.createElement("div", {
|
|
10727
10892
|
className: "Tableconatiner"
|
|
10728
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
10893
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1d, null, React__default.createElement(ReturnFilter, null), React__default.createElement(ReturnOrderTable, null)))), React__default.createElement(ModalManager, null));
|
|
10729
10894
|
};
|
|
10730
|
-
var Container$
|
|
10731
|
-
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
10895
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10896
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
10732
10897
|
|
|
10733
10898
|
function LoadIcon() {
|
|
10734
10899
|
return React__default.createElement("svg", {
|
|
@@ -10746,17 +10911,50 @@ function LoadIcon() {
|
|
|
10746
10911
|
}));
|
|
10747
10912
|
}
|
|
10748
10913
|
|
|
10914
|
+
var _templateObject$2j, _templateObject2$1E;
|
|
10915
|
+
var PrintDropDown = function PrintDropDown(_ref) {
|
|
10916
|
+
var legacyProductId = _ref.legacyProductId;
|
|
10917
|
+
var downloadFiles = function downloadFiles(label) {
|
|
10918
|
+
var url = legacyProductId == null ? void 0 : legacyProductId[label.replace('Print ', '').toLowerCase().replace(' ', '_') + "_url"];
|
|
10919
|
+
if (url) {
|
|
10920
|
+
window.open(url, '_blank');
|
|
10921
|
+
} else {
|
|
10922
|
+
console.log('URL not available for', label);
|
|
10923
|
+
}
|
|
10924
|
+
};
|
|
10925
|
+
var isOptionDisabled = function isOptionDisabled(label) {
|
|
10926
|
+
var url = legacyProductId == null ? void 0 : legacyProductId[label.replace('Print ', '').toLowerCase().replace(' ', '_') + "_url"];
|
|
10927
|
+
return !url;
|
|
10928
|
+
};
|
|
10929
|
+
return React__default.createElement(OptionsList$1, null, optionsPrint.map(function (item, index) {
|
|
10930
|
+
var IconComponent = PrintIconMap[item.icon];
|
|
10931
|
+
var isDisabled = isOptionDisabled(item.label);
|
|
10932
|
+
return React__default.createElement(OptionsListLi$1, {
|
|
10933
|
+
key: index,
|
|
10934
|
+
onClick: function onClick() {
|
|
10935
|
+
return !isDisabled && downloadFiles(item.label);
|
|
10936
|
+
},
|
|
10937
|
+
disabled: isDisabled
|
|
10938
|
+
}, IconComponent && React__default.createElement(IconComponent, null), item.label);
|
|
10939
|
+
}));
|
|
10940
|
+
};
|
|
10941
|
+
var OptionsList$1 = /*#__PURE__*/styled__default.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"])));
|
|
10942
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.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) {
|
|
10943
|
+
var disabled = _ref2.disabled;
|
|
10944
|
+
return disabled ? 'not-allowed' : 'pointer';
|
|
10945
|
+
}, function (_ref3) {
|
|
10946
|
+
var disabled = _ref3.disabled;
|
|
10947
|
+
return disabled ? '#d3d3d3' : 'inherit';
|
|
10948
|
+
}, function (_ref4) {
|
|
10949
|
+
var disabled = _ref4.disabled;
|
|
10950
|
+
return disabled ? 'transparent' : '#f0f0f0';
|
|
10951
|
+
});
|
|
10952
|
+
|
|
10749
10953
|
var OrderTable = function OrderTable(_ref) {
|
|
10750
10954
|
var loadingskeleton = _ref.loadingskeleton;
|
|
10751
|
-
|
|
10752
|
-
|
|
10753
|
-
|
|
10754
|
-
var _useState = React.useState(false),
|
|
10755
|
-
selectAll = _useState[0],
|
|
10756
|
-
setSelectAll = _useState[1];
|
|
10757
|
-
var defaultSelectStyle = {
|
|
10758
|
-
width: '100%'
|
|
10759
|
-
};
|
|
10955
|
+
// const [, setSelectedReturnOrder] = useSelectedOrders();
|
|
10956
|
+
// const [selectAll, setSelectAll] = useState(false);
|
|
10957
|
+
// const defaultSelectStyle = { width: '100%' };
|
|
10760
10958
|
var defaultPopupClassName = 'dropDownStyle';
|
|
10761
10959
|
var defaultSelectWrapperClass = 'rounded';
|
|
10762
10960
|
var dropdownRefParent = React.useRef(null);
|
|
@@ -10783,36 +10981,31 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10783
10981
|
setPrintToggle(null);
|
|
10784
10982
|
}
|
|
10785
10983
|
};
|
|
10786
|
-
|
|
10787
|
-
|
|
10788
|
-
|
|
10789
|
-
|
|
10790
|
-
|
|
10791
|
-
|
|
10792
|
-
|
|
10793
|
-
|
|
10794
|
-
|
|
10795
|
-
|
|
10796
|
-
|
|
10797
|
-
|
|
10798
|
-
};
|
|
10799
|
-
|
|
10800
|
-
|
|
10801
|
-
|
|
10802
|
-
|
|
10803
|
-
|
|
10804
|
-
|
|
10805
|
-
|
|
10806
|
-
|
|
10807
|
-
|
|
10808
|
-
|
|
10809
|
-
|
|
10810
|
-
|
|
10811
|
-
status_id: 3
|
|
10812
|
-
}]);
|
|
10813
|
-
}
|
|
10814
|
-
});
|
|
10815
|
-
};
|
|
10984
|
+
// const handleSelectAll = (e: any) => {
|
|
10985
|
+
// setSelectAll(e.target.checked);
|
|
10986
|
+
// if (e.target.checked) {
|
|
10987
|
+
// setSelectedReturnOrder(
|
|
10988
|
+
// returnAfterOrder.map((e: any) => ({
|
|
10989
|
+
// id: e.id,
|
|
10990
|
+
// status_id: 3,
|
|
10991
|
+
// }))
|
|
10992
|
+
// );
|
|
10993
|
+
// } else {
|
|
10994
|
+
// setSelectedReturnOrder([]);
|
|
10995
|
+
// }
|
|
10996
|
+
// };
|
|
10997
|
+
// const handleSelectInvoice = (id: any) => {
|
|
10998
|
+
// setSelectedReturnOrder((prevSelectedInvoices: any) => {
|
|
10999
|
+
// const isSelected = prevSelectedInvoices?.some(
|
|
11000
|
+
// (item: any) => item.id === id
|
|
11001
|
+
// );
|
|
11002
|
+
// if (isSelected) {
|
|
11003
|
+
// return prevSelectedInvoices.filter((items: any) => items.id !== id);
|
|
11004
|
+
// } else {
|
|
11005
|
+
// return [...prevSelectedInvoices, { id, status_id: 3 }];
|
|
11006
|
+
// }
|
|
11007
|
+
// });
|
|
11008
|
+
// };
|
|
10816
11009
|
console.log('', returnAfterOrder);
|
|
10817
11010
|
var assigneOptions = [{
|
|
10818
11011
|
label: 'BJS Distribution',
|
|
@@ -10851,16 +11044,12 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10851
11044
|
}
|
|
10852
11045
|
};
|
|
10853
11046
|
var _useOrderId = useOrderId(),
|
|
10854
|
-
id = _useOrderId[0],
|
|
10855
11047
|
setOrderId = _useOrderId[1];
|
|
10856
|
-
console.log(id, 'idid');
|
|
10857
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, {
|
|
10858
|
-
id: "tableScrolling"
|
|
10859
|
-
}, React__default.createElement(StyledTable$2, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
11048
|
+
// console.log(id, 'idid');
|
|
11049
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper, null, React__default.createElement(StyledTable$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
|
|
10860
11050
|
className: "emailInvoiceCheckbox"
|
|
10861
11051
|
}, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
10862
|
-
checked:
|
|
10863
|
-
onChange: handleSelectAll
|
|
11052
|
+
checked: false
|
|
10864
11053
|
})), React__default.createElement("th", {
|
|
10865
11054
|
className: "emailInvoiceNo"
|
|
10866
11055
|
}, "Created"), React__default.createElement("th", null, "Return Location"), React__default.createElement("th", null, "Pick Up Location"), React__default.createElement("th", null, "Recipient"), React__default.createElement("th", null, " Client"), React__default.createElement("th", null, "Consignment"), React__default.createElement("th", null, "Return Order No"), React__default.createElement("th", null, " Total Parts"), React__default.createElement("th", null, "Total Weight"), React__default.createElement("th", null, "Total CBM"), React__default.createElement("th", null, "Assign"), React__default.createElement("th", null, "Status"), React__default.createElement("th", {
|
|
@@ -10888,12 +11077,7 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10888
11077
|
return React__default.createElement("tr", {
|
|
10889
11078
|
key: item.id
|
|
10890
11079
|
}, React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
10891
|
-
checked:
|
|
10892
|
-
return (selectedInvoice == null ? void 0 : selectedInvoice.id) === item.id;
|
|
10893
|
-
}),
|
|
10894
|
-
onChange: function onChange() {
|
|
10895
|
-
return handleSelectInvoice(item.id);
|
|
10896
|
-
}
|
|
11080
|
+
checked: false
|
|
10897
11081
|
})), React__default.createElement("td", null, formatDate$1(new Date(item == null ? void 0 : item.created_at))), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.return_locations)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.pick_up_location)), React__default.createElement("td", {
|
|
10898
11082
|
onClick: function onClick() {
|
|
10899
11083
|
return setOrderId(item.id);
|
|
@@ -10920,8 +11104,8 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10920
11104
|
placeholder: "Select",
|
|
10921
11105
|
onChange: function onChange() {},
|
|
10922
11106
|
// defaultValue={item?.assign || ''}
|
|
10923
|
-
style
|
|
10924
|
-
disabled
|
|
11107
|
+
// style={defaultSelectStyle}
|
|
11108
|
+
// disabled={false}
|
|
10925
11109
|
// onSearch={handleSearch}
|
|
10926
11110
|
showSearch: true,
|
|
10927
11111
|
popupClassName: defaultPopupClassName,
|
|
@@ -10945,15 +11129,17 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10945
11129
|
}
|
|
10946
11130
|
}, React__default.createElement(PrinterIcon, null), React__default.createElement(DownIcon, null), printToogle == index && React__default.createElement("div", {
|
|
10947
11131
|
ref: dropdownRef
|
|
10948
|
-
}, React__default.createElement(
|
|
11132
|
+
}, React__default.createElement(PrintDropDown, {
|
|
11133
|
+
legacyProductId: item.id
|
|
11134
|
+
})))), React__default.createElement("li", {
|
|
10949
11135
|
className: "downloadcontainer"
|
|
10950
11136
|
}, React__default.createElement(LoadIcon, null)))));
|
|
10951
11137
|
})))));
|
|
10952
11138
|
};
|
|
10953
11139
|
|
|
10954
|
-
var _templateObject$
|
|
11140
|
+
var _templateObject$2k, _templateObject2$1F, _templateObject3$_, _templateObject4$G;
|
|
10955
11141
|
var TableFilters = function TableFilters() {
|
|
10956
|
-
return React__default.createElement(Container$
|
|
11142
|
+
return React__default.createElement(Container$1e, null, React__default.createElement(StyledBulkItem, null, React__default.createElement(SearchType, null)), React__default.createElement(IconConatiner$1, null, React__default.createElement(Mid$1, null, React__default.createElement(IconText$1, null, "Export"), React__default.createElement(DownloadIcon, null))));
|
|
10957
11143
|
// return (
|
|
10958
11144
|
// // <StyledBulkFilterCover>
|
|
10959
11145
|
// <StyledBulkItem>
|
|
@@ -10967,8 +11153,8 @@ var TableFilters = function TableFilters() {
|
|
|
10967
11153
|
// // </StyledBulkFilterCover>
|
|
10968
11154
|
// );
|
|
10969
11155
|
};
|
|
10970
|
-
var Container$
|
|
10971
|
-
var Mid$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11156
|
+
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11157
|
+
var Mid$1 = /*#__PURE__*/styled__default.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"])));
|
|
10972
11158
|
// const TextConatiner = styled.div`
|
|
10973
11159
|
// display: flex;
|
|
10974
11160
|
// padding: 7px 12px;
|
|
@@ -11091,18 +11277,6 @@ var filterReducer$1 = function filterReducer(state, action) {
|
|
|
11091
11277
|
value: action.payload
|
|
11092
11278
|
}])
|
|
11093
11279
|
});
|
|
11094
|
-
// case 'SET_LOCATION_FILTER':
|
|
11095
|
-
// return {
|
|
11096
|
-
// ...state,
|
|
11097
|
-
// 'x-filters': [
|
|
11098
|
-
// ...state['x-filters'].filter(f => f.field !== 'return_location'),
|
|
11099
|
-
// {
|
|
11100
|
-
// field: 'return_location',
|
|
11101
|
-
// op: 'in',
|
|
11102
|
-
// value: action.payload,
|
|
11103
|
-
// },
|
|
11104
|
-
// ],
|
|
11105
|
-
// };
|
|
11106
11280
|
case 'SET_PAGE':
|
|
11107
11281
|
return _extends({}, state, {
|
|
11108
11282
|
'x-pagination': _extends({}, state['x-pagination'], {
|
|
@@ -11117,6 +11291,10 @@ var filterReducer$1 = function filterReducer(state, action) {
|
|
|
11117
11291
|
});
|
|
11118
11292
|
case 'CLEAR_FILTERS':
|
|
11119
11293
|
return _extends({}, state);
|
|
11294
|
+
case 'CLEAR_ALL_FILTER':
|
|
11295
|
+
return _extends({}, state, {
|
|
11296
|
+
'x-filters': []
|
|
11297
|
+
});
|
|
11120
11298
|
default:
|
|
11121
11299
|
return state;
|
|
11122
11300
|
}
|
|
@@ -11172,7 +11350,7 @@ var AssigneIcon = function AssigneIcon() {
|
|
|
11172
11350
|
}))));
|
|
11173
11351
|
};
|
|
11174
11352
|
|
|
11175
|
-
var _templateObject$
|
|
11353
|
+
var _templateObject$2l, _templateObject2$1G;
|
|
11176
11354
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11177
11355
|
var _useAtom = jotai.useAtom(filtersReducerAtom$1),
|
|
11178
11356
|
dispatch = _useAtom[1];
|
|
@@ -11183,13 +11361,28 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11183
11361
|
setSelectedDate = _useState[1];
|
|
11184
11362
|
var _useStatusOrderData = useStatusOrderData(),
|
|
11185
11363
|
statusOfOrder = _useStatusOrderData[0];
|
|
11186
|
-
|
|
11187
|
-
|
|
11188
|
-
|
|
11189
|
-
|
|
11190
|
-
|
|
11191
|
-
|
|
11192
|
-
|
|
11364
|
+
var _useState2 = React.useState(),
|
|
11365
|
+
selectedClient = _useState2[0],
|
|
11366
|
+
setSelectedClient = _useState2[1];
|
|
11367
|
+
var _useState3 = React.useState(),
|
|
11368
|
+
statusOrder = _useState3[0],
|
|
11369
|
+
setStatusOfOrder = _useState3[1];
|
|
11370
|
+
var zoneOptions = [{
|
|
11371
|
+
label: 'Zone 1',
|
|
11372
|
+
value: 'zone1'
|
|
11373
|
+
}, {
|
|
11374
|
+
label: 'Zone 2',
|
|
11375
|
+
value: 'zone2'
|
|
11376
|
+
}, {
|
|
11377
|
+
label: 'Zone 3',
|
|
11378
|
+
value: 'zone3'
|
|
11379
|
+
}, {
|
|
11380
|
+
label: 'Zone 4',
|
|
11381
|
+
value: 'zone4'
|
|
11382
|
+
}, {
|
|
11383
|
+
label: 'Zone 5',
|
|
11384
|
+
value: 'zone5'
|
|
11385
|
+
}];
|
|
11193
11386
|
// date change here
|
|
11194
11387
|
var handleDateChange = function handleDateChange(date) {
|
|
11195
11388
|
setSelectedDate(date ? date == null ? void 0 : date.$d : null);
|
|
@@ -11222,18 +11415,28 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11222
11415
|
});
|
|
11223
11416
|
var handleClientChange = function handleClientChange(value) {
|
|
11224
11417
|
console.log(value, 'value');
|
|
11418
|
+
setSelectedClient(value);
|
|
11225
11419
|
dispatch({
|
|
11226
11420
|
type: 'SET_CLIENT_FILTER',
|
|
11227
|
-
payload:
|
|
11421
|
+
payload: selectedClient
|
|
11228
11422
|
});
|
|
11229
11423
|
};
|
|
11230
11424
|
var handleStatusOfOrder = function handleStatusOfOrder(value) {
|
|
11231
11425
|
console.log(value, 'value');
|
|
11426
|
+
setStatusOfOrder(value);
|
|
11232
11427
|
dispatch({
|
|
11233
11428
|
type: 'SET_STATUS_ORDER_FILTER',
|
|
11234
11429
|
payload: value
|
|
11235
11430
|
});
|
|
11236
11431
|
};
|
|
11432
|
+
var handleClearAll = function handleClearAll() {
|
|
11433
|
+
setSelectedDate(null);
|
|
11434
|
+
setSelectedClient(null);
|
|
11435
|
+
setStatusOfOrder(null);
|
|
11436
|
+
dispatch({
|
|
11437
|
+
type: 'CLEAR_ALL_FILTER'
|
|
11438
|
+
});
|
|
11439
|
+
};
|
|
11237
11440
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(StyledFIlterELements, null, React__default.createElement(LeftSideConatiner, null, React__default.createElement("div", {
|
|
11238
11441
|
className: "filtercontainer"
|
|
11239
11442
|
}, React__default.createElement("div", {
|
|
@@ -11266,6 +11469,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11266
11469
|
style: {
|
|
11267
11470
|
minWidth: '130px'
|
|
11268
11471
|
},
|
|
11472
|
+
value: statusOrder,
|
|
11269
11473
|
allowClear: true
|
|
11270
11474
|
}))), React__default.createElement("div", {
|
|
11271
11475
|
className: "datefilter"
|
|
@@ -11276,22 +11480,40 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11276
11480
|
className: "custom-select",
|
|
11277
11481
|
placeholder: "Client",
|
|
11278
11482
|
onChange: handleClientChange,
|
|
11483
|
+
value: selectedClient,
|
|
11279
11484
|
style: {
|
|
11280
11485
|
width: '125px',
|
|
11281
11486
|
border: 'none'
|
|
11282
11487
|
},
|
|
11283
11488
|
allowClear: true
|
|
11284
11489
|
}))), React__default.createElement("div", {
|
|
11285
|
-
className: "datefilter"
|
|
11490
|
+
className: "datefilter",
|
|
11491
|
+
style: {
|
|
11492
|
+
pointerEvents: 'none',
|
|
11493
|
+
opacity: 0.5
|
|
11494
|
+
}
|
|
11286
11495
|
}, React__default.createElement("div", {
|
|
11287
11496
|
className: "dateiconcontainer"
|
|
11288
|
-
}, React__default.createElement(AssigneIcon, null))
|
|
11497
|
+
}, React__default.createElement(AssigneIcon, null)), React__default.createElement(StyledAntSelect$d, null, React__default.createElement(antd.Select, {
|
|
11498
|
+
options: zoneOptions,
|
|
11499
|
+
className: "custom-select",
|
|
11500
|
+
placeholder: "Asignee",
|
|
11501
|
+
onChange: function onChange() {},
|
|
11502
|
+
style: {
|
|
11503
|
+
minWidth: '100px'
|
|
11504
|
+
},
|
|
11505
|
+
disabled: true
|
|
11506
|
+
}))), selectedDate ? React__default.createElement(React__default.Fragment, null, React__default.createElement(ClearAll, {
|
|
11507
|
+
onClick: handleClearAll
|
|
11508
|
+
}, React__default.createElement(StyledFilterBtnIcon, null, React__default.createElement("i", {
|
|
11509
|
+
className: "cross"
|
|
11510
|
+
})), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
|
|
11289
11511
|
};
|
|
11290
|
-
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11512
|
+
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
11291
11513
|
// const DropdownContainer = styled.div``;
|
|
11292
|
-
var StyledAntSelect$d = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11514
|
+
var StyledAntSelect$d = /*#__PURE__*/styled__default.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"])));
|
|
11293
11515
|
|
|
11294
|
-
var _templateObject$
|
|
11516
|
+
var _templateObject$2m, _templateObject2$1H;
|
|
11295
11517
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
11296
11518
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
11297
11519
|
setReturnOrderData = _useReturnAfterOrderD[1];
|
|
@@ -11313,12 +11535,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
11313
11535
|
setReturnOrderData(fetchedReturnOrderData == null ? void 0 : fetchedReturnOrderData.data);
|
|
11314
11536
|
}
|
|
11315
11537
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
11316
|
-
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$
|
|
11538
|
+
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement("div", {
|
|
11317
11539
|
className: "Tableconatiner"
|
|
11318
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
11540
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1f, null, React__default.createElement(ReturnOrderFilter, null), React__default.createElement(OrderTable, null)))));
|
|
11319
11541
|
};
|
|
11320
|
-
var Container$
|
|
11321
|
-
var DashBoardWrapper$
|
|
11542
|
+
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -30px;\n"])));
|
|
11543
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
11322
11544
|
|
|
11323
11545
|
var BulkFilter = function BulkFilter() {
|
|
11324
11546
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11415,7 +11637,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
11415
11637
|
}, [staticDataLoading, fetchedStaticData]);
|
|
11416
11638
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper$1, {
|
|
11417
11639
|
id: "tableScrolling"
|
|
11418
|
-
}, React__default.createElement(StyledTable$
|
|
11640
|
+
}, React__default.createElement(StyledTable$2, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Trading Name"), React__default.createElement("th", null, "Client"), React__default.createElement("th", null, "Orders"), React__default.createElement("th", null, "Products"), React__default.createElement("th", null, "RTS"), React__default.createElement("th", null, "Pending"), React__default.createElement("th", null, "Dispose"), React__default.createElement("th", null, "Re-allocate"), React__default.createElement("th", null, "Re-Del"), React__default.createElement("th", null, "Recycle"), React__default.createElement("th", null, "Unknown"))), React__default.createElement("tbody", null, loadingskeleton ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
11419
11641
|
colSpan: 9
|
|
11420
11642
|
}, React__default.createElement(antd.Skeleton, {
|
|
11421
11643
|
active: true
|
|
@@ -11439,7 +11661,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
11439
11661
|
})))));
|
|
11440
11662
|
};
|
|
11441
11663
|
|
|
11442
|
-
var _templateObject$
|
|
11664
|
+
var _templateObject$2n, _templateObject2$1I, _templateObject3$$;
|
|
11443
11665
|
// import Loader from '../loader/Loader';
|
|
11444
11666
|
// interface ApiResponse {
|
|
11445
11667
|
// message: string;
|
|
@@ -11470,7 +11692,11 @@ function ReturnMainTable() {
|
|
|
11470
11692
|
setClientData = _useClientData[1];
|
|
11471
11693
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
11472
11694
|
endpoint: "/return_orders/get/client-returns/",
|
|
11473
|
-
method: 'GET'
|
|
11695
|
+
method: 'GET',
|
|
11696
|
+
pagination: {
|
|
11697
|
+
page: 1,
|
|
11698
|
+
per_page: 50
|
|
11699
|
+
}
|
|
11474
11700
|
}),
|
|
11475
11701
|
fetchedClientData = _useApiHook.data,
|
|
11476
11702
|
staticDataLoading = _useApiHook.loading;
|
|
@@ -11482,32 +11708,32 @@ function ReturnMainTable() {
|
|
|
11482
11708
|
setClientData(result);
|
|
11483
11709
|
}
|
|
11484
11710
|
}, [staticDataLoading]);
|
|
11485
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$
|
|
11711
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$3, {
|
|
11486
11712
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
11487
11713
|
}, React__default.createElement("div", {
|
|
11488
11714
|
className: "Tableconatiner"
|
|
11489
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
11715
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1g, null, React__default.createElement(Row$7, null, React__default.createElement(Text$7, null, "Client Return"), selectedClient ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)))));
|
|
11490
11716
|
}
|
|
11491
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11492
|
-
var Container$
|
|
11493
|
-
var DashBoardWrapper$
|
|
11717
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11718
|
+
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11719
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
11494
11720
|
|
|
11495
|
-
var _templateObject$
|
|
11496
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11497
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11721
|
+
var _templateObject$2o, _templateObject2$1J;
|
|
11722
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.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"])));
|
|
11723
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
11498
11724
|
|
|
11499
|
-
var _templateObject$
|
|
11725
|
+
var _templateObject$2p;
|
|
11500
11726
|
var HeaderTitle = function HeaderTitle(props) {
|
|
11501
11727
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$7, null, props.title));
|
|
11502
11728
|
};
|
|
11503
|
-
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
11729
|
+
var Title$7 = /*#__PURE__*/styled__default.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"])));
|
|
11504
11730
|
|
|
11505
|
-
var _templateObject$
|
|
11731
|
+
var _templateObject$2q, _templateObject2$1K;
|
|
11506
11732
|
function Breadcrumb(props) {
|
|
11507
11733
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
11508
11734
|
}
|
|
11509
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11510
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11735
|
+
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11736
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11511
11737
|
|
|
11512
11738
|
var RouterHeader = function RouterHeader(_ref) {
|
|
11513
11739
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|