@bjsdistribution/dms-client-return 0.1.13-prod → 0.1.14-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/DynamicTable.d.ts +2 -1
- package/dist/components/order-view/general-information/Status.d.ts +1 -1
- package/dist/components/order-view/general-information/index.d.ts +1 -1
- package/dist/components/order-view/index.d.ts +1 -1
- package/dist/components/order-view/order-actions/types.d.ts +1 -1
- package/dist/components/order-view/order-details/expanded-content/index.d.ts +1 -1
- package/dist/components/order-view/order-details/index.d.ts +1 -1
- package/dist/components/order-view/order-resources/expanded-content/index.d.ts +1 -1
- package/dist/components/order-view/products-info/expanded-content/index.d.ts +2 -0
- package/dist/components/order-view/products-info/index.d.ts +1 -1
- package/dist/components/order-view/return-client-products/ProductTable.d.ts +2 -0
- package/dist/components/order-view/return-client-products/product-table/ReturnProductTable.d.ts +2 -0
- package/dist/components/order-view/store.d.ts +1 -1
- package/dist/components/order-view/system-event-logs/expanded-content/index.d.ts +1 -1
- package/dist/dms-client-return.cjs.development.js +539 -411
- 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 +540 -412
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/index.tsx +2 -0
- package/src/components/order-daily-overview/return-after-table/ReturnAfterTable.tsx +1 -0
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +1 -0
- package/src/components/order-daily-overview/table/ReturnTable.tsx +2 -4
- package/src/components/order-view/DynamicTable.tsx +21 -8
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.tsx +1 -1
- package/src/components/order-view/flags-action-modal/Dropdowns.tsx +2 -0
- package/src/components/order-view/general-information/Status.tsx +92 -18
- package/src/components/order-view/general-information/index.tsx +2 -2
- package/src/components/order-view/index.tsx +12 -6
- package/src/components/order-view/modalsPopup/ModalManager.tsx +1 -1
- package/src/components/order-view/notes/AddNote.tsx +1 -0
- package/src/components/order-view/notification/index.tsx +33 -28
- package/src/components/order-view/order-actions/actions/confirm-order/tables/NotesTable.tsx +1 -0
- package/src/components/order-view/order-actions/actions/create-task-reminder/CreateTaskModal.tsx +5 -3
- package/src/components/order-view/order-actions/actions/create-task-reminder/TaskModal.tsx +2 -2
- package/src/components/order-view/order-actions/index.tsx +3 -2
- package/src/components/order-view/order-actions/store.ts +1 -1
- package/src/components/order-view/order-actions/types.ts +1 -1
- package/src/components/order-view/order-details/expanded-content/index.tsx +37 -16
- package/src/components/order-view/order-details/index.tsx +5 -2
- package/src/components/order-view/order-resources/expanded-content/index.tsx +2 -2
- package/src/components/order-view/products-info/expanded-content/index.tsx +7 -1
- package/src/components/order-view/products-info/index.tsx +8 -4
- package/src/components/order-view/return-client-products/ProductTable.tsx +7 -1
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +19 -8
- package/src/components/order-view/store.ts +1 -1
- package/src/components/order-view/system-event-logs/expanded-content/index.tsx +6 -2
- package/src/index.tsx +6 -3
|
@@ -6,7 +6,7 @@ import { useAtom, atom } from 'jotai';
|
|
|
6
6
|
import dayjs from 'dayjs';
|
|
7
7
|
import { format, isValid, parseISO } from 'date-fns';
|
|
8
8
|
import { atomWithReducer } from 'jotai/utils';
|
|
9
|
-
import { useAxios, CountItem, device, ExportButton, useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$k, Input as Input$2, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, formatUtcToLocal, Button, PrivateIcon,
|
|
9
|
+
import { useAxios, CountItem, device, ExportButton, useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$k, Input as Input$2, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, formatUtcToLocal, Button, PrivateIcon, CrossIcon, SectionHeader, AntSelect, CancelationModal, CancelAndCompleteAction, BackgroundModal as BackgroundModal$1, CalendarIcon, FlagAlert, WarningIcon, getBaseEndpoint, ViewIcon, SearchIcon as SearchIcon$1 } from '@bjsdistribution/dms-component-library';
|
|
10
10
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
11
11
|
import Scrollbars from 'react-custom-scrollbars-2';
|
|
12
12
|
import { createPortal } from 'react-dom';
|
|
@@ -2461,7 +2461,8 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2461
2461
|
method: 'GET',
|
|
2462
2462
|
filters: filters,
|
|
2463
2463
|
pagination: pagination,
|
|
2464
|
-
performAction: false
|
|
2464
|
+
performAction: false,
|
|
2465
|
+
showLoader: false
|
|
2465
2466
|
}),
|
|
2466
2467
|
fetchedOrderData = _useApiHook.data,
|
|
2467
2468
|
returnDataLoad = _useApiHook.loading,
|
|
@@ -3143,7 +3144,7 @@ var ModalManager = function ModalManager() {
|
|
|
3143
3144
|
};
|
|
3144
3145
|
useEffect(function () {
|
|
3145
3146
|
// @ts-ignore
|
|
3146
|
-
if (response && (response == null ? void 0 : response.code) == 500) {
|
|
3147
|
+
if (response && (response == null ? void 0 : response.code) == 500 || (response == null ? void 0 : response.code) == 400) {
|
|
3147
3148
|
// @ts-ignore
|
|
3148
3149
|
notification.error({
|
|
3149
3150
|
message: 'Failure',
|
|
@@ -4235,7 +4236,8 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
4235
4236
|
method: 'GET',
|
|
4236
4237
|
filters: filters && (filters == null ? void 0 : filters.length) > 0 ? filters : undefined,
|
|
4237
4238
|
pagination: pagination,
|
|
4238
|
-
performAction: false
|
|
4239
|
+
performAction: false,
|
|
4240
|
+
showLoader: false
|
|
4239
4241
|
}),
|
|
4240
4242
|
fetchedReturnOrderData = _useApiHook.data,
|
|
4241
4243
|
loading = _useApiHook.loading,
|
|
@@ -6082,9 +6084,19 @@ function OrderDetailsFooter() {
|
|
|
6082
6084
|
}
|
|
6083
6085
|
var Container$x = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__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"])));
|
|
6084
6086
|
|
|
6085
|
-
var _templateObject$U, _templateObject2$G, _templateObject3$i;
|
|
6086
|
-
function ExpandedContent() {
|
|
6087
|
-
|
|
6087
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$i, _templateObject4$8;
|
|
6088
|
+
function ExpandedContent(_ref) {
|
|
6089
|
+
var orderLoading = _ref.orderLoading,
|
|
6090
|
+
depotDataLoading = _ref.depotDataLoading;
|
|
6091
|
+
return React.createElement(React.Fragment, null, React.createElement(MainContainer$3, null, orderLoading || depotDataLoading ? React.createElement(React.Fragment, null, React.createElement(CustomFormSection$4, null, React.createElement(Skeleton, {
|
|
6092
|
+
paragraph: {
|
|
6093
|
+
rows: 4
|
|
6094
|
+
}
|
|
6095
|
+
}), React.createElement(Skeleton, {
|
|
6096
|
+
paragraph: {
|
|
6097
|
+
rows: 4
|
|
6098
|
+
}
|
|
6099
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$y, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null))));
|
|
6088
6100
|
}
|
|
6089
6101
|
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__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"])));
|
|
6090
6102
|
var Container$y = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__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"])));
|
|
@@ -6102,8 +6114,11 @@ var Container$y = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject
|
|
|
6102
6114
|
// user-select: none;
|
|
6103
6115
|
// `;
|
|
6104
6116
|
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject3$i || (_templateObject3$i = /*#__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"])));
|
|
6117
|
+
var CustomFormSection$4 = /*#__PURE__*/styled(FormSection)(_templateObject4$8 || (_templateObject4$8 = /*#__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"])));
|
|
6105
6118
|
|
|
6106
|
-
function OrderDetails$1() {
|
|
6119
|
+
function OrderDetails$1(_ref) {
|
|
6120
|
+
var orderLoading = _ref.orderLoading,
|
|
6121
|
+
depotDataLoading = _ref.depotDataLoading;
|
|
6107
6122
|
var _useOrderDetails = useOrderDetails(),
|
|
6108
6123
|
orderData = _useOrderDetails[0];
|
|
6109
6124
|
var customerData = orderData;
|
|
@@ -6130,7 +6145,10 @@ function OrderDetails$1() {
|
|
|
6130
6145
|
setCustomerData(requiredData[0]);
|
|
6131
6146
|
}
|
|
6132
6147
|
}, [fetchedData, loading]);
|
|
6133
|
-
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent,
|
|
6148
|
+
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent, {
|
|
6149
|
+
orderLoading: orderLoading,
|
|
6150
|
+
depotDataLoading: depotDataLoading
|
|
6151
|
+
}));
|
|
6134
6152
|
}
|
|
6135
6153
|
|
|
6136
6154
|
var _templateObject$V;
|
|
@@ -6174,7 +6192,7 @@ function NoteType() {
|
|
|
6174
6192
|
}
|
|
6175
6193
|
var Container$z = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6176
6194
|
|
|
6177
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$
|
|
6195
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$9;
|
|
6178
6196
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6179
6197
|
function AddNote() {
|
|
6180
6198
|
var _useState = useState(template),
|
|
@@ -6201,7 +6219,8 @@ function AddNote() {
|
|
|
6201
6219
|
selectedAssignee = _useSelectedData[0];
|
|
6202
6220
|
var _useAxios = useAxios({
|
|
6203
6221
|
endpoint: "audit_logs/order/type",
|
|
6204
|
-
method: 'GET'
|
|
6222
|
+
method: 'GET',
|
|
6223
|
+
showLoader: false
|
|
6205
6224
|
}),
|
|
6206
6225
|
getNoteType = _useAxios.fetchData,
|
|
6207
6226
|
fetchedData = _useAxios.data;
|
|
@@ -6343,7 +6362,7 @@ function AddNote() {
|
|
|
6343
6362
|
var Container$A = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6344
6363
|
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6345
6364
|
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__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"])));
|
|
6346
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$
|
|
6365
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6347
6366
|
|
|
6348
6367
|
var NotesTableData = [{
|
|
6349
6368
|
tableHead: [{
|
|
@@ -6403,7 +6422,7 @@ function AuditLogs() {
|
|
|
6403
6422
|
}
|
|
6404
6423
|
var Container$B = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 550px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6405
6424
|
|
|
6406
|
-
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$
|
|
6425
|
+
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$a;
|
|
6407
6426
|
// import { useLocation } from 'react-router-dom';
|
|
6408
6427
|
function Notes() {
|
|
6409
6428
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6486,7 +6505,7 @@ function Notes() {
|
|
|
6486
6505
|
var Container$C = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6487
6506
|
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__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"])));
|
|
6488
6507
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__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"])));
|
|
6489
|
-
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
6508
|
+
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$a || (_templateObject4$a = /*#__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"])));
|
|
6490
6509
|
|
|
6491
6510
|
var _templateObject$_;
|
|
6492
6511
|
// import styled from 'styled-components';
|
|
@@ -6511,7 +6530,7 @@ function ChevronUp(props) {
|
|
|
6511
6530
|
}));
|
|
6512
6531
|
}
|
|
6513
6532
|
|
|
6514
|
-
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$
|
|
6533
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$b, _templateObject5$7, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6515
6534
|
function CollapsableForm(props) {
|
|
6516
6535
|
var _useState = useState(true),
|
|
6517
6536
|
isExpanded = _useState[0],
|
|
@@ -6534,7 +6553,7 @@ function CollapsableForm(props) {
|
|
|
6534
6553
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__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"])));
|
|
6535
6554
|
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__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"])));
|
|
6536
6555
|
var Text$4 = /*#__PURE__*/styled.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
6537
|
-
var Container$D = /*#__PURE__*/styled.div(_templateObject4$
|
|
6556
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6538
6557
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6539
6558
|
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) {
|
|
6540
6559
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -6564,11 +6583,12 @@ var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObje
|
|
|
6564
6583
|
var View = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
6565
6584
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6566
6585
|
|
|
6567
|
-
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$
|
|
6586
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$c, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6568
6587
|
var selectedID = /*#__PURE__*/atom([]);
|
|
6569
6588
|
function DynamicTable(_ref, props) {
|
|
6570
6589
|
var columns = _ref.columns,
|
|
6571
|
-
data = _ref.data
|
|
6590
|
+
data = _ref.data,
|
|
6591
|
+
loading = _ref.loading;
|
|
6572
6592
|
var tableColumns = useMemo(function () {
|
|
6573
6593
|
return columns;
|
|
6574
6594
|
}, [columns]);
|
|
@@ -6590,6 +6610,8 @@ function DynamicTable(_ref, props) {
|
|
|
6590
6610
|
var mediumColumns = ['date', 'reference', 'note', 'category'];
|
|
6591
6611
|
var largeColumns = ['details', 'datetime'];
|
|
6592
6612
|
var noFlexColumns = ['id'];
|
|
6613
|
+
console.log(rows, '<===========rows');
|
|
6614
|
+
console.log(props, 'props');
|
|
6593
6615
|
return React.createElement(MainContainer$5, null, React.createElement(Container$E, 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) {
|
|
6594
6616
|
return React.createElement(TableRow, {
|
|
6595
6617
|
key: headerGroup.id
|
|
@@ -6600,7 +6622,13 @@ function DynamicTable(_ref, props) {
|
|
|
6600
6622
|
onClick: header.column.getToggleSortingHandler()
|
|
6601
6623
|
}, flexRender(header.column.columnDef.header, header.getContext()));
|
|
6602
6624
|
}));
|
|
6603
|
-
})), React.createElement(TableBody, null,
|
|
6625
|
+
})), React.createElement(TableBody, null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
6626
|
+
colSpan: 5
|
|
6627
|
+
}, React.createElement(Skeleton, {
|
|
6628
|
+
active: true
|
|
6629
|
+
}))) : (rows == null ? void 0 : rows.length) === 0 ? React.createElement(TableRow, null, React.createElement(TableData, {
|
|
6630
|
+
colSpan: columns.length
|
|
6631
|
+
}, "No entries found.")) : rows == null ? void 0 : rows.map(function (row) {
|
|
6604
6632
|
var _selectedRows$filter;
|
|
6605
6633
|
return React.createElement(TableRow, {
|
|
6606
6634
|
key: row.id,
|
|
@@ -6616,14 +6644,12 @@ function DynamicTable(_ref, props) {
|
|
|
6616
6644
|
action: action
|
|
6617
6645
|
})));
|
|
6618
6646
|
}));
|
|
6619
|
-
})
|
|
6620
|
-
colSpan: columns.length
|
|
6621
|
-
}, "No entries found."))))))));
|
|
6647
|
+
})))))));
|
|
6622
6648
|
}
|
|
6623
6649
|
var Container$E = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6624
6650
|
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__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"])));
|
|
6625
6651
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$n || (_templateObject3$n = /*#__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"])));
|
|
6626
|
-
var TableData = /*#__PURE__*/styled.td(_templateObject4$
|
|
6652
|
+
var TableData = /*#__PURE__*/styled.td(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
6627
6653
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$8 || (_templateObject5$8 = /*#__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"])));
|
|
6628
6654
|
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"])));
|
|
6629
6655
|
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"])));
|
|
@@ -6704,7 +6730,8 @@ var tableColumns = [{
|
|
|
6704
6730
|
var _templateObject$16;
|
|
6705
6731
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6706
6732
|
// import { ApiResponse } from '../../types';
|
|
6707
|
-
function SystemLogs() {
|
|
6733
|
+
function SystemLogs(_ref) {
|
|
6734
|
+
var loading = _ref.loading;
|
|
6708
6735
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
6709
6736
|
systemLogs = _useOrderProductSyste[0];
|
|
6710
6737
|
// const [, setNotesData] = useEventNotesData();
|
|
@@ -6732,7 +6759,8 @@ function SystemLogs() {
|
|
|
6732
6759
|
collapsedContent: React.createElement(SystemCollapsedContent, null)
|
|
6733
6760
|
}, React.createElement(DynamicTable, {
|
|
6734
6761
|
columns: tableColumns,
|
|
6735
|
-
data: systemLogs
|
|
6762
|
+
data: systemLogs,
|
|
6763
|
+
loading: loading
|
|
6736
6764
|
})));
|
|
6737
6765
|
}
|
|
6738
6766
|
var Table$1 = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -6757,22 +6785,6 @@ var StatusOptions = [{
|
|
|
6757
6785
|
value: 'delivered'
|
|
6758
6786
|
}];
|
|
6759
6787
|
|
|
6760
|
-
function Divider() {
|
|
6761
|
-
return React.createElement("svg", {
|
|
6762
|
-
width: "12",
|
|
6763
|
-
height: "36",
|
|
6764
|
-
viewBox: "0 0 12 36",
|
|
6765
|
-
fill: "none",
|
|
6766
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
6767
|
-
}, React.createElement("path", {
|
|
6768
|
-
d: "M1.104 36L11.229 18L1.104 0",
|
|
6769
|
-
stroke: "#E2E0DB",
|
|
6770
|
-
strokeWidth: "1.5",
|
|
6771
|
-
strokeLinecap: "round",
|
|
6772
|
-
strokeLinejoin: "round"
|
|
6773
|
-
}));
|
|
6774
|
-
}
|
|
6775
|
-
|
|
6776
6788
|
function RouteIcon() {
|
|
6777
6789
|
return React.createElement("svg", {
|
|
6778
6790
|
width: "25",
|
|
@@ -6892,16 +6904,51 @@ function ConfirmedIcon() {
|
|
|
6892
6904
|
}))));
|
|
6893
6905
|
}
|
|
6894
6906
|
|
|
6895
|
-
|
|
6896
|
-
|
|
6907
|
+
function Divider() {
|
|
6908
|
+
return React.createElement("svg", {
|
|
6909
|
+
width: "12",
|
|
6910
|
+
height: "36",
|
|
6911
|
+
viewBox: "0 0 12 36",
|
|
6912
|
+
fill: "none",
|
|
6913
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6914
|
+
}, React.createElement("path", {
|
|
6915
|
+
d: "M1.104 36L11.229 18L1.104 0",
|
|
6916
|
+
stroke: "#E2E0DB",
|
|
6917
|
+
strokeWidth: "1.5",
|
|
6918
|
+
strokeLinecap: "round",
|
|
6919
|
+
strokeLinejoin: "round"
|
|
6920
|
+
}));
|
|
6921
|
+
}
|
|
6922
|
+
|
|
6923
|
+
var _templateObject$17, _templateObject2$R, _templateObject3$o, _templateObject4$d, _templateObject5$9, _templateObject6$3, _templateObject7$5;
|
|
6924
|
+
function Status(_ref) {
|
|
6925
|
+
var statusDataLoading = _ref.statusDataLoading;
|
|
6897
6926
|
var _useStatusDetails = useStatusDetails(),
|
|
6898
6927
|
orderStatus = _useStatusDetails[0];
|
|
6899
|
-
return React.createElement(Container$F, null, React.createElement(BoxContainer, null, StatusOptions.map(function (option, index) {
|
|
6928
|
+
return React.createElement(React.Fragment, null, React.createElement(Container$F, null, React.createElement(BoxContainer, null, statusDataLoading ? React.createElement(React.Fragment, null, React.createElement(StatusSkeletonRow, null)) : StatusOptions == null ? void 0 : StatusOptions.map(function (option, index) {
|
|
6900
6929
|
return React.createElement(React.Fragment, {
|
|
6901
6930
|
key: index
|
|
6902
6931
|
}, React.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React.createElement(Divider, null));
|
|
6903
|
-
})));
|
|
6932
|
+
}))));
|
|
6904
6933
|
}
|
|
6934
|
+
var StatusSkeletonItem = function StatusSkeletonItem() {
|
|
6935
|
+
return React.createElement(SkeletonItemContainer, null, React.createElement(Skeleton.Avatar, {
|
|
6936
|
+
size: "small",
|
|
6937
|
+
style: {
|
|
6938
|
+
marginRight: 12
|
|
6939
|
+
}
|
|
6940
|
+
}), React.createElement(Skeleton.Input, {
|
|
6941
|
+
active: true,
|
|
6942
|
+
size: "small",
|
|
6943
|
+
style: {
|
|
6944
|
+
width: 150,
|
|
6945
|
+
borderRadius: 8
|
|
6946
|
+
}
|
|
6947
|
+
}));
|
|
6948
|
+
};
|
|
6949
|
+
var StatusSkeletonRow = function StatusSkeletonRow() {
|
|
6950
|
+
return React.createElement(StatusBox, null, React.createElement(StatusSkeletonItem, null), React.createElement(SkeletonDivider, null), React.createElement(StatusSkeletonItem, null), React.createElement(SkeletonDivider, null), React.createElement(StatusSkeletonItem, null), React.createElement(SkeletonDivider, null), React.createElement(StatusSkeletonItem, null), React.createElement(SkeletonDivider, null), React.createElement(StatusSkeletonItem, null), React.createElement(SkeletonDivider, null), React.createElement(StatusSkeletonItem, null));
|
|
6951
|
+
};
|
|
6905
6952
|
var renderIcon = function renderIcon(value, orderStatus) {
|
|
6906
6953
|
var status = orderStatus && orderStatus.length > 0 ? orderStatus[0] : null;
|
|
6907
6954
|
if (!status) {
|
|
@@ -6938,15 +6985,35 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6938
6985
|
return null;
|
|
6939
6986
|
}
|
|
6940
6987
|
};
|
|
6941
|
-
|
|
6942
|
-
|
|
6943
|
-
|
|
6944
|
-
|
|
6988
|
+
// const RowWrapper = styled.div`
|
|
6989
|
+
// display: flex;
|
|
6990
|
+
// flex-direction: column;
|
|
6991
|
+
// background: #fff;
|
|
6992
|
+
// border-radius: 12px;
|
|
6993
|
+
// box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
6994
|
+
// padding: 16px;
|
|
6995
|
+
// `;
|
|
6996
|
+
// const HeaderPlaceholder = styled.div`
|
|
6997
|
+
// display: flex;
|
|
6998
|
+
// align-items: center;
|
|
6999
|
+
// padding: 8px 0;
|
|
7000
|
+
// gap: 12px;
|
|
7001
|
+
// `;
|
|
7002
|
+
var StatusBox = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__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"])));
|
|
7003
|
+
var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7004
|
+
var SkeletonDivider = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 12px;\n height: 2px;\n background-color: #e0e0e0;\n margin: 0 4px;\n border-radius: 2px;\n"])));
|
|
7005
|
+
var BoxContainer = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
7006
|
+
var Heading = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__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"])));
|
|
7007
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7008
|
+
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6945
7009
|
|
|
6946
7010
|
var _templateObject$18;
|
|
6947
7011
|
// import DropDownOptions from './dropdowns';
|
|
6948
|
-
function GeneralHeader() {
|
|
6949
|
-
|
|
7012
|
+
function GeneralHeader(_ref) {
|
|
7013
|
+
var statusDataLoading = _ref.statusDataLoading;
|
|
7014
|
+
return React.createElement(Section, null, React.createElement(Status, {
|
|
7015
|
+
statusDataLoading: statusDataLoading
|
|
7016
|
+
}));
|
|
6950
7017
|
}
|
|
6951
7018
|
var Section = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6952
7019
|
|
|
@@ -6968,6 +7035,147 @@ var ActionIcon = function ActionIcon() {
|
|
|
6968
7035
|
};
|
|
6969
7036
|
|
|
6970
7037
|
var _templateObject$19;
|
|
7038
|
+
function BackgroundModal(props) {
|
|
7039
|
+
return createPortal(React.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
7040
|
+
}
|
|
7041
|
+
var Container$G = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__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"])));
|
|
7042
|
+
|
|
7043
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$p, _templateObject4$e;
|
|
7044
|
+
function AdditionalInformation(props) {
|
|
7045
|
+
return React.createElement(Container$H, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
7046
|
+
}
|
|
7047
|
+
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1a || (_templateObject$1a = /*#__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"])));
|
|
7048
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7049
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7050
|
+
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
7051
|
+
|
|
7052
|
+
var _templateObject$1b, _templateObject2$T, _templateObject3$q, _templateObject4$f;
|
|
7053
|
+
function OrderActionHeader(props) {
|
|
7054
|
+
var title = props.title,
|
|
7055
|
+
actions = props.actions,
|
|
7056
|
+
_props$showInformatio = props.showInformation,
|
|
7057
|
+
showInformation = _props$showInformatio === void 0 ? false : _props$showInformatio,
|
|
7058
|
+
_props$infoText = props.infoText,
|
|
7059
|
+
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7060
|
+
onClose = props.onClose;
|
|
7061
|
+
return React.createElement(Container$I, null, React.createElement(Wrapper$d, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
7062
|
+
info: infoText
|
|
7063
|
+
}), actions), React.createElement(IconContainer$2, {
|
|
7064
|
+
onClick: onClose
|
|
7065
|
+
}, React.createElement(CrossIcon, null)));
|
|
7066
|
+
}
|
|
7067
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7068
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7069
|
+
var Title = /*#__PURE__*/styled.h3(_templateObject3$q || (_templateObject3$q = /*#__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"])));
|
|
7070
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
7071
|
+
|
|
7072
|
+
var _templateObject$1c, _templateObject2$U;
|
|
7073
|
+
function OrderActionFooter(props) {
|
|
7074
|
+
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7075
|
+
return React.createElement(Container$J, null, React.createElement(SubmitButton, {
|
|
7076
|
+
shape: "rounded",
|
|
7077
|
+
colors: "primary",
|
|
7078
|
+
onClick: props.onSubmit,
|
|
7079
|
+
disabled: isSubmitDisabled
|
|
7080
|
+
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7081
|
+
}
|
|
7082
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7083
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__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"])));
|
|
7084
|
+
|
|
7085
|
+
var _templateObject$1d;
|
|
7086
|
+
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7087
|
+
function OrderActionModal(_ref) {
|
|
7088
|
+
var _ref$minWidth = _ref.minWidth,
|
|
7089
|
+
minWidth = _ref$minWidth === void 0 ? '30vw' : _ref$minWidth,
|
|
7090
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
7091
|
+
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7092
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7093
|
+
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$6, {
|
|
7094
|
+
minWidth: minWidth,
|
|
7095
|
+
maxWidth: maxWidth
|
|
7096
|
+
}, React.createElement(OrderActionHeader, {
|
|
7097
|
+
title: props.headerTitle,
|
|
7098
|
+
onClose: props.onCloseHeader,
|
|
7099
|
+
showInformation: props.showAdditionalInfo,
|
|
7100
|
+
infoText: props.infoText,
|
|
7101
|
+
actions: props.headerActions
|
|
7102
|
+
}), props.children, React.createElement(OrderActionFooter, {
|
|
7103
|
+
submitButtonTitle: props.submitBtnTitle,
|
|
7104
|
+
onSubmit: props.onSubmit,
|
|
7105
|
+
actions: props.footerActions,
|
|
7106
|
+
isSubmitDisabled: props.isSubmitDisabled
|
|
7107
|
+
})));
|
|
7108
|
+
}
|
|
7109
|
+
// Styled component with dynamic min-width
|
|
7110
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__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) {
|
|
7111
|
+
var maxWidth = _ref2.maxWidth;
|
|
7112
|
+
return maxWidth;
|
|
7113
|
+
}, function (_ref3) {
|
|
7114
|
+
var minWidth = _ref3.minWidth;
|
|
7115
|
+
return minWidth;
|
|
7116
|
+
});
|
|
7117
|
+
|
|
7118
|
+
var _templateObject$1e, _templateObject2$V, _templateObject3$r, _templateObject9$2;
|
|
7119
|
+
function ChargeLog() {
|
|
7120
|
+
var _fetchedData$data, _fetchedData$data2;
|
|
7121
|
+
var _useCurrentAction = useCurrentAction(),
|
|
7122
|
+
setCurrentAction = _useCurrentAction[1];
|
|
7123
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
7124
|
+
customerInfo = _useCustomerInfo[0];
|
|
7125
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
7126
|
+
var _useOrderDetails = useOrderDetails(),
|
|
7127
|
+
orderDetails = _useOrderDetails[0];
|
|
7128
|
+
var closeModal = function closeModal() {
|
|
7129
|
+
setCurrentAction(undefined);
|
|
7130
|
+
};
|
|
7131
|
+
var _useAxios = useAxios({
|
|
7132
|
+
endpoint: "/invoices/charge-logs/?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
7133
|
+
method: 'GET'
|
|
7134
|
+
}),
|
|
7135
|
+
fetchedData = _useAxios.data,
|
|
7136
|
+
loading = _useAxios.loading,
|
|
7137
|
+
fetchData = _useAxios.fetchData;
|
|
7138
|
+
useEffect(function () {
|
|
7139
|
+
fetchData();
|
|
7140
|
+
}, []);
|
|
7141
|
+
return React.createElement(OrderActionModal, {
|
|
7142
|
+
headerTitle: "Charges For",
|
|
7143
|
+
onCloseHeader: closeModal,
|
|
7144
|
+
onSubmit: closeModal,
|
|
7145
|
+
submitBtnTitle: "Close",
|
|
7146
|
+
showAdditionalInfo: true,
|
|
7147
|
+
infoText: infoText
|
|
7148
|
+
}, React.createElement(StyledTableWrapper$2, null, React.createElement(StyledTable$2, {
|
|
7149
|
+
className: "scrollClass"
|
|
7150
|
+
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Date"), React.createElement("th", null, "Description"), React.createElement("th", null, "Amount"), React.createElement("th", null, "Status"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
7151
|
+
colSpan: 6
|
|
7152
|
+
}, React.createElement(Skeleton, {
|
|
7153
|
+
active: true
|
|
7154
|
+
})), React.createElement("td", {
|
|
7155
|
+
colSpan: 6
|
|
7156
|
+
})) : (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
7157
|
+
className: "emptyTd",
|
|
7158
|
+
colSpan: 7
|
|
7159
|
+
}, React.createElement(EmptyDataContainer$2, null, React.createElement(Empty, null)))) : fetchedData == null || (_fetchedData$data2 = fetchedData.data) == null ? void 0 : _fetchedData$data2.map(function (order) {
|
|
7160
|
+
var _order$status, _order$status2;
|
|
7161
|
+
var label = order == null || (_order$status = order.status) == null ? void 0 : _order$status.split(':')[0];
|
|
7162
|
+
var val = order == null || (_order$status2 = order.status) == null ? void 0 : _order$status2.split(':')[1];
|
|
7163
|
+
return React.createElement("tr", null, React.createElement("td", null, order == null ? void 0 : order.date), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.amount), React.createElement("td", null, React.createElement("div", {
|
|
7164
|
+
style: {
|
|
7165
|
+
display: 'flex',
|
|
7166
|
+
alignItems: 'center',
|
|
7167
|
+
gap: '5px'
|
|
7168
|
+
}
|
|
7169
|
+
}, label, ": ", React.createElement(Value, null, val))));
|
|
7170
|
+
})))));
|
|
7171
|
+
}
|
|
7172
|
+
// Styled components
|
|
7173
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
7174
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$V || (_templateObject2$V = /*#__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"])));
|
|
7175
|
+
var EmptyDataContainer$2 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7176
|
+
var Value = /*#__PURE__*/styled.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7177
|
+
|
|
7178
|
+
var _templateObject$1f;
|
|
6971
7179
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
6972
7180
|
var _useSelectedProducts = useSelectedProducts(),
|
|
6973
7181
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7098,7 +7306,13 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7098
7306
|
disabled: disableCheckbox,
|
|
7099
7307
|
checked: selectAll,
|
|
7100
7308
|
onChange: handleSelectAll
|
|
7101
|
-
})), React.createElement("th", null, "Location"), React.createElement("th", null, "Sender"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Return Reason"), React.createElement("th", null, "Part"), React.createElement("th", null, "Action"))), React.createElement("tbody", null,
|
|
7309
|
+
})), React.createElement("th", null, "Location"), React.createElement("th", null, "Sender"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Return Reason"), React.createElement("th", null, "Part"), React.createElement("th", null, "Action"))), React.createElement("tbody", null, props != null && props.loading || props != null && props.locationloading ? React.createElement("tr", null, React.createElement("td", {
|
|
7310
|
+
colSpan: 14
|
|
7311
|
+
}, React.createElement(Skeleton, {
|
|
7312
|
+
active: true
|
|
7313
|
+
}))) : (productData == null ? void 0 : productData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
7314
|
+
colSpan: 14
|
|
7315
|
+
}, React.createElement(EmptyDataContainer$2, null, React.createElement(Empty, null)))) : productData == null ? void 0 : productData.map(function (product) {
|
|
7102
7316
|
return React.createElement("tr", {
|
|
7103
7317
|
key: product.id
|
|
7104
7318
|
}, React.createElement("td", null, React.createElement(StyleCheckbox, {
|
|
@@ -7132,24 +7346,21 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7132
7346
|
cursor: 'pointer'
|
|
7133
7347
|
}
|
|
7134
7348
|
}, React.createElement(ActionIcon, null))));
|
|
7135
|
-
})
|
|
7136
|
-
colSpan: 8,
|
|
7137
|
-
style: {
|
|
7138
|
-
textAlign: 'center'
|
|
7139
|
-
}
|
|
7140
|
-
}, "No records found"))))));
|
|
7349
|
+
})))));
|
|
7141
7350
|
};
|
|
7142
|
-
var StyleCheckbox = /*#__PURE__*/styled(Checkbox$1)(_templateObject$
|
|
7351
|
+
var StyleCheckbox = /*#__PURE__*/styled(Checkbox$1)(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7143
7352
|
|
|
7144
|
-
var _templateObject$
|
|
7353
|
+
var _templateObject$1g;
|
|
7145
7354
|
var ProductTable = function ProductTable(props) {
|
|
7146
|
-
return React.createElement(Container$
|
|
7147
|
-
callReturnProducts: props == null ? void 0 : props.callReturnProducts
|
|
7355
|
+
return React.createElement(Container$K, null, React.createElement(ReturnProductTable, {
|
|
7356
|
+
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7357
|
+
loading: props == null ? void 0 : props.loading,
|
|
7358
|
+
locationloading: props == null ? void 0 : props.locationloading
|
|
7148
7359
|
}));
|
|
7149
7360
|
};
|
|
7150
|
-
var Container$
|
|
7361
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7151
7362
|
|
|
7152
|
-
var _templateObject$
|
|
7363
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$s;
|
|
7153
7364
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
7154
7365
|
var selectedOrderId = /*#__PURE__*/atom(null);
|
|
7155
7366
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7247,7 +7458,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7247
7458
|
value: order == null ? void 0 : order.id
|
|
7248
7459
|
};
|
|
7249
7460
|
});
|
|
7250
|
-
return React.createElement(Container$
|
|
7461
|
+
return React.createElement(Container$L, null, React.createElement(Text$6, null, "New Return Order:"), React.createElement(StyledAntSelect$4, {
|
|
7251
7462
|
options: dropdownOptions,
|
|
7252
7463
|
value: selectedId,
|
|
7253
7464
|
placeholder: "Select",
|
|
@@ -7263,11 +7474,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7263
7474
|
notFoundContent: "No orders found with a similar postcode"
|
|
7264
7475
|
}));
|
|
7265
7476
|
};
|
|
7266
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
7267
|
-
var Container$
|
|
7268
|
-
var Text$
|
|
7477
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
7478
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
7479
|
+
var Text$6 = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7269
7480
|
|
|
7270
|
-
var _templateObject$
|
|
7481
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$t;
|
|
7271
7482
|
function ExpandedContent$2(props) {
|
|
7272
7483
|
var _response$data, _response$data2;
|
|
7273
7484
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -7371,8 +7582,10 @@ function ExpandedContent$2(props) {
|
|
|
7371
7582
|
setSelectedProducts([]);
|
|
7372
7583
|
}
|
|
7373
7584
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7374
|
-
return React.createElement(Container$
|
|
7375
|
-
callReturnProducts: props == null ? void 0 : props.callReturnProducts
|
|
7585
|
+
return React.createElement(Container$M, null, React.createElement(ProductTable, {
|
|
7586
|
+
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7587
|
+
loading: props == null ? void 0 : props.loading,
|
|
7588
|
+
locationloading: props == null ? void 0 : props.locationloading
|
|
7376
7589
|
}), React.createElement(MidContainer, null, React.createElement(SaveNoteContainer$1, null, React.createElement(Button, {
|
|
7377
7590
|
style: {
|
|
7378
7591
|
borderRadius: '20px'
|
|
@@ -7381,20 +7594,21 @@ function ExpandedContent$2(props) {
|
|
|
7381
7594
|
disabled: isButtonDisabled
|
|
7382
7595
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
7383
7596
|
}
|
|
7384
|
-
var MidContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7385
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7386
|
-
var Container$
|
|
7597
|
+
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__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"])));
|
|
7598
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7599
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7387
7600
|
|
|
7388
|
-
var _templateObject$
|
|
7601
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
7389
7602
|
function CollapsedContent$1() {
|
|
7390
|
-
return React.createElement(Container$
|
|
7603
|
+
return React.createElement(Container$N, null, React.createElement(SectionHeader, {
|
|
7391
7604
|
label: "Products"
|
|
7392
7605
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
7393
7606
|
}
|
|
7394
|
-
var Dimensions = /*#__PURE__*/styled.span(_templateObject$
|
|
7395
|
-
var Container$
|
|
7607
|
+
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
7608
|
+
var Container$N = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
7396
7609
|
|
|
7397
|
-
function ProductsInfo() {
|
|
7610
|
+
function ProductsInfo(_ref) {
|
|
7611
|
+
var locationloading = _ref.locationloading;
|
|
7398
7612
|
var _useOrderDetails = useOrderDetails(),
|
|
7399
7613
|
data = _useOrderDetails[0];
|
|
7400
7614
|
var returnOrder = data;
|
|
@@ -7419,102 +7633,23 @@ function ProductsInfo() {
|
|
|
7419
7633
|
setLoading(loading);
|
|
7420
7634
|
if (returnOrdersData && returnOrdersData.data) {
|
|
7421
7635
|
var requiredData = returnOrdersData.data;
|
|
7422
|
-
if (requiredData.length > 0) {
|
|
7636
|
+
if ((requiredData == null ? void 0 : requiredData.length) > 0) {
|
|
7423
7637
|
setProductsData(requiredData);
|
|
7424
7638
|
} else {
|
|
7425
|
-
setProductsData(
|
|
7639
|
+
setProductsData([]);
|
|
7426
7640
|
}
|
|
7427
7641
|
}
|
|
7428
7642
|
}, [returnOrdersData, loading]);
|
|
7429
7643
|
return React.createElement(CollapsableForm, {
|
|
7430
7644
|
collapsedContent: React.createElement(CollapsedContent$1, null)
|
|
7431
7645
|
}, React.createElement(ExpandedContent$2, {
|
|
7432
|
-
callReturnProducts: callReturnProducts
|
|
7646
|
+
callReturnProducts: callReturnProducts,
|
|
7647
|
+
loading: loading,
|
|
7648
|
+
locationloading: locationloading
|
|
7433
7649
|
}));
|
|
7434
7650
|
}
|
|
7435
7651
|
|
|
7436
|
-
var _templateObject$
|
|
7437
|
-
function BackgroundModal(props) {
|
|
7438
|
-
return createPortal(React.createElement(Container$K, Object.assign({}, props), props.children), document.body);
|
|
7439
|
-
}
|
|
7440
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__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"])));
|
|
7441
|
-
|
|
7442
|
-
var _templateObject$1f, _templateObject2$V, _templateObject3$r, _templateObject4$d;
|
|
7443
|
-
function AdditionalInformation(props) {
|
|
7444
|
-
return React.createElement(Container$L, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$6, null, props.info)));
|
|
7445
|
-
}
|
|
7446
|
-
var Text$6 = /*#__PURE__*/styled.p(_templateObject$1f || (_templateObject$1f = /*#__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"])));
|
|
7447
|
-
var Container$L = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7448
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7449
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__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"])));
|
|
7450
|
-
|
|
7451
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$s, _templateObject4$e;
|
|
7452
|
-
function OrderActionHeader(props) {
|
|
7453
|
-
var title = props.title,
|
|
7454
|
-
actions = props.actions,
|
|
7455
|
-
_props$showInformatio = props.showInformation,
|
|
7456
|
-
showInformation = _props$showInformatio === void 0 ? false : _props$showInformatio,
|
|
7457
|
-
_props$infoText = props.infoText,
|
|
7458
|
-
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7459
|
-
onClose = props.onClose;
|
|
7460
|
-
return React.createElement(Container$M, null, React.createElement(Wrapper$d, null, React.createElement(Title, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
7461
|
-
info: infoText
|
|
7462
|
-
}), actions), React.createElement(IconContainer$2, {
|
|
7463
|
-
onClick: onClose
|
|
7464
|
-
}, React.createElement(CrossIcon, null)));
|
|
7465
|
-
}
|
|
7466
|
-
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7467
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7468
|
-
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"])));
|
|
7469
|
-
var Container$M = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__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"])));
|
|
7470
|
-
|
|
7471
|
-
var _templateObject$1h, _templateObject2$X;
|
|
7472
|
-
function OrderActionFooter(props) {
|
|
7473
|
-
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7474
|
-
return React.createElement(Container$N, null, React.createElement(SubmitButton, {
|
|
7475
|
-
shape: "rounded",
|
|
7476
|
-
colors: "primary",
|
|
7477
|
-
onClick: props.onSubmit,
|
|
7478
|
-
disabled: isSubmitDisabled
|
|
7479
|
-
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7480
|
-
}
|
|
7481
|
-
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7482
|
-
var Container$N = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__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"])));
|
|
7483
|
-
|
|
7484
|
-
var _templateObject$1i;
|
|
7485
|
-
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7486
|
-
function OrderActionModal(_ref) {
|
|
7487
|
-
var _ref$minWidth = _ref.minWidth,
|
|
7488
|
-
minWidth = _ref$minWidth === void 0 ? '30vw' : _ref$minWidth,
|
|
7489
|
-
_ref$maxWidth = _ref.maxWidth,
|
|
7490
|
-
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7491
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7492
|
-
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$6, {
|
|
7493
|
-
minWidth: minWidth,
|
|
7494
|
-
maxWidth: maxWidth
|
|
7495
|
-
}, React.createElement(OrderActionHeader, {
|
|
7496
|
-
title: props.headerTitle,
|
|
7497
|
-
onClose: props.onCloseHeader,
|
|
7498
|
-
showInformation: props.showAdditionalInfo,
|
|
7499
|
-
infoText: props.infoText,
|
|
7500
|
-
actions: props.headerActions
|
|
7501
|
-
}), props.children, React.createElement(OrderActionFooter, {
|
|
7502
|
-
submitButtonTitle: props.submitBtnTitle,
|
|
7503
|
-
onSubmit: props.onSubmit,
|
|
7504
|
-
actions: props.footerActions,
|
|
7505
|
-
isSubmitDisabled: props.isSubmitDisabled
|
|
7506
|
-
})));
|
|
7507
|
-
}
|
|
7508
|
-
// Styled component with dynamic min-width
|
|
7509
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__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) {
|
|
7510
|
-
var maxWidth = _ref2.maxWidth;
|
|
7511
|
-
return maxWidth;
|
|
7512
|
-
}, function (_ref3) {
|
|
7513
|
-
var minWidth = _ref3.minWidth;
|
|
7514
|
-
return minWidth;
|
|
7515
|
-
});
|
|
7516
|
-
|
|
7517
|
-
var _templateObject$1j, _templateObject2$Y, _templateObject3$t;
|
|
7652
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$u;
|
|
7518
7653
|
function OrderActionsDropdown(props) {
|
|
7519
7654
|
return React.createElement(Container$O, {
|
|
7520
7655
|
className: props.className
|
|
@@ -7533,9 +7668,9 @@ function OrderActionsDropdown(props) {
|
|
|
7533
7668
|
defaultValue: props.value
|
|
7534
7669
|
}));
|
|
7535
7670
|
}
|
|
7536
|
-
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$
|
|
7537
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
7538
|
-
var Container$O = /*#__PURE__*/styled.div(_templateObject3$
|
|
7671
|
+
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7672
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7673
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7539
7674
|
|
|
7540
7675
|
var initialPayload = {
|
|
7541
7676
|
description: '',
|
|
@@ -7543,8 +7678,7 @@ var initialPayload = {
|
|
|
7543
7678
|
order_id: null,
|
|
7544
7679
|
flag_type: '',
|
|
7545
7680
|
priority: 3,
|
|
7546
|
-
status: 'AD'
|
|
7547
|
-
due_datetime: ''
|
|
7681
|
+
status: 'AD'
|
|
7548
7682
|
};
|
|
7549
7683
|
var initialValue = {
|
|
7550
7684
|
due_datetime: null,
|
|
@@ -7790,7 +7924,7 @@ function UploadIcon(props) {
|
|
|
7790
7924
|
})));
|
|
7791
7925
|
}
|
|
7792
7926
|
|
|
7793
|
-
var _templateObject$
|
|
7927
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$v, _templateObject4$g, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
7794
7928
|
// Store uploaded files
|
|
7795
7929
|
var uploadedFilesAtom = /*#__PURE__*/atom([]);
|
|
7796
7930
|
// Allowed photo MIME types
|
|
@@ -7897,23 +8031,23 @@ function DocFileUpload() {
|
|
|
7897
8031
|
}));
|
|
7898
8032
|
}))));
|
|
7899
8033
|
}
|
|
7900
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
7901
|
-
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
8034
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8035
|
+
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__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) {
|
|
7902
8036
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7903
8037
|
});
|
|
7904
|
-
var Container$P = /*#__PURE__*/styled.div(_templateObject3$
|
|
7905
|
-
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject4$
|
|
7906
|
-
var FileInput = /*#__PURE__*/styled.input(_templateObject5$
|
|
7907
|
-
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject6$
|
|
7908
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject7$
|
|
8038
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
8039
|
+
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
8040
|
+
var FileInput = /*#__PURE__*/styled.input(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
8041
|
+
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"])));
|
|
8042
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7909
8043
|
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"])));
|
|
7910
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject9$
|
|
8044
|
+
var Text2 = /*#__PURE__*/styled.p(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #bcbab7;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-weight: 400;\n margin: 0;\n"])));
|
|
7911
8045
|
var UploadedFilesContainer = /*#__PURE__*/styled.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n border-top: 1px solid #e0e2e7;\n padding-top: 10px;\n"])));
|
|
7912
8046
|
var FilesTitle = /*#__PURE__*/styled.h4(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n color: #0465ac;\n"])));
|
|
7913
8047
|
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"])));
|
|
7914
8048
|
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"])));
|
|
7915
8049
|
|
|
7916
|
-
var _templateObject$
|
|
8050
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$w, _templateObject4$h, _templateObject5$b;
|
|
7917
8051
|
function AddResources() {
|
|
7918
8052
|
var _staticOrderData$reso;
|
|
7919
8053
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8051,17 +8185,17 @@ function AddResources() {
|
|
|
8051
8185
|
onSelect: onSelectCancelReason
|
|
8052
8186
|
}), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), " ", React.createElement(RequiredAsterisk$1, null, "*"), React.createElement(DocFileUpload, null), ' ')));
|
|
8053
8187
|
}
|
|
8054
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
8055
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject2
|
|
8056
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8057
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
8058
|
-
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
8188
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8189
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8190
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8191
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
8192
|
+
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
8059
8193
|
|
|
8060
|
-
var _templateObject$
|
|
8194
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$x;
|
|
8061
8195
|
// Styled components
|
|
8062
|
-
var StyledTableWrapper$
|
|
8063
|
-
var StyledTable$
|
|
8064
|
-
var EmptyDataContainer$
|
|
8196
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__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"])));
|
|
8197
|
+
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$10 || (_templateObject2$10 = /*#__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"])));
|
|
8198
|
+
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8065
8199
|
|
|
8066
8200
|
function SplitOrderTable() {
|
|
8067
8201
|
var _useProductDetails = useProductDetails(),
|
|
@@ -8114,9 +8248,9 @@ function SplitOrderTable() {
|
|
|
8114
8248
|
force: true
|
|
8115
8249
|
}));
|
|
8116
8250
|
}, [selectedSplits, setPayload]);
|
|
8117
|
-
return React.createElement(StyledTableWrapper$
|
|
8251
|
+
return React.createElement(StyledTableWrapper$3, {
|
|
8118
8252
|
id: "tableScrolling"
|
|
8119
|
-
}, React.createElement(StyledTable$
|
|
8253
|
+
}, React.createElement(StyledTable$3, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, React.createElement(Checkbox$1, {
|
|
8120
8254
|
checked: selectAll,
|
|
8121
8255
|
onChange: handleSelectAll,
|
|
8122
8256
|
disabled: (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 || (orderProductDetails == null ? void 0 : orderProductDetails.length) === null
|
|
@@ -8129,7 +8263,7 @@ function SplitOrderTable() {
|
|
|
8129
8263
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
8130
8264
|
className: "emptyTd",
|
|
8131
8265
|
colSpan: 7
|
|
8132
|
-
}, React.createElement(EmptyDataContainer$
|
|
8266
|
+
}, React.createElement(EmptyDataContainer$3, null, React.createElement(Empty, {
|
|
8133
8267
|
description: "No Data Found"
|
|
8134
8268
|
})))) : (orderProductDetails == null ? void 0 : orderProductDetails.length) > 0 && (orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
8135
8269
|
var _order$order_product_;
|
|
@@ -8146,7 +8280,7 @@ function SplitOrderTable() {
|
|
|
8146
8280
|
})))));
|
|
8147
8281
|
}
|
|
8148
8282
|
|
|
8149
|
-
var _templateObject$
|
|
8283
|
+
var _templateObject$1o;
|
|
8150
8284
|
function SplitOrder() {
|
|
8151
8285
|
var _response$data;
|
|
8152
8286
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8217,7 +8351,7 @@ function SplitOrder() {
|
|
|
8217
8351
|
isSubmitDisabled: isSubmitDisabled()
|
|
8218
8352
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
8219
8353
|
}
|
|
8220
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8354
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__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"])));
|
|
8221
8355
|
|
|
8222
8356
|
function RadioButtonCheckIcon(props) {
|
|
8223
8357
|
return React.createElement("svg", Object.assign({
|
|
@@ -8248,7 +8382,7 @@ var fonts = {
|
|
|
8248
8382
|
secondary: "'Lato', sans-serif"
|
|
8249
8383
|
};
|
|
8250
8384
|
|
|
8251
|
-
var _templateObject$
|
|
8385
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$y;
|
|
8252
8386
|
function RadioButton(props) {
|
|
8253
8387
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
8254
8388
|
color: props.color
|
|
@@ -8259,15 +8393,15 @@ function RadioButton(props) {
|
|
|
8259
8393
|
htmlFor: props.id
|
|
8260
8394
|
}, props.label));
|
|
8261
8395
|
}
|
|
8262
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
8263
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
8396
|
+
var Label$3 = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__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);
|
|
8397
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$11 || (_templateObject2$11 = /*#__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$3, function (props) {
|
|
8264
8398
|
return props.color || '#6396e5';
|
|
8265
8399
|
}, function (props) {
|
|
8266
8400
|
return props.color || '#6396e5';
|
|
8267
8401
|
});
|
|
8268
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
8402
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
8269
8403
|
|
|
8270
|
-
var _templateObject$
|
|
8404
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$5, _templateObject7$7;
|
|
8271
8405
|
function RadioButtonGroup(props) {
|
|
8272
8406
|
var heading = props.heading,
|
|
8273
8407
|
_props$direction = props.direction,
|
|
@@ -8302,19 +8436,19 @@ function RadioButtonGroup(props) {
|
|
|
8302
8436
|
className: "custom-wrapper"
|
|
8303
8437
|
}, renderOptions()));
|
|
8304
8438
|
}
|
|
8305
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
8306
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
8307
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
8439
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
8440
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
8441
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
8308
8442
|
return !props.$required && 'visibility: hidden;';
|
|
8309
8443
|
}, labelStyles);
|
|
8310
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
8311
|
-
var Legend = /*#__PURE__*/styled.legend(_templateObject5$
|
|
8312
|
-
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$
|
|
8313
|
-
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject7$
|
|
8444
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
8445
|
+
var Legend = /*#__PURE__*/styled.legend(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
8446
|
+
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
8447
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__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) {
|
|
8314
8448
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
8315
8449
|
});
|
|
8316
8450
|
|
|
8317
|
-
var _templateObject$
|
|
8451
|
+
var _templateObject$1r;
|
|
8318
8452
|
var deliveryPoints = [{
|
|
8319
8453
|
label: 'Hallway',
|
|
8320
8454
|
value: 'hallway'
|
|
@@ -8336,9 +8470,9 @@ function DeliveryPoint(props) {
|
|
|
8336
8470
|
required: false
|
|
8337
8471
|
}));
|
|
8338
8472
|
}
|
|
8339
|
-
var Container$Q = /*#__PURE__*/styled.div(_templateObject$
|
|
8473
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
8340
8474
|
|
|
8341
|
-
var _templateObject$
|
|
8475
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$A, _templateObject4$j, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
|
|
8342
8476
|
var _excluded$6 = ["imageSrc", "label", "checked", "enabled", "onClickCheckbox"];
|
|
8343
8477
|
function Checkbox(props) {
|
|
8344
8478
|
var imageSrc = props.imageSrc,
|
|
@@ -8372,25 +8506,25 @@ function Checkbox(props) {
|
|
|
8372
8506
|
className: "label"
|
|
8373
8507
|
}, label == null ? void 0 : label.replaceAll('_', ' '))));
|
|
8374
8508
|
}
|
|
8375
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
8509
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n cursor: ", ";\n"])), function (props) {
|
|
8376
8510
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
8377
8511
|
}, function (props) {
|
|
8378
8512
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8379
8513
|
});
|
|
8380
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
8514
|
+
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n cursor: ", ";\n"])), function (props) {
|
|
8381
8515
|
return props.$checked ? '#feba30' : '#e0e2e7';
|
|
8382
8516
|
}, function (props) {
|
|
8383
8517
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8384
8518
|
});
|
|
8385
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
8519
|
+
var Circle = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
8386
8520
|
return props.$checked ? '#feba30' : '#ffffff';
|
|
8387
8521
|
});
|
|
8388
|
-
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$
|
|
8522
|
+
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])), function (props) {
|
|
8389
8523
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
8390
8524
|
});
|
|
8391
|
-
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$
|
|
8392
|
-
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$
|
|
8393
|
-
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$
|
|
8525
|
+
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
8526
|
+
var CheckboxContainer = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
8527
|
+
var HiddenCheckbox = /*#__PURE__*/styled.input(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 0;\n height: 100%;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 100%;\n opacity: 0;\n /* cursor: pointer; */\n cursor: ", ";\n top: 0;\n left: 0;\n"])), function (props) {
|
|
8394
8528
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8395
8529
|
});
|
|
8396
8530
|
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 130px;\n height: 93px;\n gap: 10px;\n border-radius: 15px;\n border: 1px solid ", ";\n align-items: center;\n justify-content: center;\n position: relative;\n background: ", ";\n box-shadow: ", ";\n pointer-events: ", ";\n\n /* &:hover {\n border: 1px solid ", ";\n .checkbox-img {\n filter: ", ";\n }\n } */\n\n ", "\n"])), function (props) {
|
|
@@ -8432,7 +8566,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
8432
8566
|
return "" + baseURL$1 + subPath;
|
|
8433
8567
|
};
|
|
8434
8568
|
|
|
8435
|
-
var _templateObject$
|
|
8569
|
+
var _templateObject$1t;
|
|
8436
8570
|
function OrderServices$1(props) {
|
|
8437
8571
|
var _useOrderStaticData = useOrderStaticData(),
|
|
8438
8572
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -8469,9 +8603,9 @@ function OrderServices$1(props) {
|
|
|
8469
8603
|
});
|
|
8470
8604
|
}));
|
|
8471
8605
|
}
|
|
8472
|
-
var Container$R = /*#__PURE__*/styled.div(_templateObject$
|
|
8606
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
8473
8607
|
|
|
8474
|
-
var _templateObject$
|
|
8608
|
+
var _templateObject$1u, _templateObject2$14, _templateObject3$B;
|
|
8475
8609
|
function Notes$1(props) {
|
|
8476
8610
|
var handleTextChange = function handleTextChange(event) {
|
|
8477
8611
|
props == null || props.setRefusedReason(event.target.value);
|
|
@@ -8488,11 +8622,11 @@ function Notes$1(props) {
|
|
|
8488
8622
|
value: props == null ? void 0 : props.refusedReason
|
|
8489
8623
|
}));
|
|
8490
8624
|
}
|
|
8491
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
8492
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject2$
|
|
8493
|
-
var Container$S = /*#__PURE__*/styled.div(_templateObject3$
|
|
8625
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8626
|
+
var Label$4 = /*#__PURE__*/styled.span(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8627
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
8494
8628
|
|
|
8495
|
-
var _templateObject$
|
|
8629
|
+
var _templateObject$1v, _templateObject2$15, _templateObject3$C;
|
|
8496
8630
|
function LogServiceRefusal(props) {
|
|
8497
8631
|
var _useCurrentAction = useCurrentAction(),
|
|
8498
8632
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8588,9 +8722,9 @@ function LogServiceRefusal(props) {
|
|
|
8588
8722
|
setRefusedReason: setRefusedReason
|
|
8589
8723
|
}))));
|
|
8590
8724
|
}
|
|
8591
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
8592
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
8593
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
8725
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
8726
|
+
var Left = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8727
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8594
8728
|
|
|
8595
8729
|
function ReturnAction() {
|
|
8596
8730
|
var _orderStaticData$orde;
|
|
@@ -8701,67 +8835,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8701
8835
|
}));
|
|
8702
8836
|
};
|
|
8703
8837
|
|
|
8704
|
-
var _templateObject$
|
|
8705
|
-
function ChargeLog() {
|
|
8706
|
-
var _fetchedData$data, _fetchedData$data2;
|
|
8707
|
-
var _useCurrentAction = useCurrentAction(),
|
|
8708
|
-
setCurrentAction = _useCurrentAction[1];
|
|
8709
|
-
var _useCustomerInfo = useCustomerInfo(),
|
|
8710
|
-
customerInfo = _useCustomerInfo[0];
|
|
8711
|
-
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
8712
|
-
var _useOrderDetails = useOrderDetails(),
|
|
8713
|
-
orderDetails = _useOrderDetails[0];
|
|
8714
|
-
var closeModal = function closeModal() {
|
|
8715
|
-
setCurrentAction(undefined);
|
|
8716
|
-
};
|
|
8717
|
-
var _useAxios = useAxios({
|
|
8718
|
-
endpoint: "/invoices/charge-logs/?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
8719
|
-
method: 'GET'
|
|
8720
|
-
}),
|
|
8721
|
-
fetchedData = _useAxios.data,
|
|
8722
|
-
loading = _useAxios.loading,
|
|
8723
|
-
fetchData = _useAxios.fetchData;
|
|
8724
|
-
useEffect(function () {
|
|
8725
|
-
fetchData();
|
|
8726
|
-
}, []);
|
|
8727
|
-
return React.createElement(OrderActionModal, {
|
|
8728
|
-
headerTitle: "Charges For",
|
|
8729
|
-
onCloseHeader: closeModal,
|
|
8730
|
-
onSubmit: closeModal,
|
|
8731
|
-
submitBtnTitle: "Close",
|
|
8732
|
-
showAdditionalInfo: true,
|
|
8733
|
-
infoText: infoText
|
|
8734
|
-
}, React.createElement(StyledTableWrapper$3, null, React.createElement(StyledTable$3, {
|
|
8735
|
-
className: "scrollClass"
|
|
8736
|
-
}, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Date"), React.createElement("th", null, "Description"), React.createElement("th", null, "Amount"), React.createElement("th", null, "Status"))), React.createElement("tbody", null, loading ? React.createElement("tr", null, React.createElement("td", {
|
|
8737
|
-
colSpan: 6
|
|
8738
|
-
}, React.createElement(Skeleton, {
|
|
8739
|
-
active: true
|
|
8740
|
-
})), React.createElement("td", {
|
|
8741
|
-
colSpan: 6
|
|
8742
|
-
})) : (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
8743
|
-
className: "emptyTd",
|
|
8744
|
-
colSpan: 7
|
|
8745
|
-
}, React.createElement(EmptyDataContainer$3, null, React.createElement(Empty, null)))) : fetchedData == null || (_fetchedData$data2 = fetchedData.data) == null ? void 0 : _fetchedData$data2.map(function (order) {
|
|
8746
|
-
var _order$status, _order$status2;
|
|
8747
|
-
var label = order == null || (_order$status = order.status) == null ? void 0 : _order$status.split(':')[0];
|
|
8748
|
-
var val = order == null || (_order$status2 = order.status) == null ? void 0 : _order$status2.split(':')[1];
|
|
8749
|
-
return React.createElement("tr", null, React.createElement("td", null, order == null ? void 0 : order.date), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.amount), React.createElement("td", null, React.createElement("div", {
|
|
8750
|
-
style: {
|
|
8751
|
-
display: 'flex',
|
|
8752
|
-
alignItems: 'center',
|
|
8753
|
-
gap: '5px'
|
|
8754
|
-
}
|
|
8755
|
-
}, label, ": ", React.createElement(Value, null, val))));
|
|
8756
|
-
})))));
|
|
8757
|
-
}
|
|
8758
|
-
// Styled components
|
|
8759
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__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"])));
|
|
8760
|
-
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$15 || (_templateObject2$15 = /*#__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"])));
|
|
8761
|
-
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8762
|
-
var Value = /*#__PURE__*/styled.span(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
8763
|
-
|
|
8764
|
-
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$j, _templateObject5$d;
|
|
8838
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$k, _templateObject5$e;
|
|
8765
8839
|
var deliverTypeOptions = [{
|
|
8766
8840
|
label: 'Deliver',
|
|
8767
8841
|
value: 'deliver',
|
|
@@ -8818,7 +8892,7 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8818
8892
|
}))) : (cancelOrderProducts == null ? void 0 : cancelOrderProducts.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
8819
8893
|
className: "emptyTd",
|
|
8820
8894
|
colSpan: 4
|
|
8821
|
-
}, React.createElement(EmptyDataContainer$
|
|
8895
|
+
}, React.createElement(EmptyDataContainer$2, null, React.createElement(Empty, null)))) : cancelOrderProducts == null ? void 0 : cancelOrderProducts.map(function (product) {
|
|
8822
8896
|
var dropdownOptions = (product == null ? void 0 : product.product_type) === 'deliver' ? deliverTypeOptions : collectTypeOptions;
|
|
8823
8897
|
var isReturn = (product == null ? void 0 : product.action) === 'return';
|
|
8824
8898
|
return React.createElement("tr", {
|
|
@@ -8909,10 +8983,10 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8909
8983
|
var CustomSelectDropdown = /*#__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: 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"])));
|
|
8910
8984
|
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__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"])));
|
|
8911
8985
|
var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8912
|
-
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$
|
|
8913
|
-
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$
|
|
8986
|
+
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"])));
|
|
8987
|
+
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
8914
8988
|
|
|
8915
|
-
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$
|
|
8989
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$l, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2;
|
|
8916
8990
|
function CancelOrder(props) {
|
|
8917
8991
|
var _orderStaticData$canc;
|
|
8918
8992
|
var _useOrderId = useOrderId(),
|
|
@@ -9113,10 +9187,10 @@ function CancelOrder(props) {
|
|
|
9113
9187
|
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"])));
|
|
9114
9188
|
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9115
9189
|
var Label$5 = /*#__PURE__*/styled.label(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9116
|
-
var Container$T = /*#__PURE__*/styled.div(_templateObject4$
|
|
9117
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject5$
|
|
9118
|
-
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$
|
|
9119
|
-
var TopRight = /*#__PURE__*/styled.div(_templateObject7$
|
|
9190
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9191
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9192
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
9193
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9120
9194
|
var Top$2 = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__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"])));
|
|
9121
9195
|
var Bottom$2 = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9122
9196
|
var ContentContainer$3 = /*#__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"])));
|
|
@@ -9535,7 +9609,7 @@ function TimedServiceDropdown$1() {
|
|
|
9535
9609
|
});
|
|
9536
9610
|
}
|
|
9537
9611
|
|
|
9538
|
-
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$
|
|
9612
|
+
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$m;
|
|
9539
9613
|
function CustomerInformation() {
|
|
9540
9614
|
var _orderDetails$order_r;
|
|
9541
9615
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9545,7 +9619,7 @@ function CustomerInformation() {
|
|
|
9545
9619
|
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9546
9620
|
var AddressField = /*#__PURE__*/styled.p(_templateObject2$1d || (_templateObject2$1d = /*#__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"])));
|
|
9547
9621
|
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9548
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject4$
|
|
9622
|
+
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"])));
|
|
9549
9623
|
|
|
9550
9624
|
var _templateObject$1F, _templateObject2$1e;
|
|
9551
9625
|
function ProductTable$1() {
|
|
@@ -9556,7 +9630,7 @@ function ProductTable$1() {
|
|
|
9556
9630
|
if (!orderProductDetails) {
|
|
9557
9631
|
return null;
|
|
9558
9632
|
}
|
|
9559
|
-
return React.createElement(Container$$, null, React.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React.createElement(StyledTableWrapper$
|
|
9633
|
+
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, {
|
|
9560
9634
|
className: "scrollClass"
|
|
9561
9635
|
}, 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", {
|
|
9562
9636
|
colSpan: 6
|
|
@@ -9567,7 +9641,7 @@ function ProductTable$1() {
|
|
|
9567
9641
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
9568
9642
|
className: "emptyTd",
|
|
9569
9643
|
colSpan: 7
|
|
9570
|
-
}, React.createElement(EmptyDataContainer$
|
|
9644
|
+
}, React.createElement(EmptyDataContainer$3, null, React.createElement(Empty, null)))) : orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
9571
9645
|
var _order$order_product_;
|
|
9572
9646
|
return React.createElement("tr", {
|
|
9573
9647
|
key: order.id
|
|
@@ -9597,7 +9671,8 @@ function NotesTable() {
|
|
|
9597
9671
|
pagination: {
|
|
9598
9672
|
page: 1,
|
|
9599
9673
|
per_page: 100
|
|
9600
|
-
}
|
|
9674
|
+
},
|
|
9675
|
+
showLoader: false
|
|
9601
9676
|
}),
|
|
9602
9677
|
fetchedData = _useApiHook.data,
|
|
9603
9678
|
apiLoading = _useApiHook.loading;
|
|
@@ -9646,7 +9721,7 @@ function NotesTable() {
|
|
|
9646
9721
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9647
9722
|
return null;
|
|
9648
9723
|
}
|
|
9649
|
-
return React.createElement(Container$10, null, React.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React.createElement(StyledTableWrapper$
|
|
9724
|
+
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, {
|
|
9650
9725
|
className: "scrollClass"
|
|
9651
9726
|
}, 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", {
|
|
9652
9727
|
colSpan: 6
|
|
@@ -9657,7 +9732,7 @@ function NotesTable() {
|
|
|
9657
9732
|
})) : (notes == null ? void 0 : notes.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
9658
9733
|
className: "emptyTd",
|
|
9659
9734
|
colSpan: 7
|
|
9660
|
-
}, React.createElement(EmptyDataContainer$
|
|
9735
|
+
}, React.createElement(EmptyDataContainer$3, null, React.createElement(Empty, null)))) : notes == null ? void 0 : notes.map(function (order) {
|
|
9661
9736
|
return React.createElement("tr", {
|
|
9662
9737
|
key: order.id
|
|
9663
9738
|
}, React.createElement("td", null, React.createElement("div", {
|
|
@@ -9706,7 +9781,7 @@ function ContactWith() {
|
|
|
9706
9781
|
var Label$d = /*#__PURE__*/styled.label(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9707
9782
|
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9708
9783
|
|
|
9709
|
-
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$
|
|
9784
|
+
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$n;
|
|
9710
9785
|
function SlotAndInstructions() {
|
|
9711
9786
|
var _orderDetails$order_r;
|
|
9712
9787
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9716,7 +9791,7 @@ function SlotAndInstructions() {
|
|
|
9716
9791
|
var Value$1 = /*#__PURE__*/styled.span(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9717
9792
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9718
9793
|
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
9719
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9794
|
+
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"])));
|
|
9720
9795
|
|
|
9721
9796
|
var _templateObject$1L, _templateObject2$1k;
|
|
9722
9797
|
function ConfirmOrder(props) {
|
|
@@ -10097,12 +10172,12 @@ function ConfirmOrder(props) {
|
|
|
10097
10172
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10098
10173
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__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"])));
|
|
10099
10174
|
|
|
10100
|
-
var _templateObject2$1l, _templateObject3$L, _templateObject5$
|
|
10175
|
+
var _templateObject2$1l, _templateObject3$L, _templateObject5$g, _templateObject6$8, _templateObject7$a, _templateObject8$7, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10101
10176
|
var StyledInput = /*#__PURE__*/styled(Input$2)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10102
10177
|
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$L || (_templateObject3$L = /*#__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"])));
|
|
10103
|
-
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$
|
|
10104
|
-
var SplitText = /*#__PURE__*/styled.div(_templateObject6$
|
|
10105
|
-
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$
|
|
10178
|
+
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10179
|
+
var SplitText = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
10180
|
+
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10106
10181
|
var HoldRow = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
10107
10182
|
var Label$e = /*#__PURE__*/styled.label(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10108
10183
|
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
@@ -11060,7 +11135,7 @@ var priorityData = [{
|
|
|
11060
11135
|
color: '#E95252'
|
|
11061
11136
|
}];
|
|
11062
11137
|
|
|
11063
|
-
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$
|
|
11138
|
+
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$o;
|
|
11064
11139
|
function StatusIndicator(props) {
|
|
11065
11140
|
var statusColor = getStatusColor(props.status);
|
|
11066
11141
|
return React.createElement(Container$15, null, React.createElement(StatusCircleContainer, {
|
|
@@ -11078,11 +11153,11 @@ var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1p || (_templateObj
|
|
|
11078
11153
|
return props.color;
|
|
11079
11154
|
});
|
|
11080
11155
|
var Container$15 = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
11081
|
-
var Text$8 = /*#__PURE__*/styled.span(_templateObject4$
|
|
11156
|
+
var Text$8 = /*#__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) {
|
|
11082
11157
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11083
11158
|
});
|
|
11084
11159
|
|
|
11085
|
-
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$
|
|
11160
|
+
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$p, _templateObject5$h, _templateObject6$9, _templateObject7$b, _templateObject8$8, _templateObject9$6;
|
|
11086
11161
|
var _excluded$7 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11087
11162
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11088
11163
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11327,14 +11402,14 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11327
11402
|
var Right$2 = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11328
11403
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11329
11404
|
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11330
|
-
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$
|
|
11331
|
-
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$
|
|
11332
|
-
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject6$
|
|
11333
|
-
var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$
|
|
11405
|
+
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11406
|
+
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
11407
|
+
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__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"])));
|
|
11408
|
+
var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11334
11409
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11335
11410
|
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"])));
|
|
11336
11411
|
|
|
11337
|
-
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$
|
|
11412
|
+
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$q, _templateObject5$i, _templateObject6$a;
|
|
11338
11413
|
function HeaderSection(_ref) {
|
|
11339
11414
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11340
11415
|
setTasksData = _ref.setTasksData;
|
|
@@ -11438,9 +11513,9 @@ function HeaderSection(_ref) {
|
|
|
11438
11513
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11439
11514
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11440
11515
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$P || (_templateObject3$P = /*#__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"])));
|
|
11441
|
-
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
11442
|
-
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$
|
|
11443
|
-
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$
|
|
11516
|
+
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"])));
|
|
11517
|
+
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__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"])));
|
|
11518
|
+
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11444
11519
|
|
|
11445
11520
|
var _templateObject$1T, _templateObject2$1s;
|
|
11446
11521
|
function TextSection() {
|
|
@@ -11528,14 +11603,22 @@ function ButtonsSection() {
|
|
|
11528
11603
|
options: taskTypeOptions,
|
|
11529
11604
|
placeholder: "Select Type",
|
|
11530
11605
|
onChange: handleTaskTypeChange,
|
|
11531
|
-
value: selectedTypeId
|
|
11606
|
+
value: selectedTypeId,
|
|
11607
|
+
style: {
|
|
11608
|
+
minWidth: '200px',
|
|
11609
|
+
width: 'auto'
|
|
11610
|
+
}
|
|
11532
11611
|
})), React.createElement(Flex, null, React.createElement(Label$k, {
|
|
11533
11612
|
label: "Priority"
|
|
11534
11613
|
}), React.createElement(StyledAntSelect$6, {
|
|
11535
11614
|
options: priorityOptions,
|
|
11536
11615
|
placeholder: "Select Type",
|
|
11537
11616
|
onChange: handlePriorityChange,
|
|
11538
|
-
value: (taskPayload == null ? void 0 : taskPayload.priority) || (flagById == null ? void 0 : flagById.priority)
|
|
11617
|
+
value: (taskPayload == null ? void 0 : taskPayload.priority) || (flagById == null ? void 0 : flagById.priority),
|
|
11618
|
+
style: {
|
|
11619
|
+
minWidth: '100px',
|
|
11620
|
+
width: 'auto'
|
|
11621
|
+
}
|
|
11539
11622
|
})), React.createElement(Flex, null, React.createElement(Label$k, {
|
|
11540
11623
|
label: "Status"
|
|
11541
11624
|
}), isResolved ? React.createElement(StatusIndicator, {
|
|
@@ -11550,7 +11633,7 @@ var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1U || (_temp
|
|
|
11550
11633
|
var Buttons = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11551
11634
|
var Flex = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11552
11635
|
|
|
11553
|
-
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$
|
|
11636
|
+
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$r, _templateObject5$j, _templateObject6$b;
|
|
11554
11637
|
var FlagsFilter = [{
|
|
11555
11638
|
label: 'Private',
|
|
11556
11639
|
value: 'private'
|
|
@@ -11674,11 +11757,11 @@ function RadioButtonsSection() {
|
|
|
11674
11757
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
11675
11758
|
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11676
11759
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
11677
|
-
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$
|
|
11678
|
-
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$
|
|
11679
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject6$
|
|
11760
|
+
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11761
|
+
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11762
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11680
11763
|
|
|
11681
|
-
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$
|
|
11764
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$s, _templateObject5$k;
|
|
11682
11765
|
function DetailSection() {
|
|
11683
11766
|
var _flagById$order_data, _flagById$order_data2;
|
|
11684
11767
|
var _useFlagById = useFlagById(),
|
|
@@ -11693,8 +11776,8 @@ function DetailSection() {
|
|
|
11693
11776
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
11694
11777
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11695
11778
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11696
|
-
var Order = /*#__PURE__*/styled.div(_templateObject4$
|
|
11697
|
-
var StyledLabel$2 = /*#__PURE__*/styled(Label$k)(_templateObject5$
|
|
11779
|
+
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"])));
|
|
11780
|
+
var StyledLabel$2 = /*#__PURE__*/styled(Label$k)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11698
11781
|
|
|
11699
11782
|
var _templateObject$1X, _templateObject2$1w, _templateObject3$T;
|
|
11700
11783
|
function ViewFlag() {
|
|
@@ -11962,7 +12045,7 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
11962
12045
|
};
|
|
11963
12046
|
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11964
12047
|
|
|
11965
|
-
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$
|
|
12048
|
+
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$t, _templateObject5$l;
|
|
11966
12049
|
var deliverTypeOptions$1 = [{
|
|
11967
12050
|
label: 'Deliver',
|
|
11968
12051
|
value: 'deliver',
|
|
@@ -12019,7 +12102,7 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12019
12102
|
}))) : (cancelOrderProducts == null ? void 0 : cancelOrderProducts.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
12020
12103
|
className: "emptyTd",
|
|
12021
12104
|
colSpan: 5
|
|
12022
|
-
}, React.createElement(EmptyDataContainer$
|
|
12105
|
+
}, React.createElement(EmptyDataContainer$3, null, React.createElement(Empty, null)))) : cancelOrderProducts == null ? void 0 : cancelOrderProducts.map(function (product) {
|
|
12023
12106
|
var dropdownOptions = (product == null ? void 0 : product.product_type) === 'deliver' ? deliverTypeOptions$1 : collectTypeOptions$1;
|
|
12024
12107
|
var isReturn = (product == null ? void 0 : product.action) === 'return';
|
|
12025
12108
|
return React.createElement("tr", {
|
|
@@ -12116,10 +12199,10 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12116
12199
|
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1_ || (_templateObject$1_ = /*#__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"])));
|
|
12117
12200
|
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
12118
12201
|
var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12119
|
-
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$
|
|
12120
|
-
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
12202
|
+
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"])));
|
|
12203
|
+
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
12121
12204
|
|
|
12122
|
-
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$
|
|
12205
|
+
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$u;
|
|
12123
12206
|
function UncancelOrder(props) {
|
|
12124
12207
|
var _orderStaticData$unca;
|
|
12125
12208
|
var _useOrderId = useOrderId(),
|
|
@@ -12319,7 +12402,7 @@ function UncancelOrder(props) {
|
|
|
12319
12402
|
var RequiredAsterisk$4 = /*#__PURE__*/styled.span(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12320
12403
|
var Container$16 = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
12321
12404
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12322
|
-
var CustomTextArea$4 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
12405
|
+
var CustomTextArea$4 = /*#__PURE__*/styled(TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12323
12406
|
|
|
12324
12407
|
var _templateObject$20;
|
|
12325
12408
|
function RemoveFromRoute(props) {
|
|
@@ -12403,13 +12486,13 @@ function RemoveFromRoute(props) {
|
|
|
12403
12486
|
}
|
|
12404
12487
|
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12405
12488
|
|
|
12406
|
-
var _templateObject$21, _templateObject3$W, _templateObject4$
|
|
12489
|
+
var _templateObject$21, _templateObject3$W, _templateObject4$v, _templateObject5$m, _templateObject7$c, _templateObject8$9, _templateObject9$7;
|
|
12407
12490
|
// Shared styles and components
|
|
12408
12491
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12409
12492
|
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12410
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$
|
|
12411
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject5$
|
|
12412
|
-
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$
|
|
12493
|
+
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"])));
|
|
12494
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12495
|
+
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__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"])));
|
|
12413
12496
|
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12414
12497
|
var DoubleDropdownContainer = /*#__PURE__*/styled.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
12415
12498
|
var FormRow = function FormRow(_ref) {
|
|
@@ -12425,7 +12508,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
12425
12508
|
}, " * ")), children);
|
|
12426
12509
|
};
|
|
12427
12510
|
|
|
12428
|
-
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$
|
|
12511
|
+
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$w, _templateObject5$n;
|
|
12429
12512
|
dayjs.extend(utc);
|
|
12430
12513
|
dayjs.extend(isValid);
|
|
12431
12514
|
function CreateReminderModal() {
|
|
@@ -12793,8 +12876,8 @@ function CreateReminderModal() {
|
|
|
12793
12876
|
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
12794
12877
|
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12795
12878
|
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"])));
|
|
12796
|
-
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
12797
|
-
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$
|
|
12879
|
+
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$w || (_templateObject4$w = /*#__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"])));
|
|
12880
|
+
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"])));
|
|
12798
12881
|
|
|
12799
12882
|
var _templateObject$23;
|
|
12800
12883
|
function ReminderModal(props) {
|
|
@@ -12987,8 +13070,7 @@ function CreateTaskModal() {
|
|
|
12987
13070
|
selectedValue: (apiPayload == null ? void 0 : apiPayload.priority) || 3,
|
|
12988
13071
|
required: false
|
|
12989
13072
|
})), React.createElement(FormRow, {
|
|
12990
|
-
label: "Due Date & Time"
|
|
12991
|
-
required: true
|
|
13073
|
+
label: "Due Date & Time"
|
|
12992
13074
|
}, React.createElement(StyleContainer$2, null, React.createElement(DatePickerWrap, null, React.createElement(DatePicker, {
|
|
12993
13075
|
format: "DD/MM/YYYY HH:mm A",
|
|
12994
13076
|
value: apiPayload != null && apiPayload.due_datetime ? dayjs(apiPayload == null ? void 0 : apiPayload.due_datetime) : null,
|
|
@@ -13018,8 +13100,11 @@ function CreateTaskModal() {
|
|
|
13018
13100
|
var getTaskTypeOptions = function getTaskTypeOptions(staticData) {
|
|
13019
13101
|
var _staticData$2;
|
|
13020
13102
|
return (staticData == null || (_staticData$2 = staticData[0]) == null || (_staticData$2 = _staticData$2.order_flag_types) == null ? void 0 : _staticData$2.map(function (item) {
|
|
13103
|
+
var _item$type;
|
|
13021
13104
|
return {
|
|
13022
|
-
label: item == null ? void 0 :
|
|
13105
|
+
label: item == null || (_item$type = item.type) == null || (_item$type = _item$type.replace(/_/g, ' ')) == null ? void 0 : _item$type.replace(/\b\w/g, function (_char) {
|
|
13106
|
+
return _char.toUpperCase();
|
|
13107
|
+
}),
|
|
13023
13108
|
value: item == null ? void 0 : item.id
|
|
13024
13109
|
};
|
|
13025
13110
|
})) || [];
|
|
@@ -13069,7 +13154,7 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13069
13154
|
};
|
|
13070
13155
|
var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13071
13156
|
var Label$h = /*#__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"])));
|
|
13072
|
-
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:
|
|
13157
|
+
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"])));
|
|
13073
13158
|
|
|
13074
13159
|
var _templateObject$25;
|
|
13075
13160
|
function TaskModal(props) {
|
|
@@ -13155,10 +13240,9 @@ function TaskModal(props) {
|
|
|
13155
13240
|
}();
|
|
13156
13241
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
13157
13242
|
var description = taskPayload.description,
|
|
13158
|
-
due_datetime = taskPayload.due_datetime,
|
|
13159
13243
|
flag_type = taskPayload.flag_type,
|
|
13160
13244
|
priority = taskPayload.priority;
|
|
13161
|
-
return !description || !
|
|
13245
|
+
return !description || !flag_type || !priority;
|
|
13162
13246
|
};
|
|
13163
13247
|
return React.createElement(React.Fragment, null, React.createElement(OrderModal$1, {
|
|
13164
13248
|
headerTitle: 'CREATE TASK',
|
|
@@ -13177,14 +13261,14 @@ function TaskModal(props) {
|
|
|
13177
13261
|
}
|
|
13178
13262
|
var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13179
13263
|
|
|
13180
|
-
var _templateObject$26, _templateObject2$1B, _templateObject3$Z, _templateObject4$
|
|
13264
|
+
var _templateObject$26, _templateObject2$1B, _templateObject3$Z, _templateObject4$x, _templateObject5$o, _templateObject6$c, _templateObject7$d;
|
|
13181
13265
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Lato', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #6a7378;\n"])));
|
|
13182
13266
|
var Container$17 = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13183
13267
|
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"])));
|
|
13184
|
-
var Label$i = /*#__PURE__*/styled.label(_templateObject4$
|
|
13185
|
-
var Input$1 = /*#__PURE__*/styled.input(_templateObject5$
|
|
13186
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject6$
|
|
13187
|
-
var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$
|
|
13268
|
+
var Label$i = /*#__PURE__*/styled.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13269
|
+
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"])));
|
|
13270
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13271
|
+
var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13188
13272
|
|
|
13189
13273
|
var _templateObject$27;
|
|
13190
13274
|
var fields = [{
|
|
@@ -13832,7 +13916,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13832
13916
|
}
|
|
13833
13917
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13834
13918
|
|
|
13835
|
-
var _templateObject$2d, _templateObject2$1D, _templateObject3$_, _templateObject4$
|
|
13919
|
+
var _templateObject$2d, _templateObject2$1D, _templateObject3$_, _templateObject4$y, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$8, _templateObject10$4;
|
|
13836
13920
|
function FailureContent() {
|
|
13837
13921
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
13838
13922
|
var _useNewStatus = useNewStatus(),
|
|
@@ -13902,19 +13986,19 @@ function FailureContent() {
|
|
|
13902
13986
|
var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13903
13987
|
var Text$a = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
13904
13988
|
var GroupedFields = /*#__PURE__*/styled.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
13905
|
-
var PairGroup = /*#__PURE__*/styled.div(_templateObject4$
|
|
13906
|
-
var SmallGroup = /*#__PURE__*/styled.div(_templateObject5$
|
|
13907
|
-
var FieldGroup = /*#__PURE__*/styled.div(_templateObject6$
|
|
13989
|
+
var PairGroup = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
13990
|
+
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"])));
|
|
13991
|
+
var FieldGroup = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n min-width: ", ";\n"])), function (props) {
|
|
13908
13992
|
return props.wide ? 2 : 1;
|
|
13909
13993
|
}, function (props) {
|
|
13910
13994
|
return props.wide ? '300px' : '220px';
|
|
13911
13995
|
});
|
|
13912
|
-
var TextInput = /*#__PURE__*/styled(TextArea)(_templateObject7$
|
|
13996
|
+
var TextInput = /*#__PURE__*/styled(TextArea)(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
13913
13997
|
var DropdownGrid = /*#__PURE__*/styled.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
13914
13998
|
var ContDropdownGrid = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
13915
13999
|
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"])));
|
|
13916
14000
|
|
|
13917
|
-
var _templateObject$2e, _templateObject2$1E, _templateObject3$$, _templateObject4$
|
|
14001
|
+
var _templateObject$2e, _templateObject2$1E, _templateObject3$$, _templateObject4$z, _templateObject5$q, _templateObject6$e, _templateObject7$f, _templateObject8$b, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
13918
14002
|
var formatDate$2 = function formatDate(date) {
|
|
13919
14003
|
var padZero = function padZero(num) {
|
|
13920
14004
|
return num.toString().padStart(2, '0');
|
|
@@ -14007,10 +14091,10 @@ function SuccessContent() {
|
|
|
14007
14091
|
var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14008
14092
|
var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14009
14093
|
var GroupedFields$1 = /*#__PURE__*/styled.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14010
|
-
var PairGroup$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
14011
|
-
var SmallGroup$1 = /*#__PURE__*/styled.div(_templateObject5$
|
|
14012
|
-
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$
|
|
14013
|
-
var FieldGroup$1 = /*#__PURE__*/styled.div(_templateObject7$
|
|
14094
|
+
var PairGroup$1 = /*#__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"])));
|
|
14095
|
+
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"])));
|
|
14096
|
+
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n padding: 10px 0;\n"])));
|
|
14097
|
+
var FieldGroup$1 = /*#__PURE__*/styled.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n"])), function (props) {
|
|
14014
14098
|
return props.wide ? 2 : 1;
|
|
14015
14099
|
});
|
|
14016
14100
|
var TextInput$1 = /*#__PURE__*/styled(TextArea)(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
@@ -14589,7 +14673,7 @@ function Tabs(_ref) {
|
|
|
14589
14673
|
var Container$1h = /*#__PURE__*/styled.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14590
14674
|
var Content = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14591
14675
|
|
|
14592
|
-
var _templateObject$2o, _templateObject2$1K, _templateObject3$13, _templateObject4$
|
|
14676
|
+
var _templateObject$2o, _templateObject2$1K, _templateObject3$13, _templateObject4$A, _templateObject5$r;
|
|
14593
14677
|
function FDNotification() {
|
|
14594
14678
|
var _orderData$order_rout;
|
|
14595
14679
|
var _useTasksData = useTasksData(),
|
|
@@ -14688,10 +14772,10 @@ function FDNotification() {
|
|
|
14688
14772
|
var Loader = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
14689
14773
|
var Spinner = /*#__PURE__*/styled.div(_templateObject2$1K || (_templateObject2$1K = /*#__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"])));
|
|
14690
14774
|
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"])));
|
|
14691
|
-
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$
|
|
14692
|
-
var Text$c = /*#__PURE__*/styled.div(_templateObject5$
|
|
14775
|
+
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__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"])));
|
|
14776
|
+
var Text$c = /*#__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"])));
|
|
14693
14777
|
|
|
14694
|
-
var _templateObject$2p, _templateObject2$1L, _templateObject3$14, _templateObject4$
|
|
14778
|
+
var _templateObject$2p, _templateObject2$1L, _templateObject3$14, _templateObject4$B, _templateObject5$s;
|
|
14695
14779
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14696
14780
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14697
14781
|
var onCancel = function onCancel() {
|
|
@@ -14712,10 +14796,10 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14712
14796
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14713
14797
|
var Container$1i = /*#__PURE__*/styled.div(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14714
14798
|
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"])));
|
|
14715
|
-
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$
|
|
14716
|
-
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject5$
|
|
14799
|
+
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__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"])));
|
|
14800
|
+
var MainContainer$c = /*#__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"])));
|
|
14717
14801
|
|
|
14718
|
-
var _templateObject$2q, _templateObject2$1M, _templateObject3$15, _templateObject4$
|
|
14802
|
+
var _templateObject$2q, _templateObject2$1M, _templateObject3$15, _templateObject4$C, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c;
|
|
14719
14803
|
function ForceDebriefModal(props) {
|
|
14720
14804
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14721
14805
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15259,10 +15343,10 @@ function ForceDebriefModal(props) {
|
|
|
15259
15343
|
var Status$1 = /*#__PURE__*/styled.span(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n color: #3a3630;\n"])));
|
|
15260
15344
|
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15261
15345
|
var MainContainer$d = /*#__PURE__*/styled.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15262
|
-
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$
|
|
15263
|
-
var Container$1j = /*#__PURE__*/styled.div(_templateObject5$
|
|
15264
|
-
var Text$d = /*#__PURE__*/styled.div(_templateObject6$
|
|
15265
|
-
var ContentContainer$7 = /*#__PURE__*/styled.div(_templateObject7$
|
|
15346
|
+
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15347
|
+
var Container$1j = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15348
|
+
var Text$d = /*#__PURE__*/styled.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n white-space: break-spaces;\n"])));
|
|
15349
|
+
var ContentContainer$7 = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$g = /*#__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"])));
|
|
15266
15350
|
var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$c || (_templateObject8$c = /*#__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"])));
|
|
15267
15351
|
var ForceDebriefModal$1 = /*#__PURE__*/React.memo(ForceDebriefModal);
|
|
15268
15352
|
|
|
@@ -15327,8 +15411,8 @@ function OrderActions() {
|
|
|
15327
15411
|
setProductDetails(productsData == null ? void 0 : productsData.data);
|
|
15328
15412
|
setProductDetailsCopy(productsData == null ? void 0 : productsData.data);
|
|
15329
15413
|
} else {
|
|
15330
|
-
setProductDetails(
|
|
15331
|
-
setProductDetailsCopy(
|
|
15414
|
+
setProductDetails([]);
|
|
15415
|
+
setProductDetailsCopy([]);
|
|
15332
15416
|
}
|
|
15333
15417
|
}, [orderProductsLoading]);
|
|
15334
15418
|
// call order products api end
|
|
@@ -15393,7 +15477,8 @@ function OrderActions() {
|
|
|
15393
15477
|
field: 'order_id',
|
|
15394
15478
|
op: '=',
|
|
15395
15479
|
value: orderId
|
|
15396
|
-
}]
|
|
15480
|
+
}],
|
|
15481
|
+
showLoader: false
|
|
15397
15482
|
}),
|
|
15398
15483
|
fetchedReminderData = _useAxios6.data,
|
|
15399
15484
|
reminderLoading = _useAxios6.loading,
|
|
@@ -15509,7 +15594,7 @@ function OrderActions() {
|
|
|
15509
15594
|
}
|
|
15510
15595
|
var Container$1k = /*#__PURE__*/styled.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15511
15596
|
|
|
15512
|
-
var _templateObject$2s, _templateObject2$1N, _templateObject3$16, _templateObject4$
|
|
15597
|
+
var _templateObject$2s, _templateObject2$1N, _templateObject3$16, _templateObject4$D;
|
|
15513
15598
|
var Details = function Details() {
|
|
15514
15599
|
var _globalEscData$, _globalEscData$2;
|
|
15515
15600
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15524,7 +15609,7 @@ var Details = function Details() {
|
|
|
15524
15609
|
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"])));
|
|
15525
15610
|
var Typo = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__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"])));
|
|
15526
15611
|
var Name = /*#__PURE__*/styled.div(_templateObject3$16 || (_templateObject3$16 = /*#__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"])));
|
|
15527
|
-
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$
|
|
15612
|
+
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15528
15613
|
|
|
15529
15614
|
var bjsMenu = [{
|
|
15530
15615
|
label: 'Add Order Resources',
|
|
@@ -15912,7 +15997,7 @@ function DropDowns$1() {
|
|
|
15912
15997
|
style: {
|
|
15913
15998
|
cursor: 'pointer'
|
|
15914
15999
|
}
|
|
15915
|
-
}, action.label);
|
|
16000
|
+
}, action == null ? void 0 : action.label);
|
|
15916
16001
|
})));
|
|
15917
16002
|
}
|
|
15918
16003
|
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"])));
|
|
@@ -16330,7 +16415,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16330
16415
|
}));
|
|
16331
16416
|
};
|
|
16332
16417
|
|
|
16333
|
-
var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$
|
|
16418
|
+
var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$E, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$a, _templateObject10$6;
|
|
16334
16419
|
function Notification() {
|
|
16335
16420
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16336
16421
|
var _useTabType = useTabType(),
|
|
@@ -16398,7 +16483,8 @@ function Notification() {
|
|
|
16398
16483
|
field: 'order_id',
|
|
16399
16484
|
op: '=',
|
|
16400
16485
|
value: orderId
|
|
16401
|
-
}]
|
|
16486
|
+
}],
|
|
16487
|
+
showLoader: false
|
|
16402
16488
|
}),
|
|
16403
16489
|
fetchedUnresolvedData = _useAxios.data,
|
|
16404
16490
|
unresolvedLoading = _useAxios.loading,
|
|
@@ -16414,7 +16500,8 @@ function Notification() {
|
|
|
16414
16500
|
field: 'order_id',
|
|
16415
16501
|
op: '=',
|
|
16416
16502
|
value: orderId
|
|
16417
|
-
}]
|
|
16503
|
+
}],
|
|
16504
|
+
showLoader: false
|
|
16418
16505
|
}),
|
|
16419
16506
|
fetchedReminderData = _useAxios2.data,
|
|
16420
16507
|
reminderLoading = _useAxios2.loading,
|
|
@@ -16443,7 +16530,8 @@ function Notification() {
|
|
|
16443
16530
|
// Route API calling...
|
|
16444
16531
|
var _useAxios3 = useAxios({
|
|
16445
16532
|
endpoint: "route/" + routeId,
|
|
16446
|
-
method: 'GET'
|
|
16533
|
+
method: 'GET',
|
|
16534
|
+
showLoader: false
|
|
16447
16535
|
}),
|
|
16448
16536
|
fetchedData = _useAxios3.data,
|
|
16449
16537
|
fetchRoute = _useAxios3.fetchData;
|
|
@@ -16457,7 +16545,8 @@ function Notification() {
|
|
|
16457
16545
|
}, [idOfRoute]);
|
|
16458
16546
|
var _useAxios4 = useAxios({
|
|
16459
16547
|
endpoint: "v1/orders/alerts/?order_id=" + orderId,
|
|
16460
|
-
method: 'GET'
|
|
16548
|
+
method: 'GET',
|
|
16549
|
+
showLoader: false
|
|
16461
16550
|
}),
|
|
16462
16551
|
alertsData = _useAxios4.data,
|
|
16463
16552
|
callOrderAlertsApi = _useAxios4.fetchData,
|
|
@@ -16567,6 +16656,7 @@ function Notification() {
|
|
|
16567
16656
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
16568
16657
|
return item.status === 'SD';
|
|
16569
16658
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
16659
|
+
console.log(unresolvedLoading, 'unresolved', reminderLoading, 'reminder');
|
|
16570
16660
|
return React.createElement(React.Fragment, null, React.createElement(Section$2, null, React.createElement(Container$1n, {
|
|
16571
16661
|
className: "notification-header"
|
|
16572
16662
|
}, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$j, {
|
|
@@ -16583,7 +16673,12 @@ function Notification() {
|
|
|
16583
16673
|
onClick: function onClick() {
|
|
16584
16674
|
return handleTabChange('closed');
|
|
16585
16675
|
}
|
|
16586
|
-
}, "Closed", React.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading
|
|
16676
|
+
}, "Closed", React.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading || alertsApiLoading ? React.createElement(Loader$1, null, React.createElement(Skeleton, {
|
|
16677
|
+
avatar: true,
|
|
16678
|
+
paragraph: {
|
|
16679
|
+
rows: 2
|
|
16680
|
+
}
|
|
16681
|
+
})) : (taskData == null ? void 0 : taskData.length) > 0 || (reminderNotifyData == null ? void 0 : reminderNotifyData.length) > 0 || orderData ? React.createElement(TabsWrapper$1, null, React.createElement(Tabs$1, {
|
|
16587
16682
|
activeTasks: activeTasks,
|
|
16588
16683
|
closedTasks: closedTasks,
|
|
16589
16684
|
activeReminders: activeReminders,
|
|
@@ -16595,20 +16690,34 @@ function Notification() {
|
|
|
16595
16690
|
}
|
|
16596
16691
|
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"])));
|
|
16597
16692
|
var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
16598
|
-
|
|
16599
|
-
|
|
16600
|
-
|
|
16601
|
-
|
|
16602
|
-
|
|
16603
|
-
|
|
16693
|
+
// const Spinner = styled.div`
|
|
16694
|
+
// border: 4px solid rgba(0, 0, 0, 0.1);
|
|
16695
|
+
// border-left-color: #3a3630;
|
|
16696
|
+
// border-radius: 50%;
|
|
16697
|
+
// width: 40px;
|
|
16698
|
+
// height: 40px;
|
|
16699
|
+
// animation: spin 1s linear infinite;
|
|
16700
|
+
// @keyframes spin {
|
|
16701
|
+
// 0% {
|
|
16702
|
+
// transform: rotate(0deg);
|
|
16703
|
+
// }
|
|
16704
|
+
// 100% {
|
|
16705
|
+
// transform: rotate(360deg);
|
|
16706
|
+
// }
|
|
16707
|
+
// }
|
|
16708
|
+
// `;
|
|
16709
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16710
|
+
var TabsData = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16711
|
+
var ActiveCount = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
16712
|
+
var ClosedCount = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
16713
|
+
var StyledTab = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__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) {
|
|
16604
16714
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
16605
16715
|
}, function (props) {
|
|
16606
16716
|
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
16607
16717
|
});
|
|
16608
|
-
var Section$2 = /*#__PURE__*/styled.div(
|
|
16609
|
-
var Label$j = /*#__PURE__*/styled(SectionHeader)(
|
|
16610
|
-
var TabsWrapper$1 = /*#__PURE__*/styled.div(
|
|
16611
|
-
var Text$e = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__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"])));
|
|
16718
|
+
var Section$2 = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__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"])));
|
|
16719
|
+
var Label$j = /*#__PURE__*/styled(SectionHeader)(_templateObject9$a || (_templateObject9$a = /*#__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"])));
|
|
16720
|
+
var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 300px;\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"])));
|
|
16612
16721
|
|
|
16613
16722
|
var _templateObject$2D;
|
|
16614
16723
|
function CollapsedContent$2() {
|
|
@@ -16821,8 +16930,9 @@ var tableColumns$1 = [{
|
|
|
16821
16930
|
}];
|
|
16822
16931
|
|
|
16823
16932
|
var _templateObject$2J;
|
|
16824
|
-
function Order$1() {
|
|
16933
|
+
function Order$1(_ref) {
|
|
16825
16934
|
var _orderResources$data;
|
|
16935
|
+
var loading = _ref.loading;
|
|
16826
16936
|
var _useOrderProductsReso = useOrderProductsResources(),
|
|
16827
16937
|
orderResources = _useOrderProductsReso[0];
|
|
16828
16938
|
var data = orderResources != null && orderResources.data && (orderResources == null || (_orderResources$data = orderResources.data) == null ? void 0 : _orderResources$data.length) > 0 ? orderResources == null ? void 0 : orderResources.data : '';
|
|
@@ -16830,13 +16940,15 @@ function Order$1() {
|
|
|
16830
16940
|
collapsedContent: React.createElement(CollapsedContent$2, null)
|
|
16831
16941
|
}, React.createElement(DynamicTable, {
|
|
16832
16942
|
columns: tableColumns$1,
|
|
16833
|
-
data: data
|
|
16943
|
+
data: data,
|
|
16944
|
+
loading: loading
|
|
16834
16945
|
})));
|
|
16835
16946
|
}
|
|
16836
16947
|
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
16837
16948
|
|
|
16838
|
-
var _templateObject$2K, _templateObject2$1_, _templateObject3$1a, _templateObject4$
|
|
16839
|
-
function OrderView() {
|
|
16949
|
+
var _templateObject$2K, _templateObject2$1_, _templateObject3$1a, _templateObject4$F;
|
|
16950
|
+
function OrderView(_ref) {
|
|
16951
|
+
var locationloading = _ref.locationloading;
|
|
16840
16952
|
notification.config({
|
|
16841
16953
|
top: 150
|
|
16842
16954
|
});
|
|
@@ -16904,7 +17016,8 @@ function OrderView() {
|
|
|
16904
17016
|
field: 'order_id',
|
|
16905
17017
|
op: '=',
|
|
16906
17018
|
value: "" + order_id
|
|
16907
|
-
}]
|
|
17019
|
+
}],
|
|
17020
|
+
showLoader: false
|
|
16908
17021
|
}),
|
|
16909
17022
|
fetchedSystemLogsData = _useAxios.data,
|
|
16910
17023
|
callSystemLogsAPI = _useAxios.fetchData,
|
|
@@ -17074,10 +17187,12 @@ function OrderView() {
|
|
|
17074
17187
|
var _useApiHook5 = useApiHook({
|
|
17075
17188
|
endpoint: "/orders/" + orderId + "/order_resources/",
|
|
17076
17189
|
method: 'GET',
|
|
17077
|
-
performAction: false
|
|
17190
|
+
performAction: false,
|
|
17191
|
+
showLoader: false
|
|
17078
17192
|
}),
|
|
17079
17193
|
fetchedResourcesData = _useApiHook5.data,
|
|
17080
|
-
setActions = _useApiHook5.setShouldPerformAction
|
|
17194
|
+
setActions = _useApiHook5.setShouldPerformAction,
|
|
17195
|
+
loadingResources = _useApiHook5.loading;
|
|
17081
17196
|
useEffect(function () {
|
|
17082
17197
|
if (orderId) {
|
|
17083
17198
|
if (getResources) {
|
|
@@ -17209,12 +17324,23 @@ function OrderView() {
|
|
|
17209
17324
|
showEsc ? setGlobalEscData(sortedEscData) : setGlobalEscData([]);
|
|
17210
17325
|
}
|
|
17211
17326
|
}, [escalationDataLoading]);
|
|
17212
|
-
return React.createElement(MainContainer$e, null, React.createElement(GeneralHeader,
|
|
17327
|
+
return React.createElement(MainContainer$e, null, React.createElement(GeneralHeader, {
|
|
17328
|
+
statusDataLoading: statusDataLoading
|
|
17329
|
+
}), React.createElement(DetailsFilters, null), React.createElement(Notification, null), React.createElement(OrderDetails$1, {
|
|
17330
|
+
orderLoading: loading,
|
|
17331
|
+
depotDataLoading: depotDataLoading
|
|
17332
|
+
}), React.createElement(ProductsInfo, {
|
|
17333
|
+
locationloading: locationloading
|
|
17334
|
+
}), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(Order$1, {
|
|
17335
|
+
loading: loadingResources
|
|
17336
|
+
}), React.createElement(SystemLogs, {
|
|
17337
|
+
loading: logsLoading
|
|
17338
|
+
}))), React.createElement(OrderActions, null));
|
|
17213
17339
|
}
|
|
17214
17340
|
var MainContainer$e = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17215
17341
|
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17216
17342
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17217
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
17343
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17218
17344
|
|
|
17219
17345
|
var _templateObject2$1$;
|
|
17220
17346
|
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__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"])));
|
|
@@ -17505,7 +17631,6 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17505
17631
|
customerId: customerId == null ? void 0 : customerId.toString()
|
|
17506
17632
|
});
|
|
17507
17633
|
//for dev
|
|
17508
|
-
//navigate(`filter?${queryParams.toString()}`);
|
|
17509
17634
|
navigate("/orders/view/return/filter?" + queryParams.toString());
|
|
17510
17635
|
//for local
|
|
17511
17636
|
//navigate(`/filter?${queryParams.toString()}`);
|
|
@@ -17532,7 +17657,6 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17532
17657
|
type: RTS
|
|
17533
17658
|
});
|
|
17534
17659
|
//for dev
|
|
17535
|
-
//navigate(`filter?${queryParams.toString()}`);
|
|
17536
17660
|
navigate("/orders/view/return/filter?" + queryParams.toString());
|
|
17537
17661
|
//for local
|
|
17538
17662
|
//navigate(`/filter?${queryParams.toString()}`);
|
|
@@ -17588,11 +17712,11 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17588
17712
|
}
|
|
17589
17713
|
}, label, " ", React.createElement("span", null, renderSortIcon(key))));
|
|
17590
17714
|
}))), React.createElement("tbody", null, statsLoading ? React.createElement("tr", null, React.createElement("td", {
|
|
17591
|
-
colSpan:
|
|
17715
|
+
colSpan: 12
|
|
17592
17716
|
}, React.createElement(Skeleton, {
|
|
17593
17717
|
active: true
|
|
17594
17718
|
}))) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
17595
|
-
colSpan:
|
|
17719
|
+
colSpan: 12
|
|
17596
17720
|
}, React.createElement(EmptyDataContainer, null, React.createElement(Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (key, index) {
|
|
17597
17721
|
return React.createElement("tr", {
|
|
17598
17722
|
key: index
|
|
@@ -17664,7 +17788,8 @@ function ReturnMainTable() {
|
|
|
17664
17788
|
//@ts-ignore
|
|
17665
17789
|
pagination: {
|
|
17666
17790
|
is_pagination: false
|
|
17667
|
-
}
|
|
17791
|
+
},
|
|
17792
|
+
showLoader: false
|
|
17668
17793
|
}),
|
|
17669
17794
|
fetchedCustomerData = _useApiHook.data,
|
|
17670
17795
|
loading = _useApiHook.loading;
|
|
@@ -17678,7 +17803,8 @@ function ReturnMainTable() {
|
|
|
17678
17803
|
method: 'GET',
|
|
17679
17804
|
//@ts-ignore
|
|
17680
17805
|
pagination: pagination,
|
|
17681
|
-
filters: filters
|
|
17806
|
+
filters: filters,
|
|
17807
|
+
showLoader: false
|
|
17682
17808
|
}),
|
|
17683
17809
|
fetchedClientData = _useApiHook2.data,
|
|
17684
17810
|
statsDataLoading = _useApiHook2.loading,
|
|
@@ -19049,7 +19175,7 @@ function ReturnClient() {
|
|
|
19049
19175
|
method: 'GET'
|
|
19050
19176
|
}),
|
|
19051
19177
|
fetchedStaticData = _useApiHook.data,
|
|
19052
|
-
|
|
19178
|
+
staticLoading = _useApiHook.loading;
|
|
19053
19179
|
//API for return locations
|
|
19054
19180
|
var _useApiHook2 = useApiHook({
|
|
19055
19181
|
endpoint: "/return_locations/",
|
|
@@ -19080,7 +19206,7 @@ function ReturnClient() {
|
|
|
19080
19206
|
return i == null ? void 0 : i.assign_client;
|
|
19081
19207
|
}));
|
|
19082
19208
|
}
|
|
19083
|
-
}, [
|
|
19209
|
+
}, [staticLoading]);
|
|
19084
19210
|
useEffect(function () {
|
|
19085
19211
|
if (fetchedLocationData && fetchedLocationData != null && fetchedLocationData.data) {
|
|
19086
19212
|
setLocationData(fetchedLocationData == null ? void 0 : fetchedLocationData.data);
|
|
@@ -19104,7 +19230,9 @@ function ReturnClient() {
|
|
|
19104
19230
|
element: React.createElement(ReturnAfterTable, null)
|
|
19105
19231
|
}), React.createElement(Route, {
|
|
19106
19232
|
path: "/:id",
|
|
19107
|
-
element: React.createElement(OrderView,
|
|
19233
|
+
element: React.createElement(OrderView, {
|
|
19234
|
+
locationloading: locationloading
|
|
19235
|
+
})
|
|
19108
19236
|
}), React.createElement(Route, {
|
|
19109
19237
|
path: "filter",
|
|
19110
19238
|
element: React.createElement(ReturnTable, null)
|