@bjsdistribution/dms-client-return 0.1.49-prod → 0.1.50-prod
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/order-view/northern-southern-info/CustomInput.d.ts +17 -0
- package/dist/components/order-view/northern-southern-info/index.d.ts +3 -0
- package/dist/components/order-view/return-client-products/product-table/ReturnProductTable.d.ts +1 -0
- package/dist/components/order-view/types.d.ts +37 -0
- package/dist/components/order-view/utils.d.ts +24 -0
- package/dist/components/store.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +1089 -616
- 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 +1090 -617
- 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 +30 -0
- package/src/components/order-view/index.tsx +67 -3
- package/src/components/order-view/northern-southern-info/CustomInput.tsx +80 -0
- package/src/components/order-view/northern-southern-info/index.tsx +94 -0
- package/src/components/order-view/order-details/expanded-content/customer-section/location-info/Postcode.tsx +170 -8
- package/src/components/order-view/order-details/expanded-content/footer/index.tsx +53 -2
- package/src/components/order-view/order-details/expanded-content/index.tsx +13 -1
- package/src/components/order-view/products-info/collapsed-content/index.tsx +29 -0
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +166 -43
- package/src/components/order-view/store.ts +20 -0
- package/src/components/order-view/types.ts +39 -0
- package/src/components/order-view/utils.ts +29 -0
- package/src/components/store.ts +4 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useEffect, useRef, useMemo, Suspense } from 'react';
|
|
2
2
|
import { useSearchParams, useNavigate, useParams, NavLink, useLocation, Routes, Route, Navigate } from 'react-router-dom';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
|
-
import { Select, Spin, notification, Skeleton, Empty, DatePicker, Tooltip, Input as Input$3, Checkbox as Checkbox$1, Dropdown, Space } from 'antd';
|
|
4
|
+
import { Select, Spin, notification, Skeleton, Empty, DatePicker, message, Tooltip, Input as Input$3, Checkbox as Checkbox$1, Dropdown, Space } from 'antd';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { format, isValid, parseISO } from 'date-fns';
|
|
7
7
|
import { atomWithReducer } from 'jotai/utils';
|
|
@@ -482,6 +482,10 @@ var searchAfter = /*#__PURE__*/atom('');
|
|
|
482
482
|
var useSearchAfterText = function useSearchAfterText() {
|
|
483
483
|
return useAtom(searchAfter);
|
|
484
484
|
};
|
|
485
|
+
var isShow = /*#__PURE__*/atom(null);
|
|
486
|
+
function useIsShowNorthSouth() {
|
|
487
|
+
return useAtom(isShow);
|
|
488
|
+
}
|
|
485
489
|
var rclientReturnDataAtom = /*#__PURE__*/atom([]);
|
|
486
490
|
function useClientOutstandingReturnData() {
|
|
487
491
|
return useAtom(rclientReturnDataAtom);
|
|
@@ -744,6 +748,7 @@ var customerInfoAtom = /*#__PURE__*/atom({
|
|
|
744
748
|
postcode: ''
|
|
745
749
|
});
|
|
746
750
|
var ordersInitialValue = {
|
|
751
|
+
order_locked_time: null,
|
|
747
752
|
depot_id: null,
|
|
748
753
|
gsit_order_id: null,
|
|
749
754
|
customer_id: null,
|
|
@@ -826,7 +831,24 @@ var ordersInitialValue = {
|
|
|
826
831
|
unpack_items: false,
|
|
827
832
|
take_packaging_away: false,
|
|
828
833
|
collect_disposal: false,
|
|
829
|
-
assembly_type: null
|
|
834
|
+
assembly_type: null,
|
|
835
|
+
route_id: null,
|
|
836
|
+
hold_untill: null,
|
|
837
|
+
hold_reason: null,
|
|
838
|
+
order_on_hold: {
|
|
839
|
+
order_id: null,
|
|
840
|
+
hold_indefinitely: null,
|
|
841
|
+
hold_until: null,
|
|
842
|
+
reason_id: null,
|
|
843
|
+
un_hold: null
|
|
844
|
+
},
|
|
845
|
+
refused_service: [],
|
|
846
|
+
refused_service_reason: '',
|
|
847
|
+
invalid_order: null,
|
|
848
|
+
owner_name: null,
|
|
849
|
+
force_debrief_enabled: null,
|
|
850
|
+
import_reference: null,
|
|
851
|
+
labels: null
|
|
830
852
|
};
|
|
831
853
|
//force debrief
|
|
832
854
|
var chargesIntialValue = {
|
|
@@ -2340,7 +2362,7 @@ var StyledFilterBtnLabel = /*#__PURE__*/styled.div(_templateObject37 || (_templa
|
|
|
2340
2362
|
|
|
2341
2363
|
var _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
2342
2364
|
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
2343
|
-
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\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 .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\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"])));
|
|
2365
|
+
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\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 .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\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.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\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\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"])));
|
|
2344
2366
|
// Styled components
|
|
2345
2367
|
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n // min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\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"])));
|
|
2346
2368
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
@@ -2889,6 +2911,30 @@ var compareOrderDetailsStates = function compareOrderDetailsStates(oldData, newD
|
|
|
2889
2911
|
var sanitizeInput = function sanitizeInput(value) {
|
|
2890
2912
|
return value.trim() === '' ? '' : value;
|
|
2891
2913
|
};
|
|
2914
|
+
var getEnvironment = function getEnvironment() {
|
|
2915
|
+
var projectEnv = process.env.REACT_APP_PROJECT_ENV;
|
|
2916
|
+
var apiPath = process.env.REACT_APP_API_PATH;
|
|
2917
|
+
console.log(projectEnv, 'projectEnv', apiPath, 'apiPath');
|
|
2918
|
+
if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {
|
|
2919
|
+
return 'release_us';
|
|
2920
|
+
}
|
|
2921
|
+
if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {
|
|
2922
|
+
return 'development';
|
|
2923
|
+
}
|
|
2924
|
+
if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {
|
|
2925
|
+
return 'staging';
|
|
2926
|
+
}
|
|
2927
|
+
if (projectEnv === 'release_uk') {
|
|
2928
|
+
return 'release_uk';
|
|
2929
|
+
}
|
|
2930
|
+
if (projectEnv === 'release_us') {
|
|
2931
|
+
return 'release_us';
|
|
2932
|
+
}
|
|
2933
|
+
if (projectEnv === 'staging') {
|
|
2934
|
+
return 'staging';
|
|
2935
|
+
}
|
|
2936
|
+
return 'development';
|
|
2937
|
+
};
|
|
2892
2938
|
|
|
2893
2939
|
var _templateObject$6, _templateObject2$4;
|
|
2894
2940
|
var DefectsModal = function DefectsModal() {
|
|
@@ -4715,16 +4761,78 @@ var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$i || (_templateObject$i
|
|
|
4715
4761
|
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4716
4762
|
var TextContainer = /*#__PURE__*/styled(TextArea)(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n height: 70%;\n border-radius: 15px;\n"])));
|
|
4717
4763
|
|
|
4718
|
-
var _templateObject$j, _templateObject2$e;
|
|
4719
|
-
|
|
4764
|
+
var _templateObject$j, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$2;
|
|
4765
|
+
var POSTCODE_REGEX = {
|
|
4766
|
+
UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
|
|
4767
|
+
IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
|
|
4768
|
+
US: /^\d{5}(-\d{4})?$/
|
|
4769
|
+
};
|
|
4720
4770
|
function Postcode() {
|
|
4721
4771
|
var _orderRecipient$postc;
|
|
4722
|
-
|
|
4772
|
+
var getEnvironment = function getEnvironment() {
|
|
4773
|
+
var projectEnv = process.env.REACT_APP_PROJECT_ENV;
|
|
4774
|
+
var apiPath = process.env.REACT_APP_API_PATH;
|
|
4775
|
+
if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {
|
|
4776
|
+
return 'release_us';
|
|
4777
|
+
}
|
|
4778
|
+
if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {
|
|
4779
|
+
return 'development';
|
|
4780
|
+
}
|
|
4781
|
+
if (projectEnv === 'release_uk') {
|
|
4782
|
+
return 'release_uk';
|
|
4783
|
+
}
|
|
4784
|
+
if (projectEnv === 'release_us') {
|
|
4785
|
+
return 'release_us';
|
|
4786
|
+
}
|
|
4787
|
+
if (projectEnv === 'staging') {
|
|
4788
|
+
return 'staging';
|
|
4789
|
+
}
|
|
4790
|
+
return 'development';
|
|
4791
|
+
};
|
|
4723
4792
|
var _useOrderDetails = useOrderDetails(),
|
|
4724
4793
|
orderDetails = _useOrderDetails[0],
|
|
4725
4794
|
setOrderDetails = _useOrderDetails[1];
|
|
4795
|
+
var _useClientPortal = useClientPortal(),
|
|
4796
|
+
isClientPortal = _useClientPortal[0];
|
|
4797
|
+
var environment = getEnvironment();
|
|
4798
|
+
var _useAtom = useAtom(errorAtom),
|
|
4799
|
+
errors = _useAtom[0],
|
|
4800
|
+
setErrors = _useAtom[1];
|
|
4726
4801
|
var orderRecipient = orderDetails == null ? void 0 : orderDetails.order_recipient;
|
|
4802
|
+
var isInvalidOrder = orderDetails == null ? void 0 : orderDetails.invalid_order;
|
|
4803
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
4804
|
+
setIsNorthSouth = _useIsShowNorthSouth[1];
|
|
4805
|
+
var prevPostcodeRef = useRef(undefined);
|
|
4727
4806
|
var showCopyIcon = (orderRecipient == null ? void 0 : orderRecipient.postcode) !== undefined && (orderRecipient == null ? void 0 : orderRecipient.postcode) !== null && (orderRecipient == null || (_orderRecipient$postc = orderRecipient.postcode) == null ? void 0 : _orderRecipient$postc.length) > 0;
|
|
4807
|
+
var isDevelopmentOrStagingOrReleaseUK = environment === 'development' || environment === 'staging' || environment === 'release_uk';
|
|
4808
|
+
var isValidPostcode = function isValidPostcode(val) {
|
|
4809
|
+
if (isDevelopmentOrStagingOrReleaseUK) {
|
|
4810
|
+
return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);
|
|
4811
|
+
} else {
|
|
4812
|
+
return POSTCODE_REGEX.US.test(val);
|
|
4813
|
+
}
|
|
4814
|
+
};
|
|
4815
|
+
var showErr = function showErr() {
|
|
4816
|
+
setErrors(function (prevErrors) {
|
|
4817
|
+
return _extends({}, prevErrors, {
|
|
4818
|
+
postCodeError: 'Invalid postcode format'
|
|
4819
|
+
});
|
|
4820
|
+
});
|
|
4821
|
+
};
|
|
4822
|
+
var clearErr = function clearErr() {
|
|
4823
|
+
setErrors(function (prevErrors) {
|
|
4824
|
+
return _extends({}, prevErrors, {
|
|
4825
|
+
postCodeError: ''
|
|
4826
|
+
});
|
|
4827
|
+
});
|
|
4828
|
+
};
|
|
4829
|
+
var validatePostcode = function validatePostcode(val) {
|
|
4830
|
+
if (isValidPostcode(val)) {
|
|
4831
|
+
clearErr();
|
|
4832
|
+
} else {
|
|
4833
|
+
showErr();
|
|
4834
|
+
}
|
|
4835
|
+
};
|
|
4728
4836
|
var onChange = function onChange(e) {
|
|
4729
4837
|
var val = e.target.value;
|
|
4730
4838
|
var updatedOrderRecipient = _extends({}, orderRecipient === null ? {
|
|
@@ -4737,13 +4845,72 @@ function Postcode() {
|
|
|
4737
4845
|
order_recipient: updatedOrderRecipient
|
|
4738
4846
|
});
|
|
4739
4847
|
});
|
|
4848
|
+
validatePostcode(val);
|
|
4740
4849
|
};
|
|
4850
|
+
var hasError = !!isInvalidOrder;
|
|
4851
|
+
var _useAxios = useAxios({
|
|
4852
|
+
endpoint: "v1/orders/customs/postcode/check/",
|
|
4853
|
+
method: 'GET'
|
|
4854
|
+
}),
|
|
4855
|
+
callCheckPostcode = _useAxios.fetchData;
|
|
4856
|
+
var callCheckPostcodeAPI = /*#__PURE__*/function () {
|
|
4857
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
4858
|
+
var response, _response$data, isNorthSouth;
|
|
4859
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
4860
|
+
while (1) switch (_context.prev = _context.next) {
|
|
4861
|
+
case 0:
|
|
4862
|
+
_context.prev = 0;
|
|
4863
|
+
_context.next = 3;
|
|
4864
|
+
return callCheckPostcode({
|
|
4865
|
+
endPointQuery: "?postcode=" + (orderRecipient == null ? void 0 : orderRecipient.postcode)
|
|
4866
|
+
});
|
|
4867
|
+
case 3:
|
|
4868
|
+
response = _context.sent;
|
|
4869
|
+
//@ts-ignore
|
|
4870
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
4871
|
+
//@ts-ignore
|
|
4872
|
+
isNorthSouth = response == null || (_response$data = response.data) == null ? void 0 : _response$data.order_customs_postcodes;
|
|
4873
|
+
setIsNorthSouth(isNorthSouth);
|
|
4874
|
+
message.open({
|
|
4875
|
+
type: 'success',
|
|
4876
|
+
//@ts-ignore
|
|
4877
|
+
content: isNorthSouth ? //@ts-ignore
|
|
4878
|
+
(response == null ? void 0 : response.message) + " - Northern/Southern Ireland postcode found" :
|
|
4879
|
+
//@ts-ignore
|
|
4880
|
+
(response == null ? void 0 : response.message) || 'Success'
|
|
4881
|
+
});
|
|
4882
|
+
} else {
|
|
4883
|
+
message.open({
|
|
4884
|
+
type: 'error',
|
|
4885
|
+
//@ts-ignore
|
|
4886
|
+
content: (response == null ? void 0 : response.error) || 'Something went wrong'
|
|
4887
|
+
});
|
|
4888
|
+
}
|
|
4889
|
+
_context.next = 10;
|
|
4890
|
+
break;
|
|
4891
|
+
case 7:
|
|
4892
|
+
_context.prev = 7;
|
|
4893
|
+
_context.t0 = _context["catch"](0);
|
|
4894
|
+
message.open({
|
|
4895
|
+
type: 'error',
|
|
4896
|
+
content: 'Failed to check postcode. Please try again.'
|
|
4897
|
+
});
|
|
4898
|
+
case 10:
|
|
4899
|
+
case "end":
|
|
4900
|
+
return _context.stop();
|
|
4901
|
+
}
|
|
4902
|
+
}, _callee, null, [[0, 7]]);
|
|
4903
|
+
}));
|
|
4904
|
+
return function callCheckPostcodeAPI() {
|
|
4905
|
+
return _ref.apply(this, arguments);
|
|
4906
|
+
};
|
|
4907
|
+
}();
|
|
4741
4908
|
return React.createElement(Container$8, null, React.createElement(Wrapper$4, null, React.createElement(Label$k, {
|
|
4742
4909
|
label: "Postcode",
|
|
4743
4910
|
htmlFor: "postcode"
|
|
4744
4911
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
4745
4912
|
text: orderRecipient == null ? void 0 : orderRecipient.postcode
|
|
4746
|
-
})), React.createElement(
|
|
4913
|
+
})), React.createElement(InputContainer, {
|
|
4747
4914
|
name: "postcode",
|
|
4748
4915
|
type: "text",
|
|
4749
4916
|
placeholder: "Enter Postcode",
|
|
@@ -4751,12 +4918,46 @@ function Postcode() {
|
|
|
4751
4918
|
onChange: onChange,
|
|
4752
4919
|
autoComplete: "off",
|
|
4753
4920
|
style: {
|
|
4754
|
-
|
|
4755
|
-
}
|
|
4756
|
-
|
|
4921
|
+
width: '100%'
|
|
4922
|
+
},
|
|
4923
|
+
disabled: isClientPortal,
|
|
4924
|
+
hasError: hasError,
|
|
4925
|
+
onBlur: function () {
|
|
4926
|
+
var _onBlur = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
4927
|
+
var _orderRecipient$postc2;
|
|
4928
|
+
var currentPostcode;
|
|
4929
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
4930
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
4931
|
+
case 0:
|
|
4932
|
+
currentPostcode = orderRecipient == null || (_orderRecipient$postc2 = orderRecipient.postcode) == null ? void 0 : _orderRecipient$postc2.trim();
|
|
4933
|
+
if (!(currentPostcode && isValidPostcode(currentPostcode) && currentPostcode !== prevPostcodeRef.current)) {
|
|
4934
|
+
_context2.next = 4;
|
|
4935
|
+
break;
|
|
4936
|
+
}
|
|
4937
|
+
_context2.next = 4;
|
|
4938
|
+
return callCheckPostcodeAPI();
|
|
4939
|
+
case 4:
|
|
4940
|
+
prevPostcodeRef.current = currentPostcode;
|
|
4941
|
+
case 5:
|
|
4942
|
+
case "end":
|
|
4943
|
+
return _context2.stop();
|
|
4944
|
+
}
|
|
4945
|
+
}, _callee2);
|
|
4946
|
+
}));
|
|
4947
|
+
function onBlur() {
|
|
4948
|
+
return _onBlur.apply(this, arguments);
|
|
4949
|
+
}
|
|
4950
|
+
return onBlur;
|
|
4951
|
+
}()
|
|
4952
|
+
}), errors.postCodeError && React.createElement(ErrorText, null, errors.postCodeError));
|
|
4757
4953
|
}
|
|
4758
|
-
var
|
|
4759
|
-
var
|
|
4954
|
+
var InputContainer = /*#__PURE__*/styled(Input$2)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
4955
|
+
var hasError = _ref2.hasError;
|
|
4956
|
+
return hasError && css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n border: 1px solid rgb(253, 154, 154);\n background-color: #fff5f5;\n "])));
|
|
4957
|
+
});
|
|
4958
|
+
var ErrorText = /*#__PURE__*/styled.span(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4959
|
+
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4960
|
+
var Container$8 = /*#__PURE__*/styled.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4760
4961
|
|
|
4761
4962
|
var _templateObject$k, _templateObject2$f;
|
|
4762
4963
|
function Latitude() {
|
|
@@ -4828,7 +5029,7 @@ function Longitude() {
|
|
|
4828
5029
|
var CustomInput$1 = /*#__PURE__*/styled(Input$2)(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n opacity: 0.8;\n background-color: #f4f4f4;\n pointer-events: none;\n"])));
|
|
4829
5030
|
var Container$a = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4830
5031
|
|
|
4831
|
-
var _templateObject$m, _templateObject2$h, _templateObject3$
|
|
5032
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
4832
5033
|
function What3words() {
|
|
4833
5034
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
4834
5035
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4902,21 +5103,21 @@ function What3words() {
|
|
|
4902
5103
|
value: (orderRecipient == null ? void 0 : orderRecipient.what_3words_address) || '',
|
|
4903
5104
|
onChange: onChange,
|
|
4904
5105
|
disabled: isClientPortal
|
|
4905
|
-
})), errors.w3wError && React.createElement(ErrorText, null, errors.w3wError));
|
|
5106
|
+
})), errors.w3wError && React.createElement(ErrorText$1, null, errors.w3wError));
|
|
4906
5107
|
}
|
|
4907
5108
|
var What3wordsPrefix = /*#__PURE__*/styled.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 13px;\n left: 12px;\n"])));
|
|
4908
5109
|
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
4909
|
-
var CustomInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject3$
|
|
4910
|
-
var Container$b = /*#__PURE__*/styled.div(_templateObject4$
|
|
4911
|
-
var ErrorText = /*#__PURE__*/styled.span(_templateObject5$
|
|
5110
|
+
var CustomInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 25px; */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n padding-left: 40px;\n"])));
|
|
5111
|
+
var Container$b = /*#__PURE__*/styled.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5112
|
+
var ErrorText$1 = /*#__PURE__*/styled.span(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4912
5113
|
|
|
4913
|
-
var _templateObject$n, _templateObject2$i, _templateObject3$
|
|
5114
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$9;
|
|
4914
5115
|
function LocationDetails() {
|
|
4915
5116
|
return React.createElement(Container$c, null, React.createElement(Address, null), React.createElement(Right, null, React.createElement(RightColumn$1, null, React.createElement(Postcode, null), React.createElement(What3words, null)), React.createElement(RightColumn$1, null, React.createElement(Latitude, null), React.createElement(Longitude, null))));
|
|
4916
5117
|
}
|
|
4917
5118
|
var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
4918
5119
|
var Right = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4919
|
-
var Container$c = /*#__PURE__*/styled.div(_templateObject3$
|
|
5120
|
+
var Container$c = /*#__PURE__*/styled.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4920
5121
|
|
|
4921
5122
|
var _templateObject$o;
|
|
4922
5123
|
function CallCustomer() {
|
|
@@ -4924,7 +5125,7 @@ function CallCustomer() {
|
|
|
4924
5125
|
}
|
|
4925
5126
|
var Container$d = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4926
5127
|
|
|
4927
|
-
var _templateObject$p, _templateObject2$j, _templateObject3$
|
|
5128
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
4928
5129
|
function ContactHome() {
|
|
4929
5130
|
var _prevOrderDetails$ord;
|
|
4930
5131
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -4985,7 +5186,7 @@ function ContactHome() {
|
|
|
4985
5186
|
return React.createElement(Container$e, null, React.createElement(Wrapper$6, null, React.createElement(Label$k, {
|
|
4986
5187
|
label: "Contact Home",
|
|
4987
5188
|
htmlFor: "contact-home"
|
|
4988
|
-
})), React.createElement(InputContainer, null, React.createElement(CustomInput$3, {
|
|
5189
|
+
})), React.createElement(InputContainer$1, null, React.createElement(CustomInput$3, {
|
|
4989
5190
|
name: "contact-home",
|
|
4990
5191
|
// maxLength={12}
|
|
4991
5192
|
type: "text",
|
|
@@ -5038,15 +5239,15 @@ function ContactHome() {
|
|
|
5038
5239
|
cursor: 'pointer'
|
|
5039
5240
|
}
|
|
5040
5241
|
}, React.createElement(CallCustomer, null)));
|
|
5041
|
-
}()), errors.homeContactError && React.createElement(ErrorText$
|
|
5242
|
+
}()), errors.homeContactError && React.createElement(ErrorText$2, null, errors.homeContactError));
|
|
5042
5243
|
}
|
|
5043
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5244
|
+
var InputContainer$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5044
5245
|
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5045
|
-
var CustomInput$3 = /*#__PURE__*/styled(Input$2)(_templateObject3$
|
|
5046
|
-
var Container$e = /*#__PURE__*/styled.div(_templateObject4$
|
|
5047
|
-
var ErrorText$
|
|
5246
|
+
var CustomInput$3 = /*#__PURE__*/styled(Input$2)(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5247
|
+
var Container$e = /*#__PURE__*/styled.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5248
|
+
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5048
5249
|
|
|
5049
|
-
var _templateObject$q, _templateObject2$k, _templateObject3$
|
|
5250
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5050
5251
|
function ContactWork() {
|
|
5051
5252
|
var _prevOrderDetails$ord;
|
|
5052
5253
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -5106,7 +5307,7 @@ function ContactWork() {
|
|
|
5106
5307
|
return React.createElement(Container$f, null, React.createElement(Wrapper$7, null, React.createElement(Label$k, {
|
|
5107
5308
|
label: "Contact Work",
|
|
5108
5309
|
htmlFor: "contact-work"
|
|
5109
|
-
})), React.createElement(InputContainer$
|
|
5310
|
+
})), React.createElement(InputContainer$2, null, React.createElement(CustomInput$4, {
|
|
5110
5311
|
name: "contact-work",
|
|
5111
5312
|
type: "text",
|
|
5112
5313
|
placeholder: "Work Number",
|
|
@@ -5160,15 +5361,15 @@ function ContactWork() {
|
|
|
5160
5361
|
cursor: 'pointer'
|
|
5161
5362
|
}
|
|
5162
5363
|
}, React.createElement(CallCustomer, null)));
|
|
5163
|
-
}()), errors.workCOntanctError && React.createElement(ErrorText$
|
|
5364
|
+
}()), errors.workCOntanctError && React.createElement(ErrorText$3, null, errors.workCOntanctError));
|
|
5164
5365
|
}
|
|
5165
|
-
var InputContainer$
|
|
5366
|
+
var InputContainer$2 = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5166
5367
|
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5167
|
-
var CustomInput$4 = /*#__PURE__*/styled(Input$2)(_templateObject3$
|
|
5168
|
-
var Container$f = /*#__PURE__*/styled.div(_templateObject4$
|
|
5169
|
-
var ErrorText$
|
|
5368
|
+
var CustomInput$4 = /*#__PURE__*/styled(Input$2)(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5369
|
+
var Container$f = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5370
|
+
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5170
5371
|
|
|
5171
|
-
var _templateObject$r, _templateObject2$l, _templateObject3$
|
|
5372
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$c, _templateObject4$8, _templateObject5$6;
|
|
5172
5373
|
function ContactMobile() {
|
|
5173
5374
|
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5174
5375
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -5232,7 +5433,7 @@ function ContactMobile() {
|
|
|
5232
5433
|
htmlFor: "contact-mobile"
|
|
5233
5434
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
5234
5435
|
text: orderRecipient == null ? void 0 : orderRecipient.contact_mobile
|
|
5235
|
-
})), React.createElement(InputContainer$
|
|
5436
|
+
})), React.createElement(InputContainer$3, null, React.createElement(CustomInput$5, {
|
|
5236
5437
|
name: "contact-mobile",
|
|
5237
5438
|
// maxLength={12}
|
|
5238
5439
|
type: "text",
|
|
@@ -5285,15 +5486,15 @@ function ContactMobile() {
|
|
|
5285
5486
|
cursor: 'pointer'
|
|
5286
5487
|
}
|
|
5287
5488
|
}, React.createElement(CallCustomer, null)));
|
|
5288
|
-
}()), errors.mobileError && React.createElement(ErrorText$
|
|
5489
|
+
}()), errors.mobileError && React.createElement(ErrorText$4, null, errors.mobileError));
|
|
5289
5490
|
}
|
|
5290
|
-
var InputContainer$
|
|
5491
|
+
var InputContainer$3 = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5291
5492
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5292
|
-
var CustomInput$5 = /*#__PURE__*/styled(Input$2)(_templateObject3$
|
|
5293
|
-
var Container$g = /*#__PURE__*/styled.div(_templateObject4$
|
|
5294
|
-
var ErrorText$
|
|
5493
|
+
var CustomInput$5 = /*#__PURE__*/styled(Input$2)(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5494
|
+
var Container$g = /*#__PURE__*/styled.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5495
|
+
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5295
5496
|
|
|
5296
|
-
var _templateObject$s, _templateObject2$m, _templateObject3$
|
|
5497
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$d;
|
|
5297
5498
|
function ContactEmail() {
|
|
5298
5499
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5299
5500
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5334,11 +5535,11 @@ function ContactEmail() {
|
|
|
5334
5535
|
placeholder: "Email",
|
|
5335
5536
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_email) || '',
|
|
5336
5537
|
onChange: onChange
|
|
5337
|
-
}), errors.emailError && React.createElement(ErrorText$
|
|
5538
|
+
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
5338
5539
|
}
|
|
5339
5540
|
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5340
5541
|
var Container$h = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5341
|
-
var ErrorText$
|
|
5542
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5342
5543
|
|
|
5343
5544
|
var _templateObject$t, _templateObject2$n;
|
|
5344
5545
|
function ContactDetails() {
|
|
@@ -5356,7 +5557,7 @@ function CustomerSection() {
|
|
|
5356
5557
|
var FormInputs = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5357
5558
|
var CustomFormSection = /*#__PURE__*/styled(FormSection)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
5358
5559
|
|
|
5359
|
-
var _templateObject$v, _templateObject2$p, _templateObject3$
|
|
5560
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$e;
|
|
5360
5561
|
function ConsignmentNumber() {
|
|
5361
5562
|
var _useOrderDetails = useOrderDetails(),
|
|
5362
5563
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5368,7 +5569,7 @@ function ConsignmentNumber() {
|
|
|
5368
5569
|
}
|
|
5369
5570
|
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5370
5571
|
var Consignment = /*#__PURE__*/styled.span(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5371
|
-
var Container$j = /*#__PURE__*/styled.div(_templateObject3$
|
|
5572
|
+
var Container$j = /*#__PURE__*/styled.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5372
5573
|
|
|
5373
5574
|
var _templateObject$w, _templateObject2$q;
|
|
5374
5575
|
function RecipientReference() {
|
|
@@ -5717,7 +5918,7 @@ function VehicleTypeDropdown() {
|
|
|
5717
5918
|
}
|
|
5718
5919
|
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5719
5920
|
|
|
5720
|
-
var _templateObject$E, _templateObject2$v, _templateObject3$
|
|
5921
|
+
var _templateObject$E, _templateObject2$v, _templateObject3$f;
|
|
5721
5922
|
function OrdersSection() {
|
|
5722
5923
|
return React.createElement(CustomFormSection$1, null, React.createElement(Header, {
|
|
5723
5924
|
label: "Order"
|
|
@@ -5725,7 +5926,7 @@ function OrdersSection() {
|
|
|
5725
5926
|
}
|
|
5726
5927
|
var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5727
5928
|
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5728
|
-
var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$
|
|
5929
|
+
var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
5729
5930
|
|
|
5730
5931
|
var _templateObject$F, _templateObject2$w;
|
|
5731
5932
|
function OrderStatusNote() {
|
|
@@ -6056,7 +6257,7 @@ var getIcon = function getIcon(input) {
|
|
|
6056
6257
|
return "" + baseURL + subPath;
|
|
6057
6258
|
};
|
|
6058
6259
|
|
|
6059
|
-
var _templateObject$O, _templateObject2$D, _templateObject3$
|
|
6260
|
+
var _templateObject$O, _templateObject2$D, _templateObject3$g;
|
|
6060
6261
|
function ServiceSlider(props) {
|
|
6061
6262
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
6062
6263
|
// event.preventDefault();
|
|
@@ -6075,7 +6276,7 @@ function ServiceSlider(props) {
|
|
|
6075
6276
|
}
|
|
6076
6277
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
6077
6278
|
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
6078
|
-
var Container$v = /*#__PURE__*/styled.div(_templateObject3$
|
|
6279
|
+
var Container$v = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
6079
6280
|
|
|
6080
6281
|
var _templateObject$P;
|
|
6081
6282
|
function OrderServices() {
|
|
@@ -6121,7 +6322,7 @@ var Container$w = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$
|
|
|
6121
6322
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6122
6323
|
});
|
|
6123
6324
|
|
|
6124
|
-
var _templateObject$Q, _templateObject2$E, _templateObject3$
|
|
6325
|
+
var _templateObject$Q, _templateObject2$E, _templateObject3$h, _templateObject4$9, _templateObject5$7;
|
|
6125
6326
|
function ServicesSection() {
|
|
6126
6327
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
6127
6328
|
label: "Services"
|
|
@@ -6129,11 +6330,11 @@ function ServicesSection() {
|
|
|
6129
6330
|
}
|
|
6130
6331
|
var Top = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
6131
6332
|
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6132
|
-
var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
6133
|
-
var Bottom = /*#__PURE__*/styled.div(_templateObject4$
|
|
6134
|
-
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$
|
|
6333
|
+
var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6334
|
+
var Bottom = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6335
|
+
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
|
|
6135
6336
|
|
|
6136
|
-
var _templateObject$R, _templateObject2$F, _templateObject3$
|
|
6337
|
+
var _templateObject$R, _templateObject2$F, _templateObject3$i;
|
|
6137
6338
|
function AllowTracking() {
|
|
6138
6339
|
var _useOrderDetails = useOrderDetails(),
|
|
6139
6340
|
orderDetails = _useOrderDetails[0];
|
|
@@ -6143,7 +6344,7 @@ function AllowTracking() {
|
|
|
6143
6344
|
}
|
|
6144
6345
|
var Text$3 = /*#__PURE__*/styled.span(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
6145
6346
|
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6146
|
-
var Container$x = /*#__PURE__*/styled.div(_templateObject3$
|
|
6347
|
+
var Container$x = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6147
6348
|
|
|
6148
6349
|
var _templateObject$S;
|
|
6149
6350
|
function OrderDetailsFooter() {
|
|
@@ -6202,13 +6403,45 @@ function OrderDetailsFooter() {
|
|
|
6202
6403
|
var isSame = orderDetailsSorted === prevOrderDetailsSorted;
|
|
6203
6404
|
return !isSame;
|
|
6204
6405
|
};
|
|
6406
|
+
//Northern/Southern Ireland PATCH API
|
|
6407
|
+
var _useAxios4 = useAxios({
|
|
6408
|
+
endpoint: "v1/orders/update/customs_details?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
6409
|
+
method: 'PATCH'
|
|
6410
|
+
}),
|
|
6411
|
+
callCustomDetailsAPI = _useAxios4.fetchData;
|
|
6205
6412
|
var onSave = /*#__PURE__*/function () {
|
|
6206
6413
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
6207
6414
|
var _response$data;
|
|
6208
|
-
var payload, serviceKeys, _i, _serviceKeys, key, response, _response$data$, _response$data$2, alertsApiRes, orderStatusApiRes;
|
|
6415
|
+
var _orderDetails$order_c, _ref2, consignor_eori, packaging_type, consignee_country, commodity_code, country_of_origin, item_invoice_amount, procedure_code, ni_additional_information_codes, additional_procedure_code, additional_procedures, customDetailsPayload, payload, serviceKeys, _i, _serviceKeys, key, response, _response$data$, _response$data$2, alertsApiRes, orderStatusApiRes;
|
|
6209
6416
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
6210
6417
|
while (1) switch (_context.prev = _context.next) {
|
|
6211
6418
|
case 0:
|
|
6419
|
+
if (orderDetails != null && orderDetails.id) {
|
|
6420
|
+
console.log('yooooooo11111');
|
|
6421
|
+
_ref2 = (_orderDetails$order_c = orderDetails == null ? void 0 : orderDetails.order_customs_details) != null ? _orderDetails$order_c : {}, consignor_eori = _ref2.consignor_eori, packaging_type = _ref2.packaging_type, consignee_country = _ref2.consignee_country, commodity_code = _ref2.commodity_code, country_of_origin = _ref2.country_of_origin, item_invoice_amount = _ref2.item_invoice_amount, procedure_code = _ref2.procedure_code, ni_additional_information_codes = _ref2.ni_additional_information_codes, additional_procedure_code = _ref2.additional_procedure_code, additional_procedures = _ref2.additional_procedures;
|
|
6422
|
+
customDetailsPayload = {
|
|
6423
|
+
order_id: orderDetails == null ? void 0 : orderDetails.id,
|
|
6424
|
+
consignor_eori: consignor_eori,
|
|
6425
|
+
packaging_type: packaging_type,
|
|
6426
|
+
consignee_country: consignee_country,
|
|
6427
|
+
commodity_code: commodity_code,
|
|
6428
|
+
country_of_origin: country_of_origin,
|
|
6429
|
+
item_invoice_amount: item_invoice_amount,
|
|
6430
|
+
procedure_code: procedure_code,
|
|
6431
|
+
ni_additional_information_codes: ni_additional_information_codes,
|
|
6432
|
+
additional_procedure_code: additional_procedure_code,
|
|
6433
|
+
additional_procedures: additional_procedures
|
|
6434
|
+
}; // remove null/undefined values
|
|
6435
|
+
customDetailsPayload = Object.fromEntries(Object.entries(customDetailsPayload).filter(function (_ref3) {
|
|
6436
|
+
var value = _ref3[1];
|
|
6437
|
+
return value !== null && value !== undefined;
|
|
6438
|
+
}));
|
|
6439
|
+
// northern/southern details API
|
|
6440
|
+
callCustomDetailsAPI({
|
|
6441
|
+
payload: customDetailsPayload
|
|
6442
|
+
});
|
|
6443
|
+
}
|
|
6444
|
+
console.log('yoooooooooo');
|
|
6212
6445
|
setRecallAuditLog(false);
|
|
6213
6446
|
setRecallOrders(false);
|
|
6214
6447
|
setRecalling(false);
|
|
@@ -6225,11 +6458,14 @@ function OrderDetailsFooter() {
|
|
|
6225
6458
|
if ((payload == null ? void 0 : payload.assemble) === false && (payload == null ? void 0 : payload.disassemble) === false) {
|
|
6226
6459
|
payload.assembly_type = null;
|
|
6227
6460
|
}
|
|
6228
|
-
|
|
6461
|
+
console.log('final payload for update--->', [payload]);
|
|
6462
|
+
_context.next = 12;
|
|
6229
6463
|
return callUpdateOrderAPI({
|
|
6230
|
-
payload: [payload
|
|
6464
|
+
payload: [_extends({}, payload, {
|
|
6465
|
+
id: orderDetails == null ? void 0 : orderDetails.id
|
|
6466
|
+
})]
|
|
6231
6467
|
});
|
|
6232
|
-
case
|
|
6468
|
+
case 12:
|
|
6233
6469
|
response = _context.sent;
|
|
6234
6470
|
// const response = await updateOrder([payload]);
|
|
6235
6471
|
setRecallOrders(true);
|
|
@@ -6248,21 +6484,21 @@ function OrderDetailsFooter() {
|
|
|
6248
6484
|
} else {
|
|
6249
6485
|
setOrderDetails(prevOrderDetails);
|
|
6250
6486
|
}
|
|
6251
|
-
_context.next =
|
|
6487
|
+
_context.next = 17;
|
|
6252
6488
|
return callOrderAlertsApi();
|
|
6253
|
-
case
|
|
6489
|
+
case 17:
|
|
6254
6490
|
alertsApiRes = _context.sent;
|
|
6255
6491
|
if ((alertsApiRes == null ? void 0 : alertsApiRes.code) === 200 && alertsApiRes != null && alertsApiRes.data) {
|
|
6256
6492
|
setOrderAlertsData(alertsApiRes == null ? void 0 : alertsApiRes.data);
|
|
6257
6493
|
}
|
|
6258
|
-
_context.next =
|
|
6494
|
+
_context.next = 21;
|
|
6259
6495
|
return callOrderStatusApi();
|
|
6260
|
-
case
|
|
6496
|
+
case 21:
|
|
6261
6497
|
orderStatusApiRes = _context.sent;
|
|
6262
6498
|
if ((orderStatusApiRes == null ? void 0 : orderStatusApiRes.code) === 200 && orderStatusApiRes != null && orderStatusApiRes.data) {
|
|
6263
6499
|
setOrderStatus(orderStatusApiRes == null ? void 0 : orderStatusApiRes.data);
|
|
6264
6500
|
}
|
|
6265
|
-
case
|
|
6501
|
+
case 23:
|
|
6266
6502
|
case "end":
|
|
6267
6503
|
return _context.stop();
|
|
6268
6504
|
}
|
|
@@ -6280,11 +6516,118 @@ function OrderDetailsFooter() {
|
|
|
6280
6516
|
}
|
|
6281
6517
|
var Container$y = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n"])));
|
|
6282
6518
|
|
|
6283
|
-
var _templateObject$T, _templateObject2$G
|
|
6519
|
+
var _templateObject$T, _templateObject2$G;
|
|
6520
|
+
var CustomInput$7 = function CustomInput(_ref) {
|
|
6521
|
+
var label = _ref.label,
|
|
6522
|
+
name = _ref.name,
|
|
6523
|
+
_ref$type = _ref.type,
|
|
6524
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
6525
|
+
placeholder = _ref.placeholder,
|
|
6526
|
+
value = _ref.value,
|
|
6527
|
+
onChange = _ref.onChange,
|
|
6528
|
+
onBlur = _ref.onBlur,
|
|
6529
|
+
onKeyDown = _ref.onKeyDown,
|
|
6530
|
+
minLength = _ref.minLength,
|
|
6531
|
+
_ref$direction = _ref.direction,
|
|
6532
|
+
direction = _ref$direction === void 0 ? 'column' : _ref$direction,
|
|
6533
|
+
maxLength = _ref.maxLength,
|
|
6534
|
+
disabled = _ref.disabled;
|
|
6535
|
+
return React.createElement(Container$z, {
|
|
6536
|
+
direction: direction
|
|
6537
|
+
}, label && React.createElement(Label$k, {
|
|
6538
|
+
label: label,
|
|
6539
|
+
htmlFor: name
|
|
6540
|
+
}), React.createElement(StyledInput, {
|
|
6541
|
+
id: name,
|
|
6542
|
+
name: name,
|
|
6543
|
+
type: type,
|
|
6544
|
+
placeholder: placeholder,
|
|
6545
|
+
value: value,
|
|
6546
|
+
onChange: onChange,
|
|
6547
|
+
onBlur: onBlur,
|
|
6548
|
+
onKeyDown: onKeyDown,
|
|
6549
|
+
minLength: minLength,
|
|
6550
|
+
maxLength: maxLength,
|
|
6551
|
+
disabled: disabled
|
|
6552
|
+
}));
|
|
6553
|
+
};
|
|
6554
|
+
// ---------------- styled ----------------
|
|
6555
|
+
var StyledInput = /*#__PURE__*/styled.input(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px 12px;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 14px;\n outline: none;\n width: 100%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])));
|
|
6556
|
+
var Container$z = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n align-items: ", ";\n gap: 6px;\n flex: 1;\n"])), function (_ref2) {
|
|
6557
|
+
var direction = _ref2.direction;
|
|
6558
|
+
return direction;
|
|
6559
|
+
}, function (_ref3) {
|
|
6560
|
+
var direction = _ref3.direction;
|
|
6561
|
+
return direction === 'row' ? 'center' : 'flex-start';
|
|
6562
|
+
});
|
|
6563
|
+
|
|
6564
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$j;
|
|
6565
|
+
var NorthernSouthernInfoView = function NorthernSouthernInfoView() {
|
|
6566
|
+
var _orderDetails$order_c, _orderDetails$order_c2, _orderDetails$order_c3, _orderDetails$order_c4;
|
|
6567
|
+
var _useOrderDetails = useOrderDetails(),
|
|
6568
|
+
orderDetails = _useOrderDetails[0],
|
|
6569
|
+
setOrderDetails = _useOrderDetails[1];
|
|
6570
|
+
var handleChange = function handleChange(key, value) {
|
|
6571
|
+
setOrderDetails(function (prev) {
|
|
6572
|
+
var _extends2;
|
|
6573
|
+
return _extends({}, prev, {
|
|
6574
|
+
order_customs_details: _extends({}, prev.order_customs_details, (_extends2 = {}, _extends2[key] = value, _extends2))
|
|
6575
|
+
});
|
|
6576
|
+
});
|
|
6577
|
+
};
|
|
6578
|
+
return React.createElement(CustomFormSection$4, null, React.createElement(Header, {
|
|
6579
|
+
label: "Northern/Southern Ireland"
|
|
6580
|
+
}), React.createElement(FormInputs$3, null, React.createElement(GroupedInputs$2, null, React.createElement(CustomInput$7, {
|
|
6581
|
+
label: "Consignee Country",
|
|
6582
|
+
type: "text",
|
|
6583
|
+
placeholder: "Enter Consignee Country",
|
|
6584
|
+
value: orderDetails == null || (_orderDetails$order_c = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c.consignee_country,
|
|
6585
|
+
onChange: function onChange(e) {
|
|
6586
|
+
return handleChange('consignee_country', e.target.value);
|
|
6587
|
+
}
|
|
6588
|
+
})), React.createElement(GroupedInputs$2, null, React.createElement(CustomInput$7, {
|
|
6589
|
+
label: "Procedure Code",
|
|
6590
|
+
type: "text",
|
|
6591
|
+
placeholder: "Enter Procedure Code",
|
|
6592
|
+
value: orderDetails == null || (_orderDetails$order_c2 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c2.procedure_code,
|
|
6593
|
+
onChange: function onChange(e) {
|
|
6594
|
+
return handleChange('procedure_code', e.target.value);
|
|
6595
|
+
}
|
|
6596
|
+
})), React.createElement(GroupedInputs$2, null, React.createElement(CustomInput$7, {
|
|
6597
|
+
label: "Additional Procedure Code",
|
|
6598
|
+
type: "text",
|
|
6599
|
+
placeholder: "Enter Add. Procedure Code",
|
|
6600
|
+
value: orderDetails == null || (_orderDetails$order_c3 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c3.additional_procedure_code,
|
|
6601
|
+
onChange: function onChange(e) {
|
|
6602
|
+
return handleChange('additional_procedure_code', e.target.value);
|
|
6603
|
+
}
|
|
6604
|
+
})), React.createElement(CustomInput$7, {
|
|
6605
|
+
label: "Additional Procedures",
|
|
6606
|
+
name: "additional-procedures",
|
|
6607
|
+
type: "text",
|
|
6608
|
+
placeholder: "Enter Additional Procedures",
|
|
6609
|
+
value: orderDetails == null || (_orderDetails$order_c4 = orderDetails.order_customs_details) == null ? void 0 : _orderDetails$order_c4.additional_procedures,
|
|
6610
|
+
onChange: function onChange(e) {
|
|
6611
|
+
return handleChange('additional_procedures', e.target.value);
|
|
6612
|
+
}
|
|
6613
|
+
})));
|
|
6614
|
+
};
|
|
6615
|
+
var FormInputs$3 = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 25px;\n flex: 1;\n"])));
|
|
6616
|
+
var CustomFormSection$4 = /*#__PURE__*/styled(FormSection)(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 15px;\n"])));
|
|
6617
|
+
var GroupedInputs$2 = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n white-space: nowrap;\n"])));
|
|
6618
|
+
|
|
6619
|
+
var _templateObject$V, _templateObject2$I, _templateObject3$k, _templateObject4$a;
|
|
6284
6620
|
function ExpandedContent(_ref) {
|
|
6285
6621
|
var orderLoading = _ref.orderLoading,
|
|
6286
6622
|
depotDataLoading = _ref.depotDataLoading;
|
|
6287
|
-
|
|
6623
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
6624
|
+
isNorthSouth = _useIsShowNorthSouth[0];
|
|
6625
|
+
var _useOrderDetails = useOrderDetails(),
|
|
6626
|
+
orderDetails = _useOrderDetails[0];
|
|
6627
|
+
useEffect(function () {
|
|
6628
|
+
console.log('north sourthsalhdjas', isNorthSouth);
|
|
6629
|
+
}, [isNorthSouth]);
|
|
6630
|
+
return React.createElement(React.Fragment, null, React.createElement(MainContainer$2, null, orderLoading || depotDataLoading ? React.createElement(React.Fragment, null, React.createElement(CustomFormSection$5, null, React.createElement(Skeleton, {
|
|
6288
6631
|
paragraph: {
|
|
6289
6632
|
rows: 4
|
|
6290
6633
|
}
|
|
@@ -6292,10 +6635,10 @@ function ExpandedContent(_ref) {
|
|
|
6292
6635
|
paragraph: {
|
|
6293
6636
|
rows: 4
|
|
6294
6637
|
}
|
|
6295
|
-
}))) : React.createElement(React.Fragment, null, React.createElement(Container$
|
|
6638
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$A, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null), (isNorthSouth === true || (orderDetails == null ? void 0 : orderDetails.show_customs_details) && isNorthSouth !== false) && React.createElement(NorthernSouthernInfoView, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null))));
|
|
6296
6639
|
}
|
|
6297
|
-
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$
|
|
6298
|
-
var Container$
|
|
6640
|
+
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
|
|
6641
|
+
var Container$A = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
|
|
6299
6642
|
// const InstructionContainer = styled.div`
|
|
6300
6643
|
// display: flex;
|
|
6301
6644
|
// justify-content: center;
|
|
@@ -6309,8 +6652,8 @@ var Container$z = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject
|
|
|
6309
6652
|
// -ms-user-select: none;
|
|
6310
6653
|
// user-select: none;
|
|
6311
6654
|
// `;
|
|
6312
|
-
var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
6313
|
-
var CustomFormSection$
|
|
6655
|
+
var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n /* padding-bottom: 30px; */\n @media (max-width: 768px) {\n gap: 10px;\n }\n"])));
|
|
6656
|
+
var CustomFormSection$5 = /*#__PURE__*/styled(FormSection)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
6314
6657
|
|
|
6315
6658
|
function OrderDetails$1(_ref) {
|
|
6316
6659
|
var orderLoading = _ref.orderLoading,
|
|
@@ -6347,7 +6690,7 @@ function OrderDetails$1(_ref) {
|
|
|
6347
6690
|
}));
|
|
6348
6691
|
}
|
|
6349
6692
|
|
|
6350
|
-
var _templateObject$
|
|
6693
|
+
var _templateObject$W;
|
|
6351
6694
|
function NoteType() {
|
|
6352
6695
|
var _useVisibilityData = useVisibilityData(),
|
|
6353
6696
|
visibilityData = _useVisibilityData[0];
|
|
@@ -6373,7 +6716,7 @@ function NoteType() {
|
|
|
6373
6716
|
setSelected(selectedOption.value);
|
|
6374
6717
|
}
|
|
6375
6718
|
};
|
|
6376
|
-
return React.createElement(Container$
|
|
6719
|
+
return React.createElement(Container$B, null, React.createElement(RadioButtonGroup$1, {
|
|
6377
6720
|
selectedValue: selected,
|
|
6378
6721
|
heading: "",
|
|
6379
6722
|
options: visibilityData == null ? void 0 : visibilityData.map(function (client) {
|
|
@@ -6386,9 +6729,9 @@ function NoteType() {
|
|
|
6386
6729
|
required: false
|
|
6387
6730
|
}));
|
|
6388
6731
|
}
|
|
6389
|
-
var Container$
|
|
6732
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6390
6733
|
|
|
6391
|
-
var _templateObject$
|
|
6734
|
+
var _templateObject$X, _templateObject2$J, _templateObject3$l, _templateObject4$b;
|
|
6392
6735
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6393
6736
|
function AddNote() {
|
|
6394
6737
|
var _useState = useState(template),
|
|
@@ -6533,7 +6876,7 @@ function AddNote() {
|
|
|
6533
6876
|
var handleChange = function handleChange(e) {
|
|
6534
6877
|
setNoteText(e.target.value);
|
|
6535
6878
|
};
|
|
6536
|
-
return React.createElement(Container$
|
|
6879
|
+
return React.createElement(Container$C, null, React.createElement(Label$k, {
|
|
6537
6880
|
label: "Add New Note",
|
|
6538
6881
|
required: true,
|
|
6539
6882
|
style: {
|
|
@@ -6555,10 +6898,10 @@ function AddNote() {
|
|
|
6555
6898
|
onClick: saveNote
|
|
6556
6899
|
}, "SAVE NOTE"), !isClientPortal && React.createElement(NoteType, null)));
|
|
6557
6900
|
}
|
|
6558
|
-
var Container$
|
|
6559
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6560
|
-
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$
|
|
6561
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$
|
|
6901
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6902
|
+
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6903
|
+
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 65px;\n border-radius: 8px;\n background: #fff;\n resize: vertical;\n border: 1px solid #e0e2e7;\n padding: 8px 12px;\n font-family: monospace;\n white-space: pre-wrap;\n"])));
|
|
6904
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6562
6905
|
|
|
6563
6906
|
var NotesTableData = [{
|
|
6564
6907
|
tableHead: [{
|
|
@@ -6573,7 +6916,7 @@ var NotesTableData = [{
|
|
|
6573
6916
|
tableBody: []
|
|
6574
6917
|
}];
|
|
6575
6918
|
|
|
6576
|
-
var _templateObject$
|
|
6919
|
+
var _templateObject$Y, _templateObject2$K;
|
|
6577
6920
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
6578
6921
|
var _NotesTableData$;
|
|
6579
6922
|
var tableHeadData = (_NotesTableData$ = NotesTableData[0]) == null ? void 0 : _NotesTableData$.tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -6609,16 +6952,16 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6609
6952
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
6610
6953
|
}, "No data found"))))));
|
|
6611
6954
|
};
|
|
6612
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6613
|
-
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6955
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6956
|
+
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n border-bottom: 1px solid #efe8e8;\n word-break: break-word;\n vertical-align: top;\n\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n .notesIcon {\n display: flex;\n align-items: center;\n gap: 5px;\n\n .datetime {\n min-width: 155px;\n }\n }\n }\n }\n }\n"])));
|
|
6614
6957
|
|
|
6615
|
-
var _templateObject$
|
|
6958
|
+
var _templateObject$Z;
|
|
6616
6959
|
function AuditLogs() {
|
|
6617
|
-
return React.createElement(Container$
|
|
6960
|
+
return React.createElement(Container$D, null, React.createElement(GenericAuditLogsTable, null));
|
|
6618
6961
|
}
|
|
6619
|
-
var Container$
|
|
6962
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 500px;\n min-height: 200px;\n max-height: 500px;\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6620
6963
|
|
|
6621
|
-
var _templateObject$
|
|
6964
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$m, _templateObject4$c;
|
|
6622
6965
|
// import { useLocation } from 'react-router-dom';
|
|
6623
6966
|
function Notes() {
|
|
6624
6967
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6694,21 +7037,21 @@ function Notes() {
|
|
|
6694
7037
|
setAuditLogs(false);
|
|
6695
7038
|
}, 1000);
|
|
6696
7039
|
};
|
|
6697
|
-
return React.createElement(Container$
|
|
7040
|
+
return React.createElement(Container$E, null, React.createElement(CardHeader, null, "NOTES", React.createElement(SmallButton, {
|
|
6698
7041
|
onClick: handleGetLogs
|
|
6699
7042
|
}, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
6700
7043
|
}
|
|
6701
|
-
var Container$
|
|
6702
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
6703
|
-
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$
|
|
6704
|
-
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
7044
|
+
var Container$E = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
7045
|
+
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7046
|
+
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
7047
|
+
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #363a30;\n color: #ffffff;\n font-size: 12px;\n padding: 4px 8px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n\n &:hover {\n background-color: #feba30;\n }\n"])));
|
|
6705
7048
|
|
|
6706
|
-
var _templateObject
|
|
7049
|
+
var _templateObject$$;
|
|
6707
7050
|
// import styled from 'styled-components';
|
|
6708
7051
|
function SystemCollapsedContent() {
|
|
6709
7052
|
return React.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
6710
7053
|
}
|
|
6711
|
-
var Font = /*#__PURE__*/styled.div(_templateObject
|
|
7054
|
+
var Font = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
6712
7055
|
|
|
6713
7056
|
function ChevronUp(props) {
|
|
6714
7057
|
return React.createElement("svg", Object.assign({
|
|
@@ -6726,12 +7069,12 @@ function ChevronUp(props) {
|
|
|
6726
7069
|
}));
|
|
6727
7070
|
}
|
|
6728
7071
|
|
|
6729
|
-
var _templateObject$
|
|
7072
|
+
var _templateObject$10, _templateObject2$M, _templateObject3$n, _templateObject4$d, _templateObject5$8, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6730
7073
|
function CollapsableForm(props) {
|
|
6731
7074
|
var _useState = useState(true),
|
|
6732
7075
|
isExpanded = _useState[0],
|
|
6733
7076
|
setIsExpanded = _useState[1];
|
|
6734
|
-
return React.createElement(MainContainer$3, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$
|
|
7077
|
+
return React.createElement(MainContainer$3, null, React.createElement(CardHeader$1, null, React.createElement(CollapsedContent, null, props.collapsedContent, React.createElement(Container$F, null, React.createElement(Text$4, {
|
|
6735
7078
|
onClick: function onClick() {
|
|
6736
7079
|
return setIsExpanded(function (prev) {
|
|
6737
7080
|
return !prev;
|
|
@@ -6746,18 +7089,18 @@ function CollapsableForm(props) {
|
|
|
6746
7089
|
isExpanded: isExpanded
|
|
6747
7090
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
6748
7091
|
}
|
|
6749
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6750
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6751
|
-
var Text$4 = /*#__PURE__*/styled.span(_templateObject3$
|
|
6752
|
-
var Container$
|
|
6753
|
-
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject5$
|
|
7092
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
7093
|
+
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
7094
|
+
var Text$4 = /*#__PURE__*/styled.span(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
7095
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
7096
|
+
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6754
7097
|
var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 25px;\n height: 25px;\n padding: 2px;\n border-radius: 3px;\n background: #ffffff;\n box-shadow: 0px 1px 2px 0px #1018280d;\n &:hover {\n background: rgba(58, 54, 57, 0.05);\n }\n svg {\n transform: rotate(", ");\n }\n"])), function (props) {
|
|
6755
7098
|
return props.isExpanded ? '360deg' : '180deg';
|
|
6756
7099
|
});
|
|
6757
7100
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6758
7101
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
6759
7102
|
|
|
6760
|
-
var _templateObject
|
|
7103
|
+
var _templateObject$11, _templateObject2$N, _templateObject3$o;
|
|
6761
7104
|
function CustomScrollBar(props) {
|
|
6762
7105
|
var children = props.children,
|
|
6763
7106
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -6775,11 +7118,11 @@ function CustomScrollBar(props) {
|
|
|
6775
7118
|
}
|
|
6776
7119
|
}, children);
|
|
6777
7120
|
}
|
|
6778
|
-
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject
|
|
6779
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
6780
|
-
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$
|
|
7121
|
+
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
7122
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
7123
|
+
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6781
7124
|
|
|
6782
|
-
var _templateObject$
|
|
7125
|
+
var _templateObject$12, _templateObject2$O, _templateObject3$p, _templateObject4$e, _templateObject5$9, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6783
7126
|
var selectedID = /*#__PURE__*/atom([]);
|
|
6784
7127
|
function DynamicTable(_ref, props) {
|
|
6785
7128
|
var columns = _ref.columns,
|
|
@@ -6808,7 +7151,7 @@ function DynamicTable(_ref, props) {
|
|
|
6808
7151
|
var noFlexColumns = ['id'];
|
|
6809
7152
|
console.log(rows, '<===========rows');
|
|
6810
7153
|
console.log(props, 'props');
|
|
6811
|
-
return React.createElement(MainContainer$4, null, React.createElement(Container$
|
|
7154
|
+
return React.createElement(MainContainer$4, null, React.createElement(Container$G, null, React.createElement(TableWrapper, null, React.createElement(CustomScrollBar, null, React.createElement(Table, null, React.createElement(TableHead, null, headerGroups == null ? void 0 : headerGroups.map(function (headerGroup) {
|
|
6812
7155
|
return React.createElement(TableRow, {
|
|
6813
7156
|
key: headerGroup.id
|
|
6814
7157
|
}, headerGroup.headers.map(function (header) {
|
|
@@ -6842,17 +7185,17 @@ function DynamicTable(_ref, props) {
|
|
|
6842
7185
|
}));
|
|
6843
7186
|
})))))));
|
|
6844
7187
|
}
|
|
6845
|
-
var Container$
|
|
6846
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6847
|
-
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$
|
|
6848
|
-
var TableData = /*#__PURE__*/styled.td(_templateObject4$
|
|
6849
|
-
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$
|
|
7188
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
7189
|
+
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
7190
|
+
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
7191
|
+
var TableData = /*#__PURE__*/styled.td(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 10px 5px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
7192
|
+
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
6850
7193
|
var TableBody = /*#__PURE__*/styled.tbody(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
6851
7194
|
var TableHead = /*#__PURE__*/styled.thead(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0px;\n z-index: 1;\n background: #f8f8f8;\n white-space: nowrap;\n"])));
|
|
6852
7195
|
var Table = /*#__PURE__*/styled.table(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
6853
7196
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .col {\n display: flex;\n align-items: center;\n color: #3a3630;\n padding: 10px 5px;\n text-align: left;\n }\n\n .col.noFlex {\n flex: 0;\n }\n\n .col.sm {\n flex: 1;\n min-width: 100px;\n }\n\n .col.md {\n flex: 2;\n justify-content: flex-start;\n min-width: 85px;\n }\n\n .col.lg {\n flex: 4;\n justify-content: flex-start;\n min-width: 180px;\n }\n\n .col.date {\n }\n\n .col.amount,\n .col.price {\n justify-content: flex-end;\n }\n\n .TableHeadData,\n .TableData {\n padding: 10px 5px;\n text-align: left;\n white-space: nowrap;\n }\n\n .TableRow {\n display: flex;\n width: 100%;\n }\n\n .Table {\n width: 100%;\n }\n"])));
|
|
6854
7197
|
|
|
6855
|
-
var _templateObject$
|
|
7198
|
+
var _templateObject$13, _templateObject2$P;
|
|
6856
7199
|
// import { useEventNotesData } from '../../store';
|
|
6857
7200
|
function Event(props) {
|
|
6858
7201
|
var _props$row;
|
|
@@ -6865,28 +7208,28 @@ function Event(props) {
|
|
|
6865
7208
|
// };
|
|
6866
7209
|
return React.createElement(RowContainer, null, React.createElement(Row, null, data));
|
|
6867
7210
|
}
|
|
6868
|
-
var RowContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6869
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
7211
|
+
var RowContainer = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7212
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6870
7213
|
|
|
6871
|
-
var _templateObject$
|
|
7214
|
+
var _templateObject$14, _templateObject2$Q;
|
|
6872
7215
|
function Date$1(props) {
|
|
6873
7216
|
var _props$row;
|
|
6874
7217
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6875
7218
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatUtcToLocal(data).date + " @ " + formatUtcToLocal(data).time));
|
|
6876
7219
|
}
|
|
6877
|
-
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6878
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7220
|
+
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7221
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6879
7222
|
|
|
6880
|
-
var _templateObject$
|
|
7223
|
+
var _templateObject$15, _templateObject2$R;
|
|
6881
7224
|
function Code(props) {
|
|
6882
7225
|
var _props$row;
|
|
6883
7226
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6884
7227
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
6885
7228
|
}
|
|
6886
|
-
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6887
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7229
|
+
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7230
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6888
7231
|
|
|
6889
|
-
var _templateObject$
|
|
7232
|
+
var _templateObject$16, _templateObject2$S;
|
|
6890
7233
|
function Note(props) {
|
|
6891
7234
|
var _props$row;
|
|
6892
7235
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6898,8 +7241,8 @@ function Note(props) {
|
|
|
6898
7241
|
}
|
|
6899
7242
|
}));
|
|
6900
7243
|
}
|
|
6901
|
-
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
6902
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7244
|
+
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
7245
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6903
7246
|
|
|
6904
7247
|
var tableColumns = [{
|
|
6905
7248
|
header: 'Date',
|
|
@@ -6923,7 +7266,7 @@ var tableColumns = [{
|
|
|
6923
7266
|
enableSorting: false
|
|
6924
7267
|
}];
|
|
6925
7268
|
|
|
6926
|
-
var _templateObject$
|
|
7269
|
+
var _templateObject$17;
|
|
6927
7270
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6928
7271
|
// import { ApiResponse } from '../../types';
|
|
6929
7272
|
function SystemLogs(_ref) {
|
|
@@ -6959,7 +7302,7 @@ function SystemLogs(_ref) {
|
|
|
6959
7302
|
loading: loading
|
|
6960
7303
|
})));
|
|
6961
7304
|
}
|
|
6962
|
-
var Table$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7305
|
+
var Table$1 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6963
7306
|
|
|
6964
7307
|
var StatusOptions = [{
|
|
6965
7308
|
label: 'Released',
|
|
@@ -7116,12 +7459,12 @@ function Divider() {
|
|
|
7116
7459
|
}));
|
|
7117
7460
|
}
|
|
7118
7461
|
|
|
7119
|
-
var _templateObject$
|
|
7462
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$q, _templateObject4$f, _templateObject5$a, _templateObject6$3, _templateObject7$5;
|
|
7120
7463
|
function Status(_ref) {
|
|
7121
7464
|
var statusDataLoading = _ref.statusDataLoading;
|
|
7122
7465
|
var _useStatusDetails = useStatusDetails(),
|
|
7123
7466
|
orderStatus = _useStatusDetails[0];
|
|
7124
|
-
return React.createElement(React.Fragment, null, React.createElement(Container$
|
|
7467
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$H, null, React.createElement(BoxContainer, null, statusDataLoading ? React.createElement(React.Fragment, null, React.createElement(StatusSkeletonRow, null)) : StatusOptions == null ? void 0 : StatusOptions.map(function (option, index) {
|
|
7125
7468
|
return React.createElement(React.Fragment, {
|
|
7126
7469
|
key: index
|
|
7127
7470
|
}, React.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React.createElement(Divider, null));
|
|
@@ -7195,15 +7538,15 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
7195
7538
|
// padding: 8px 0;
|
|
7196
7539
|
// gap: 12px;
|
|
7197
7540
|
// `;
|
|
7198
|
-
var StatusBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7199
|
-
var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
7200
|
-
var SkeletonDivider = /*#__PURE__*/styled.div(_templateObject3$
|
|
7201
|
-
var BoxContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
7202
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject5$
|
|
7203
|
-
var Container$
|
|
7541
|
+
var StatusBox = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background: #fcfcfc;\n border: 1px solid #eee;\n border-radius: 20px;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: 5px;\n width: -webkit-fill-available;\n"])));
|
|
7542
|
+
var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7543
|
+
var SkeletonDivider = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 12px;\n height: 2px;\n background-color: #e0e0e0;\n margin: 0 4px;\n border-radius: 2px;\n"])));
|
|
7544
|
+
var BoxContainer = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 20px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
7545
|
+
var Heading = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n"])));
|
|
7546
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7204
7547
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
7205
7548
|
|
|
7206
|
-
var _templateObject$
|
|
7549
|
+
var _templateObject$19;
|
|
7207
7550
|
// import DropDownOptions from './dropdowns';
|
|
7208
7551
|
function GeneralHeader(_ref) {
|
|
7209
7552
|
var statusDataLoading = _ref.statusDataLoading;
|
|
@@ -7211,7 +7554,7 @@ function GeneralHeader(_ref) {
|
|
|
7211
7554
|
statusDataLoading: statusDataLoading
|
|
7212
7555
|
}));
|
|
7213
7556
|
}
|
|
7214
|
-
var Section = /*#__PURE__*/styled.div(_templateObject$
|
|
7557
|
+
var Section = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7215
7558
|
|
|
7216
7559
|
var ActionIcon = function ActionIcon() {
|
|
7217
7560
|
return React.createElement("svg", {
|
|
@@ -7230,22 +7573,22 @@ var ActionIcon = function ActionIcon() {
|
|
|
7230
7573
|
}));
|
|
7231
7574
|
};
|
|
7232
7575
|
|
|
7233
|
-
var _templateObject$
|
|
7576
|
+
var _templateObject$1a;
|
|
7234
7577
|
function BackgroundModal(props) {
|
|
7235
|
-
return createPortal(React.createElement(Container$
|
|
7578
|
+
return createPortal(React.createElement(Container$I, Object.assign({}, props), props.children), document.body);
|
|
7236
7579
|
}
|
|
7237
|
-
var Container$
|
|
7580
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
7238
7581
|
|
|
7239
|
-
var _templateObject$
|
|
7582
|
+
var _templateObject$1b, _templateObject2$U, _templateObject3$r, _templateObject4$g;
|
|
7240
7583
|
function AdditionalInformation(props) {
|
|
7241
|
-
return React.createElement(Container$
|
|
7584
|
+
return React.createElement(Container$J, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
7242
7585
|
}
|
|
7243
|
-
var Text$5 = /*#__PURE__*/styled.p(_templateObject$
|
|
7244
|
-
var Container$
|
|
7245
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
7246
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
7586
|
+
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
7587
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7588
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7589
|
+
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
7247
7590
|
|
|
7248
|
-
var _templateObject$
|
|
7591
|
+
var _templateObject$1c, _templateObject2$V, _templateObject3$s, _templateObject4$h;
|
|
7249
7592
|
function OrderActionHeader(props) {
|
|
7250
7593
|
var title = props.title,
|
|
7251
7594
|
actions = props.actions,
|
|
@@ -7254,31 +7597,31 @@ function OrderActionHeader(props) {
|
|
|
7254
7597
|
_props$infoText = props.infoText,
|
|
7255
7598
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7256
7599
|
onClose = props.onClose;
|
|
7257
|
-
return React.createElement(Container$
|
|
7600
|
+
return React.createElement(Container$K, null, React.createElement(Wrapper$d, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
7258
7601
|
info: infoText
|
|
7259
7602
|
}), actions), React.createElement(IconContainer$2, {
|
|
7260
7603
|
onClick: onClose
|
|
7261
7604
|
}, React.createElement(CrossIcon, null)));
|
|
7262
7605
|
}
|
|
7263
|
-
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$
|
|
7264
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7265
|
-
var Title = /*#__PURE__*/styled.h3(_templateObject3$
|
|
7266
|
-
var Container$
|
|
7606
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7607
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7608
|
+
var Title = /*#__PURE__*/styled.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
7609
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
7267
7610
|
|
|
7268
|
-
var _templateObject$
|
|
7611
|
+
var _templateObject$1d, _templateObject2$W;
|
|
7269
7612
|
function OrderActionFooter(props) {
|
|
7270
7613
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7271
|
-
return React.createElement(Container$
|
|
7614
|
+
return React.createElement(Container$L, null, React.createElement(SubmitButton, {
|
|
7272
7615
|
shape: "rounded",
|
|
7273
7616
|
colors: "primary",
|
|
7274
7617
|
onClick: props.onSubmit,
|
|
7275
7618
|
disabled: isSubmitDisabled
|
|
7276
7619
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7277
7620
|
}
|
|
7278
|
-
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7279
|
-
var Container$
|
|
7621
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7622
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
7280
7623
|
|
|
7281
|
-
var _templateObject$
|
|
7624
|
+
var _templateObject$1e;
|
|
7282
7625
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7283
7626
|
function OrderActionModal(_ref) {
|
|
7284
7627
|
var _ref$minWidth = _ref.minWidth,
|
|
@@ -7303,7 +7646,7 @@ function OrderActionModal(_ref) {
|
|
|
7303
7646
|
})));
|
|
7304
7647
|
}
|
|
7305
7648
|
// Styled component with dynamic min-width
|
|
7306
|
-
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
7649
|
+
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: ", "; // Dynamic max-width\n min-width: ", "; // Dynamic min-width\n"])), function (_ref2) {
|
|
7307
7650
|
var maxWidth = _ref2.maxWidth;
|
|
7308
7651
|
return maxWidth;
|
|
7309
7652
|
}, function (_ref3) {
|
|
@@ -7311,7 +7654,7 @@ var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateOb
|
|
|
7311
7654
|
return minWidth;
|
|
7312
7655
|
});
|
|
7313
7656
|
|
|
7314
|
-
var _templateObject$
|
|
7657
|
+
var _templateObject$1f, _templateObject2$X, _templateObject3$t, _templateObject9$2;
|
|
7315
7658
|
function ChargeLog() {
|
|
7316
7659
|
var _fetchedData$data, _fetchedData$data2;
|
|
7317
7660
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7382,12 +7725,12 @@ function ChargeLog() {
|
|
|
7382
7725
|
})))));
|
|
7383
7726
|
}
|
|
7384
7727
|
// Styled components
|
|
7385
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7386
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
7387
|
-
var EmptyDataContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7728
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n width: 100%;\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"])));
|
|
7729
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$X || (_templateObject2$X = /*#__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 .linkHover {\n cursor: pointer;\n }\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"])));
|
|
7730
|
+
var EmptyDataContainer$2 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7388
7731
|
var Value = /*#__PURE__*/styled.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7389
7732
|
|
|
7390
|
-
var _templateObject$
|
|
7733
|
+
var _templateObject$1g, _templateObject2$Y;
|
|
7391
7734
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
7392
7735
|
var _useSelectedProducts = useSelectedProducts(),
|
|
7393
7736
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7405,6 +7748,8 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7405
7748
|
orderId = _useOrderId[0];
|
|
7406
7749
|
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
7407
7750
|
returnOrderData = _useNewReturnOrderDat[0];
|
|
7751
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
7752
|
+
isNorthSouth = _useIsShowNorthSouth[0];
|
|
7408
7753
|
// const handleActionClick = (id: number) => {
|
|
7409
7754
|
// setSelectedRowId(id);
|
|
7410
7755
|
// };
|
|
@@ -7525,8 +7870,11 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7525
7870
|
}))) : (productData == null ? void 0 : productData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
7526
7871
|
colSpan: 14
|
|
7527
7872
|
}, React.createElement(EmptyDataContainer$2, null, React.createElement(Empty, null)))) : productData == null ? void 0 : productData.map(function (product) {
|
|
7528
|
-
|
|
7873
|
+
var _product$product_cust, _product$product_cust2, _product$product_cust3, _product$product_cust4;
|
|
7874
|
+
return React.createElement(React.Fragment, {
|
|
7529
7875
|
key: product.id
|
|
7876
|
+
}, React.createElement("tr", {
|
|
7877
|
+
className: "product-row"
|
|
7530
7878
|
}, React.createElement("td", null, React.createElement(StyleCheckbox, {
|
|
7531
7879
|
checked: selectedProducts == null ? void 0 : selectedProducts.includes(product == null ? void 0 : product.id),
|
|
7532
7880
|
onChange: function onChange() {
|
|
@@ -7541,8 +7889,7 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7541
7889
|
}, React.createElement("li", {
|
|
7542
7890
|
style: {
|
|
7543
7891
|
color: '#0099ff',
|
|
7544
|
-
fontWeight: 600
|
|
7545
|
-
paddingLeft: 0
|
|
7892
|
+
fontWeight: 600
|
|
7546
7893
|
}
|
|
7547
7894
|
}, React.createElement(NavLink, {
|
|
7548
7895
|
to: "/orders/view/" + (product == null ? void 0 : product.order_id)
|
|
@@ -7552,27 +7899,64 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7552
7899
|
}
|
|
7553
7900
|
}, displayValueOrNA$1(product == null ? void 0 : product.postcode)))), React.createElement("td", null, product == null ? void 0 : product.code), React.createElement("td", null, product == null ? void 0 : product.description), React.createElement("td", null, product == null ? void 0 : product.return_reason), React.createElement("td", null, product == null ? void 0 : product.part), React.createElement("td", null, React.createElement("div", {
|
|
7554
7901
|
onClick: function onClick() {
|
|
7555
|
-
deleteProduct(product == null ? void 0 : product.id);
|
|
7902
|
+
return deleteProduct(product == null ? void 0 : product.id);
|
|
7556
7903
|
},
|
|
7557
7904
|
style: {
|
|
7558
7905
|
cursor: 'pointer'
|
|
7559
7906
|
}
|
|
7560
|
-
}, React.createElement(ActionIcon, null))))
|
|
7907
|
+
}, React.createElement(ActionIcon, null)))), isNorthSouth === true && React.createElement("td", {
|
|
7908
|
+
colSpan: 8
|
|
7909
|
+
}, React.createElement(NSWrapper, null, React.createElement("div", {
|
|
7910
|
+
className: "left"
|
|
7911
|
+
}, "Northern/Southern Ireland"), React.createElement("div", {
|
|
7912
|
+
className: "left-end"
|
|
7913
|
+
}), React.createElement("div", {
|
|
7914
|
+
className: "section"
|
|
7915
|
+
}, React.createElement(CustomInput$7, {
|
|
7916
|
+
label: "Commodity Code",
|
|
7917
|
+
type: "text",
|
|
7918
|
+
direction: "row",
|
|
7919
|
+
placeholder: "Enter Commodity Code",
|
|
7920
|
+
value: (product == null || (_product$product_cust = product.product_customs_details) == null ? void 0 : _product$product_cust.commodity_code) || 'NA',
|
|
7921
|
+
disabled: true
|
|
7922
|
+
}), React.createElement(CustomInput$7, {
|
|
7923
|
+
label: "Country of Origin",
|
|
7924
|
+
type: "text",
|
|
7925
|
+
direction: "row",
|
|
7926
|
+
placeholder: "Enter Country of Origin",
|
|
7927
|
+
value: (product == null || (_product$product_cust2 = product.product_customs_details) == null ? void 0 : _product$product_cust2.country_of_origin) || 'NA',
|
|
7928
|
+
disabled: true
|
|
7929
|
+
}), React.createElement(CustomInput$7, {
|
|
7930
|
+
label: "Item Invoice Amount",
|
|
7931
|
+
type: "number",
|
|
7932
|
+
direction: "row",
|
|
7933
|
+
placeholder: "Enter Item Invoice Amount",
|
|
7934
|
+
value: (product == null || (_product$product_cust3 = product.product_customs_details) == null ? void 0 : _product$product_cust3.item_invoice_amount) || 0,
|
|
7935
|
+
disabled: true
|
|
7936
|
+
}), React.createElement(CustomInput$7, {
|
|
7937
|
+
label: "NI Additional Info Codes",
|
|
7938
|
+
type: "text",
|
|
7939
|
+
direction: "row",
|
|
7940
|
+
placeholder: "Enter NI Add Info Codes",
|
|
7941
|
+
value: (product == null || (_product$product_cust4 = product.product_customs_details) == null ? void 0 : _product$product_cust4.ni_additional_information_codes) || 'NA',
|
|
7942
|
+
disabled: true
|
|
7943
|
+
})))));
|
|
7561
7944
|
})))));
|
|
7562
7945
|
};
|
|
7563
|
-
var
|
|
7946
|
+
var NSWrapper = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n padding: 5px 10px;\n align-items: center;\n gap: 10px;\n // position: absolute;\n // right: 84px;\n // top: 181px;\n border-radius: 6px;\n border: 1px solid rgb(237, 235, 232);\n background: rgb(248, 250, 252);\n margin-bottom: 14px;\n\n .left {\n display: flex;\n padding-right: 10px;\n align-items: center;\n gap: 5px;\n align-self: stretch;\n color: #3a3630;\n font-feature-settings: 'liga' off, 'clig' off;\n font-family: Roboto;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-transform: uppercase;\n }\n\n .left-end {\n display: flex;\n padding-right: 10px;\n align-items: center;\n gap: 5px;\n align-self: stretch;\n border-right: 1px solid #e2e0db;\n }\n\n .section {\n display: flex;\n align-items: center;\n gap: 30px;\n flex: 1 0 0;\n\n input {\n display: flex;\n height: 28px;\n padding: 3px 10px;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n border-radius: 30px;\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n"])));
|
|
7947
|
+
var StyleCheckbox = /*#__PURE__*/styled(Checkbox)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7564
7948
|
|
|
7565
|
-
var _templateObject$
|
|
7949
|
+
var _templateObject$1h;
|
|
7566
7950
|
var ProductTable = function ProductTable(props) {
|
|
7567
|
-
return React.createElement(Container$
|
|
7951
|
+
return React.createElement(Container$M, null, React.createElement(ReturnProductTable, {
|
|
7568
7952
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7569
7953
|
loading: props == null ? void 0 : props.loading,
|
|
7570
7954
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7571
7955
|
}));
|
|
7572
7956
|
};
|
|
7573
|
-
var Container$
|
|
7957
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7574
7958
|
|
|
7575
|
-
var _templateObject$
|
|
7959
|
+
var _templateObject$1i, _templateObject2$Z, _templateObject3$u;
|
|
7576
7960
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
7577
7961
|
var selectedOrderId = /*#__PURE__*/atom(null);
|
|
7578
7962
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7670,7 +8054,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7670
8054
|
value: order == null ? void 0 : order.id
|
|
7671
8055
|
};
|
|
7672
8056
|
});
|
|
7673
|
-
return React.createElement(Container$
|
|
8057
|
+
return React.createElement(Container$N, null, React.createElement(Text$6, null, "New Return Order:"), React.createElement(StyledAntSelect$4, {
|
|
7674
8058
|
options: dropdownOptions,
|
|
7675
8059
|
value: selectedId,
|
|
7676
8060
|
placeholder: "Select",
|
|
@@ -7686,11 +8070,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7686
8070
|
notFoundContent: "No orders found with a similar postcode"
|
|
7687
8071
|
}));
|
|
7688
8072
|
};
|
|
7689
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
7690
|
-
var Container$
|
|
7691
|
-
var Text$6 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8073
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
8074
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
8075
|
+
var Text$6 = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7692
8076
|
|
|
7693
|
-
var _templateObject$
|
|
8077
|
+
var _templateObject$1j, _templateObject2$_, _templateObject3$v;
|
|
7694
8078
|
function ExpandedContent$2(props) {
|
|
7695
8079
|
var _response$data, _response$data2;
|
|
7696
8080
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -7794,7 +8178,7 @@ function ExpandedContent$2(props) {
|
|
|
7794
8178
|
setSelectedProducts([]);
|
|
7795
8179
|
}
|
|
7796
8180
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7797
|
-
return React.createElement(Container$
|
|
8181
|
+
return React.createElement(Container$O, null, React.createElement(ProductTable, {
|
|
7798
8182
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7799
8183
|
loading: props == null ? void 0 : props.loading,
|
|
7800
8184
|
locationloading: props == null ? void 0 : props.locationloading
|
|
@@ -7806,18 +8190,31 @@ function ExpandedContent$2(props) {
|
|
|
7806
8190
|
disabled: isButtonDisabled
|
|
7807
8191
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
7808
8192
|
}
|
|
7809
|
-
var MidContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7810
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7811
|
-
var Container$
|
|
8193
|
+
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
8194
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
8195
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7812
8196
|
|
|
7813
|
-
var _templateObject$
|
|
8197
|
+
var _templateObject$1k, _templateObject2$$, _templateObject3$w;
|
|
7814
8198
|
function CollapsedContent$1() {
|
|
7815
|
-
|
|
8199
|
+
var _useProductDetails = useProductDetails(),
|
|
8200
|
+
productsData = _useProductDetails[0];
|
|
8201
|
+
var calculateTotal = function calculateTotal(items, field) {
|
|
8202
|
+
return items.reduce(function (total, item) {
|
|
8203
|
+
var val = parseFloat(item[field]);
|
|
8204
|
+
return total + (isNaN(val) ? 0 : val);
|
|
8205
|
+
}, 0).toFixed(2);
|
|
8206
|
+
};
|
|
8207
|
+
return React.createElement(Container$P, null, React.createElement(SectionHeader, {
|
|
7816
8208
|
label: "Products"
|
|
7817
|
-
}), React.createElement(Dimensions, null, "Products to be Returned"))
|
|
8209
|
+
}), React.createElement(Dimensions, null, "Products to be Returned"), (productsData == null ? void 0 : productsData.length) > 0 && React.createElement(Items, {
|
|
8210
|
+
style: {
|
|
8211
|
+
display: 'flex'
|
|
8212
|
+
}
|
|
8213
|
+
}, "Total: ", calculateTotal(productsData, 'weight'), "KG /", ' ', calculateTotal(productsData, 'cube'), "m\xB3"));
|
|
7818
8214
|
}
|
|
7819
|
-
var Dimensions = /*#__PURE__*/styled.span(_templateObject$
|
|
7820
|
-
var Container$
|
|
8215
|
+
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
8216
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
8217
|
+
var Items = /*#__PURE__*/styled.span(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n color: #8e8a85;\n text-transform: capitalize;\n color: #6a7378;\n"])));
|
|
7821
8218
|
|
|
7822
8219
|
function ProductsInfo(_ref) {
|
|
7823
8220
|
var locationloading = _ref.locationloading;
|
|
@@ -7864,9 +8261,9 @@ function ProductsInfo(_ref) {
|
|
|
7864
8261
|
}));
|
|
7865
8262
|
}
|
|
7866
8263
|
|
|
7867
|
-
var _templateObject$
|
|
8264
|
+
var _templateObject$1l, _templateObject2$10, _templateObject3$x;
|
|
7868
8265
|
function OrderActionsDropdown(props) {
|
|
7869
|
-
return React.createElement(Container$
|
|
8266
|
+
return React.createElement(Container$Q, {
|
|
7870
8267
|
className: props.className
|
|
7871
8268
|
}, React.createElement(Label$1, null, props.label, props.required && React.createElement(RequiredAsterisk, null, "*")), React.createElement(AntSelect, {
|
|
7872
8269
|
options: props.options,
|
|
@@ -7883,9 +8280,9 @@ function OrderActionsDropdown(props) {
|
|
|
7883
8280
|
defaultValue: props.value
|
|
7884
8281
|
}));
|
|
7885
8282
|
}
|
|
7886
|
-
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$
|
|
7887
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
7888
|
-
var Container$
|
|
8283
|
+
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8284
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8285
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7889
8286
|
|
|
7890
8287
|
var initialPayload = {
|
|
7891
8288
|
description: '',
|
|
@@ -8134,7 +8531,7 @@ function UploadIcon(props) {
|
|
|
8134
8531
|
})));
|
|
8135
8532
|
}
|
|
8136
8533
|
|
|
8137
|
-
var _templateObject$
|
|
8534
|
+
var _templateObject$1m, _templateObject2$11, _templateObject3$y, _templateObject4$i, _templateObject5$b, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
8138
8535
|
// Store uploaded files
|
|
8139
8536
|
var uploadedFilesAtom = /*#__PURE__*/atom([]);
|
|
8140
8537
|
// Allowed file MIME types
|
|
@@ -8217,7 +8614,7 @@ function DocFileUpload() {
|
|
|
8217
8614
|
onDragLeave: handleDragLeave,
|
|
8218
8615
|
onDrop: handleDrop,
|
|
8219
8616
|
dragging: dragging
|
|
8220
|
-
}, React.createElement(Container$
|
|
8617
|
+
}, React.createElement(Container$R, null, React.createElement(UploadButton, {
|
|
8221
8618
|
type: "button",
|
|
8222
8619
|
shape: "rounded",
|
|
8223
8620
|
onClick: handleButtonClick
|
|
@@ -8241,13 +8638,13 @@ function DocFileUpload() {
|
|
|
8241
8638
|
}));
|
|
8242
8639
|
}))));
|
|
8243
8640
|
}
|
|
8244
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8245
|
-
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
8641
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8642
|
+
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
|
|
8246
8643
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
8247
8644
|
});
|
|
8248
|
-
var Container$
|
|
8249
|
-
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject4$
|
|
8250
|
-
var FileInput = /*#__PURE__*/styled.input(_templateObject5$
|
|
8645
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
8646
|
+
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
8647
|
+
var FileInput = /*#__PURE__*/styled.input(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
8251
8648
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465ac;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
8252
8649
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8253
8650
|
var Text1 = /*#__PURE__*/styled.p(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #aea9a1;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n margin: 0;\n"])));
|
|
@@ -8257,7 +8654,7 @@ var FilesTitle = /*#__PURE__*/styled.h4(_templateObject11$1 || (_templateObject1
|
|
|
8257
8654
|
var FilesList = /*#__PURE__*/styled.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n max-height: 200px;\n list-style-type: none;\n padding: 0;\n"])));
|
|
8258
8655
|
var FileItem = /*#__PURE__*/styled.li(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n color: #333;\n margin: 5px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
8259
8656
|
|
|
8260
|
-
var _templateObject$
|
|
8657
|
+
var _templateObject$1n, _templateObject2$12;
|
|
8261
8658
|
function DeliveryDate$1() {
|
|
8262
8659
|
var _useAtom = useAtom(resourcesDeliveryDate),
|
|
8263
8660
|
deliveryDate = _useAtom[0],
|
|
@@ -8295,7 +8692,7 @@ function DeliveryDate$1() {
|
|
|
8295
8692
|
action_date: null
|
|
8296
8693
|
});
|
|
8297
8694
|
};
|
|
8298
|
-
return React.createElement(Container$
|
|
8695
|
+
return React.createElement(Container$S, null, React.createElement(Label$2, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
8299
8696
|
format: "YYYY-MM-DD",
|
|
8300
8697
|
value: pickerValue,
|
|
8301
8698
|
onChange: onChange,
|
|
@@ -8309,10 +8706,10 @@ function DeliveryDate$1() {
|
|
|
8309
8706
|
}
|
|
8310
8707
|
}));
|
|
8311
8708
|
}
|
|
8312
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject$
|
|
8313
|
-
var Container$
|
|
8709
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
8710
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8314
8711
|
|
|
8315
|
-
var _templateObject$
|
|
8712
|
+
var _templateObject$1o, _templateObject2$13, _templateObject3$z, _templateObject4$j, _templateObject5$c;
|
|
8316
8713
|
function AddResources() {
|
|
8317
8714
|
var _staticOrderData$reso, _String2;
|
|
8318
8715
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8478,17 +8875,17 @@ function AddResources() {
|
|
|
8478
8875
|
onSelect: onSelectCancelReason
|
|
8479
8876
|
}), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null), ((_String2 = String(selectedCategoryId)) == null ? void 0 : _String2.toLowerCase()) === 'pod' && React.createElement(DeliveryDate$1, null)), React.createElement(Bottom$1, null, React.createElement(Label$3, null, "File"), " ", React.createElement(RequiredAsterisk$1, null, "*"), React.createElement(DocFileUpload, null), ' ')));
|
|
8480
8877
|
}
|
|
8481
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
8482
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject2$
|
|
8483
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
8484
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8485
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
8878
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8879
|
+
var Label$3 = /*#__PURE__*/styled.label(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8880
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0 20px;\n\n @media (max-width: 768px) {\n margin: 0;\n padding: 16px;\n }\n"])));
|
|
8881
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n align-items: center;\n\n @media (max-width: 1100px) {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (max-width: 600px) {\n grid-template-columns: 1fr;\n }\n"])));
|
|
8882
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-top: 25px;\n\n display: flex;\n flex-direction: column;\n\n @media (max-width: 600px) {\n margin-top: 20px;\n }\n"])));
|
|
8486
8883
|
|
|
8487
|
-
var _templateObject$
|
|
8884
|
+
var _templateObject$1p, _templateObject2$14, _templateObject3$A;
|
|
8488
8885
|
// Styled components
|
|
8489
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8490
|
-
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$
|
|
8491
|
-
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8886
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
8887
|
+
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$14 || (_templateObject2$14 = /*#__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"])));
|
|
8888
|
+
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8492
8889
|
|
|
8493
8890
|
function SplitOrderTable() {
|
|
8494
8891
|
var _useProductDetails = useProductDetails(),
|
|
@@ -8573,7 +8970,7 @@ function SplitOrderTable() {
|
|
|
8573
8970
|
})))));
|
|
8574
8971
|
}
|
|
8575
8972
|
|
|
8576
|
-
var _templateObject$
|
|
8973
|
+
var _templateObject$1q;
|
|
8577
8974
|
function SplitOrder() {
|
|
8578
8975
|
var _response$data;
|
|
8579
8976
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8644,7 +9041,7 @@ function SplitOrder() {
|
|
|
8644
9041
|
isSubmitDisabled: isSubmitDisabled()
|
|
8645
9042
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
8646
9043
|
}
|
|
8647
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
9044
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__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"])));
|
|
8648
9045
|
|
|
8649
9046
|
function ReturnAction() {
|
|
8650
9047
|
var _orderStaticData$orde;
|
|
@@ -8755,7 +9152,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8755
9152
|
}));
|
|
8756
9153
|
};
|
|
8757
9154
|
|
|
8758
|
-
var _templateObject$
|
|
9155
|
+
var _templateObject$1r, _templateObject2$15, _templateObject3$B, _templateObject4$k, _templateObject5$d;
|
|
8759
9156
|
var deliverTypeOptions = [{
|
|
8760
9157
|
label: 'Deliver',
|
|
8761
9158
|
value: 'deliver',
|
|
@@ -8900,13 +9297,13 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8900
9297
|
}))))))));
|
|
8901
9298
|
})))));
|
|
8902
9299
|
};
|
|
8903
|
-
var CustomSelectDropdown = /*#__PURE__*/styled(Select)(_templateObject$
|
|
8904
|
-
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8905
|
-
var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$
|
|
8906
|
-
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$
|
|
8907
|
-
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
9300
|
+
var CustomSelectDropdown = /*#__PURE__*/styled(Select)(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 10px;\n align-items: center;\n\n .ant-select-prefix {\n margin-top: 3px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
9301
|
+
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
9302
|
+
var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
9303
|
+
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
9304
|
+
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
8908
9305
|
|
|
8909
|
-
var _templateObject$
|
|
9306
|
+
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4, _templateObject10$2;
|
|
8910
9307
|
function CancelOrder(props) {
|
|
8911
9308
|
var _orderStaticData$canc;
|
|
8912
9309
|
var _useOrderId = useOrderId(),
|
|
@@ -9092,7 +9489,7 @@ function CancelOrder(props) {
|
|
|
9092
9489
|
options: cancelReasonOptions || [],
|
|
9093
9490
|
onSelect: onSelectCancelReason,
|
|
9094
9491
|
value: cancelReason
|
|
9095
|
-
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$
|
|
9492
|
+
}), React.createElement(Wrapper$e, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$T, null, React.createElement("div", {
|
|
9096
9493
|
style: {
|
|
9097
9494
|
display: 'flex',
|
|
9098
9495
|
flexDirection: 'row'
|
|
@@ -9104,18 +9501,18 @@ function CancelOrder(props) {
|
|
|
9104
9501
|
placeholder: "Reason for Cancel Order"
|
|
9105
9502
|
})))), React.createElement(Bottom$2, null, React.createElement(CancelOrderTable, null))));
|
|
9106
9503
|
}
|
|
9107
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
9108
|
-
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$
|
|
9109
|
-
var Label$4 = /*#__PURE__*/styled.label(_templateObject3$
|
|
9110
|
-
var Container$
|
|
9111
|
-
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject5$
|
|
9504
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
9505
|
+
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9506
|
+
var Label$4 = /*#__PURE__*/styled.label(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9507
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9508
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9112
9509
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
9113
9510
|
var TopRight = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9114
9511
|
var Top$2 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 16px;\n border: 1px solid #edebe8;\n background: #f8fafc;\n display: flex;\n padding: 15px;\n align-items: flex-start;\n gap: 30px;\n align-self: stretch;\n"])));
|
|
9115
9512
|
var Bottom$2 = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9116
9513
|
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n align-items: flex-start;\n flex-direction: column;\n width: 100%;\n"])));
|
|
9117
9514
|
|
|
9118
|
-
var _templateObject$
|
|
9515
|
+
var _templateObject$1t, _templateObject2$17, _templateObject3$D;
|
|
9119
9516
|
function EmailAddress() {
|
|
9120
9517
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
9121
9518
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9147,20 +9544,20 @@ function EmailAddress() {
|
|
|
9147
9544
|
});
|
|
9148
9545
|
});
|
|
9149
9546
|
};
|
|
9150
|
-
return React.createElement(Container$
|
|
9547
|
+
return React.createElement(Container$U, null, React.createElement(Label$5, null, "Email Address"), React.createElement(Input$3, {
|
|
9151
9548
|
style: {
|
|
9152
9549
|
borderRadius: '15px'
|
|
9153
9550
|
},
|
|
9154
9551
|
type: "text",
|
|
9155
9552
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_email) || '',
|
|
9156
9553
|
onChange: onChange
|
|
9157
|
-
}), errors.emailError && React.createElement(ErrorText$
|
|
9554
|
+
}), errors.emailError && React.createElement(ErrorText$6, null, errors.emailError));
|
|
9158
9555
|
}
|
|
9159
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
9160
|
-
var Container$
|
|
9161
|
-
var ErrorText$
|
|
9556
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9557
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9558
|
+
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9162
9559
|
|
|
9163
|
-
var _templateObject$
|
|
9560
|
+
var _templateObject$1u, _templateObject2$18, _templateObject3$E;
|
|
9164
9561
|
function ContactPhone() {
|
|
9165
9562
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9166
9563
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9209,7 +9606,7 @@ function ContactPhone() {
|
|
|
9209
9606
|
});
|
|
9210
9607
|
}
|
|
9211
9608
|
};
|
|
9212
|
-
return React.createElement(Container$
|
|
9609
|
+
return React.createElement(Container$V, null, React.createElement(Label$6, null, "Contact Phone"), React.createElement(Input$3, {
|
|
9213
9610
|
name: "contact-home",
|
|
9214
9611
|
type: "text",
|
|
9215
9612
|
placeholder: "Home Number",
|
|
@@ -9219,13 +9616,13 @@ function ContactPhone() {
|
|
|
9219
9616
|
},
|
|
9220
9617
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_home) || '',
|
|
9221
9618
|
onChange: onChange
|
|
9222
|
-
}), errors.homeContactError && React.createElement(ErrorText$
|
|
9619
|
+
}), errors.homeContactError && React.createElement(ErrorText$7, null, errors.homeContactError));
|
|
9223
9620
|
}
|
|
9224
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
9225
|
-
var Container$
|
|
9226
|
-
var ErrorText$
|
|
9621
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9622
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9623
|
+
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9227
9624
|
|
|
9228
|
-
var _templateObject$
|
|
9625
|
+
var _templateObject$1v, _templateObject2$19, _templateObject3$F;
|
|
9229
9626
|
function ContactWork$1() {
|
|
9230
9627
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9231
9628
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9274,7 +9671,7 @@ function ContactWork$1() {
|
|
|
9274
9671
|
});
|
|
9275
9672
|
}
|
|
9276
9673
|
};
|
|
9277
|
-
return React.createElement(Container$
|
|
9674
|
+
return React.createElement(Container$W, null, React.createElement(Label$7, null, "Contact Work"), React.createElement(Input$3, {
|
|
9278
9675
|
name: "contact-work",
|
|
9279
9676
|
type: "text",
|
|
9280
9677
|
placeholder: "Work Number",
|
|
@@ -9284,13 +9681,13 @@ function ContactWork$1() {
|
|
|
9284
9681
|
},
|
|
9285
9682
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_work) || '',
|
|
9286
9683
|
onChange: onChange
|
|
9287
|
-
}), errors.workContactError && React.createElement(ErrorText$
|
|
9684
|
+
}), errors.workContactError && React.createElement(ErrorText$8, null, errors.workContactError));
|
|
9288
9685
|
}
|
|
9289
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
9290
|
-
var Container$
|
|
9291
|
-
var ErrorText$
|
|
9686
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9687
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9688
|
+
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9292
9689
|
|
|
9293
|
-
var _templateObject$
|
|
9690
|
+
var _templateObject$1w, _templateObject2$1a, _templateObject3$G;
|
|
9294
9691
|
function ContactMobile$1() {
|
|
9295
9692
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9296
9693
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9339,7 +9736,7 @@ function ContactMobile$1() {
|
|
|
9339
9736
|
});
|
|
9340
9737
|
}
|
|
9341
9738
|
};
|
|
9342
|
-
return React.createElement(Container$
|
|
9739
|
+
return React.createElement(Container$X, null, React.createElement(Label$8, null, "Contact Mobile"), React.createElement(Input$3, {
|
|
9343
9740
|
name: "contact-work",
|
|
9344
9741
|
type: "text",
|
|
9345
9742
|
placeholder: "Mobile Number",
|
|
@@ -9349,11 +9746,11 @@ function ContactMobile$1() {
|
|
|
9349
9746
|
value: (orderRecipient == null ? void 0 : orderRecipient.contact_mobile) || '',
|
|
9350
9747
|
onKeyDown: handleKeyDown,
|
|
9351
9748
|
onChange: onChange
|
|
9352
|
-
}), errors.mobileError && React.createElement(ErrorText$
|
|
9749
|
+
}), errors.mobileError && React.createElement(ErrorText$9, null, errors.mobileError));
|
|
9353
9750
|
}
|
|
9354
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
9355
|
-
var Container$
|
|
9356
|
-
var ErrorText$
|
|
9751
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9752
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9753
|
+
var ErrorText$9 = /*#__PURE__*/styled.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9357
9754
|
|
|
9358
9755
|
function ContactTypeDropdown() {
|
|
9359
9756
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -9386,7 +9783,7 @@ function ContactTypeDropdown() {
|
|
|
9386
9783
|
});
|
|
9387
9784
|
}
|
|
9388
9785
|
|
|
9389
|
-
var _templateObject$
|
|
9786
|
+
var _templateObject$1x;
|
|
9390
9787
|
function ActionDropdown() {
|
|
9391
9788
|
var _useOrderStaticData = useOrderStaticData(),
|
|
9392
9789
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -9416,7 +9813,7 @@ function ActionDropdown() {
|
|
|
9416
9813
|
var onSelect = function onSelect(value) {
|
|
9417
9814
|
setSelectedAction(value);
|
|
9418
9815
|
};
|
|
9419
|
-
return React.createElement(Container$
|
|
9816
|
+
return React.createElement(Container$Y, null, React.createElement(Label$k, {
|
|
9420
9817
|
label: "Action"
|
|
9421
9818
|
}), React.createElement(Select, {
|
|
9422
9819
|
style: {
|
|
@@ -9429,9 +9826,9 @@ function ActionDropdown() {
|
|
|
9429
9826
|
className: "action-dropdown"
|
|
9430
9827
|
}));
|
|
9431
9828
|
}
|
|
9432
|
-
var Container$
|
|
9829
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9433
9830
|
|
|
9434
|
-
var _templateObject$
|
|
9831
|
+
var _templateObject$1y, _templateObject2$1b;
|
|
9435
9832
|
function DeliveryDate$2() {
|
|
9436
9833
|
var _useOrderDetails = useOrderDetails(),
|
|
9437
9834
|
dateOrderDetails = _useOrderDetails[0];
|
|
@@ -9477,7 +9874,7 @@ function DeliveryDate$2() {
|
|
|
9477
9874
|
return s === true;
|
|
9478
9875
|
}));
|
|
9479
9876
|
var isDisabled = isClientPortal ? true : allOthersTrue && (order == null ? void 0 : order.routed) === true;
|
|
9480
|
-
return React.createElement(Container$
|
|
9877
|
+
return React.createElement(Container$Z, null, React.createElement(Label$9, null, "Delivery Date"), React.createElement(DatePicker, {
|
|
9481
9878
|
onChange: handleDateChange,
|
|
9482
9879
|
format: "YYYY-MM-DD",
|
|
9483
9880
|
value: confirmedDate != null && confirmedDate.currentDate ? dayjs(confirmedDate.currentDate) : actionDate ? dayjs(actionDate) : null,
|
|
@@ -9492,8 +9889,8 @@ function DeliveryDate$2() {
|
|
|
9492
9889
|
allowClear: false
|
|
9493
9890
|
}));
|
|
9494
9891
|
}
|
|
9495
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
9496
|
-
var Container$
|
|
9892
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9893
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
9497
9894
|
|
|
9498
9895
|
function convertTo12HourFormat$1(time24) {
|
|
9499
9896
|
var _time24$split, _minutes$toString;
|
|
@@ -9542,19 +9939,19 @@ function TimedServiceDropdown$1() {
|
|
|
9542
9939
|
});
|
|
9543
9940
|
}
|
|
9544
9941
|
|
|
9545
|
-
var _templateObject$
|
|
9942
|
+
var _templateObject$1z, _templateObject2$1c, _templateObject3$H, _templateObject4$m;
|
|
9546
9943
|
function CustomerInformation() {
|
|
9547
9944
|
var _orderDetails$order_r;
|
|
9548
9945
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9549
9946
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9550
|
-
return React.createElement(Container$
|
|
9947
|
+
return React.createElement(Container$_, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$f, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$f, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$f, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$f, null, React.createElement(DeliveryDate$2, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
9551
9948
|
}
|
|
9552
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
9553
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
9554
|
-
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$
|
|
9555
|
-
var Container$
|
|
9949
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9950
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$1c || (_templateObject2$1c = /*#__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"])));
|
|
9951
|
+
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9952
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__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"])));
|
|
9556
9953
|
|
|
9557
|
-
var _templateObject$
|
|
9954
|
+
var _templateObject$1A, _templateObject2$1d;
|
|
9558
9955
|
function ProductTable$1() {
|
|
9559
9956
|
var _useProductDetails = useProductDetails(),
|
|
9560
9957
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -9563,7 +9960,7 @@ function ProductTable$1() {
|
|
|
9563
9960
|
if (!orderProductDetails) {
|
|
9564
9961
|
return null;
|
|
9565
9962
|
}
|
|
9566
|
-
return React.createElement(Container
|
|
9963
|
+
return React.createElement(Container$$, null, React.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$3, null, React.createElement(StyledTable$3, {
|
|
9567
9964
|
className: "scrollClass"
|
|
9568
9965
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Parts"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
9569
9966
|
colSpan: 6
|
|
@@ -9581,10 +9978,10 @@ function ProductTable$1() {
|
|
|
9581
9978
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), ' ', React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
9582
9979
|
})))));
|
|
9583
9980
|
}
|
|
9584
|
-
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$
|
|
9585
|
-
var Container
|
|
9981
|
+
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$1A || (_templateObject$1A = /*#__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"])));
|
|
9982
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
9586
9983
|
|
|
9587
|
-
var _templateObject$
|
|
9984
|
+
var _templateObject$1B, _templateObject2$1e;
|
|
9588
9985
|
function NotesTable() {
|
|
9589
9986
|
var _useState = useState(null),
|
|
9590
9987
|
moduleIds = _useState[0],
|
|
@@ -9654,7 +10051,7 @@ function NotesTable() {
|
|
|
9654
10051
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9655
10052
|
return null;
|
|
9656
10053
|
}
|
|
9657
|
-
return React.createElement(Container
|
|
10054
|
+
return React.createElement(Container$10, null, React.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$3, null, React.createElement(CustomScrollBar, null, React.createElement(StyledTable$3, {
|
|
9658
10055
|
className: "scrollClass"
|
|
9659
10056
|
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Notes"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
9660
10057
|
colSpan: 6
|
|
@@ -9680,53 +10077,53 @@ function NotesTable() {
|
|
|
9680
10077
|
}));
|
|
9681
10078
|
}))))));
|
|
9682
10079
|
}
|
|
9683
|
-
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$
|
|
9684
|
-
var Container
|
|
10080
|
+
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1B || (_templateObject$1B = /*#__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"])));
|
|
10081
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
9685
10082
|
|
|
9686
|
-
var _templateObject$
|
|
10083
|
+
var _templateObject$1C, _templateObject2$1f;
|
|
9687
10084
|
function ConfirmationNotes() {
|
|
9688
|
-
return React.createElement(Container$
|
|
10085
|
+
return React.createElement(Container$11, null, React.createElement(Label$a, null, "Notes"), React.createElement(TextArea, {
|
|
9689
10086
|
rows: 5,
|
|
9690
10087
|
placeholder: "Enter Notes"
|
|
9691
10088
|
}));
|
|
9692
10089
|
}
|
|
9693
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
9694
|
-
var Container$
|
|
10090
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10091
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9695
10092
|
|
|
9696
|
-
var _templateObject$
|
|
10093
|
+
var _templateObject$1D, _templateObject2$1g;
|
|
9697
10094
|
function DeliveryInstructions$1() {
|
|
9698
|
-
return React.createElement(Container$
|
|
10095
|
+
return React.createElement(Container$12, null, React.createElement(Label$b, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
9699
10096
|
rows: 5,
|
|
9700
10097
|
placeholder: "Enter Delivery Instructions"
|
|
9701
10098
|
}));
|
|
9702
10099
|
}
|
|
9703
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
9704
|
-
var Container$
|
|
10100
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10101
|
+
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9705
10102
|
|
|
9706
|
-
var _templateObject$
|
|
10103
|
+
var _templateObject$1E, _templateObject2$1h;
|
|
9707
10104
|
function ContactWith() {
|
|
9708
|
-
return React.createElement(Container$
|
|
10105
|
+
return React.createElement(Container$13, null, React.createElement(Label$c, null, "Contact With"), React.createElement(Input$3, {
|
|
9709
10106
|
style: {
|
|
9710
10107
|
borderRadius: '15px'
|
|
9711
10108
|
}
|
|
9712
10109
|
}));
|
|
9713
10110
|
}
|
|
9714
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
9715
|
-
var Container$
|
|
10111
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10112
|
+
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9716
10113
|
|
|
9717
|
-
var _templateObject$
|
|
10114
|
+
var _templateObject$1F, _templateObject2$1i, _templateObject3$I, _templateObject4$n;
|
|
9718
10115
|
function SlotAndInstructions() {
|
|
9719
10116
|
var _orderDetails$order_r;
|
|
9720
10117
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9721
10118
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9722
|
-
return React.createElement(Container$
|
|
10119
|
+
return React.createElement(Container$14, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value$1, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
9723
10120
|
}
|
|
9724
|
-
var Value$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
9725
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
9726
|
-
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$
|
|
9727
|
-
var Container$
|
|
10121
|
+
var Value$1 = /*#__PURE__*/styled.span(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
10122
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
10123
|
+
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
10124
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject4$n || (_templateObject4$n = /*#__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"])));
|
|
9728
10125
|
|
|
9729
|
-
var _templateObject$
|
|
10126
|
+
var _templateObject$1G;
|
|
9730
10127
|
var SendComms = function SendComms(props) {
|
|
9731
10128
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3, _orderDetailsConfirmO4, _props$sendCommsState3, _props$sendCommsState4;
|
|
9732
10129
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9774,10 +10171,10 @@ var SendComms = function SendComms(props) {
|
|
|
9774
10171
|
}
|
|
9775
10172
|
})));
|
|
9776
10173
|
};
|
|
9777
|
-
var SendCommsMainContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10174
|
+
var SendCommsMainContainer = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 15px;\n\n .send-comms-container {\n display: flex;\n gap: 5px;\n align-items: center;\n .label {\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Lato', sans-serif;\n line-height: 20px;\n }\n }\n"])));
|
|
9778
10175
|
var SendComms$1 = /*#__PURE__*/React.memo(SendComms);
|
|
9779
10176
|
|
|
9780
|
-
var _templateObject$
|
|
10177
|
+
var _templateObject$1H, _templateObject2$1j;
|
|
9781
10178
|
function ConfirmOrder(props) {
|
|
9782
10179
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3;
|
|
9783
10180
|
// const [isClientPortal] = useClientPortal();
|
|
@@ -10086,13 +10483,13 @@ function ConfirmOrder(props) {
|
|
|
10086
10483
|
showCloseIcon: false
|
|
10087
10484
|
}), React.createElement(Wrapper$g, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
10088
10485
|
}
|
|
10089
|
-
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$
|
|
10090
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10486
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10487
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__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 width: 100%;\n"])));
|
|
10091
10488
|
|
|
10092
|
-
var _templateObject2$
|
|
10093
|
-
var StyledInput = /*#__PURE__*/styled(Input$2)(_templateObject2$
|
|
10094
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
10095
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
10489
|
+
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10490
|
+
var StyledInput$1 = /*#__PURE__*/styled(Input$2)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10491
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$J || (_templateObject3$J = /*#__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"])));
|
|
10492
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10096
10493
|
var SplitText = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
10097
10494
|
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10098
10495
|
var HoldRow = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
@@ -10102,7 +10499,7 @@ var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11$2 || (_temp
|
|
|
10102
10499
|
var HoldDatePickerWrap = /*#__PURE__*/styled.div(_templateObject18$1 || (_templateObject18$1 = /*#__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"])));
|
|
10103
10500
|
var DatePickerWrap = /*#__PURE__*/styled.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
10104
10501
|
|
|
10105
|
-
var _templateObject$
|
|
10502
|
+
var _templateObject$1I, _templateObject2$1l;
|
|
10106
10503
|
function SendSmsModal() {
|
|
10107
10504
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _formData$to$trim;
|
|
10108
10505
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10253,14 +10650,14 @@ function SendSmsModal() {
|
|
|
10253
10650
|
onSubmit: handleSubmit,
|
|
10254
10651
|
submitBtnTitle: loading ? 'Sending...' : 'Send SMS',
|
|
10255
10652
|
isSubmitDisabled: !isFormValid || loading
|
|
10256
|
-
}, React.createElement(ContentContainer$5, null, React.createElement(Label$d, null, "To"), React.createElement(StyledInput, {
|
|
10653
|
+
}, React.createElement(ContentContainer$5, null, React.createElement(Label$d, null, "To"), React.createElement(StyledInput$1, {
|
|
10257
10654
|
type: "text",
|
|
10258
10655
|
name: "to",
|
|
10259
10656
|
value: formData.to,
|
|
10260
10657
|
onChange: handleInputChange,
|
|
10261
10658
|
required: true,
|
|
10262
10659
|
placeholder: "Enter the number"
|
|
10263
|
-
}), toError && React.createElement(ErrorText$
|
|
10660
|
+
}), toError && React.createElement(ErrorText$a, null, toError), React.createElement(Label$d, null, "Body"), React.createElement(TextArea$1, {
|
|
10264
10661
|
style: {
|
|
10265
10662
|
width: '700px',
|
|
10266
10663
|
height: '140px',
|
|
@@ -10278,13 +10675,13 @@ function SendSmsModal() {
|
|
|
10278
10675
|
}
|
|
10279
10676
|
})));
|
|
10280
10677
|
}
|
|
10281
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10678
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\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"])));
|
|
10282
10679
|
// const CustomTextArea = styled(TextArea)`
|
|
10283
10680
|
// width: 700px;
|
|
10284
10681
|
// height: 140px;
|
|
10285
10682
|
// resize: none;
|
|
10286
10683
|
// `;
|
|
10287
|
-
var ErrorText$
|
|
10684
|
+
var ErrorText$a = /*#__PURE__*/styled.div(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 12px;\n margin-top: 4px;\n"])));
|
|
10288
10685
|
|
|
10289
10686
|
function SendEmailModal() {
|
|
10290
10687
|
var _orderDetails$order_r;
|
|
@@ -10411,7 +10808,7 @@ function SendEmailModal() {
|
|
|
10411
10808
|
}, React.createElement(ContentContainer$4, null, React.createElement(Label$k, {
|
|
10412
10809
|
label: "To",
|
|
10413
10810
|
required: true
|
|
10414
|
-
}), React.createElement(StyledInput, {
|
|
10811
|
+
}), React.createElement(StyledInput$1, {
|
|
10415
10812
|
type: "text",
|
|
10416
10813
|
name: "to",
|
|
10417
10814
|
required: true,
|
|
@@ -10428,7 +10825,7 @@ function SendEmailModal() {
|
|
|
10428
10825
|
}, emailError), React.createElement(Label$k, {
|
|
10429
10826
|
label: "Subject",
|
|
10430
10827
|
required: true
|
|
10431
|
-
}), React.createElement(StyledInput, {
|
|
10828
|
+
}), React.createElement(StyledInput$1, {
|
|
10432
10829
|
type: "text",
|
|
10433
10830
|
name: "subject",
|
|
10434
10831
|
required: true,
|
|
@@ -10737,7 +11134,7 @@ function HoldOrderModal(props) {
|
|
|
10737
11134
|
})))));
|
|
10738
11135
|
}
|
|
10739
11136
|
|
|
10740
|
-
var _templateObject$
|
|
11137
|
+
var _templateObject$1J;
|
|
10741
11138
|
var UnholdOrder = function UnholdOrder(props) {
|
|
10742
11139
|
var _useOrderId = useOrderId(),
|
|
10743
11140
|
orderId = _useOrderId[0];
|
|
@@ -10821,9 +11218,9 @@ var UnholdOrder = function UnholdOrder(props) {
|
|
|
10821
11218
|
})
|
|
10822
11219
|
});
|
|
10823
11220
|
};
|
|
10824
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
11221
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10825
11222
|
|
|
10826
|
-
var _templateObject$
|
|
11223
|
+
var _templateObject$1K, _templateObject2$1m;
|
|
10827
11224
|
function AssigneeDropdown() {
|
|
10828
11225
|
var _reminderPayload$assi;
|
|
10829
11226
|
var _useReminderById = useReminderById(),
|
|
@@ -11087,13 +11484,13 @@ function AssigneeDropdown() {
|
|
|
11087
11484
|
mode: "multiple"
|
|
11088
11485
|
}));
|
|
11089
11486
|
}
|
|
11090
|
-
var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11091
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$
|
|
11487
|
+
var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
11488
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11092
11489
|
|
|
11093
|
-
var _templateObject$
|
|
11094
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11095
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
11096
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
11490
|
+
var _templateObject$1L, _templateObject2$1n, _templateObject3$K, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
11491
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 770px;\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 margin-top: 15px;\n"])));
|
|
11492
|
+
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 5px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
11493
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
11097
11494
|
var Column = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11098
11495
|
var Row$5 = /*#__PURE__*/styled(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
11099
11496
|
var Left = /*#__PURE__*/styled.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n gap: 15px;\n padding: 15px;\n"])));
|
|
@@ -11142,10 +11539,10 @@ var priorityData = [{
|
|
|
11142
11539
|
color: '#E95252'
|
|
11143
11540
|
}];
|
|
11144
11541
|
|
|
11145
|
-
var _templateObject$
|
|
11542
|
+
var _templateObject$1M, _templateObject2$1o, _templateObject3$L, _templateObject4$o;
|
|
11146
11543
|
function StatusIndicator(props) {
|
|
11147
11544
|
var statusColor = getStatusColor(props.status);
|
|
11148
|
-
return React.createElement(Container$
|
|
11545
|
+
return React.createElement(Container$15, null, React.createElement(StatusCircleContainer, {
|
|
11149
11546
|
status: props.status
|
|
11150
11547
|
}, React.createElement(StatusCircle, {
|
|
11151
11548
|
color: statusColor
|
|
@@ -11153,18 +11550,18 @@ function StatusIndicator(props) {
|
|
|
11153
11550
|
status: props.status
|
|
11154
11551
|
}, props.text));
|
|
11155
11552
|
}
|
|
11156
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
11553
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1M || (_templateObject$1M = /*#__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) {
|
|
11157
11554
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11158
11555
|
});
|
|
11159
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
11556
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1o || (_templateObject2$1o = /*#__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) {
|
|
11160
11557
|
return props.color;
|
|
11161
11558
|
});
|
|
11162
|
-
var Container$
|
|
11163
|
-
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$
|
|
11559
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
11560
|
+
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
11164
11561
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11165
11562
|
});
|
|
11166
11563
|
|
|
11167
|
-
var _templateObject$
|
|
11564
|
+
var _templateObject$1N, _templateObject2$1p, _templateObject3$M, _templateObject4$p, _templateObject5$g, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
|
|
11168
11565
|
var _excluded$6 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11169
11566
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11170
11567
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11428,17 +11825,17 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11428
11825
|
}
|
|
11429
11826
|
return {};
|
|
11430
11827
|
};
|
|
11431
|
-
var Right$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11432
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
11433
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$
|
|
11434
|
-
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$
|
|
11435
|
-
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$
|
|
11828
|
+
var Right$1 = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11829
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11830
|
+
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11831
|
+
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11832
|
+
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
11436
11833
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__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"])));
|
|
11437
11834
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11438
11835
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11439
11836
|
var LabelText = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__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"])));
|
|
11440
11837
|
|
|
11441
|
-
var _templateObject$
|
|
11838
|
+
var _templateObject$1O, _templateObject2$1q, _templateObject3$N, _templateObject4$q, _templateObject5$h, _templateObject6$8;
|
|
11442
11839
|
function HeaderSection(_ref) {
|
|
11443
11840
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11444
11841
|
setTasksData = _ref.setTasksData;
|
|
@@ -11539,14 +11936,14 @@ function HeaderSection(_ref) {
|
|
|
11539
11936
|
})
|
|
11540
11937
|
})));
|
|
11541
11938
|
}
|
|
11542
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11543
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
11544
|
-
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
11545
|
-
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
11546
|
-
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$
|
|
11939
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11940
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11941
|
+
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n background: #feba30;\n padding: 6px;\n border-radius: 6px;\n font-weight: 600;\n font-size: 13px;\n border: 1px solid #feba30;\n"])));
|
|
11942
|
+
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$q || (_templateObject4$q = /*#__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"])));
|
|
11943
|
+
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__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"])));
|
|
11547
11944
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11548
11945
|
|
|
11549
|
-
var _templateObject$
|
|
11946
|
+
var _templateObject$1P, _templateObject2$1r;
|
|
11550
11947
|
function TextSection() {
|
|
11551
11948
|
var _useUpdateTask = useUpdateTask(),
|
|
11552
11949
|
taskPayload = _useUpdateTask[0],
|
|
@@ -11564,10 +11961,10 @@ function TextSection() {
|
|
|
11564
11961
|
onChange: onChangeDetails
|
|
11565
11962
|
}));
|
|
11566
11963
|
}
|
|
11567
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
11568
|
-
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11964
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
11965
|
+
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
11569
11966
|
|
|
11570
|
-
var _templateObject$
|
|
11967
|
+
var _templateObject$1Q, _templateObject2$1s, _templateObject3$O;
|
|
11571
11968
|
function ButtonsSection() {
|
|
11572
11969
|
var _staticData$;
|
|
11573
11970
|
var _useStaticData = useStaticData(),
|
|
@@ -11658,11 +12055,11 @@ function ButtonsSection() {
|
|
|
11658
12055
|
status: "AD"
|
|
11659
12056
|
})));
|
|
11660
12057
|
}
|
|
11661
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
11662
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject2$
|
|
11663
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject3$
|
|
12058
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12059
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
12060
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11664
12061
|
|
|
11665
|
-
var _templateObject$
|
|
12062
|
+
var _templateObject$1R, _templateObject2$1t, _templateObject3$P, _templateObject4$r, _templateObject5$i, _templateObject6$9;
|
|
11666
12063
|
var FlagsFilter = [{
|
|
11667
12064
|
label: 'Private',
|
|
11668
12065
|
value: 'private'
|
|
@@ -11783,14 +12180,14 @@ function RadioButtonsSection() {
|
|
|
11783
12180
|
required: false
|
|
11784
12181
|
}));
|
|
11785
12182
|
}
|
|
11786
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11787
|
-
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$
|
|
11788
|
-
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$
|
|
11789
|
-
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$
|
|
11790
|
-
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
12183
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
12184
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12185
|
+
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
12186
|
+
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
12187
|
+
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11791
12188
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11792
12189
|
|
|
11793
|
-
var _templateObject$
|
|
12190
|
+
var _templateObject$1S, _templateObject2$1u, _templateObject3$Q, _templateObject4$s, _templateObject5$j;
|
|
11794
12191
|
function DetailSection() {
|
|
11795
12192
|
var _flagById$order_data, _flagById$order_data2;
|
|
11796
12193
|
var _useFlagById = useFlagById(),
|
|
@@ -11802,13 +12199,13 @@ function DetailSection() {
|
|
|
11802
12199
|
label: "Order"
|
|
11803
12200
|
}), React.createElement(Order, null, orderColumnData)));
|
|
11804
12201
|
}
|
|
11805
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
11806
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11807
|
-
var Ref = /*#__PURE__*/styled.div(_templateObject3$
|
|
11808
|
-
var Order = /*#__PURE__*/styled.div(_templateObject4$
|
|
11809
|
-
var StyledLabel$2 = /*#__PURE__*/styled(Label$k)(_templateObject5$
|
|
12202
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
12203
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
12204
|
+
var Ref = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
12205
|
+
var Order = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
12206
|
+
var StyledLabel$2 = /*#__PURE__*/styled(Label$k)(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11810
12207
|
|
|
11811
|
-
var _templateObject$
|
|
12208
|
+
var _templateObject$1T, _templateObject2$1v, _templateObject3$R;
|
|
11812
12209
|
function ViewFlag() {
|
|
11813
12210
|
var _useStaticData = useStaticData(),
|
|
11814
12211
|
setStaticData = _useStaticData[1];
|
|
@@ -11886,11 +12283,11 @@ function ViewFlag() {
|
|
|
11886
12283
|
setTasksData: setTasksData
|
|
11887
12284
|
}), React.createElement(RadioButtonsSection, null)))));
|
|
11888
12285
|
}
|
|
11889
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11890
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
11891
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12286
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
12287
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
12288
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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"])));
|
|
11892
12289
|
|
|
11893
|
-
var _templateObject$
|
|
12290
|
+
var _templateObject$1U;
|
|
11894
12291
|
function ReleaseOrder() {
|
|
11895
12292
|
var _useOrderId = useOrderId(),
|
|
11896
12293
|
orderId = _useOrderId[0];
|
|
@@ -11969,9 +12366,9 @@ function ReleaseOrder() {
|
|
|
11969
12366
|
// position: absolute;
|
|
11970
12367
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
11971
12368
|
// `;
|
|
11972
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
12369
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11973
12370
|
|
|
11974
|
-
var _templateObject$
|
|
12371
|
+
var _templateObject$1V;
|
|
11975
12372
|
var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
11976
12373
|
var _useOrderId = useOrderId(),
|
|
11977
12374
|
orderId = _useOrderId[0];
|
|
@@ -12072,9 +12469,9 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
12072
12469
|
})
|
|
12073
12470
|
});
|
|
12074
12471
|
};
|
|
12075
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
12472
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12076
12473
|
|
|
12077
|
-
var _templateObject$
|
|
12474
|
+
var _templateObject$1W, _templateObject2$1w, _templateObject3$S, _templateObject4$t, _templateObject5$k;
|
|
12078
12475
|
var deliverTypeOptions$1 = [{
|
|
12079
12476
|
label: 'Deliver',
|
|
12080
12477
|
value: 'deliver',
|
|
@@ -12225,13 +12622,13 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12225
12622
|
}))))))));
|
|
12226
12623
|
})))));
|
|
12227
12624
|
};
|
|
12228
|
-
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
12229
|
-
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12230
|
-
var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$
|
|
12231
|
-
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$
|
|
12232
|
-
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
12625
|
+
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
12626
|
+
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
12627
|
+
var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12628
|
+
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
12629
|
+
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
12233
12630
|
|
|
12234
|
-
var _templateObject$
|
|
12631
|
+
var _templateObject$1X, _templateObject2$1x, _templateObject3$T, _templateObject4$u;
|
|
12235
12632
|
function UncancelOrder(props) {
|
|
12236
12633
|
var _orderStaticData$unca;
|
|
12237
12634
|
var _useOrderId = useOrderId(),
|
|
@@ -12410,7 +12807,7 @@ function UncancelOrder(props) {
|
|
|
12410
12807
|
infoText: infoText,
|
|
12411
12808
|
submitBtnTitle: "Save Details",
|
|
12412
12809
|
isSubmitDisabled: !showSubmitBtn
|
|
12413
|
-
}, React.createElement(MainContainer$8, null, React.createElement(Container$
|
|
12810
|
+
}, React.createElement(MainContainer$8, null, React.createElement(Container$16, null, React.createElement(OrderActionsDropdown, {
|
|
12414
12811
|
required: true,
|
|
12415
12812
|
label: "Un-cancel Reason",
|
|
12416
12813
|
placeholder: "Select un-cancel Reason",
|
|
@@ -12428,12 +12825,12 @@ function UncancelOrder(props) {
|
|
|
12428
12825
|
onChange: onChange
|
|
12429
12826
|
}))), React.createElement(UnCancelOrderTable, null)));
|
|
12430
12827
|
}
|
|
12431
|
-
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$
|
|
12432
|
-
var Container$
|
|
12433
|
-
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12434
|
-
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
12828
|
+
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12829
|
+
var Container$16 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 15px;\n gap: 30px;\n border-radius: 16px;\n border: 1px solid#edebe8;\n background: #f8fafc;\n\n .uncancelReasonDropdown {\n flex: 1;\n }\n"])));
|
|
12830
|
+
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12831
|
+
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12435
12832
|
|
|
12436
|
-
var _templateObject$
|
|
12833
|
+
var _templateObject$1Y;
|
|
12437
12834
|
function RemoveFromRoute(props) {
|
|
12438
12835
|
var _useOrderId = useOrderId(),
|
|
12439
12836
|
orderId = _useOrderId[0];
|
|
@@ -12513,14 +12910,14 @@ function RemoveFromRoute(props) {
|
|
|
12513
12910
|
})
|
|
12514
12911
|
});
|
|
12515
12912
|
}
|
|
12516
|
-
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
12913
|
+
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12517
12914
|
|
|
12518
|
-
var _templateObject$
|
|
12915
|
+
var _templateObject$1Z, _templateObject3$U, _templateObject4$v, _templateObject5$l, _templateObject7$a, _templateObject8$8, _templateObject9$7;
|
|
12519
12916
|
// Shared styles and components
|
|
12520
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
12521
|
-
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
12522
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$
|
|
12523
|
-
var Label$e = /*#__PURE__*/styled.label(_templateObject5$
|
|
12917
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12918
|
+
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12919
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12920
|
+
var Label$e = /*#__PURE__*/styled.label(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12524
12921
|
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
12525
12922
|
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12526
12923
|
var DoubleDropdownContainer = /*#__PURE__*/styled.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
@@ -12566,7 +12963,7 @@ var fonts = {
|
|
|
12566
12963
|
secondary: "'Lato', sans-serif"
|
|
12567
12964
|
};
|
|
12568
12965
|
|
|
12569
|
-
var _templateObject$
|
|
12966
|
+
var _templateObject$1_, _templateObject2$1y, _templateObject3$V;
|
|
12570
12967
|
function RadioButton(props) {
|
|
12571
12968
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
12572
12969
|
color: props.color
|
|
@@ -12577,15 +12974,15 @@ function RadioButton(props) {
|
|
|
12577
12974
|
htmlFor: props.id
|
|
12578
12975
|
}, props.label));
|
|
12579
12976
|
}
|
|
12580
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject$
|
|
12581
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
12977
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject$1_ || (_templateObject$1_ = /*#__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);
|
|
12978
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$1y || (_templateObject2$1y = /*#__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$f, function (props) {
|
|
12582
12979
|
return props.color || '#6396e5';
|
|
12583
12980
|
}, function (props) {
|
|
12584
12981
|
return props.color || '#6396e5';
|
|
12585
12982
|
});
|
|
12586
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
12983
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
12587
12984
|
|
|
12588
|
-
var _templateObject$
|
|
12985
|
+
var _templateObject$1$, _templateObject2$1z, _templateObject3$W, _templateObject4$w, _templateObject5$m, _templateObject6$a, _templateObject7$b;
|
|
12589
12986
|
function RadioButtonGroup(props) {
|
|
12590
12987
|
var heading = props.heading,
|
|
12591
12988
|
_props$direction = props.direction,
|
|
@@ -12620,19 +13017,19 @@ function RadioButtonGroup(props) {
|
|
|
12620
13017
|
className: "custom-wrapper"
|
|
12621
13018
|
}, renderOptions()));
|
|
12622
13019
|
}
|
|
12623
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
12624
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
12625
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
13020
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
13021
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
13022
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
12626
13023
|
return !props.$required && 'visibility: hidden;';
|
|
12627
13024
|
}, labelStyles);
|
|
12628
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
12629
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
13025
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
13026
|
+
var Legend = /*#__PURE__*/styled.legend(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
12630
13027
|
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
12631
13028
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 20px;\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) {
|
|
12632
13029
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
12633
13030
|
});
|
|
12634
13031
|
|
|
12635
|
-
var _templateObject$
|
|
13032
|
+
var _templateObject$20, _templateObject2$1A, _templateObject3$X, _templateObject4$x, _templateObject5$n;
|
|
12636
13033
|
dayjs.extend(utc);
|
|
12637
13034
|
dayjs.extend(isValid);
|
|
12638
13035
|
function CreateReminderModal() {
|
|
@@ -13041,13 +13438,13 @@ function CreateReminderModal() {
|
|
|
13041
13438
|
onChange: handleChange
|
|
13042
13439
|
})));
|
|
13043
13440
|
}
|
|
13044
|
-
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
13045
|
-
var Label$g = /*#__PURE__*/styled.label(_templateObject2$
|
|
13046
|
-
var StyledAntSelect$8 = /*#__PURE__*/styled(Select)(_templateObject3$
|
|
13047
|
-
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
13048
|
-
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$
|
|
13441
|
+
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
13442
|
+
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
13443
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled(Select)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
13444
|
+
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$x || (_templateObject4$x = /*#__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"])));
|
|
13445
|
+
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__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"])));
|
|
13049
13446
|
|
|
13050
|
-
var _templateObject$
|
|
13447
|
+
var _templateObject$21;
|
|
13051
13448
|
function ReminderModal(props) {
|
|
13052
13449
|
var _useCurrentAction = useCurrentAction(),
|
|
13053
13450
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13157,7 +13554,7 @@ function ReminderModal(props) {
|
|
|
13157
13554
|
footerActions: ''
|
|
13158
13555
|
}, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
|
|
13159
13556
|
}
|
|
13160
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
13557
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13161
13558
|
|
|
13162
13559
|
var CustomOptions = [{
|
|
13163
13560
|
label: 'Private',
|
|
@@ -13167,7 +13564,7 @@ var CustomOptions = [{
|
|
|
13167
13564
|
value: 'public'
|
|
13168
13565
|
}];
|
|
13169
13566
|
|
|
13170
|
-
var _templateObject$
|
|
13567
|
+
var _templateObject$22, _templateObject2$1B, _templateObject3$Y;
|
|
13171
13568
|
function CreateTaskModal() {
|
|
13172
13569
|
var _useStaticData = useStaticData(),
|
|
13173
13570
|
staticData = _useStaticData[0];
|
|
@@ -13320,11 +13717,11 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13320
13717
|
}
|
|
13321
13718
|
return {};
|
|
13322
13719
|
};
|
|
13323
|
-
var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
13324
|
-
var Label$h = /*#__PURE__*/styled.label(_templateObject2$
|
|
13325
|
-
var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
13720
|
+
var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13721
|
+
var Label$h = /*#__PURE__*/styled.label(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
13722
|
+
var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject3$Y || (_templateObject3$Y = /*#__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: 50%;\n"])));
|
|
13326
13723
|
|
|
13327
|
-
var _templateObject$
|
|
13724
|
+
var _templateObject$23;
|
|
13328
13725
|
function TaskModal(props) {
|
|
13329
13726
|
var _useCurrentAction = useCurrentAction(),
|
|
13330
13727
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13427,18 +13824,18 @@ function TaskModal(props) {
|
|
|
13427
13824
|
})
|
|
13428
13825
|
}, React.createElement(ContentContainer$4, null, React.createElement(CreateTaskModal, null))));
|
|
13429
13826
|
}
|
|
13430
|
-
var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
13827
|
+
var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13431
13828
|
|
|
13432
|
-
var _templateObject$
|
|
13433
|
-
var Title$6 = /*#__PURE__*/styled.span(_templateObject$
|
|
13434
|
-
var Container$
|
|
13435
|
-
var FieldRow = /*#__PURE__*/styled.div(_templateObject3$
|
|
13436
|
-
var Label$i = /*#__PURE__*/styled.label(_templateObject4$
|
|
13437
|
-
var Input$1 = /*#__PURE__*/styled.input(_templateObject5$
|
|
13829
|
+
var _templateObject$24, _templateObject2$1C, _templateObject3$Z, _templateObject4$y, _templateObject5$o, _templateObject6$b, _templateObject7$c;
|
|
13830
|
+
var Title$6 = /*#__PURE__*/styled.span(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Lato', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #6a7378;\n"])));
|
|
13831
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13832
|
+
var FieldRow = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n justify-content: space-between;\n"])));
|
|
13833
|
+
var Label$i = /*#__PURE__*/styled.label(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13834
|
+
var Input$1 = /*#__PURE__*/styled.input(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70px;\n padding: 6px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 4px;\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n"])));
|
|
13438
13835
|
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13439
13836
|
var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13440
13837
|
|
|
13441
|
-
var _templateObject$
|
|
13838
|
+
var _templateObject$25;
|
|
13442
13839
|
var fields = [{
|
|
13443
13840
|
label: 'Weight',
|
|
13444
13841
|
value: 'weight'
|
|
@@ -13509,7 +13906,7 @@ function OrderCharges(props) {
|
|
|
13509
13906
|
});
|
|
13510
13907
|
}
|
|
13511
13908
|
};
|
|
13512
|
-
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Order Charges"), React.createElement(Container$
|
|
13909
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Order Charges"), React.createElement(Container$17, null, fields == null ? void 0 : fields.map(function (item) {
|
|
13513
13910
|
var _selectedTimedService, _props$inputValue$ite;
|
|
13514
13911
|
return React.createElement(FieldRow, {
|
|
13515
13912
|
key: item.value
|
|
@@ -13539,7 +13936,7 @@ function OrderCharges(props) {
|
|
|
13539
13936
|
})));
|
|
13540
13937
|
})));
|
|
13541
13938
|
}
|
|
13542
|
-
var OrderValue = /*#__PURE__*/styled.span(_templateObject$
|
|
13939
|
+
var OrderValue = /*#__PURE__*/styled.span(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n"])));
|
|
13543
13940
|
|
|
13544
13941
|
var fields$1 = [{
|
|
13545
13942
|
label: 'Repackage',
|
|
@@ -13577,7 +13974,7 @@ function CollectionAddOns(props) {
|
|
|
13577
13974
|
});
|
|
13578
13975
|
}
|
|
13579
13976
|
};
|
|
13580
|
-
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Collection Add-Ons"), React.createElement(Container$
|
|
13977
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Collection Add-Ons"), React.createElement(Container$17, null, fields$1.map(function (item) {
|
|
13581
13978
|
var _props$inputValue$ite;
|
|
13582
13979
|
return React.createElement(FieldRow, {
|
|
13583
13980
|
key: item.value
|
|
@@ -13640,7 +14037,7 @@ function DisposalCharge(props) {
|
|
|
13640
14037
|
});
|
|
13641
14038
|
}
|
|
13642
14039
|
};
|
|
13643
|
-
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Disposal Charges"), React.createElement(Container$
|
|
14040
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Disposal Charges"), React.createElement(Container$17, null, fields$2.map(function (item) {
|
|
13644
14041
|
var _props$inputValue$ite;
|
|
13645
14042
|
return React.createElement(FieldRow, {
|
|
13646
14043
|
key: item.value
|
|
@@ -13667,7 +14064,7 @@ function DisposalCharge(props) {
|
|
|
13667
14064
|
})));
|
|
13668
14065
|
}
|
|
13669
14066
|
|
|
13670
|
-
var _templateObject$
|
|
14067
|
+
var _templateObject$26, _templateObject2$1D;
|
|
13671
14068
|
function BaseCharges(props) {
|
|
13672
14069
|
var _props$staticData, _props$inputValue$bas;
|
|
13673
14070
|
var _useChargesState = useChargesState(),
|
|
@@ -13742,8 +14139,8 @@ function BaseCharges(props) {
|
|
|
13742
14139
|
onKeyDown: handleKeyDownDebrief
|
|
13743
14140
|
})))));
|
|
13744
14141
|
}
|
|
13745
|
-
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$
|
|
13746
|
-
var CurrencyWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
14142
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14143
|
+
var CurrencyWrapper = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13747
14144
|
|
|
13748
14145
|
var fields$3 = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];
|
|
13749
14146
|
function DeliveryAddOns(props) {
|
|
@@ -13775,7 +14172,7 @@ function DeliveryAddOns(props) {
|
|
|
13775
14172
|
});
|
|
13776
14173
|
}
|
|
13777
14174
|
};
|
|
13778
|
-
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Delivery Add-Ons"), React.createElement(Container$
|
|
14175
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Delivery Add-Ons"), React.createElement(Container$17, null, fieldsInLabelValueFormat.map(function (item) {
|
|
13779
14176
|
var _props$inputValue$ite;
|
|
13780
14177
|
return React.createElement(FieldRow, {
|
|
13781
14178
|
key: item.value
|
|
@@ -13851,7 +14248,7 @@ function AdhocSection() {
|
|
|
13851
14248
|
});
|
|
13852
14249
|
}
|
|
13853
14250
|
};
|
|
13854
|
-
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Adhoc"), React.createElement(Container$
|
|
14251
|
+
return React.createElement(MainContainer$9, null, React.createElement(Title$6, null, "Adhoc"), React.createElement(Container$17, null, charges == null || (_charges$adhoc_charge = charges.adhoc_charges) == null ? void 0 : _charges$adhoc_charge.map(function (item) {
|
|
13855
14252
|
var _inputValues$item$id;
|
|
13856
14253
|
return React.createElement(FieldRow, {
|
|
13857
14254
|
key: item.id
|
|
@@ -13891,7 +14288,7 @@ function AdhocSection() {
|
|
|
13891
14288
|
})));
|
|
13892
14289
|
}
|
|
13893
14290
|
|
|
13894
|
-
var _templateObject$
|
|
14291
|
+
var _templateObject$27;
|
|
13895
14292
|
function FailureReasonDropdown() {
|
|
13896
14293
|
var _escalationCategory$f, _escalationCategory$f2, _escalationTypes$filt, _escalationTypes$filt2;
|
|
13897
14294
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13962,7 +14359,7 @@ function FailureReasonDropdown() {
|
|
|
13962
14359
|
}
|
|
13963
14360
|
}, React.createElement("span", null, data == null ? void 0 : data.label));
|
|
13964
14361
|
};
|
|
13965
|
-
return React.createElement(Container$
|
|
14362
|
+
return React.createElement(Container$18, null, React.createElement(Label$k, {
|
|
13966
14363
|
label: "Failure Reason",
|
|
13967
14364
|
htmlFor: "failurereasondropdown",
|
|
13968
14365
|
required: true
|
|
@@ -13977,9 +14374,9 @@ function FailureReasonDropdown() {
|
|
|
13977
14374
|
isDisabled: false
|
|
13978
14375
|
}));
|
|
13979
14376
|
}
|
|
13980
|
-
var Container$
|
|
14377
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13981
14378
|
|
|
13982
|
-
var _templateObject$
|
|
14379
|
+
var _templateObject$28;
|
|
13983
14380
|
function StatusDropdown() {
|
|
13984
14381
|
var _orderStaticData$new_;
|
|
13985
14382
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14006,7 +14403,7 @@ function StatusDropdown() {
|
|
|
14006
14403
|
});
|
|
14007
14404
|
});
|
|
14008
14405
|
};
|
|
14009
|
-
return React.createElement(Container$
|
|
14406
|
+
return React.createElement(Container$19, null, React.createElement(Label$k, {
|
|
14010
14407
|
label: "New Status",
|
|
14011
14408
|
htmlFor: "statusdropdown",
|
|
14012
14409
|
required: true
|
|
@@ -14020,9 +14417,9 @@ function StatusDropdown() {
|
|
|
14020
14417
|
isDisabled: false
|
|
14021
14418
|
}));
|
|
14022
14419
|
}
|
|
14023
|
-
var Container$
|
|
14420
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14024
14421
|
|
|
14025
|
-
var _templateObject$
|
|
14422
|
+
var _templateObject$29;
|
|
14026
14423
|
function CancellationReasonDropdown() {
|
|
14027
14424
|
var _orderStaticData$canc;
|
|
14028
14425
|
var _useOrderCancelReason = useOrderCancelReason(),
|
|
@@ -14036,7 +14433,7 @@ function CancellationReasonDropdown() {
|
|
|
14036
14433
|
value: x.id
|
|
14037
14434
|
};
|
|
14038
14435
|
})) || [];
|
|
14039
|
-
return React.createElement(Container$
|
|
14436
|
+
return React.createElement(Container$1a, null, React.createElement(Label$k, {
|
|
14040
14437
|
label: "Cancellation Reason",
|
|
14041
14438
|
htmlFor: "cancellationreasondropdown",
|
|
14042
14439
|
required: true
|
|
@@ -14051,9 +14448,9 @@ function CancellationReasonDropdown() {
|
|
|
14051
14448
|
}
|
|
14052
14449
|
}));
|
|
14053
14450
|
}
|
|
14054
|
-
var Container$
|
|
14451
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14055
14452
|
|
|
14056
|
-
var _templateObject$
|
|
14453
|
+
var _templateObject$2a;
|
|
14057
14454
|
function OrderHoldReasonDropdown() {
|
|
14058
14455
|
var _orderStaticData$onho;
|
|
14059
14456
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14067,7 +14464,7 @@ function OrderHoldReasonDropdown() {
|
|
|
14067
14464
|
value: x.id
|
|
14068
14465
|
};
|
|
14069
14466
|
})) || [];
|
|
14070
|
-
return React.createElement(Container$
|
|
14467
|
+
return React.createElement(Container$1b, null, React.createElement(Label$k, {
|
|
14071
14468
|
label: "Hold Reason",
|
|
14072
14469
|
htmlFor: "holdreasondropdown",
|
|
14073
14470
|
required: true
|
|
@@ -14082,9 +14479,9 @@ function OrderHoldReasonDropdown() {
|
|
|
14082
14479
|
}
|
|
14083
14480
|
}));
|
|
14084
14481
|
}
|
|
14085
|
-
var Container$
|
|
14482
|
+
var Container$1b = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14086
14483
|
|
|
14087
|
-
var _templateObject$
|
|
14484
|
+
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
14088
14485
|
function FailureContent() {
|
|
14089
14486
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14090
14487
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14151,11 +14548,11 @@ function FailureContent() {
|
|
|
14151
14548
|
onChange: function onChange() {}
|
|
14152
14549
|
}))));
|
|
14153
14550
|
}
|
|
14154
|
-
var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
14155
|
-
var Text$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
14156
|
-
var GroupedFields = /*#__PURE__*/styled.div(_templateObject3$
|
|
14157
|
-
var PairGroup = /*#__PURE__*/styled.div(_templateObject4$
|
|
14158
|
-
var SmallGroup = /*#__PURE__*/styled.div(_templateObject5$
|
|
14551
|
+
var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14552
|
+
var Text$9 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14553
|
+
var GroupedFields = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
14554
|
+
var PairGroup = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14555
|
+
var SmallGroup = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 140px;\n flex: 1;\n"])));
|
|
14159
14556
|
var FieldGroup = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n min-width: ", ";\n"])), function (props) {
|
|
14160
14557
|
return props.wide ? 2 : 1;
|
|
14161
14558
|
}, function (props) {
|
|
@@ -14166,7 +14563,7 @@ var DropdownGrid = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObjec
|
|
|
14166
14563
|
var ContDropdownGrid = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14167
14564
|
var DropdownGroup = /*#__PURE__*/styled.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 1 calc(50% - 10px);\n\n @media (max-width: 768px) {\n flex: 1 1 100%;\n }\n"])));
|
|
14168
14565
|
|
|
14169
|
-
var _templateObject$
|
|
14566
|
+
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
14170
14567
|
var formatDate$2 = function formatDate(date) {
|
|
14171
14568
|
var padZero = function padZero(num) {
|
|
14172
14569
|
return num.toString().padStart(2, '0');
|
|
@@ -14208,7 +14605,7 @@ function SuccessContent() {
|
|
|
14208
14605
|
return React.createElement(Wrapper$l, null, React.createElement(FieldGroup$1, null, React.createElement(Label$k, {
|
|
14209
14606
|
label: "Signed By",
|
|
14210
14607
|
htmlFor: "signedby"
|
|
14211
|
-
}), React.createElement(StyledInput$
|
|
14608
|
+
}), React.createElement(StyledInput$2, {
|
|
14212
14609
|
id: "signedby",
|
|
14213
14610
|
placeholder: "",
|
|
14214
14611
|
value: (orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.recipient_name) || '',
|
|
@@ -14256,21 +14653,21 @@ function SuccessContent() {
|
|
|
14256
14653
|
onChange: function onChange() {}
|
|
14257
14654
|
}))));
|
|
14258
14655
|
}
|
|
14259
|
-
var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
14260
|
-
var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
14261
|
-
var GroupedFields$1 = /*#__PURE__*/styled.div(_templateObject3
|
|
14262
|
-
var PairGroup$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
14263
|
-
var SmallGroup$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
14656
|
+
var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14657
|
+
var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14658
|
+
var GroupedFields$1 = /*#__PURE__*/styled.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14659
|
+
var PairGroup$1 = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14660
|
+
var SmallGroup$1 = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 48%;\n"])));
|
|
14264
14661
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n padding: 10px 0;\n"])));
|
|
14265
14662
|
var FieldGroup$1 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n"])), function (props) {
|
|
14266
14663
|
return props.wide ? 2 : 1;
|
|
14267
14664
|
});
|
|
14268
14665
|
var TextInput$1 = /*#__PURE__*/styled(TextArea)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14269
|
-
var StyledInput$
|
|
14666
|
+
var StyledInput$2 = /*#__PURE__*/styled(Input$1)(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 38px;\n"])));
|
|
14270
14667
|
var DateInput = /*#__PURE__*/styled.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px;\n border-radius: 6px;\n border: 1px solid #e0e2e7;\n background-color: #fff;\n color: #363a30;\n height: 38px;\n font-size: 14px;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n"])));
|
|
14271
14668
|
var Text$a = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14272
14669
|
|
|
14273
|
-
var _templateObject$
|
|
14670
|
+
var _templateObject$2d, _templateObject2$1G;
|
|
14274
14671
|
var radioButtonFilterOptions = [{
|
|
14275
14672
|
label: 'Yes',
|
|
14276
14673
|
value: 'true'
|
|
@@ -14343,7 +14740,7 @@ function RadioButtonGroups() {
|
|
|
14343
14740
|
return _extends({}, prev, (_extends2 = {}, _extends2[key] = value, _extends2));
|
|
14344
14741
|
});
|
|
14345
14742
|
};
|
|
14346
|
-
return React.createElement(Container$
|
|
14743
|
+
return React.createElement(Container$1c, null, React.createElement(Group, null, React.createElement(RadioButtonGroup$1, {
|
|
14347
14744
|
heading: "Service Type",
|
|
14348
14745
|
onChange: onChangeServiceType,
|
|
14349
14746
|
options: serviceTypeOptions || [],
|
|
@@ -14383,31 +14780,31 @@ function RadioButtonGroups() {
|
|
|
14383
14780
|
}));
|
|
14384
14781
|
}));
|
|
14385
14782
|
}
|
|
14386
|
-
var Container$
|
|
14387
|
-
var Group = /*#__PURE__*/styled.div(_templateObject2$
|
|
14783
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n padding: 8px;\n width: 100%;\n align-items: flex-start;\n pointer-events: none;\n"])));
|
|
14784
|
+
var Group = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
14388
14785
|
|
|
14389
|
-
var _templateObject$
|
|
14786
|
+
var _templateObject$2e, _templateObject2$1H, _templateObject3$10;
|
|
14390
14787
|
function OrderInfo() {
|
|
14391
14788
|
var _useActiveTab = useActiveTab(),
|
|
14392
14789
|
activeTab = _useActiveTab[0];
|
|
14393
|
-
return React.createElement(Container$
|
|
14790
|
+
return React.createElement(Container$1d, null, React.createElement(Top$3, null, activeTab === 'success' ? React.createElement(SuccessContent, null) : React.createElement(FailureContent, null)), React.createElement(Middle, null, React.createElement(RadioButtonGroups, null)));
|
|
14394
14791
|
}
|
|
14395
14792
|
// const DescriptionWrapper = styled.div`
|
|
14396
14793
|
// display: flex;
|
|
14397
14794
|
// gap: 20px;
|
|
14398
14795
|
// width: 100%;
|
|
14399
14796
|
// `;
|
|
14400
|
-
var Middle = /*#__PURE__*/styled.div(_templateObject$
|
|
14797
|
+
var Middle = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14401
14798
|
// const Bottom = styled.div`
|
|
14402
14799
|
// display: flex;
|
|
14403
14800
|
// flex-direction: column;
|
|
14404
14801
|
// gap: 20px;
|
|
14405
14802
|
// `;
|
|
14406
|
-
var Top$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
14407
|
-
var Container$
|
|
14803
|
+
var Top$3 = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
14804
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject3$10 || (_templateObject3$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
14408
14805
|
var OrderInfo$1 = /*#__PURE__*/React.memo(OrderInfo);
|
|
14409
14806
|
|
|
14410
|
-
var _templateObject$
|
|
14807
|
+
var _templateObject$2f;
|
|
14411
14808
|
var Options = [{
|
|
14412
14809
|
label: 'Success',
|
|
14413
14810
|
value: 'success',
|
|
@@ -14442,9 +14839,9 @@ var ForceDebriefSelector = function ForceDebriefSelector(_ref) {
|
|
|
14442
14839
|
optionBorderRadius: 30
|
|
14443
14840
|
}));
|
|
14444
14841
|
};
|
|
14445
|
-
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$
|
|
14842
|
+
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 25%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
14446
14843
|
|
|
14447
|
-
var _templateObject$
|
|
14844
|
+
var _templateObject$2g;
|
|
14448
14845
|
function EscalationCategory() {
|
|
14449
14846
|
var _orderStaticData$esca;
|
|
14450
14847
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14475,7 +14872,7 @@ function EscalationCategory() {
|
|
|
14475
14872
|
});
|
|
14476
14873
|
setEscalationCategory(selectedOption);
|
|
14477
14874
|
}, [failureReason]);
|
|
14478
|
-
return React.createElement(Container$
|
|
14875
|
+
return React.createElement(Container$1e, null, React.createElement(Label$k, {
|
|
14479
14876
|
label: "Escalation Category"
|
|
14480
14877
|
}), React.createElement(SelectDropdown, {
|
|
14481
14878
|
options: escalationCategoryOptions || [],
|
|
@@ -14517,9 +14914,9 @@ function EscalationCategory() {
|
|
|
14517
14914
|
}
|
|
14518
14915
|
}));
|
|
14519
14916
|
}
|
|
14520
|
-
var Container$
|
|
14917
|
+
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14521
14918
|
|
|
14522
|
-
var _templateObject$
|
|
14919
|
+
var _templateObject$2h;
|
|
14523
14920
|
function EscalationLevel() {
|
|
14524
14921
|
var _orderStaticData$esca;
|
|
14525
14922
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14546,7 +14943,7 @@ function EscalationLevel() {
|
|
|
14546
14943
|
});
|
|
14547
14944
|
setEscalationLevel(defaultLevel);
|
|
14548
14945
|
}, [escalationCategory]);
|
|
14549
|
-
return React.createElement(Container$
|
|
14946
|
+
return React.createElement(Container$1f, null, React.createElement(Label$k, {
|
|
14550
14947
|
label: "Escalation Level"
|
|
14551
14948
|
}), React.createElement(SelectDropdown, {
|
|
14552
14949
|
options: escalationLevelOptions || [],
|
|
@@ -14588,9 +14985,9 @@ function EscalationLevel() {
|
|
|
14588
14985
|
}
|
|
14589
14986
|
}));
|
|
14590
14987
|
}
|
|
14591
|
-
var Container$
|
|
14988
|
+
var Container$1f = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14592
14989
|
|
|
14593
|
-
var _templateObject$
|
|
14990
|
+
var _templateObject$2i;
|
|
14594
14991
|
function EscalationReason() {
|
|
14595
14992
|
var _escalationTypes$find, _orderStaticData$esca;
|
|
14596
14993
|
var _useEscalationReason = useEscalationReason(),
|
|
@@ -14642,7 +15039,7 @@ function EscalationReason() {
|
|
|
14642
15039
|
setEscalationReasonState(filteredEscReasonOptions[0]);
|
|
14643
15040
|
}
|
|
14644
15041
|
}, [escalationCategory]);
|
|
14645
|
-
return React.createElement(Container$
|
|
15042
|
+
return React.createElement(Container$1g, null, React.createElement(Label$k, {
|
|
14646
15043
|
label: "Escalation Reason"
|
|
14647
15044
|
}), React.createElement(SelectDropdown, {
|
|
14648
15045
|
options: filteredEscReasonOptions || [],
|
|
@@ -14684,7 +15081,7 @@ function EscalationReason() {
|
|
|
14684
15081
|
}
|
|
14685
15082
|
}));
|
|
14686
15083
|
}
|
|
14687
|
-
var Container$
|
|
15084
|
+
var Container$1g = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14688
15085
|
|
|
14689
15086
|
function Escalation() {
|
|
14690
15087
|
return React.createElement("div", {
|
|
@@ -14696,7 +15093,7 @@ function Escalation() {
|
|
|
14696
15093
|
}, React.createElement(EscalationCategory, null), React.createElement(EscalationLevel, null), React.createElement(EscalationReason, null));
|
|
14697
15094
|
}
|
|
14698
15095
|
|
|
14699
|
-
var _templateObject$
|
|
15096
|
+
var _templateObject$2j, _templateObject2$1I, _templateObject3$11;
|
|
14700
15097
|
function OrderTemplate() {
|
|
14701
15098
|
var _orderDetails$order_r, _routesDetails$route_;
|
|
14702
15099
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -14743,11 +15140,11 @@ function OrderTemplate() {
|
|
|
14743
15140
|
}
|
|
14744
15141
|
}))));
|
|
14745
15142
|
}
|
|
14746
|
-
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$
|
|
14747
|
-
var Title$7 = /*#__PURE__*/styled.span(_templateObject2$
|
|
14748
|
-
var Info = /*#__PURE__*/styled.span(_templateObject3$
|
|
15143
|
+
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n gap: 15px;\n"])));
|
|
15144
|
+
var Title$7 = /*#__PURE__*/styled.span(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
15145
|
+
var Info = /*#__PURE__*/styled.span(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14749
15146
|
|
|
14750
|
-
var _templateObject$
|
|
15147
|
+
var _templateObject$2k, _templateObject2$1J, _templateObject3$12;
|
|
14751
15148
|
function FlagTemplate(_ref) {
|
|
14752
15149
|
var _formatUtcToLocal, _formatUtcToLocal2;
|
|
14753
15150
|
var data = _ref.data,
|
|
@@ -14788,19 +15185,19 @@ function FlagTemplate(_ref) {
|
|
|
14788
15185
|
}
|
|
14789
15186
|
}));
|
|
14790
15187
|
}
|
|
14791
|
-
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
14792
|
-
var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
14793
|
-
var StyledTitle = /*#__PURE__*/styled.span(_templateObject3
|
|
15188
|
+
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15189
|
+
var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
15190
|
+
var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
14794
15191
|
var color = _ref2.color;
|
|
14795
15192
|
return color;
|
|
14796
15193
|
});
|
|
14797
15194
|
|
|
14798
|
-
var _templateObject$
|
|
15195
|
+
var _templateObject$2l, _templateObject2$1K;
|
|
14799
15196
|
function Tabs(_ref) {
|
|
14800
15197
|
var dismissFlags = _ref.dismissFlags;
|
|
14801
15198
|
var _useTasksData = useTasksData(),
|
|
14802
15199
|
taskData = _useTasksData[0];
|
|
14803
|
-
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$
|
|
15200
|
+
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$1h, {
|
|
14804
15201
|
className: "tab-content"
|
|
14805
15202
|
}, React.createElement(OrderTemplate, null), taskData == null ? void 0 : taskData.map(function (item, index) {
|
|
14806
15203
|
return React.createElement(FlagTemplate, {
|
|
@@ -14810,10 +15207,10 @@ function Tabs(_ref) {
|
|
|
14810
15207
|
});
|
|
14811
15208
|
}))));
|
|
14812
15209
|
}
|
|
14813
|
-
var Container$
|
|
14814
|
-
var Content = /*#__PURE__*/styled.div(_templateObject2$
|
|
15210
|
+
var Container$1h = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
15211
|
+
var Content = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14815
15212
|
|
|
14816
|
-
var _templateObject$
|
|
15213
|
+
var _templateObject$2m, _templateObject2$1L, _templateObject3$13, _templateObject4$B, _templateObject5$r;
|
|
14817
15214
|
function FDNotification() {
|
|
14818
15215
|
var _orderData$order_rout;
|
|
14819
15216
|
var _useTasksData = useTasksData(),
|
|
@@ -14909,13 +15306,13 @@ function FDNotification() {
|
|
|
14909
15306
|
}, [routesDataLoading]);
|
|
14910
15307
|
return React.createElement(React.Fragment, null, React.createElement(Section$1, null, unresolvedLoading ? React.createElement(Loader, null, React.createElement(Spinner, null), React.createElement(Text$b, null, "Fetching Notifications...")) : (taskData == null ? void 0 : taskData.length) > 0 || orderData ? React.createElement(TabsWrapper, null, React.createElement(Tabs, null)) : 'No Notifications Found'));
|
|
14911
15308
|
}
|
|
14912
|
-
var Loader = /*#__PURE__*/styled.div(_templateObject$
|
|
14913
|
-
var Spinner = /*#__PURE__*/styled.div(_templateObject2$
|
|
14914
|
-
var Section$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
14915
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
14916
|
-
var Text$b = /*#__PURE__*/styled.div(_templateObject5$
|
|
15309
|
+
var Loader = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15310
|
+
var Spinner = /*#__PURE__*/styled.div(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-left-color: #3a3630;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
15311
|
+
var Section$1 = /*#__PURE__*/styled.div(_templateObject3$13 || (_templateObject3$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 14px;\n background: #ffffff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n border: 1px solid #e0e0e0;\n"])));
|
|
15312
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 350px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
15313
|
+
var Text$b = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14917
15314
|
|
|
14918
|
-
var _templateObject$
|
|
15315
|
+
var _templateObject$2n, _templateObject2$1M, _templateObject3$14, _templateObject4$C, _templateObject5$s;
|
|
14919
15316
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14920
15317
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14921
15318
|
var onCancel = function onCancel() {
|
|
@@ -14926,20 +15323,20 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14926
15323
|
props == null || props.setConfirmationModal(false);
|
|
14927
15324
|
props == null || props.onProceed();
|
|
14928
15325
|
};
|
|
14929
|
-
return React.createElement(BackgroundModal$1, Object.assign({}, props), React.createElement(MainContainer$a, null, React.createElement(Container$
|
|
15326
|
+
return React.createElement(BackgroundModal$1, Object.assign({}, props), React.createElement(MainContainer$a, null, React.createElement(Container$1i, null, React.createElement(IconContainer$4, null, React.createElement(WarningIcon, null)), React.createElement(Title$8, null, "Base Charge Exceeds " + baseUrlSymbol + "200")), React.createElement(CustomCancelAndCompleteAction$5, {
|
|
14930
15327
|
cancelLabel: "Amend",
|
|
14931
15328
|
completeLabel: "Proceed",
|
|
14932
15329
|
onCancel: onCancel,
|
|
14933
15330
|
onComplete: onComplete
|
|
14934
15331
|
})));
|
|
14935
15332
|
};
|
|
14936
|
-
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
14937
|
-
var Container$
|
|
14938
|
-
var Title$8 = /*#__PURE__*/styled.span(_templateObject3$
|
|
14939
|
-
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$
|
|
14940
|
-
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject5$
|
|
15333
|
+
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
15334
|
+
var Container$1i = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
15335
|
+
var Title$8 = /*#__PURE__*/styled.span(_templateObject3$14 || (_templateObject3$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n"])));
|
|
15336
|
+
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 54px;\n height: 54px;\n padding: 14px;\n border-radius: 50%;\n background: #feba301a;\n border: 10px solid #feba305e;\n"])));
|
|
15337
|
+
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 400px;\n min-height: 248px;\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n gap: 30px;\n align-items: center;\n"])));
|
|
14941
15338
|
|
|
14942
|
-
var _templateObject$
|
|
15339
|
+
var _templateObject$2o, _templateObject2$1N, _templateObject3$15, _templateObject4$D, _templateObject5$t, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14943
15340
|
function ForceDebriefModal(props) {
|
|
14944
15341
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14945
15342
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15436,13 +15833,13 @@ function ForceDebriefModal(props) {
|
|
|
15436
15833
|
headerActions: React.createElement(ForceDebriefSelector, {
|
|
15437
15834
|
onSwitchChange: handleSwitchChange
|
|
15438
15835
|
})
|
|
15439
|
-
}, React.createElement(MainContainer$b, null, React.createElement(FDNotification, null), React.createElement(ContentContainer$7, null, React.createElement(OrderInfo$1, null)), React.createElement(ContentContainer$7, null, React.createElement(Container$
|
|
15836
|
+
}, React.createElement(MainContainer$b, null, React.createElement(FDNotification, null), React.createElement(ContentContainer$7, null, React.createElement(OrderInfo$1, null)), React.createElement(ContentContainer$7, null, React.createElement(Container$1j, null, React.createElement(Label$k, {
|
|
15440
15837
|
label: "Delivery Instructions",
|
|
15441
15838
|
htmlFor: "deliveryInstruction"
|
|
15442
|
-
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React.createElement(Container$
|
|
15839
|
+
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || 'N/A')), React.createElement(Container$1j, null, React.createElement(Label$k, {
|
|
15443
15840
|
label: "Other Instructions",
|
|
15444
15841
|
htmlFor: "otherInstruction"
|
|
15445
|
-
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React.createElement(ProductDiv, null, React.createElement(Container$
|
|
15842
|
+
}), React.createElement(Text$c, null, (orderDetails == null ? void 0 : orderDetails.other_instructions) || 'N/A'))), (isDeleted == null ? void 0 : isDeleted.length) > 0 && React.createElement(ProductDiv, null, React.createElement(Container$1j, null, isDeleted == null ? void 0 : isDeleted.map(function (item, index) {
|
|
15446
15843
|
var _item$order_product_t;
|
|
15447
15844
|
return React.createElement(ProductContainer, {
|
|
15448
15845
|
key: index
|
|
@@ -15483,21 +15880,21 @@ function ForceDebriefModal(props) {
|
|
|
15483
15880
|
onProceed: onSubmit
|
|
15484
15881
|
}));
|
|
15485
15882
|
}
|
|
15486
|
-
var Status$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
15487
|
-
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
15488
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject3$
|
|
15489
|
-
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$
|
|
15490
|
-
var Container$
|
|
15883
|
+
var Status$1 = /*#__PURE__*/styled.span(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n color: #3a3630;\n"])));
|
|
15884
|
+
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15885
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15886
|
+
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15887
|
+
var Container$1j = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15491
15888
|
var Text$c = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n white-space: break-spaces;\n"])));
|
|
15492
15889
|
var ContentContainer$7 = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n flex-direction: row;\n align-items: flex-start;\n gap: 40px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n width: 100%;\n white-space: nowrap;\n"])));
|
|
15493
15890
|
var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n flex-direction: row;\n align-items: flex-start;\n gap: 40px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n width: 100%;\n white-space: nowrap;\n min-height: 60px;\n overflow: scroll;\n max-height: 150px;\n"])));
|
|
15494
15891
|
var ForceDebriefModal$1 = /*#__PURE__*/React.memo(ForceDebriefModal);
|
|
15495
15892
|
|
|
15496
|
-
var _templateObject$
|
|
15893
|
+
var _templateObject$2p;
|
|
15497
15894
|
function GenericInput(props) {
|
|
15498
|
-
return React.createElement(StyledInput$
|
|
15895
|
+
return React.createElement(StyledInput$3, Object.assign({}, props));
|
|
15499
15896
|
}
|
|
15500
|
-
var StyledInput$
|
|
15897
|
+
var StyledInput$3 = /*#__PURE__*/styled(Input$2)(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30px;\n border: 1px solid ", ";\n &:hover {\n background: #ffffff;\n outline: none;\n border-color: #7b7874;\n }\n &:focus {\n border-color: ", ";\n }\n"])), function (_ref) {
|
|
15501
15898
|
var hasError = _ref.hasError;
|
|
15502
15899
|
return hasError ? 'red' : '#ccc';
|
|
15503
15900
|
}, function (_ref2) {
|
|
@@ -15505,7 +15902,7 @@ var StyledInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject$2n || (_templat
|
|
|
15505
15902
|
return hasError ? 'red' : '#888';
|
|
15506
15903
|
});
|
|
15507
15904
|
|
|
15508
|
-
var _templateObject$
|
|
15905
|
+
var _templateObject$2q, _templateObject2$1O, _templateObject3$16, _templateObject4$E, _templateObject5$u, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
|
|
15509
15906
|
function What3WordsModal(props) {
|
|
15510
15907
|
var _orderDetails$order_r5, _orderDetails$order_r6;
|
|
15511
15908
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
@@ -15663,21 +16060,21 @@ function What3WordsModal(props) {
|
|
|
15663
16060
|
submitBtnTitle: "Save Details"
|
|
15664
16061
|
}, React.createElement(Section$2, null, React.createElement(FieldRow$1, null, React.createElement(WordsSection, null, React.createElement(Label$k, {
|
|
15665
16062
|
label: "Words"
|
|
15666
|
-
}), React.createElement(WordInputWrapper, null, React.createElement(CustomInput$
|
|
16063
|
+
}), React.createElement(WordInputWrapper, null, React.createElement(CustomInput$8, {
|
|
15667
16064
|
name: "w3w",
|
|
15668
16065
|
type: "text",
|
|
15669
16066
|
placeholder: "Format: word.word.word",
|
|
15670
16067
|
value: localW3W,
|
|
15671
16068
|
onChange: onChangeW3W,
|
|
15672
16069
|
disabled: isClientPortal
|
|
15673
|
-
}), w3wError && React.createElement(ErrorText$
|
|
16070
|
+
}), w3wError && React.createElement(ErrorText$b, null, w3wError)), React.createElement(CurrentText, null, React.createElement("strong", null, "Current:"), ' ', React.createElement("a", {
|
|
15674
16071
|
href: "https://what3words.com/" + currentWhat3Words,
|
|
15675
16072
|
target: "_blank",
|
|
15676
16073
|
rel: "noopener noreferrer"
|
|
15677
16074
|
}, currentWhat3Words))))), React.createElement(Section$2, null, React.createElement(CoordRow, null, React.createElement(Coordinate, null, React.createElement(Label$k, {
|
|
15678
16075
|
label: "Latitude",
|
|
15679
16076
|
htmlFor: "lat"
|
|
15680
|
-
}), React.createElement(CustomInput$
|
|
16077
|
+
}), React.createElement(CustomInput$8, {
|
|
15681
16078
|
name: "lat",
|
|
15682
16079
|
type: "number",
|
|
15683
16080
|
placeholder: "Lat",
|
|
@@ -15687,7 +16084,7 @@ function What3WordsModal(props) {
|
|
|
15687
16084
|
})), React.createElement(Coordinate, null, React.createElement(Label$k, {
|
|
15688
16085
|
label: "Longitude",
|
|
15689
16086
|
htmlFor: "long"
|
|
15690
|
-
}), React.createElement(CustomInput$
|
|
16087
|
+
}), React.createElement(CustomInput$8, {
|
|
15691
16088
|
name: "long",
|
|
15692
16089
|
type: "number",
|
|
15693
16090
|
placeholder: "Long",
|
|
@@ -15696,17 +16093,17 @@ function What3WordsModal(props) {
|
|
|
15696
16093
|
onKeyDown: handleKeyDown
|
|
15697
16094
|
})))));
|
|
15698
16095
|
}
|
|
15699
|
-
var WordsSection = /*#__PURE__*/styled.div(_templateObject$
|
|
15700
|
-
var WordInputWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
15701
|
-
var CurrentText = /*#__PURE__*/styled.div(_templateObject3$
|
|
15702
|
-
var ErrorText$
|
|
15703
|
-
var Section$2 = /*#__PURE__*/styled.div(_templateObject5$
|
|
16096
|
+
var WordsSection = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n"])));
|
|
16097
|
+
var WordInputWrapper = /*#__PURE__*/styled.div(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n"])));
|
|
16098
|
+
var CurrentText = /*#__PURE__*/styled.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n color: #444;\n white-space: nowrap;\n\n a {\n color: #1677ff;\n text-decoration: none;\n }\n\n a:hover {\n text-decoration: underline;\n }\n"])));
|
|
16099
|
+
var ErrorText$b = /*#__PURE__*/styled.span(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
16100
|
+
var Section$2 = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15704
16101
|
var FieldRow$1 = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n"])));
|
|
15705
16102
|
var CoordRow = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 14px;\n"])));
|
|
15706
16103
|
var Coordinate = /*#__PURE__*/styled.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
15707
|
-
var CustomInput$
|
|
16104
|
+
var CustomInput$8 = /*#__PURE__*/styled(GenericInput)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
15708
16105
|
|
|
15709
|
-
var _templateObject$
|
|
16106
|
+
var _templateObject$2r;
|
|
15710
16107
|
function OrderActions() {
|
|
15711
16108
|
var _useCurrentAction = useCurrentAction(),
|
|
15712
16109
|
currentAction = _useCurrentAction[0],
|
|
@@ -15972,11 +16369,11 @@ function OrderActions() {
|
|
|
15972
16369
|
return null;
|
|
15973
16370
|
}
|
|
15974
16371
|
};
|
|
15975
|
-
return React.createElement(Container$
|
|
16372
|
+
return React.createElement(Container$1k, null, renderContent());
|
|
15976
16373
|
}
|
|
15977
|
-
var Container$
|
|
16374
|
+
var Container$1k = /*#__PURE__*/styled.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15978
16375
|
|
|
15979
|
-
var _templateObject$
|
|
16376
|
+
var _templateObject$2s, _templateObject2$1P, _templateObject3$17, _templateObject4$F;
|
|
15980
16377
|
var Details = function Details() {
|
|
15981
16378
|
var _globalEscData$, _globalEscData$2;
|
|
15982
16379
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15988,10 +16385,10 @@ var Details = function Details() {
|
|
|
15988
16385
|
globalEscData = _useGlobalEscData[0];
|
|
15989
16386
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React.createElement(EscInfo, null, ((_globalEscData$ = globalEscData[0]) == null || (_globalEscData$ = _globalEscData$.escalation_type) == null ? void 0 : _globalEscData$.level) + " (" + ((_globalEscData$2 = globalEscData[0]) == null || (_globalEscData$2 = _globalEscData$2.escalation_type) == null ? void 0 : _globalEscData$2.name) + ")")));
|
|
15990
16387
|
};
|
|
15991
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
15992
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
15993
|
-
var Name = /*#__PURE__*/styled.div(_templateObject3$
|
|
15994
|
-
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$
|
|
16388
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$2s || (_templateObject$2s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
16389
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
16390
|
+
var Name = /*#__PURE__*/styled.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* heading/h3-subHeader */\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n"])));
|
|
16391
|
+
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15995
16392
|
|
|
15996
16393
|
var bjsMenu = [{
|
|
15997
16394
|
label: 'Add Order Resources',
|
|
@@ -16067,7 +16464,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
16067
16464
|
}));
|
|
16068
16465
|
};
|
|
16069
16466
|
|
|
16070
|
-
var _templateObject$
|
|
16467
|
+
var _templateObject$2t, _templateObject2$1Q;
|
|
16071
16468
|
function Options$1() {
|
|
16072
16469
|
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
16073
16470
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16162,10 +16559,10 @@ function Options$1() {
|
|
|
16162
16559
|
fill: '#f0f2f2'
|
|
16163
16560
|
})))));
|
|
16164
16561
|
}
|
|
16165
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
16166
|
-
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
16562
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16563
|
+
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
16167
16564
|
|
|
16168
|
-
var _templateObject$
|
|
16565
|
+
var _templateObject$2u, _templateObject2$1R;
|
|
16169
16566
|
function Print() {
|
|
16170
16567
|
var _useOrderDetails = useOrderDetails(),
|
|
16171
16568
|
orderDetails = _useOrderDetails[0];
|
|
@@ -16272,7 +16669,7 @@ function Print() {
|
|
|
16272
16669
|
};
|
|
16273
16670
|
})
|
|
16274
16671
|
};
|
|
16275
|
-
return React.createElement(Container$
|
|
16672
|
+
return React.createElement(Container$1l, null, React.createElement(Dropdown, {
|
|
16276
16673
|
menu: menuItems,
|
|
16277
16674
|
trigger: ['hover']
|
|
16278
16675
|
}, React.createElement("a", {
|
|
@@ -16286,10 +16683,10 @@ function Print() {
|
|
|
16286
16683
|
fill: '#f0f2f2'
|
|
16287
16684
|
})))));
|
|
16288
16685
|
}
|
|
16289
|
-
var Container$
|
|
16290
|
-
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
16686
|
+
var Container$1l = /*#__PURE__*/styled.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16687
|
+
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
16291
16688
|
|
|
16292
|
-
var _templateObject$
|
|
16689
|
+
var _templateObject$2v;
|
|
16293
16690
|
function BjsMenuDropDown() {
|
|
16294
16691
|
var _orderStatus$;
|
|
16295
16692
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16333,9 +16730,9 @@ function BjsMenuDropDown() {
|
|
|
16333
16730
|
fill: '#f0f2f2'
|
|
16334
16731
|
}))));
|
|
16335
16732
|
}
|
|
16336
|
-
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$
|
|
16733
|
+
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
16337
16734
|
|
|
16338
|
-
var _templateObject$
|
|
16735
|
+
var _templateObject$2w, _templateObject2$1S;
|
|
16339
16736
|
// components
|
|
16340
16737
|
function DropDowns$1() {
|
|
16341
16738
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
|
|
@@ -16408,24 +16805,24 @@ function DropDowns$1() {
|
|
|
16408
16805
|
}, action == null ? void 0 : action.label);
|
|
16409
16806
|
})));
|
|
16410
16807
|
}
|
|
16411
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
16412
|
-
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16808
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n align-items: center;\n"])));
|
|
16809
|
+
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n text-align: center;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n cursor: ", ";\n @media screen and (max-width: 1210px) {\n font-size: 11px;\n line-height: 12px;\n }\n"])), function (props) {
|
|
16413
16810
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
16414
16811
|
});
|
|
16415
16812
|
|
|
16416
|
-
var _templateObject$
|
|
16813
|
+
var _templateObject$2x;
|
|
16417
16814
|
var ActionsMenu = function ActionsMenu() {
|
|
16418
16815
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
16419
16816
|
};
|
|
16420
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
16817
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__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"])));
|
|
16421
16818
|
|
|
16422
|
-
var _templateObject$
|
|
16819
|
+
var _templateObject$2y;
|
|
16423
16820
|
var DetailsFilters = function DetailsFilters() {
|
|
16424
16821
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
16425
16822
|
};
|
|
16426
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
16823
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2y || (_templateObject$2y = /*#__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"])));
|
|
16427
16824
|
|
|
16428
|
-
var _templateObject$
|
|
16825
|
+
var _templateObject$2z, _templateObject2$1T;
|
|
16429
16826
|
function OrderTemplate$1(_ref) {
|
|
16430
16827
|
var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
|
|
16431
16828
|
var orderDetails = _ref.orderDetails,
|
|
@@ -16700,10 +17097,10 @@ function OrderTemplate$1(_ref) {
|
|
|
16700
17097
|
}
|
|
16701
17098
|
}));
|
|
16702
17099
|
}
|
|
16703
|
-
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
16704
|
-
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17100
|
+
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .redCross {\n font-size: 13px;\n margin-top: 4px;\n }\n .postcode-alert-content {\n > div {\n > h4 {\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n ul {\n margin-bottom: 0;\n }\n\n li {\n border-radius: 6px;\n list-style-type: none;\n > a {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n > strong {\n > a {\n color: #6396e5;\n\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n }\n }\n\n li.outstanding strong,\n li.awaiting_confirmation strong,\n li.awaiting_route strong {\n font-family: Roboto, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n font-style: normal;\n }\n li.routed strong {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n\n li.outstanding strong {\n color: #e95252;\n }\n li.awaiting_confirmation strong {\n color: #6396e5;\n }\n li.awaiting_route strong {\n color: #36a053;\n }\n li.confirmed strong {\n color: #36a053;\n }\n li.enroute strong {\n color: #36a053;\n }\n li.cancelled strong {\n color: #e95252;\n }\n li.complete strong {\n color: #36a053;\n }\n li.on_hold strong {\n color: #feba30;\n }\n li.routed strong {\n color: #3a3630;\n }\n span {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n"])));
|
|
17101
|
+
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
16705
17102
|
|
|
16706
|
-
var _templateObject$
|
|
17103
|
+
var _templateObject$2A, _templateObject2$1U, _templateObject3$18;
|
|
16707
17104
|
function ReminderTemplate(_ref) {
|
|
16708
17105
|
var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
|
|
16709
17106
|
var data = _ref.data,
|
|
@@ -16741,18 +17138,18 @@ function ReminderTemplate(_ref) {
|
|
|
16741
17138
|
}
|
|
16742
17139
|
})));
|
|
16743
17140
|
}
|
|
16744
|
-
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
16745
|
-
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
17141
|
+
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
17142
|
+
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
16746
17143
|
var color = _ref2.color;
|
|
16747
17144
|
return color;
|
|
16748
17145
|
});
|
|
16749
|
-
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$
|
|
17146
|
+
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: ", ";\n ", ";\n"])), function (props) {
|
|
16750
17147
|
return props != null && props.$disable ? 'auto' : 'pointer';
|
|
16751
17148
|
}, function (props) {
|
|
16752
17149
|
return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
|
|
16753
17150
|
});
|
|
16754
17151
|
|
|
16755
|
-
var _templateObject$
|
|
17152
|
+
var _templateObject$2B, _templateObject2$1V;
|
|
16756
17153
|
function Tabs$1(_ref) {
|
|
16757
17154
|
var activeTasks = _ref.activeTasks,
|
|
16758
17155
|
closedTasks = _ref.closedTasks,
|
|
@@ -16769,7 +17166,7 @@ function Tabs$1(_ref) {
|
|
|
16769
17166
|
var additionalNotifications = activeTasks == null ? void 0 : activeTasks.slice(3);
|
|
16770
17167
|
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
16771
17168
|
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
16772
|
-
return React.createElement(React.Fragment, null, React.createElement(Content$1, null, React.createElement(Container$
|
|
17169
|
+
return React.createElement(React.Fragment, null, React.createElement(Content$1, null, React.createElement(Container$1m, {
|
|
16773
17170
|
className: "tab-content"
|
|
16774
17171
|
}, activeTab === 'active' && React.createElement(React.Fragment, null, React.createElement(OrderTemplate$1, {
|
|
16775
17172
|
orderDetails: orderDetails,
|
|
@@ -16812,8 +17209,8 @@ function Tabs$1(_ref) {
|
|
|
16812
17209
|
});
|
|
16813
17210
|
})))));
|
|
16814
17211
|
}
|
|
16815
|
-
var Container$
|
|
16816
|
-
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17212
|
+
var Container$1m = /*#__PURE__*/styled.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
17213
|
+
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16817
17214
|
|
|
16818
17215
|
var NotifyFlag = function NotifyFlag() {
|
|
16819
17216
|
return React.createElement("svg", {
|
|
@@ -16831,7 +17228,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16831
17228
|
}));
|
|
16832
17229
|
};
|
|
16833
17230
|
|
|
16834
|
-
var _templateObject$
|
|
17231
|
+
var _templateObject$2C, _templateObject2$1W, _templateObject3$19, _templateObject4$G, _templateObject5$v, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$b;
|
|
16835
17232
|
function Notification() {
|
|
16836
17233
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16837
17234
|
var _useTabType = useTabType(),
|
|
@@ -17079,7 +17476,7 @@ function Notification() {
|
|
|
17079
17476
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
17080
17477
|
return item.status === 'SD';
|
|
17081
17478
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
17082
|
-
return React.createElement(React.Fragment, null, React.createElement(Section$3, null, React.createElement(Container$
|
|
17479
|
+
return React.createElement(React.Fragment, null, React.createElement(Section$3, null, React.createElement(Container$1n, {
|
|
17083
17480
|
className: "notification-header"
|
|
17084
17481
|
}, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$j, {
|
|
17085
17482
|
label: "NOTIFICATIONS"
|
|
@@ -17173,11 +17570,11 @@ function Notification() {
|
|
|
17173
17570
|
routeInfoData: orderAlertsData
|
|
17174
17571
|
})) : 'No Notifications Found'));
|
|
17175
17572
|
}
|
|
17176
|
-
var Container$
|
|
17177
|
-
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
17178
|
-
var TabsData = /*#__PURE__*/styled.div(_templateObject3$
|
|
17179
|
-
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$
|
|
17180
|
-
var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$
|
|
17573
|
+
var Container$1n = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
17574
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
17575
|
+
var TabsData = /*#__PURE__*/styled.div(_templateObject3$19 || (_templateObject3$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
17576
|
+
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
17577
|
+
var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
17181
17578
|
var StyledTab = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n cursor: pointer;\n color: ", ";\n border-bottom: ", ";\n transition: border-bottom 0.3s ease;\n font-family: 'Roboto', sans-serif;\n padding-bottom: 5px;\n align-items: center;\n"])), function (props) {
|
|
17182
17579
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
17183
17580
|
}, function (props) {
|
|
@@ -17187,47 +17584,47 @@ var Section$3 = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$
|
|
|
17187
17584
|
var Label$j = /*#__PURE__*/styled(SectionHeader)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #ccc;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n text-transform: uppercase;\n"])));
|
|
17188
17585
|
var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 350px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
17189
17586
|
|
|
17190
|
-
var _templateObject$
|
|
17587
|
+
var _templateObject$2D;
|
|
17191
17588
|
function CollapsedContent$2() {
|
|
17192
17589
|
return React.createElement(Font$1, null, "ORDER RESOURCES");
|
|
17193
17590
|
}
|
|
17194
|
-
var Font$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
17591
|
+
var Font$1 = /*#__PURE__*/styled.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
17195
17592
|
|
|
17196
|
-
var _templateObject$
|
|
17593
|
+
var _templateObject$2E, _templateObject2$1X;
|
|
17197
17594
|
function Category(props) {
|
|
17198
17595
|
var _props$row;
|
|
17199
17596
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
17200
17597
|
return React.createElement(RowContainer$4, null, React.createElement(Row$7, null, data));
|
|
17201
17598
|
}
|
|
17202
|
-
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
17203
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17599
|
+
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17600
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1X || (_templateObject2$1X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17204
17601
|
|
|
17205
|
-
var _templateObject$
|
|
17602
|
+
var _templateObject$2F, _templateObject2$1Y;
|
|
17206
17603
|
function Date$2(props) {
|
|
17207
17604
|
var _props$row;
|
|
17208
17605
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
17209
17606
|
return React.createElement(RowContainer$5, null, React.createElement(Row$8, null, formatDate$1(data)));
|
|
17210
17607
|
}
|
|
17211
|
-
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
17212
|
-
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17608
|
+
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17609
|
+
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17213
17610
|
|
|
17214
|
-
var _templateObject$
|
|
17611
|
+
var _templateObject$2G, _templateObject2$1Z;
|
|
17215
17612
|
function Reference(props) {
|
|
17216
17613
|
var _props$row;
|
|
17217
17614
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
17218
17615
|
return React.createElement(RowContainer$6, null, React.createElement(Row$9, null, data));
|
|
17219
17616
|
}
|
|
17220
|
-
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
17221
|
-
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17617
|
+
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17618
|
+
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17222
17619
|
|
|
17223
|
-
var _templateObject$
|
|
17620
|
+
var _templateObject$2H, _templateObject2$1_;
|
|
17224
17621
|
function Type(props) {
|
|
17225
17622
|
var _props$row;
|
|
17226
17623
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
17227
17624
|
return React.createElement(RowContainer$7, null, React.createElement(Row$a, null, data));
|
|
17228
17625
|
}
|
|
17229
|
-
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
17230
|
-
var Row$a = /*#__PURE__*/styled.div(_templateObject2$
|
|
17626
|
+
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17627
|
+
var Row$a = /*#__PURE__*/styled.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17231
17628
|
|
|
17232
17629
|
var DownloadIcon = function DownloadIcon() {
|
|
17233
17630
|
return React.createElement("svg", {
|
|
@@ -17256,7 +17653,7 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
17256
17653
|
})));
|
|
17257
17654
|
};
|
|
17258
17655
|
|
|
17259
|
-
var _templateObject$
|
|
17656
|
+
var _templateObject$2I, _templateObject2$1$, _templateObject3$1a;
|
|
17260
17657
|
function Action(_ref) {
|
|
17261
17658
|
var _row$original, _orderResources$data;
|
|
17262
17659
|
var row = _ref.row;
|
|
@@ -17366,9 +17763,9 @@ function Action(_ref) {
|
|
|
17366
17763
|
}, React.createElement(DownloadIcon, null)))));
|
|
17367
17764
|
}
|
|
17368
17765
|
// Styled components for styling
|
|
17369
|
-
var Actions = /*#__PURE__*/styled.div(_templateObject$
|
|
17370
|
-
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
17371
|
-
var Row$b = /*#__PURE__*/styled.div(_templateObject3$
|
|
17766
|
+
var Actions = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
17767
|
+
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
17768
|
+
var Row$b = /*#__PURE__*/styled.div(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
17372
17769
|
|
|
17373
17770
|
var tableColumns$1 = [{
|
|
17374
17771
|
header: 'Date',
|
|
@@ -17397,7 +17794,7 @@ var tableColumns$1 = [{
|
|
|
17397
17794
|
enableSorting: false
|
|
17398
17795
|
}];
|
|
17399
17796
|
|
|
17400
|
-
var _templateObject$
|
|
17797
|
+
var _templateObject$2J;
|
|
17401
17798
|
function Order$1(_ref) {
|
|
17402
17799
|
var _orderResources$data;
|
|
17403
17800
|
var loading = _ref.loading;
|
|
@@ -17412,10 +17809,11 @@ function Order$1(_ref) {
|
|
|
17412
17809
|
loading: loading
|
|
17413
17810
|
})));
|
|
17414
17811
|
}
|
|
17415
|
-
var Table$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
17812
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
17416
17813
|
|
|
17417
|
-
var _templateObject$
|
|
17814
|
+
var _templateObject$2K, _templateObject2$20, _templateObject3$1b, _templateObject4$H;
|
|
17418
17815
|
function OrderView(_ref) {
|
|
17816
|
+
var _orderDetails$order_r3;
|
|
17419
17817
|
var locationloading = _ref.locationloading;
|
|
17420
17818
|
notification.config({
|
|
17421
17819
|
top: 150
|
|
@@ -17470,6 +17868,8 @@ function OrderView(_ref) {
|
|
|
17470
17868
|
setClientData = _usegetClientData[1];
|
|
17471
17869
|
var _useGlobalEscData = useGlobalEscData(),
|
|
17472
17870
|
setGlobalEscData = _useGlobalEscData[1];
|
|
17871
|
+
var _useIsShowNorthSouth = useIsShowNorthSouth(),
|
|
17872
|
+
setIsNorthSouth = _useIsShowNorthSouth[1];
|
|
17473
17873
|
useEffect(function () {
|
|
17474
17874
|
setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
|
|
17475
17875
|
}, [orderDetails == null ? void 0 : orderDetails.status_value]);
|
|
@@ -17794,6 +18194,79 @@ function OrderView(_ref) {
|
|
|
17794
18194
|
}
|
|
17795
18195
|
}, [escalationDataLoading]);
|
|
17796
18196
|
var docTitle = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
18197
|
+
var environment = getEnvironment();
|
|
18198
|
+
var _useAxios4 = useAxios({
|
|
18199
|
+
endpoint: "v1/orders/customs/postcode/check/",
|
|
18200
|
+
method: 'GET'
|
|
18201
|
+
}),
|
|
18202
|
+
callCheckPostcode = _useAxios4.fetchData;
|
|
18203
|
+
//northern southern
|
|
18204
|
+
var callCheckPostcodeAPI = /*#__PURE__*/function () {
|
|
18205
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
18206
|
+
var _orderDetails$order_r, response, _response$data, isNorthSouth;
|
|
18207
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
18208
|
+
while (1) switch (_context.prev = _context.next) {
|
|
18209
|
+
case 0:
|
|
18210
|
+
_context.prev = 0;
|
|
18211
|
+
_context.next = 3;
|
|
18212
|
+
return callCheckPostcode({
|
|
18213
|
+
endPointQuery: "?postcode=" + (orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.postcode)
|
|
18214
|
+
});
|
|
18215
|
+
case 3:
|
|
18216
|
+
response = _context.sent;
|
|
18217
|
+
//@ts-ignore
|
|
18218
|
+
if ((response == null ? void 0 : response.code) === 200) {
|
|
18219
|
+
//@ts-ignore
|
|
18220
|
+
isNorthSouth = response == null || (_response$data = response.data) == null ? void 0 : _response$data.order_customs_postcodes;
|
|
18221
|
+
setIsNorthSouth(isNorthSouth);
|
|
18222
|
+
} else {
|
|
18223
|
+
message.open({
|
|
18224
|
+
type: 'error',
|
|
18225
|
+
//@ts-ignore
|
|
18226
|
+
content: (response == null ? void 0 : response.error) || 'Something went wrong'
|
|
18227
|
+
});
|
|
18228
|
+
}
|
|
18229
|
+
_context.next = 10;
|
|
18230
|
+
break;
|
|
18231
|
+
case 7:
|
|
18232
|
+
_context.prev = 7;
|
|
18233
|
+
_context.t0 = _context["catch"](0);
|
|
18234
|
+
message.open({
|
|
18235
|
+
type: 'error',
|
|
18236
|
+
content: 'Failed to check postcode. Please try again.'
|
|
18237
|
+
});
|
|
18238
|
+
case 10:
|
|
18239
|
+
case "end":
|
|
18240
|
+
return _context.stop();
|
|
18241
|
+
}
|
|
18242
|
+
}, _callee, null, [[0, 7]]);
|
|
18243
|
+
}));
|
|
18244
|
+
return function callCheckPostcodeAPI() {
|
|
18245
|
+
return _ref2.apply(this, arguments);
|
|
18246
|
+
};
|
|
18247
|
+
}();
|
|
18248
|
+
var POSTCODE_REGEX = {
|
|
18249
|
+
UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
|
|
18250
|
+
IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
|
|
18251
|
+
US: /^\d{5}(-\d{4})?$/
|
|
18252
|
+
};
|
|
18253
|
+
var isDevelopmentOrStagingOrReleaseUK = environment === 'development' || environment === 'staging' || environment === 'release_uk';
|
|
18254
|
+
var isValidPostcode = function isValidPostcode(val) {
|
|
18255
|
+
if (isDevelopmentOrStagingOrReleaseUK) {
|
|
18256
|
+
return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);
|
|
18257
|
+
} else {
|
|
18258
|
+
return POSTCODE_REGEX.US.test(val);
|
|
18259
|
+
}
|
|
18260
|
+
};
|
|
18261
|
+
var hasCalledInitialAPI = useRef(false);
|
|
18262
|
+
useEffect(function () {
|
|
18263
|
+
var _orderDetails$order_r2;
|
|
18264
|
+
var currentPostcode = orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_recipient) == null || (_orderDetails$order_r2 = _orderDetails$order_r2.postcode) == null ? void 0 : _orderDetails$order_r2.trim();
|
|
18265
|
+
if (currentPostcode && isValidPostcode(currentPostcode) && !hasCalledInitialAPI.current) {
|
|
18266
|
+
hasCalledInitialAPI.current = true;
|
|
18267
|
+
callCheckPostcodeAPI();
|
|
18268
|
+
}
|
|
18269
|
+
}, [orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r3.postcode]);
|
|
17797
18270
|
return React.createElement(MainContainer$c, null, React.createElement(DocumentTitle, {
|
|
17798
18271
|
title: docTitle
|
|
17799
18272
|
}), React.createElement(GeneralHeader, {
|
|
@@ -17809,13 +18282,13 @@ function OrderView(_ref) {
|
|
|
17809
18282
|
loading: logsLoading
|
|
17810
18283
|
}))), React.createElement(OrderActions, null));
|
|
17811
18284
|
}
|
|
17812
|
-
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$
|
|
17813
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17814
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
17815
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
18285
|
+
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
18286
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
18287
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
18288
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17816
18289
|
|
|
17817
|
-
var _templateObject2$
|
|
17818
|
-
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
18290
|
+
var _templateObject2$21;
|
|
18291
|
+
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$21 || (_templateObject2$21 = /*#__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"])));
|
|
17819
18292
|
|
|
17820
18293
|
var initialState$4 = {
|
|
17821
18294
|
'x-filters': [],
|
|
@@ -17884,7 +18357,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
17884
18357
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
17885
18358
|
});
|
|
17886
18359
|
|
|
17887
|
-
var _templateObject$
|
|
18360
|
+
var _templateObject$2L, _templateObject2$22, _templateObject3$1c;
|
|
17888
18361
|
var _excluded$7 = ["count"];
|
|
17889
18362
|
var SearchType = function SearchType() {
|
|
17890
18363
|
var _useState = useState(''),
|
|
@@ -17981,9 +18454,9 @@ var SearchType = function SearchType() {
|
|
|
17981
18454
|
onClick: handleClear
|
|
17982
18455
|
}, React.createElement(CrossIcon, null)));
|
|
17983
18456
|
};
|
|
17984
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
17985
|
-
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
17986
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$
|
|
18457
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
18458
|
+
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$22 || (_templateObject2$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n background: transparent;\n &:hover {\n color: #000;\n }\n"])));
|
|
18459
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$1c || (_templateObject3$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n padding-left: 39px;\n width: 100%;\n &:focus {\n outline: none;\n border-color: gray;\n }\n"])));
|
|
17987
18460
|
|
|
17988
18461
|
var BulkFilter = function BulkFilter() {
|
|
17989
18462
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -18218,7 +18691,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18218
18691
|
})))));
|
|
18219
18692
|
};
|
|
18220
18693
|
|
|
18221
|
-
var _templateObject$
|
|
18694
|
+
var _templateObject$2M, _templateObject2$23, _templateObject3$1d;
|
|
18222
18695
|
var _excluded$8 = ["count"];
|
|
18223
18696
|
function ReturnMainTable() {
|
|
18224
18697
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -18324,7 +18797,7 @@ function ReturnMainTable() {
|
|
|
18324
18797
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
18325
18798
|
}, React.createElement("div", {
|
|
18326
18799
|
className: "Tableconatiner"
|
|
18327
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
18800
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1o, null, React.createElement(Row$c, null, React.createElement(Text, null, "Client Return"), customerId ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)), total > 0 && React.createElement(Pagination, {
|
|
18328
18801
|
currentPage: page,
|
|
18329
18802
|
totalItems: total,
|
|
18330
18803
|
itemsPerPage: itemsPerPage,
|
|
@@ -18332,9 +18805,9 @@ function ReturnMainTable() {
|
|
|
18332
18805
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18333
18806
|
}))));
|
|
18334
18807
|
}
|
|
18335
|
-
var Row$c = /*#__PURE__*/styled.div(_templateObject$
|
|
18336
|
-
var Container$
|
|
18337
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$
|
|
18808
|
+
var Row$c = /*#__PURE__*/styled.div(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
18809
|
+
var Container$1o = /*#__PURE__*/styled.div(_templateObject2$23 || (_templateObject2$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
18810
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$1d || (_templateObject3$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
18338
18811
|
|
|
18339
18812
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
18340
18813
|
var _useSearchParams = useSearchParams(),
|
|
@@ -18871,7 +19344,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
|
|
|
18871
19344
|
})))));
|
|
18872
19345
|
};
|
|
18873
19346
|
|
|
18874
|
-
var _templateObject$
|
|
19347
|
+
var _templateObject$2N, _templateObject2$24;
|
|
18875
19348
|
var ConfirmedMain = function ConfirmedMain() {
|
|
18876
19349
|
var _UsePaginationReturnD = UsePaginationReturnData(),
|
|
18877
19350
|
paginationObj = _UsePaginationReturnD[0];
|
|
@@ -18904,7 +19377,7 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18904
19377
|
// });
|
|
18905
19378
|
return React.createElement("div", null, React.createElement(DashBoardWrapper$4, null, React.createElement("div", {
|
|
18906
19379
|
className: "Tableconatiner"
|
|
18907
|
-
}, React.createElement(Container$
|
|
19380
|
+
}, React.createElement(Container$1p, null, React.createElement(ReturnConfirmedTable, null), total > 0 && React.createElement(ReturnPagination, {
|
|
18908
19381
|
currentPage: page,
|
|
18909
19382
|
totalItems: total,
|
|
18910
19383
|
itemsPerPage: itemsPerPage,
|
|
@@ -18912,25 +19385,25 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18912
19385
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18913
19386
|
})))));
|
|
18914
19387
|
};
|
|
18915
|
-
var Container$
|
|
18916
|
-
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$
|
|
19388
|
+
var Container$1p = /*#__PURE__*/styled.div(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
19389
|
+
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$24 || (_templateObject2$24 = /*#__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"])));
|
|
18917
19390
|
|
|
18918
|
-
var _templateObject$
|
|
18919
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
18920
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
19391
|
+
var _templateObject$2O, _templateObject2$25;
|
|
19392
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
19393
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$25 || (_templateObject2$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
18921
19394
|
|
|
18922
|
-
var _templateObject$
|
|
19395
|
+
var _templateObject$2P;
|
|
18923
19396
|
var HeaderTitle = function HeaderTitle(props) {
|
|
18924
19397
|
return React.createElement(React.Fragment, null, React.createElement(Title$9, null, props.title));
|
|
18925
19398
|
};
|
|
18926
|
-
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$
|
|
19399
|
+
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$2P || (_templateObject$2P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
18927
19400
|
|
|
18928
|
-
var _templateObject$
|
|
19401
|
+
var _templateObject$2Q, _templateObject2$26;
|
|
18929
19402
|
function Breadcrumb(props) {
|
|
18930
19403
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
18931
19404
|
}
|
|
18932
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
18933
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
19405
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2Q || (_templateObject$2Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
19406
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$26 || (_templateObject2$26 = /*#__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"])));
|
|
18934
19407
|
|
|
18935
19408
|
var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
18936
19409
|
var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
|
|
@@ -18943,7 +19416,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
|
18943
19416
|
return JSON.parse(d);
|
|
18944
19417
|
};
|
|
18945
19418
|
|
|
18946
|
-
var _templateObject$
|
|
19419
|
+
var _templateObject$2R, _templateObject2$27, _templateObject3$1e;
|
|
18947
19420
|
function ReturnSearchBar() {
|
|
18948
19421
|
var _useState = useState(''),
|
|
18949
19422
|
searchText = _useState[0],
|
|
@@ -19087,12 +19560,12 @@ function ReturnSearchBar() {
|
|
|
19087
19560
|
onClick: handleClear
|
|
19088
19561
|
}, React.createElement(CrossIcon, null)) : null);
|
|
19089
19562
|
}
|
|
19090
|
-
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$
|
|
19091
|
-
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
19092
|
-
var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$
|
|
19563
|
+
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$2R || (_templateObject$2R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
19564
|
+
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$27 || (_templateObject2$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
19565
|
+
var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$1e || (_templateObject3$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
19093
19566
|
var ReturnSearchBar$1 = /*#__PURE__*/React.memo(ReturnSearchBar);
|
|
19094
19567
|
|
|
19095
|
-
var _templateObject$
|
|
19568
|
+
var _templateObject$2S, _templateObject2$28, _templateObject3$1f;
|
|
19096
19569
|
function ReturnAfterSearchBar() {
|
|
19097
19570
|
var _useState = useState(''),
|
|
19098
19571
|
searchText = _useState[0],
|
|
@@ -19219,12 +19692,12 @@ function ReturnAfterSearchBar() {
|
|
|
19219
19692
|
onClick: handleClear
|
|
19220
19693
|
}, React.createElement(CrossIcon, null)) : null);
|
|
19221
19694
|
}
|
|
19222
|
-
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$
|
|
19223
|
-
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
19224
|
-
var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$
|
|
19695
|
+
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$2S || (_templateObject$2S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
19696
|
+
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$28 || (_templateObject2$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
19697
|
+
var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$1f || (_templateObject3$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
19225
19698
|
var ReturnAfterSearchBar$1 = /*#__PURE__*/React.memo(ReturnAfterSearchBar);
|
|
19226
19699
|
|
|
19227
|
-
var _templateObject$
|
|
19700
|
+
var _templateObject$2T;
|
|
19228
19701
|
var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
19229
19702
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
19230
19703
|
breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
|
|
@@ -19328,9 +19801,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
|
19328
19801
|
}
|
|
19329
19802
|
}))));
|
|
19330
19803
|
};
|
|
19331
|
-
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
19804
|
+
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$2T || (_templateObject$2T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding-right: 10px;\n padding-left: 7px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\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 min-width: 22vw;\n height: 35px;\n input[type='text'] {\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n border: none;\n color: #6a7378;\n font-size: 13px;\n font-weight: 400;\n line-height: 18px;\n padding: 8px 0;\n padding-left: 10px;\n &:focus-visible {\n outline: none;\n }\n }\n\n .ant-picker-outlined {\n border-style: none !important;\n }\n\n .ant-picker-focused {\n box-shadow: none;\n }\n\n /* .ant-picker {\n .ant-picker-input {\n width: 150px;\n }\n } */\n .ant-btn {\n background-color: #3348ff !important;\n }\n"])));
|
|
19332
19805
|
|
|
19333
|
-
var _templateObject$
|
|
19806
|
+
var _templateObject$2U, _templateObject2$29;
|
|
19334
19807
|
var _excluded$a = ["count"];
|
|
19335
19808
|
var ReturnOverview = function ReturnOverview() {
|
|
19336
19809
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -19415,7 +19888,7 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19415
19888
|
}, [pagination]);
|
|
19416
19889
|
return React.createElement(React.Fragment, null, clientPortal && typeof status === 'string' && validStatuses.includes(status) && React.createElement(ClientRouterHeader, null), React.createElement("div", null, React.createElement(DashBoardWrapper$5, null, React.createElement("div", {
|
|
19417
19890
|
className: "Tableconatiner"
|
|
19418
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
19891
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1q, null, React.createElement(ReturnFilter, {
|
|
19419
19892
|
data: returnConfirmedData,
|
|
19420
19893
|
payload: payload
|
|
19421
19894
|
}), clientPortal && status === 'outstanding_return' && React.createElement(React.Fragment, null, React.createElement(OutstandingTable, null), total > 0 && React.createElement(Pagination, {
|
|
@@ -19426,8 +19899,8 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19426
19899
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
19427
19900
|
})), shouldShowReturnAfterTable && React.createElement(React.Fragment, null, React.createElement(ConfirmedMain, null)))))));
|
|
19428
19901
|
};
|
|
19429
|
-
var Container$
|
|
19430
|
-
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$
|
|
19902
|
+
var Container$1q = /*#__PURE__*/styled.div(_templateObject$2U || (_templateObject$2U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
19903
|
+
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$29 || (_templateObject2$29 = /*#__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"])));
|
|
19431
19904
|
|
|
19432
19905
|
var RouterHeader = function RouterHeader(_ref) {
|
|
19433
19906
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|