@bjsdistribution/dms-client-return 0.0.31 → 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 +371 -1864
- 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 +378 -1871
- 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/ReturnTable.tsx +1 -1
- 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
|
@@ -637,18 +637,6 @@ var ordersInitialValue = {
|
|
|
637
637
|
id: null,
|
|
638
638
|
name: ''
|
|
639
639
|
};
|
|
640
|
-
var unrecieveOrderProducts = {
|
|
641
|
-
unrecieve_reason_id: 0,
|
|
642
|
-
unrecieve_note: ''
|
|
643
|
-
};
|
|
644
|
-
var updateOrderProducts = {
|
|
645
|
-
id: 0,
|
|
646
|
-
order_id: 0,
|
|
647
|
-
product_type_id: 0,
|
|
648
|
-
product_return_action_id: 0,
|
|
649
|
-
return_location: '',
|
|
650
|
-
return_reason_id: 0
|
|
651
|
-
};
|
|
652
640
|
function useCurrentAction() {
|
|
653
641
|
return jotai.useAtom(currentActionAtom);
|
|
654
642
|
}
|
|
@@ -703,14 +691,6 @@ var createOrderProduct = /*#__PURE__*/jotai.atom([]);
|
|
|
703
691
|
function useCreateOrderProducts() {
|
|
704
692
|
return jotai.useAtom(createOrderProduct);
|
|
705
693
|
}
|
|
706
|
-
var unrevieveOrderProduct = /*#__PURE__*/jotai.atom(unrecieveOrderProducts);
|
|
707
|
-
function useRecieveOrderProducts() {
|
|
708
|
-
return jotai.useAtom(unrevieveOrderProduct);
|
|
709
|
-
}
|
|
710
|
-
var updateOrderProduct = /*#__PURE__*/jotai.atom(updateOrderProducts);
|
|
711
|
-
function useUpdateOrderProducts() {
|
|
712
|
-
return jotai.useAtom(updateOrderProduct);
|
|
713
|
-
}
|
|
714
694
|
var errorAtom = /*#__PURE__*/jotai.atom({
|
|
715
695
|
homeContactError: '',
|
|
716
696
|
workCOntanctError: '',
|
|
@@ -792,8 +772,6 @@ var liveRecalling = /*#__PURE__*/jotai.atom(false);
|
|
|
792
772
|
function useLiveRecalling() {
|
|
793
773
|
return jotai.useAtom(liveRecalling);
|
|
794
774
|
}
|
|
795
|
-
var selectedTabKeyAtom = /*#__PURE__*/jotai.atom('1');
|
|
796
|
-
var letselectedProductIdAtom = /*#__PURE__*/jotai.atom(null);
|
|
797
775
|
// const BulkUPdateDisabledState = atom<boolean>(false);
|
|
798
776
|
// export const useBulkUPdateDisabledState = () => {
|
|
799
777
|
// return useAtom(BulkUPdateDisabledState);
|
|
@@ -821,6 +799,11 @@ var popupReducer = function popupReducer(state, action) {
|
|
|
821
799
|
return {
|
|
822
800
|
state: state
|
|
823
801
|
};
|
|
802
|
+
} else if (action.type === 'split-order') {
|
|
803
|
+
state = 'split-order';
|
|
804
|
+
return {
|
|
805
|
+
state: state
|
|
806
|
+
};
|
|
824
807
|
} else if (action.type === 'deleteProduct') {
|
|
825
808
|
state = 'deleteProduct';
|
|
826
809
|
return {
|
|
@@ -993,31 +976,6 @@ var capitalize = function capitalize(input) {
|
|
|
993
976
|
return _char.toUpperCase();
|
|
994
977
|
});
|
|
995
978
|
};
|
|
996
|
-
var RepackData = [{
|
|
997
|
-
packaging_type: 'Recycled Cardboard',
|
|
998
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
999
|
-
created_by: 'TST-002 Training Driver',
|
|
1000
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1001
|
-
images: ''
|
|
1002
|
-
}, {
|
|
1003
|
-
packaging_type: 'Recycled Cardboard',
|
|
1004
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
1005
|
-
created_by: 'TST-002 Training Driver',
|
|
1006
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1007
|
-
images: ''
|
|
1008
|
-
}, {
|
|
1009
|
-
packaging_type: 'Recycled Cardboard',
|
|
1010
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
1011
|
-
created_by: 'TST-002 Training Driver',
|
|
1012
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1013
|
-
images: ''
|
|
1014
|
-
}, {
|
|
1015
|
-
packaging_type: 'Recycled Cardboard',
|
|
1016
|
-
products: 'DWLK1006 - Altair TV stand for TVs up to 60"(0067564578)',
|
|
1017
|
-
created_by: 'TST-002 Training Driver',
|
|
1018
|
-
date: '6/11/2024 11:26:05 AM',
|
|
1019
|
-
images: ''
|
|
1020
|
-
}];
|
|
1021
979
|
var DefectsData = [{
|
|
1022
980
|
action: 'Route',
|
|
1023
981
|
type: 'Product',
|
|
@@ -2578,7 +2536,7 @@ function OrderDetailsFooter() {
|
|
|
2578
2536
|
disabled: !isDifferent() || errorFound()
|
|
2579
2537
|
}, "Save Details"));
|
|
2580
2538
|
}
|
|
2581
|
-
var Container$t = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
2539
|
+
var Container$t = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n align-items: center;\n"])));
|
|
2582
2540
|
|
|
2583
2541
|
var _templateObject$E, _templateObject2$t, _templateObject3$d;
|
|
2584
2542
|
function ExpandedContent() {
|
|
@@ -3480,7 +3438,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3480
3438
|
} else if (status.delivered === true && status.completed === true) {
|
|
3481
3439
|
return React__default.createElement(SuccessIcon, null);
|
|
3482
3440
|
} else if (status.delivered === true && status.completed === false) {
|
|
3483
|
-
return React__default.createElement(RouteIcon, null);
|
|
3441
|
+
return React__default.createElement(RouteIcon, null); //orange
|
|
3484
3442
|
} else {
|
|
3485
3443
|
return React__default.createElement(ConfirmedIcon, null);
|
|
3486
3444
|
}
|
|
@@ -3503,7 +3461,7 @@ var Section = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateOb
|
|
|
3503
3461
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3504
3462
|
var StyledTable$1 = /*#__PURE__*/styled__default.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3505
3463
|
// Styled components
|
|
3506
|
-
var StyledTableWrapper = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
3464
|
+
var StyledTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
3507
3465
|
var CustomDrop = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
3508
3466
|
|
|
3509
3467
|
var ActionIcon = function ActionIcon() {
|
|
@@ -4249,26 +4207,6 @@ var StyledTableWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$15 |
|
|
|
4249
4207
|
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
4250
4208
|
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4251
4209
|
|
|
4252
|
-
var _templateObject2$R, _templateObject3$t, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$3, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject24, _templateObject26;
|
|
4253
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
4254
|
-
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
4255
|
-
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
4256
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
4257
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
4258
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
4259
|
-
var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
4260
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4261
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4262
|
-
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4263
|
-
var Container$M = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
4264
|
-
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
4265
|
-
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
4266
|
-
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
4267
|
-
var HoldDatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
4268
|
-
var DatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
4269
|
-
var StyledTable$3 = /*#__PURE__*/styled__default.table(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-collapse: collapse;\n"])));
|
|
4270
|
-
var Heading$1 = /*#__PURE__*/styled__default.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"])));
|
|
4271
|
-
|
|
4272
4210
|
function SplitOrderTable() {
|
|
4273
4211
|
var _useProductDetails = useProductDetails(),
|
|
4274
4212
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -4313,7 +4251,7 @@ function SplitOrderTable() {
|
|
|
4313
4251
|
};
|
|
4314
4252
|
React.useEffect(function () {
|
|
4315
4253
|
setPayload(_extends({}, payload, {
|
|
4316
|
-
return_order:
|
|
4254
|
+
return_order: 1,
|
|
4317
4255
|
products: selectedSplits == null ? void 0 : selectedSplits.map(function (order) {
|
|
4318
4256
|
return order.id;
|
|
4319
4257
|
}),
|
|
@@ -4322,7 +4260,7 @@ function SplitOrderTable() {
|
|
|
4322
4260
|
}, [orderProductDetails, selectedSplits]);
|
|
4323
4261
|
return React__default.createElement(StyledTableWrapper$1, {
|
|
4324
4262
|
id: "tableScrolling"
|
|
4325
|
-
}, React__default.createElement(StyledTable$
|
|
4263
|
+
}, React__default.createElement(StyledTable$2, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
4326
4264
|
checked: selectAll,
|
|
4327
4265
|
onChange: handleSelectAll
|
|
4328
4266
|
})), React__default.createElement("th", null, "Type"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Scan"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Delivery Instructions"), React__default.createElement("th", null, "Barcode"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
@@ -4395,9 +4333,9 @@ function SplitOrder() {
|
|
|
4395
4333
|
submitBtnTitle: "Split Order",
|
|
4396
4334
|
footerActions: React__default.createElement(React__default.Fragment, null),
|
|
4397
4335
|
isSubmitDisabled: isSubmitDisabled()
|
|
4398
|
-
}, React__default.createElement(ContentContainer$
|
|
4336
|
+
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
4399
4337
|
}
|
|
4400
|
-
var ContentContainer$
|
|
4338
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
4401
4339
|
|
|
4402
4340
|
function RadioButtonCheckIcon(props) {
|
|
4403
4341
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -4428,26 +4366,26 @@ var fonts = {
|
|
|
4428
4366
|
secondary: "'Lato', sans-serif"
|
|
4429
4367
|
};
|
|
4430
4368
|
|
|
4431
|
-
var _templateObject$17, _templateObject2$
|
|
4369
|
+
var _templateObject$17, _templateObject2$R, _templateObject3$t;
|
|
4432
4370
|
function RadioButton(props) {
|
|
4433
4371
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4434
4372
|
color: props.color
|
|
4435
4373
|
}), React__default.createElement(Input, Object.assign({
|
|
4436
4374
|
className: "appearance",
|
|
4437
4375
|
type: "radio"
|
|
4438
|
-
}, props)), React__default.createElement(Label$
|
|
4376
|
+
}, props)), React__default.createElement(Label$2, {
|
|
4439
4377
|
htmlFor: props.id
|
|
4440
4378
|
}, props.label));
|
|
4441
4379
|
}
|
|
4442
|
-
var Label$
|
|
4443
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4380
|
+
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
4381
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
4444
4382
|
return props.color || '#6396e5';
|
|
4445
4383
|
}, function (props) {
|
|
4446
4384
|
return props.color || '#6396e5';
|
|
4447
4385
|
});
|
|
4448
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4386
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4449
4387
|
|
|
4450
|
-
var _templateObject$18, _templateObject2$
|
|
4388
|
+
var _templateObject$18, _templateObject2$S, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4451
4389
|
function RadioButtonGroup(props) {
|
|
4452
4390
|
var heading = props.heading,
|
|
4453
4391
|
_props$direction = props.direction,
|
|
@@ -4483,14 +4421,14 @@ function RadioButtonGroup(props) {
|
|
|
4483
4421
|
}, renderOptions()));
|
|
4484
4422
|
}
|
|
4485
4423
|
var Separator = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4486
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4487
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4424
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
4425
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4488
4426
|
return !props.$required && 'visibility: hidden;';
|
|
4489
4427
|
}, labelStyles);
|
|
4490
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4491
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
4492
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
4493
|
-
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
4428
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4429
|
+
var Legend = /*#__PURE__*/styled__default.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);
|
|
4430
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4431
|
+
var Wrapper$d = /*#__PURE__*/styled__default.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) {
|
|
4494
4432
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4495
4433
|
});
|
|
4496
4434
|
|
|
@@ -4516,7 +4454,7 @@ function DeliveryPoint() {
|
|
|
4516
4454
|
var _React$useState = React__default.useState(deliveryPoints[0].value),
|
|
4517
4455
|
selectedValue = _React$useState[0],
|
|
4518
4456
|
setSelectedValue = _React$useState[1];
|
|
4519
|
-
return React__default.createElement(Container$
|
|
4457
|
+
return React__default.createElement(Container$M, null, React__default.createElement(RadioButtonGroup, {
|
|
4520
4458
|
heading: "Delivery Point",
|
|
4521
4459
|
options: deliveryPoints || [],
|
|
4522
4460
|
onChange: radioGroupHandler,
|
|
@@ -4525,9 +4463,9 @@ function DeliveryPoint() {
|
|
|
4525
4463
|
required: false
|
|
4526
4464
|
}));
|
|
4527
4465
|
}
|
|
4528
|
-
var Container$
|
|
4466
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4529
4467
|
|
|
4530
|
-
var _templateObject$1a, _templateObject2$
|
|
4468
|
+
var _templateObject$1a, _templateObject2$T, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$3;
|
|
4531
4469
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4532
4470
|
function Checkbox(props) {
|
|
4533
4471
|
var imageSrc = props.imageSrc,
|
|
@@ -4551,17 +4489,17 @@ function Checkbox(props) {
|
|
|
4551
4489
|
var Image = /*#__PURE__*/styled__default.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4552
4490
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4553
4491
|
});
|
|
4554
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4555
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4492
|
+
var CircleContainer = /*#__PURE__*/styled__default.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"])));
|
|
4493
|
+
var Circle = /*#__PURE__*/styled__default.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) {
|
|
4556
4494
|
return props.$checked ? '#feba30' : 'white';
|
|
4557
4495
|
});
|
|
4558
|
-
var Text$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
4496
|
+
var Text$5 = /*#__PURE__*/styled__default.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) {
|
|
4559
4497
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
4560
4498
|
});
|
|
4561
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4562
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4563
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
4564
|
-
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
4499
|
+
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
4500
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4501
|
+
var HiddenCheckbox = /*#__PURE__*/styled__default.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"])));
|
|
4502
|
+
var MainContainer$9 = /*#__PURE__*/styled__default.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) {
|
|
4565
4503
|
return props.$checked ? '#cbc8c2' : '#e0e2e7';
|
|
4566
4504
|
});
|
|
4567
4505
|
|
|
@@ -4591,7 +4529,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
4591
4529
|
var _templateObject$1b;
|
|
4592
4530
|
function OrderServices$1() {
|
|
4593
4531
|
// TO DO -> get services from static data
|
|
4594
|
-
return React__default.createElement(Container$
|
|
4532
|
+
return React__default.createElement(Container$N, null, React__default.createElement(Checkbox, {
|
|
4595
4533
|
checked: false,
|
|
4596
4534
|
label: "Assemble",
|
|
4597
4535
|
imageSrc: getIcon$1(1)
|
|
@@ -4613,23 +4551,23 @@ function OrderServices$1() {
|
|
|
4613
4551
|
imageSrc: getIcon$1(4)
|
|
4614
4552
|
}));
|
|
4615
4553
|
}
|
|
4616
|
-
var Container$
|
|
4554
|
+
var Container$N = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4617
4555
|
|
|
4618
|
-
var _templateObject$1c, _templateObject2$
|
|
4556
|
+
var _templateObject$1c, _templateObject2$U;
|
|
4619
4557
|
function Notes$1(_ref) {
|
|
4620
4558
|
var onNotesChange = _ref.onNotesChange;
|
|
4621
4559
|
var handleTextChange = function handleTextChange(event) {
|
|
4622
4560
|
onNotesChange(event.target.value);
|
|
4623
4561
|
};
|
|
4624
|
-
return React__default.createElement(Container$
|
|
4562
|
+
return React__default.createElement(Container$O, null, React__default.createElement(Label$3, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4625
4563
|
rows: 15,
|
|
4626
4564
|
onChange: handleTextChange
|
|
4627
4565
|
}));
|
|
4628
4566
|
}
|
|
4629
|
-
var Label$
|
|
4630
|
-
var Container$
|
|
4567
|
+
var Label$3 = /*#__PURE__*/styled__default.span(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4568
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4631
4569
|
|
|
4632
|
-
var _templateObject$1d, _templateObject2$
|
|
4570
|
+
var _templateObject$1d, _templateObject2$V, _templateObject3$w;
|
|
4633
4571
|
function LogServiceRefusal() {
|
|
4634
4572
|
var _useCurrentAction = useCurrentAction(),
|
|
4635
4573
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4643,15 +4581,15 @@ function LogServiceRefusal() {
|
|
|
4643
4581
|
submitBtnTitle: "Log Refusal",
|
|
4644
4582
|
onCloseHeader: onClose,
|
|
4645
4583
|
onSubmit: function onSubmit() {}
|
|
4646
|
-
}, React__default.createElement(ContentContainer$
|
|
4584
|
+
}, React__default.createElement(ContentContainer$2, null, React__default.createElement(Left, null, React__default.createElement(DeliveryPoint, null), React__default.createElement(OrderServices$1, null)), React__default.createElement(Right$1, null, React__default.createElement(Notes$1, {
|
|
4647
4585
|
onNotesChange: function onNotesChange() {
|
|
4648
4586
|
return console.log('object');
|
|
4649
4587
|
}
|
|
4650
4588
|
}))));
|
|
4651
4589
|
}
|
|
4652
|
-
var ContentContainer$
|
|
4653
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4654
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
4590
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4591
|
+
var Left = /*#__PURE__*/styled__default.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"])));
|
|
4592
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4655
4593
|
|
|
4656
4594
|
function ReturnAction() {
|
|
4657
4595
|
var onSelect = function onSelect() {};
|
|
@@ -4677,7 +4615,7 @@ function ReturnReason() {
|
|
|
4677
4615
|
});
|
|
4678
4616
|
}
|
|
4679
4617
|
|
|
4680
|
-
var _templateObject$1e, _templateObject2$
|
|
4618
|
+
var _templateObject$1e, _templateObject2$W, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4681
4619
|
function CancelOrder() {
|
|
4682
4620
|
var _orderStaticData$canc;
|
|
4683
4621
|
var _useOrderId = useOrderId(),
|
|
@@ -4775,330 +4713,29 @@ function CancelOrder() {
|
|
|
4775
4713
|
onSubmit: onSubmitCancel,
|
|
4776
4714
|
submitBtnTitle: "Save Details",
|
|
4777
4715
|
isSubmitDisabled: !showSubmitBtn
|
|
4778
|
-
}, React__default.createElement(ContentContainer$
|
|
4716
|
+
}, React__default.createElement(ContentContainer$3, null, React__default.createElement(Top$2, null, React__default.createElement(TopLeft, null, React__default.createElement(OrderActionsDropdown, {
|
|
4779
4717
|
label: "Cancelation Reason",
|
|
4780
4718
|
placeholder: "Select Cancelation Reason",
|
|
4781
4719
|
options: cancelReasonOptions || [],
|
|
4782
4720
|
onSelect: onSelectCancelReason,
|
|
4783
4721
|
value: cancelReason
|
|
4784
|
-
}), React__default.createElement(Wrapper$e, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$
|
|
4722
|
+
}), React__default.createElement(Wrapper$e, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$P, null, React__default.createElement(Label$4, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4785
4723
|
rows: 5,
|
|
4786
4724
|
onChange: onChangeNotes,
|
|
4787
4725
|
value: cancelNotes,
|
|
4788
4726
|
placeholder: "Reason for Cancel Order"
|
|
4789
4727
|
}))))));
|
|
4790
4728
|
}
|
|
4791
|
-
var Label$
|
|
4792
|
-
var Container$
|
|
4793
|
-
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4794
|
-
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4795
|
-
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
4796
|
-
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
4729
|
+
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4730
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4731
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4732
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4733
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4734
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4797
4735
|
// const Bottom = styled.div``;
|
|
4798
|
-
var ContentContainer$
|
|
4799
|
-
|
|
4800
|
-
var _templateObject$1f, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
4801
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
4802
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n section {\n padding: 0px 0 15px;\n .filterCover {\n border-radius: 16px;\n border: 1px solid var(--tonal-brown-10, #edebe8);\n background: #f8fafc;\n display: flex;\n gap: 30px;\n padding: 15px;\n gap: 15px;\n .col {\n width: 21%;\n label {\n color: #8d8f90;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n display: block;\n margin-bottom: 4px;\n }\n .ant-select-single {\n width: 100%;\n }\n select {\n width: 100%;\n }\n &:first-child {\n width: 43%;\n }\n &:last-child {\n width: 33%;\n }\n }\n }\n }\n"])));
|
|
4803
|
-
var TableSkelton = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -8px;\n min-height: auto;\n width: 100%;\n\n table {\n border-collapse: separate;\n width: 100%;\n border-spacing: 0px 8px;\n thead {\n tr {\n th {\n font-size: 14px;\n font-weight: 600;\n padding: 8px 15px;\n text-align: left;\n border-top: 1px solid rgba(0, 0, 0, 0.08);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n background: #f0f2f2;\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 6px 15px;\n text-align: left;\n box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);\n\n background: #fff;\n\n &:first-child {\n border-radius: 20px 0 0 20px;\n }\n\n &:last-child {\n border-radius: 0 20px 20px 0;\n }\n }\n }\n }\n }\n"])));
|
|
4804
|
-
var CustomCheckBox = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .container {\n display: block;\n position: relative;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 20px;\n height: 20px;\n }\n\n .container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #cfcfcf;\n border-radius: 4px;\n }\n\n .container:hover input ~ .checkmark {\n border-color: #7f7a7a;\n }\n\n .container input:checked ~ .checkmark {\n background-color: #000;\n }\n\n .checkmark:after {\n content: '';\n position: absolute;\n display: none;\n }\n\n .container input:checked ~ .checkmark:after {\n display: block;\n }\n\n .container .checkmark:after {\n left: 8px;\n top: 4px;\n width: 3px;\n height: 6px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n"])));
|
|
4805
|
-
|
|
4806
|
-
var options = [{
|
|
4807
|
-
value: 'bjsCouriers',
|
|
4808
|
-
label: 'BJS COURIERS'
|
|
4809
|
-
}, {
|
|
4810
|
-
value: 'bjsSales',
|
|
4811
|
-
label: 'BJS SALES'
|
|
4812
|
-
}, {
|
|
4813
|
-
value: 'test',
|
|
4814
|
-
label: 'TEST'
|
|
4815
|
-
}];
|
|
4816
|
-
var UpdateProductType = function UpdateProductType() {
|
|
4817
|
-
var _useCurrentAction = useCurrentAction(),
|
|
4818
|
-
setCurrentAction = _useCurrentAction[1];
|
|
4819
|
-
var onClose = function onClose() {
|
|
4820
|
-
setCurrentAction(undefined);
|
|
4821
|
-
};
|
|
4822
|
-
var onChange = /*#__PURE__*/function () {
|
|
4823
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
|
|
4824
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
4825
|
-
while (1) switch (_context.prev = _context.next) {
|
|
4826
|
-
case 0:
|
|
4827
|
-
console.log(event);
|
|
4828
|
-
case 1:
|
|
4829
|
-
case "end":
|
|
4830
|
-
return _context.stop();
|
|
4831
|
-
}
|
|
4832
|
-
}, _callee);
|
|
4833
|
-
}));
|
|
4834
|
-
return function onChange(_x) {
|
|
4835
|
-
return _ref.apply(this, arguments);
|
|
4836
|
-
};
|
|
4837
|
-
}();
|
|
4838
|
-
return (
|
|
4839
|
-
// <GLobalPopupInner>
|
|
4840
|
-
// {/* <GLobalPopupHeader>
|
|
4841
|
-
// <div className="header">
|
|
4842
|
-
// <h2>
|
|
4843
|
-
// Bulk Update Product Type <i />
|
|
4844
|
-
// </h2>
|
|
4845
|
-
// <span className="label">Gemma Harris, LE12 6AW</span>
|
|
4846
|
-
// </div>
|
|
4847
|
-
// </GLobalPopupHeader> */}
|
|
4848
|
-
// <ShadowElement>
|
|
4849
|
-
// <GLobalPopupContent>
|
|
4850
|
-
// <section>
|
|
4851
|
-
// <div className="filterCover">
|
|
4852
|
-
// <div className="col">
|
|
4853
|
-
// <label>Collection Reason</label>
|
|
4854
|
-
// <AntSelect
|
|
4855
|
-
// options={options}
|
|
4856
|
-
// placeholder="Select Collection Reason"
|
|
4857
|
-
// onChange={onChange}
|
|
4858
|
-
// disabled={false}
|
|
4859
|
-
// // style={{ width: 120 }}
|
|
4860
|
-
// popupClassName={'dropDownStyle'}
|
|
4861
|
-
// selectWrapperClass={'rounded'}
|
|
4862
|
-
// defaultValue={'Select Collection Reason'}
|
|
4863
|
-
// ></AntSelect>
|
|
4864
|
-
// </div>
|
|
4865
|
-
// <div className="col">
|
|
4866
|
-
// <label>Collection Reason</label>
|
|
4867
|
-
// <AntSelect
|
|
4868
|
-
// options={options}
|
|
4869
|
-
// placeholder="Return Action"
|
|
4870
|
-
// onChange={onChange}
|
|
4871
|
-
// disabled={false}
|
|
4872
|
-
// // style={{ width: 120 }}
|
|
4873
|
-
// popupClassName={'dropDownStyle'}
|
|
4874
|
-
// selectWrapperClass={'rounded'}
|
|
4875
|
-
// defaultValue={'Select Return Action'}
|
|
4876
|
-
// ></AntSelect>
|
|
4877
|
-
// </div>
|
|
4878
|
-
// <div className="col">
|
|
4879
|
-
// <label>Collection Reason</label>
|
|
4880
|
-
// <AntSelect
|
|
4881
|
-
// options={options}
|
|
4882
|
-
// placeholder="Return Reason"
|
|
4883
|
-
// onChange={onChange}
|
|
4884
|
-
// disabled={false}
|
|
4885
|
-
// // style={{ width: 120 }}
|
|
4886
|
-
// popupClassName={'dropDownStyle'}
|
|
4887
|
-
// selectWrapperClass={'rounded'}
|
|
4888
|
-
// defaultValue={'Select Return Reason'}
|
|
4889
|
-
// ></AntSelect>
|
|
4890
|
-
// </div>
|
|
4891
|
-
// </div>
|
|
4892
|
-
// </section>
|
|
4893
|
-
// <TableSkelton>
|
|
4894
|
-
// <table>
|
|
4895
|
-
// <thead>
|
|
4896
|
-
// <tr>
|
|
4897
|
-
// <th>
|
|
4898
|
-
// <CustomCheckBox>
|
|
4899
|
-
// <label className="container">
|
|
4900
|
-
// <input type="checkbox" />
|
|
4901
|
-
// <span className="checkmark"></span>
|
|
4902
|
-
// </label>
|
|
4903
|
-
// </CustomCheckBox>
|
|
4904
|
-
// </th>
|
|
4905
|
-
// <th>Status</th>
|
|
4906
|
-
// <th>Code</th>
|
|
4907
|
-
// <th>Description</th>
|
|
4908
|
-
// <th>SKU</th>
|
|
4909
|
-
// </tr>
|
|
4910
|
-
// </thead>
|
|
4911
|
-
// <tbody>
|
|
4912
|
-
// <tr>
|
|
4913
|
-
// <td>
|
|
4914
|
-
// <CustomCheckBox>
|
|
4915
|
-
// <label className="container">
|
|
4916
|
-
// <input type="checkbox" />
|
|
4917
|
-
// <span className="checkmark"></span>
|
|
4918
|
-
// </label>
|
|
4919
|
-
// </CustomCheckBox>
|
|
4920
|
-
// </td>
|
|
4921
|
-
// <td>
|
|
4922
|
-
// <AntSelect
|
|
4923
|
-
// options={options}
|
|
4924
|
-
// placeholder="Select Collection Reason"
|
|
4925
|
-
// onChange={onChange}
|
|
4926
|
-
// disabled={false}
|
|
4927
|
-
// // style={{ width: 120 }}
|
|
4928
|
-
// popupClassName={'dropDownStyle'}
|
|
4929
|
-
// selectWrapperClass={'rounded'}
|
|
4930
|
-
// defaultValue={'Select Collection Reason'}
|
|
4931
|
-
// ></AntSelect>
|
|
4932
|
-
// </td>
|
|
4933
|
-
// <td>FFLMW-B1</td>
|
|
4934
|
-
// <td>
|
|
4935
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4936
|
-
// OF 3 TABLES - OAK
|
|
4937
|
-
// </td>
|
|
4938
|
-
// <td>007022530015429326</td>
|
|
4939
|
-
// </tr>
|
|
4940
|
-
// <tr>
|
|
4941
|
-
// <td>
|
|
4942
|
-
// <CustomCheckBox>
|
|
4943
|
-
// <label className="container">
|
|
4944
|
-
// <input type="checkbox" />
|
|
4945
|
-
// <span className="checkmark"></span>
|
|
4946
|
-
// </label>
|
|
4947
|
-
// </CustomCheckBox>
|
|
4948
|
-
// </td>
|
|
4949
|
-
// <td>
|
|
4950
|
-
// <AntSelect
|
|
4951
|
-
// options={options}
|
|
4952
|
-
// placeholder="Select Collection Reason"
|
|
4953
|
-
// onChange={onChange}
|
|
4954
|
-
// disabled={false}
|
|
4955
|
-
// // style={{ width: 120 }}
|
|
4956
|
-
// popupClassName={'dropDownStyle'}
|
|
4957
|
-
// selectWrapperClass={'rounded'}
|
|
4958
|
-
// defaultValue={'Select Collection Reason'}
|
|
4959
|
-
// ></AntSelect>
|
|
4960
|
-
// </td>
|
|
4961
|
-
// <td>FFLMW-B1</td>
|
|
4962
|
-
// <td>
|
|
4963
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4964
|
-
// OF 3 TABLES - OAK
|
|
4965
|
-
// </td>
|
|
4966
|
-
// <td>007022530015429326</td>
|
|
4967
|
-
// </tr>
|
|
4968
|
-
// <tr>
|
|
4969
|
-
// <td>
|
|
4970
|
-
// <CustomCheckBox>
|
|
4971
|
-
// <label className="container">
|
|
4972
|
-
// <input type="checkbox" />
|
|
4973
|
-
// <span className="checkmark"></span>
|
|
4974
|
-
// </label>
|
|
4975
|
-
// </CustomCheckBox>
|
|
4976
|
-
// </td>
|
|
4977
|
-
// <td>
|
|
4978
|
-
// <AntSelect
|
|
4979
|
-
// options={options}
|
|
4980
|
-
// placeholder="Select Collection Reason"
|
|
4981
|
-
// onChange={onChange}
|
|
4982
|
-
// disabled={false}
|
|
4983
|
-
// // style={{ width: 120 }}
|
|
4984
|
-
// popupClassName={'dropDownStyle'}
|
|
4985
|
-
// selectWrapperClass={'rounded'}
|
|
4986
|
-
// defaultValue={'Select Collection Reason'}
|
|
4987
|
-
// ></AntSelect>
|
|
4988
|
-
// </td>
|
|
4989
|
-
// <td>FFLMW-B1</td>
|
|
4990
|
-
// <td>
|
|
4991
|
-
// Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST
|
|
4992
|
-
// OF 3 TABLES - OAK
|
|
4993
|
-
// </td>
|
|
4994
|
-
// <td>007022530015429326</td>
|
|
4995
|
-
// </tr>
|
|
4996
|
-
// </tbody>
|
|
4997
|
-
// </table>
|
|
4998
|
-
// </TableSkelton>
|
|
4999
|
-
// </GLobalPopupContent>
|
|
5000
|
-
// <GLobalPopupFooter>
|
|
5001
|
-
// <div className="justifyEnd">
|
|
5002
|
-
// <a className="btn rounded">SUBMIT</a>
|
|
5003
|
-
// <a className="btn retringle">CONFIRM DELETE</a>
|
|
5004
|
-
// </div>
|
|
5005
|
-
// </GLobalPopupFooter>
|
|
5006
|
-
// </ShadowElement>
|
|
5007
|
-
// </GLobalPopupInner>
|
|
5008
|
-
React__default.createElement(OrderActionModal, {
|
|
5009
|
-
headerTitle: "Bulk Update Product Type",
|
|
5010
|
-
showAdditionalInfo: true,
|
|
5011
|
-
infoText: "Gemma Harris, LE12 6AW",
|
|
5012
|
-
onCloseHeader: onClose,
|
|
5013
|
-
onSubmit: function onSubmit() {}
|
|
5014
|
-
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(GLobalPopupContent, null, React__default.createElement("section", null, React__default.createElement("div", {
|
|
5015
|
-
className: "filterCover"
|
|
5016
|
-
}, React__default.createElement("div", {
|
|
5017
|
-
className: "col"
|
|
5018
|
-
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5019
|
-
options: options,
|
|
5020
|
-
placeholder: "Select Collection Reason",
|
|
5021
|
-
onChange: onChange,
|
|
5022
|
-
disabled: false,
|
|
5023
|
-
popupClassName: 'dropDownStyle',
|
|
5024
|
-
selectWrapperClass: 'rounded',
|
|
5025
|
-
defaultValue: 'Select Collection Reason'
|
|
5026
|
-
})), React__default.createElement("div", {
|
|
5027
|
-
className: "col"
|
|
5028
|
-
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5029
|
-
options: options,
|
|
5030
|
-
placeholder: "Return Action",
|
|
5031
|
-
onChange: onChange,
|
|
5032
|
-
disabled: false,
|
|
5033
|
-
popupClassName: 'dropDownStyle',
|
|
5034
|
-
selectWrapperClass: 'rounded',
|
|
5035
|
-
defaultValue: 'Select Return Action'
|
|
5036
|
-
})), React__default.createElement("div", {
|
|
5037
|
-
className: "col"
|
|
5038
|
-
}, React__default.createElement("label", null, "Collection Reason"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5039
|
-
options: options,
|
|
5040
|
-
placeholder: "Return Reason",
|
|
5041
|
-
onChange: onChange,
|
|
5042
|
-
disabled: false,
|
|
5043
|
-
popupClassName: 'dropDownStyle',
|
|
5044
|
-
selectWrapperClass: 'rounded',
|
|
5045
|
-
defaultValue: 'Select Return Reason'
|
|
5046
|
-
})))), React__default.createElement(TableSkelton, null, React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
5047
|
-
className: "container"
|
|
5048
|
-
}, React__default.createElement("input", {
|
|
5049
|
-
type: "checkbox"
|
|
5050
|
-
}), React__default.createElement("span", {
|
|
5051
|
-
className: "checkmark"
|
|
5052
|
-
})))), React__default.createElement("th", null, "Status"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "SKU"))), React__default.createElement("tbody", null, React__default.createElement("tr", null, React__default.createElement("td", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
5053
|
-
className: "container"
|
|
5054
|
-
}, React__default.createElement("input", {
|
|
5055
|
-
type: "checkbox"
|
|
5056
|
-
}), React__default.createElement("span", {
|
|
5057
|
-
className: "checkmark"
|
|
5058
|
-
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5059
|
-
options: options,
|
|
5060
|
-
placeholder: "Select Collection Reason",
|
|
5061
|
-
onChange: onChange,
|
|
5062
|
-
disabled: false,
|
|
5063
|
-
// style={{ width: 120 }}
|
|
5064
|
-
popupClassName: 'dropDownStyle',
|
|
5065
|
-
selectWrapperClass: 'rounded',
|
|
5066
|
-
defaultValue: 'Select Collection Reason'
|
|
5067
|
-
})), React__default.createElement("td", null, "FFLMW-B1"), React__default.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React__default.createElement("td", null, "007022530015429326")), React__default.createElement("tr", null, React__default.createElement("td", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
5068
|
-
className: "container"
|
|
5069
|
-
}, React__default.createElement("input", {
|
|
5070
|
-
type: "checkbox"
|
|
5071
|
-
}), React__default.createElement("span", {
|
|
5072
|
-
className: "checkmark"
|
|
5073
|
-
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5074
|
-
options: options,
|
|
5075
|
-
placeholder: "Select Collection Reason",
|
|
5076
|
-
onChange: onChange,
|
|
5077
|
-
disabled: false,
|
|
5078
|
-
// style={{ width: 120 }}
|
|
5079
|
-
popupClassName: 'dropDownStyle',
|
|
5080
|
-
selectWrapperClass: 'rounded',
|
|
5081
|
-
defaultValue: 'Select Collection Reason'
|
|
5082
|
-
})), React__default.createElement("td", null, "FFLMW-B1"), React__default.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React__default.createElement("td", null, "007022530015429326")), React__default.createElement("tr", null, React__default.createElement("td", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
5083
|
-
className: "container"
|
|
5084
|
-
}, React__default.createElement("input", {
|
|
5085
|
-
type: "checkbox"
|
|
5086
|
-
}), React__default.createElement("span", {
|
|
5087
|
-
className: "checkmark"
|
|
5088
|
-
})))), React__default.createElement("td", null, React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5089
|
-
options: options,
|
|
5090
|
-
placeholder: "Select Collection Reason",
|
|
5091
|
-
onChange: onChange,
|
|
5092
|
-
disabled: false,
|
|
5093
|
-
// style={{ width: 120 }}
|
|
5094
|
-
popupClassName: 'dropDownStyle',
|
|
5095
|
-
selectWrapperClass: 'rounded',
|
|
5096
|
-
defaultValue: 'Select Collection Reason'
|
|
5097
|
-
})), React__default.createElement("td", null, "FFLMW-B1"), React__default.createElement("td", null, "Flair Furnishings Loop Midsleeper White /DOUBLE COXMOOR NEST OF 3 TABLES - OAK"), React__default.createElement("td", null, "007022530015429326"))))))))
|
|
5098
|
-
);
|
|
5099
|
-
};
|
|
4736
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
5100
4737
|
|
|
5101
|
-
var _templateObject$
|
|
4738
|
+
var _templateObject$1f, _templateObject2$X, _templateObject3$y;
|
|
5102
4739
|
function EmailAddress() {
|
|
5103
4740
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5104
4741
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5130,7 +4767,7 @@ function EmailAddress() {
|
|
|
5130
4767
|
});
|
|
5131
4768
|
});
|
|
5132
4769
|
};
|
|
5133
|
-
return React__default.createElement(Container$
|
|
4770
|
+
return React__default.createElement(Container$Q, null, React__default.createElement(Label$5, null, "Email Address"), React__default.createElement(antd.Input, {
|
|
5134
4771
|
style: {
|
|
5135
4772
|
borderRadius: '15px'
|
|
5136
4773
|
},
|
|
@@ -5139,11 +4776,11 @@ function EmailAddress() {
|
|
|
5139
4776
|
onChange: onChange
|
|
5140
4777
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
5141
4778
|
}
|
|
5142
|
-
var Label$
|
|
5143
|
-
var Container$
|
|
5144
|
-
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4779
|
+
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
4780
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4781
|
+
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5145
4782
|
|
|
5146
|
-
var _templateObject$
|
|
4783
|
+
var _templateObject$1g, _templateObject2$Y, _templateObject3$z;
|
|
5147
4784
|
function ContactPhone() {
|
|
5148
4785
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5149
4786
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5192,7 +4829,7 @@ function ContactPhone() {
|
|
|
5192
4829
|
});
|
|
5193
4830
|
}
|
|
5194
4831
|
};
|
|
5195
|
-
return React__default.createElement(Container$
|
|
4832
|
+
return React__default.createElement(Container$R, null, React__default.createElement(Label$6, null, "Contact Phone"), React__default.createElement(antd.Input, {
|
|
5196
4833
|
name: "contact-home",
|
|
5197
4834
|
type: "text",
|
|
5198
4835
|
placeholder: "Home Number",
|
|
@@ -5204,11 +4841,11 @@ function ContactPhone() {
|
|
|
5204
4841
|
onChange: onChange
|
|
5205
4842
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5206
4843
|
}
|
|
5207
|
-
var Label$
|
|
5208
|
-
var Container$
|
|
5209
|
-
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4844
|
+
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4845
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4846
|
+
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5210
4847
|
|
|
5211
|
-
var _templateObject$
|
|
4848
|
+
var _templateObject$1h, _templateObject2$Z, _templateObject3$A;
|
|
5212
4849
|
function ContactWork$1() {
|
|
5213
4850
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5214
4851
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5257,7 +4894,7 @@ function ContactWork$1() {
|
|
|
5257
4894
|
});
|
|
5258
4895
|
}
|
|
5259
4896
|
};
|
|
5260
|
-
return React__default.createElement(Container$
|
|
4897
|
+
return React__default.createElement(Container$S, null, React__default.createElement(Label$7, null, "Contact Work"), React__default.createElement(antd.Input, {
|
|
5261
4898
|
name: "contact-work",
|
|
5262
4899
|
type: "text",
|
|
5263
4900
|
placeholder: "Work Number",
|
|
@@ -5269,11 +4906,11 @@ function ContactWork$1() {
|
|
|
5269
4906
|
onChange: onChange
|
|
5270
4907
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5271
4908
|
}
|
|
5272
|
-
var Label$
|
|
5273
|
-
var Container$
|
|
5274
|
-
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4909
|
+
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4910
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4911
|
+
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5275
4912
|
|
|
5276
|
-
var _templateObject$
|
|
4913
|
+
var _templateObject$1i, _templateObject2$_, _templateObject3$B;
|
|
5277
4914
|
function ContactMobile$1() {
|
|
5278
4915
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5279
4916
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5322,7 +4959,7 @@ function ContactMobile$1() {
|
|
|
5322
4959
|
});
|
|
5323
4960
|
}
|
|
5324
4961
|
};
|
|
5325
|
-
return React__default.createElement(Container$
|
|
4962
|
+
return React__default.createElement(Container$T, null, React__default.createElement(Label$8, null, "Contact Mobile"), React__default.createElement(antd.Input, {
|
|
5326
4963
|
name: "contact-work",
|
|
5327
4964
|
type: "text",
|
|
5328
4965
|
placeholder: "Mobile Number",
|
|
@@ -5334,9 +4971,9 @@ function ContactMobile$1() {
|
|
|
5334
4971
|
onChange: onChange
|
|
5335
4972
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5336
4973
|
}
|
|
5337
|
-
var Label$
|
|
5338
|
-
var Container$
|
|
5339
|
-
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4974
|
+
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4975
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4976
|
+
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5340
4977
|
|
|
5341
4978
|
function ContactTypeDropdown() {
|
|
5342
4979
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5402,7 +5039,7 @@ function ActionDropdown() {
|
|
|
5402
5039
|
});
|
|
5403
5040
|
}
|
|
5404
5041
|
|
|
5405
|
-
var _templateObject$
|
|
5042
|
+
var _templateObject$1j, _templateObject2$$;
|
|
5406
5043
|
function DeliveryDate$1() {
|
|
5407
5044
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5408
5045
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5426,7 +5063,7 @@ function DeliveryDate$1() {
|
|
|
5426
5063
|
var today = new Date();
|
|
5427
5064
|
var tomorrow = new Date(today);
|
|
5428
5065
|
tomorrow.setDate(today.getDate() + 1);
|
|
5429
|
-
return React__default.createElement(Container$
|
|
5066
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Label$9, null, "Delivery Date"), React__default.createElement(antd.DatePicker, {
|
|
5430
5067
|
onChange: handleDateChange,
|
|
5431
5068
|
format: "DD/MM/YYYY",
|
|
5432
5069
|
value: deliveryDate ? dayjs(deliveryDate) : null,
|
|
@@ -5436,8 +5073,8 @@ function DeliveryDate$1() {
|
|
|
5436
5073
|
minDate: dayjs(tomorrow)
|
|
5437
5074
|
}));
|
|
5438
5075
|
}
|
|
5439
|
-
var Label$
|
|
5440
|
-
var Container$
|
|
5076
|
+
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5077
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5441
5078
|
|
|
5442
5079
|
function convertTo12HourFormat$1(time24) {
|
|
5443
5080
|
var _time24$split, _minutes$toString;
|
|
@@ -5486,19 +5123,19 @@ function TimedServiceDropdown$1() {
|
|
|
5486
5123
|
});
|
|
5487
5124
|
}
|
|
5488
5125
|
|
|
5489
|
-
var _templateObject$
|
|
5126
|
+
var _templateObject$1k, _templateObject2$10, _templateObject3$C, _templateObject4$i;
|
|
5490
5127
|
function CustomerInformation() {
|
|
5491
5128
|
var _orderDetails$order_r;
|
|
5492
5129
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5493
5130
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5494
|
-
return React__default.createElement(Container$
|
|
5131
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Title$2, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$f, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5495
5132
|
}
|
|
5496
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5497
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5498
|
-
var Title$2 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5499
|
-
var Container$
|
|
5133
|
+
var Wrapper$f = /*#__PURE__*/styled__default.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"])));
|
|
5134
|
+
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
5135
|
+
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
5136
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5500
5137
|
|
|
5501
|
-
var _templateObject$
|
|
5138
|
+
var _templateObject$1l, _templateObject2$11;
|
|
5502
5139
|
function ProductTable$1() {
|
|
5503
5140
|
var _useProductDetails = useProductDetails(),
|
|
5504
5141
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5507,7 +5144,7 @@ function ProductTable$1() {
|
|
|
5507
5144
|
if (!orderProductDetails) {
|
|
5508
5145
|
return null;
|
|
5509
5146
|
}
|
|
5510
|
-
return React__default.createElement(Container$
|
|
5147
|
+
return React__default.createElement(Container$W, null, React__default.createElement(Title$3, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5511
5148
|
className: "scrollClass"
|
|
5512
5149
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5513
5150
|
colSpan: 6
|
|
@@ -5525,10 +5162,10 @@ function ProductTable$1() {
|
|
|
5525
5162
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
5526
5163
|
})))));
|
|
5527
5164
|
}
|
|
5528
|
-
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
5529
|
-
var Container$
|
|
5165
|
+
var Title$3 = /*#__PURE__*/styled__default.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"])));
|
|
5166
|
+
var Container$W = /*#__PURE__*/styled__default.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"])));
|
|
5530
5167
|
|
|
5531
|
-
var _templateObject$
|
|
5168
|
+
var _templateObject$1m, _templateObject2$12;
|
|
5532
5169
|
function NotesTable() {
|
|
5533
5170
|
var _useState = React.useState(null),
|
|
5534
5171
|
moduleIds = _useState[0],
|
|
@@ -5596,7 +5233,7 @@ function NotesTable() {
|
|
|
5596
5233
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
5597
5234
|
return null;
|
|
5598
5235
|
}
|
|
5599
|
-
return React__default.createElement(Container$
|
|
5236
|
+
return React__default.createElement(Container$X, null, React__default.createElement(Title$4, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$1, null, React__default.createElement(StyledTable$2, {
|
|
5600
5237
|
className: "scrollClass"
|
|
5601
5238
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
5602
5239
|
colSpan: 6
|
|
@@ -5618,53 +5255,53 @@ function NotesTable() {
|
|
|
5618
5255
|
}, order == null ? void 0 : order.created_by), React__default.createElement("div", null, dateFns.format(new Date(order == null ? void 0 : order.created_at), "dd/MM/yyyy '@' HH:mm"))), React__default.createElement("td", null, order == null ? void 0 : order.description));
|
|
5619
5256
|
})))));
|
|
5620
5257
|
}
|
|
5621
|
-
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
5622
|
-
var Container$
|
|
5258
|
+
var Title$4 = /*#__PURE__*/styled__default.h2(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
5259
|
+
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5623
5260
|
|
|
5624
|
-
var _templateObject$
|
|
5261
|
+
var _templateObject$1n, _templateObject2$13;
|
|
5625
5262
|
function ConfirmationNotes() {
|
|
5626
|
-
return React__default.createElement(Container$
|
|
5263
|
+
return React__default.createElement(Container$Y, null, React__default.createElement(Label$a, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5627
5264
|
rows: 5,
|
|
5628
5265
|
placeholder: "Enter Notes"
|
|
5629
5266
|
}));
|
|
5630
5267
|
}
|
|
5631
|
-
var Label$
|
|
5632
|
-
var Container$
|
|
5268
|
+
var Label$a = /*#__PURE__*/styled__default.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"])));
|
|
5269
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5633
5270
|
|
|
5634
|
-
var _templateObject$
|
|
5271
|
+
var _templateObject$1o, _templateObject2$14;
|
|
5635
5272
|
function DeliveryInstructions$1() {
|
|
5636
|
-
return React__default.createElement(Container$
|
|
5273
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(Label$b, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5637
5274
|
rows: 5,
|
|
5638
5275
|
placeholder: "Enter Delivery Instructions"
|
|
5639
5276
|
}));
|
|
5640
5277
|
}
|
|
5641
|
-
var Label$
|
|
5642
|
-
var Container$
|
|
5278
|
+
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5279
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5643
5280
|
|
|
5644
|
-
var _templateObject$
|
|
5281
|
+
var _templateObject$1p, _templateObject2$15;
|
|
5645
5282
|
function ContactWith() {
|
|
5646
|
-
return React__default.createElement(Container
|
|
5283
|
+
return React__default.createElement(Container$_, null, React__default.createElement(Label$c, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5647
5284
|
style: {
|
|
5648
5285
|
borderRadius: '15px'
|
|
5649
5286
|
}
|
|
5650
5287
|
}));
|
|
5651
5288
|
}
|
|
5652
|
-
var Label$
|
|
5653
|
-
var Container
|
|
5289
|
+
var Label$c = /*#__PURE__*/styled__default.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5290
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5654
5291
|
|
|
5655
|
-
var _templateObject$
|
|
5292
|
+
var _templateObject$1q, _templateObject2$16, _templateObject3$D, _templateObject4$j;
|
|
5656
5293
|
function SlotAndInstructions() {
|
|
5657
5294
|
var _orderDetails$order_r;
|
|
5658
5295
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5659
5296
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5660
|
-
return React__default.createElement(Container
|
|
5297
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Slot, null, React__default.createElement(Title$5, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
5661
5298
|
}
|
|
5662
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject$
|
|
5663
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5664
|
-
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
5665
|
-
var Container
|
|
5299
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5300
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5301
|
+
var Title$5 = /*#__PURE__*/styled__default.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"])));
|
|
5302
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5666
5303
|
|
|
5667
|
-
var _templateObject$
|
|
5304
|
+
var _templateObject$1r, _templateObject2$17;
|
|
5668
5305
|
// import { filterObject } from '../../../utils';
|
|
5669
5306
|
function ConfirmOrder() {
|
|
5670
5307
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5836,7 +5473,7 @@ function ConfirmOrder() {
|
|
|
5836
5473
|
onSubmit: ConfirmOrder,
|
|
5837
5474
|
submitBtnTitle: "Save Details",
|
|
5838
5475
|
isSubmitDisabled: errorFound()
|
|
5839
|
-
}, React__default.createElement(ContentContainer$
|
|
5476
|
+
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(dmsComponentLibrary.Alert, {
|
|
5840
5477
|
description: "",
|
|
5841
5478
|
onClose: function onClose() {},
|
|
5842
5479
|
type: "info",
|
|
@@ -5845,8 +5482,27 @@ function ConfirmOrder() {
|
|
|
5845
5482
|
showCloseIcon: false
|
|
5846
5483
|
}), React__default.createElement(Wrapper$g, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5847
5484
|
}
|
|
5848
|
-
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5849
|
-
var ContentContainer$
|
|
5485
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5486
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
5487
|
+
|
|
5488
|
+
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;
|
|
5489
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
5490
|
+
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5491
|
+
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5492
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
5493
|
+
var SplitText = /*#__PURE__*/styled__default.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"])));
|
|
5494
|
+
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
5495
|
+
var HoldRow = /*#__PURE__*/styled__default.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"])));
|
|
5496
|
+
var Label$d = /*#__PURE__*/styled__default.label(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5497
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
5498
|
+
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
5499
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n width: 450px;\n"])));
|
|
5500
|
+
var StaticText = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 18px; /* 128.571% */\n flex: 1 0 0;\n"])));
|
|
5501
|
+
var ImageCircle = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 50px;\n background: #f2f4f6;\n"])));
|
|
5502
|
+
var ImageRow = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
5503
|
+
var HoldDatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
5504
|
+
var DatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
5505
|
+
var Heading$1 = /*#__PURE__*/styled__default.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"])));
|
|
5850
5506
|
|
|
5851
5507
|
function SendSmsModal() {
|
|
5852
5508
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5859,12 +5515,12 @@ function SendSmsModal() {
|
|
|
5859
5515
|
onCloseHeader: closeModal,
|
|
5860
5516
|
onSubmit: function onSubmit() {},
|
|
5861
5517
|
submitBtnTitle: "Send SMS"
|
|
5862
|
-
}, React__default.createElement(ContentContainer$
|
|
5518
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(Label$d, null, "To"), React__default.createElement(StyledInput, {
|
|
5863
5519
|
type: "text",
|
|
5864
5520
|
name: "",
|
|
5865
5521
|
required: true,
|
|
5866
5522
|
placeholder: "Enter the number"
|
|
5867
|
-
}), React__default.createElement(Label$
|
|
5523
|
+
}), React__default.createElement(Label$d, null, "Body"), React__default.createElement(StyledInput, {
|
|
5868
5524
|
type: "text",
|
|
5869
5525
|
name: "",
|
|
5870
5526
|
required: true,
|
|
@@ -5883,19 +5539,19 @@ function SendEmailModal() {
|
|
|
5883
5539
|
onCloseHeader: closeModal,
|
|
5884
5540
|
onSubmit: function onSubmit() {},
|
|
5885
5541
|
submitBtnTitle: "Send Email"
|
|
5886
|
-
}, React__default.createElement(ContentContainer$
|
|
5542
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(Label$d, null, "To"), React__default.createElement(StyledInput, {
|
|
5887
5543
|
type: "text",
|
|
5888
5544
|
name: "",
|
|
5889
5545
|
required: true,
|
|
5890
5546
|
placeholder: "andy@aspire-technologies.com",
|
|
5891
5547
|
defaultValue: 'andy@aspire-technologies.com'
|
|
5892
|
-
}), React__default.createElement(Label$
|
|
5548
|
+
}), React__default.createElement(Label$d, null, "Subject"), React__default.createElement(StyledInput, {
|
|
5893
5549
|
type: "text",
|
|
5894
5550
|
name: "",
|
|
5895
5551
|
required: true,
|
|
5896
5552
|
placeholder: "",
|
|
5897
5553
|
defaultValue: 'RICHER SOUNDS Order Update - B7049658-4064'
|
|
5898
|
-
}), React__default.createElement(Label$
|
|
5554
|
+
}), React__default.createElement(Label$d, null, "Body"), React__default.createElement(StyledTextArea$1, {
|
|
5899
5555
|
name: "note",
|
|
5900
5556
|
placeholder: "Write here..."
|
|
5901
5557
|
})));
|
|
@@ -5978,7 +5634,7 @@ function ChangeCustomerAccModal() {
|
|
|
5978
5634
|
showAdditionalInfo: true,
|
|
5979
5635
|
infoText: "632801 (OFS)",
|
|
5980
5636
|
submitBtnTitle: "Save Details"
|
|
5981
|
-
}, React__default.createElement(ContentContainer$
|
|
5637
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(SplitLayout, null, React__default.createElement(Row$4, null, React__default.createElement(Label$d, null, "New Customer"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5982
5638
|
options: OptionsMenu,
|
|
5983
5639
|
placeholder: "Select Customer",
|
|
5984
5640
|
onChange: handleSelectChange,
|
|
@@ -5990,7 +5646,7 @@ function ChangeCustomerAccModal() {
|
|
|
5990
5646
|
showSearch: true,
|
|
5991
5647
|
popupClassName: 'dropDownStyle',
|
|
5992
5648
|
selectWrapperClass: 'rounded'
|
|
5993
|
-
})), React__default.createElement(Row$4, null, React__default.createElement(Label$
|
|
5649
|
+
})), React__default.createElement(Row$4, null, React__default.createElement(Label$d, null, "New Trading Name"), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
5994
5650
|
options: OptionsMenu,
|
|
5995
5651
|
placeholder: "Select Trading Name",
|
|
5996
5652
|
onChange: handleSelectChange,
|
|
@@ -6133,218 +5789,6 @@ function HoldOrderModal() {
|
|
|
6133
5789
|
})))));
|
|
6134
5790
|
}
|
|
6135
5791
|
|
|
6136
|
-
var _templateObject$1t, _templateObject2$19, _templateObject3$F;
|
|
6137
|
-
// import {
|
|
6138
|
-
// EscalationCategory,
|
|
6139
|
-
// EscalationLevel,
|
|
6140
|
-
// EscalationReason,
|
|
6141
|
-
// EscalationStatus,
|
|
6142
|
-
// } from '../../utils';
|
|
6143
|
-
var FlexContainer = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n justify-content: space-between;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
6144
|
-
var InnerCont = /*#__PURE__*/styled__default.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6145
|
-
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n"])));
|
|
6146
|
-
var Dropdowns = function Dropdowns() {
|
|
6147
|
-
var handleSelectChange = function handleSelectChange() {
|
|
6148
|
-
// alert('hello');
|
|
6149
|
-
antd.notification.success({
|
|
6150
|
-
message: 'Success',
|
|
6151
|
-
description: 'Saved successfully.'
|
|
6152
|
-
});
|
|
6153
|
-
};
|
|
6154
|
-
return React__default.createElement(FlexContainer, null, React__default.createElement(InnerCont, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6155
|
-
label: "Escalation Category",
|
|
6156
|
-
required: true
|
|
6157
|
-
}), React__default.createElement(StyledAntSelect, {
|
|
6158
|
-
options: [],
|
|
6159
|
-
placeholder: "Select Category",
|
|
6160
|
-
onChange: handleSelectChange,
|
|
6161
|
-
disabled: false,
|
|
6162
|
-
showSearch: true,
|
|
6163
|
-
popupClassName: 'dropDownStyle',
|
|
6164
|
-
selectWrapperClass: 'rounded',
|
|
6165
|
-
style: {
|
|
6166
|
-
width: '10vw'
|
|
6167
|
-
}
|
|
6168
|
-
})), React__default.createElement(InnerCont, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6169
|
-
label: "Level",
|
|
6170
|
-
required: true
|
|
6171
|
-
}), React__default.createElement(StyledAntSelect, {
|
|
6172
|
-
options: [],
|
|
6173
|
-
placeholder: "Select Level",
|
|
6174
|
-
onChange: handleSelectChange,
|
|
6175
|
-
disabled: false,
|
|
6176
|
-
showSearch: true,
|
|
6177
|
-
popupClassName: 'dropDownStyle',
|
|
6178
|
-
selectWrapperClass: 'rounded',
|
|
6179
|
-
style: {
|
|
6180
|
-
width: '10vw'
|
|
6181
|
-
}
|
|
6182
|
-
})), React__default.createElement(InnerCont, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6183
|
-
label: "Escalation Reason",
|
|
6184
|
-
required: true
|
|
6185
|
-
}), React__default.createElement(StyledAntSelect, {
|
|
6186
|
-
options: [],
|
|
6187
|
-
placeholder: "Select Reason",
|
|
6188
|
-
onChange: handleSelectChange,
|
|
6189
|
-
disabled: false,
|
|
6190
|
-
showSearch: true,
|
|
6191
|
-
popupClassName: 'dropDownStyle',
|
|
6192
|
-
selectWrapperClass: 'rounded',
|
|
6193
|
-
style: {
|
|
6194
|
-
width: '10vw'
|
|
6195
|
-
}
|
|
6196
|
-
})), React__default.createElement(InnerCont, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6197
|
-
label: "Escalation Status",
|
|
6198
|
-
required: true
|
|
6199
|
-
}), React__default.createElement(StyledAntSelect, {
|
|
6200
|
-
options: [],
|
|
6201
|
-
placeholder: "Select Status",
|
|
6202
|
-
onChange: handleSelectChange,
|
|
6203
|
-
disabled: false,
|
|
6204
|
-
showSearch: true,
|
|
6205
|
-
popupClassName: 'dropDownStyle',
|
|
6206
|
-
selectWrapperClass: 'rounded',
|
|
6207
|
-
style: {
|
|
6208
|
-
width: '10vw'
|
|
6209
|
-
}
|
|
6210
|
-
})));
|
|
6211
|
-
};
|
|
6212
|
-
|
|
6213
|
-
var _templateObject$1u, _templateObject2$1a;
|
|
6214
|
-
var Notes$2 = function Notes() {
|
|
6215
|
-
var StyledTextArea = styled__default(dmsComponentLibrary.TextArea)(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 135px;\n width: 240px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n flex: 1 0 0;\n border-radius: 12px;\n //border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n "])));
|
|
6216
|
-
var Label = styled__default.label(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: var(--tonal-brown-651, #6a7378);\n "])));
|
|
6217
|
-
return React__default.createElement("div", null, React__default.createElement(Label, null, "Note"), React__default.createElement(StyledTextArea, {
|
|
6218
|
-
name: "note",
|
|
6219
|
-
placeholder: ""
|
|
6220
|
-
}));
|
|
6221
|
-
};
|
|
6222
|
-
|
|
6223
|
-
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$l, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$5, _templateObject9$3, _templateObject10$1;
|
|
6224
|
-
var Upgrade = function Upgrade() {
|
|
6225
|
-
var handleSelectChange = function handleSelectChange() {
|
|
6226
|
-
// alert('hello');
|
|
6227
|
-
antd.notification.success({
|
|
6228
|
-
message: 'Success',
|
|
6229
|
-
description: 'Upgrade successfully.'
|
|
6230
|
-
});
|
|
6231
|
-
};
|
|
6232
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$h, null, React__default.createElement(Heading$2, null, "Upgrade"), React__default.createElement(Container$11, null, React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6233
|
-
label: 'Timed Service',
|
|
6234
|
-
checked: true,
|
|
6235
|
-
onChange: function onChange(_event) {
|
|
6236
|
-
throw new Error('Function not implemented.');
|
|
6237
|
-
},
|
|
6238
|
-
name: ''
|
|
6239
|
-
}))), React__default.createElement(InnerCont$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6240
|
-
label: "Time Slot"
|
|
6241
|
-
}), React__default.createElement(StyledAntSelect$1, {
|
|
6242
|
-
options: [],
|
|
6243
|
-
placeholder: "Select Customer",
|
|
6244
|
-
onChange: handleSelectChange,
|
|
6245
|
-
disabled: false,
|
|
6246
|
-
showSearch: true,
|
|
6247
|
-
popupClassName: 'dropDownStyle',
|
|
6248
|
-
selectWrapperClass: 'rounded'
|
|
6249
|
-
})), React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6250
|
-
label: 'Chargeable',
|
|
6251
|
-
checked: false,
|
|
6252
|
-
onChange: function onChange(_event) {
|
|
6253
|
-
throw new Error('Function not implemented.');
|
|
6254
|
-
},
|
|
6255
|
-
name: ''
|
|
6256
|
-
}))), React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6257
|
-
label: 'Additional Time',
|
|
6258
|
-
checked: false,
|
|
6259
|
-
onChange: function onChange(_event) {
|
|
6260
|
-
throw new Error('Function not implemented.');
|
|
6261
|
-
},
|
|
6262
|
-
name: ''
|
|
6263
|
-
}))), React__default.createElement(InnerCont$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
6264
|
-
label: "Drop Time"
|
|
6265
|
-
}), React__default.createElement(StyledAntSelect$1, {
|
|
6266
|
-
options: [],
|
|
6267
|
-
placeholder: "Select Customer",
|
|
6268
|
-
onChange: handleSelectChange,
|
|
6269
|
-
disabled: false,
|
|
6270
|
-
showSearch: true,
|
|
6271
|
-
popupClassName: 'dropDownStyle',
|
|
6272
|
-
selectWrapperClass: 'rounded'
|
|
6273
|
-
})), React__default.createElement(Top$3, null, React__default.createElement(InnerCont$1, null, React__default.createElement(Toggle, {
|
|
6274
|
-
label: 'Chargeable',
|
|
6275
|
-
checked: false,
|
|
6276
|
-
onChange: function onChange(_event) {
|
|
6277
|
-
throw new Error('Function not implemented.');
|
|
6278
|
-
},
|
|
6279
|
-
name: ''
|
|
6280
|
-
}))))), React__default.createElement(GiftWrapper, null, React__default.createElement(BJSGift, null, React__default.createElement(Box, null)), React__default.createElement(BJSGift, null, React__default.createElement(Box, null))));
|
|
6281
|
-
};
|
|
6282
|
-
var GiftWrapper = /*#__PURE__*/styled__default.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding-top: 45px;\n"])));
|
|
6283
|
-
var Box = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 20px;\n height: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n\n &::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 11px;\n height: 11px;\n background-color: #ccc;\n border-radius: 2px;\n display: none;\n }\n"])));
|
|
6284
|
-
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6285
|
-
var BJSGift = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n padding: 10px 15px 15px 10px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n\n /* &:hover ", "::after {\n display: block;\n } */\n"])), Box);
|
|
6286
|
-
var Toggle = /*#__PURE__*/styled__default(dmsComponentLibrary.Switch)(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n"])));
|
|
6287
|
-
var Heading$2 = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n"])));
|
|
6288
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n align-items: center;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n"])));
|
|
6289
|
-
var InnerCont$1 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n"])));
|
|
6290
|
-
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 35px;\n"])));
|
|
6291
|
-
var StyledAntSelect$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n\n @media (max-width: 768px) {\n width: 100%;\n }\n"])));
|
|
6292
|
-
|
|
6293
|
-
var _templateObject$1w;
|
|
6294
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n /* flex-wrap: wrap; */\n gap: 15px;\n padding: 20px;\n width: 97%;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 10px;\n gap: 10px;\n }\n"])));
|
|
6295
|
-
var Escalation = function Escalation() {
|
|
6296
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Flex, null, React__default.createElement(Dropdowns, null), React__default.createElement(Notes$2, null), React__default.createElement(Upgrade, null)));
|
|
6297
|
-
};
|
|
6298
|
-
|
|
6299
|
-
var _templateObject$1x, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
6300
|
-
var NewEscalation = function NewEscalation() {
|
|
6301
|
-
var _useState = React.useState(false),
|
|
6302
|
-
showContent = _useState[0],
|
|
6303
|
-
setShowContent = _useState[1];
|
|
6304
|
-
var handleClick = function handleClick() {
|
|
6305
|
-
setShowContent(!showContent);
|
|
6306
|
-
};
|
|
6307
|
-
var handleCancel = function handleCancel() {
|
|
6308
|
-
setShowContent(false);
|
|
6309
|
-
};
|
|
6310
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Component, null, "Want to Create New Escalation?", React__default.createElement(Flex$1, null, React__default.createElement(Button, {
|
|
6311
|
-
onClick: handleClick
|
|
6312
|
-
}, showContent ? 'SAVE' : 'CLICK HERE'), showContent && React__default.createElement(React__default.Fragment, null, React__default.createElement(CancelButton, {
|
|
6313
|
-
onClick: handleCancel
|
|
6314
|
-
}, "CANCEL")))), showContent && React__default.createElement(React__default.Fragment, null, React__default.createElement(Escalation, null)), React__default.createElement(TableSkelton, null, React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
6315
|
-
className: "container"
|
|
6316
|
-
}, React__default.createElement("input", {
|
|
6317
|
-
type: "checkbox"
|
|
6318
|
-
}), React__default.createElement("span", {
|
|
6319
|
-
className: "checkmark"
|
|
6320
|
-
})))), React__default.createElement("th", null, "ID"), React__default.createElement("th", null, "Level"), React__default.createElement("th", null, "Escalation"), React__default.createElement("th", null, "Order Status"), React__default.createElement("th", null, "Warehouse"), React__default.createElement("th", null, "Timed Service"), React__default.createElement("th", null, "Routed"), React__default.createElement("th", null, "Pre Route Pre-Call"), React__default.createElement("th", null, "Stock Check"), React__default.createElement("th", null, "Stock Check"), React__default.createElement("th", null, "Driver Pre-Call"), React__default.createElement("th", null, "Del Status"), React__default.createElement("th", null, "Post call"), React__default.createElement("th", null, "Status"))), React__default.createElement("tbody", null, React__default.createElement("tr", null, React__default.createElement("td", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
6321
|
-
className: "container"
|
|
6322
|
-
}, React__default.createElement("input", {
|
|
6323
|
-
type: "checkbox"
|
|
6324
|
-
}), React__default.createElement("span", {
|
|
6325
|
-
className: "checkmark"
|
|
6326
|
-
})))), React__default.createElement("td", null, "VIP4"), React__default.createElement("td", null, "B63015484248[Test] WAYVER"), React__default.createElement("td", null, "Allocated to Route"), React__default.createElement("td", null, "Revieved Picked"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Data"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Done"), React__default.createElement("td", null, "Status"))))));
|
|
6327
|
-
};
|
|
6328
|
-
var Component = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 98%;\n padding: 15px 12px;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
6329
|
-
var Button = /*#__PURE__*/styled__default.button(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #3a3630;\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n color: white;\n cursor: pointer;\n"])));
|
|
6330
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
6331
|
-
var CancelButton = /*#__PURE__*/styled__default.button(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: flex-start;\n gap: 16px;\n border-radius: 20px;\n border: 1px solid #e95252;\n background: #f8fafc;\n color: #e95252; /* Added this line to set text color */\n text-decoration-color: #e95252;\n cursor: pointer;\n"])));
|
|
6332
|
-
|
|
6333
|
-
var EscalationModal = function EscalationModal() {
|
|
6334
|
-
var _useCurrentAction = useCurrentAction(),
|
|
6335
|
-
setCurrentAction = _useCurrentAction[1];
|
|
6336
|
-
var closeModal = function closeModal() {
|
|
6337
|
-
setCurrentAction(undefined);
|
|
6338
|
-
};
|
|
6339
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderActionModal, {
|
|
6340
|
-
headerTitle: "Escalations",
|
|
6341
|
-
onCloseHeader: closeModal,
|
|
6342
|
-
onSubmit: function onSubmit() {},
|
|
6343
|
-
infoText: "NICK OLIVER, YO42ST",
|
|
6344
|
-
showAdditionalInfo: true
|
|
6345
|
-
}, React__default.createElement(NewEscalation, null)));
|
|
6346
|
-
};
|
|
6347
|
-
|
|
6348
5792
|
var CustomerServiceImg = function CustomerServiceImg() {
|
|
6349
5793
|
return React__default.createElement("svg", {
|
|
6350
5794
|
width: "32",
|
|
@@ -6488,7 +5932,7 @@ var GrowthImg = function GrowthImg() {
|
|
|
6488
5932
|
var FeedbackItem = function FeedbackItem(_ref) {
|
|
6489
5933
|
var Icon = _ref.icon,
|
|
6490
5934
|
question = _ref.question;
|
|
6491
|
-
return React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
5935
|
+
return React__default.createElement(Row$4, null, React__default.createElement(Container$10, null, React__default.createElement(ImageRow, null, React__default.createElement(ImageCircle, null, React__default.createElement(Icon, null)), React__default.createElement(StaticText, null, question)), React__default.createElement(dmsComponentLibrary.CustomRating, {
|
|
6492
5936
|
showText: true
|
|
6493
5937
|
})));
|
|
6494
5938
|
};
|
|
@@ -6506,7 +5950,7 @@ function LogFeedback() {
|
|
|
6506
5950
|
showAdditionalInfo: true,
|
|
6507
5951
|
infoText: "632801 (OFS)",
|
|
6508
5952
|
submitBtnTitle: "Save Details"
|
|
6509
|
-
}, React__default.createElement(ContentContainer$
|
|
5953
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6510
5954
|
icon: CustomerServiceImg,
|
|
6511
5955
|
question: 'How would you rate the communication prior to their arrival at your property?'
|
|
6512
5956
|
}), React__default.createElement(FeedbackItem, {
|
|
@@ -6521,7 +5965,7 @@ function LogFeedback() {
|
|
|
6521
5965
|
})), React__default.createElement(SplitLayout, null, React__default.createElement(FeedbackItem, {
|
|
6522
5966
|
icon: GrowthImg,
|
|
6523
5967
|
question: 'How would you rate the overall performance during the delivery process?'
|
|
6524
|
-
}), React__default.createElement(Row$4, null, React__default.createElement(Container$
|
|
5968
|
+
}), React__default.createElement(Row$4, null, React__default.createElement(Container$10, null, React__default.createElement(StaticText, null, "Anything below 3 needs to be investigated"), React__default.createElement(StyledTextAreas, {
|
|
6525
5969
|
name: "note",
|
|
6526
5970
|
placeholder: "Write here..."
|
|
6527
5971
|
}))))));
|
|
@@ -6674,7 +6118,7 @@ function ChargeLog() {
|
|
|
6674
6118
|
submitBtnTitle: "Save Details",
|
|
6675
6119
|
showAdditionalInfo: true,
|
|
6676
6120
|
infoText: infoText
|
|
6677
|
-
}, React__default.createElement(ContentContainer$
|
|
6121
|
+
}, React__default.createElement(ContentContainer$5, null, React__default.createElement(Heading$1, null, " PRODUCTS "), React__default.createElement(dmsComponentLibrary.AntTable, {
|
|
6678
6122
|
columns: column,
|
|
6679
6123
|
data: Data,
|
|
6680
6124
|
onSelectChange: function onSelectChange(value, record) {
|
|
@@ -6683,7 +6127,7 @@ function ChargeLog() {
|
|
|
6683
6127
|
})));
|
|
6684
6128
|
}
|
|
6685
6129
|
|
|
6686
|
-
var _templateObject$
|
|
6130
|
+
var _templateObject$1s;
|
|
6687
6131
|
var UnholdOrder = function UnholdOrder() {
|
|
6688
6132
|
var _useCurrentAction = useCurrentAction(),
|
|
6689
6133
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -6707,154 +6151,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6707
6151
|
})
|
|
6708
6152
|
});
|
|
6709
6153
|
};
|
|
6710
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
6711
|
-
|
|
6712
|
-
var _templateObject$1z, _templateObject2$1d;
|
|
6713
|
-
var ProductData = function ProductData(_ref) {
|
|
6714
|
-
var products = _ref.products,
|
|
6715
|
-
handleCheckboxChange = _ref.handleCheckboxChange;
|
|
6716
|
-
var handleInputChange = function handleInputChange(productId, isChecked) {
|
|
6717
|
-
handleCheckboxChange(productId, isChecked);
|
|
6718
|
-
};
|
|
6719
|
-
return React__default.createElement(Table$3, null, products.length > 0 ? React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Select"), React__default.createElement("th", null, "ID"), React__default.createElement("th", null, "Name"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, products.map(function (product) {
|
|
6720
|
-
return React__default.createElement("tr", {
|
|
6721
|
-
key: product.id
|
|
6722
|
-
}, React__default.createElement("td", null, React__default.createElement(CustomCheckBox, null, React__default.createElement("label", {
|
|
6723
|
-
className: "container"
|
|
6724
|
-
}, React__default.createElement("input", {
|
|
6725
|
-
type: "checkbox",
|
|
6726
|
-
checked: product.selected,
|
|
6727
|
-
onChange: function onChange(e) {
|
|
6728
|
-
return handleInputChange(product.id, e.target.checked);
|
|
6729
|
-
}
|
|
6730
|
-
}), React__default.createElement("span", {
|
|
6731
|
-
className: "checkmark"
|
|
6732
|
-
})))), React__default.createElement("td", null, product.id), React__default.createElement("td", null, product.name), React__default.createElement("td", null, product.parts));
|
|
6733
|
-
}))) : React__default.createElement(NoProductsMessage, null, "NO PRODUCTS TO RESTORE"));
|
|
6734
|
-
};
|
|
6735
|
-
var Table$3 = /*#__PURE__*/styled__default(TableSkelton)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: scroll;\n scrollbar-width: none;\n height: 35vh;\n width: 50vw;\n padding: 5px;\n"])));
|
|
6736
|
-
var NoProductsMessage = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 18px;\n padding: 20px;\n color: #888;\n"])));
|
|
6737
|
-
|
|
6738
|
-
var initialProducts = [{
|
|
6739
|
-
id: 1458784,
|
|
6740
|
-
name: '[Weymounth Soft White Triple Wardrobe]',
|
|
6741
|
-
parts: '(1/2)',
|
|
6742
|
-
selected: false
|
|
6743
|
-
}, {
|
|
6744
|
-
id: 41544,
|
|
6745
|
-
name: 'Double Door Fridge',
|
|
6746
|
-
parts: '(1/1)',
|
|
6747
|
-
selected: false
|
|
6748
|
-
}, {
|
|
6749
|
-
id: 87941,
|
|
6750
|
-
name: 'Ventilation System for the Kitchen',
|
|
6751
|
-
parts: '(5/5)',
|
|
6752
|
-
selected: false
|
|
6753
|
-
}, {
|
|
6754
|
-
id: 274893,
|
|
6755
|
-
name: 'Portable Air Conditioner',
|
|
6756
|
-
parts: '(2/3)',
|
|
6757
|
-
selected: false
|
|
6758
|
-
}, {
|
|
6759
|
-
id: 90235,
|
|
6760
|
-
name: 'Electric Fireplace Heater',
|
|
6761
|
-
parts: '(1/1)',
|
|
6762
|
-
selected: false
|
|
6763
|
-
}, {
|
|
6764
|
-
id: 574839,
|
|
6765
|
-
name: '[Oakwood Classic Dining Table]',
|
|
6766
|
-
parts: '(1/2)',
|
|
6767
|
-
selected: false
|
|
6768
|
-
}, {
|
|
6769
|
-
id: 183957,
|
|
6770
|
-
name: 'Stainless Steel Dishwasher',
|
|
6771
|
-
parts: '(3/3)',
|
|
6772
|
-
selected: false
|
|
6773
|
-
}, {
|
|
6774
|
-
id: 349589,
|
|
6775
|
-
name: 'LED Smart TV',
|
|
6776
|
-
parts: '(1/1)',
|
|
6777
|
-
selected: false
|
|
6778
|
-
}, {
|
|
6779
|
-
id: 209384,
|
|
6780
|
-
name: 'Bluetooth Sound System',
|
|
6781
|
-
parts: '(4/4)',
|
|
6782
|
-
selected: false
|
|
6783
|
-
}, {
|
|
6784
|
-
id: 918374,
|
|
6785
|
-
name: 'Recliner Sofa Set',
|
|
6786
|
-
parts: '(3/3)',
|
|
6787
|
-
selected: false
|
|
6788
|
-
}, {
|
|
6789
|
-
id: 748293,
|
|
6790
|
-
name: '[Vintage Wooden Bookcase]',
|
|
6791
|
-
parts: '(2/2)',
|
|
6792
|
-
selected: false
|
|
6793
|
-
}, {
|
|
6794
|
-
id: 573920,
|
|
6795
|
-
name: 'Compact Washing Machine',
|
|
6796
|
-
parts: '(1/1)',
|
|
6797
|
-
selected: false
|
|
6798
|
-
}, {
|
|
6799
|
-
id: 230948,
|
|
6800
|
-
name: 'Automatic Coffee Machine',
|
|
6801
|
-
parts: '(2/2)',
|
|
6802
|
-
selected: false
|
|
6803
|
-
}];
|
|
6804
|
-
var RestoreProducts = function RestoreProducts() {
|
|
6805
|
-
var _useState = React.useState(initialProducts),
|
|
6806
|
-
products = _useState[0],
|
|
6807
|
-
setProducts = _useState[1];
|
|
6808
|
-
var _useState2 = React.useState(false),
|
|
6809
|
-
showRestoreButton = _useState2[0],
|
|
6810
|
-
setShowRestoreButton = _useState2[1];
|
|
6811
|
-
var _useState3 = React.useState(false),
|
|
6812
|
-
showNoRecords = _useState3[0],
|
|
6813
|
-
setShowNoRecords = _useState3[1];
|
|
6814
|
-
var _useCurrentAction = useCurrentAction(),
|
|
6815
|
-
setCurrentAction = _useCurrentAction[1];
|
|
6816
|
-
var handleCheckboxChange = function handleCheckboxChange(productId, isChecked) {
|
|
6817
|
-
var updatedProducts = products.map(function (product) {
|
|
6818
|
-
return product.id === productId ? _extends({}, product, {
|
|
6819
|
-
selected: isChecked
|
|
6820
|
-
}) : product;
|
|
6821
|
-
});
|
|
6822
|
-
setProducts(updatedProducts);
|
|
6823
|
-
var anySelected = updatedProducts.some(function (product) {
|
|
6824
|
-
return product.selected;
|
|
6825
|
-
});
|
|
6826
|
-
setShowRestoreButton(anySelected);
|
|
6827
|
-
};
|
|
6828
|
-
var closeModal = function closeModal() {
|
|
6829
|
-
setProducts(initialProducts);
|
|
6830
|
-
setShowRestoreButton(false);
|
|
6831
|
-
setShowNoRecords(false);
|
|
6832
|
-
setCurrentAction(undefined);
|
|
6833
|
-
};
|
|
6834
|
-
var handleRestore = function handleRestore() {
|
|
6835
|
-
var updatedProducts = products.filter(function (product) {
|
|
6836
|
-
return !product.selected;
|
|
6837
|
-
});
|
|
6838
|
-
setProducts(updatedProducts);
|
|
6839
|
-
if (updatedProducts.length === 0) {
|
|
6840
|
-
setShowNoRecords(true);
|
|
6841
|
-
}
|
|
6842
|
-
};
|
|
6843
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderActionModal, {
|
|
6844
|
-
headerTitle: "Restore Product",
|
|
6845
|
-
onCloseHeader: closeModal,
|
|
6846
|
-
onSubmit: handleRestore,
|
|
6847
|
-
submitBtnTitle: "Restore",
|
|
6848
|
-
footerActions: showRestoreButton
|
|
6849
|
-
}, React__default.createElement(ProductData, {
|
|
6850
|
-
products: products,
|
|
6851
|
-
handleCheckboxChange: handleCheckboxChange,
|
|
6852
|
-
handleRestore: handleRestore,
|
|
6853
|
-
showNoRecords: showNoRecords
|
|
6854
|
-
})));
|
|
6855
|
-
};
|
|
6154
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6856
6155
|
|
|
6857
|
-
var _templateObject$
|
|
6156
|
+
var _templateObject$1t, _templateObject2$19;
|
|
6858
6157
|
function AssigneeDropdown() {
|
|
6859
6158
|
var handleSelectChange = function handleSelectChange() {
|
|
6860
6159
|
// alert('hello');
|
|
@@ -6867,7 +6166,7 @@ function AssigneeDropdown() {
|
|
|
6867
6166
|
label: "Assigned To",
|
|
6868
6167
|
required: true,
|
|
6869
6168
|
htmlFor: "assigneDropdown"
|
|
6870
|
-
}), React__default.createElement(StyledAntSelect
|
|
6169
|
+
}), React__default.createElement(StyledAntSelect, {
|
|
6871
6170
|
options: [],
|
|
6872
6171
|
onChange: handleSelectChange,
|
|
6873
6172
|
selectWrapperClass: 'rounded',
|
|
@@ -6876,8 +6175,8 @@ function AssigneeDropdown() {
|
|
|
6876
6175
|
}
|
|
6877
6176
|
}));
|
|
6878
6177
|
}
|
|
6879
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6880
|
-
var StyledAntSelect
|
|
6178
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6179
|
+
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6881
6180
|
|
|
6882
6181
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6883
6182
|
return React__default.createElement("svg", {
|
|
@@ -6895,13 +6194,13 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6895
6194
|
}));
|
|
6896
6195
|
};
|
|
6897
6196
|
|
|
6898
|
-
var _templateObject$
|
|
6899
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6900
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6901
|
-
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6902
|
-
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
6903
|
-
var StyledDateContainer = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
6904
|
-
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
6197
|
+
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;
|
|
6198
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.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"])));
|
|
6199
|
+
var InnerContainer = /*#__PURE__*/styled__default.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"])));
|
|
6200
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6201
|
+
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6202
|
+
var StyledDateContainer = /*#__PURE__*/styled__default.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"])));
|
|
6203
|
+
var TimeWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6905
6204
|
var StyledTime = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
6906
6205
|
var Column = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
6907
6206
|
var Row$5 = /*#__PURE__*/styled__default(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
@@ -6990,10 +6289,10 @@ function useFetchSingleReminderData() {
|
|
|
6990
6289
|
return res;
|
|
6991
6290
|
}
|
|
6992
6291
|
|
|
6993
|
-
var _templateObject$
|
|
6292
|
+
var _templateObject$1v, _templateObject2$1b, _templateObject3$G, _templateObject4$m;
|
|
6994
6293
|
function StatusIndicator(props) {
|
|
6995
6294
|
var statusColor = getStatusColor(props.status);
|
|
6996
|
-
return React__default.createElement(Container$
|
|
6295
|
+
return React__default.createElement(Container$11, null, React__default.createElement(StatusCircleContainer, {
|
|
6997
6296
|
status: props.status
|
|
6998
6297
|
}, React__default.createElement(StatusCircle, {
|
|
6999
6298
|
color: statusColor
|
|
@@ -7001,14 +6300,14 @@ function StatusIndicator(props) {
|
|
|
7001
6300
|
status: props.status
|
|
7002
6301
|
}, props.text));
|
|
7003
6302
|
}
|
|
7004
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6303
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.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) {
|
|
7005
6304
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7006
6305
|
});
|
|
7007
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
6306
|
+
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7008
6307
|
return props.color;
|
|
7009
6308
|
});
|
|
7010
|
-
var Container$
|
|
7011
|
-
var Text$6 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
6309
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
6310
|
+
var Text$6 = /*#__PURE__*/styled__default.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) {
|
|
7012
6311
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
7013
6312
|
});
|
|
7014
6313
|
|
|
@@ -7170,7 +6469,7 @@ function useFetchReminders() {
|
|
|
7170
6469
|
return perform;
|
|
7171
6470
|
}
|
|
7172
6471
|
|
|
7173
|
-
var _templateObject$
|
|
6472
|
+
var _templateObject$1w, _templateObject2$1c, _templateObject3$H, _templateObject4$n, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
7174
6473
|
var ViewReminderModal = function ViewReminderModal() {
|
|
7175
6474
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
7176
6475
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7304,13 +6603,13 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7304
6603
|
return handleResolved(2);
|
|
7305
6604
|
}
|
|
7306
6605
|
}), React__default.createElement(RoundCheckbox, null)), React__default.createElement(StyledSpan, null, "Mark As Complete")))) : null)
|
|
7307
|
-
}, React__default.createElement(ReferenceContainer, null, React__default.createElement(InnerContainer, null, React__default.createElement(MiniContainer, null, ' ', React__default.createElement(Label$
|
|
6606
|
+
}, React__default.createElement(ReferenceContainer, null, React__default.createElement(InnerContainer, null, React__default.createElement(MiniContainer, null, ' ', React__default.createElement(Label$d, null, "Reference ", " "), React__default.createElement(LabelText, null, (reminderData == null ? void 0 : reminderData.reference) || 'N/A')), React__default.createElement(MiniContainer, null, ' ', React__default.createElement(Label$d, null, "Status "), React__default.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__default.createElement(StatusIndicator, {
|
|
7308
6607
|
text: "Incomplete",
|
|
7309
6608
|
status: "AD"
|
|
7310
6609
|
}) : React__default.createElement(StatusIndicator, {
|
|
7311
6610
|
text: "Completed on " + (reminderData == null ? void 0 : reminderData.completed) + " by " + (reminderData == null ? void 0 : reminderData.completed_by),
|
|
7312
6611
|
status: "SD"
|
|
7313
|
-
}))))), React__default.createElement(ContentsContainer, null, React__default.createElement(Left$1, null, React__default.createElement(AssigneeDropdown, null), React__default.createElement(DateTimeContainer, null, React__default.createElement(Label$
|
|
6612
|
+
}))))), React__default.createElement(ContentsContainer, null, React__default.createElement(Left$1, null, React__default.createElement(AssigneeDropdown, null), React__default.createElement(DateTimeContainer, null, React__default.createElement(Label$d, null, "Due "), React__default.createElement(Row$5, null, (reminderPayload == null ? void 0 : reminderPayload.due_date) && React__default.createElement(StyledDateContainer, null, React__default.createElement(DatePicker, {
|
|
7314
6613
|
dateFormat: "EEE, dd MMM yyyy",
|
|
7315
6614
|
selected: reminderPayload != null && reminderPayload.due_date ? dateFns.parse(reminderPayload.due_date, 'yyyy-MM-dd', new Date()) : null,
|
|
7316
6615
|
onChange: handleDateChange,
|
|
@@ -7319,29 +6618,29 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
7319
6618
|
onChange: handleTime,
|
|
7320
6619
|
value: reminderPayload == null ? void 0 : reminderPayload.due_time,
|
|
7321
6620
|
type: "time"
|
|
7322
|
-
}))))), React__default.createElement(Right$2, null, React__default.createElement(DetailedContainer, null, React__default.createElement(Label$
|
|
6621
|
+
}))))), React__default.createElement(Right$2, null, React__default.createElement(DetailedContainer, null, React__default.createElement(Label$d, null, "Details"), React__default.createElement(StyledText, {
|
|
7323
6622
|
name: "text",
|
|
7324
6623
|
required: true,
|
|
7325
6624
|
value: reminderPayload == null ? void 0 : reminderPayload.details,
|
|
7326
6625
|
onChange: onChangeDetails
|
|
7327
6626
|
}))))));
|
|
7328
6627
|
};
|
|
7329
|
-
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7330
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7331
|
-
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
7332
|
-
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7333
|
-
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
7334
|
-
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$
|
|
7335
|
-
var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
7336
|
-
|
|
7337
|
-
var _templateObject$
|
|
6628
|
+
var StyledWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6629
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6630
|
+
var StyledSpan = /*#__PURE__*/styled__default.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"])));
|
|
6631
|
+
var StyledCheckbox = /*#__PURE__*/styled__default.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"])));
|
|
6632
|
+
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
6633
|
+
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6634
|
+
var LabelText = /*#__PURE__*/styled__default.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"])));
|
|
6635
|
+
|
|
6636
|
+
var _templateObject$1x, _templateObject3$I, _templateObject5$c, _templateObject7$a, _templateObject8$6, _templateObject9$3;
|
|
7338
6637
|
// Shared styles and components
|
|
7339
|
-
var Wrapper$
|
|
7340
|
-
var SplitContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7341
|
-
var Label$e = /*#__PURE__*/styled__default.label(_templateObject5$
|
|
7342
|
-
var ContentContainer$
|
|
7343
|
-
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
7344
|
-
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
6638
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6639
|
+
var SplitContainer = /*#__PURE__*/styled__default.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"])));
|
|
6640
|
+
var Label$e = /*#__PURE__*/styled__default.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"])));
|
|
6641
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
6642
|
+
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
6643
|
+
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
7345
6644
|
var FormRow = function FormRow(_ref) {
|
|
7346
6645
|
var label = _ref.label,
|
|
7347
6646
|
children = _ref.children,
|
|
@@ -7355,7 +6654,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
7355
6654
|
}, " * ")), children);
|
|
7356
6655
|
};
|
|
7357
6656
|
|
|
7358
|
-
var _templateObject$
|
|
6657
|
+
var _templateObject$1y, _templateObject2$1d, _templateObject3$J, _templateObject4$o, _templateObject5$d;
|
|
7359
6658
|
dayjs.extend(utc);
|
|
7360
6659
|
dayjs.extend(dateFns.isValid);
|
|
7361
6660
|
function CreateReminderModal() {
|
|
@@ -7470,16 +6769,16 @@ function CreateReminderModal() {
|
|
|
7470
6769
|
});
|
|
7471
6770
|
});
|
|
7472
6771
|
};
|
|
7473
|
-
return React__default.createElement(Wrapper$
|
|
6772
|
+
return React__default.createElement(Wrapper$h, null, React__default.createElement(SplitContainer, null, React__default.createElement(FormRow, {
|
|
7474
6773
|
label: "Assigned To"
|
|
7475
|
-
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$
|
|
6774
|
+
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$1, {
|
|
7476
6775
|
options: [],
|
|
7477
6776
|
placeholder: "IND",
|
|
7478
6777
|
onChange: handleSelectChange,
|
|
7479
6778
|
style: {
|
|
7480
6779
|
width: '8vw'
|
|
7481
6780
|
}
|
|
7482
|
-
}), React__default.createElement(StyledAntSelect$
|
|
6781
|
+
}), React__default.createElement(StyledAntSelect$1, {
|
|
7483
6782
|
options: departmentOptions,
|
|
7484
6783
|
placeholder: "Select Department",
|
|
7485
6784
|
onChange: handleDepartmentChange,
|
|
@@ -7487,7 +6786,7 @@ function CreateReminderModal() {
|
|
|
7487
6786
|
width: '18vw'
|
|
7488
6787
|
},
|
|
7489
6788
|
value: createReminder.department_id
|
|
7490
|
-
})), React__default.createElement(StyledAntSelect$
|
|
6789
|
+
})), React__default.createElement(StyledAntSelect$1, {
|
|
7491
6790
|
options: [],
|
|
7492
6791
|
placeholder: "Select User",
|
|
7493
6792
|
onChange: handleSelectChange,
|
|
@@ -7496,7 +6795,7 @@ function CreateReminderModal() {
|
|
|
7496
6795
|
}
|
|
7497
6796
|
}), React__default.createElement(StyledLink, null, "Assign to me")), (createReminder.department_id === 1 || createReminder.department_id === 2) && React__default.createElement(React__default.Fragment, null, React__default.createElement(FormRow, {
|
|
7498
6797
|
label: "Category"
|
|
7499
|
-
}, React__default.createElement(StyledAntSelect$
|
|
6798
|
+
}, React__default.createElement(StyledAntSelect$1, {
|
|
7500
6799
|
style: {
|
|
7501
6800
|
minWidth: '20vw'
|
|
7502
6801
|
},
|
|
@@ -7506,7 +6805,7 @@ function CreateReminderModal() {
|
|
|
7506
6805
|
value: createReminder.task_categories_id
|
|
7507
6806
|
})), React__default.createElement(FormRow, {
|
|
7508
6807
|
label: "Type"
|
|
7509
|
-
}, React__default.createElement(StyledAntSelect$
|
|
6808
|
+
}, React__default.createElement(StyledAntSelect$1, {
|
|
7510
6809
|
options: subCategoryOptions,
|
|
7511
6810
|
placeholder: "Select Type",
|
|
7512
6811
|
onChange: handleTypeChange,
|
|
@@ -7578,11 +6877,11 @@ function CreateReminderModal() {
|
|
|
7578
6877
|
onChange: handleChange
|
|
7579
6878
|
})));
|
|
7580
6879
|
}
|
|
7581
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7582
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7583
|
-
var StyledAntSelect$
|
|
7584
|
-
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
7585
|
-
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
6880
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
6881
|
+
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
6882
|
+
var StyledAntSelect$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
6883
|
+
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6884
|
+
var StyledLink = /*#__PURE__*/styled__default.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"])));
|
|
7586
6885
|
|
|
7587
6886
|
function useCreateReminder() {
|
|
7588
6887
|
var ssoToken = getCookie('id_token');
|
|
@@ -7752,7 +7051,7 @@ function useFetchUnresolvedTasks() {
|
|
|
7752
7051
|
return perform;
|
|
7753
7052
|
}
|
|
7754
7053
|
|
|
7755
|
-
var _templateObject$
|
|
7054
|
+
var _templateObject$1z;
|
|
7756
7055
|
function TaskReminderModal() {
|
|
7757
7056
|
var createReminderAPI = useCreateReminder();
|
|
7758
7057
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7849,11 +7148,11 @@ function TaskReminderModal() {
|
|
|
7849
7148
|
onSubmit: handleReminderSubmit,
|
|
7850
7149
|
submitBtnTitle: 'Save Reminder',
|
|
7851
7150
|
isSubmitDisabled: isSubmitDisabled()
|
|
7852
|
-
}, React__default.createElement(ContentContainer$
|
|
7151
|
+
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
7853
7152
|
}
|
|
7854
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
7153
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7855
7154
|
|
|
7856
|
-
var _templateObject$
|
|
7155
|
+
var _templateObject$1A, _templateObject2$1e;
|
|
7857
7156
|
function OrderLock() {
|
|
7858
7157
|
var _useCurrentAction = useCurrentAction(),
|
|
7859
7158
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7906,8 +7205,8 @@ function OrderLock() {
|
|
|
7906
7205
|
})
|
|
7907
7206
|
});
|
|
7908
7207
|
}
|
|
7909
|
-
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$
|
|
7910
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7208
|
+
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7209
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7911
7210
|
|
|
7912
7211
|
function useUpdateFlag() {
|
|
7913
7212
|
var ssoToken = getCookie('id_token');
|
|
@@ -7977,7 +7276,7 @@ function useUpdateFlag() {
|
|
|
7977
7276
|
return create;
|
|
7978
7277
|
}
|
|
7979
7278
|
|
|
7980
|
-
var _templateObject$
|
|
7279
|
+
var _templateObject$1B, _templateObject2$1f, _templateObject3$K, _templateObject4$p, _templateObject5$e, _templateObject6$a;
|
|
7981
7280
|
function HeaderSection() {
|
|
7982
7281
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7983
7282
|
dataArray = _useSingleFlagData[0];
|
|
@@ -8047,14 +7346,14 @@ function HeaderSection() {
|
|
|
8047
7346
|
})
|
|
8048
7347
|
})));
|
|
8049
7348
|
}
|
|
8050
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8051
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
8052
|
-
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$
|
|
8053
|
-
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
8054
|
-
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8055
|
-
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7349
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7350
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7351
|
+
var ResolveButton = /*#__PURE__*/styled__default.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
7352
|
+
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
7353
|
+
var StyledOverlay = /*#__PURE__*/styled__default.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"])));
|
|
7354
|
+
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
8056
7355
|
|
|
8057
|
-
var _templateObject$
|
|
7356
|
+
var _templateObject$1C, _templateObject2$1g;
|
|
8058
7357
|
function TextSection() {
|
|
8059
7358
|
var _useSinglePayload = useSinglePayload(),
|
|
8060
7359
|
payload = _useSinglePayload[0],
|
|
@@ -8072,10 +7371,10 @@ function TextSection() {
|
|
|
8072
7371
|
onChange: onChangeDetails
|
|
8073
7372
|
}));
|
|
8074
7373
|
}
|
|
8075
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
8076
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7374
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7375
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
8077
7376
|
|
|
8078
|
-
var _templateObject$
|
|
7377
|
+
var _templateObject$1D, _templateObject2$1h;
|
|
8079
7378
|
function ButtonsSection() {
|
|
8080
7379
|
var _useSinglePayload = useSinglePayload(),
|
|
8081
7380
|
payload = _useSinglePayload[0],
|
|
@@ -8106,7 +7405,7 @@ function ButtonsSection() {
|
|
|
8106
7405
|
}));
|
|
8107
7406
|
};
|
|
8108
7407
|
var isStatusShow = dataArray == null ? void 0 : dataArray.task_status_id;
|
|
8109
|
-
return React__default.createElement(Buttons, null, React__default.createElement(Flex
|
|
7408
|
+
return React__default.createElement(Buttons, null, React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8110
7409
|
label: "Type"
|
|
8111
7410
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
8112
7411
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
|
|
@@ -8130,7 +7429,7 @@ function ButtonsSection() {
|
|
|
8130
7429
|
return f.value === payload.task_type_id;
|
|
8131
7430
|
}),
|
|
8132
7431
|
onChange: onFlagtypeChange
|
|
8133
|
-
})), React__default.createElement(Flex
|
|
7432
|
+
})), React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8134
7433
|
label: "Priority"
|
|
8135
7434
|
}), React__default.createElement(dmsComponentLibrary.SelectDropdown, {
|
|
8136
7435
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, dmsComponentLibrary.filterDropdownStyles, {
|
|
@@ -8154,22 +7453,22 @@ function ButtonsSection() {
|
|
|
8154
7453
|
return f.value === payload.task_priority_id;
|
|
8155
7454
|
}),
|
|
8156
7455
|
onChange: onPriorityChange
|
|
8157
|
-
})), React__default.createElement(React__default.Fragment, null, isStatusShow === 1 ? React__default.createElement(Flex
|
|
7456
|
+
})), React__default.createElement(React__default.Fragment, null, isStatusShow === 1 ? React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8158
7457
|
label: "Status"
|
|
8159
7458
|
}), React__default.createElement(StatusIndicator, {
|
|
8160
7459
|
text: "Unresolved",
|
|
8161
7460
|
status: "AD"
|
|
8162
|
-
})) : React__default.createElement(Flex
|
|
7461
|
+
})) : React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
8163
7462
|
label: "Status"
|
|
8164
7463
|
}), React__default.createElement(StatusIndicator, {
|
|
8165
7464
|
text: "Resolved on " + formatDate(dataArray == null ? void 0 : dataArray.resolved_at) + " by " + (dataArray == null ? void 0 : dataArray.resolved_by),
|
|
8166
7465
|
status: "SD"
|
|
8167
7466
|
}))));
|
|
8168
7467
|
}
|
|
8169
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8170
|
-
var Flex
|
|
7468
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7469
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
8171
7470
|
|
|
8172
|
-
var _templateObject$
|
|
7471
|
+
var _templateObject$1E, _templateObject2$1i, _templateObject3$L, _templateObject4$q, _templateObject5$f, _templateObject6$b;
|
|
8173
7472
|
function ActionSection() {
|
|
8174
7473
|
var _useCurrentAction = useCurrentAction(),
|
|
8175
7474
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8208,7 +7507,7 @@ function ActionSection() {
|
|
|
8208
7507
|
setCurrentAction(undefined);
|
|
8209
7508
|
};
|
|
8210
7509
|
var isDisabled = dataArray.task_status_id === 2;
|
|
8211
|
-
return React__default.createElement(Wrapper$
|
|
7510
|
+
return React__default.createElement(Wrapper$i, null, React__default.createElement(Tippy, {
|
|
8212
7511
|
content: React__default.createElement(TooltipContent, null, 'This task cannot be edited because it has been marked as resolved.'),
|
|
8213
7512
|
placement: "bottom",
|
|
8214
7513
|
arrow: true,
|
|
@@ -8216,7 +7515,7 @@ function ActionSection() {
|
|
|
8216
7515
|
}, React__default.createElement(ButtonWrapper, null, React__default.createElement(SaveButton, {
|
|
8217
7516
|
onClick: onSubmit,
|
|
8218
7517
|
disabled: isDisabled
|
|
8219
|
-
}, "SAVE DETAILS"), React__default.createElement(CancelButton
|
|
7518
|
+
}, "SAVE DETAILS"), React__default.createElement(CancelButton, {
|
|
8220
7519
|
onClick: onCancel
|
|
8221
7520
|
}, "CANCEL"))));
|
|
8222
7521
|
}
|
|
@@ -8255,30 +7554,30 @@ function RadioButtonsSection() {
|
|
|
8255
7554
|
required: false
|
|
8256
7555
|
}));
|
|
8257
7556
|
}
|
|
8258
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8259
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
8260
|
-
var CancelButton
|
|
8261
|
-
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8262
|
-
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8263
|
-
var Wrapper$
|
|
7557
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7558
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7559
|
+
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7560
|
+
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7561
|
+
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
7562
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8264
7563
|
|
|
8265
|
-
var _templateObject$
|
|
7564
|
+
var _templateObject$1F, _templateObject2$1j, _templateObject3$M, _templateObject4$r, _templateObject5$g;
|
|
8266
7565
|
function DetailSection() {
|
|
8267
7566
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
8268
7567
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8269
7568
|
dataArray = _useSingleFlagData[0];
|
|
8270
7569
|
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);
|
|
8271
|
-
return React__default.createElement(Detail, null, React__default.createElement(Flex$
|
|
7570
|
+
return React__default.createElement(Detail, null, React__default.createElement(Flex$1, null, React__default.createElement(StyledLabel$1, {
|
|
8272
7571
|
label: "Reference"
|
|
8273
|
-
}), React__default.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React__default.createElement(Flex$
|
|
7572
|
+
}), React__default.createElement(Ref, null, dataArray == null ? void 0 : dataArray.id)), React__default.createElement(Flex$1, null, React__default.createElement(StyledLabel$1, {
|
|
8274
7573
|
label: "Order"
|
|
8275
7574
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
8276
7575
|
}
|
|
8277
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8278
|
-
var Flex$
|
|
8279
|
-
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8280
|
-
var Order = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8281
|
-
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$
|
|
7576
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
7577
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7578
|
+
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7579
|
+
var Order = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7580
|
+
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
8282
7581
|
|
|
8283
7582
|
function useFetchSingleFlagsData() {
|
|
8284
7583
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -8360,7 +7659,7 @@ function useFetchSingleFlagsData() {
|
|
|
8360
7659
|
return res;
|
|
8361
7660
|
}
|
|
8362
7661
|
|
|
8363
|
-
var _templateObject$
|
|
7662
|
+
var _templateObject$1G, _templateObject2$1k, _templateObject3$N;
|
|
8364
7663
|
function ViewFlag() {
|
|
8365
7664
|
var _useSingleFlagData = useSingleFlagData(),
|
|
8366
7665
|
dataArray = _useSingleFlagData[0],
|
|
@@ -8457,11 +7756,11 @@ function ViewFlag() {
|
|
|
8457
7756
|
}, [dataArray]);
|
|
8458
7757
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
8459
7758
|
}
|
|
8460
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8461
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
8462
|
-
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7759
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
7760
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
7761
|
+
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
8463
7762
|
|
|
8464
|
-
var _templateObject$
|
|
7763
|
+
var _templateObject$1H;
|
|
8465
7764
|
function ReleaseOrder() {
|
|
8466
7765
|
var _useOrderId = useOrderId(),
|
|
8467
7766
|
orderId = _useOrderId[0];
|
|
@@ -8540,9 +7839,9 @@ function ReleaseOrder() {
|
|
|
8540
7839
|
// position: absolute;
|
|
8541
7840
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
8542
7841
|
// `;
|
|
8543
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
7842
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
8544
7843
|
|
|
8545
|
-
var _templateObject$
|
|
7844
|
+
var _templateObject$1I;
|
|
8546
7845
|
function OrderActions() {
|
|
8547
7846
|
var _useCurrentAction = useCurrentAction(),
|
|
8548
7847
|
currentAction = _useCurrentAction[0];
|
|
@@ -8550,8 +7849,6 @@ function OrderActions() {
|
|
|
8550
7849
|
switch (currentAction) {
|
|
8551
7850
|
case 'add-resources':
|
|
8552
7851
|
return React__default.createElement(AddResources, null);
|
|
8553
|
-
case 'bulk-update':
|
|
8554
|
-
return React__default.createElement(UpdateProductType, null);
|
|
8555
7852
|
case 'split-order':
|
|
8556
7853
|
return React__default.createElement(SplitOrder, null);
|
|
8557
7854
|
case 'release-order':
|
|
@@ -8574,8 +7871,6 @@ function OrderActions() {
|
|
|
8574
7871
|
return React__default.createElement(ChangeCustomerAccModal, null);
|
|
8575
7872
|
case 'hold-order':
|
|
8576
7873
|
return React__default.createElement(HoldOrderModal, null);
|
|
8577
|
-
case 'escalations':
|
|
8578
|
-
return React__default.createElement(EscalationModal, null);
|
|
8579
7874
|
case 'create-task':
|
|
8580
7875
|
return React__default.createElement(TaskReminderModal, null);
|
|
8581
7876
|
case 'log-feedback':
|
|
@@ -8584,8 +7879,6 @@ function OrderActions() {
|
|
|
8584
7879
|
return React__default.createElement(ChargeLog, null);
|
|
8585
7880
|
case 'unhold-order':
|
|
8586
7881
|
return React__default.createElement(UnholdOrder, null);
|
|
8587
|
-
case 'restore-products':
|
|
8588
|
-
return React__default.createElement(RestoreProducts, null);
|
|
8589
7882
|
case 'view-reminder':
|
|
8590
7883
|
return React__default.createElement(ViewReminderModal, null);
|
|
8591
7884
|
case 'order-lock':
|
|
@@ -8598,9 +7891,9 @@ function OrderActions() {
|
|
|
8598
7891
|
return null;
|
|
8599
7892
|
}
|
|
8600
7893
|
};
|
|
8601
|
-
return React__default.createElement(Container$
|
|
7894
|
+
return React__default.createElement(Container$12, null, renderContent());
|
|
8602
7895
|
}
|
|
8603
|
-
var Container$
|
|
7896
|
+
var Container$12 = /*#__PURE__*/styled__default.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8604
7897
|
|
|
8605
7898
|
function useSystemLogs() {
|
|
8606
7899
|
var ssoToken = getCookie('id_token');
|
|
@@ -8692,7 +7985,7 @@ function useSystemLogs() {
|
|
|
8692
7985
|
return perform;
|
|
8693
7986
|
}
|
|
8694
7987
|
|
|
8695
|
-
var _templateObject$
|
|
7988
|
+
var _templateObject$1J, _templateObject2$1l;
|
|
8696
7989
|
var Details = function Details() {
|
|
8697
7990
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8698
7991
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8701,24 +7994,24 @@ var Details = function Details() {
|
|
|
8701
7994
|
var postcodeShow = (orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r2.postcode) || '';
|
|
8702
7995
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8703
7996
|
};
|
|
8704
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8705
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7997
|
+
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
7998
|
+
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
8706
7999
|
|
|
8707
|
-
var _templateObject$
|
|
8708
|
-
var DropDownContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8000
|
+
var _templateObject$1K;
|
|
8001
|
+
var DropDownContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
8709
8002
|
|
|
8710
|
-
var _templateObject$
|
|
8003
|
+
var _templateObject$1L;
|
|
8711
8004
|
var DropDownItem = function DropDownItem(_ref) {
|
|
8712
8005
|
var label = _ref.label,
|
|
8713
8006
|
icon = _ref.icon,
|
|
8714
8007
|
onClick = _ref.onClick;
|
|
8715
|
-
return React__default.createElement(Flex$
|
|
8008
|
+
return React__default.createElement(Flex$2, {
|
|
8716
8009
|
onClick: onClick
|
|
8717
8010
|
}, React__default.createElement("label", null, label), icon);
|
|
8718
8011
|
};
|
|
8719
|
-
var Flex$
|
|
8012
|
+
var Flex$2 = /*#__PURE__*/styled__default.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"])));
|
|
8720
8013
|
|
|
8721
|
-
var _templateObject$
|
|
8014
|
+
var _templateObject$1M;
|
|
8722
8015
|
var DropDownMenu = function DropDownMenu(_ref) {
|
|
8723
8016
|
var options = _ref.options,
|
|
8724
8017
|
onSelect = _ref.onSelect;
|
|
@@ -8733,7 +8026,7 @@ var DropDownMenu = function DropDownMenu(_ref) {
|
|
|
8733
8026
|
});
|
|
8734
8027
|
}));
|
|
8735
8028
|
};
|
|
8736
|
-
var DropDownContent = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8029
|
+
var DropDownContent = /*#__PURE__*/styled__default.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"])));
|
|
8737
8030
|
|
|
8738
8031
|
var DropDownLarge = function DropDownLarge() {
|
|
8739
8032
|
return React__default.createElement("svg", {
|
|
@@ -8829,11 +8122,9 @@ var OptionsDropDown = function OptionsDropDown() {
|
|
|
8829
8122
|
}));
|
|
8830
8123
|
};
|
|
8831
8124
|
|
|
8832
|
-
|
|
8833
|
-
|
|
8834
|
-
|
|
8835
|
-
value: 'add-order-resources'
|
|
8836
|
-
}, {
|
|
8125
|
+
var Options$1 = [
|
|
8126
|
+
// { label: 'Add Order Resource ', value: 'add-order-resources' },
|
|
8127
|
+
{
|
|
8837
8128
|
label: 'Split Order ',
|
|
8838
8129
|
value: 'split-order'
|
|
8839
8130
|
}];
|
|
@@ -8841,19 +8132,16 @@ var MenuDropDown = function MenuDropDown() {
|
|
|
8841
8132
|
var _useState = React.useState(false),
|
|
8842
8133
|
isOpen = _useState[0],
|
|
8843
8134
|
setIsOpen = _useState[1];
|
|
8844
|
-
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
8845
|
-
dispatch = _useAtom[1];
|
|
8846
8135
|
var dropdownRef = React.useRef(null);
|
|
8136
|
+
var _useCurrentAction = useCurrentAction(),
|
|
8137
|
+
setCurrentAction = _useCurrentAction[1];
|
|
8847
8138
|
var handleClick = function handleClick() {
|
|
8848
8139
|
setIsOpen(function (prev) {
|
|
8849
8140
|
return !prev;
|
|
8850
8141
|
});
|
|
8851
8142
|
};
|
|
8852
|
-
var handleSelect = function handleSelect(
|
|
8853
|
-
|
|
8854
|
-
dispatch({
|
|
8855
|
-
type: value
|
|
8856
|
-
});
|
|
8143
|
+
var handleSelect = function handleSelect(selectedOption) {
|
|
8144
|
+
setCurrentAction(selectedOption);
|
|
8857
8145
|
setIsOpen(false);
|
|
8858
8146
|
};
|
|
8859
8147
|
React.useEffect(function () {
|
|
@@ -8949,27 +8237,27 @@ function Print() {
|
|
|
8949
8237
|
}));
|
|
8950
8238
|
}
|
|
8951
8239
|
|
|
8952
|
-
var _templateObject$
|
|
8240
|
+
var _templateObject$1N;
|
|
8953
8241
|
// components
|
|
8954
8242
|
function DropDowns$1() {
|
|
8955
8243
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper, null, React__default.createElement(MenuDropDown, null), React__default.createElement(OptionsDropDown, null), React__default.createElement(Print, null)));
|
|
8956
8244
|
}
|
|
8957
|
-
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$
|
|
8245
|
+
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-content: center;\n gap: 10px;\n"])));
|
|
8958
8246
|
|
|
8959
|
-
var _templateObject$
|
|
8247
|
+
var _templateObject$1O;
|
|
8960
8248
|
// import Actions from './actions/Actions';
|
|
8961
8249
|
var ActionsMenu = function ActionsMenu() {
|
|
8962
|
-
return React__default.createElement(Flex$
|
|
8250
|
+
return React__default.createElement(Flex$3, null, React__default.createElement(DropDowns$1, null));
|
|
8963
8251
|
};
|
|
8964
|
-
var Flex$
|
|
8252
|
+
var Flex$3 = /*#__PURE__*/styled__default.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"])));
|
|
8965
8253
|
|
|
8966
|
-
var _templateObject$
|
|
8254
|
+
var _templateObject$1P;
|
|
8967
8255
|
var DetailsFilters = function DetailsFilters() {
|
|
8968
|
-
return React__default.createElement(Flex$
|
|
8256
|
+
return React__default.createElement(Flex$4, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
8969
8257
|
};
|
|
8970
|
-
var Flex$
|
|
8258
|
+
var Flex$4 = /*#__PURE__*/styled__default.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"])));
|
|
8971
8259
|
|
|
8972
|
-
var _templateObject$
|
|
8260
|
+
var _templateObject$1Q, _templateObject2$1m, _templateObject3$O, _templateObject4$s;
|
|
8973
8261
|
function OrderView() {
|
|
8974
8262
|
antd.notification.config({
|
|
8975
8263
|
top: 150
|
|
@@ -9255,18 +8543,18 @@ function OrderView() {
|
|
|
9255
8543
|
}, [gsitId]);
|
|
9256
8544
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
9257
8545
|
}
|
|
9258
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9259
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9260
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9261
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9262
|
-
|
|
9263
|
-
var _templateObject3$
|
|
9264
|
-
var CoverPage = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9265
|
-
var Wrapper$
|
|
9266
|
-
var Label$g = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9267
|
-
var FilterRow = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9268
|
-
var FilterColumn = /*#__PURE__*/styled__default.div(_templateObject9$
|
|
9269
|
-
var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
8546
|
+
var MainContainer$b = /*#__PURE__*/styled__default.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"])));
|
|
8547
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8548
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8549
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8550
|
+
|
|
8551
|
+
var _templateObject3$P, _templateObject5$h, _templateObject7$b, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject14$2;
|
|
8552
|
+
var CoverPage = /*#__PURE__*/styled__default.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"])));
|
|
8553
|
+
var Wrapper$j = /*#__PURE__*/styled__default.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"])));
|
|
8554
|
+
var Label$g = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8555
|
+
var FilterRow = /*#__PURE__*/styled__default.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"])));
|
|
8556
|
+
var FilterColumn = /*#__PURE__*/styled__default.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"])));
|
|
8557
|
+
var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: row;\n display: flex;\n gap: 15px;\n"])));
|
|
9270
8558
|
var LeftColumn = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: row;\n display: flex;\n"])));
|
|
9271
8559
|
var ApplyButton = /*#__PURE__*/styled__default.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"])));
|
|
9272
8560
|
|
|
@@ -9373,7 +8661,7 @@ var filtersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
9373
8661
|
return set(filtersStateAtom, filterReducer(get(filtersStateAtom), action));
|
|
9374
8662
|
});
|
|
9375
8663
|
|
|
9376
|
-
var _templateObject$
|
|
8664
|
+
var _templateObject$1R;
|
|
9377
8665
|
function SelectionFilter() {
|
|
9378
8666
|
var _useCustomerData = useCustomerData(),
|
|
9379
8667
|
customers = _useCustomerData[0];
|
|
@@ -9624,7 +8912,7 @@ function SelectionFilter() {
|
|
|
9624
8912
|
window.location.replace('/returnclient');
|
|
9625
8913
|
}
|
|
9626
8914
|
}, [clearState]);
|
|
9627
|
-
return React__default.createElement(Wrapper$
|
|
8915
|
+
return React__default.createElement(Wrapper$j, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$2, {
|
|
9628
8916
|
options: clientOptions,
|
|
9629
8917
|
placeholder: "Select Client Name",
|
|
9630
8918
|
onChange: handleSelectChange,
|
|
@@ -9634,7 +8922,7 @@ function SelectionFilter() {
|
|
|
9634
8922
|
value: storedName,
|
|
9635
8923
|
allowClear: true,
|
|
9636
8924
|
onClear: handleClear
|
|
9637
|
-
})), storedName && location.pathname.includes("filter/") ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Action Type"), React__default.createElement(StyledAntSelect$
|
|
8925
|
+
})), storedName && location.pathname.includes("filter/") ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Action Type"), React__default.createElement(StyledAntSelect$2, {
|
|
9638
8926
|
options: actionTypeOptions,
|
|
9639
8927
|
placeholder: "Select Action Type",
|
|
9640
8928
|
value: selectedFilterValue,
|
|
@@ -9643,7 +8931,7 @@ function SelectionFilter() {
|
|
|
9643
8931
|
minWidth: '14vw'
|
|
9644
8932
|
},
|
|
9645
8933
|
allowClear: true
|
|
9646
|
-
})), React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Location "), React__default.createElement(StyledAntSelect$
|
|
8934
|
+
})), React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Location "), React__default.createElement(StyledAntSelect$2, {
|
|
9647
8935
|
options: (filteredLocationOptions == null ? void 0 : filteredLocationOptions.length) > 0 ? filteredLocationOptions : LocationOptions,
|
|
9648
8936
|
value: selectedLocationValue,
|
|
9649
8937
|
placeholder: "Select Location",
|
|
@@ -9658,7 +8946,7 @@ function SelectionFilter() {
|
|
|
9658
8946
|
disabled: !isButtonEnabled
|
|
9659
8947
|
}, "Apply"))));
|
|
9660
8948
|
}
|
|
9661
|
-
var StyledAntSelect$
|
|
8949
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default(antd.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"])));
|
|
9662
8950
|
|
|
9663
8951
|
// import { ApiResponse } from '../../types';
|
|
9664
8952
|
// import { useApiHook } from '@bjsdistribution/dms-component-library';
|
|
@@ -9722,17 +9010,17 @@ function HeaderFilter() {
|
|
|
9722
9010
|
return React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null));
|
|
9723
9011
|
}
|
|
9724
9012
|
|
|
9725
|
-
var _templateObject$
|
|
9013
|
+
var _templateObject$1S, _templateObject4$t, _templateObject5$i, _templateObject7$c, _templateObject8$8;
|
|
9726
9014
|
//Left side
|
|
9727
|
-
var LeftSideConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9015
|
+
var LeftSideConatiner = /*#__PURE__*/styled__default.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"])));
|
|
9728
9016
|
//
|
|
9729
|
-
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9730
|
-
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9731
|
-
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9017
|
+
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9018
|
+
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
9019
|
+
var Text$8 = /*#__PURE__*/styled__default.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"])));
|
|
9732
9020
|
// Right side filter
|
|
9733
|
-
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
9021
|
+
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9734
9022
|
|
|
9735
|
-
var _templateObject$
|
|
9023
|
+
var _templateObject$1T, _templateObject2$1n;
|
|
9736
9024
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9737
9025
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9738
9026
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9741,7 +9029,7 @@ var RightFilters = function RightFilters() {
|
|
|
9741
9029
|
dispatch = _useAtom[1];
|
|
9742
9030
|
var _useSelectedOrders = useSelectedOrders(),
|
|
9743
9031
|
selectedReturnOrder = _useSelectedOrders[0];
|
|
9744
|
-
return React__default.createElement(Container$
|
|
9032
|
+
return React__default.createElement(Container$13, null, React__default.createElement(ButtonText, {
|
|
9745
9033
|
onClick: function onClick() {
|
|
9746
9034
|
return dispatch({
|
|
9747
9035
|
type: 'create-return'
|
|
@@ -9750,7 +9038,7 @@ var RightFilters = function RightFilters() {
|
|
|
9750
9038
|
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
9751
9039
|
}, "Create Return"));
|
|
9752
9040
|
};
|
|
9753
|
-
var Container$
|
|
9041
|
+
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
9754
9042
|
// const Mid = styled.div`
|
|
9755
9043
|
// display: flex;
|
|
9756
9044
|
// padding: 4px 10px;
|
|
@@ -9759,7 +9047,7 @@ var Container$14 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_temp
|
|
|
9759
9047
|
// align-self: stretch;
|
|
9760
9048
|
// border-radius: 15px 0px 0px 15px;
|
|
9761
9049
|
// `;
|
|
9762
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9050
|
+
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
9763
9051
|
|
|
9764
9052
|
var ReturnFilter = function ReturnFilter() {
|
|
9765
9053
|
var _useParams = reactRouterDom.useParams(),
|
|
@@ -9767,12 +9055,12 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9767
9055
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, " ", clientName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9768
9056
|
};
|
|
9769
9057
|
|
|
9770
|
-
var _templateObject$
|
|
9771
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9772
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9058
|
+
var _templateObject$1U, _templateObject2$1o, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9059
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9060
|
+
var GreyBox = /*#__PURE__*/styled__default.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"])));
|
|
9773
9061
|
// Styled components
|
|
9774
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9775
|
-
var StyledTable$
|
|
9062
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
9063
|
+
var StyledTable$3 = /*#__PURE__*/styled__default.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"])));
|
|
9776
9064
|
var EmptyDataContainer$1 = /*#__PURE__*/styled__default.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
9777
9065
|
var ClearAll = /*#__PURE__*/styled__default.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
9778
9066
|
var StyledFilterBtnIcon = /*#__PURE__*/styled__default.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #f1f5f6;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
@@ -9960,8 +9248,8 @@ var optionsForReturnPrint = [{
|
|
|
9960
9248
|
label: 'Print Return Labels'
|
|
9961
9249
|
}];
|
|
9962
9250
|
|
|
9963
|
-
var _templateObject$
|
|
9964
|
-
var options
|
|
9251
|
+
var _templateObject$1V, _templateObject2$1p;
|
|
9252
|
+
var options = optionsForReturnPrint;
|
|
9965
9253
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9966
9254
|
var legacyProductId = _ref.legacyProductId;
|
|
9967
9255
|
console.log(legacyProductId, 'legacyProductId');
|
|
@@ -9969,7 +9257,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9969
9257
|
var url = "https://toolbox.bjshomedelivery.com/offload/return_label?gsit_products_id=" + legacyProductId;
|
|
9970
9258
|
window.open(url, '_blank'); // Opens the URL in a new tab
|
|
9971
9259
|
};
|
|
9972
|
-
return React__default.createElement(OptionsList, null, options
|
|
9260
|
+
return React__default.createElement(OptionsList, null, options == null ? void 0 : options.map(function (item, index) {
|
|
9973
9261
|
var IconComponent = PrintIconMap[item.icon];
|
|
9974
9262
|
return React__default.createElement(OptionsListLi, {
|
|
9975
9263
|
key: index,
|
|
@@ -9977,8 +9265,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9977
9265
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
9978
9266
|
}));
|
|
9979
9267
|
};
|
|
9980
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
9981
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9268
|
+
var OptionsList = /*#__PURE__*/styled__default.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"])));
|
|
9269
|
+
var OptionsListLi = /*#__PURE__*/styled__default.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"])));
|
|
9982
9270
|
|
|
9983
9271
|
var _excluded$3 = ["count"];
|
|
9984
9272
|
var ReturnOrderTable = function ReturnOrderTable() {
|
|
@@ -10258,638 +9546,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
10258
9546
|
})))));
|
|
10259
9547
|
};
|
|
10260
9548
|
|
|
10261
|
-
var
|
|
10262
|
-
label: 'Return1',
|
|
10263
|
-
value: 'return1'
|
|
10264
|
-
}, {
|
|
10265
|
-
label: 'Return2',
|
|
10266
|
-
value: 'return2'
|
|
10267
|
-
}, {
|
|
10268
|
-
label: 'Return3',
|
|
10269
|
-
value: 'return3'
|
|
10270
|
-
}];
|
|
10271
|
-
var TaskType = [{
|
|
10272
|
-
label: 'Client',
|
|
10273
|
-
value: 'client'
|
|
10274
|
-
}, {
|
|
10275
|
-
label: 'Customer Service (CS)',
|
|
10276
|
-
value: 'cs'
|
|
10277
|
-
}, {
|
|
10278
|
-
label: 'Transport (DH)',
|
|
10279
|
-
value: 'dh'
|
|
10280
|
-
}, {
|
|
10281
|
-
label: 'Warehouse',
|
|
10282
|
-
value: 'warehouse'
|
|
10283
|
-
}, {
|
|
10284
|
-
label: 'Customer Portal',
|
|
10285
|
-
value: 'customer-portal'
|
|
10286
|
-
}, {
|
|
10287
|
-
label: 'Delivery App',
|
|
10288
|
-
value: 'delivery-app'
|
|
10289
|
-
}, {
|
|
10290
|
-
label: 'Complaints',
|
|
10291
|
-
value: 'complaints'
|
|
10292
|
-
}, {
|
|
10293
|
-
label: 'Offshore',
|
|
10294
|
-
value: 'offshore'
|
|
10295
|
-
}, {
|
|
10296
|
-
label: 'Stock Admin',
|
|
10297
|
-
value: 'stock-admin'
|
|
10298
|
-
}, {
|
|
10299
|
-
label: 'Call Customer',
|
|
10300
|
-
value: 'call-customer'
|
|
10301
|
-
}, {
|
|
10302
|
-
label: 'Driver Compliance',
|
|
10303
|
-
value: 'driver-compliance'
|
|
10304
|
-
}];
|
|
10305
|
-
var DefectConfirm = [{
|
|
10306
|
-
label: 'Yes',
|
|
10307
|
-
value: 'yes'
|
|
10308
|
-
}, {
|
|
10309
|
-
label: 'No',
|
|
10310
|
-
value: 'no'
|
|
10311
|
-
}];
|
|
10312
|
-
|
|
10313
|
-
var _templateObject$21, _templateObject2$1v, _templateObject3$U, _templateObject4$x;
|
|
10314
|
-
var DefetcDetails = function DefetcDetails() {
|
|
10315
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10316
|
-
console.log('Option selected');
|
|
10317
|
-
};
|
|
10318
|
-
return React__default.createElement(Container$15, null, React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10319
|
-
label: "What is the defect"
|
|
10320
|
-
}), React__default.createElement(StyledAntSelect$5, {
|
|
10321
|
-
options: TaskType,
|
|
10322
|
-
placeholder: "Select defect",
|
|
10323
|
-
onChange: handleSelectChange,
|
|
10324
|
-
selectWrapperClass: "rounded"
|
|
10325
|
-
})), React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10326
|
-
label: "What is the size of the defect?(cm)"
|
|
10327
|
-
}), React__default.createElement(StyledAntSelect$5, {
|
|
10328
|
-
options: TaskType,
|
|
10329
|
-
placeholder: "Select Category",
|
|
10330
|
-
onChange: handleSelectChange,
|
|
10331
|
-
selectWrapperClass: "rounded"
|
|
10332
|
-
}))), React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10333
|
-
label: "Where is the primary defect located?"
|
|
10334
|
-
}), React__default.createElement(StyledAntSelect$5, {
|
|
10335
|
-
options: TaskType,
|
|
10336
|
-
placeholder: "Select located",
|
|
10337
|
-
onChange: handleSelectChange,
|
|
10338
|
-
selectWrapperClass: "rounded"
|
|
10339
|
-
}))), React__default.createElement(Flex$7, null, React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10340
|
-
label: "Where is the secondary defect located?"
|
|
10341
|
-
}), React__default.createElement(StyledAntSelect$5, {
|
|
10342
|
-
options: TaskType,
|
|
10343
|
-
placeholder: "Select secondary defect",
|
|
10344
|
-
onChange: handleSelectChange,
|
|
10345
|
-
selectWrapperClass: "rounded"
|
|
10346
|
-
})), React__default.createElement(LabelWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10347
|
-
label: "Defect Images"
|
|
10348
|
-
}), React__default.createElement(StyledAntSelect$5, {
|
|
10349
|
-
options: TaskType,
|
|
10350
|
-
placeholder: "Select Category",
|
|
10351
|
-
onChange: handleSelectChange,
|
|
10352
|
-
selectWrapperClass: "rounded"
|
|
10353
|
-
}))));
|
|
10354
|
-
};
|
|
10355
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10356
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10357
|
-
var Flex$7 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10358
|
-
var LabelWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10359
|
-
|
|
10360
|
-
var _templateObject$22;
|
|
10361
|
-
var RepackProduct = function RepackProduct() {
|
|
10362
|
-
var options = [{
|
|
10363
|
-
value: 'bjsCouriers',
|
|
10364
|
-
label: 'BJS COURIERS'
|
|
10365
|
-
}, {
|
|
10366
|
-
value: 'bjsSales',
|
|
10367
|
-
label: 'BJS SALES'
|
|
10368
|
-
}, {
|
|
10369
|
-
value: 'test',
|
|
10370
|
-
label: 'TEST'
|
|
10371
|
-
}];
|
|
10372
|
-
var data = [{
|
|
10373
|
-
type: 'Deliver',
|
|
10374
|
-
code: 'WDB10953',
|
|
10375
|
-
scan: 'Delivered',
|
|
10376
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10377
|
-
barcode: '006997824015370739'
|
|
10378
|
-
}, {
|
|
10379
|
-
type: 'Deliver',
|
|
10380
|
-
code: 'WDB10953',
|
|
10381
|
-
scan: 'Delivered',
|
|
10382
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10383
|
-
barcode: '006997824015370739'
|
|
10384
|
-
}, {
|
|
10385
|
-
type: 'Deliver',
|
|
10386
|
-
code: 'WDB10953',
|
|
10387
|
-
scan: 'Delivered',
|
|
10388
|
-
description: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10389
|
-
barcode: '006997824015370739'
|
|
10390
|
-
}];
|
|
10391
|
-
var columns = [{
|
|
10392
|
-
key: 'checkbox',
|
|
10393
|
-
title: '',
|
|
10394
|
-
isCheckbox: true
|
|
10395
|
-
}, {
|
|
10396
|
-
key: 'type',
|
|
10397
|
-
title: 'Type'
|
|
10398
|
-
}, {
|
|
10399
|
-
key: 'code',
|
|
10400
|
-
title: 'Code'
|
|
10401
|
-
}, {
|
|
10402
|
-
key: 'scan',
|
|
10403
|
-
title: 'Scan'
|
|
10404
|
-
}, {
|
|
10405
|
-
key: 'description',
|
|
10406
|
-
title: 'Description'
|
|
10407
|
-
}, {
|
|
10408
|
-
key: 'barcode',
|
|
10409
|
-
title: 'Barcode'
|
|
10410
|
-
}];
|
|
10411
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$1, null, React__default.createElement(dmsComponentLibrary.AntTable, {
|
|
10412
|
-
columns: columns,
|
|
10413
|
-
data: data,
|
|
10414
|
-
selectOptions: options,
|
|
10415
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10416
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10417
|
-
}
|
|
10418
|
-
})));
|
|
10419
|
-
};
|
|
10420
|
-
var GLobalPopupContent$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10421
|
-
|
|
10422
|
-
var _templateObject$23, _templateObject2$1w, _templateObject3$V, _templateObject4$y, _templateObject5$l, _templateObject6$e;
|
|
10423
|
-
var RepackDetails = function RepackDetails() {
|
|
10424
|
-
var _useState = React.useState(false),
|
|
10425
|
-
isAdditionalBoxChecked = _useState[0],
|
|
10426
|
-
setIsAdditionalBoxChecked = _useState[1];
|
|
10427
|
-
var _useState2 = React.useState(false),
|
|
10428
|
-
isRepacked = _useState2[0],
|
|
10429
|
-
setIsRepacked = _useState2[1];
|
|
10430
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10431
|
-
console.log('Option selected');
|
|
10432
|
-
};
|
|
10433
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$16, null, React__default.createElement(Flex$8, null, React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10434
|
-
label: "Who repacked it?"
|
|
10435
|
-
}), React__default.createElement(StyledAntSelect$6, {
|
|
10436
|
-
options: TaskType,
|
|
10437
|
-
placeholder: "Select Category",
|
|
10438
|
-
onChange: handleSelectChange,
|
|
10439
|
-
selectWrapperClass: "rounded"
|
|
10440
|
-
}))), React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10441
|
-
label: "Packaging Type"
|
|
10442
|
-
}), React__default.createElement(StyledAntSelect$6, {
|
|
10443
|
-
options: TaskType,
|
|
10444
|
-
placeholder: "Select located",
|
|
10445
|
-
onChange: handleSelectChange,
|
|
10446
|
-
selectWrapperClass: "rounded"
|
|
10447
|
-
}))), React__default.createElement(Flex$8, null, React__default.createElement(LabelWrapper$1, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10448
|
-
label: "Repack Images"
|
|
10449
|
-
}), React__default.createElement(StyledAntSelect$6, {
|
|
10450
|
-
options: TaskType,
|
|
10451
|
-
placeholder: "Select secondary defect",
|
|
10452
|
-
onChange: handleSelectChange,
|
|
10453
|
-
selectWrapperClass: "rounded"
|
|
10454
|
-
})))), React__default.createElement(Flex$8, null, React__default.createElement(CheckboxContainer$1, null, React__default.createElement(antd.Checkbox, {
|
|
10455
|
-
onChange: function onChange(e) {
|
|
10456
|
-
return setIsAdditionalBoxChecked(e.target.checked);
|
|
10457
|
-
}
|
|
10458
|
-
}, "Has this been repacked into any additional boxes?"), isAdditionalBoxChecked && React__default.createElement(InputWrapper, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10459
|
-
label: "Number of boxes"
|
|
10460
|
-
}), React__default.createElement(antd.Input, {
|
|
10461
|
-
type: "number",
|
|
10462
|
-
placeholder: "Enter number of boxes"
|
|
10463
|
-
})), React__default.createElement(antd.Checkbox, {
|
|
10464
|
-
onChange: function onChange(e) {
|
|
10465
|
-
return setIsRepacked(e.target.checked);
|
|
10466
|
-
}
|
|
10467
|
-
}, "Have any other boxes repacked into this one?"), isRepacked && React__default.createElement(RepackProduct, null)))));
|
|
10468
|
-
};
|
|
10469
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10470
|
-
var CheckboxContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-top: 10px;\n"])));
|
|
10471
|
-
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n margin-left: 24px; // Indent input field to align with the checkbox\n"])));
|
|
10472
|
-
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10473
|
-
var Flex$8 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10474
|
-
var LabelWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10475
|
-
|
|
10476
|
-
var _templateObject$24, _templateObject2$1x, _templateObject3$W, _templateObject4$z;
|
|
10477
|
-
var OtherDamage = function OtherDamage() {
|
|
10478
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10479
|
-
console.log('Option selected');
|
|
10480
|
-
};
|
|
10481
|
-
return React__default.createElement(Container$17, null, React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10482
|
-
label: "What is the primary defect?"
|
|
10483
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10484
|
-
options: TaskType,
|
|
10485
|
-
placeholder: "Select defect",
|
|
10486
|
-
onChange: handleSelectChange,
|
|
10487
|
-
selectWrapperClass: "rounded"
|
|
10488
|
-
})), React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10489
|
-
label: "Where is the Primary defect located?"
|
|
10490
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10491
|
-
options: TaskType,
|
|
10492
|
-
placeholder: "Select secondary defect",
|
|
10493
|
-
onChange: handleSelectChange,
|
|
10494
|
-
selectWrapperClass: "rounded"
|
|
10495
|
-
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10496
|
-
label: "What is the secondary defect?"
|
|
10497
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10498
|
-
options: TaskType,
|
|
10499
|
-
placeholder: "Select Category",
|
|
10500
|
-
onChange: handleSelectChange,
|
|
10501
|
-
selectWrapperClass: "rounded"
|
|
10502
|
-
})), React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10503
|
-
label: "Where is the secondary defect located?"
|
|
10504
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10505
|
-
options: TaskType,
|
|
10506
|
-
placeholder: "Select Category",
|
|
10507
|
-
onChange: handleSelectChange,
|
|
10508
|
-
selectWrapperClass: "rounded"
|
|
10509
|
-
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10510
|
-
label: "Where is the tertiary defect located?\n"
|
|
10511
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10512
|
-
options: TaskType,
|
|
10513
|
-
placeholder: "Select Category",
|
|
10514
|
-
onChange: handleSelectChange,
|
|
10515
|
-
selectWrapperClass: "rounded"
|
|
10516
|
-
})), React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10517
|
-
label: "Defect Images\n"
|
|
10518
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10519
|
-
options: TaskType,
|
|
10520
|
-
placeholder: "Select secondary defect",
|
|
10521
|
-
onChange: handleSelectChange,
|
|
10522
|
-
selectWrapperClass: "rounded"
|
|
10523
|
-
}))), React__default.createElement(Flex$9, null, React__default.createElement(LabelWrapper$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10524
|
-
label: "What is the size of the defect?(cm)"
|
|
10525
|
-
}), React__default.createElement(StyledAntSelect$7, {
|
|
10526
|
-
options: TaskType,
|
|
10527
|
-
placeholder: "Select located",
|
|
10528
|
-
onChange: handleSelectChange,
|
|
10529
|
-
selectWrapperClass: "rounded"
|
|
10530
|
-
}))));
|
|
10531
|
-
};
|
|
10532
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10533
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n border: 1px solid #ccc;\n border-radius: 15px;\n padding: 10px;\n white-space: nowrap;\n"])));
|
|
10534
|
-
var Flex$9 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
10535
|
-
var LabelWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10536
|
-
|
|
10537
|
-
var _templateObject$25, _templateObject2$1y, _templateObject3$X, _templateObject4$A, _templateObject5$m;
|
|
10538
|
-
var AddDefect = function AddDefect() {
|
|
10539
|
-
var _useState = React.useState({
|
|
10540
|
-
actionDuring: '',
|
|
10541
|
-
productDamage: '',
|
|
10542
|
-
productRepacked: '',
|
|
10543
|
-
defectDetails: [{}],
|
|
10544
|
-
productChecked: ''
|
|
10545
|
-
}),
|
|
10546
|
-
state = _useState[0],
|
|
10547
|
-
setState = _useState[1];
|
|
10548
|
-
var handleChange = function handleChange(key) {
|
|
10549
|
-
return function (value) {
|
|
10550
|
-
setState(function (prevState) {
|
|
10551
|
-
var _extends2;
|
|
10552
|
-
return _extends({}, prevState, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
10553
|
-
});
|
|
10554
|
-
console.log(key + " option selected:", value);
|
|
10555
|
-
};
|
|
10556
|
-
};
|
|
10557
|
-
var addDefectDetail = function addDefectDetail() {
|
|
10558
|
-
setState(function (prevState) {
|
|
10559
|
-
return _extends({}, prevState, {
|
|
10560
|
-
defectDetails: [].concat(prevState.defectDetails, [{}])
|
|
10561
|
-
});
|
|
10562
|
-
});
|
|
10563
|
-
};
|
|
10564
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10565
|
-
label: "Does the packaging have any damage?"
|
|
10566
|
-
}), React__default.createElement(StyledAntSelect$8, {
|
|
10567
|
-
options: DefectConfirm,
|
|
10568
|
-
placeholder: "Select",
|
|
10569
|
-
onChange: handleChange('actionDuring'),
|
|
10570
|
-
selectWrapperClass: "rounded"
|
|
10571
|
-
})), state.actionDuring === 'yes' && React__default.createElement(AddButton, {
|
|
10572
|
-
onClick: addDefectDetail
|
|
10573
|
-
}, "Add Defect Detail")), state.actionDuring === 'yes' && state.defectDetails.map(function (_, index) {
|
|
10574
|
-
return React__default.createElement(DefetcDetails, {
|
|
10575
|
-
key: index
|
|
10576
|
-
});
|
|
10577
|
-
})), React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10578
|
-
label: "Has the product been checked?"
|
|
10579
|
-
}), React__default.createElement(StyledAntSelect$8, {
|
|
10580
|
-
options: DefectConfirm,
|
|
10581
|
-
placeholder: "Select",
|
|
10582
|
-
onChange: handleChange('productChecked'),
|
|
10583
|
-
selectWrapperClass: "rounded"
|
|
10584
|
-
})), state.productChecked === 'yes' && React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10585
|
-
label: "Does the product have any damage?"
|
|
10586
|
-
}), React__default.createElement(StyledAntSelect$8, {
|
|
10587
|
-
options: DefectConfirm,
|
|
10588
|
-
placeholder: "Select",
|
|
10589
|
-
onChange: handleChange('productDamage'),
|
|
10590
|
-
selectWrapperClass: "rounded"
|
|
10591
|
-
}))), state.productDamage === 'yes' && state.productChecked === 'yes' && React__default.createElement(OtherDamage, null)), React__default.createElement(Container$18, null, React__default.createElement(Flex$a, null, React__default.createElement(LabelWrapper$3, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10592
|
-
label: "Has the product been repacked?"
|
|
10593
|
-
}), React__default.createElement(StyledAntSelect$8, {
|
|
10594
|
-
options: DefectConfirm,
|
|
10595
|
-
placeholder: "Select",
|
|
10596
|
-
onChange: handleChange('productRepacked'),
|
|
10597
|
-
selectWrapperClass: "rounded"
|
|
10598
|
-
}))), state.productRepacked === 'yes' && React__default.createElement(RepackDetails, null)));
|
|
10599
|
-
};
|
|
10600
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10601
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n border: 1px solid #e6e6e6;\n border-radius: 15px;\n padding: 10px;\n"])));
|
|
10602
|
-
var Flex$a = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n /* justify-content: space-between; */\n"])));
|
|
10603
|
-
var LabelWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10604
|
-
var AddButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 10px;\n border-radius: 30px;\n"])));
|
|
10605
|
-
|
|
10606
|
-
var _templateObject$26, _templateObject2$1z, _templateObject3$Y, _templateObject4$B;
|
|
10607
|
-
var QCLogs = function QCLogs() {
|
|
10608
|
-
var handleSelectChange = function handleSelectChange() {
|
|
10609
|
-
console.log('Option selected');
|
|
10610
|
-
};
|
|
10611
|
-
return React__default.createElement(Container$19, null, React__default.createElement(Flex$b, null, React__default.createElement(LabelWrapper$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10612
|
-
label: "Action During"
|
|
10613
|
-
}), React__default.createElement(StyledAntSelect$9, {
|
|
10614
|
-
options: TaskType,
|
|
10615
|
-
placeholder: "Select",
|
|
10616
|
-
onChange: handleSelectChange,
|
|
10617
|
-
selectWrapperClass: "rounded"
|
|
10618
|
-
})), React__default.createElement(LabelWrapper$4, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10619
|
-
label: "Product Category"
|
|
10620
|
-
}), React__default.createElement(StyledAntSelect$9, {
|
|
10621
|
-
options: TaskType,
|
|
10622
|
-
placeholder: "Select Category",
|
|
10623
|
-
onChange: handleSelectChange,
|
|
10624
|
-
selectWrapperClass: "rounded"
|
|
10625
|
-
}))), React__default.createElement(AddDefect, null));
|
|
10626
|
-
};
|
|
10627
|
-
var StyledAntSelect$9 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 20vw;\n"])));
|
|
10628
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-direction: column;\n"])));
|
|
10629
|
-
var Flex$b = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n"])));
|
|
10630
|
-
var LabelWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 20vw;\n"])));
|
|
10631
|
-
|
|
10632
|
-
var _templateObject$27, _templateObject2$1A, _templateObject3$Z, _templateObject4$C, _templateObject5$n;
|
|
10633
|
-
function UpdateProduct() {
|
|
10634
|
-
var _orderStaticData$coll, _orderStaticData$orde, _orderStaticData$retu, _orderStaticData$orde2;
|
|
10635
|
-
var _useState = React.useState(),
|
|
10636
|
-
selectedOption = _useState[0],
|
|
10637
|
-
setSelectedOption = _useState[1];
|
|
10638
|
-
var _useOrderStaticData = useOrderStaticData(),
|
|
10639
|
-
orderStaticData = _useOrderStaticData[0];
|
|
10640
|
-
var _useUpdateOrderProduc = useUpdateOrderProducts(),
|
|
10641
|
-
updateOrderProduct = _useUpdateOrderProduc[0],
|
|
10642
|
-
setUpdateOrderProduct = _useUpdateOrderProduc[1];
|
|
10643
|
-
console.log(updateOrderProduct, 'updateOrderProductupdateOrderProduct');
|
|
10644
|
-
var handleSelectChange = function handleSelectChange(value) {
|
|
10645
|
-
setSelectedOption(value);
|
|
10646
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10647
|
-
return _extends({}, prevState, {
|
|
10648
|
-
product_type_id: +value
|
|
10649
|
-
});
|
|
10650
|
-
});
|
|
10651
|
-
};
|
|
10652
|
-
var handleReturnSelectChange = function handleReturnSelectChange(value) {
|
|
10653
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10654
|
-
return _extends({}, prevState, {
|
|
10655
|
-
return_reason_id: +value
|
|
10656
|
-
});
|
|
10657
|
-
});
|
|
10658
|
-
console.log('Return action or reason selected:', value);
|
|
10659
|
-
};
|
|
10660
|
-
var handleCollectionSelectChange = function handleCollectionSelectChange(value) {
|
|
10661
|
-
setUpdateOrderProduct(function (prevState) {
|
|
10662
|
-
return _extends({}, prevState, {
|
|
10663
|
-
collection_reason_id: +value
|
|
10664
|
-
});
|
|
10665
|
-
});
|
|
10666
|
-
console.log('Collection reason selected:', value);
|
|
10667
|
-
};
|
|
10668
|
-
var collectionOptions = orderStaticData == null || (_orderStaticData$coll = orderStaticData.collect_reasons) == null ? void 0 : _orderStaticData$coll.map(function (option) {
|
|
10669
|
-
return {
|
|
10670
|
-
label: option.reason,
|
|
10671
|
-
value: option.id
|
|
10672
|
-
};
|
|
10673
|
-
});
|
|
10674
|
-
var returnActionOptions = orderStaticData == null || (_orderStaticData$orde = orderStaticData.order_product_return_action) == null ? void 0 : _orderStaticData$orde.map(function (option) {
|
|
10675
|
-
return {
|
|
10676
|
-
label: option.type,
|
|
10677
|
-
value: option.id
|
|
10678
|
-
};
|
|
10679
|
-
});
|
|
10680
|
-
var returnReasonsOptions = orderStaticData == null || (_orderStaticData$retu = orderStaticData.return_reasons) == null ? void 0 : _orderStaticData$retu.map(function (option) {
|
|
10681
|
-
return {
|
|
10682
|
-
label: option.reason,
|
|
10683
|
-
value: option.id
|
|
10684
|
-
};
|
|
10685
|
-
});
|
|
10686
|
-
var productTypeOptions = orderStaticData == null || (_orderStaticData$orde2 = orderStaticData.order_product_type) == null ? void 0 : _orderStaticData$orde2.map(function (option) {
|
|
10687
|
-
return {
|
|
10688
|
-
label: option.type,
|
|
10689
|
-
value: option.id
|
|
10690
|
-
};
|
|
10691
|
-
});
|
|
10692
|
-
return React__default.createElement(Container$1a, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10693
|
-
label: "Product Type"
|
|
10694
|
-
}), React__default.createElement(StyledAntSelect$a, {
|
|
10695
|
-
options: productTypeOptions,
|
|
10696
|
-
placeholder: "Select Product Type",
|
|
10697
|
-
onChange: handleSelectChange,
|
|
10698
|
-
selectWrapperClass: "rounded"
|
|
10699
|
-
})), selectedOption === '1' && React__default.createElement(ReturnBox, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10700
|
-
label: "Return Action"
|
|
10701
|
-
}), React__default.createElement(StyledAntSelect$a, {
|
|
10702
|
-
options: returnActionOptions || [],
|
|
10703
|
-
placeholder: "Select the Return Action",
|
|
10704
|
-
onChange: handleReturnSelectChange,
|
|
10705
|
-
selectWrapperClass: "rounded"
|
|
10706
|
-
})), React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10707
|
-
label: "Return Reason"
|
|
10708
|
-
}), React__default.createElement(StyledAntSelect$a, {
|
|
10709
|
-
options: returnReasonsOptions || [],
|
|
10710
|
-
placeholder: "Select the Return Reason",
|
|
10711
|
-
onChange: handleReturnSelectChange,
|
|
10712
|
-
selectWrapperClass: "rounded"
|
|
10713
|
-
})), React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10714
|
-
label: "Return Location"
|
|
10715
|
-
}), React__default.createElement(StyledAntSelect$a, {
|
|
10716
|
-
options: ReturnData,
|
|
10717
|
-
placeholder: "Select the Return Location",
|
|
10718
|
-
onChange: handleReturnSelectChange,
|
|
10719
|
-
selectWrapperClass: "rounded"
|
|
10720
|
-
}))), selectedOption === '2' && React__default.createElement(CollectionBox, null, React__default.createElement(LabelWrapper$5, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10721
|
-
label: "Collection Reason"
|
|
10722
|
-
}), React__default.createElement(StyledAntSelect$a, {
|
|
10723
|
-
options: collectionOptions || [],
|
|
10724
|
-
placeholder: "Select the Collection Reason",
|
|
10725
|
-
onChange: handleCollectionSelectChange,
|
|
10726
|
-
selectWrapperClass: "rounded"
|
|
10727
|
-
}))));
|
|
10728
|
-
}
|
|
10729
|
-
var CollectionBox = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
10730
|
-
var ReturnBox = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 10px;\n margin-top: 32px;\n justify-content: space-between;\n"])));
|
|
10731
|
-
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10732
|
-
var LabelWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10733
|
-
var StyledAntSelect$a = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10734
|
-
|
|
10735
|
-
var _templateObject$28, _templateObject2$1B, _templateObject3$_;
|
|
10736
|
-
function UnReceiveProduct() {
|
|
10737
|
-
var _orderStaticData$unre;
|
|
10738
|
-
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
10739
|
-
unRecieve = _useRecieveOrderProdu[0],
|
|
10740
|
-
setUnRecieve = _useRecieveOrderProdu[1];
|
|
10741
|
-
var _useProductDetails = useProductDetails(),
|
|
10742
|
-
productdata = _useProductDetails[0];
|
|
10743
|
-
var _useOrderStaticData = useOrderStaticData(),
|
|
10744
|
-
orderStaticData = _useOrderStaticData[0];
|
|
10745
|
-
console.log(productdata, 'productdataproductdataproductdataproductdata');
|
|
10746
|
-
React.useEffect(function () {
|
|
10747
|
-
setUnRecieve(function (prevState) {
|
|
10748
|
-
return _extends({}, prevState);
|
|
10749
|
-
});
|
|
10750
|
-
}, [setUnRecieve]);
|
|
10751
|
-
var handleSelectChange = function handleSelectChange(value) {
|
|
10752
|
-
setUnRecieve(function (prevState) {
|
|
10753
|
-
return _extends({}, prevState, {
|
|
10754
|
-
unrecieve_reason_id: +value
|
|
10755
|
-
});
|
|
10756
|
-
});
|
|
10757
|
-
};
|
|
10758
|
-
var handleNotesChange = function handleNotesChange(notes) {
|
|
10759
|
-
setUnRecieve(function (prevState) {
|
|
10760
|
-
return _extends({}, prevState, {
|
|
10761
|
-
unrecieve_note: notes
|
|
10762
|
-
});
|
|
10763
|
-
});
|
|
10764
|
-
};
|
|
10765
|
-
console.log(unRecieve, 'unRecieve');
|
|
10766
|
-
var returnActionOptions = orderStaticData == null || (_orderStaticData$unre = orderStaticData.unreceive_reasons) == null ? void 0 : _orderStaticData$unre.map(function (option) {
|
|
10767
|
-
return {
|
|
10768
|
-
label: option.reason,
|
|
10769
|
-
value: option.id
|
|
10770
|
-
};
|
|
10771
|
-
});
|
|
10772
|
-
return React__default.createElement(Container$1b, null, React__default.createElement(LabelWrapper$6, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10773
|
-
label: "Reason"
|
|
10774
|
-
}), React__default.createElement(StyledAntSelect$b, {
|
|
10775
|
-
options: returnActionOptions,
|
|
10776
|
-
placeholder: "Select the Reason",
|
|
10777
|
-
onChange: handleSelectChange,
|
|
10778
|
-
selectWrapperClass: "rounded"
|
|
10779
|
-
}), React__default.createElement(Notes$1, {
|
|
10780
|
-
onNotesChange: handleNotesChange
|
|
10781
|
-
})));
|
|
10782
|
-
}
|
|
10783
|
-
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10784
|
-
var LabelWrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10785
|
-
var StyledAntSelect$b = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10786
|
-
|
|
10787
|
-
var _templateObject$29, _templateObject2$1C;
|
|
10788
|
-
var ProductAction = function ProductAction() {
|
|
10789
|
-
var _useAtom = jotai.useAtom(selectedTabKeyAtom),
|
|
10790
|
-
setSelectedTabKey = _useAtom[1];
|
|
10791
|
-
var handleTabChange = function handleTabChange(activeKey) {
|
|
10792
|
-
setSelectedTabKey(activeKey);
|
|
10793
|
-
};
|
|
10794
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent$2, null, React__default.createElement(Container$1c, null, React__default.createElement(antd.Tabs, {
|
|
10795
|
-
defaultActiveKey: "1",
|
|
10796
|
-
onChange: handleTabChange,
|
|
10797
|
-
items: [{
|
|
10798
|
-
label: 'Update Product Type',
|
|
10799
|
-
key: '1',
|
|
10800
|
-
children: React__default.createElement(UpdateProduct, null)
|
|
10801
|
-
}, {
|
|
10802
|
-
label: 'Log QC Result',
|
|
10803
|
-
key: '2',
|
|
10804
|
-
children: React__default.createElement(QCLogs, null)
|
|
10805
|
-
}, {
|
|
10806
|
-
label: 'Unreceive Product',
|
|
10807
|
-
key: '3',
|
|
10808
|
-
children: React__default.createElement(UnReceiveProduct, null)
|
|
10809
|
-
}]
|
|
10810
|
-
}))));
|
|
10811
|
-
};
|
|
10812
|
-
var GLobalPopupContent$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10813
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 50vh;\n padding-bottom: 30px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n align-self: stretch;\n border-radius: 6px;\n border: 1px solid #edebe8;\n padding: 15px;\n overflow-y: scroll;\n .ant-tabs {\n width: 100%;\n }\n .ant-tabs-tab-active {\n .ant-tabs-tab-btn {\n color: #3a3630 !important;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n }\n .ant-tabs-ink-bar {\n background: #feba30;\n }\n"])));
|
|
10814
|
-
|
|
10815
|
-
var _templateObject$2a;
|
|
10816
|
-
var LogsTable = function LogsTable() {
|
|
10817
|
-
var options = [{
|
|
10818
|
-
value: 'bjsCouriers',
|
|
10819
|
-
label: 'BJS COURIERS'
|
|
10820
|
-
}, {
|
|
10821
|
-
value: 'bjsSales',
|
|
10822
|
-
label: 'BJS SALES'
|
|
10823
|
-
}, {
|
|
10824
|
-
value: 'test',
|
|
10825
|
-
label: 'TEST'
|
|
10826
|
-
}];
|
|
10827
|
-
var data = [{
|
|
10828
|
-
PackagingType: 'Original Packaging',
|
|
10829
|
-
PackagingStatus: 'No Issues',
|
|
10830
|
-
QCCompleted: 'Delivered',
|
|
10831
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10832
|
-
CreatedBy: '006997824015370739',
|
|
10833
|
-
Date: '',
|
|
10834
|
-
Images: '',
|
|
10835
|
-
Actions: ''
|
|
10836
|
-
}, {
|
|
10837
|
-
PackagingType: 'Original Packaging',
|
|
10838
|
-
PackagingStatus: 'No Issues',
|
|
10839
|
-
QCCompleted: 'Delivered',
|
|
10840
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10841
|
-
CreatedBy: '006997824015370739',
|
|
10842
|
-
Date: '',
|
|
10843
|
-
Images: '',
|
|
10844
|
-
Actions: ''
|
|
10845
|
-
}, {
|
|
10846
|
-
PackagingType: 'Original Packaging',
|
|
10847
|
-
PackagingStatus: 'No Issues',
|
|
10848
|
-
QCCompleted: 'Delivered',
|
|
10849
|
-
ProductStatus: '2000 HYBRID/DOUBLE COXMOOR NEST OF 3 TABLES - OAK',
|
|
10850
|
-
CreatedBy: '006997824015370739',
|
|
10851
|
-
Date: '',
|
|
10852
|
-
Images: '',
|
|
10853
|
-
Actions: ''
|
|
10854
|
-
}];
|
|
10855
|
-
var columns = [{
|
|
10856
|
-
key: 'PackagingType',
|
|
10857
|
-
title: 'Packaging Type',
|
|
10858
|
-
isCheckbox: true
|
|
10859
|
-
}, {
|
|
10860
|
-
key: 'PackagingStatus',
|
|
10861
|
-
title: 'Packaging Status'
|
|
10862
|
-
}, {
|
|
10863
|
-
key: 'QCCompleted',
|
|
10864
|
-
title: 'QC Completed'
|
|
10865
|
-
}, {
|
|
10866
|
-
key: 'ProductStatus',
|
|
10867
|
-
title: 'Product Status'
|
|
10868
|
-
}, {
|
|
10869
|
-
key: 'CreatedBy',
|
|
10870
|
-
title: 'Created By'
|
|
10871
|
-
}, {
|
|
10872
|
-
key: 'Date',
|
|
10873
|
-
title: 'Date'
|
|
10874
|
-
}, {
|
|
10875
|
-
key: 'Images',
|
|
10876
|
-
title: 'Images'
|
|
10877
|
-
}, {
|
|
10878
|
-
key: 'Actions',
|
|
10879
|
-
title: 'Actions'
|
|
10880
|
-
}];
|
|
10881
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GlobalPopupContent, null, React__default.createElement(dmsComponentLibrary.AntTable, {
|
|
10882
|
-
columns: columns,
|
|
10883
|
-
data: data,
|
|
10884
|
-
selectOptions: options,
|
|
10885
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10886
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10887
|
-
}
|
|
10888
|
-
})));
|
|
10889
|
-
};
|
|
10890
|
-
var GlobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10891
|
-
|
|
10892
|
-
var _templateObject$2b, _templateObject2$1D;
|
|
9549
|
+
var _templateObject$1W, _templateObject2$1q;
|
|
10893
9550
|
var DefectsModal = function DefectsModal() {
|
|
10894
9551
|
var options = [{
|
|
10895
9552
|
value: 'bjsCouriers',
|
|
@@ -10932,7 +9589,7 @@ var DefectsModal = function DefectsModal() {
|
|
|
10932
9589
|
key: 'images',
|
|
10933
9590
|
title: 'Images'
|
|
10934
9591
|
}];
|
|
10935
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent
|
|
9592
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent, null, React__default.createElement(StyledConatiner, null, React__default.createElement(dmsComponentLibrary.AntTable, {
|
|
10936
9593
|
columns: columns,
|
|
10937
9594
|
data: DefectsData,
|
|
10938
9595
|
selectOptions: options,
|
|
@@ -10941,42 +9598,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
10941
9598
|
}
|
|
10942
9599
|
}))));
|
|
10943
9600
|
};
|
|
10944
|
-
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10945
|
-
var GLobalPopupContent
|
|
9601
|
+
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
9602
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10946
9603
|
|
|
10947
|
-
var _templateObject$
|
|
10948
|
-
var repackModal = function repackModal() {
|
|
10949
|
-
var columns = [{
|
|
10950
|
-
key: 'packaging_type',
|
|
10951
|
-
title: 'Packaging Type',
|
|
10952
|
-
dataIndex: 'packaging_type'
|
|
10953
|
-
}, {
|
|
10954
|
-
key: 'products',
|
|
10955
|
-
title: 'Products',
|
|
10956
|
-
dataIndex: 'products'
|
|
10957
|
-
}, {
|
|
10958
|
-
key: 'created_by',
|
|
10959
|
-
title: 'Created By',
|
|
10960
|
-
dataIndex: 'created_by'
|
|
10961
|
-
}, {
|
|
10962
|
-
key: 'date',
|
|
10963
|
-
title: 'Date',
|
|
10964
|
-
dataIndex: 'date'
|
|
10965
|
-
}, {
|
|
10966
|
-
key: 'images',
|
|
10967
|
-
title: 'Images'
|
|
10968
|
-
}];
|
|
10969
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(GLobalPopupContent, null, React__default.createElement(StyledConatiner$1, null, React__default.createElement(dmsComponentLibrary.AntTable, {
|
|
10970
|
-
columns: columns,
|
|
10971
|
-
data: RepackData,
|
|
10972
|
-
onSelectChange: function onSelectChange(value, record) {
|
|
10973
|
-
return console.log('Selected value:', value, 'for record:', record);
|
|
10974
|
-
}
|
|
10975
|
-
}))));
|
|
10976
|
-
};
|
|
10977
|
-
var StyledConatiner$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* text-wrap: nowrap; */\n"])));
|
|
10978
|
-
|
|
10979
|
-
var _templateObject$2d, _templateObject2$1E, _templateObject3$$;
|
|
9604
|
+
var _templateObject$1X, _templateObject2$1r, _templateObject3$R;
|
|
10980
9605
|
var _excluded$4 = ["id"];
|
|
10981
9606
|
var CreateReturnModal = function CreateReturnModal() {
|
|
10982
9607
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -11023,13 +9648,13 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11023
9648
|
}
|
|
11024
9649
|
}
|
|
11025
9650
|
}, [selectedlocation]);
|
|
11026
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$
|
|
9651
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$k, null, React__default.createElement(dmsComponentLibrary.Alert, {
|
|
11027
9652
|
onClose: function onClose() {},
|
|
11028
9653
|
description: "",
|
|
11029
9654
|
type: "info",
|
|
11030
9655
|
title: "Do you wish to proceed?",
|
|
11031
9656
|
showOkButton: false
|
|
11032
|
-
}), React__default.createElement(Container$
|
|
9657
|
+
}), React__default.createElement(Container$14, null, React__default.createElement("ul", {
|
|
11033
9658
|
style: {
|
|
11034
9659
|
listStyle: 'none',
|
|
11035
9660
|
padding: 0
|
|
@@ -11054,9 +9679,9 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
11054
9679
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.new_location)));
|
|
11055
9680
|
})))));
|
|
11056
9681
|
};
|
|
11057
|
-
var StyledText$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11058
|
-
var Container$
|
|
11059
|
-
var Wrapper$
|
|
9682
|
+
var StyledText$1 = /*#__PURE__*/styled__default.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"])));
|
|
9683
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9684
|
+
var Wrapper$k = /*#__PURE__*/styled__default.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"])));
|
|
11060
9685
|
|
|
11061
9686
|
var ModalManager = function ModalManager() {
|
|
11062
9687
|
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
@@ -11065,20 +9690,8 @@ var ModalManager = function ModalManager() {
|
|
|
11065
9690
|
var _useProductDetails = useProductDetails();
|
|
11066
9691
|
var _useCreateOrderProduc = useCreateOrderProducts(),
|
|
11067
9692
|
orderProduct = _useCreateOrderProduc[0];
|
|
11068
|
-
var _useOrderId = useOrderId(),
|
|
11069
|
-
orderId = _useOrderId[0];
|
|
11070
9693
|
var _useDeleteProdsID = useDeleteProdsID(),
|
|
11071
9694
|
selectedRows = _useDeleteProdsID[0];
|
|
11072
|
-
var _useRecieveOrderProdu = useRecieveOrderProducts(),
|
|
11073
|
-
unRecieve = _useRecieveOrderProdu[0],
|
|
11074
|
-
setUnRecieve = _useRecieveOrderProdu[1];
|
|
11075
|
-
var _useUpdateOrderProduc = useUpdateOrderProducts(),
|
|
11076
|
-
updateOrderProduct = _useUpdateOrderProduc[0],
|
|
11077
|
-
setUpdateOrderProduct = _useUpdateOrderProduc[1];
|
|
11078
|
-
var _useAtom2 = jotai.useAtom(letselectedProductIdAtom),
|
|
11079
|
-
selectedProductId = _useAtom2[0];
|
|
11080
|
-
var _useAtom3 = jotai.useAtom(selectedTabKeyAtom),
|
|
11081
|
-
selectedTab = _useAtom3[0];
|
|
11082
9695
|
var _useState = React.useState(false),
|
|
11083
9696
|
setIsFormValid = _useState[1];
|
|
11084
9697
|
var _useFinalPayload = useFinalPayload(),
|
|
@@ -11113,73 +9726,18 @@ var ModalManager = function ModalManager() {
|
|
|
11113
9726
|
React.useEffect(function () {
|
|
11114
9727
|
setIsFormValid(validateForm());
|
|
11115
9728
|
}, [selectedRows]);
|
|
11116
|
-
// api block for the create product order
|
|
11117
|
-
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
11118
|
-
endpoint: "order/order_products/unrecieve/",
|
|
11119
|
-
method: 'POST',
|
|
11120
|
-
body: [unRecieve],
|
|
11121
|
-
performAction: false
|
|
11122
|
-
}),
|
|
11123
|
-
actionResponse = _useApiHook.data,
|
|
11124
|
-
setUnrecieveaction = _useApiHook.setShouldPerformAction;
|
|
11125
|
-
React.useEffect(function () {
|
|
11126
|
-
if (actionResponse && actionResponse != null && actionResponse.data) {
|
|
11127
|
-
dispatch({
|
|
11128
|
-
type: 'close'
|
|
11129
|
-
});
|
|
11130
|
-
}
|
|
11131
|
-
}, [actionResponse]);
|
|
11132
|
-
// api block for the update product order
|
|
11133
|
-
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
11134
|
-
endpoint: "order/order_products/type/update/",
|
|
11135
|
-
method: 'PUT',
|
|
11136
|
-
body: [updateOrderProduct],
|
|
11137
|
-
performAction: false
|
|
11138
|
-
}),
|
|
11139
|
-
updateResponse = _useApiHook2.data,
|
|
11140
|
-
setUpdateSction = _useApiHook2.setShouldPerformAction;
|
|
11141
|
-
var onSubmit = function onSubmit() {
|
|
11142
|
-
if (selectedTab === '1') {
|
|
11143
|
-
setUpdateOrderProduct(function (prev) {
|
|
11144
|
-
return _extends({}, prev, {
|
|
11145
|
-
order_id: orderId,
|
|
11146
|
-
id: selectedProductId
|
|
11147
|
-
});
|
|
11148
|
-
});
|
|
11149
|
-
setUpdateSction(true);
|
|
11150
|
-
console.log('Tab 1 selected');
|
|
11151
|
-
} else if (selectedTab === '2') {
|
|
11152
|
-
console.log('Tab 2 selected');
|
|
11153
|
-
} else if (selectedTab === '3') {
|
|
11154
|
-
setUnRecieve(function (prev) {
|
|
11155
|
-
return _extends({}, prev, {
|
|
11156
|
-
order_id: orderId,
|
|
11157
|
-
id: selectedProductId
|
|
11158
|
-
});
|
|
11159
|
-
});
|
|
11160
|
-
setUnrecieveaction(true);
|
|
11161
|
-
console.log('Tab 3 selected');
|
|
11162
|
-
}
|
|
11163
|
-
};
|
|
11164
|
-
React.useEffect(function () {
|
|
11165
|
-
if (updateResponse && updateResponse != null && updateResponse.data) {
|
|
11166
|
-
dispatch({
|
|
11167
|
-
type: 'close'
|
|
11168
|
-
});
|
|
11169
|
-
}
|
|
11170
|
-
}, [updateResponse]);
|
|
11171
9729
|
// Confirm return popup
|
|
11172
|
-
var
|
|
9730
|
+
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
11173
9731
|
endpoint: "return_orders/",
|
|
11174
9732
|
method: 'POST',
|
|
11175
9733
|
body: newGrouped,
|
|
11176
9734
|
performAction: false
|
|
11177
9735
|
}),
|
|
11178
|
-
response =
|
|
11179
|
-
setShouldPerformAction =
|
|
11180
|
-
confirmLoading =
|
|
11181
|
-
apiError =
|
|
11182
|
-
setError =
|
|
9736
|
+
response = _useApiHook.data,
|
|
9737
|
+
setShouldPerformAction = _useApiHook.setShouldPerformAction,
|
|
9738
|
+
confirmLoading = _useApiHook.loading,
|
|
9739
|
+
apiError = _useApiHook.error,
|
|
9740
|
+
setError = _useApiHook.setError;
|
|
11183
9741
|
console.log(response, 'data'), React.useEffect(function () {
|
|
11184
9742
|
SetPostLoading(confirmLoading);
|
|
11185
9743
|
}, [confirmLoading]);
|
|
@@ -11282,40 +9840,7 @@ var ModalManager = function ModalManager() {
|
|
|
11282
9840
|
BodyComponent: CreateReturnModal,
|
|
11283
9841
|
width: 800,
|
|
11284
9842
|
classNameAdd: 'globalPopup'
|
|
11285
|
-
})), (popupName == null ? void 0 : popupName.state)
|
|
11286
|
-
openStatus: (popupName == null ? void 0 : popupName.state) === 'qclog',
|
|
11287
|
-
closeModal: _closeModal,
|
|
11288
|
-
PopupHeader: {
|
|
11289
|
-
heading: 'Deliver - STOHOP011GRY-UK - 006064438012831476',
|
|
11290
|
-
subHeading: '[Hopkins Highboard, Walnut Effect Grey]'
|
|
11291
|
-
},
|
|
11292
|
-
PopupFooter: {
|
|
11293
|
-
btns: [{
|
|
11294
|
-
name: 'Submit',
|
|
11295
|
-
btnStyle: 'rounded',
|
|
11296
|
-
onClick: onSubmit
|
|
11297
|
-
}]
|
|
11298
|
-
},
|
|
11299
|
-
BodyComponent: ProductAction,
|
|
11300
|
-
width: 1104,
|
|
11301
|
-
classNameAdd: 'globalPopup'
|
|
11302
|
-
}), (popupName == null ? void 0 : popupName.state) == 'qclogtable' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11303
|
-
openStatus: (popupName == null ? void 0 : popupName.state) == 'qclogtable' ? true : false,
|
|
11304
|
-
closeModal: _closeModal,
|
|
11305
|
-
PopupHeader: {
|
|
11306
|
-
heading: 'Deliver-AI-00030345784968148412',
|
|
11307
|
-
subHeading: '[Centralized regional adpated] '
|
|
11308
|
-
},
|
|
11309
|
-
PopupFooter: {
|
|
11310
|
-
btns: [{
|
|
11311
|
-
name: 'Submit',
|
|
11312
|
-
btnStyle: 'rounded'
|
|
11313
|
-
}]
|
|
11314
|
-
},
|
|
11315
|
-
BodyComponent: LogsTable,
|
|
11316
|
-
width: 1104,
|
|
11317
|
-
classNameAdd: 'globalPopup'
|
|
11318
|
-
}), (popupName == null ? void 0 : popupName.state) == 'defectsModal' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
9843
|
+
})), (popupName == null ? void 0 : popupName.state) == 'defectsModal' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11319
9844
|
openStatus: (popupName == null ? void 0 : popupName.state) == 'defectsModal' ? true : false,
|
|
11320
9845
|
closeModal: _closeModal,
|
|
11321
9846
|
PopupHeader: {
|
|
@@ -11333,34 +9858,16 @@ var ModalManager = function ModalManager() {
|
|
|
11333
9858
|
BodyComponent: DefectsModal,
|
|
11334
9859
|
width: 1504,
|
|
11335
9860
|
classNameAdd: 'globalPopup'
|
|
11336
|
-
}), (popupName == null ? void 0 : popupName.state) == 'repackModal' && React__default.createElement(dmsComponentLibrary.AntModal, {
|
|
11337
|
-
openStatus: (popupName == null ? void 0 : popupName.state) == 'repackModal' ? true : false,
|
|
11338
|
-
closeModal: _closeModal,
|
|
11339
|
-
PopupHeader: {
|
|
11340
|
-
heading: 'DEliver - DWLK1006 - 00605',
|
|
11341
|
-
subHeading: 'ALtair TV stand for TVs up to 60'
|
|
11342
|
-
},
|
|
11343
|
-
PopupFooter: {
|
|
11344
|
-
btns: [{
|
|
11345
|
-
name: '',
|
|
11346
|
-
btnStyle: '',
|
|
11347
|
-
type: ''
|
|
11348
|
-
}],
|
|
11349
|
-
btnAlign: ''
|
|
11350
|
-
},
|
|
11351
|
-
BodyComponent: repackModal,
|
|
11352
|
-
width: 1504,
|
|
11353
|
-
classNameAdd: 'globalPopup'
|
|
11354
9861
|
}));
|
|
11355
9862
|
};
|
|
11356
9863
|
|
|
11357
|
-
var _templateObject$
|
|
11358
|
-
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11359
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11360
|
-
var StyledInfoBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
11361
|
-
var StyledLabel$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11362
|
-
var StyledPaginationWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11363
|
-
var StyledPaginationItem = /*#__PURE__*/styled__default.button(_templateObject7$
|
|
9864
|
+
var _templateObject$1Y, _templateObject2$1s, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
|
|
9865
|
+
var StyledContainer = /*#__PURE__*/styled__default.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"])));
|
|
9866
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
9867
|
+
var StyledInfoBox = /*#__PURE__*/styled__default.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"])));
|
|
9868
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default.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"])));
|
|
9869
|
+
var StyledPaginationWrapper = /*#__PURE__*/styled__default.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"])));
|
|
9870
|
+
var StyledPaginationItem = /*#__PURE__*/styled__default.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) {
|
|
11364
9871
|
var active = _ref.active;
|
|
11365
9872
|
return active ? 'rgba(208, 213, 221, 0.80)' : 'white';
|
|
11366
9873
|
}, function (_ref2) {
|
|
@@ -11478,7 +9985,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
11478
9985
|
}, React__default.createElement(NextIcon, null)))));
|
|
11479
9986
|
};
|
|
11480
9987
|
|
|
11481
|
-
var _templateObject$
|
|
9988
|
+
var _templateObject$1Z, _templateObject2$1t;
|
|
11482
9989
|
var ReturnTable = function ReturnTable() {
|
|
11483
9990
|
var _UsePaginationData = UsePaginationData(),
|
|
11484
9991
|
paginationObj = _UsePaginationData[0];
|
|
@@ -11497,7 +10004,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
11497
10004
|
};
|
|
11498
10005
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$1, null, React__default.createElement("div", {
|
|
11499
10006
|
className: "Tableconatiner"
|
|
11500
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
10007
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$15, null, React__default.createElement(ReturnFilter, null), React__default.createElement(ReturnOrderTable, null), total > 0 && React__default.createElement(Pagination, {
|
|
11501
10008
|
currentPage: page,
|
|
11502
10009
|
totalItems: total,
|
|
11503
10010
|
itemsPerPage: itemsPerPage,
|
|
@@ -11505,8 +10012,8 @@ var ReturnTable = function ReturnTable() {
|
|
|
11505
10012
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
11506
10013
|
})))), React__default.createElement(ModalManager, null));
|
|
11507
10014
|
};
|
|
11508
|
-
var Container$
|
|
11509
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
10015
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10016
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
11510
10017
|
|
|
11511
10018
|
function LoadIcon() {
|
|
11512
10019
|
return React__default.createElement("svg", {
|
|
@@ -11524,7 +10031,7 @@ function LoadIcon() {
|
|
|
11524
10031
|
}));
|
|
11525
10032
|
}
|
|
11526
10033
|
|
|
11527
|
-
var _templateObject$
|
|
10034
|
+
var _templateObject$1_, _templateObject2$1u;
|
|
11528
10035
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
11529
10036
|
var legacyProductId = _ref.legacyProductId;
|
|
11530
10037
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -11551,8 +10058,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
11551
10058
|
}, IconComponent && React__default.createElement(IconComponent, null), item.label);
|
|
11552
10059
|
}));
|
|
11553
10060
|
};
|
|
11554
|
-
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
11555
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
10061
|
+
var OptionsList$1 = /*#__PURE__*/styled__default.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"])));
|
|
10062
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
|
|
11556
10063
|
var disabled = _ref2.disabled;
|
|
11557
10064
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11558
10065
|
}, function (_ref3) {
|
|
@@ -11766,10 +10273,10 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
11766
10273
|
})))));
|
|
11767
10274
|
};
|
|
11768
10275
|
|
|
11769
|
-
var _templateObject$
|
|
10276
|
+
var _templateObject$1$;
|
|
11770
10277
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
11771
10278
|
var TableFilters = function TableFilters() {
|
|
11772
|
-
return React__default.createElement(Container$
|
|
10279
|
+
return React__default.createElement(Container$16, null);
|
|
11773
10280
|
// return (
|
|
11774
10281
|
// // <StyledBulkFilterCover>
|
|
11775
10282
|
// <StyledBulkItem>
|
|
@@ -11783,7 +10290,7 @@ var TableFilters = function TableFilters() {
|
|
|
11783
10290
|
// // </StyledBulkFilterCover>
|
|
11784
10291
|
// );
|
|
11785
10292
|
};
|
|
11786
|
-
var Container$
|
|
10293
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
11787
10294
|
|
|
11788
10295
|
var FilterIcon = function FilterIcon() {
|
|
11789
10296
|
return React__default.createElement("svg", {
|
|
@@ -11961,7 +10468,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11961
10468
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
11962
10469
|
});
|
|
11963
10470
|
|
|
11964
|
-
var _templateObject$
|
|
10471
|
+
var _templateObject$20, _templateObject2$1v;
|
|
11965
10472
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
11966
10473
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
11967
10474
|
dispatch = _useAtom[1];
|
|
@@ -12091,7 +10598,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12091
10598
|
className: "datefilter"
|
|
12092
10599
|
}, React__default.createElement("div", {
|
|
12093
10600
|
className: "dateiconcontainer"
|
|
12094
|
-
}, React__default.createElement(StatusIcon, null)), React__default.createElement(StyledAntSelect$
|
|
10601
|
+
}, React__default.createElement(StatusIcon, null)), React__default.createElement(StyledAntSelect$3, null, React__default.createElement(antd.Select, {
|
|
12095
10602
|
options: orderOptions,
|
|
12096
10603
|
className: "custom-select",
|
|
12097
10604
|
placeholder: "Status of Order",
|
|
@@ -12104,7 +10611,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12104
10611
|
className: "datefilter"
|
|
12105
10612
|
}, React__default.createElement("div", {
|
|
12106
10613
|
className: "dateiconcontainer"
|
|
12107
|
-
}, React__default.createElement(ClientIcon, null)), React__default.createElement(StyledAntSelect$
|
|
10614
|
+
}, React__default.createElement(ClientIcon, null)), React__default.createElement(StyledAntSelect$3, null, React__default.createElement(antd.Select, {
|
|
12108
10615
|
options: clientOptions,
|
|
12109
10616
|
className: "custom-select",
|
|
12110
10617
|
placeholder: "Client",
|
|
@@ -12122,7 +10629,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12122
10629
|
}
|
|
12123
10630
|
}, React__default.createElement("div", {
|
|
12124
10631
|
className: "dateiconcontainer"
|
|
12125
|
-
}, React__default.createElement(AssigneIcon, null)), React__default.createElement(StyledAntSelect$
|
|
10632
|
+
}, React__default.createElement(AssigneIcon, null)), React__default.createElement(StyledAntSelect$3, null, React__default.createElement(antd.Select, {
|
|
12126
10633
|
options: zoneOptions,
|
|
12127
10634
|
className: "custom-select",
|
|
12128
10635
|
placeholder: "Asignee",
|
|
@@ -12137,9 +10644,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
12137
10644
|
className: "cross"
|
|
12138
10645
|
})), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
|
|
12139
10646
|
};
|
|
12140
|
-
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10647
|
+
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
12141
10648
|
// const DropdownContainer = styled.div``;
|
|
12142
|
-
var StyledAntSelect$
|
|
10649
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default.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"])));
|
|
12143
10650
|
|
|
12144
10651
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
12145
10652
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -12225,7 +10732,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
12225
10732
|
}, React__default.createElement(NextIcon, null)))));
|
|
12226
10733
|
};
|
|
12227
10734
|
|
|
12228
|
-
var _templateObject$
|
|
10735
|
+
var _templateObject$21, _templateObject2$1w;
|
|
12229
10736
|
var _excluded$5 = ["count"];
|
|
12230
10737
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
12231
10738
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -12289,7 +10796,7 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12289
10796
|
}, [fetchedReturnOrderData, staticDataLoading]);
|
|
12290
10797
|
return React__default.createElement("div", null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement("div", {
|
|
12291
10798
|
className: "Tableconatiner"
|
|
12292
|
-
}, React__default.createElement(Container$
|
|
10799
|
+
}, React__default.createElement(Container$17, null, React__default.createElement(ReturnOrderFilter, null), React__default.createElement(OrderTable, null), total > 0 && React__default.createElement(ReturnPagination, {
|
|
12293
10800
|
currentPage: page,
|
|
12294
10801
|
totalItems: total,
|
|
12295
10802
|
itemsPerPage: itemsPerPage,
|
|
@@ -12297,13 +10804,13 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
12297
10804
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12298
10805
|
})))));
|
|
12299
10806
|
};
|
|
12300
|
-
var Container$
|
|
12301
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
10807
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
10808
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
12302
10809
|
|
|
12303
|
-
var _templateObject2$
|
|
12304
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10810
|
+
var _templateObject2$1x;
|
|
10811
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
|
|
12305
10812
|
|
|
12306
|
-
var _templateObject$
|
|
10813
|
+
var _templateObject$22, _templateObject2$1y;
|
|
12307
10814
|
var SearchType = function SearchType() {
|
|
12308
10815
|
var _useState = React.useState(''),
|
|
12309
10816
|
searchText = _useState[0],
|
|
@@ -12318,8 +10825,8 @@ var SearchType = function SearchType() {
|
|
|
12318
10825
|
onChange: handleInputChange
|
|
12319
10826
|
}));
|
|
12320
10827
|
};
|
|
12321
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12322
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
10828
|
+
var Search = /*#__PURE__*/styled__default.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"])));
|
|
10829
|
+
var SearchInput = /*#__PURE__*/styled__default.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"])));
|
|
12323
10830
|
|
|
12324
10831
|
var BulkFilter = function BulkFilter() {
|
|
12325
10832
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12455,11 +10962,11 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12455
10962
|
});
|
|
12456
10963
|
}
|
|
12457
10964
|
var selectedClientString = customerName == null ? void 0 : customerName.replace(/\s+/g, '-');
|
|
12458
|
-
navigate("
|
|
10965
|
+
navigate("filter/" + selectedClientString);
|
|
12459
10966
|
};
|
|
12460
10967
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTableWrapper$2, {
|
|
12461
10968
|
id: "tableScrolling"
|
|
12462
|
-
}, React__default.createElement(StyledTable$
|
|
10969
|
+
}, React__default.createElement(StyledTable$3, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Trading Name"), React__default.createElement("th", null, "Client"), React__default.createElement("th", null, "Orders"), React__default.createElement("th", null, "Products"), React__default.createElement("th", null, "RTS"), React__default.createElement("th", null, "Pending"), React__default.createElement("th", null, "Dispose"), React__default.createElement("th", null, "Re-allocate"), React__default.createElement("th", null, "Re-Del"), React__default.createElement("th", null, "Recycle"), React__default.createElement("th", null, "Unknown"))), React__default.createElement("tbody", null, loadingskeleton ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
12463
10970
|
colSpan: 11
|
|
12464
10971
|
}, React__default.createElement(antd.Skeleton, {
|
|
12465
10972
|
active: true
|
|
@@ -12481,7 +10988,7 @@ var ReturnTable$1 = function ReturnTable(_ref) {
|
|
|
12481
10988
|
})))));
|
|
12482
10989
|
};
|
|
12483
10990
|
|
|
12484
|
-
var _templateObject$
|
|
10991
|
+
var _templateObject$23, _templateObject2$1z, _templateObject3$T;
|
|
12485
10992
|
// import Pagination from './table-view/Pagination';
|
|
12486
10993
|
// import { overviewfiltersReducerAtom } from './header-filters/overViewFilter';
|
|
12487
10994
|
function ReturnMainTable() {
|
|
@@ -12538,28 +11045,28 @@ function ReturnMainTable() {
|
|
|
12538
11045
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12539
11046
|
}, React__default.createElement("div", {
|
|
12540
11047
|
className: "Tableconatiner"
|
|
12541
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$
|
|
11048
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$18, null, React__default.createElement(Row$7, null, React__default.createElement(Text$8, null, "Client Return"), getClient ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)))));
|
|
12542
11049
|
}
|
|
12543
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12544
|
-
var Container$
|
|
12545
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
11050
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11051
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11052
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
12546
11053
|
|
|
12547
|
-
var _templateObject$
|
|
12548
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12549
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11054
|
+
var _templateObject$24, _templateObject2$1A;
|
|
11055
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.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"])));
|
|
11056
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
12550
11057
|
|
|
12551
|
-
var _templateObject$
|
|
11058
|
+
var _templateObject$25;
|
|
12552
11059
|
var HeaderTitle = function HeaderTitle(props) {
|
|
12553
11060
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$7, null, props.title));
|
|
12554
11061
|
};
|
|
12555
|
-
var Title$7 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
11062
|
+
var Title$7 = /*#__PURE__*/styled__default.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"])));
|
|
12556
11063
|
|
|
12557
|
-
var _templateObject$
|
|
11064
|
+
var _templateObject$26, _templateObject2$1B;
|
|
12558
11065
|
function Breadcrumb(props) {
|
|
12559
11066
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
12560
11067
|
}
|
|
12561
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12562
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11068
|
+
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11069
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.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"])));
|
|
12563
11070
|
|
|
12564
11071
|
var RouterHeader = function RouterHeader(_ref) {
|
|
12565
11072
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|