@bjsdistribution/dms-client-return 0.0.32 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dms-client-return.cjs.development.js +370 -1863
- 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 +377 -1870
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +4 -3
- package/src/components/order-daily-overview/table/table-data/styles.ts +1 -1
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/MenuDropDown.tsx +5 -9
- package/src/components/order-view/general-information/Status.tsx +1 -1
- package/src/components/order-view/modalsPopup/ModalManager.tsx +1 -142
- package/src/components/order-view/order-actions/actions/split-order/SplitOrderTable.tsx +2 -2
- package/src/components/order-view/order-actions/index.tsx +0 -9
- package/src/components/order-view/order-details/expanded-content/footer/index.tsx +1 -0
- package/src/components/order-view/store.ts +6 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useEffect, useState, useMemo, useCallback, useRef, Suspense } from 'react';
|
|
2
2
|
import { useLocation, useParams, useNavigate, NavLink, Routes, Route } from 'react-router-dom';
|
|
3
3
|
import styled, { keyframes, css } from 'styled-components';
|
|
4
|
-
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button
|
|
4
|
+
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button, useApiHook, formatDateTime, Checkbox as Checkbox$1, AntSelect, SectionHeader, CrossIcon, Alert, CustomRating, AntTable, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { atomWithReducer } from 'jotai/utils';
|
|
7
|
-
import { DatePicker, notification, Skeleton, Upload, message, Empty, Input as Input$2, Select
|
|
7
|
+
import { DatePicker, notification, Skeleton, Upload, message, Empty, Input as Input$2, Select } from 'antd';
|
|
8
8
|
import dayjs from 'dayjs';
|
|
9
9
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
10
10
|
import Scrollbars from 'react-custom-scrollbars-2';
|
|
@@ -629,18 +629,6 @@ var ordersInitialValue = {
|
|
|
629
629
|
id: null,
|
|
630
630
|
name: ''
|
|
631
631
|
};
|
|
632
|
-
var unrecieveOrderProducts = {
|
|
633
|
-
unrecieve_reason_id: 0,
|
|
634
|
-
unrecieve_note: ''
|
|
635
|
-
};
|
|
636
|
-
var updateOrderProducts = {
|
|
637
|
-
id: 0,
|
|
638
|
-
order_id: 0,
|
|
639
|
-
product_type_id: 0,
|
|
640
|
-
product_return_action_id: 0,
|
|
641
|
-
return_location: '',
|
|
642
|
-
return_reason_id: 0
|
|
643
|
-
};
|
|
644
632
|
function useCurrentAction() {
|
|
645
633
|
return useAtom(currentActionAtom);
|
|
646
634
|
}
|
|
@@ -695,14 +683,6 @@ var createOrderProduct = /*#__PURE__*/atom([]);
|
|
|
695
683
|
function useCreateOrderProducts() {
|
|
696
684
|
return useAtom(createOrderProduct);
|
|
697
685
|
}
|
|
698
|
-
var unrevieveOrderProduct = /*#__PURE__*/atom(unrecieveOrderProducts);
|
|
699
|
-
function useRecieveOrderProducts() {
|
|
700
|
-
return useAtom(unrevieveOrderProduct);
|
|
701
|
-
}
|
|
702
|
-
var updateOrderProduct = /*#__PURE__*/atom(updateOrderProducts);
|
|
703
|
-
function useUpdateOrderProducts() {
|
|
704
|
-
return useAtom(updateOrderProduct);
|
|
705
|
-
}
|
|
706
686
|
var errorAtom = /*#__PURE__*/atom({
|
|
707
687
|
homeContactError: '',
|
|
708
688
|
workCOntanctError: '',
|
|
@@ -784,8 +764,6 @@ var liveRecalling = /*#__PURE__*/atom(false);
|
|
|
784
764
|
function useLiveRecalling() {
|
|
785
765
|
return useAtom(liveRecalling);
|
|
786
766
|
}
|
|
787
|
-
var selectedTabKeyAtom = /*#__PURE__*/atom('1');
|
|
788
|
-
var letselectedProductIdAtom = /*#__PURE__*/atom(null);
|
|
789
767
|
// const BulkUPdateDisabledState = atom<boolean>(false);
|
|
790
768
|
// export const useBulkUPdateDisabledState = () => {
|
|
791
769
|
// return useAtom(BulkUPdateDisabledState);
|
|
@@ -813,6 +791,11 @@ var popupReducer = function popupReducer(state, action) {
|
|
|
813
791
|
return {
|
|
814
792
|
state: state
|
|
815
793
|
};
|
|
794
|
+
} else if (action.type === 'split-order') {
|
|
795
|
+
state = 'split-order';
|
|
796
|
+
return {
|
|
797
|
+
state: state
|
|
798
|
+
};
|
|
816
799
|
} else if (action.type === 'deleteProduct') {
|
|
817
800
|
state = 'deleteProduct';
|
|
818
801
|
return {
|
|
@@ -985,31 +968,6 @@ var capitalize = function capitalize(input) {
|
|
|
985
968
|
return _char.toUpperCase();
|
|
986
969
|
});
|
|
987
970
|
};
|
|
988
|
-
var RepackData = [{
|
|
989
|
-
packaging_type: 'Recycled Cardboard',
|
|
990
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
991
|
-
created_by: 'TST-002 Training Driver',
|
|
992
|
-
date: '6/11/2024 11:26:05 AM',
|
|
993
|
-
images: ''
|
|
994
|
-
}, {
|
|
995
|
-
packaging_type: 'Recycled Cardboard',
|
|
996
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
997
|
-
created_by: 'TST-002 Training Driver',
|
|
998
|
-
date: '6/11/2024 11:26:05 AM',
|
|
999
|
-
images: ''
|
|
1000
|
-
}, {
|
|
1001
|
-
packaging_type: 'Recycled Cardboard',
|
|
1002
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
1003
|
-
created_by: 'TST-002 Training Driver',
|
|
1004
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1005
|
-
images: ''
|
|
1006
|
-
}, {
|
|
1007
|
-
packaging_type: 'Recycled Cardboard',
|
|
1008
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
1009
|
-
created_by: 'TST-002 Training Driver',
|
|
1010
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1011
|
-
images: ''
|
|
1012
|
-
}];
|
|
1013
971
|
var DefectsData = [{
|
|
1014
972
|
action: 'Route',
|
|
1015
973
|
type: 'Product',
|
|
@@ -2565,12 +2523,12 @@ function OrderDetailsFooter() {
|
|
|
2565
2523
|
return _ref.apply(this, arguments);
|
|
2566
2524
|
};
|
|
2567
2525
|
}();
|
|
2568
|
-
return React.createElement(Container$t, null, React.createElement(AllowTracking, null), React.createElement(Button
|
|
2526
|
+
return React.createElement(Container$t, null, React.createElement(AllowTracking, null), React.createElement(Button, {
|
|
2569
2527
|
onClick: onSave,
|
|
2570
2528
|
disabled: !isDifferent() || errorFound()
|
|
2571
2529
|
}, "Save Details"));
|
|
2572
2530
|
}
|
|
2573
|
-
var Container$t = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
2531
|
+
var Container$t = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n align-items: center;\n"])));
|
|
2574
2532
|
|
|
2575
2533
|
var _templateObject$E, _templateObject2$t, _templateObject3$d;
|
|
2576
2534
|
function ExpandedContent() {
|
|
@@ -2745,7 +2703,7 @@ function AddNote() {
|
|
|
2745
2703
|
onChange: function onChange(e) {
|
|
2746
2704
|
return setNoteText(e.target.value);
|
|
2747
2705
|
}
|
|
2748
|
-
}), React.createElement(SaveNoteContainer, null, React.createElement(Button
|
|
2706
|
+
}), React.createElement(SaveNoteContainer, null, React.createElement(Button, {
|
|
2749
2707
|
disabled: !noteText,
|
|
2750
2708
|
onClick: saveNote
|
|
2751
2709
|
}, "SAVE NOTE")));
|
|
@@ -3472,7 +3430,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3472
3430
|
} else if (status.delivered === true && status.completed === true) {
|
|
3473
3431
|
return React.createElement(SuccessIcon, null);
|
|
3474
3432
|
} else if (status.delivered === true && status.completed === false) {
|
|
3475
|
-
return React.createElement(RouteIcon, null);
|
|
3433
|
+
return React.createElement(RouteIcon, null); //orange
|
|
3476
3434
|
} else {
|
|
3477
3435
|
return React.createElement(ConfirmedIcon, null);
|
|
3478
3436
|
}
|
|
@@ -3495,7 +3453,7 @@ var Section = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T =
|
|
|
3495
3453
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3496
3454
|
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3497
3455
|
// Styled components
|
|
3498
|
-
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
3456
|
+
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n scrollbar-width: none;\n min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n scrollbar-width: none;\n min-height: 50vh;\n }\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
3499
3457
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
3500
3458
|
|
|
3501
3459
|
var ActionIcon = function ActionIcon() {
|
|
@@ -3748,7 +3706,7 @@ function ExpandedContent$2() {
|
|
|
3748
3706
|
// description: ' Saved successfully.',
|
|
3749
3707
|
// });
|
|
3750
3708
|
// };
|
|
3751
|
-
return React.createElement(Container$E, null, React.createElement(ProductTable, null), React.createElement(MidConatiner, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button
|
|
3709
|
+
return React.createElement(Container$E, null, React.createElement(ProductTable, null), React.createElement(MidConatiner, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button, {
|
|
3752
3710
|
style: {
|
|
3753
3711
|
borderRadius: '20px'
|
|
3754
3712
|
},
|
|
@@ -3923,7 +3881,7 @@ function OrderActionFooter(props) {
|
|
|
3923
3881
|
disabled: isSubmitDisabled
|
|
3924
3882
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
3925
3883
|
}
|
|
3926
|
-
var SubmitButton = /*#__PURE__*/styled(Button
|
|
3884
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3927
3885
|
var Container$J = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
3928
3886
|
|
|
3929
3887
|
var _templateObject$11;
|
|
@@ -4075,7 +4033,7 @@ var Text2 = /*#__PURE__*/styled.p(_templateObject2$O || (_templateObject2$O = /*
|
|
|
4075
4033
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4076
4034
|
var Text1 = /*#__PURE__*/styled.p(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
4077
4035
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4078
|
-
var UploadButton = /*#__PURE__*/styled(Button
|
|
4036
|
+
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4079
4037
|
var Container$L = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
4080
4038
|
|
|
4081
4039
|
var _templateObject$14, _templateObject2$P, _templateObject3$r, _templateObject4$e;
|
|
@@ -4241,26 +4199,6 @@ var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templ
|
|
|
4241
4199
|
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
4242
4200
|
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4243
4201
|
|
|
4244
|
-
var _templateObject2$R, _templateObject3$t, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$3, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject24, _templateObject26;
|
|
4245
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4246
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
4247
|
-
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
4248
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4249
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
4250
|
-
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4251
|
-
var HoldRow = /*#__PURE__*/styled.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
4252
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4253
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4254
|
-
var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4255
|
-
var Container$M = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4256
|
-
var StaticText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4257
|
-
var ImageCircle = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4258
|
-
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
4259
|
-
var HoldDatePickerWrap = /*#__PURE__*/styled.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 21.5vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 346px;\n }\n"])));
|
|
4260
|
-
var DatePickerWrap = /*#__PURE__*/styled.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
4261
|
-
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-collapse: collapse;\n"])));
|
|
4262
|
-
var Heading$1 = /*#__PURE__*/styled.div(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto';\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n text-transform: uppercase;\n"])));
|
|
4263
|
-
|
|
4264
4202
|
function SplitOrderTable() {
|
|
4265
4203
|
var _useProductDetails = useProductDetails(),
|
|
4266
4204
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -4305,7 +4243,7 @@ function SplitOrderTable() {
|
|
|
4305
4243
|
};
|
|
4306
4244
|
useEffect(function () {
|
|
4307
4245
|
setPayload(_extends({}, payload, {
|
|
4308
|
-
return_order:
|
|
4246
|
+
return_order: 1,
|
|
4309
4247
|
products: selectedSplits == null ? void 0 : selectedSplits.map(function (order) {
|
|
4310
4248
|
return order.id;
|
|
4311
4249
|
}),
|
|
@@ -4314,7 +4252,7 @@ function SplitOrderTable() {
|
|
|
4314
4252
|
}, [orderProductDetails, selectedSplits]);
|
|
4315
4253
|
return React.createElement(StyledTableWrapper$1, {
|
|
4316
4254
|
id: "tableScrolling"
|
|
4317
|
-
}, React.createElement(StyledTable$
|
|
4255
|
+
}, React.createElement(StyledTable$2, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(Checkbox$1, {
|
|
4318
4256
|
checked: selectAll,
|
|
4319
4257
|
onChange: handleSelectAll
|
|
4320
4258
|
})), React.createElement("th", null, "Type"), React.createElement("th", null, "Code"), React.createElement("th", null, "Scan"), React.createElement("th", null, "Description"), React.createElement("th", null, "Delivery Instructions"), React.createElement("th", null, "Barcode"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
@@ -4387,9 +4325,9 @@ function SplitOrder() {
|
|
|
4387
4325
|
submitBtnTitle: "Split Order",
|
|
4388
4326
|
footerActions: React.createElement(React.Fragment, null),
|
|
4389
4327
|
isSubmitDisabled: isSubmitDisabled()
|
|
4390
|
-
}, React.createElement(ContentContainer$
|
|
4328
|
+
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
4391
4329
|
}
|
|
4392
|
-
var ContentContainer$
|
|
4330
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
4393
4331
|
|
|
4394
4332
|
function RadioButtonCheckIcon(props) {
|
|
4395
4333
|
return React.createElement("svg", Object.assign({
|
|
@@ -4420,26 +4358,26 @@ var fonts = {
|
|
|
4420
4358
|
secondary: "'Lato', sans-serif"
|
|
4421
4359
|
};
|
|
4422
4360
|
|
|
4423
|
-
var _templateObject$17, _templateObject2$
|
|
4361
|
+
var _templateObject$17, _templateObject2$R, _templateObject3$t;
|
|
4424
4362
|
function RadioButton(props) {
|
|
4425
4363
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4426
4364
|
color: props.color
|
|
4427
4365
|
}), React.createElement(Input, Object.assign({
|
|
4428
4366
|
className: "appearance",
|
|
4429
4367
|
type: "radio"
|
|
4430
|
-
}, props)), React.createElement(Label$
|
|
4368
|
+
}, props)), React.createElement(Label$2, {
|
|
4431
4369
|
htmlFor: props.id
|
|
4432
4370
|
}, props.label));
|
|
4433
4371
|
}
|
|
4434
|
-
var Label$
|
|
4435
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
4372
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
4373
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$R || (_templateObject2$R = /*#__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) {
|
|
4436
4374
|
return props.color || '#6396e5';
|
|
4437
4375
|
}, function (props) {
|
|
4438
4376
|
return props.color || '#6396e5';
|
|
4439
4377
|
});
|
|
4440
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
4378
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4441
4379
|
|
|
4442
|
-
var _templateObject$18, _templateObject2$
|
|
4380
|
+
var _templateObject$18, _templateObject2$S, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4443
4381
|
function RadioButtonGroup(props) {
|
|
4444
4382
|
var heading = props.heading,
|
|
4445
4383
|
_props$direction = props.direction,
|
|
@@ -4475,14 +4413,14 @@ function RadioButtonGroup(props) {
|
|
|
4475
4413
|
}, renderOptions()));
|
|
4476
4414
|
}
|
|
4477
4415
|
var Separator = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4478
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4479
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
4416
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4417
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4480
4418
|
return !props.$required && 'visibility: hidden;';
|
|
4481
4419
|
}, labelStyles);
|
|
4482
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
4483
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
4484
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
4485
|
-
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject7$
|
|
4420
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4421
|
+
var Legend = /*#__PURE__*/styled.legend(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4422
|
+
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4423
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 32px;\n padding: 0px 10px;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n height: 30px;\n justify-content: space-evenly;\n"])), function (props) {
|
|
4486
4424
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4487
4425
|
});
|
|
4488
4426
|
|
|
@@ -4508,7 +4446,7 @@ function DeliveryPoint() {
|
|
|
4508
4446
|
var _React$useState = React.useState(deliveryPoints[0].value),
|
|
4509
4447
|
selectedValue = _React$useState[0],
|
|
4510
4448
|
setSelectedValue = _React$useState[1];
|
|
4511
|
-
return React.createElement(Container$
|
|
4449
|
+
return React.createElement(Container$M, null, React.createElement(RadioButtonGroup, {
|
|
4512
4450
|
heading: "Delivery Point",
|
|
4513
4451
|
options: deliveryPoints || [],
|
|
4514
4452
|
onChange: radioGroupHandler,
|
|
@@ -4517,9 +4455,9 @@ function DeliveryPoint() {
|
|
|
4517
4455
|
required: false
|
|
4518
4456
|
}));
|
|
4519
4457
|
}
|
|
4520
|
-
var Container$
|
|
4458
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4521
4459
|
|
|
4522
|
-
var _templateObject$1a, _templateObject2$
|
|
4460
|
+
var _templateObject$1a, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$3;
|
|
4523
4461
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4524
4462
|
function Checkbox(props) {
|
|
4525
4463
|
var imageSrc = props.imageSrc,
|
|
@@ -4543,17 +4481,17 @@ function Checkbox(props) {
|
|
|
4543
4481
|
var Image = /*#__PURE__*/styled.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4544
4482
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4545
4483
|
});
|
|
4546
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4547
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
4484
|
+
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$T || (_templateObject2$T = /*#__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"])));
|
|
4485
|
+
var Circle = /*#__PURE__*/styled.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
4548
4486
|
return props.$checked ? '#feba30' : 'white';
|
|
4549
4487
|
});
|
|
4550
|
-
var Text$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
4488
|
+
var Text$5 = /*#__PURE__*/styled.span(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n"])), function (props) {
|
|
4551
4489
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4552
4490
|
});
|
|
4553
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
4554
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
4555
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
4556
|
-
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject8$
|
|
4491
|
+
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4492
|
+
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4493
|
+
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0;\n height: 100%;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n top: 0;\n left: 0;\n"])));
|
|
4494
|
+
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n gap: 10px;\n border-radius: 15px;\n border: 1px solid ", ";\n align-items: center;\n justify-content: center;\n position: relative;\n\n &:hover {\n border: 1px solid #cbc8c2;\n .checkbox-img {\n filter: grayscale(0);\n }\n }\n"])), function (props) {
|
|
4557
4495
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4558
4496
|
});
|
|
4559
4497
|
|
|
@@ -4583,7 +4521,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4583
4521
|
var _templateObject$1b;
|
|
4584
4522
|
function OrderServices$1() {
|
|
4585
4523
|
// TO DO -> get services from static data
|
|
4586
|
-
return React.createElement(Container$
|
|
4524
|
+
return React.createElement(Container$N, null, React.createElement(Checkbox, {
|
|
4587
4525
|
checked: false,
|
|
4588
4526
|
label: "Assemble",
|
|
4589
4527
|
imageSrc: getIcon$1(1)
|
|
@@ -4605,23 +4543,23 @@ function OrderServices$1() {
|
|
|
4605
4543
|
imageSrc: getIcon$1(4)
|
|
4606
4544
|
}));
|
|
4607
4545
|
}
|
|
4608
|
-
var Container$
|
|
4546
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4609
4547
|
|
|
4610
|
-
var _templateObject$1c, _templateObject2$
|
|
4548
|
+
var _templateObject$1c, _templateObject2$U;
|
|
4611
4549
|
function Notes$1(_ref) {
|
|
4612
4550
|
var onNotesChange = _ref.onNotesChange;
|
|
4613
4551
|
var handleTextChange = function handleTextChange(event) {
|
|
4614
4552
|
onNotesChange(event.target.value);
|
|
4615
4553
|
};
|
|
4616
|
-
return React.createElement(Container$
|
|
4554
|
+
return React.createElement(Container$O, null, React.createElement(Label$3, null, "Notes"), React.createElement(TextArea, {
|
|
4617
4555
|
rows: 15,
|
|
4618
4556
|
onChange: handleTextChange
|
|
4619
4557
|
}));
|
|
4620
4558
|
}
|
|
4621
|
-
var Label$
|
|
4622
|
-
var Container$
|
|
4559
|
+
var Label$3 = /*#__PURE__*/styled.span(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4560
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4623
4561
|
|
|
4624
|
-
var _templateObject$1d, _templateObject2$
|
|
4562
|
+
var _templateObject$1d, _templateObject2$V, _templateObject3$w;
|
|
4625
4563
|
function LogServiceRefusal() {
|
|
4626
4564
|
var _useCurrentAction = useCurrentAction(),
|
|
4627
4565
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4635,15 +4573,15 @@ function LogServiceRefusal() {
|
|
|
4635
4573
|
submitBtnTitle: "Log Refusal",
|
|
4636
4574
|
onCloseHeader: onClose,
|
|
4637
4575
|
onSubmit: function onSubmit() {}
|
|
4638
|
-
}, React.createElement(ContentContainer$
|
|
4576
|
+
}, React.createElement(ContentContainer$2, null, React.createElement(Left, null, React.createElement(DeliveryPoint, null), React.createElement(OrderServices$1, null)), React.createElement(Right$1, null, React.createElement(Notes$1, {
|
|
4639
4577
|
onNotesChange: function onNotesChange() {
|
|
4640
4578
|
return console.log('object');
|
|
4641
4579
|
}
|
|
4642
4580
|
}))));
|
|
4643
4581
|
}
|
|
4644
|
-
var ContentContainer$
|
|
4645
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4646
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
4582
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4583
|
+
var Left = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__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"])));
|
|
4584
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4647
4585
|
|
|
4648
4586
|
function ReturnAction() {
|
|
4649
4587
|
var onSelect = function onSelect() {};
|
|
@@ -4669,7 +4607,7 @@ function ReturnReason() {
|
|
|
4669
4607
|
});
|
|
4670
4608
|
}
|
|
4671
4609
|
|
|
4672
|
-
var _templateObject$1e, _templateObject2$
|
|
4610
|
+
var _templateObject$1e, _templateObject2$W, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4673
4611
|
function CancelOrder() {
|
|
4674
4612
|
var _orderStaticData$canc;
|
|
4675
4613
|
var _useOrderId = useOrderId(),
|
|
@@ -4767,330 +4705,29 @@ function CancelOrder() {
|
|
|
4767
4705
|
onSubmit: onSubmitCancel,
|
|
4768
4706
|
submitBtnTitle: "Save Details",
|
|
4769
4707
|
isSubmitDisabled: !showSubmitBtn
|
|
4770
|
-
}, React.createElement(ContentContainer$
|
|
4708
|
+
}, React.createElement(ContentContainer$3, null, React.createElement(Top$2, null, React.createElement(TopLeft, null, React.createElement(OrderActionsDropdown, {
|
|
4771
4709
|
label: "Cancelation Reason",
|
|
4772
4710
|
placeholder: "Select Cancelation Reason",
|
|
4773
4711
|
options: cancelReasonOptions || [],
|
|
4774
4712
|
onSelect: onSelectCancelReason,
|
|
4775
4713
|
value: cancelReason
|
|
4776
|
-
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$
|
|
4714
|
+
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$P, null, React.createElement(Label$4, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4777
4715
|
rows: 5,
|
|
4778
4716
|
onChange: onChangeNotes,
|
|
4779
4717
|
value: cancelNotes,
|
|
4780
4718
|
placeholder: "Reason for Cancel Order"
|
|
4781
4719
|
}))))));
|
|
4782
4720
|
}
|
|
4783
|
-
var Label$
|
|
4784
|
-
var Container$
|
|
4785
|
-
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject3$
|
|
4786
|
-
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$
|
|
4787
|
-
var TopRight = /*#__PURE__*/styled.div(_templateObject5$
|
|
4788
|
-
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$
|
|
4721
|
+
var Label$4 = /*#__PURE__*/styled.label(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4722
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4723
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4724
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4725
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4726
|
+
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4789
4727
|
// const Bottom = styled.div``;
|
|
4790
|
-
var ContentContainer$
|
|
4791
|
-
|
|
4792
|
-
var _templateObject$1f, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
4793
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4794
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n section {\n padding: 0px 0 15px;\n .filterCover {\n border-radius: 16px;\n border: 1px solid var(--tonal-brown-10, #edebe8);\n background: #f8fafc;\n display: flex;\n gap: 30px;\n padding: 15px;\n gap: 15px;\n .col {\n width: 21%;\n label {\n color: #8d8f90;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n display: block;\n margin-bottom: 4px;\n }\n .ant-select-single {\n width: 100%;\n }\n select {\n width: 100%;\n }\n &:first-child {\n width: 43%;\n }\n &:last-child {\n width: 33%;\n }\n }\n }\n }\n"])));
|
|
4795
|
-
var TableSkelton = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -8px;\n min-height: auto;\n width: 100%;\n\n table {\n border-collapse: separate;\n width: 100%;\n border-spacing: 0px 8px;\n thead {\n tr {\n th {\n font-size: 14px;\n font-weight: 600;\n padding: 8px 15px;\n text-align: left;\n border-top: 1px solid rgba(0, 0, 0, 0.08);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n background: #f0f2f2;\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 6px 15px;\n text-align: left;\n box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);\n\n background: #fff;\n\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n }\n"])));
|
|
4796
|
-
var CustomCheckBox = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .container {\n display: block;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 20px;\n height: 20px;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #cfcfcf;\n border-radius: 4px;\n }\n\n .container:hover input ~ .checkmark {\n border-color: #7f7a7a;\n }\n\n .container input:checked ~ .checkmark {\n background-color: #000;\n }\n\n .checkmark:after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .container input:checked ~ .checkmark:after {\n display: block;\n }\n\n .container .checkmark:after {\n left: 8px;\n top: 4px;\n width: 3px;\n height: 6px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n"])));
|
|
4797
|
-
|
|
4798
|
-
var options = [{
|
|
4799
|
-
value: 'bjsCouriers',
|
|
4800
|
-
label: 'BJS COURIERS'
|
|
4801
|
-
}, {
|
|
4802
|
-
value: 'bjsSales',
|
|
4803
|
-
label: 'BJS SALES'
|
|
4804
|
-
}, {
|
|
4805
|
-
value: 'test',
|
|
4806
|
-
label: 'TEST'
|
|
4807
|
-
}];
|
|
4808
|
-
var UpdateProductType = function UpdateProductType() {
|
|
4809
|
-
var _useCurrentAction = useCurrentAction(),
|
|
4810
|
-
setCurrentAction = _useCurrentAction[1];
|
|
4811
|
-
var onClose = function onClose() {
|
|
4812
|
-
setCurrentAction(undefined);
|
|
4813
|
-
};
|
|
4814
|
-
var onChange = /*#__PURE__*/function () {
|
|
4815
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
|
|
4816
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
4817
|
-
while (1) switch (_context.prev = _context.next) {
|
|
4818
|
-
case 0:
|
|
4819
|
-
console.log(event);
|
|
4820
|
-
case 1:
|
|
4821
|
-
case "end":
|
|
4822
|
-
return _context.stop();
|
|
4823
|
-
}
|
|
4824
|
-
}, _callee);
|
|
4825
|
-
}));
|
|
4826
|
-
return function onChange(_x) {
|
|
4827
|
-
return _ref.apply(this, arguments);
|
|
4828
|
-
};
|
|
4829
|
-
}();
|
|
4830
|
-
return (
|
|
4831
|
-
// <GLobalPopupInner>
|
|
4832
|
-
// {/* <GLobalPopupHeader>
|
|
4833
|
-
// <div className="header">
|
|
4834
|
-
// <h2>
|
|
4835
|
-
// Bulk Update Product Type <i />
|
|
4836
|
-
// </h2>
|
|
4837
|
-
// <span className="label">Gemma Harris, LE12 6AW</span>
|
|
4838
|
-
// </div>
|
|
4839
|
-
// </GLobalPopupHeader> */}
|
|
4840
|
-
// <ShadowElement>
|
|
4841
|
-
// <GLobalPopupContent>
|
|
4842
|
-
// <section>
|
|
4843
|
-
// <div className="filterCover">
|
|
4844
|
-
// <div className="col">
|
|
4845
|
-
// <label>Collection Reason</label>
|
|
4846
|
-
// <AntSelect
|
|
4847
|
-
// options={options}
|
|
4848
|
-
// placeholder="Select Collection Reason"
|
|
4849
|
-
// onChange={onChange}
|
|
4850
|
-
// disabled={false}
|
|
4851
|
-
// // style={{ width: 120 }}
|
|
4852
|
-
// popupClassName={'dropDownStyle'}
|
|
4853
|
-
// selectWrapperClass={'rounded'}
|
|
4854
|
-
// defaultValue={'Select Collection Reason'}
|
|
4855
|
-
// ></AntSelect>
|
|
4856
|
-
// </div>
|
|
4857
|
-
// <div className="col">
|
|
4858
|
-
// <label>Collection Reason</label>
|
|
4859
|
-
// <AntSelect
|
|
4860
|
-
// options={options}
|
|
4861
|
-
// placeholder="Return Action"
|
|
4862
|
-
// onChange={onChange}
|
|
4863
|
-
// disabled={false}
|
|
4864
|
-
// // style={{ width: 120 }}
|
|
4865
|
-
// popupClassName={'dropDownStyle'}
|
|
4866
|
-
// selectWrapperClass={'rounded'}
|
|
4867
|
-
// defaultValue={'Select Return Action'}
|
|
4868
|
-
// ></AntSelect>
|
|
4869
|
-
// </div>
|
|
4870
|
-
// <div className="col">
|
|
4871
|
-
// <label>Collection Reason</label>
|
|
4872
|
-
// <AntSelect
|
|
4873
|
-
// options={options}
|
|
4874
|
-
// placeholder="Return Reason"
|
|
4875
|
-
// onChange={onChange}
|
|
4876
|
-
// disabled={false}
|
|
4877
|
-
// // style={{ width: 120 }}
|
|
4878
|
-
// popupClassName={'dropDownStyle'}
|
|
4879
|
-
// selectWrapperClass={'rounded'}
|
|
4880
|
-
// defaultValue={'Select Return Reason'}
|
|
4881
|
-
// ></AntSelect>
|
|
4882
|
-
// </div>
|
|
4883
|
-
// </div>
|
|
4884
|
-
// </section>
|
|
4885
|
-
// <TableSkelton>
|
|
4886
|
-
// <table>
|
|
4887
|
-
// <thead>
|
|
4888
|
-
// <tr>
|
|
4889
|
-
// <th>
|
|
4890
|
-
// <CustomCheckBox>
|
|
4891
|
-
// <label className="container">
|
|
4892
|
-
// <input type="checkbox" />
|
|
4893
|
-
// <span className="checkmark"></span>
|
|
4894
|
-
// </label>
|
|
4895
|
-
// </CustomCheckBox>
|
|
4896
|
-
// </th>
|
|
4897
|
-
// <th>Status</th>
|
|
4898
|
-
// <th>Code</th>
|
|
4899
|
-
// <th>Description</th>
|
|
4900
|
-
// <th>SKU</th>
|
|
4901
|
-
// </tr>
|
|
4902
|
-
// </thead>
|
|
4903
|
-
// <tbody>
|
|
4904
|
-
// <tr>
|
|
4905
|
-
// <td>
|
|
4906
|
-
// <CustomCheckBox>
|
|
4907
|
-
// <label className="container">
|
|
4908
|
-
// <input type="checkbox" />
|
|
4909
|
-
// <span className="checkmark"></span>
|
|
4910
|
-
// </label>
|
|
4911
|
-
// </CustomCheckBox>
|
|
4912
|
-
// </td>
|
|
4913
|
-
// <td>
|
|
4914
|
-
// <AntSelect
|
|
4915
|
-
// options={options}
|
|
4916
|
-
// placeholder="Select Collection Reason"
|
|
4917
|
-
// onChange={onChange}
|
|
4918
|
-
// disabled={false}
|
|
4919
|
-
// // style={{ width: 120 }}
|
|
4920
|
-
// popupClassName={'dropDownStyle'}
|
|
4921
|
-
// selectWrapperClass={'rounded'}
|
|
4922
|
-
// defaultValue={'Select Collection Reason'}
|
|
4923
|
-
// ></AntSelect>
|
|
4924
|
-
// </td>
|
|
4925
|
-
// <td>FFLMW-B1</td>
|
|
4926
|
-
// <td>
|
|
4927
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4928
|
-
// OF 3 TABLES - OAK
|
|
4929
|
-
// </td>
|
|
4930
|
-
// <td>007022530015429326</td>
|
|
4931
|
-
// </tr>
|
|
4932
|
-
// <tr>
|
|
4933
|
-
// <td>
|
|
4934
|
-
// <CustomCheckBox>
|
|
4935
|
-
// <label className="container">
|
|
4936
|
-
// <input type="checkbox" />
|
|
4937
|
-
// <span className="checkmark"></span>
|
|
4938
|
-
// </label>
|
|
4939
|
-
// </CustomCheckBox>
|
|
4940
|
-
// </td>
|
|
4941
|
-
// <td>
|
|
4942
|
-
// <AntSelect
|
|
4943
|
-
// options={options}
|
|
4944
|
-
// placeholder="Select Collection Reason"
|
|
4945
|
-
// onChange={onChange}
|
|
4946
|
-
// disabled={false}
|
|
4947
|
-
// // style={{ width: 120 }}
|
|
4948
|
-
// popupClassName={'dropDownStyle'}
|
|
4949
|
-
// selectWrapperClass={'rounded'}
|
|
4950
|
-
// defaultValue={'Select Collection Reason'}
|
|
4951
|
-
// ></AntSelect>
|
|
4952
|
-
// </td>
|
|
4953
|
-
// <td>FFLMW-B1</td>
|
|
4954
|
-
// <td>
|
|
4955
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4956
|
-
// OF 3 TABLES - OAK
|
|
4957
|
-
// </td>
|
|
4958
|
-
// <td>007022530015429326</td>
|
|
4959
|
-
// </tr>
|
|
4960
|
-
// <tr>
|
|
4961
|
-
// <td>
|
|
4962
|
-
// <CustomCheckBox>
|
|
4963
|
-
// <label className="container">
|
|
4964
|
-
// <input type="checkbox" />
|
|
4965
|
-
// <span className="checkmark"></span>
|
|
4966
|
-
// </label>
|
|
4967
|
-
// </CustomCheckBox>
|
|
4968
|
-
// </td>
|
|
4969
|
-
// <td>
|
|
4970
|
-
// <AntSelect
|
|
4971
|
-
// options={options}
|
|
4972
|
-
// placeholder="Select Collection Reason"
|
|
4973
|
-
// onChange={onChange}
|
|
4974
|
-
// disabled={false}
|
|
4975
|
-
// // style={{ width: 120 }}
|
|
4976
|
-
// popupClassName={'dropDownStyle'}
|
|
4977
|
-
// selectWrapperClass={'rounded'}
|
|
4978
|
-
// defaultValue={'Select Collection Reason'}
|
|
4979
|
-
// ></AntSelect>
|
|
4980
|
-
// </td>
|
|
4981
|
-
// <td>FFLMW-B1</td>
|
|
4982
|
-
// <td>
|
|
4983
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4984
|
-
// OF 3 TABLES - OAK
|
|
4985
|
-
// </td>
|
|
4986
|
-
// <td>007022530015429326</td>
|
|
4987
|
-
// </tr>
|
|
4988
|
-
// </tbody>
|
|
4989
|
-
// </table>
|
|
4990
|
-
// </TableSkelton>
|
|
4991
|
-
// </GLobalPopupContent>
|
|
4992
|
-
// <GLobalPopupFooter>
|
|
4993
|
-
// <div className="justifyEnd">
|
|
4994
|
-
// <a className="btn rounded">SUBMIT</a>
|
|
4995
|
-
// <a className="btn retringle">CONFIRM DELETE</a>
|
|
4996
|
-
// </div>
|
|
4997
|
-
// </GLobalPopupFooter>
|
|
4998
|
-
// </ShadowElement>
|
|
4999
|
-
// </GLobalPopupInner>
|
|
5000
|
-
React.createElement(OrderActionModal, {
|
|
5001
|
-
headerTitle: "Bulk Update Product Type",
|
|
5002
|
-
showAdditionalInfo: true,
|
|
5003
|
-
infoText: "Gemma Harris, LE12 6AW",
|
|
5004
|
-
onCloseHeader: onClose,
|
|
5005
|
-
onSubmit: function onSubmit() {}
|
|
5006
|
-
}, React.createElement(ContentContainer$5, null, React.createElement(GLobalPopupContent, null, React.createElement("section", null, React.createElement("div", {
|
|
5007
|
-
className: "filterCover"
|
|
5008
|
-
}, React.createElement("div", {
|
|
5009
|
-
className: "col"
|
|
5010
|
-
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
5011
|
-
options: options,
|
|
5012
|
-
placeholder: "Select Collection Reason",
|
|
5013
|
-
onChange: onChange,
|
|
5014
|
-
disabled: false,
|
|
5015
|
-
popupClassName: 'dropDownStyle',
|
|
5016
|
-
selectWrapperClass: 'rounded',
|
|
5017
|
-
defaultValue: 'Select Collection Reason'
|
|
5018
|
-
})), React.createElement("div", {
|
|
5019
|
-
className: "col"
|
|
5020
|
-
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
5021
|
-
options: options,
|
|
5022
|
-
placeholder: "Return Action",
|
|
5023
|
-
onChange: onChange,
|
|
5024
|
-
disabled: false,
|
|
5025
|
-
popupClassName: 'dropDownStyle',
|
|
5026
|
-
selectWrapperClass: 'rounded',
|
|
5027
|
-
defaultValue: 'Select Return Action'
|
|
5028
|
-
})), React.createElement("div", {
|
|
5029
|
-
className: "col"
|
|
5030
|
-
}, React.createElement("label", null, "Collection Reason"), React.createElement(AntSelect, {
|
|
5031
|
-
options: options,
|
|
5032
|
-
placeholder: "Return Reason",
|
|
5033
|
-
onChange: onChange,
|
|
5034
|
-
disabled: false,
|
|
5035
|
-
popupClassName: 'dropDownStyle',
|
|
5036
|
-
selectWrapperClass: 'rounded',
|
|
5037
|
-
defaultValue: 'Select Return Reason'
|
|
5038
|
-
})))), React.createElement(TableSkelton, null, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
5039
|
-
className: "container"
|
|
5040
|
-
}, React.createElement("input", {
|
|
5041
|
-
type: "checkbox"
|
|
5042
|
-
}), React.createElement("span", {
|
|
5043
|
-
className: "checkmark"
|
|
5044
|
-
})))), React.createElement("th", null, "Status"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "SKU"))), React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
5045
|
-
className: "container"
|
|
5046
|
-
}, React.createElement("input", {
|
|
5047
|
-
type: "checkbox"
|
|
5048
|
-
}), React.createElement("span", {
|
|
5049
|
-
className: "checkmark"
|
|
5050
|
-
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
5051
|
-
options: options,
|
|
5052
|
-
placeholder: "Select Collection Reason",
|
|
5053
|
-
onChange: onChange,
|
|
5054
|
-
disabled: false,
|
|
5055
|
-
// style={{ width: 120 }}
|
|
5056
|
-
popupClassName: 'dropDownStyle',
|
|
5057
|
-
selectWrapperClass: 'rounded',
|
|
5058
|
-
defaultValue: 'Select Collection Reason'
|
|
5059
|
-
})), React.createElement("td", null, "FFLMW-B1"), React.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React.createElement("td", null, "007022530015429326")), React.createElement("tr", null, React.createElement("td", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
5060
|
-
className: "container"
|
|
5061
|
-
}, React.createElement("input", {
|
|
5062
|
-
type: "checkbox"
|
|
5063
|
-
}), React.createElement("span", {
|
|
5064
|
-
className: "checkmark"
|
|
5065
|
-
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
5066
|
-
options: options,
|
|
5067
|
-
placeholder: "Select Collection Reason",
|
|
5068
|
-
onChange: onChange,
|
|
5069
|
-
disabled: false,
|
|
5070
|
-
// style={{ width: 120 }}
|
|
5071
|
-
popupClassName: 'dropDownStyle',
|
|
5072
|
-
selectWrapperClass: 'rounded',
|
|
5073
|
-
defaultValue: 'Select Collection Reason'
|
|
5074
|
-
})), React.createElement("td", null, "FFLMW-B1"), React.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React.createElement("td", null, "007022530015429326")), React.createElement("tr", null, React.createElement("td", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
5075
|
-
className: "container"
|
|
5076
|
-
}, React.createElement("input", {
|
|
5077
|
-
type: "checkbox"
|
|
5078
|
-
}), React.createElement("span", {
|
|
5079
|
-
className: "checkmark"
|
|
5080
|
-
})))), React.createElement("td", null, React.createElement(AntSelect, {
|
|
5081
|
-
options: options,
|
|
5082
|
-
placeholder: "Select Collection Reason",
|
|
5083
|
-
onChange: onChange,
|
|
5084
|
-
disabled: false,
|
|
5085
|
-
// style={{ width: 120 }}
|
|
5086
|
-
popupClassName: 'dropDownStyle',
|
|
5087
|
-
selectWrapperClass: 'rounded',
|
|
5088
|
-
defaultValue: 'Select Collection Reason'
|
|
5089
|
-
})), React.createElement("td", null, "FFLMW-B1"), React.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React.createElement("td", null, "007022530015429326"))))))))
|
|
5090
|
-
);
|
|
5091
|
-
};
|
|
4728
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
5092
4729
|
|
|
5093
|
-
var _templateObject$
|
|
4730
|
+
var _templateObject$1f, _templateObject2$X, _templateObject3$y;
|
|
5094
4731
|
function EmailAddress() {
|
|
5095
4732
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5096
4733
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5122,7 +4759,7 @@ function EmailAddress() {
|
|
|
5122
4759
|
});
|
|
5123
4760
|
});
|
|
5124
4761
|
};
|
|
5125
|
-
return React.createElement(Container$
|
|
4762
|
+
return React.createElement(Container$Q, null, React.createElement(Label$5, null, "Email Address"), React.createElement(Input$2, {
|
|
5126
4763
|
style: {
|
|
5127
4764
|
borderRadius: '15px'
|
|
5128
4765
|
},
|
|
@@ -5131,11 +4768,11 @@ function EmailAddress() {
|
|
|
5131
4768
|
onChange: onChange
|
|
5132
4769
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
5133
4770
|
}
|
|
5134
|
-
var Label$
|
|
5135
|
-
var Container$
|
|
5136
|
-
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
4771
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4772
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4773
|
+
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5137
4774
|
|
|
5138
|
-
var _templateObject$
|
|
4775
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5139
4776
|
function ContactPhone() {
|
|
5140
4777
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5141
4778
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5184,7 +4821,7 @@ function ContactPhone() {
|
|
|
5184
4821
|
});
|
|
5185
4822
|
}
|
|
5186
4823
|
};
|
|
5187
|
-
return React.createElement(Container$
|
|
4824
|
+
return React.createElement(Container$R, null, React.createElement(Label$6, null, "Contact Phone"), React.createElement(Input$2, {
|
|
5188
4825
|
name: "contact-home",
|
|
5189
4826
|
type: "text",
|
|
5190
4827
|
placeholder: "Home Number",
|
|
@@ -5196,11 +4833,11 @@ function ContactPhone() {
|
|
|
5196
4833
|
onChange: onChange
|
|
5197
4834
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5198
4835
|
}
|
|
5199
|
-
var Label$
|
|
5200
|
-
var Container$
|
|
5201
|
-
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
4836
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4837
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4838
|
+
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5202
4839
|
|
|
5203
|
-
var _templateObject$
|
|
4840
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5204
4841
|
function ContactWork$1() {
|
|
5205
4842
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5206
4843
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5249,7 +4886,7 @@ function ContactWork$1() {
|
|
|
5249
4886
|
});
|
|
5250
4887
|
}
|
|
5251
4888
|
};
|
|
5252
|
-
return React.createElement(Container$
|
|
4889
|
+
return React.createElement(Container$S, null, React.createElement(Label$7, null, "Contact Work"), React.createElement(Input$2, {
|
|
5253
4890
|
name: "contact-work",
|
|
5254
4891
|
type: "text",
|
|
5255
4892
|
placeholder: "Work Number",
|
|
@@ -5261,11 +4898,11 @@ function ContactWork$1() {
|
|
|
5261
4898
|
onChange: onChange
|
|
5262
4899
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5263
4900
|
}
|
|
5264
|
-
var Label$
|
|
5265
|
-
var Container$
|
|
5266
|
-
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$
|
|
4901
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4902
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4903
|
+
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5267
4904
|
|
|
5268
|
-
var _templateObject$
|
|
4905
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5269
4906
|
function ContactMobile$1() {
|
|
5270
4907
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5271
4908
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5314,7 +4951,7 @@ function ContactMobile$1() {
|
|
|
5314
4951
|
});
|
|
5315
4952
|
}
|
|
5316
4953
|
};
|
|
5317
|
-
return React.createElement(Container$
|
|
4954
|
+
return React.createElement(Container$T, null, React.createElement(Label$8, null, "Contact Mobile"), React.createElement(Input$2, {
|
|
5318
4955
|
name: "contact-work",
|
|
5319
4956
|
type: "text",
|
|
5320
4957
|
placeholder: "Mobile Number",
|
|
@@ -5326,9 +4963,9 @@ function ContactMobile$1() {
|
|
|
5326
4963
|
onChange: onChange
|
|
5327
4964
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5328
4965
|
}
|
|
5329
|
-
var Label$
|
|
5330
|
-
var Container$
|
|
5331
|
-
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
4966
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4967
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4968
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5332
4969
|
|
|
5333
4970
|
function ContactTypeDropdown() {
|
|
5334
4971
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5394,7 +5031,7 @@ function ActionDropdown() {
|
|
|
5394
5031
|
});
|
|
5395
5032
|
}
|
|
5396
5033
|
|
|
5397
|
-
var _templateObject$
|
|
5034
|
+
var _templateObject$1j, _templateObject2$$;
|
|
5398
5035
|
function DeliveryDate$1() {
|
|
5399
5036
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5400
5037
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5418,7 +5055,7 @@ function DeliveryDate$1() {
|
|
|
5418
5055
|
var today = new Date();
|
|
5419
5056
|
var tomorrow = new Date(today);
|
|
5420
5057
|
tomorrow.setDate(today.getDate() + 1);
|
|
5421
|
-
return React.createElement(Container$
|
|
5058
|
+
return React.createElement(Container$U, null, React.createElement(Label$9, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
5422
5059
|
onChange: handleDateChange,
|
|
5423
5060
|
format: "DD/MM/YYYY",
|
|
5424
5061
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5428,8 +5065,8 @@ function DeliveryDate$1() {
|
|
|
5428
5065
|
minDate: dayjs(tomorrow)
|
|
5429
5066
|
}));
|
|
5430
5067
|
}
|
|
5431
|
-
var Label$
|
|
5432
|
-
var Container$
|
|
5068
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5069
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5433
5070
|
|
|
5434
5071
|
function convertTo12HourFormat$1(time24) {
|
|
5435
5072
|
var _time24$split, _minutes$toString;
|
|
@@ -5478,19 +5115,19 @@ function TimedServiceDropdown$1() {
|
|
|
5478
5115
|
});
|
|
5479
5116
|
}
|
|
5480
5117
|
|
|
5481
|
-
var _templateObject$
|
|
5118
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$C, _templateObject4$i;
|
|
5482
5119
|
function CustomerInformation() {
|
|
5483
5120
|
var _orderDetails$order_r;
|
|
5484
5121
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5485
5122
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5486
|
-
return React.createElement(Container$
|
|
5123
|
+
return React.createElement(Container$V, null, React.createElement(Title$2, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$f, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$f, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$f, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$f, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5487
5124
|
}
|
|
5488
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
5489
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5490
|
-
var Title$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5491
|
-
var Container$
|
|
5125
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5126
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$10 || (_templateObject2$10 = /*#__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"])));
|
|
5127
|
+
var Title$2 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5128
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5492
5129
|
|
|
5493
|
-
var _templateObject$
|
|
5130
|
+
var _templateObject$1l, _templateObject2$11;
|
|
5494
5131
|
function ProductTable$1() {
|
|
5495
5132
|
var _useProductDetails = useProductDetails(),
|
|
5496
5133
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5499,7 +5136,7 @@ function ProductTable$1() {
|
|
|
5499
5136
|
if (!orderProductDetails) {
|
|
5500
5137
|
return null;
|
|
5501
5138
|
}
|
|
5502
|
-
return React.createElement(Container$
|
|
5139
|
+
return React.createElement(Container$W, null, React.createElement(Title$3, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5503
5140
|
className: "scrollClass"
|
|
5504
5141
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5505
5142
|
colSpan: 6
|
|
@@ -5517,10 +5154,10 @@ function ProductTable$1() {
|
|
|
5517
5154
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5518
5155
|
})))));
|
|
5519
5156
|
}
|
|
5520
|
-
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$
|
|
5521
|
-
var Container$
|
|
5157
|
+
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5158
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5522
5159
|
|
|
5523
|
-
var _templateObject$
|
|
5160
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5524
5161
|
function NotesTable() {
|
|
5525
5162
|
var _useState = useState(null),
|
|
5526
5163
|
moduleIds = _useState[0],
|
|
@@ -5588,7 +5225,7 @@ function NotesTable() {
|
|
|
5588
5225
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5589
5226
|
return null;
|
|
5590
5227
|
}
|
|
5591
|
-
return React.createElement(Container$
|
|
5228
|
+
return React.createElement(Container$X, null, React.createElement(Title$4, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$1, null, React.createElement(StyledTable$2, {
|
|
5592
5229
|
className: "scrollClass"
|
|
5593
5230
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
5594
5231
|
colSpan: 6
|
|
@@ -5610,53 +5247,53 @@ function NotesTable() {
|
|
|
5610
5247
|
}, order == null ? void 0 : order.created_by), React.createElement("div", null, format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React.createElement("td", null, order == null ? void 0 : order.description));
|
|
5611
5248
|
})))));
|
|
5612
5249
|
}
|
|
5613
|
-
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$
|
|
5614
|
-
var Container$
|
|
5250
|
+
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5251
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5615
5252
|
|
|
5616
|
-
var _templateObject$
|
|
5253
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5617
5254
|
function ConfirmationNotes() {
|
|
5618
|
-
return React.createElement(Container$
|
|
5255
|
+
return React.createElement(Container$Y, null, React.createElement(Label$a, null, "Notes"), React.createElement(TextArea, {
|
|
5619
5256
|
rows: 5,
|
|
5620
5257
|
placeholder: "Enter Notes"
|
|
5621
5258
|
}));
|
|
5622
5259
|
}
|
|
5623
|
-
var Label$
|
|
5624
|
-
var Container$
|
|
5260
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5261
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5625
5262
|
|
|
5626
|
-
var _templateObject$
|
|
5263
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5627
5264
|
function DeliveryInstructions$1() {
|
|
5628
|
-
return React.createElement(Container$
|
|
5265
|
+
return React.createElement(Container$Z, null, React.createElement(Label$b, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5629
5266
|
rows: 5,
|
|
5630
5267
|
placeholder: "Enter Delivery Instructions"
|
|
5631
5268
|
}));
|
|
5632
5269
|
}
|
|
5633
|
-
var Label$
|
|
5634
|
-
var Container$
|
|
5270
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5271
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5635
5272
|
|
|
5636
|
-
var _templateObject$
|
|
5273
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5637
5274
|
function ContactWith() {
|
|
5638
|
-
return React.createElement(Container
|
|
5275
|
+
return React.createElement(Container$_, null, React.createElement(Label$c, null, "Contact With"), React.createElement(Input$2, {
|
|
5639
5276
|
style: {
|
|
5640
5277
|
borderRadius: '15px'
|
|
5641
5278
|
}
|
|
5642
5279
|
}));
|
|
5643
5280
|
}
|
|
5644
|
-
var Label$
|
|
5645
|
-
var Container
|
|
5281
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5282
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5646
5283
|
|
|
5647
|
-
var _templateObject$
|
|
5284
|
+
var _templateObject$1q, _templateObject2$16, _templateObject3$D, _templateObject4$j;
|
|
5648
5285
|
function SlotAndInstructions() {
|
|
5649
5286
|
var _orderDetails$order_r;
|
|
5650
5287
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5651
5288
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5652
|
-
return React.createElement(Container
|
|
5289
|
+
return React.createElement(Container$$, null, React.createElement(Slot, null, React.createElement(Title$5, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5653
5290
|
}
|
|
5654
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
5655
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5656
|
-
var Title$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
5657
|
-
var Container
|
|
5291
|
+
var Value = /*#__PURE__*/styled.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5292
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5293
|
+
var Title$5 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5294
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5658
5295
|
|
|
5659
|
-
var _templateObject$
|
|
5296
|
+
var _templateObject$1r, _templateObject2$17;
|
|
5660
5297
|
// import { filterObject } from '../../../utils';
|
|
5661
5298
|
function ConfirmOrder() {
|
|
5662
5299
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5828,7 +5465,7 @@ function ConfirmOrder() {
|
|
|
5828
5465
|
onSubmit: ConfirmOrder,
|
|
5829
5466
|
submitBtnTitle: "Save Details",
|
|
5830
5467
|
isSubmitDisabled: errorFound()
|
|
5831
|
-
}, React.createElement(ContentContainer$
|
|
5468
|
+
}, React.createElement(ContentContainer$4, null, React.createElement(Alert, {
|
|
5832
5469
|
description: "",
|
|
5833
5470
|
onClose: function onClose() {},
|
|
5834
5471
|
type: "info",
|
|
@@ -5837,8 +5474,27 @@ function ConfirmOrder() {
|
|
|
5837
5474
|
showCloseIcon: false
|
|
5838
5475
|
}), React.createElement(Wrapper$g, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5839
5476
|
}
|
|
5840
|
-
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$
|
|
5841
|
-
var ContentContainer$
|
|
5477
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5478
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
5479
|
+
|
|
5480
|
+
var _templateObject2$18, _templateObject3$E, _templateObject4$k, _templateObject5$a, _templateObject6$8, _templateObject7$8, _templateObject8$4, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
5481
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
5482
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
5483
|
+
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
5484
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
5485
|
+
var SplitText = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
5486
|
+
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
5487
|
+
var HoldRow = /*#__PURE__*/styled.div(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
5488
|
+
var Label$d = /*#__PURE__*/styled.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5489
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
5490
|
+
var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
5491
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
5492
|
+
var StaticText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
5493
|
+
var ImageCircle = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
5494
|
+
var ImageRow = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
5495
|
+
var HoldDatePickerWrap = /*#__PURE__*/styled.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 21.5vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 346px;\n }\n"])));
|
|
5496
|
+
var DatePickerWrap = /*#__PURE__*/styled.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
5497
|
+
var Heading$1 = /*#__PURE__*/styled.div(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto';\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n text-transform: uppercase;\n"])));
|
|
5842
5498
|
|
|
5843
5499
|
function SendSmsModal() {
|
|
5844
5500
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5851,12 +5507,12 @@ function SendSmsModal() {
|
|
|
5851
5507
|
onCloseHeader: closeModal,
|
|
5852
5508
|
onSubmit: function onSubmit() {},
|
|
5853
5509
|
submitBtnTitle: "Send SMS"
|
|
5854
|
-
}, React.createElement(ContentContainer$
|
|
5510
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(Label$d, null, "To"), React.createElement(StyledInput, {
|
|
5855
5511
|
type: "text",
|
|
5856
5512
|
name: "",
|
|
5857
5513
|
required: true,
|
|
5858
5514
|
placeholder: "Enter the number"
|
|
5859
|
-
}), React.createElement(Label$
|
|
5515
|
+
}), React.createElement(Label$d, null, "Body"), React.createElement(StyledInput, {
|
|
5860
5516
|
type: "text",
|
|
5861
5517
|
name: "",
|
|
5862
5518
|
required: true,
|
|
@@ -5875,19 +5531,19 @@ function SendEmailModal() {
|
|
|
5875
5531
|
onCloseHeader: closeModal,
|
|
5876
5532
|
onSubmit: function onSubmit() {},
|
|
5877
5533
|
submitBtnTitle: "Send Email"
|
|
5878
|
-
}, React.createElement(ContentContainer$
|
|
5534
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(Label$d, null, "To"), React.createElement(StyledInput, {
|
|
5879
5535
|
type: "text",
|
|
5880
5536
|
name: "",
|
|
5881
5537
|
required: true,
|
|
5882
5538
|
placeholder: "andy@aspire-technologies.com",
|
|
5883
5539
|
defaultValue: 'andy@aspire-technologies.com'
|
|
5884
|
-
}), React.createElement(Label$
|
|
5540
|
+
}), React.createElement(Label$d, null, "Subject"), React.createElement(StyledInput, {
|
|
5885
5541
|
type: "text",
|
|
5886
5542
|
name: "",
|
|
5887
5543
|
required: true,
|
|
5888
5544
|
placeholder: "",
|
|
5889
5545
|
defaultValue: 'RICHER SOUNDS Order Update - B7049658-4064'
|
|
5890
|
-
}), React.createElement(Label$
|
|
5546
|
+
}), React.createElement(Label$d, null, "Body"), React.createElement(StyledTextArea$1, {
|
|
5891
5547
|
name: "note",
|
|
5892
5548
|
placeholder: "Write here..."
|
|
5893
5549
|
})));
|
|
@@ -5970,7 +5626,7 @@ function ChangeCustomerAccModal() {
|
|
|
5970
5626
|
showAdditionalInfo: true,
|
|
5971
5627
|
infoText: "632801 (OFS)",
|
|
5972
5628
|
submitBtnTitle: "Save Details"
|
|
5973
|
-
}, React.createElement(ContentContainer$
|
|
5629
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(SplitLayout, null, React.createElement(Row$4, null, React.createElement(Label$d, null, "New Customer"), React.createElement(AntSelect, {
|
|
5974
5630
|
options: OptionsMenu,
|
|
5975
5631
|
placeholder: "Select Customer",
|
|
5976
5632
|
onChange: handleSelectChange,
|
|
@@ -5982,7 +5638,7 @@ function ChangeCustomerAccModal() {
|
|
|
5982
5638
|
showSearch: true,
|
|
5983
5639
|
popupClassName: 'dropDownStyle',
|
|
5984
5640
|
selectWrapperClass: 'rounded'
|
|
5985
|
-
})), React.createElement(Row$4, null, React.createElement(Label$
|
|
5641
|
+
})), React.createElement(Row$4, null, React.createElement(Label$d, null, "New Trading Name"), React.createElement(AntSelect, {
|
|
5986
5642
|
options: OptionsMenu,
|
|
5987
5643
|
placeholder: "Select Trading Name",
|
|
5988
5644
|
onChange: handleSelectChange,
|
|
@@ -6125,218 +5781,6 @@ function HoldOrderModal() {
|
|
|
6125
5781
|
})))));
|
|
6126
5782
|
}
|
|
6127
5783
|
|
|
6128
|
-
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6129
|
-
// import {
|
|
6130
|
-
// EscalationCategory,
|
|
6131
|
-
// EscalationLevel,
|
|
6132
|
-
// EscalationReason,
|
|
6133
|
-
// EscalationStatus,
|
|
6134
|
-
// } from '../../utils';
|
|
6135
|
-
var FlexContainer = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
6136
|
-
var InnerCont = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6137
|
-
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6138
|
-
var Dropdowns = function Dropdowns() {
|
|
6139
|
-
var handleSelectChange = function handleSelectChange() {
|
|
6140
|
-
// alert('hello');
|
|
6141
|
-
notification.success({
|
|
6142
|
-
message: 'Success',
|
|
6143
|
-
description: 'Saved successfully.'
|
|
6144
|
-
});
|
|
6145
|
-
};
|
|
6146
|
-
return React.createElement(FlexContainer, null, React.createElement(InnerCont, null, React.createElement(Label$h, {
|
|
6147
|
-
label: "Escalation Category",
|
|
6148
|
-
required: true
|
|
6149
|
-
}), React.createElement(StyledAntSelect, {
|
|
6150
|
-
options: [],
|
|
6151
|
-
placeholder: "Select Category",
|
|
6152
|
-
onChange: handleSelectChange,
|
|
6153
|
-
disabled: false,
|
|
6154
|
-
showSearch: true,
|
|
6155
|
-
popupClassName: 'dropDownStyle',
|
|
6156
|
-
selectWrapperClass: 'rounded',
|
|
6157
|
-
style: {
|
|
6158
|
-
width: '10vw'
|
|
6159
|
-
}
|
|
6160
|
-
})), React.createElement(InnerCont, null, React.createElement(Label$h, {
|
|
6161
|
-
label: "Level",
|
|
6162
|
-
required: true
|
|
6163
|
-
}), React.createElement(StyledAntSelect, {
|
|
6164
|
-
options: [],
|
|
6165
|
-
placeholder: "Select Level",
|
|
6166
|
-
onChange: handleSelectChange,
|
|
6167
|
-
disabled: false,
|
|
6168
|
-
showSearch: true,
|
|
6169
|
-
popupClassName: 'dropDownStyle',
|
|
6170
|
-
selectWrapperClass: 'rounded',
|
|
6171
|
-
style: {
|
|
6172
|
-
width: '10vw'
|
|
6173
|
-
}
|
|
6174
|
-
})), React.createElement(InnerCont, null, React.createElement(Label$h, {
|
|
6175
|
-
label: "Escalation Reason",
|
|
6176
|
-
required: true
|
|
6177
|
-
}), React.createElement(StyledAntSelect, {
|
|
6178
|
-
options: [],
|
|
6179
|
-
placeholder: "Select Reason",
|
|
6180
|
-
onChange: handleSelectChange,
|
|
6181
|
-
disabled: false,
|
|
6182
|
-
showSearch: true,
|
|
6183
|
-
popupClassName: 'dropDownStyle',
|
|
6184
|
-
selectWrapperClass: 'rounded',
|
|
6185
|
-
style: {
|
|
6186
|
-
width: '10vw'
|
|
6187
|
-
}
|
|
6188
|
-
})), React.createElement(InnerCont, null, React.createElement(Label$h, {
|
|
6189
|
-
label: "Escalation Status",
|
|
6190
|
-
required: true
|
|
6191
|
-
}), React.createElement(StyledAntSelect, {
|
|
6192
|
-
options: [],
|
|
6193
|
-
placeholder: "Select Status",
|
|
6194
|
-
onChange: handleSelectChange,
|
|
6195
|
-
disabled: false,
|
|
6196
|
-
showSearch: true,
|
|
6197
|
-
popupClassName: 'dropDownStyle',
|
|
6198
|
-
selectWrapperClass: 'rounded',
|
|
6199
|
-
style: {
|
|
6200
|
-
width: '10vw'
|
|
6201
|
-
}
|
|
6202
|
-
})));
|
|
6203
|
-
};
|
|
6204
|
-
|
|
6205
|
-
var _templateObject$1u, _templateObject2$1a;
|
|
6206
|
-
var Notes$2 = function Notes() {
|
|
6207
|
-
var StyledTextArea = styled(TextArea)(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
6208
|
-
var Label = styled.label(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: var(--tonal-brown-651, #6a7378);\n "])));
|
|
6209
|
-
return React.createElement("div", null, React.createElement(Label, null, "Note"), React.createElement(StyledTextArea, {
|
|
6210
|
-
name: "note",
|
|
6211
|
-
placeholder: ""
|
|
6212
|
-
}));
|
|
6213
|
-
};
|
|
6214
|
-
|
|
6215
|
-
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6216
|
-
var Upgrade = function Upgrade() {
|
|
6217
|
-
var handleSelectChange = function handleSelectChange() {
|
|
6218
|
-
// alert('hello');
|
|
6219
|
-
notification.success({
|
|
6220
|
-
message: 'Success',
|
|
6221
|
-
description: 'Upgrade successfully.'
|
|
6222
|
-
});
|
|
6223
|
-
};
|
|
6224
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$h, null, React.createElement(Heading$2, null, "Upgrade"), React.createElement(Container$11, null, React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6225
|
-
label: 'Timed Service',
|
|
6226
|
-
checked: true,
|
|
6227
|
-
onChange: function onChange(_event) {
|
|
6228
|
-
throw new Error('Function not implemented.');
|
|
6229
|
-
},
|
|
6230
|
-
name: ''
|
|
6231
|
-
}))), React.createElement(InnerCont$1, null, React.createElement(Label$h, {
|
|
6232
|
-
label: "Time Slot"
|
|
6233
|
-
}), React.createElement(StyledAntSelect$1, {
|
|
6234
|
-
options: [],
|
|
6235
|
-
placeholder: "Select Customer",
|
|
6236
|
-
onChange: handleSelectChange,
|
|
6237
|
-
disabled: false,
|
|
6238
|
-
showSearch: true,
|
|
6239
|
-
popupClassName: 'dropDownStyle',
|
|
6240
|
-
selectWrapperClass: 'rounded'
|
|
6241
|
-
})), React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6242
|
-
label: 'Chargeable',
|
|
6243
|
-
checked: false,
|
|
6244
|
-
onChange: function onChange(_event) {
|
|
6245
|
-
throw new Error('Function not implemented.');
|
|
6246
|
-
},
|
|
6247
|
-
name: ''
|
|
6248
|
-
}))), React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6249
|
-
label: 'Additional Time',
|
|
6250
|
-
checked: false,
|
|
6251
|
-
onChange: function onChange(_event) {
|
|
6252
|
-
throw new Error('Function not implemented.');
|
|
6253
|
-
},
|
|
6254
|
-
name: ''
|
|
6255
|
-
}))), React.createElement(InnerCont$1, null, React.createElement(Label$h, {
|
|
6256
|
-
label: "Drop Time"
|
|
6257
|
-
}), React.createElement(StyledAntSelect$1, {
|
|
6258
|
-
options: [],
|
|
6259
|
-
placeholder: "Select Customer",
|
|
6260
|
-
onChange: handleSelectChange,
|
|
6261
|
-
disabled: false,
|
|
6262
|
-
showSearch: true,
|
|
6263
|
-
popupClassName: 'dropDownStyle',
|
|
6264
|
-
selectWrapperClass: 'rounded'
|
|
6265
|
-
})), React.createElement(Top$3, null, React.createElement(InnerCont$1, null, React.createElement(Toggle, {
|
|
6266
|
-
label: 'Chargeable',
|
|
6267
|
-
checked: false,
|
|
6268
|
-
onChange: function onChange(_event) {
|
|
6269
|
-
throw new Error('Function not implemented.');
|
|
6270
|
-
},
|
|
6271
|
-
name: ''
|
|
6272
|
-
}))))), React.createElement(GiftWrapper, null, React.createElement(BJSGift, null, React.createElement(Box, null)), React.createElement(BJSGift, null, React.createElement(Box, null))));
|
|
6273
|
-
};
|
|
6274
|
-
var GiftWrapper = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6275
|
-
var Box = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 20px;\n height: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n\n &::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 11px;\n height: 11px;\n background-color: #ccc;\n border-radius: 2px;\n display: none;\n }\n"])));
|
|
6276
|
-
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6277
|
-
var BJSGift = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
6278
|
-
var Toggle = /*#__PURE__*/styled(Switch)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6279
|
-
var Heading$2 = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n"])));
|
|
6280
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n align-items: center;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n"])));
|
|
6281
|
-
var InnerCont$1 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6282
|
-
var Top$3 = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6283
|
-
var StyledAntSelect$1 = /*#__PURE__*/styled(AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6284
|
-
|
|
6285
|
-
var _templateObject$1w;
|
|
6286
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
6287
|
-
var Escalation = function Escalation() {
|
|
6288
|
-
return React.createElement(React.Fragment, null, React.createElement(Flex, null, React.createElement(Dropdowns, null), React.createElement(Notes$2, null), React.createElement(Upgrade, null)));
|
|
6289
|
-
};
|
|
6290
|
-
|
|
6291
|
-
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6292
|
-
var NewEscalation = function NewEscalation() {
|
|
6293
|
-
var _useState = useState(false),
|
|
6294
|
-
showContent = _useState[0],
|
|
6295
|
-
setShowContent = _useState[1];
|
|
6296
|
-
var handleClick = function handleClick() {
|
|
6297
|
-
setShowContent(!showContent);
|
|
6298
|
-
};
|
|
6299
|
-
var handleCancel = function handleCancel() {
|
|
6300
|
-
setShowContent(false);
|
|
6301
|
-
};
|
|
6302
|
-
return React.createElement(React.Fragment, null, React.createElement(Component, null, "Want to Create New Escalation?", React.createElement(Flex$1, null, React.createElement(Button, {
|
|
6303
|
-
onClick: handleClick
|
|
6304
|
-
}, showContent ? 'SAVE' : 'CLICK HERE'), showContent && React.createElement(React.Fragment, null, React.createElement(CancelButton, {
|
|
6305
|
-
onClick: handleCancel
|
|
6306
|
-
}, "CANCEL")))), showContent && React.createElement(React.Fragment, null, React.createElement(Escalation, null)), React.createElement(TableSkelton, null, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
6307
|
-
className: "container"
|
|
6308
|
-
}, React.createElement("input", {
|
|
6309
|
-
type: "checkbox"
|
|
6310
|
-
}), React.createElement("span", {
|
|
6311
|
-
className: "checkmark"
|
|
6312
|
-
})))), React.createElement("th", null, "ID"), React.createElement("th", null, "Level"), React.createElement("th", null, "Escalation"), React.createElement("th", null, "Order Status"), React.createElement("th", null, "Warehouse"), React.createElement("th", null, "Timed Service"), React.createElement("th", null, "Routed"), React.createElement("th", null, "Pre Route Pre-Call"), React.createElement("th", null, "Stock Check"), React.createElement("th", null, "Stock Check"), React.createElement("th", null, "Driver Pre-Call"), React.createElement("th", null, "Del Status"), React.createElement("th", null, "Post call"), React.createElement("th", null, "Status"))), React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
6313
|
-
className: "container"
|
|
6314
|
-
}, React.createElement("input", {
|
|
6315
|
-
type: "checkbox"
|
|
6316
|
-
}), React.createElement("span", {
|
|
6317
|
-
className: "checkmark"
|
|
6318
|
-
})))), React.createElement("td", null, "VIP4"), React.createElement("td", null, "B63015484248[Test] WAYVER"), React.createElement("td", null, "Allocated to Route"), React.createElement("td", null, "Revieved Picked"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Data"), React.createElement("td", null, "Done"), React.createElement("td", null, "Done"), React.createElement("td", null, "Status"))))));
|
|
6319
|
-
};
|
|
6320
|
-
var Component = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
6321
|
-
var Button = /*#__PURE__*/styled.button(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #3a3630;\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n color: white;\n cursor: pointer;\n"])));
|
|
6322
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6323
|
-
var CancelButton = /*#__PURE__*/styled.button(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
6324
|
-
|
|
6325
|
-
var EscalationModal = function EscalationModal() {
|
|
6326
|
-
var _useCurrentAction = useCurrentAction(),
|
|
6327
|
-
setCurrentAction = _useCurrentAction[1];
|
|
6328
|
-
var closeModal = function closeModal() {
|
|
6329
|
-
setCurrentAction(undefined);
|
|
6330
|
-
};
|
|
6331
|
-
return React.createElement(React.Fragment, null, React.createElement(OrderActionModal, {
|
|
6332
|
-
headerTitle: "Escalations",
|
|
6333
|
-
onCloseHeader: closeModal,
|
|
6334
|
-
onSubmit: function onSubmit() {},
|
|
6335
|
-
infoText: "NICK OLIVER, YO42ST",
|
|
6336
|
-
showAdditionalInfo: true
|
|
6337
|
-
}, React.createElement(NewEscalation, null)));
|
|
6338
|
-
};
|
|
6339
|
-
|
|
6340
5784
|
var CustomerServiceImg = function CustomerServiceImg() {
|
|
6341
5785
|
return React.createElement("svg", {
|
|
6342
5786
|
width: "32",
|
|
@@ -6480,7 +5924,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6480
5924
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6481
5925
|
var Icon = _ref.icon,
|
|
6482
5926
|
question = _ref.question;
|
|
6483
|
-
return React.createElement(Row$4, null, React.createElement(Container$
|
|
5927
|
+
return React.createElement(Row$4, null, React.createElement(Container$10, null, React.createElement(ImageRow, null, React.createElement(ImageCircle, null, React.createElement(Icon, null)), React.createElement(StaticText, null, question)), React.createElement(CustomRating, {
|
|
6484
5928
|
showText: true
|
|
6485
5929
|
})));
|
|
6486
5930
|
};
|
|
@@ -6498,7 +5942,7 @@ function LogFeedback() {
|
|
|
6498
5942
|
showAdditionalInfo: true,
|
|
6499
5943
|
infoText: "632801 (OFS)",
|
|
6500
5944
|
submitBtnTitle: "Save Details"
|
|
6501
|
-
}, React.createElement(ContentContainer$
|
|
5945
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6502
5946
|
icon: CustomerServiceImg,
|
|
6503
5947
|
question: 'How would you rate the communication prior to their arrival at your property?'
|
|
6504
5948
|
}), React.createElement(FeedbackItem, {
|
|
@@ -6513,7 +5957,7 @@ function LogFeedback() {
|
|
|
6513
5957
|
})), React.createElement(SplitLayout, null, React.createElement(FeedbackItem, {
|
|
6514
5958
|
icon: GrowthImg,
|
|
6515
5959
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6516
|
-
}), React.createElement(Row$4, null, React.createElement(Container$
|
|
5960
|
+
}), React.createElement(Row$4, null, React.createElement(Container$10, null, React.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React.createElement(StyledTextAreas, {
|
|
6517
5961
|
name: "note",
|
|
6518
5962
|
placeholder: "Write here..."
|
|
6519
5963
|
}))))));
|
|
@@ -6666,7 +6110,7 @@ function ChargeLog() {
|
|
|
6666
6110
|
submitBtnTitle: "Save Details",
|
|
6667
6111
|
showAdditionalInfo: true,
|
|
6668
6112
|
infoText: infoText
|
|
6669
|
-
}, React.createElement(ContentContainer$
|
|
6113
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(Heading$1, null, " PRODUCTS "), React.createElement(AntTable, {
|
|
6670
6114
|
columns: column,
|
|
6671
6115
|
data: Data,
|
|
6672
6116
|
onSelectChange: function onSelectChange(value, record) {
|
|
@@ -6675,7 +6119,7 @@ function ChargeLog() {
|
|
|
6675
6119
|
})));
|
|
6676
6120
|
}
|
|
6677
6121
|
|
|
6678
|
-
var _templateObject$
|
|
6122
|
+
var _templateObject$1s;
|
|
6679
6123
|
var UnholdOrder = function UnholdOrder() {
|
|
6680
6124
|
var _useCurrentAction = useCurrentAction(),
|
|
6681
6125
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6699,154 +6143,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6699
6143
|
})
|
|
6700
6144
|
});
|
|
6701
6145
|
};
|
|
6702
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
6703
|
-
|
|
6704
|
-
var _templateObject$1z, _templateObject2$1d;
|
|
6705
|
-
var ProductData = function ProductData(_ref) {
|
|
6706
|
-
var products = _ref.products,
|
|
6707
|
-
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
6708
|
-
var handleInputChange = function handleInputChange(productId, isChecked) {
|
|
6709
|
-
handleCheckboxChange(productId, isChecked);
|
|
6710
|
-
};
|
|
6711
|
-
return React.createElement(Table$3, null, products.length > 0 ? React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Select"), React.createElement("th", null, "ID"), React.createElement("th", null, "Name"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, products.map(function (product) {
|
|
6712
|
-
return React.createElement("tr", {
|
|
6713
|
-
key: product.id
|
|
6714
|
-
}, React.createElement("td", null, React.createElement(CustomCheckBox, null, React.createElement("label", {
|
|
6715
|
-
className: "container"
|
|
6716
|
-
}, React.createElement("input", {
|
|
6717
|
-
type: "checkbox",
|
|
6718
|
-
checked: product.selected,
|
|
6719
|
-
onChange: function onChange(e) {
|
|
6720
|
-
return handleInputChange(product.id, e.target.checked);
|
|
6721
|
-
}
|
|
6722
|
-
}), React.createElement("span", {
|
|
6723
|
-
className: "checkmark"
|
|
6724
|
-
})))), React.createElement("td", null, product.id), React.createElement("td", null, product.name), React.createElement("td", null, product.parts));
|
|
6725
|
-
}))) : React.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6726
|
-
};
|
|
6727
|
-
var Table$3 = /*#__PURE__*/styled(TableSkelton)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6728
|
-
var NoProductsMessage = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6729
|
-
|
|
6730
|
-
var initialProducts = [{
|
|
6731
|
-
id: 1458784,
|
|
6732
|
-
name: '[Weymounth Soft White Triple Wardrobe]',
|
|
6733
|
-
parts: '(1/2)',
|
|
6734
|
-
selected: false
|
|
6735
|
-
}, {
|
|
6736
|
-
id: 41544,
|
|
6737
|
-
name: 'Double Door Fridge',
|
|
6738
|
-
parts: '(1/1)',
|
|
6739
|
-
selected: false
|
|
6740
|
-
}, {
|
|
6741
|
-
id: 87941,
|
|
6742
|
-
name: 'Ventilation System for the Kitchen',
|
|
6743
|
-
parts: '(5/5)',
|
|
6744
|
-
selected: false
|
|
6745
|
-
}, {
|
|
6746
|
-
id: 274893,
|
|
6747
|
-
name: 'Portable Air Conditioner',
|
|
6748
|
-
parts: '(2/3)',
|
|
6749
|
-
selected: false
|
|
6750
|
-
}, {
|
|
6751
|
-
id: 90235,
|
|
6752
|
-
name: 'Electric Fireplace Heater',
|
|
6753
|
-
parts: '(1/1)',
|
|
6754
|
-
selected: false
|
|
6755
|
-
}, {
|
|
6756
|
-
id: 574839,
|
|
6757
|
-
name: '[Oakwood Classic Dining Table]',
|
|
6758
|
-
parts: '(1/2)',
|
|
6759
|
-
selected: false
|
|
6760
|
-
}, {
|
|
6761
|
-
id: 183957,
|
|
6762
|
-
name: 'Stainless Steel Dishwasher',
|
|
6763
|
-
parts: '(3/3)',
|
|
6764
|
-
selected: false
|
|
6765
|
-
}, {
|
|
6766
|
-
id: 349589,
|
|
6767
|
-
name: 'LED Smart TV',
|
|
6768
|
-
parts: '(1/1)',
|
|
6769
|
-
selected: false
|
|
6770
|
-
}, {
|
|
6771
|
-
id: 209384,
|
|
6772
|
-
name: 'Bluetooth Sound System',
|
|
6773
|
-
parts: '(4/4)',
|
|
6774
|
-
selected: false
|
|
6775
|
-
}, {
|
|
6776
|
-
id: 918374,
|
|
6777
|
-
name: 'Recliner Sofa Set',
|
|
6778
|
-
parts: '(3/3)',
|
|
6779
|
-
selected: false
|
|
6780
|
-
}, {
|
|
6781
|
-
id: 748293,
|
|
6782
|
-
name: '[Vintage Wooden Bookcase]',
|
|
6783
|
-
parts: '(2/2)',
|
|
6784
|
-
selected: false
|
|
6785
|
-
}, {
|
|
6786
|
-
id: 573920,
|
|
6787
|
-
name: 'Compact Washing Machine',
|
|
6788
|
-
parts: '(1/1)',
|
|
6789
|
-
selected: false
|
|
6790
|
-
}, {
|
|
6791
|
-
id: 230948,
|
|
6792
|
-
name: 'Automatic Coffee Machine',
|
|
6793
|
-
parts: '(2/2)',
|
|
6794
|
-
selected: false
|
|
6795
|
-
}];
|
|
6796
|
-
var RestoreProducts = function RestoreProducts() {
|
|
6797
|
-
var _useState = useState(initialProducts),
|
|
6798
|
-
products = _useState[0],
|
|
6799
|
-
setProducts = _useState[1];
|
|
6800
|
-
var _useState2 = useState(false),
|
|
6801
|
-
showRestoreButton = _useState2[0],
|
|
6802
|
-
setShowRestoreButton = _useState2[1];
|
|
6803
|
-
var _useState3 = useState(false),
|
|
6804
|
-
showNoRecords = _useState3[0],
|
|
6805
|
-
setShowNoRecords = _useState3[1];
|
|
6806
|
-
var _useCurrentAction = useCurrentAction(),
|
|
6807
|
-
setCurrentAction = _useCurrentAction[1];
|
|
6808
|
-
var handleCheckboxChange = function handleCheckboxChange(productId, isChecked) {
|
|
6809
|
-
var updatedProducts = products.map(function (product) {
|
|
6810
|
-
return product.id === productId ? _extends({}, product, {
|
|
6811
|
-
selected: isChecked
|
|
6812
|
-
}) : product;
|
|
6813
|
-
});
|
|
6814
|
-
setProducts(updatedProducts);
|
|
6815
|
-
var anySelected = updatedProducts.some(function (product) {
|
|
6816
|
-
return product.selected;
|
|
6817
|
-
});
|
|
6818
|
-
setShowRestoreButton(anySelected);
|
|
6819
|
-
};
|
|
6820
|
-
var closeModal = function closeModal() {
|
|
6821
|
-
setProducts(initialProducts);
|
|
6822
|
-
setShowRestoreButton(false);
|
|
6823
|
-
setShowNoRecords(false);
|
|
6824
|
-
setCurrentAction(undefined);
|
|
6825
|
-
};
|
|
6826
|
-
var handleRestore = function handleRestore() {
|
|
6827
|
-
var updatedProducts = products.filter(function (product) {
|
|
6828
|
-
return !product.selected;
|
|
6829
|
-
});
|
|
6830
|
-
setProducts(updatedProducts);
|
|
6831
|
-
if (updatedProducts.length === 0) {
|
|
6832
|
-
setShowNoRecords(true);
|
|
6833
|
-
}
|
|
6834
|
-
};
|
|
6835
|
-
return React.createElement(React.Fragment, null, React.createElement(OrderActionModal, {
|
|
6836
|
-
headerTitle: "Restore Product",
|
|
6837
|
-
onCloseHeader: closeModal,
|
|
6838
|
-
onSubmit: handleRestore,
|
|
6839
|
-
submitBtnTitle: "Restore",
|
|
6840
|
-
footerActions: showRestoreButton
|
|
6841
|
-
}, React.createElement(ProductData, {
|
|
6842
|
-
products: products,
|
|
6843
|
-
handleCheckboxChange: handleCheckboxChange,
|
|
6844
|
-
handleRestore: handleRestore,
|
|
6845
|
-
showNoRecords: showNoRecords
|
|
6846
|
-
})));
|
|
6847
|
-
};
|
|
6146
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6848
6147
|
|
|
6849
|
-
var _templateObject$
|
|
6148
|
+
var _templateObject$1t, _templateObject2$19;
|
|
6850
6149
|
function AssigneeDropdown() {
|
|
6851
6150
|
var handleSelectChange = function handleSelectChange() {
|
|
6852
6151
|
// alert('hello');
|
|
@@ -6859,7 +6158,7 @@ function AssigneeDropdown() {
|
|
|
6859
6158
|
label: "Assigned To",
|
|
6860
6159
|
required: true,
|
|
6861
6160
|
htmlFor: "assigneDropdown"
|
|
6862
|
-
}), React.createElement(StyledAntSelect
|
|
6161
|
+
}), React.createElement(StyledAntSelect, {
|
|
6863
6162
|
options: [],
|
|
6864
6163
|
onChange: handleSelectChange,
|
|
6865
6164
|
selectWrapperClass: 'rounded',
|
|
@@ -6868,8 +6167,8 @@ function AssigneeDropdown() {
|
|
|
6868
6167
|
}
|
|
6869
6168
|
}));
|
|
6870
6169
|
}
|
|
6871
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6872
|
-
var StyledAntSelect
|
|
6170
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6171
|
+
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6873
6172
|
|
|
6874
6173
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6875
6174
|
return React.createElement("svg", {
|
|
@@ -6887,13 +6186,13 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6887
6186
|
}));
|
|
6888
6187
|
};
|
|
6889
6188
|
|
|
6890
|
-
var _templateObject$
|
|
6891
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6892
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6893
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6894
|
-
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
6895
|
-
var StyledDateContainer = /*#__PURE__*/styled.div(_templateObject8$
|
|
6896
|
-
var TimeWrapper = /*#__PURE__*/styled.div(_templateObject10$
|
|
6189
|
+
var _templateObject$1u, _templateObject2$1a, _templateObject3$F, _templateObject4$l, _templateObject8$5, _templateObject10$1, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
6190
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__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"])));
|
|
6191
|
+
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
6192
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6193
|
+
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$l || (_templateObject4$l = /*#__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"])));
|
|
6194
|
+
var StyledDateContainer = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
6195
|
+
var TimeWrapper = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
6897
6196
|
var StyledTime = /*#__PURE__*/styled(Input$1)(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
6898
6197
|
var Column = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
6899
6198
|
var Row$5 = /*#__PURE__*/styled(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
@@ -6982,10 +6281,10 @@ function useFetchSingleReminderData() {
|
|
|
6982
6281
|
return res;
|
|
6983
6282
|
}
|
|
6984
6283
|
|
|
6985
|
-
var _templateObject$
|
|
6284
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$m;
|
|
6986
6285
|
function StatusIndicator(props) {
|
|
6987
6286
|
var statusColor = getStatusColor(props.status);
|
|
6988
|
-
return React.createElement(Container$
|
|
6287
|
+
return React.createElement(Container$11, null, React.createElement(StatusCircleContainer, {
|
|
6989
6288
|
status: props.status
|
|
6990
6289
|
}, React.createElement(StatusCircle, {
|
|
6991
6290
|
color: statusColor
|
|
@@ -6993,14 +6292,14 @@ function StatusIndicator(props) {
|
|
|
6993
6292
|
status: props.status
|
|
6994
6293
|
}, props.text));
|
|
6995
6294
|
}
|
|
6996
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
6295
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1v || (_templateObject$1v = /*#__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) {
|
|
6997
6296
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6998
6297
|
});
|
|
6999
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
6298
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7000
6299
|
return props.color;
|
|
7001
6300
|
});
|
|
7002
|
-
var Container$
|
|
7003
|
-
var Text$6 = /*#__PURE__*/styled.span(_templateObject4$
|
|
6301
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
6302
|
+
var Text$6 = /*#__PURE__*/styled.span(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
7004
6303
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7005
6304
|
});
|
|
7006
6305
|
|
|
@@ -7162,7 +6461,7 @@ function useFetchReminders() {
|
|
|
7162
6461
|
return perform;
|
|
7163
6462
|
}
|
|
7164
6463
|
|
|
7165
|
-
var _templateObject$
|
|
6464
|
+
var _templateObject$1w, _templateObject2$1c, _templateObject3$H, _templateObject4$n, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
7166
6465
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7167
6466
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7168
6467
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7296,13 +6595,13 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7296
6595
|
return handleResolved(2);
|
|
7297
6596
|
}
|
|
7298
6597
|
}), React.createElement(RoundCheckbox, null)), React.createElement(StyledSpan, null, "Mark As Complete")))) : null)
|
|
7299
|
-
}, React.createElement(ReferenceContainer, null, React.createElement(InnerContainer, null, React.createElement(MiniContainer, null, ' ', React.createElement(Label$
|
|
6598
|
+
}, React.createElement(ReferenceContainer, null, React.createElement(InnerContainer, null, React.createElement(MiniContainer, null, ' ', React.createElement(Label$d, null, "Reference ", " "), React.createElement(LabelText, null, (reminderData == null ? void 0 : reminderData.reference) || 'N/A')), React.createElement(MiniContainer, null, ' ', React.createElement(Label$d, null, "Status "), React.createElement(LabelText, null, (reminderData == null || (_reminderData$reminde4 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde4.name_alias) === 'pending' || (reminderData == null || (_reminderData$reminde5 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde5.name_alias) === 'unresolved' ? React.createElement(StatusIndicator, {
|
|
7300
6599
|
text: "Incomplete",
|
|
7301
6600
|
status: "AD"
|
|
7302
6601
|
}) : React.createElement(StatusIndicator, {
|
|
7303
6602
|
text: "Completed on " + (reminderData == null ? void 0 : reminderData.completed) + " by " + (reminderData == null ? void 0 : reminderData.completed_by),
|
|
7304
6603
|
status: "SD"
|
|
7305
|
-
}))))), React.createElement(ContentsContainer, null, React.createElement(Left$1, null, React.createElement(AssigneeDropdown, null), React.createElement(DateTimeContainer, null, React.createElement(Label$
|
|
6604
|
+
}))))), React.createElement(ContentsContainer, null, React.createElement(Left$1, null, React.createElement(AssigneeDropdown, null), React.createElement(DateTimeContainer, null, React.createElement(Label$d, null, "Due "), React.createElement(Row$5, null, (reminderPayload == null ? void 0 : reminderPayload.due_date) && React.createElement(StyledDateContainer, null, React.createElement(DatePicker$1, {
|
|
7306
6605
|
dateFormat: "EEE, dd MMM yyyy",
|
|
7307
6606
|
selected: reminderPayload != null && reminderPayload.due_date ? parse(reminderPayload.due_date, 'yyyy-MM-dd', new Date()) : null,
|
|
7308
6607
|
onChange: handleDateChange,
|
|
@@ -7311,29 +6610,29 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7311
6610
|
onChange: handleTime,
|
|
7312
6611
|
value: reminderPayload == null ? void 0 : reminderPayload.due_time,
|
|
7313
6612
|
type: "time"
|
|
7314
|
-
}))))), React.createElement(Right$2, null, React.createElement(DetailedContainer, null, React.createElement(Label$
|
|
6613
|
+
}))))), React.createElement(Right$2, null, React.createElement(DetailedContainer, null, React.createElement(Label$d, null, "Details"), React.createElement(StyledText, {
|
|
7315
6614
|
name: "text",
|
|
7316
6615
|
required: true,
|
|
7317
6616
|
value: reminderPayload == null ? void 0 : reminderPayload.details,
|
|
7318
6617
|
onChange: onChangeDetails
|
|
7319
6618
|
}))))));
|
|
7320
6619
|
};
|
|
7321
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
7322
|
-
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$
|
|
7323
|
-
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$
|
|
7324
|
-
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$
|
|
7325
|
-
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$
|
|
7326
|
-
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$
|
|
7327
|
-
var LabelText = /*#__PURE__*/styled.span(_templateObject7$
|
|
7328
|
-
|
|
7329
|
-
var _templateObject$
|
|
6620
|
+
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
6621
|
+
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6622
|
+
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__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"])));
|
|
6623
|
+
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
6624
|
+
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
6625
|
+
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6626
|
+
var LabelText = /*#__PURE__*/styled.span(_templateObject7$9 || (_templateObject7$9 = /*#__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"])));
|
|
6627
|
+
|
|
6628
|
+
var _templateObject$1x, _templateObject3$I, _templateObject5$c, _templateObject7$a, _templateObject8$6, _templateObject9$3;
|
|
7330
6629
|
// Shared styles and components
|
|
7331
|
-
var Wrapper$
|
|
7332
|
-
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
7333
|
-
var Label$e = /*#__PURE__*/styled.label(_templateObject5$
|
|
7334
|
-
var ContentContainer$
|
|
7335
|
-
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$
|
|
7336
|
-
var DoubleDropdownContainer = /*#__PURE__*/styled.div(_templateObject9$
|
|
6630
|
+
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6631
|
+
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
6632
|
+
var Label$e = /*#__PURE__*/styled.label(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
6633
|
+
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
6634
|
+
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
6635
|
+
var DoubleDropdownContainer = /*#__PURE__*/styled.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
7337
6636
|
var FormRow = function FormRow(_ref) {
|
|
7338
6637
|
var label = _ref.label,
|
|
7339
6638
|
children = _ref.children,
|
|
@@ -7347,7 +6646,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7347
6646
|
}, " * ")), children);
|
|
7348
6647
|
};
|
|
7349
6648
|
|
|
7350
|
-
var _templateObject$
|
|
6649
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$J, _templateObject4$o, _templateObject5$d;
|
|
7351
6650
|
dayjs.extend(utc);
|
|
7352
6651
|
dayjs.extend(isValid);
|
|
7353
6652
|
function CreateReminderModal() {
|
|
@@ -7462,16 +6761,16 @@ function CreateReminderModal() {
|
|
|
7462
6761
|
});
|
|
7463
6762
|
});
|
|
7464
6763
|
};
|
|
7465
|
-
return React.createElement(Wrapper$
|
|
6764
|
+
return React.createElement(Wrapper$h, null, React.createElement(SplitContainer, null, React.createElement(FormRow, {
|
|
7466
6765
|
label: "Assigned To"
|
|
7467
|
-
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$
|
|
6766
|
+
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$1, {
|
|
7468
6767
|
options: [],
|
|
7469
6768
|
placeholder: "IND",
|
|
7470
6769
|
onChange: handleSelectChange,
|
|
7471
6770
|
style: {
|
|
7472
6771
|
width: '8vw'
|
|
7473
6772
|
}
|
|
7474
|
-
}), React.createElement(StyledAntSelect$
|
|
6773
|
+
}), React.createElement(StyledAntSelect$1, {
|
|
7475
6774
|
options: departmentOptions,
|
|
7476
6775
|
placeholder: "Select Department",
|
|
7477
6776
|
onChange: handleDepartmentChange,
|
|
@@ -7479,7 +6778,7 @@ function CreateReminderModal() {
|
|
|
7479
6778
|
width: '18vw'
|
|
7480
6779
|
},
|
|
7481
6780
|
value: createReminder.department_id
|
|
7482
|
-
})), React.createElement(StyledAntSelect$
|
|
6781
|
+
})), React.createElement(StyledAntSelect$1, {
|
|
7483
6782
|
options: [],
|
|
7484
6783
|
placeholder: "Select User",
|
|
7485
6784
|
onChange: handleSelectChange,
|
|
@@ -7488,7 +6787,7 @@ function CreateReminderModal() {
|
|
|
7488
6787
|
}
|
|
7489
6788
|
}), React.createElement(StyledLink, null, "Assign to me")), (createReminder.department_id === 1 || createReminder.department_id === 2) && React.createElement(React.Fragment, null, React.createElement(FormRow, {
|
|
7490
6789
|
label: "Category"
|
|
7491
|
-
}, React.createElement(StyledAntSelect$
|
|
6790
|
+
}, React.createElement(StyledAntSelect$1, {
|
|
7492
6791
|
style: {
|
|
7493
6792
|
minWidth: '20vw'
|
|
7494
6793
|
},
|
|
@@ -7498,7 +6797,7 @@ function CreateReminderModal() {
|
|
|
7498
6797
|
value: createReminder.task_categories_id
|
|
7499
6798
|
})), React.createElement(FormRow, {
|
|
7500
6799
|
label: "Type"
|
|
7501
|
-
}, React.createElement(StyledAntSelect$
|
|
6800
|
+
}, React.createElement(StyledAntSelect$1, {
|
|
7502
6801
|
options: subCategoryOptions,
|
|
7503
6802
|
placeholder: "Select Type",
|
|
7504
6803
|
onChange: handleTypeChange,
|
|
@@ -7570,11 +6869,11 @@ function CreateReminderModal() {
|
|
|
7570
6869
|
onChange: handleChange
|
|
7571
6870
|
})));
|
|
7572
6871
|
}
|
|
7573
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7574
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
7575
|
-
var StyledAntSelect$
|
|
7576
|
-
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
7577
|
-
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$
|
|
6872
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
6873
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
6874
|
+
var StyledAntSelect$1 = /*#__PURE__*/styled(Select)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
6875
|
+
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$o || (_templateObject4$o = /*#__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"])));
|
|
6876
|
+
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__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"])));
|
|
7578
6877
|
|
|
7579
6878
|
function useCreateReminder() {
|
|
7580
6879
|
var ssoToken = getCookie('id_token');
|
|
@@ -7744,7 +7043,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7744
7043
|
return perform;
|
|
7745
7044
|
}
|
|
7746
7045
|
|
|
7747
|
-
var _templateObject$
|
|
7046
|
+
var _templateObject$1z;
|
|
7748
7047
|
function TaskReminderModal() {
|
|
7749
7048
|
var createReminderAPI = useCreateReminder();
|
|
7750
7049
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7841,11 +7140,11 @@ function TaskReminderModal() {
|
|
|
7841
7140
|
onSubmit: handleReminderSubmit,
|
|
7842
7141
|
submitBtnTitle: 'Save Reminder',
|
|
7843
7142
|
isSubmitDisabled: isSubmitDisabled()
|
|
7844
|
-
}, React.createElement(ContentContainer$
|
|
7143
|
+
}, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
|
|
7845
7144
|
}
|
|
7846
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
7145
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7847
7146
|
|
|
7848
|
-
var _templateObject$
|
|
7147
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
7849
7148
|
function OrderLock() {
|
|
7850
7149
|
var _useCurrentAction = useCurrentAction(),
|
|
7851
7150
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7898,8 +7197,8 @@ function OrderLock() {
|
|
|
7898
7197
|
})
|
|
7899
7198
|
});
|
|
7900
7199
|
}
|
|
7901
|
-
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$
|
|
7902
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7200
|
+
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7201
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7903
7202
|
|
|
7904
7203
|
function useUpdateFlag() {
|
|
7905
7204
|
var ssoToken = getCookie('id_token');
|
|
@@ -7969,7 +7268,7 @@ function useUpdateFlag() {
|
|
|
7969
7268
|
return create;
|
|
7970
7269
|
}
|
|
7971
7270
|
|
|
7972
|
-
var _templateObject$
|
|
7271
|
+
var _templateObject$1B, _templateObject2$1f, _templateObject3$K, _templateObject4$p, _templateObject5$e, _templateObject6$a;
|
|
7973
7272
|
function HeaderSection() {
|
|
7974
7273
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7975
7274
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8039,14 +7338,14 @@ function HeaderSection() {
|
|
|
8039
7338
|
})
|
|
8040
7339
|
})));
|
|
8041
7340
|
}
|
|
8042
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8043
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
8044
|
-
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
8045
|
-
var Title$6 = /*#__PURE__*/styled.span(_templateObject4$
|
|
8046
|
-
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$
|
|
8047
|
-
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
7341
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7342
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7343
|
+
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
7344
|
+
var Title$6 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__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"])));
|
|
7345
|
+
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__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"])));
|
|
7346
|
+
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8048
7347
|
|
|
8049
|
-
var _templateObject$
|
|
7348
|
+
var _templateObject$1C, _templateObject2$1g;
|
|
8050
7349
|
function TextSection() {
|
|
8051
7350
|
var _useSinglePayload = useSinglePayload(),
|
|
8052
7351
|
payload = _useSinglePayload[0],
|
|
@@ -8064,10 +7363,10 @@ function TextSection() {
|
|
|
8064
7363
|
onChange: onChangeDetails
|
|
8065
7364
|
}));
|
|
8066
7365
|
}
|
|
8067
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
8068
|
-
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7366
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7367
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8069
7368
|
|
|
8070
|
-
var _templateObject$
|
|
7369
|
+
var _templateObject$1D, _templateObject2$1h;
|
|
8071
7370
|
function ButtonsSection() {
|
|
8072
7371
|
var _useSinglePayload = useSinglePayload(),
|
|
8073
7372
|
payload = _useSinglePayload[0],
|
|
@@ -8098,7 +7397,7 @@ function ButtonsSection() {
|
|
|
8098
7397
|
}));
|
|
8099
7398
|
};
|
|
8100
7399
|
var isStatusShow = dataArray == null ? void 0 : dataArray.task_status_id;
|
|
8101
|
-
return React.createElement(Buttons, null, React.createElement(Flex
|
|
7400
|
+
return React.createElement(Buttons, null, React.createElement(Flex, null, React.createElement(Label$h, {
|
|
8102
7401
|
label: "Type"
|
|
8103
7402
|
}), React.createElement(SelectDropdown, {
|
|
8104
7403
|
styles: _extends({}, dropdownStyles, filterDropdownStyles, {
|
|
@@ -8122,7 +7421,7 @@ function ButtonsSection() {
|
|
|
8122
7421
|
return f.value === payload.task_type_id;
|
|
8123
7422
|
}),
|
|
8124
7423
|
onChange: onFlagtypeChange
|
|
8125
|
-
})), React.createElement(Flex
|
|
7424
|
+
})), React.createElement(Flex, null, React.createElement(Label$h, {
|
|
8126
7425
|
label: "Priority"
|
|
8127
7426
|
}), React.createElement(SelectDropdown, {
|
|
8128
7427
|
styles: _extends({}, dropdownStyles, filterDropdownStyles, {
|
|
@@ -8146,22 +7445,22 @@ function ButtonsSection() {
|
|
|
8146
7445
|
return f.value === payload.task_priority_id;
|
|
8147
7446
|
}),
|
|
8148
7447
|
onChange: onPriorityChange
|
|
8149
|
-
})), React.createElement(React.Fragment, null, isStatusShow === 1 ? React.createElement(Flex
|
|
7448
|
+
})), React.createElement(React.Fragment, null, isStatusShow === 1 ? React.createElement(Flex, null, React.createElement(Label$h, {
|
|
8150
7449
|
label: "Status"
|
|
8151
7450
|
}), React.createElement(StatusIndicator, {
|
|
8152
7451
|
text: "Unresolved",
|
|
8153
7452
|
status: "AD"
|
|
8154
|
-
})) : React.createElement(Flex
|
|
7453
|
+
})) : React.createElement(Flex, null, React.createElement(Label$h, {
|
|
8155
7454
|
label: "Status"
|
|
8156
7455
|
}), React.createElement(StatusIndicator, {
|
|
8157
7456
|
text: "Resolved on " + formatDate(dataArray == null ? void 0 : dataArray.resolved_at) + " by " + (dataArray == null ? void 0 : dataArray.resolved_by),
|
|
8158
7457
|
status: "SD"
|
|
8159
7458
|
}))));
|
|
8160
7459
|
}
|
|
8161
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject$
|
|
8162
|
-
var Flex
|
|
7460
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7461
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8163
7462
|
|
|
8164
|
-
var _templateObject$
|
|
7463
|
+
var _templateObject$1E, _templateObject2$1i, _templateObject3$L, _templateObject4$q, _templateObject5$f, _templateObject6$b;
|
|
8165
7464
|
function ActionSection() {
|
|
8166
7465
|
var _useCurrentAction = useCurrentAction(),
|
|
8167
7466
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8200,7 +7499,7 @@ function ActionSection() {
|
|
|
8200
7499
|
setCurrentAction(undefined);
|
|
8201
7500
|
};
|
|
8202
7501
|
var isDisabled = dataArray.task_status_id === 2;
|
|
8203
|
-
return React.createElement(Wrapper$
|
|
7502
|
+
return React.createElement(Wrapper$i, null, React.createElement(Tippy, {
|
|
8204
7503
|
content: React.createElement(TooltipContent, null, 'This task cannot be edited because it has been marked as resolved.'),
|
|
8205
7504
|
placement: "bottom",
|
|
8206
7505
|
arrow: true,
|
|
@@ -8208,7 +7507,7 @@ function ActionSection() {
|
|
|
8208
7507
|
}, React.createElement(ButtonWrapper, null, React.createElement(SaveButton, {
|
|
8209
7508
|
onClick: onSubmit,
|
|
8210
7509
|
disabled: isDisabled
|
|
8211
|
-
}, "SAVE DETAILS"), React.createElement(CancelButton
|
|
7510
|
+
}, "SAVE DETAILS"), React.createElement(CancelButton, {
|
|
8212
7511
|
onClick: onCancel
|
|
8213
7512
|
}, "CANCEL"))));
|
|
8214
7513
|
}
|
|
@@ -8247,30 +7546,30 @@ function RadioButtonsSection() {
|
|
|
8247
7546
|
required: false
|
|
8248
7547
|
}));
|
|
8249
7548
|
}
|
|
8250
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
8251
|
-
var SaveButton = /*#__PURE__*/styled(Button
|
|
8252
|
-
var CancelButton
|
|
8253
|
-
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$
|
|
8254
|
-
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
8255
|
-
var Wrapper$
|
|
7549
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7550
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7551
|
+
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7552
|
+
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7553
|
+
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
7554
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8256
7555
|
|
|
8257
|
-
var _templateObject$
|
|
7556
|
+
var _templateObject$1F, _templateObject2$1j, _templateObject3$M, _templateObject4$r, _templateObject5$g;
|
|
8258
7557
|
function DetailSection() {
|
|
8259
7558
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8260
7559
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8261
7560
|
dataArray = _useSingleFlagData[0];
|
|
8262
7561
|
var orderColumnData = (dataArray == null || (_dataArray$order_data = dataArray.order_data) == null || (_dataArray$order_data = _dataArray$order_data.order_recipient) == null || (_dataArray$order_data = _dataArray$order_data.recipient_name) == null ? void 0 : _dataArray$order_data.toUpperCase()) + ', ' + (dataArray == null || (_dataArray$order_data2 = dataArray.order_data) == null || (_dataArray$order_data2 = _dataArray$order_data2.order_recipient) == null ? void 0 : _dataArray$order_data2.postcode);
|
|
8263
|
-
return React.createElement(Detail, null, React.createElement(Flex$
|
|
7562
|
+
return React.createElement(Detail, null, React.createElement(Flex$1, null, React.createElement(StyledLabel$1, {
|
|
8264
7563
|
label: "Reference"
|
|
8265
|
-
}), React.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React.createElement(Flex$
|
|
7564
|
+
}), React.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React.createElement(Flex$1, null, React.createElement(StyledLabel$1, {
|
|
8266
7565
|
label: "Order"
|
|
8267
7566
|
}), React.createElement(Order, null, orderColumnData)));
|
|
8268
7567
|
}
|
|
8269
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
8270
|
-
var Flex$
|
|
8271
|
-
var Ref = /*#__PURE__*/styled.div(_templateObject3$
|
|
8272
|
-
var Order = /*#__PURE__*/styled.div(_templateObject4$
|
|
8273
|
-
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$
|
|
7568
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
7569
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7570
|
+
var Ref = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7571
|
+
var Order = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7572
|
+
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
8274
7573
|
|
|
8275
7574
|
function useFetchSingleFlagsData() {
|
|
8276
7575
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -8352,7 +7651,7 @@ function useFetchSingleFlagsData() {
|
|
|
8352
7651
|
return res;
|
|
8353
7652
|
}
|
|
8354
7653
|
|
|
8355
|
-
var _templateObject$
|
|
7654
|
+
var _templateObject$1G, _templateObject2$1k, _templateObject3$N;
|
|
8356
7655
|
function ViewFlag() {
|
|
8357
7656
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8358
7657
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8449,11 +7748,11 @@ function ViewFlag() {
|
|
|
8449
7748
|
}, [dataArray]);
|
|
8450
7749
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
8451
7750
|
}
|
|
8452
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8453
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
8454
|
-
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$
|
|
7751
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
7752
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
7753
|
+
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
8455
7754
|
|
|
8456
|
-
var _templateObject$
|
|
7755
|
+
var _templateObject$1H;
|
|
8457
7756
|
function ReleaseOrder() {
|
|
8458
7757
|
var _useOrderId = useOrderId(),
|
|
8459
7758
|
orderId = _useOrderId[0];
|
|
@@ -8532,9 +7831,9 @@ function ReleaseOrder() {
|
|
|
8532
7831
|
// position: absolute;
|
|
8533
7832
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
8534
7833
|
// `;
|
|
8535
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
7834
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8536
7835
|
|
|
8537
|
-
var _templateObject$
|
|
7836
|
+
var _templateObject$1I;
|
|
8538
7837
|
function OrderActions() {
|
|
8539
7838
|
var _useCurrentAction = useCurrentAction(),
|
|
8540
7839
|
currentAction = _useCurrentAction[0];
|
|
@@ -8542,8 +7841,6 @@ function OrderActions() {
|
|
|
8542
7841
|
switch (currentAction) {
|
|
8543
7842
|
case 'add-resources':
|
|
8544
7843
|
return React.createElement(AddResources, null);
|
|
8545
|
-
case 'bulk-update':
|
|
8546
|
-
return React.createElement(UpdateProductType, null);
|
|
8547
7844
|
case 'split-order':
|
|
8548
7845
|
return React.createElement(SplitOrder, null);
|
|
8549
7846
|
case 'release-order':
|
|
@@ -8566,8 +7863,6 @@ function OrderActions() {
|
|
|
8566
7863
|
return React.createElement(ChangeCustomerAccModal, null);
|
|
8567
7864
|
case 'hold-order':
|
|
8568
7865
|
return React.createElement(HoldOrderModal, null);
|
|
8569
|
-
case 'escalations':
|
|
8570
|
-
return React.createElement(EscalationModal, null);
|
|
8571
7866
|
case 'create-task':
|
|
8572
7867
|
return React.createElement(TaskReminderModal, null);
|
|
8573
7868
|
case 'log-feedback':
|
|
@@ -8576,8 +7871,6 @@ function OrderActions() {
|
|
|
8576
7871
|
return React.createElement(ChargeLog, null);
|
|
8577
7872
|
case 'unhold-order':
|
|
8578
7873
|
return React.createElement(UnholdOrder, null);
|
|
8579
|
-
case 'restore-products':
|
|
8580
|
-
return React.createElement(RestoreProducts, null);
|
|
8581
7874
|
case 'view-reminder':
|
|
8582
7875
|
return React.createElement(ViewReminderModal, null);
|
|
8583
7876
|
case 'order-lock':
|
|
@@ -8590,9 +7883,9 @@ function OrderActions() {
|
|
|
8590
7883
|
return null;
|
|
8591
7884
|
}
|
|
8592
7885
|
};
|
|
8593
|
-
return React.createElement(Container$
|
|
7886
|
+
return React.createElement(Container$12, null, renderContent());
|
|
8594
7887
|
}
|
|
8595
|
-
var Container$
|
|
7888
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8596
7889
|
|
|
8597
7890
|
function useSystemLogs() {
|
|
8598
7891
|
var ssoToken = getCookie('id_token');
|
|
@@ -8684,7 +7977,7 @@ function useSystemLogs() {
|
|
|
8684
7977
|
return perform;
|
|
8685
7978
|
}
|
|
8686
7979
|
|
|
8687
|
-
var _templateObject$
|
|
7980
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8688
7981
|
var Details = function Details() {
|
|
8689
7982
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8690
7983
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8693,24 +7986,24 @@ var Details = function Details() {
|
|
|
8693
7986
|
var postcodeShow = (orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r2.postcode) || '';
|
|
8694
7987
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8695
7988
|
};
|
|
8696
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
8697
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
7989
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
7990
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1l || (_templateObject2$1l = /*#__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"])));
|
|
8698
7991
|
|
|
8699
|
-
var _templateObject$
|
|
8700
|
-
var DropDownContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7992
|
+
var _templateObject$1K;
|
|
7993
|
+
var DropDownContainer$1 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__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"])));
|
|
8701
7994
|
|
|
8702
|
-
var _templateObject$
|
|
7995
|
+
var _templateObject$1L;
|
|
8703
7996
|
var DropDownItem = function DropDownItem(_ref) {
|
|
8704
7997
|
var label = _ref.label,
|
|
8705
7998
|
icon = _ref.icon,
|
|
8706
7999
|
onClick = _ref.onClick;
|
|
8707
|
-
return React.createElement(Flex$
|
|
8000
|
+
return React.createElement(Flex$2, {
|
|
8708
8001
|
onClick: onClick
|
|
8709
8002
|
}, React.createElement("label", null, label), icon);
|
|
8710
8003
|
};
|
|
8711
|
-
var Flex$
|
|
8004
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__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"])));
|
|
8712
8005
|
|
|
8713
|
-
var _templateObject$
|
|
8006
|
+
var _templateObject$1M;
|
|
8714
8007
|
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8715
8008
|
var options = _ref.options,
|
|
8716
8009
|
onSelect = _ref.onSelect;
|
|
@@ -8725,7 +8018,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
|
|
|
8725
8018
|
});
|
|
8726
8019
|
}));
|
|
8727
8020
|
};
|
|
8728
|
-
var DropDownContent = /*#__PURE__*/styled.div(_templateObject$
|
|
8021
|
+
var DropDownContent = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__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"])));
|
|
8729
8022
|
|
|
8730
8023
|
var DropDownLarge = function DropDownLarge() {
|
|
8731
8024
|
return React.createElement("svg", {
|
|
@@ -8821,11 +8114,9 @@ var OptionsDropDown = function OptionsDropDown() {
|
|
|
8821
8114
|
}));
|
|
8822
8115
|
};
|
|
8823
8116
|
|
|
8824
|
-
|
|
8825
|
-
|
|
8826
|
-
|
|
8827
|
-
value: 'add-order-resources'
|
|
8828
|
-
}, {
|
|
8117
|
+
var Options$1 = [
|
|
8118
|
+
// { label: 'Add Order Resource ', value: 'add-order-resources' },
|
|
8119
|
+
{
|
|
8829
8120
|
label: 'Split Order ',
|
|
8830
8121
|
value: 'split-order'
|
|
8831
8122
|
}];
|
|
@@ -8833,19 +8124,16 @@ var MenuDropDown = function MenuDropDown() {
|
|
|
8833
8124
|
var _useState = useState(false),
|
|
8834
8125
|
isOpen = _useState[0],
|
|
8835
8126
|
setIsOpen = _useState[1];
|
|
8836
|
-
var _useAtom = useAtom(countReducerAtom),
|
|
8837
|
-
dispatch = _useAtom[1];
|
|
8838
8127
|
var dropdownRef = useRef(null);
|
|
8128
|
+
var _useCurrentAction = useCurrentAction(),
|
|
8129
|
+
setCurrentAction = _useCurrentAction[1];
|
|
8839
8130
|
var handleClick = function handleClick() {
|
|
8840
8131
|
setIsOpen(function (prev) {
|
|
8841
8132
|
return !prev;
|
|
8842
8133
|
});
|
|
8843
8134
|
};
|
|
8844
|
-
var handleSelect = function handleSelect(
|
|
8845
|
-
|
|
8846
|
-
dispatch({
|
|
8847
|
-
type: value
|
|
8848
|
-
});
|
|
8135
|
+
var handleSelect = function handleSelect(selectedOption) {
|
|
8136
|
+
setCurrentAction(selectedOption);
|
|
8849
8137
|
setIsOpen(false);
|
|
8850
8138
|
};
|
|
8851
8139
|
useEffect(function () {
|
|
@@ -8941,27 +8229,27 @@ function Print() {
|
|
|
8941
8229
|
}));
|
|
8942
8230
|
}
|
|
8943
8231
|
|
|
8944
|
-
var _templateObject$
|
|
8232
|
+
var _templateObject$1N;
|
|
8945
8233
|
// components
|
|
8946
8234
|
function DropDowns$1() {
|
|
8947
8235
|
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper, null, React.createElement(MenuDropDown, null), React.createElement(OptionsDropDown, null), React.createElement(Print, null)));
|
|
8948
8236
|
}
|
|
8949
|
-
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject$
|
|
8237
|
+
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8950
8238
|
|
|
8951
|
-
var _templateObject$
|
|
8239
|
+
var _templateObject$1O;
|
|
8952
8240
|
// import Actions from './actions/Actions';
|
|
8953
8241
|
var ActionsMenu = function ActionsMenu() {
|
|
8954
|
-
return React.createElement(Flex$
|
|
8242
|
+
return React.createElement(Flex$3, null, React.createElement(DropDowns$1, null));
|
|
8955
8243
|
};
|
|
8956
|
-
var Flex$
|
|
8244
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__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"])));
|
|
8957
8245
|
|
|
8958
|
-
var _templateObject$
|
|
8246
|
+
var _templateObject$1P;
|
|
8959
8247
|
var DetailsFilters = function DetailsFilters() {
|
|
8960
|
-
return React.createElement(Flex$
|
|
8248
|
+
return React.createElement(Flex$4, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
8961
8249
|
};
|
|
8962
|
-
var Flex$
|
|
8250
|
+
var Flex$4 = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__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"])));
|
|
8963
8251
|
|
|
8964
|
-
var _templateObject$
|
|
8252
|
+
var _templateObject$1Q, _templateObject2$1m, _templateObject3$O, _templateObject4$s;
|
|
8965
8253
|
function OrderView() {
|
|
8966
8254
|
notification.config({
|
|
8967
8255
|
top: 150
|
|
@@ -9247,18 +8535,18 @@ function OrderView() {
|
|
|
9247
8535
|
}, [gsitId]);
|
|
9248
8536
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
9249
8537
|
}
|
|
9250
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
9251
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9252
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
9253
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
9254
|
-
|
|
9255
|
-
var _templateObject3$
|
|
9256
|
-
var CoverPage = /*#__PURE__*/styled.div(_templateObject3$
|
|
9257
|
-
var Wrapper$
|
|
9258
|
-
var Label$g = /*#__PURE__*/styled.div(_templateObject7$
|
|
9259
|
-
var FilterRow = /*#__PURE__*/styled.div(_templateObject8$
|
|
9260
|
-
var FilterColumn = /*#__PURE__*/styled.div(_templateObject9$
|
|
9261
|
-
var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject10$
|
|
8538
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__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"])));
|
|
8539
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8540
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8541
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8542
|
+
|
|
8543
|
+
var _templateObject3$P, _templateObject5$h, _templateObject7$b, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject14$2;
|
|
8544
|
+
var CoverPage = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 16px;\n border: 1px solid #e3e3e3;\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n padding: 20px 20px 20px 20px;\n top: -60px;\n"])));
|
|
8545
|
+
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__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 flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8546
|
+
var Label$g = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8547
|
+
var FilterRow = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n align-self: stretch;\n justify-content: space-between;\n"])));
|
|
8548
|
+
var FilterColumn = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n align-self: stretch;\n margin: 10px;\n"])));
|
|
8549
|
+
var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: row;\n display: flex;\n gap: 15px;\n"])));
|
|
9262
8550
|
var LeftColumn = /*#__PURE__*/styled.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: row;\n display: flex;\n"])));
|
|
9263
8551
|
var ApplyButton = /*#__PURE__*/styled.button(_templateObject14$2 || (_templateObject14$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-family: 'Lato', sans-serif;\n background: transparent;\n color: #3a3620;\n border: 1px solid #3a3630;\n cursor: pointer;\n\n &:not(:disabled):hover {\n background: #feba30;\n }\n\n &:disabled {\n background: #ccc;\n cursor: not-allowed;\n opacity: 0.6;\n }\n"])));
|
|
9264
8552
|
|
|
@@ -9365,7 +8653,7 @@ var filtersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
9365
8653
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
9366
8654
|
});
|
|
9367
8655
|
|
|
9368
|
-
var _templateObject$
|
|
8656
|
+
var _templateObject$1R;
|
|
9369
8657
|
function SelectionFilter() {
|
|
9370
8658
|
var _useCustomerData = useCustomerData(),
|
|
9371
8659
|
customers = _useCustomerData[0];
|
|
@@ -9616,7 +8904,7 @@ function SelectionFilter() {
|
|
|
9616
8904
|
window.location.replace('/returnclient');
|
|
9617
8905
|
}
|
|
9618
8906
|
}, [clearState]);
|
|
9619
|
-
return React.createElement(Wrapper$
|
|
8907
|
+
return React.createElement(Wrapper$j, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$2, {
|
|
9620
8908
|
options: clientOptions,
|
|
9621
8909
|
placeholder: "Select Client Name",
|
|
9622
8910
|
onChange: handleSelectChange,
|
|
@@ -9626,7 +8914,7 @@ function SelectionFilter() {
|
|
|
9626
8914
|
value: storedName,
|
|
9627
8915
|
allowClear: true,
|
|
9628
8916
|
onClear: handleClear
|
|
9629
|
-
})), storedName && location.pathname.includes("filter/") ? React.createElement(React.Fragment, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Action Type"), React.createElement(StyledAntSelect$
|
|
8917
|
+
})), storedName && location.pathname.includes("filter/") ? React.createElement(React.Fragment, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Action Type"), React.createElement(StyledAntSelect$2, {
|
|
9630
8918
|
options: actionTypeOptions,
|
|
9631
8919
|
placeholder: "Select Action Type",
|
|
9632
8920
|
value: selectedFilterValue,
|
|
@@ -9635,7 +8923,7 @@ function SelectionFilter() {
|
|
|
9635
8923
|
minWidth: '14vw'
|
|
9636
8924
|
},
|
|
9637
8925
|
allowClear: true
|
|
9638
|
-
})), React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Location "), React.createElement(StyledAntSelect$
|
|
8926
|
+
})), React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Location "), React.createElement(StyledAntSelect$2, {
|
|
9639
8927
|
options: (filteredLocationOptions == null ? void 0 : filteredLocationOptions.length) > 0 ? filteredLocationOptions : LocationOptions,
|
|
9640
8928
|
value: selectedLocationValue,
|
|
9641
8929
|
placeholder: "Select Location",
|
|
@@ -9650,7 +8938,7 @@ function SelectionFilter() {
|
|
|
9650
8938
|
disabled: !isButtonEnabled
|
|
9651
8939
|
}, "Apply"))));
|
|
9652
8940
|
}
|
|
9653
|
-
var StyledAntSelect$
|
|
8941
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled(Select)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
9654
8942
|
|
|
9655
8943
|
// import { ApiResponse } from '../../types';
|
|
9656
8944
|
// import { useApiHook } from '@bjsdistribution/dms-component-library';
|
|
@@ -9714,17 +9002,17 @@ function HeaderFilter() {
|
|
|
9714
9002
|
return React.createElement(CoverPage, null, React.createElement(SelectionFilter, null));
|
|
9715
9003
|
}
|
|
9716
9004
|
|
|
9717
|
-
var _templateObject$
|
|
9005
|
+
var _templateObject$1S, _templateObject4$t, _templateObject5$i, _templateObject7$c, _templateObject8$8;
|
|
9718
9006
|
//Left side
|
|
9719
|
-
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
9007
|
+
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$1S || (_templateObject$1S = /*#__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"])));
|
|
9720
9008
|
//
|
|
9721
|
-
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4$
|
|
9722
|
-
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$
|
|
9723
|
-
var Text$8 = /*#__PURE__*/styled.div(_templateObject7$
|
|
9009
|
+
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9010
|
+
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
9011
|
+
var Text$8 = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n"])));
|
|
9724
9012
|
// Right side filter
|
|
9725
|
-
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$
|
|
9013
|
+
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9726
9014
|
|
|
9727
|
-
var _templateObject$
|
|
9015
|
+
var _templateObject$1T, _templateObject2$1n;
|
|
9728
9016
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9729
9017
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9730
9018
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9733,7 +9021,7 @@ var RightFilters = function RightFilters() {
|
|
|
9733
9021
|
dispatch = _useAtom[1];
|
|
9734
9022
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9735
9023
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9736
|
-
return React.createElement(Container$
|
|
9024
|
+
return React.createElement(Container$13, null, React.createElement(ButtonText, {
|
|
9737
9025
|
onClick: function onClick() {
|
|
9738
9026
|
return dispatch({
|
|
9739
9027
|
type: 'create-return'
|
|
@@ -9742,7 +9030,7 @@ var RightFilters = function RightFilters() {
|
|
|
9742
9030
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9743
9031
|
}, "Create Return"));
|
|
9744
9032
|
};
|
|
9745
|
-
var Container$
|
|
9033
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9746
9034
|
// const Mid = styled.div`
|
|
9747
9035
|
// display: flex;
|
|
9748
9036
|
// padding: 4px 10px;
|
|
@@ -9751,7 +9039,7 @@ var Container$14 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObjec
|
|
|
9751
9039
|
// align-self: stretch;
|
|
9752
9040
|
// border-radius: 15px 0px 0px 15px;
|
|
9753
9041
|
// `;
|
|
9754
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9042
|
+
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$1n || (_templateObject2$1n = /*#__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"])));
|
|
9755
9043
|
|
|
9756
9044
|
var ReturnFilter = function ReturnFilter() {
|
|
9757
9045
|
var _useParams = useParams(),
|
|
@@ -9759,12 +9047,12 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9759
9047
|
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$8, null, " ", clientName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)));
|
|
9760
9048
|
};
|
|
9761
9049
|
|
|
9762
|
-
var _templateObject$
|
|
9763
|
-
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
9764
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9050
|
+
var _templateObject$1U, _templateObject2$1o, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9051
|
+
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9052
|
+
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$1o || (_templateObject2$1o = /*#__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"])));
|
|
9765
9053
|
// Styled components
|
|
9766
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9767
|
-
var StyledTable$
|
|
9054
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__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"])));
|
|
9055
|
+
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\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"])));
|
|
9768
9056
|
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
9769
9057
|
var ClearAll = /*#__PURE__*/styled.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
9770
9058
|
var StyledFilterBtnIcon = /*#__PURE__*/styled.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #f1f5f6;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
@@ -9952,8 +9240,8 @@ var optionsForReturnPrint = [{
|
|
|
9952
9240
|
label: 'Print Return Labels'
|
|
9953
9241
|
}];
|
|
9954
9242
|
|
|
9955
|
-
var _templateObject$
|
|
9956
|
-
var options
|
|
9243
|
+
var _templateObject$1V, _templateObject2$1p;
|
|
9244
|
+
var options = optionsForReturnPrint;
|
|
9957
9245
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9958
9246
|
var legacyProductId = _ref.legacyProductId;
|
|
9959
9247
|
console.log(legacyProductId, 'legacyProductId');
|
|
@@ -9961,7 +9249,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9961
9249
|
var url = "https://toolbox.bjshomedelivery.com/offload/return_label?gsit_products_id=" + legacyProductId;
|
|
9962
9250
|
window.open(url, '_blank'); // Opens the URL in a new tab
|
|
9963
9251
|
};
|
|
9964
|
-
return React.createElement(OptionsList, null, options
|
|
9252
|
+
return React.createElement(OptionsList, null, options == null ? void 0 : options.map(function (item, index) {
|
|
9965
9253
|
var IconComponent = PrintIconMap[item.icon];
|
|
9966
9254
|
return React.createElement(OptionsListLi, {
|
|
9967
9255
|
key: index,
|
|
@@ -9969,8 +9257,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9969
9257
|
}, IconComponent && React.createElement(IconComponent, null), " ", item.label);
|
|
9970
9258
|
}));
|
|
9971
9259
|
};
|
|
9972
|
-
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$
|
|
9973
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9260
|
+
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$1V || (_templateObject$1V = /*#__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"])));
|
|
9261
|
+
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$1p || (_templateObject2$1p = /*#__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"])));
|
|
9974
9262
|
|
|
9975
9263
|
var _excluded$3 = ["count"];
|
|
9976
9264
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10250,638 +9538,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10250
9538
|
})))));
|
|
10251
9539
|
};
|
|
10252
9540
|
|
|
10253
|
-
var
|
|
10254
|
-
label: 'Return1',
|
|
10255
|
-
value: 'return1'
|
|
10256
|
-
}, {
|
|
10257
|
-
label: 'Return2',
|
|
10258
|
-
value: 'return2'
|
|
10259
|
-
}, {
|
|
10260
|
-
label: 'Return3',
|
|
10261
|
-
value: 'return3'
|
|
10262
|
-
}];
|
|
10263
|
-
var TaskType = [{
|
|
10264
|
-
label: 'Client',
|
|
10265
|
-
value: 'client'
|
|
10266
|
-
}, {
|
|
10267
|
-
label: 'Customer Service (CS)',
|
|
10268
|
-
value: 'cs'
|
|
10269
|
-
}, {
|
|
10270
|
-
label: 'Transport (DH)',
|
|
10271
|
-
value: 'dh'
|
|
10272
|
-
}, {
|
|
10273
|
-
label: 'Warehouse',
|
|
10274
|
-
value: 'warehouse'
|
|
10275
|
-
}, {
|
|
10276
|
-
label: 'Customer Portal',
|
|
10277
|
-
value: 'customer-portal'
|
|
10278
|
-
}, {
|
|
10279
|
-
label: 'Delivery App',
|
|
10280
|
-
value: 'delivery-app'
|
|
10281
|
-
}, {
|
|
10282
|
-
label: 'Complaints',
|
|
10283
|
-
value: 'complaints'
|
|
10284
|
-
}, {
|
|
10285
|
-
label: 'Offshore',
|
|
10286
|
-
value: 'offshore'
|
|
10287
|
-
}, {
|
|
10288
|
-
label: 'Stock Admin',
|
|
10289
|
-
value: 'stock-admin'
|
|
10290
|
-
}, {
|
|
10291
|
-
label: 'Call Customer',
|
|
10292
|
-
value: 'call-customer'
|
|
10293
|
-
}, {
|
|
10294
|
-
label: 'Driver Compliance',
|
|
10295
|
-
value: 'driver-compliance'
|
|
10296
|
-
}];
|
|
10297
|
-
var DefectConfirm = [{
|
|
10298
|
-
label: 'Yes',
|
|
10299
|
-
value: 'yes'
|
|
10300
|
-
}, {
|
|
10301
|
-
label: 'No',
|
|
10302
|
-
value: 'no'
|
|
10303
|
-
}];
|
|
10304
|
-
|
|
10305
|
-
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10306
|
-
var DefetcDetails = function DefetcDetails() {
|
|
10307
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10308
|
-
console.log('Option selected');
|
|
10309
|
-
};
|
|
10310
|
-
return React.createElement(Container$15, null, React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10311
|
-
label: "What is the defect"
|
|
10312
|
-
}), React.createElement(StyledAntSelect$5, {
|
|
10313
|
-
options: TaskType,
|
|
10314
|
-
placeholder: "Select defect",
|
|
10315
|
-
onChange: handleSelectChange,
|
|
10316
|
-
selectWrapperClass: "rounded"
|
|
10317
|
-
})), React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10318
|
-
label: "What is the size of the defect?(cm)"
|
|
10319
|
-
}), React.createElement(StyledAntSelect$5, {
|
|
10320
|
-
options: TaskType,
|
|
10321
|
-
placeholder: "Select Category",
|
|
10322
|
-
onChange: handleSelectChange,
|
|
10323
|
-
selectWrapperClass: "rounded"
|
|
10324
|
-
}))), React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10325
|
-
label: "Where is the primary defect located?"
|
|
10326
|
-
}), React.createElement(StyledAntSelect$5, {
|
|
10327
|
-
options: TaskType,
|
|
10328
|
-
placeholder: "Select located",
|
|
10329
|
-
onChange: handleSelectChange,
|
|
10330
|
-
selectWrapperClass: "rounded"
|
|
10331
|
-
}))), React.createElement(Flex$7, null, React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10332
|
-
label: "Where is the secondary defect located?"
|
|
10333
|
-
}), React.createElement(StyledAntSelect$5, {
|
|
10334
|
-
options: TaskType,
|
|
10335
|
-
placeholder: "Select secondary defect",
|
|
10336
|
-
onChange: handleSelectChange,
|
|
10337
|
-
selectWrapperClass: "rounded"
|
|
10338
|
-
})), React.createElement(LabelWrapper, null, React.createElement(Label$h, {
|
|
10339
|
-
label: "Defect Images"
|
|
10340
|
-
}), React.createElement(StyledAntSelect$5, {
|
|
10341
|
-
options: TaskType,
|
|
10342
|
-
placeholder: "Select Category",
|
|
10343
|
-
onChange: handleSelectChange,
|
|
10344
|
-
selectWrapperClass: "rounded"
|
|
10345
|
-
}))));
|
|
10346
|
-
};
|
|
10347
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled(AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10348
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10349
|
-
var Flex$7 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10350
|
-
var LabelWrapper = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10351
|
-
|
|
10352
|
-
var _templateObject$22;
|
|
10353
|
-
var RepackProduct = function RepackProduct() {
|
|
10354
|
-
var options = [{
|
|
10355
|
-
value: 'bjsCouriers',
|
|
10356
|
-
label: 'BJS COURIERS'
|
|
10357
|
-
}, {
|
|
10358
|
-
value: 'bjsSales',
|
|
10359
|
-
label: 'BJS SALES'
|
|
10360
|
-
}, {
|
|
10361
|
-
value: 'test',
|
|
10362
|
-
label: 'TEST'
|
|
10363
|
-
}];
|
|
10364
|
-
var data = [{
|
|
10365
|
-
type: 'Deliver',
|
|
10366
|
-
code: 'WDB10953',
|
|
10367
|
-
scan: 'Delivered',
|
|
10368
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10369
|
-
barcode: '006997824015370739'
|
|
10370
|
-
}, {
|
|
10371
|
-
type: 'Deliver',
|
|
10372
|
-
code: 'WDB10953',
|
|
10373
|
-
scan: 'Delivered',
|
|
10374
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10375
|
-
barcode: '006997824015370739'
|
|
10376
|
-
}, {
|
|
10377
|
-
type: 'Deliver',
|
|
10378
|
-
code: 'WDB10953',
|
|
10379
|
-
scan: 'Delivered',
|
|
10380
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10381
|
-
barcode: '006997824015370739'
|
|
10382
|
-
}];
|
|
10383
|
-
var columns = [{
|
|
10384
|
-
key: 'checkbox',
|
|
10385
|
-
title: '',
|
|
10386
|
-
isCheckbox: true
|
|
10387
|
-
}, {
|
|
10388
|
-
key: 'type',
|
|
10389
|
-
title: 'Type'
|
|
10390
|
-
}, {
|
|
10391
|
-
key: 'code',
|
|
10392
|
-
title: 'Code'
|
|
10393
|
-
}, {
|
|
10394
|
-
key: 'scan',
|
|
10395
|
-
title: 'Scan'
|
|
10396
|
-
}, {
|
|
10397
|
-
key: 'description',
|
|
10398
|
-
title: 'Description'
|
|
10399
|
-
}, {
|
|
10400
|
-
key: 'barcode',
|
|
10401
|
-
title: 'Barcode'
|
|
10402
|
-
}];
|
|
10403
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$1, null, React.createElement(AntTable, {
|
|
10404
|
-
columns: columns,
|
|
10405
|
-
data: data,
|
|
10406
|
-
selectOptions: options,
|
|
10407
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10408
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10409
|
-
}
|
|
10410
|
-
})));
|
|
10411
|
-
};
|
|
10412
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10413
|
-
|
|
10414
|
-
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10415
|
-
var RepackDetails = function RepackDetails() {
|
|
10416
|
-
var _useState = useState(false),
|
|
10417
|
-
isAdditionalBoxChecked = _useState[0],
|
|
10418
|
-
setIsAdditionalBoxChecked = _useState[1];
|
|
10419
|
-
var _useState2 = useState(false),
|
|
10420
|
-
isRepacked = _useState2[0],
|
|
10421
|
-
setIsRepacked = _useState2[1];
|
|
10422
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10423
|
-
console.log('Option selected');
|
|
10424
|
-
};
|
|
10425
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$16, null, React.createElement(Flex$8, null, React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
10426
|
-
label: "Who repacked it?"
|
|
10427
|
-
}), React.createElement(StyledAntSelect$6, {
|
|
10428
|
-
options: TaskType,
|
|
10429
|
-
placeholder: "Select Category",
|
|
10430
|
-
onChange: handleSelectChange,
|
|
10431
|
-
selectWrapperClass: "rounded"
|
|
10432
|
-
}))), React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
10433
|
-
label: "Packaging Type"
|
|
10434
|
-
}), React.createElement(StyledAntSelect$6, {
|
|
10435
|
-
options: TaskType,
|
|
10436
|
-
placeholder: "Select located",
|
|
10437
|
-
onChange: handleSelectChange,
|
|
10438
|
-
selectWrapperClass: "rounded"
|
|
10439
|
-
}))), React.createElement(Flex$8, null, React.createElement(LabelWrapper$1, null, React.createElement(Label$h, {
|
|
10440
|
-
label: "Repack Images"
|
|
10441
|
-
}), React.createElement(StyledAntSelect$6, {
|
|
10442
|
-
options: TaskType,
|
|
10443
|
-
placeholder: "Select secondary defect",
|
|
10444
|
-
onChange: handleSelectChange,
|
|
10445
|
-
selectWrapperClass: "rounded"
|
|
10446
|
-
})))), React.createElement(Flex$8, null, React.createElement(CheckboxContainer$1, null, React.createElement(Checkbox$2, {
|
|
10447
|
-
onChange: function onChange(e) {
|
|
10448
|
-
return setIsAdditionalBoxChecked(e.target.checked);
|
|
10449
|
-
}
|
|
10450
|
-
}, "Has this been repacked into any additional boxes?"), isAdditionalBoxChecked && React.createElement(InputWrapper, null, React.createElement(Label$h, {
|
|
10451
|
-
label: "Number of boxes"
|
|
10452
|
-
}), React.createElement(Input$2, {
|
|
10453
|
-
type: "number",
|
|
10454
|
-
placeholder: "Enter number of boxes"
|
|
10455
|
-
})), React.createElement(Checkbox$2, {
|
|
10456
|
-
onChange: function onChange(e) {
|
|
10457
|
-
return setIsRepacked(e.target.checked);
|
|
10458
|
-
}
|
|
10459
|
-
}, "Have any other boxes repacked into this one?"), isRepacked && React.createElement(RepackProduct, null)))));
|
|
10460
|
-
};
|
|
10461
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled(AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10462
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10463
|
-
var InputWrapper = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10464
|
-
var Container$16 = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10465
|
-
var Flex$8 = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10466
|
-
var LabelWrapper$1 = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10467
|
-
|
|
10468
|
-
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10469
|
-
var OtherDamage = function OtherDamage() {
|
|
10470
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10471
|
-
console.log('Option selected');
|
|
10472
|
-
};
|
|
10473
|
-
return React.createElement(Container$17, null, React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10474
|
-
label: "What is the primary defect?"
|
|
10475
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10476
|
-
options: TaskType,
|
|
10477
|
-
placeholder: "Select defect",
|
|
10478
|
-
onChange: handleSelectChange,
|
|
10479
|
-
selectWrapperClass: "rounded"
|
|
10480
|
-
})), React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10481
|
-
label: "Where is the Primary defect located?"
|
|
10482
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10483
|
-
options: TaskType,
|
|
10484
|
-
placeholder: "Select secondary defect",
|
|
10485
|
-
onChange: handleSelectChange,
|
|
10486
|
-
selectWrapperClass: "rounded"
|
|
10487
|
-
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10488
|
-
label: "What is the secondary defect?"
|
|
10489
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10490
|
-
options: TaskType,
|
|
10491
|
-
placeholder: "Select Category",
|
|
10492
|
-
onChange: handleSelectChange,
|
|
10493
|
-
selectWrapperClass: "rounded"
|
|
10494
|
-
})), React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10495
|
-
label: "Where is the secondary defect located?"
|
|
10496
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10497
|
-
options: TaskType,
|
|
10498
|
-
placeholder: "Select Category",
|
|
10499
|
-
onChange: handleSelectChange,
|
|
10500
|
-
selectWrapperClass: "rounded"
|
|
10501
|
-
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10502
|
-
label: "Where is the tertiary defect located?\n"
|
|
10503
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10504
|
-
options: TaskType,
|
|
10505
|
-
placeholder: "Select Category",
|
|
10506
|
-
onChange: handleSelectChange,
|
|
10507
|
-
selectWrapperClass: "rounded"
|
|
10508
|
-
})), React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10509
|
-
label: "Defect Images\n"
|
|
10510
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10511
|
-
options: TaskType,
|
|
10512
|
-
placeholder: "Select secondary defect",
|
|
10513
|
-
onChange: handleSelectChange,
|
|
10514
|
-
selectWrapperClass: "rounded"
|
|
10515
|
-
}))), React.createElement(Flex$9, null, React.createElement(LabelWrapper$2, null, React.createElement(Label$h, {
|
|
10516
|
-
label: "What is the size of the defect?(cm)"
|
|
10517
|
-
}), React.createElement(StyledAntSelect$7, {
|
|
10518
|
-
options: TaskType,
|
|
10519
|
-
placeholder: "Select located",
|
|
10520
|
-
onChange: handleSelectChange,
|
|
10521
|
-
selectWrapperClass: "rounded"
|
|
10522
|
-
}))));
|
|
10523
|
-
};
|
|
10524
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled(AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10525
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10526
|
-
var Flex$9 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10527
|
-
var LabelWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10528
|
-
|
|
10529
|
-
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10530
|
-
var AddDefect = function AddDefect() {
|
|
10531
|
-
var _useState = useState({
|
|
10532
|
-
actionDuring: '',
|
|
10533
|
-
productDamage: '',
|
|
10534
|
-
productRepacked: '',
|
|
10535
|
-
defectDetails: [{}],
|
|
10536
|
-
productChecked: ''
|
|
10537
|
-
}),
|
|
10538
|
-
state = _useState[0],
|
|
10539
|
-
setState = _useState[1];
|
|
10540
|
-
var handleChange = function handleChange(key) {
|
|
10541
|
-
return function (value) {
|
|
10542
|
-
setState(function (prevState) {
|
|
10543
|
-
var _extends2;
|
|
10544
|
-
return _extends({}, prevState, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
10545
|
-
});
|
|
10546
|
-
console.log(key + " option selected:", value);
|
|
10547
|
-
};
|
|
10548
|
-
};
|
|
10549
|
-
var addDefectDetail = function addDefectDetail() {
|
|
10550
|
-
setState(function (prevState) {
|
|
10551
|
-
return _extends({}, prevState, {
|
|
10552
|
-
defectDetails: [].concat(prevState.defectDetails, [{}])
|
|
10553
|
-
});
|
|
10554
|
-
});
|
|
10555
|
-
};
|
|
10556
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10557
|
-
label: "Does the packaging have any damage?"
|
|
10558
|
-
}), React.createElement(StyledAntSelect$8, {
|
|
10559
|
-
options: DefectConfirm,
|
|
10560
|
-
placeholder: "Select",
|
|
10561
|
-
onChange: handleChange('actionDuring'),
|
|
10562
|
-
selectWrapperClass: "rounded"
|
|
10563
|
-
})), state.actionDuring === 'yes' && React.createElement(AddButton, {
|
|
10564
|
-
onClick: addDefectDetail
|
|
10565
|
-
}, "Add Defect Detail")), state.actionDuring === 'yes' && state.defectDetails.map(function (_, index) {
|
|
10566
|
-
return React.createElement(DefetcDetails, {
|
|
10567
|
-
key: index
|
|
10568
|
-
});
|
|
10569
|
-
})), React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10570
|
-
label: "Has the product been checked?"
|
|
10571
|
-
}), React.createElement(StyledAntSelect$8, {
|
|
10572
|
-
options: DefectConfirm,
|
|
10573
|
-
placeholder: "Select",
|
|
10574
|
-
onChange: handleChange('productChecked'),
|
|
10575
|
-
selectWrapperClass: "rounded"
|
|
10576
|
-
})), state.productChecked === 'yes' && React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10577
|
-
label: "Does the product have any damage?"
|
|
10578
|
-
}), React.createElement(StyledAntSelect$8, {
|
|
10579
|
-
options: DefectConfirm,
|
|
10580
|
-
placeholder: "Select",
|
|
10581
|
-
onChange: handleChange('productDamage'),
|
|
10582
|
-
selectWrapperClass: "rounded"
|
|
10583
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React.createElement(OtherDamage, null)), React.createElement(Container$18, null, React.createElement(Flex$a, null, React.createElement(LabelWrapper$3, null, React.createElement(Label$h, {
|
|
10584
|
-
label: "Has the product been repacked?"
|
|
10585
|
-
}), React.createElement(StyledAntSelect$8, {
|
|
10586
|
-
options: DefectConfirm,
|
|
10587
|
-
placeholder: "Select",
|
|
10588
|
-
onChange: handleChange('productRepacked'),
|
|
10589
|
-
selectWrapperClass: "rounded"
|
|
10590
|
-
}))), state.productRepacked === 'yes' && React.createElement(RepackDetails, null)));
|
|
10591
|
-
};
|
|
10592
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled(AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10593
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n border: 1px solid #e6e6e6;\n border-radius: 15px;\n padding: 10px;\n"])));
|
|
10594
|
-
var Flex$a = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10595
|
-
var LabelWrapper$3 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10596
|
-
var AddButton = /*#__PURE__*/styled(Button$1)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10597
|
-
|
|
10598
|
-
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10599
|
-
var QCLogs = function QCLogs() {
|
|
10600
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10601
|
-
console.log('Option selected');
|
|
10602
|
-
};
|
|
10603
|
-
return React.createElement(Container$19, null, React.createElement(Flex$b, null, React.createElement(LabelWrapper$4, null, React.createElement(Label$h, {
|
|
10604
|
-
label: "Action During"
|
|
10605
|
-
}), React.createElement(StyledAntSelect$9, {
|
|
10606
|
-
options: TaskType,
|
|
10607
|
-
placeholder: "Select",
|
|
10608
|
-
onChange: handleSelectChange,
|
|
10609
|
-
selectWrapperClass: "rounded"
|
|
10610
|
-
})), React.createElement(LabelWrapper$4, null, React.createElement(Label$h, {
|
|
10611
|
-
label: "Product Category"
|
|
10612
|
-
}), React.createElement(StyledAntSelect$9, {
|
|
10613
|
-
options: TaskType,
|
|
10614
|
-
placeholder: "Select Category",
|
|
10615
|
-
onChange: handleSelectChange,
|
|
10616
|
-
selectWrapperClass: "rounded"
|
|
10617
|
-
}))), React.createElement(AddDefect, null));
|
|
10618
|
-
};
|
|
10619
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled(AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10620
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10621
|
-
var Flex$b = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10622
|
-
var LabelWrapper$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10623
|
-
|
|
10624
|
-
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10625
|
-
function UpdateProduct() {
|
|
10626
|
-
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10627
|
-
var _useState = useState(),
|
|
10628
|
-
selectedOption = _useState[0],
|
|
10629
|
-
setSelectedOption = _useState[1];
|
|
10630
|
-
var _useOrderStaticData = useOrderStaticData(),
|
|
10631
|
-
orderStaticData = _useOrderStaticData[0];
|
|
10632
|
-
var _useUpdateOrderProduc = useUpdateOrderProducts(),
|
|
10633
|
-
updateOrderProduct = _useUpdateOrderProduc[0],
|
|
10634
|
-
setUpdateOrderProduct = _useUpdateOrderProduc[1];
|
|
10635
|
-
console.log(updateOrderProduct, 'updateOrderProductupdateOrderProduct');
|
|
10636
|
-
var handleSelectChange = function handleSelectChange(value) {
|
|
10637
|
-
setSelectedOption(value);
|
|
10638
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10639
|
-
return _extends({}, prevState, {
|
|
10640
|
-
product_type_id: +value
|
|
10641
|
-
});
|
|
10642
|
-
});
|
|
10643
|
-
};
|
|
10644
|
-
var handleReturnSelectChange = function handleReturnSelectChange(value) {
|
|
10645
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10646
|
-
return _extends({}, prevState, {
|
|
10647
|
-
return_reason_id: +value
|
|
10648
|
-
});
|
|
10649
|
-
});
|
|
10650
|
-
console.log('Return action or reason selected:', value);
|
|
10651
|
-
};
|
|
10652
|
-
var handleCollectionSelectChange = function handleCollectionSelectChange(value) {
|
|
10653
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10654
|
-
return _extends({}, prevState, {
|
|
10655
|
-
collection_reason_id: +value
|
|
10656
|
-
});
|
|
10657
|
-
});
|
|
10658
|
-
console.log('Collection reason selected:', value);
|
|
10659
|
-
};
|
|
10660
|
-
var collectionOptions = orderStaticData == null || (_orderStaticData$coll = orderStaticData.collect_reasons) == null ? void 0 : _orderStaticData$coll.map(function (option) {
|
|
10661
|
-
return {
|
|
10662
|
-
label: option.reason,
|
|
10663
|
-
value: option.id
|
|
10664
|
-
};
|
|
10665
|
-
});
|
|
10666
|
-
var returnActionOptions = orderStaticData == null || (_orderStaticData$orde = orderStaticData.order_product_return_action) == null ? void 0 : _orderStaticData$orde.map(function (option) {
|
|
10667
|
-
return {
|
|
10668
|
-
label: option.type,
|
|
10669
|
-
value: option.id
|
|
10670
|
-
};
|
|
10671
|
-
});
|
|
10672
|
-
var returnReasonsOptions = orderStaticData == null || (_orderStaticData$retu = orderStaticData.return_reasons) == null ? void 0 : _orderStaticData$retu.map(function (option) {
|
|
10673
|
-
return {
|
|
10674
|
-
label: option.reason,
|
|
10675
|
-
value: option.id
|
|
10676
|
-
};
|
|
10677
|
-
});
|
|
10678
|
-
var productTypeOptions = orderStaticData == null || (_orderStaticData$orde2 = orderStaticData.order_product_type) == null ? void 0 : _orderStaticData$orde2.map(function (option) {
|
|
10679
|
-
return {
|
|
10680
|
-
label: option.type,
|
|
10681
|
-
value: option.id
|
|
10682
|
-
};
|
|
10683
|
-
});
|
|
10684
|
-
return React.createElement(Container$1a, null, React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10685
|
-
label: "Product Type"
|
|
10686
|
-
}), React.createElement(StyledAntSelect$a, {
|
|
10687
|
-
options: productTypeOptions,
|
|
10688
|
-
placeholder: "Select Product Type",
|
|
10689
|
-
onChange: handleSelectChange,
|
|
10690
|
-
selectWrapperClass: "rounded"
|
|
10691
|
-
})), selectedOption === '1' && React.createElement(ReturnBox, null, React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10692
|
-
label: "Return Action"
|
|
10693
|
-
}), React.createElement(StyledAntSelect$a, {
|
|
10694
|
-
options: returnActionOptions || [],
|
|
10695
|
-
placeholder: "Select the Return Action",
|
|
10696
|
-
onChange: handleReturnSelectChange,
|
|
10697
|
-
selectWrapperClass: "rounded"
|
|
10698
|
-
})), React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10699
|
-
label: "Return Reason"
|
|
10700
|
-
}), React.createElement(StyledAntSelect$a, {
|
|
10701
|
-
options: returnReasonsOptions || [],
|
|
10702
|
-
placeholder: "Select the Return Reason",
|
|
10703
|
-
onChange: handleReturnSelectChange,
|
|
10704
|
-
selectWrapperClass: "rounded"
|
|
10705
|
-
})), React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10706
|
-
label: "Return Location"
|
|
10707
|
-
}), React.createElement(StyledAntSelect$a, {
|
|
10708
|
-
options: ReturnData,
|
|
10709
|
-
placeholder: "Select the Return Location",
|
|
10710
|
-
onChange: handleReturnSelectChange,
|
|
10711
|
-
selectWrapperClass: "rounded"
|
|
10712
|
-
}))), selectedOption === '2' && React.createElement(CollectionBox, null, React.createElement(LabelWrapper$5, null, React.createElement(Label$h, {
|
|
10713
|
-
label: "Collection Reason"
|
|
10714
|
-
}), React.createElement(StyledAntSelect$a, {
|
|
10715
|
-
options: collectionOptions || [],
|
|
10716
|
-
placeholder: "Select the Collection Reason",
|
|
10717
|
-
onChange: handleCollectionSelectChange,
|
|
10718
|
-
selectWrapperClass: "rounded"
|
|
10719
|
-
}))));
|
|
10720
|
-
}
|
|
10721
|
-
var CollectionBox = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10722
|
-
var ReturnBox = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10723
|
-
var Container$1a = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10724
|
-
var LabelWrapper$5 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10725
|
-
var StyledAntSelect$a = /*#__PURE__*/styled(AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10726
|
-
|
|
10727
|
-
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10728
|
-
function UnReceiveProduct() {
|
|
10729
|
-
var _orderStaticData$unre;
|
|
10730
|
-
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
10731
|
-
unRecieve = _useRecieveOrderProdu[0],
|
|
10732
|
-
setUnRecieve = _useRecieveOrderProdu[1];
|
|
10733
|
-
var _useProductDetails = useProductDetails(),
|
|
10734
|
-
productdata = _useProductDetails[0];
|
|
10735
|
-
var _useOrderStaticData = useOrderStaticData(),
|
|
10736
|
-
orderStaticData = _useOrderStaticData[0];
|
|
10737
|
-
console.log(productdata, 'productdataproductdataproductdataproductdata');
|
|
10738
|
-
useEffect(function () {
|
|
10739
|
-
setUnRecieve(function (prevState) {
|
|
10740
|
-
return _extends({}, prevState);
|
|
10741
|
-
});
|
|
10742
|
-
}, [setUnRecieve]);
|
|
10743
|
-
var handleSelectChange = function handleSelectChange(value) {
|
|
10744
|
-
setUnRecieve(function (prevState) {
|
|
10745
|
-
return _extends({}, prevState, {
|
|
10746
|
-
unrecieve_reason_id: +value
|
|
10747
|
-
});
|
|
10748
|
-
});
|
|
10749
|
-
};
|
|
10750
|
-
var handleNotesChange = function handleNotesChange(notes) {
|
|
10751
|
-
setUnRecieve(function (prevState) {
|
|
10752
|
-
return _extends({}, prevState, {
|
|
10753
|
-
unrecieve_note: notes
|
|
10754
|
-
});
|
|
10755
|
-
});
|
|
10756
|
-
};
|
|
10757
|
-
console.log(unRecieve, 'unRecieve');
|
|
10758
|
-
var returnActionOptions = orderStaticData == null || (_orderStaticData$unre = orderStaticData.unreceive_reasons) == null ? void 0 : _orderStaticData$unre.map(function (option) {
|
|
10759
|
-
return {
|
|
10760
|
-
label: option.reason,
|
|
10761
|
-
value: option.id
|
|
10762
|
-
};
|
|
10763
|
-
});
|
|
10764
|
-
return React.createElement(Container$1b, null, React.createElement(LabelWrapper$6, null, React.createElement(Label$h, {
|
|
10765
|
-
label: "Reason"
|
|
10766
|
-
}), React.createElement(StyledAntSelect$b, {
|
|
10767
|
-
options: returnActionOptions,
|
|
10768
|
-
placeholder: "Select the Reason",
|
|
10769
|
-
onChange: handleSelectChange,
|
|
10770
|
-
selectWrapperClass: "rounded"
|
|
10771
|
-
}), React.createElement(Notes$1, {
|
|
10772
|
-
onNotesChange: handleNotesChange
|
|
10773
|
-
})));
|
|
10774
|
-
}
|
|
10775
|
-
var Container$1b = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10776
|
-
var LabelWrapper$6 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10777
|
-
var StyledAntSelect$b = /*#__PURE__*/styled(AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10778
|
-
|
|
10779
|
-
var _templateObject$29, _templateObject2$1C;
|
|
10780
|
-
var ProductAction = function ProductAction() {
|
|
10781
|
-
var _useAtom = useAtom(selectedTabKeyAtom),
|
|
10782
|
-
setSelectedTabKey = _useAtom[1];
|
|
10783
|
-
var handleTabChange = function handleTabChange(activeKey) {
|
|
10784
|
-
setSelectedTabKey(activeKey);
|
|
10785
|
-
};
|
|
10786
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent$2, null, React.createElement(Container$1c, null, React.createElement(Tabs, {
|
|
10787
|
-
defaultActiveKey: "1",
|
|
10788
|
-
onChange: handleTabChange,
|
|
10789
|
-
items: [{
|
|
10790
|
-
label: 'Update Product Type',
|
|
10791
|
-
key: '1',
|
|
10792
|
-
children: React.createElement(UpdateProduct, null)
|
|
10793
|
-
}, {
|
|
10794
|
-
label: 'Log QC Result',
|
|
10795
|
-
key: '2',
|
|
10796
|
-
children: React.createElement(QCLogs, null)
|
|
10797
|
-
}, {
|
|
10798
|
-
label: 'Unreceive Product',
|
|
10799
|
-
key: '3',
|
|
10800
|
-
children: React.createElement(UnReceiveProduct, null)
|
|
10801
|
-
}]
|
|
10802
|
-
}))));
|
|
10803
|
-
};
|
|
10804
|
-
var GLobalPopupContent$2 = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10805
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 50vh;\n padding-bottom: 30px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #edebe8;\n padding: 15px;\n overflow-y: scroll;\n .ant-tabs {\n width: 100%;\n }\n .ant-tabs-tab-active {\n .ant-tabs-tab-btn {\n color: #3a3630 !important;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n }\n .ant-tabs-ink-bar {\n background: #feba30;\n }\n"])));
|
|
10806
|
-
|
|
10807
|
-
var _templateObject$2a;
|
|
10808
|
-
var LogsTable = function LogsTable() {
|
|
10809
|
-
var options = [{
|
|
10810
|
-
value: 'bjsCouriers',
|
|
10811
|
-
label: 'BJS COURIERS'
|
|
10812
|
-
}, {
|
|
10813
|
-
value: 'bjsSales',
|
|
10814
|
-
label: 'BJS SALES'
|
|
10815
|
-
}, {
|
|
10816
|
-
value: 'test',
|
|
10817
|
-
label: 'TEST'
|
|
10818
|
-
}];
|
|
10819
|
-
var data = [{
|
|
10820
|
-
PackagingType: 'Original Packaging',
|
|
10821
|
-
PackagingStatus: 'No Issues',
|
|
10822
|
-
QCCompleted: 'Delivered',
|
|
10823
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10824
|
-
CreatedBy: '006997824015370739',
|
|
10825
|
-
Date: '',
|
|
10826
|
-
Images: '',
|
|
10827
|
-
Actions: ''
|
|
10828
|
-
}, {
|
|
10829
|
-
PackagingType: 'Original Packaging',
|
|
10830
|
-
PackagingStatus: 'No Issues',
|
|
10831
|
-
QCCompleted: 'Delivered',
|
|
10832
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10833
|
-
CreatedBy: '006997824015370739',
|
|
10834
|
-
Date: '',
|
|
10835
|
-
Images: '',
|
|
10836
|
-
Actions: ''
|
|
10837
|
-
}, {
|
|
10838
|
-
PackagingType: 'Original Packaging',
|
|
10839
|
-
PackagingStatus: 'No Issues',
|
|
10840
|
-
QCCompleted: 'Delivered',
|
|
10841
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10842
|
-
CreatedBy: '006997824015370739',
|
|
10843
|
-
Date: '',
|
|
10844
|
-
Images: '',
|
|
10845
|
-
Actions: ''
|
|
10846
|
-
}];
|
|
10847
|
-
var columns = [{
|
|
10848
|
-
key: 'PackagingType',
|
|
10849
|
-
title: 'Packaging Type',
|
|
10850
|
-
isCheckbox: true
|
|
10851
|
-
}, {
|
|
10852
|
-
key: 'PackagingStatus',
|
|
10853
|
-
title: 'Packaging Status'
|
|
10854
|
-
}, {
|
|
10855
|
-
key: 'QCCompleted',
|
|
10856
|
-
title: 'QC Completed'
|
|
10857
|
-
}, {
|
|
10858
|
-
key: 'ProductStatus',
|
|
10859
|
-
title: 'Product Status'
|
|
10860
|
-
}, {
|
|
10861
|
-
key: 'CreatedBy',
|
|
10862
|
-
title: 'Created By'
|
|
10863
|
-
}, {
|
|
10864
|
-
key: 'Date',
|
|
10865
|
-
title: 'Date'
|
|
10866
|
-
}, {
|
|
10867
|
-
key: 'Images',
|
|
10868
|
-
title: 'Images'
|
|
10869
|
-
}, {
|
|
10870
|
-
key: 'Actions',
|
|
10871
|
-
title: 'Actions'
|
|
10872
|
-
}];
|
|
10873
|
-
return React.createElement(React.Fragment, null, React.createElement(GlobalPopupContent, null, React.createElement(AntTable, {
|
|
10874
|
-
columns: columns,
|
|
10875
|
-
data: data,
|
|
10876
|
-
selectOptions: options,
|
|
10877
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10878
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10879
|
-
}
|
|
10880
|
-
})));
|
|
10881
|
-
};
|
|
10882
|
-
var GlobalPopupContent = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10883
|
-
|
|
10884
|
-
var _templateObject$2b, _templateObject2$1D;
|
|
9541
|
+
var _templateObject$1W, _templateObject2$1q;
|
|
10885
9542
|
var DefectsModal = function DefectsModal() {
|
|
10886
9543
|
var options = [{
|
|
10887
9544
|
value: 'bjsCouriers',
|
|
@@ -10924,7 +9581,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10924
9581
|
key: 'images',
|
|
10925
9582
|
title: 'Images'
|
|
10926
9583
|
}];
|
|
10927
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent
|
|
9584
|
+
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent, null, React.createElement(StyledConatiner, null, React.createElement(AntTable, {
|
|
10928
9585
|
columns: columns,
|
|
10929
9586
|
data: DefectsData,
|
|
10930
9587
|
selectOptions: options,
|
|
@@ -10933,42 +9590,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10933
9590
|
}
|
|
10934
9591
|
}))));
|
|
10935
9592
|
};
|
|
10936
|
-
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
10937
|
-
var GLobalPopupContent
|
|
9593
|
+
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
9594
|
+
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10938
9595
|
|
|
10939
|
-
var _templateObject$
|
|
10940
|
-
var repackModal = function repackModal() {
|
|
10941
|
-
var columns = [{
|
|
10942
|
-
key: 'packaging_type',
|
|
10943
|
-
title: 'Packaging Type',
|
|
10944
|
-
dataIndex: 'packaging_type'
|
|
10945
|
-
}, {
|
|
10946
|
-
key: 'products',
|
|
10947
|
-
title: 'Products',
|
|
10948
|
-
dataIndex: 'products'
|
|
10949
|
-
}, {
|
|
10950
|
-
key: 'created_by',
|
|
10951
|
-
title: 'Created By',
|
|
10952
|
-
dataIndex: 'created_by'
|
|
10953
|
-
}, {
|
|
10954
|
-
key: 'date',
|
|
10955
|
-
title: 'Date',
|
|
10956
|
-
dataIndex: 'date'
|
|
10957
|
-
}, {
|
|
10958
|
-
key: 'images',
|
|
10959
|
-
title: 'Images'
|
|
10960
|
-
}];
|
|
10961
|
-
return React.createElement(React.Fragment, null, React.createElement(GLobalPopupContent, null, React.createElement(StyledConatiner$1, null, React.createElement(AntTable, {
|
|
10962
|
-
columns: columns,
|
|
10963
|
-
data: RepackData,
|
|
10964
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10965
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10966
|
-
}
|
|
10967
|
-
}))));
|
|
10968
|
-
};
|
|
10969
|
-
var StyledConatiner$1 = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10970
|
-
|
|
10971
|
-
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
9596
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R;
|
|
10972
9597
|
var _excluded$4 = ["id"];
|
|
10973
9598
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10974
9599
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11015,13 +9640,13 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11015
9640
|
}
|
|
11016
9641
|
}
|
|
11017
9642
|
}, [selectedlocation]);
|
|
11018
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$
|
|
9643
|
+
return React.createElement(React.Fragment, null, React.createElement(Wrapper$k, null, React.createElement(Alert, {
|
|
11019
9644
|
onClose: function onClose() {},
|
|
11020
9645
|
description: "",
|
|
11021
9646
|
type: "info",
|
|
11022
9647
|
title: "Do you wish to proceed?",
|
|
11023
9648
|
showOkButton: false
|
|
11024
|
-
}), React.createElement(Container$
|
|
9649
|
+
}), React.createElement(Container$14, null, React.createElement("ul", {
|
|
11025
9650
|
style: {
|
|
11026
9651
|
listStyle: 'none',
|
|
11027
9652
|
padding: 0
|
|
@@ -11046,9 +9671,9 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11046
9671
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
11047
9672
|
})))));
|
|
11048
9673
|
};
|
|
11049
|
-
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11050
|
-
var Container$
|
|
11051
|
-
var Wrapper$
|
|
9674
|
+
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9675
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9676
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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"])));
|
|
11052
9677
|
|
|
11053
9678
|
var ModalManager = function ModalManager() {
|
|
11054
9679
|
var _useAtom = useAtom(countReducerAtom),
|
|
@@ -11057,20 +9682,8 @@ var ModalManager = function ModalManager() {
|
|
|
11057
9682
|
var _useProductDetails = useProductDetails();
|
|
11058
9683
|
var _useCreateOrderProduc = useCreateOrderProducts(),
|
|
11059
9684
|
orderProduct = _useCreateOrderProduc[0];
|
|
11060
|
-
var _useOrderId = useOrderId(),
|
|
11061
|
-
orderId = _useOrderId[0];
|
|
11062
9685
|
var _useDeleteProdsID = useDeleteProdsID(),
|
|
11063
9686
|
selectedRows = _useDeleteProdsID[0];
|
|
11064
|
-
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
11065
|
-
unRecieve = _useRecieveOrderProdu[0],
|
|
11066
|
-
setUnRecieve = _useRecieveOrderProdu[1];
|
|
11067
|
-
var _useUpdateOrderProduc = useUpdateOrderProducts(),
|
|
11068
|
-
updateOrderProduct = _useUpdateOrderProduc[0],
|
|
11069
|
-
setUpdateOrderProduct = _useUpdateOrderProduc[1];
|
|
11070
|
-
var _useAtom2 = useAtom(letselectedProductIdAtom),
|
|
11071
|
-
selectedProductId = _useAtom2[0];
|
|
11072
|
-
var _useAtom3 = useAtom(selectedTabKeyAtom),
|
|
11073
|
-
selectedTab = _useAtom3[0];
|
|
11074
9687
|
var _useState = useState(false),
|
|
11075
9688
|
setIsFormValid = _useState[1];
|
|
11076
9689
|
var _useFinalPayload = useFinalPayload(),
|
|
@@ -11105,73 +9718,18 @@ var ModalManager = function ModalManager() {
|
|
|
11105
9718
|
useEffect(function () {
|
|
11106
9719
|
setIsFormValid(validateForm());
|
|
11107
9720
|
}, [selectedRows]);
|
|
11108
|
-
// api block for the create product order
|
|
11109
|
-
var _useApiHook = useApiHook({
|
|
11110
|
-
endpoint: "order/order_products/unrecieve/",
|
|
11111
|
-
method: 'POST',
|
|
11112
|
-
body: [unRecieve],
|
|
11113
|
-
performAction: false
|
|
11114
|
-
}),
|
|
11115
|
-
actionResponse = _useApiHook.data,
|
|
11116
|
-
setUnrecieveaction = _useApiHook.setShouldPerformAction;
|
|
11117
|
-
useEffect(function () {
|
|
11118
|
-
if (actionResponse && actionResponse != null && actionResponse.data) {
|
|
11119
|
-
dispatch({
|
|
11120
|
-
type: 'close'
|
|
11121
|
-
});
|
|
11122
|
-
}
|
|
11123
|
-
}, [actionResponse]);
|
|
11124
|
-
// api block for the update product order
|
|
11125
|
-
var _useApiHook2 = useApiHook({
|
|
11126
|
-
endpoint: "order/order_products/type/update/",
|
|
11127
|
-
method: 'PUT',
|
|
11128
|
-
body: [updateOrderProduct],
|
|
11129
|
-
performAction: false
|
|
11130
|
-
}),
|
|
11131
|
-
updateResponse = _useApiHook2.data,
|
|
11132
|
-
setUpdateSction = _useApiHook2.setShouldPerformAction;
|
|
11133
|
-
var onSubmit = function onSubmit() {
|
|
11134
|
-
if (selectedTab === '1') {
|
|
11135
|
-
setUpdateOrderProduct(function (prev) {
|
|
11136
|
-
return _extends({}, prev, {
|
|
11137
|
-
order_id: orderId,
|
|
11138
|
-
id: selectedProductId
|
|
11139
|
-
});
|
|
11140
|
-
});
|
|
11141
|
-
setUpdateSction(true);
|
|
11142
|
-
console.log('Tab 1 selected');
|
|
11143
|
-
} else if (selectedTab === '2') {
|
|
11144
|
-
console.log('Tab 2 selected');
|
|
11145
|
-
} else if (selectedTab === '3') {
|
|
11146
|
-
setUnRecieve(function (prev) {
|
|
11147
|
-
return _extends({}, prev, {
|
|
11148
|
-
order_id: orderId,
|
|
11149
|
-
id: selectedProductId
|
|
11150
|
-
});
|
|
11151
|
-
});
|
|
11152
|
-
setUnrecieveaction(true);
|
|
11153
|
-
console.log('Tab 3 selected');
|
|
11154
|
-
}
|
|
11155
|
-
};
|
|
11156
|
-
useEffect(function () {
|
|
11157
|
-
if (updateResponse && updateResponse != null && updateResponse.data) {
|
|
11158
|
-
dispatch({
|
|
11159
|
-
type: 'close'
|
|
11160
|
-
});
|
|
11161
|
-
}
|
|
11162
|
-
}, [updateResponse]);
|
|
11163
9721
|
// Confirm return popup
|
|
11164
|
-
var
|
|
9722
|
+
var _useApiHook = useApiHook({
|
|
11165
9723
|
endpoint: "return_orders/",
|
|
11166
9724
|
method: 'POST',
|
|
11167
9725
|
body: newGrouped,
|
|
11168
9726
|
performAction: false
|
|
11169
9727
|
}),
|
|
11170
|
-
response =
|
|
11171
|
-
setShouldPerformAction =
|
|
11172
|
-
confirmLoading =
|
|
11173
|
-
apiError =
|
|
11174
|
-
setError =
|
|
9728
|
+
response = _useApiHook.data,
|
|
9729
|
+
setShouldPerformAction = _useApiHook.setShouldPerformAction,
|
|
9730
|
+
confirmLoading = _useApiHook.loading,
|
|
9731
|
+
apiError = _useApiHook.error,
|
|
9732
|
+
setError = _useApiHook.setError;
|
|
11175
9733
|
console.log(response, 'data'), useEffect(function () {
|
|
11176
9734
|
SetPostLoading(confirmLoading);
|
|
11177
9735
|
}, [confirmLoading]);
|
|
@@ -11274,40 +9832,7 @@ var ModalManager = function ModalManager() {
|
|
|
11274
9832
|
BodyComponent: CreateReturnModal,
|
|
11275
9833
|
width: 800,
|
|
11276
9834
|
classNameAdd: 'globalPopup'
|
|
11277
|
-
})), (popupName == null ? void 0 : popupName.state)
|
|
11278
|
-
openStatus: (popupName == null ? void 0 : popupName.state) === 'qclog',
|
|
11279
|
-
closeModal: _closeModal,
|
|
11280
|
-
PopupHeader: {
|
|
11281
|
-
heading: 'Deliver - STOHOP011GRY-UK - 006064438012831476',
|
|
11282
|
-
subHeading: '[Hopkins Highboard, Walnut Effect Grey]'
|
|
11283
|
-
},
|
|
11284
|
-
PopupFooter: {
|
|
11285
|
-
btns: [{
|
|
11286
|
-
name: 'Submit',
|
|
11287
|
-
btnStyle: 'rounded',
|
|
11288
|
-
onClick: onSubmit
|
|
11289
|
-
}]
|
|
11290
|
-
},
|
|
11291
|
-
BodyComponent: ProductAction,
|
|
11292
|
-
width: 1104,
|
|
11293
|
-
classNameAdd: 'globalPopup'
|
|
11294
|
-
}), (popupName == null ? void 0 : popupName.state) == 'qclogtable' && React.createElement(AntModal, {
|
|
11295
|
-
openStatus: (popupName == null ? void 0 : popupName.state) == 'qclogtable' ? true : false,
|
|
11296
|
-
closeModal: _closeModal,
|
|
11297
|
-
PopupHeader: {
|
|
11298
|
-
heading: 'Deliver-AI-00030345784968148412',
|
|
11299
|
-
subHeading: '[Centralized regional adpated] '
|
|
11300
|
-
},
|
|
11301
|
-
PopupFooter: {
|
|
11302
|
-
btns: [{
|
|
11303
|
-
name: 'Submit',
|
|
11304
|
-
btnStyle: 'rounded'
|
|
11305
|
-
}]
|
|
11306
|
-
},
|
|
11307
|
-
BodyComponent: LogsTable,
|
|
11308
|
-
width: 1104,
|
|
11309
|
-
classNameAdd: 'globalPopup'
|
|
11310
|
-
}), (popupName == null ? void 0 : popupName.state) == 'defectsModal' && React.createElement(AntModal, {
|
|
9835
|
+
})), (popupName == null ? void 0 : popupName.state) == 'defectsModal' && React.createElement(AntModal, {
|
|
11311
9836
|
openStatus: (popupName == null ? void 0 : popupName.state) == 'defectsModal' ? true : false,
|
|
11312
9837
|
closeModal: _closeModal,
|
|
11313
9838
|
PopupHeader: {
|
|
@@ -11325,34 +9850,16 @@ var ModalManager = function ModalManager() {
|
|
|
11325
9850
|
BodyComponent: DefectsModal,
|
|
11326
9851
|
width: 1504,
|
|
11327
9852
|
classNameAdd: 'globalPopup'
|
|
11328
|
-
}), (popupName == null ? void 0 : popupName.state) == 'repackModal' && React.createElement(AntModal, {
|
|
11329
|
-
openStatus: (popupName == null ? void 0 : popupName.state) == 'repackModal' ? true : false,
|
|
11330
|
-
closeModal: _closeModal,
|
|
11331
|
-
PopupHeader: {
|
|
11332
|
-
heading: 'DEliver - DWLK1006 - 00605',
|
|
11333
|
-
subHeading: 'ALtair TV stand for TVs up to 60'
|
|
11334
|
-
},
|
|
11335
|
-
PopupFooter: {
|
|
11336
|
-
btns: [{
|
|
11337
|
-
name: '',
|
|
11338
|
-
btnStyle: '',
|
|
11339
|
-
type: ''
|
|
11340
|
-
}],
|
|
11341
|
-
btnAlign: ''
|
|
11342
|
-
},
|
|
11343
|
-
BodyComponent: repackModal,
|
|
11344
|
-
width: 1504,
|
|
11345
|
-
classNameAdd: 'globalPopup'
|
|
11346
9853
|
}));
|
|
11347
9854
|
};
|
|
11348
9855
|
|
|
11349
|
-
var _templateObject$
|
|
11350
|
-
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11351
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
11352
|
-
var StyledInfoBox = /*#__PURE__*/styled.div(_templateObject3$
|
|
11353
|
-
var StyledLabel$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
11354
|
-
var StyledPaginationWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11355
|
-
var StyledPaginationItem = /*#__PURE__*/styled.button(_templateObject7$
|
|
9856
|
+
var _templateObject$1Y, _templateObject2$1s, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
|
|
9857
|
+
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
9858
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
9859
|
+
var StyledInfoBox = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
9860
|
+
var StyledLabel$2 = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
9861
|
+
var StyledPaginationWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
9862
|
+
var StyledPaginationItem = /*#__PURE__*/styled.button(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n border: none;\n border-left: 1px solid rgba(208, 213, 221, 0.5);\n padding: 0.5em 1em;\n border-radius: 0;\n cursor: pointer;\n &:hover {\n background: rgba(208, 213, 221, 0.8);\n color: #000;\n }\n &:disabled {\n background: #f0f0f0;\n cursor: not-allowed;\n }\n &:first-child {\n border-radius: 100px;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n &:last-child {\n border-radius: 0 100px 100px 0;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n"])), function (_ref) {
|
|
11356
9863
|
var active = _ref.active;
|
|
11357
9864
|
return active ? 'rgba(208, 213, 221, 0.80)' : 'white';
|
|
11358
9865
|
}, function (_ref2) {
|
|
@@ -11470,7 +9977,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11470
9977
|
}, React.createElement(NextIcon, null)))));
|
|
11471
9978
|
};
|
|
11472
9979
|
|
|
11473
|
-
var _templateObject$
|
|
9980
|
+
var _templateObject$1Z, _templateObject2$1t;
|
|
11474
9981
|
var ReturnTable = function ReturnTable() {
|
|
11475
9982
|
var _UsePaginationData = UsePaginationData(),
|
|
11476
9983
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11489,7 +9996,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11489
9996
|
};
|
|
11490
9997
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$1, null, React.createElement("div", {
|
|
11491
9998
|
className: "Tableconatiner"
|
|
11492
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
9999
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$15, null, React.createElement(ReturnFilter, null), React.createElement(ReturnOrderTable, null), total > 0 && React.createElement(Pagination, {
|
|
11493
10000
|
currentPage: page,
|
|
11494
10001
|
totalItems: total,
|
|
11495
10002
|
itemsPerPage: itemsPerPage,
|
|
@@ -11497,8 +10004,8 @@ var ReturnTable = function ReturnTable() {
|
|
|
11497
10004
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11498
10005
|
})))), React.createElement(ModalManager, null));
|
|
11499
10006
|
};
|
|
11500
|
-
var Container$
|
|
11501
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
10007
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10008
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$1t || (_templateObject2$1t = /*#__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"])));
|
|
11502
10009
|
|
|
11503
10010
|
function LoadIcon() {
|
|
11504
10011
|
return React.createElement("svg", {
|
|
@@ -11516,7 +10023,7 @@ function LoadIcon() {
|
|
|
11516
10023
|
}));
|
|
11517
10024
|
}
|
|
11518
10025
|
|
|
11519
|
-
var _templateObject$
|
|
10026
|
+
var _templateObject$1_, _templateObject2$1u;
|
|
11520
10027
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11521
10028
|
var legacyProductId = _ref.legacyProductId;
|
|
11522
10029
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11543,8 +10050,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11543
10050
|
}, IconComponent && React.createElement(IconComponent, null), item.label);
|
|
11544
10051
|
}));
|
|
11545
10052
|
};
|
|
11546
|
-
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$
|
|
11547
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
10053
|
+
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$1_ || (_templateObject$1_ = /*#__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"])));
|
|
10054
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
|
|
11548
10055
|
var disabled = _ref2.disabled;
|
|
11549
10056
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11550
10057
|
}, function (_ref3) {
|
|
@@ -11758,10 +10265,10 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11758
10265
|
})))));
|
|
11759
10266
|
};
|
|
11760
10267
|
|
|
11761
|
-
var _templateObject$
|
|
10268
|
+
var _templateObject$1$;
|
|
11762
10269
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
11763
10270
|
var TableFilters = function TableFilters() {
|
|
11764
|
-
return React.createElement(Container$
|
|
10271
|
+
return React.createElement(Container$16, null);
|
|
11765
10272
|
// return (
|
|
11766
10273
|
// // <StyledBulkFilterCover>
|
|
11767
10274
|
// <StyledBulkItem>
|
|
@@ -11775,7 +10282,7 @@ var TableFilters = function TableFilters() {
|
|
|
11775
10282
|
// // </StyledBulkFilterCover>
|
|
11776
10283
|
// );
|
|
11777
10284
|
};
|
|
11778
|
-
var Container$
|
|
10285
|
+
var Container$16 = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11779
10286
|
|
|
11780
10287
|
var FilterIcon = function FilterIcon() {
|
|
11781
10288
|
return React.createElement("svg", {
|
|
@@ -11953,7 +10460,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11953
10460
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11954
10461
|
});
|
|
11955
10462
|
|
|
11956
|
-
var _templateObject$
|
|
10463
|
+
var _templateObject$20, _templateObject2$1v;
|
|
11957
10464
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11958
10465
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
11959
10466
|
dispatch = _useAtom[1];
|
|
@@ -12083,7 +10590,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12083
10590
|
className: "datefilter"
|
|
12084
10591
|
}, React.createElement("div", {
|
|
12085
10592
|
className: "dateiconcontainer"
|
|
12086
|
-
}, React.createElement(StatusIcon, null)), React.createElement(StyledAntSelect$
|
|
10593
|
+
}, React.createElement(StatusIcon, null)), React.createElement(StyledAntSelect$3, null, React.createElement(Select, {
|
|
12087
10594
|
options: orderOptions,
|
|
12088
10595
|
className: "custom-select",
|
|
12089
10596
|
placeholder: "Status of Order",
|
|
@@ -12096,7 +10603,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12096
10603
|
className: "datefilter"
|
|
12097
10604
|
}, React.createElement("div", {
|
|
12098
10605
|
className: "dateiconcontainer"
|
|
12099
|
-
}, React.createElement(ClientIcon, null)), React.createElement(StyledAntSelect$
|
|
10606
|
+
}, React.createElement(ClientIcon, null)), React.createElement(StyledAntSelect$3, null, React.createElement(Select, {
|
|
12100
10607
|
options: clientOptions,
|
|
12101
10608
|
className: "custom-select",
|
|
12102
10609
|
placeholder: "Client",
|
|
@@ -12114,7 +10621,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12114
10621
|
}
|
|
12115
10622
|
}, React.createElement("div", {
|
|
12116
10623
|
className: "dateiconcontainer"
|
|
12117
|
-
}, React.createElement(AssigneIcon, null)), React.createElement(StyledAntSelect$
|
|
10624
|
+
}, React.createElement(AssigneIcon, null)), React.createElement(StyledAntSelect$3, null, React.createElement(Select, {
|
|
12118
10625
|
options: zoneOptions,
|
|
12119
10626
|
className: "custom-select",
|
|
12120
10627
|
placeholder: "Asignee",
|
|
@@ -12129,9 +10636,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12129
10636
|
className: "cross"
|
|
12130
10637
|
})), React.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React.createElement(TableFilters, null)));
|
|
12131
10638
|
};
|
|
12132
|
-
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$
|
|
10639
|
+
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12133
10640
|
// const DropdownContainer = styled.div``;
|
|
12134
|
-
var StyledAntSelect$
|
|
10641
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n"])));
|
|
12135
10642
|
|
|
12136
10643
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12137
10644
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12217,7 +10724,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12217
10724
|
}, React.createElement(NextIcon, null)))));
|
|
12218
10725
|
};
|
|
12219
10726
|
|
|
12220
|
-
var _templateObject$
|
|
10727
|
+
var _templateObject$21, _templateObject2$1w;
|
|
12221
10728
|
var _excluded$5 = ["count"];
|
|
12222
10729
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12223
10730
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12281,7 +10788,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12281
10788
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
12282
10789
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$2, null, React.createElement("div", {
|
|
12283
10790
|
className: "Tableconatiner"
|
|
12284
|
-
}, React.createElement(Container$
|
|
10791
|
+
}, React.createElement(Container$17, null, React.createElement(ReturnOrderFilter, null), React.createElement(OrderTable, null), total > 0 && React.createElement(ReturnPagination, {
|
|
12285
10792
|
currentPage: page,
|
|
12286
10793
|
totalItems: total,
|
|
12287
10794
|
itemsPerPage: itemsPerPage,
|
|
@@ -12289,13 +10796,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12289
10796
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12290
10797
|
})))));
|
|
12291
10798
|
};
|
|
12292
|
-
var Container$
|
|
12293
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
10799
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
10800
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$1w || (_templateObject2$1w = /*#__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"])));
|
|
12294
10801
|
|
|
12295
|
-
var _templateObject2$
|
|
12296
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
10802
|
+
var _templateObject2$1x;
|
|
10803
|
+
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
12297
10804
|
|
|
12298
|
-
var _templateObject$
|
|
10805
|
+
var _templateObject$22, _templateObject2$1y;
|
|
12299
10806
|
var SearchType = function SearchType() {
|
|
12300
10807
|
var _useState = useState(''),
|
|
12301
10808
|
searchText = _useState[0],
|
|
@@ -12310,8 +10817,8 @@ var SearchType = function SearchType() {
|
|
|
12310
10817
|
onChange: handleInputChange
|
|
12311
10818
|
}));
|
|
12312
10819
|
};
|
|
12313
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
12314
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
10820
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
10821
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
12315
10822
|
|
|
12316
10823
|
var BulkFilter = function BulkFilter() {
|
|
12317
10824
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12451,7 +10958,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12451
10958
|
};
|
|
12452
10959
|
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper$2, {
|
|
12453
10960
|
id: "tableScrolling"
|
|
12454
|
-
}, React.createElement(StyledTable$
|
|
10961
|
+
}, React.createElement(StyledTable$3, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Trading Name"), React.createElement("th", null, "Client"), React.createElement("th", null, "Orders"), React.createElement("th", null, "Products"), React.createElement("th", null, "RTS"), React.createElement("th", null, "Pending"), React.createElement("th", null, "Dispose"), React.createElement("th", null, "Re-allocate"), React.createElement("th", null, "Re-Del"), React.createElement("th", null, "Recycle"), React.createElement("th", null, "Unknown"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
|
|
12455
10962
|
colSpan: 11
|
|
12456
10963
|
}, React.createElement(Skeleton, {
|
|
12457
10964
|
active: true
|
|
@@ -12473,7 +10980,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12473
10980
|
})))));
|
|
12474
10981
|
};
|
|
12475
10982
|
|
|
12476
|
-
var _templateObject$
|
|
10983
|
+
var _templateObject$23, _templateObject2$1z, _templateObject3$T;
|
|
12477
10984
|
// import Pagination from './table-view/Pagination';
|
|
12478
10985
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12479
10986
|
function ReturnMainTable() {
|
|
@@ -12530,28 +11037,28 @@ function ReturnMainTable() {
|
|
|
12530
11037
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12531
11038
|
}, React.createElement("div", {
|
|
12532
11039
|
className: "Tableconatiner"
|
|
12533
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
11040
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$18, null, React.createElement(Row$7, null, React.createElement(Text$8, null, "Client Return"), getClient ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)))));
|
|
12534
11041
|
}
|
|
12535
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
12536
|
-
var Container$
|
|
12537
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$
|
|
11042
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11043
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11044
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$T || (_templateObject3$T = /*#__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"])));
|
|
12538
11045
|
|
|
12539
|
-
var _templateObject$
|
|
12540
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
12541
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
11046
|
+
var _templateObject$24, _templateObject2$1A;
|
|
11047
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__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"])));
|
|
11048
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12542
11049
|
|
|
12543
|
-
var _templateObject$
|
|
11050
|
+
var _templateObject$25;
|
|
12544
11051
|
var HeaderTitle = function HeaderTitle(props) {
|
|
12545
11052
|
return React.createElement(React.Fragment, null, React.createElement(Title$7, null, props.title));
|
|
12546
11053
|
};
|
|
12547
|
-
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$
|
|
11054
|
+
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$25 || (_templateObject$25 = /*#__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"])));
|
|
12548
11055
|
|
|
12549
|
-
var _templateObject$
|
|
11056
|
+
var _templateObject$26, _templateObject2$1B;
|
|
12550
11057
|
function Breadcrumb(props) {
|
|
12551
11058
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
12552
11059
|
}
|
|
12553
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
12554
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
11060
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11061
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$1B || (_templateObject2$1B = /*#__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"])));
|
|
12555
11062
|
|
|
12556
11063
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12557
11064
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|