@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
|
@@ -2469,7 +2469,8 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2469
2469
|
method: 'GET',
|
|
2470
2470
|
filters: filters,
|
|
2471
2471
|
pagination: pagination,
|
|
2472
|
-
performAction: false
|
|
2472
|
+
performAction: false,
|
|
2473
|
+
showLoader: false
|
|
2473
2474
|
}),
|
|
2474
2475
|
fetchedOrderData = _useApiHook.data,
|
|
2475
2476
|
returnDataLoad = _useApiHook.loading,
|
|
@@ -3151,7 +3152,7 @@ var ModalManager = function ModalManager() {
|
|
|
3151
3152
|
};
|
|
3152
3153
|
React.useEffect(function () {
|
|
3153
3154
|
// @ts-ignore
|
|
3154
|
-
if (response && (response == null ? void 0 : response.code) == 500) {
|
|
3155
|
+
if (response && (response == null ? void 0 : response.code) == 500 || (response == null ? void 0 : response.code) == 400) {
|
|
3155
3156
|
// @ts-ignore
|
|
3156
3157
|
antd.notification.error({
|
|
3157
3158
|
message: 'Failure',
|
|
@@ -4243,7 +4244,8 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
4243
4244
|
method: 'GET',
|
|
4244
4245
|
filters: filters && (filters == null ? void 0 : filters.length) > 0 ? filters : undefined,
|
|
4245
4246
|
pagination: pagination,
|
|
4246
|
-
performAction: false
|
|
4247
|
+
performAction: false,
|
|
4248
|
+
showLoader: false
|
|
4247
4249
|
}),
|
|
4248
4250
|
fetchedReturnOrderData = _useApiHook.data,
|
|
4249
4251
|
loading = _useApiHook.loading,
|
|
@@ -6090,9 +6092,19 @@ function OrderDetailsFooter() {
|
|
|
6090
6092
|
}
|
|
6091
6093
|
var Container$x = /*#__PURE__*/styled__default.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"])));
|
|
6092
6094
|
|
|
6093
|
-
var _templateObject$U, _templateObject2$G, _templateObject3$i;
|
|
6094
|
-
function ExpandedContent() {
|
|
6095
|
-
|
|
6095
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$i, _templateObject4$8;
|
|
6096
|
+
function ExpandedContent(_ref) {
|
|
6097
|
+
var orderLoading = _ref.orderLoading,
|
|
6098
|
+
depotDataLoading = _ref.depotDataLoading;
|
|
6099
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(MainContainer$3, null, orderLoading || depotDataLoading ? React__default.createElement(React__default.Fragment, null, React__default.createElement(CustomFormSection$4, null, React__default.createElement(antd.Skeleton, {
|
|
6100
|
+
paragraph: {
|
|
6101
|
+
rows: 4
|
|
6102
|
+
}
|
|
6103
|
+
}), React__default.createElement(antd.Skeleton, {
|
|
6104
|
+
paragraph: {
|
|
6105
|
+
rows: 4
|
|
6106
|
+
}
|
|
6107
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$y, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null))));
|
|
6096
6108
|
}
|
|
6097
6109
|
var HalfWidth = /*#__PURE__*/styled__default.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"])));
|
|
6098
6110
|
var Container$y = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6110,8 +6122,11 @@ var Container$y = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templ
|
|
|
6110
6122
|
// user-select: none;
|
|
6111
6123
|
// `;
|
|
6112
6124
|
var MainContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
6125
|
+
var CustomFormSection$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6113
6126
|
|
|
6114
|
-
function OrderDetails$1() {
|
|
6127
|
+
function OrderDetails$1(_ref) {
|
|
6128
|
+
var orderLoading = _ref.orderLoading,
|
|
6129
|
+
depotDataLoading = _ref.depotDataLoading;
|
|
6115
6130
|
var _useOrderDetails = useOrderDetails(),
|
|
6116
6131
|
orderData = _useOrderDetails[0];
|
|
6117
6132
|
var customerData = orderData;
|
|
@@ -6138,7 +6153,10 @@ function OrderDetails$1() {
|
|
|
6138
6153
|
setCustomerData(requiredData[0]);
|
|
6139
6154
|
}
|
|
6140
6155
|
}, [fetchedData, loading]);
|
|
6141
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent,
|
|
6156
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, {
|
|
6157
|
+
orderLoading: orderLoading,
|
|
6158
|
+
depotDataLoading: depotDataLoading
|
|
6159
|
+
}));
|
|
6142
6160
|
}
|
|
6143
6161
|
|
|
6144
6162
|
var _templateObject$V;
|
|
@@ -6182,7 +6200,7 @@ function NoteType() {
|
|
|
6182
6200
|
}
|
|
6183
6201
|
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6184
6202
|
|
|
6185
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$
|
|
6203
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$9;
|
|
6186
6204
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6187
6205
|
function AddNote() {
|
|
6188
6206
|
var _useState = React.useState(template),
|
|
@@ -6209,7 +6227,8 @@ function AddNote() {
|
|
|
6209
6227
|
selectedAssignee = _useSelectedData[0];
|
|
6210
6228
|
var _useAxios = dmsComponentLibrary.useAxios({
|
|
6211
6229
|
endpoint: "audit_logs/order/type",
|
|
6212
|
-
method: 'GET'
|
|
6230
|
+
method: 'GET',
|
|
6231
|
+
showLoader: false
|
|
6213
6232
|
}),
|
|
6214
6233
|
getNoteType = _useAxios.fetchData,
|
|
6215
6234
|
fetchedData = _useAxios.data;
|
|
@@ -6351,7 +6370,7 @@ function AddNote() {
|
|
|
6351
6370
|
var Container$A = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6352
6371
|
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
6353
6372
|
var StyledTextArea = /*#__PURE__*/styled__default.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"])));
|
|
6354
|
-
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$
|
|
6373
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6355
6374
|
|
|
6356
6375
|
var NotesTableData = [{
|
|
6357
6376
|
tableHead: [{
|
|
@@ -6411,7 +6430,7 @@ function AuditLogs() {
|
|
|
6411
6430
|
}
|
|
6412
6431
|
var Container$B = /*#__PURE__*/styled__default.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"])));
|
|
6413
6432
|
|
|
6414
|
-
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$
|
|
6433
|
+
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$a;
|
|
6415
6434
|
// import { useLocation } from 'react-router-dom';
|
|
6416
6435
|
function Notes() {
|
|
6417
6436
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6494,7 +6513,7 @@ function Notes() {
|
|
|
6494
6513
|
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6495
6514
|
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
6496
6515
|
var CustomizedFormSection = /*#__PURE__*/styled__default.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"])));
|
|
6497
|
-
var SmallButton = /*#__PURE__*/styled__default.button(_templateObject4$
|
|
6516
|
+
var SmallButton = /*#__PURE__*/styled__default.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"])));
|
|
6498
6517
|
|
|
6499
6518
|
var _templateObject$_;
|
|
6500
6519
|
// import styled from 'styled-components';
|
|
@@ -6519,7 +6538,7 @@ function ChevronUp(props) {
|
|
|
6519
6538
|
}));
|
|
6520
6539
|
}
|
|
6521
6540
|
|
|
6522
|
-
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$
|
|
6541
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$b, _templateObject5$7, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6523
6542
|
function CollapsableForm(props) {
|
|
6524
6543
|
var _useState = React.useState(true),
|
|
6525
6544
|
isExpanded = _useState[0],
|
|
@@ -6542,7 +6561,7 @@ function CollapsableForm(props) {
|
|
|
6542
6561
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.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"])));
|
|
6543
6562
|
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
6544
6563
|
var Text$4 = /*#__PURE__*/styled__default.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"])));
|
|
6545
|
-
var Container$D = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6564
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6546
6565
|
var MainContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6547
6566
|
var IconContainer$1 = /*#__PURE__*/styled__default.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) {
|
|
6548
6567
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -6572,11 +6591,12 @@ var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject$10 || (_tem
|
|
|
6572
6591
|
var View = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
6573
6592
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6574
6593
|
|
|
6575
|
-
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$
|
|
6594
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$c, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6576
6595
|
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
6577
6596
|
function DynamicTable(_ref, props) {
|
|
6578
6597
|
var columns = _ref.columns,
|
|
6579
|
-
data = _ref.data
|
|
6598
|
+
data = _ref.data,
|
|
6599
|
+
loading = _ref.loading;
|
|
6580
6600
|
var tableColumns = React.useMemo(function () {
|
|
6581
6601
|
return columns;
|
|
6582
6602
|
}, [columns]);
|
|
@@ -6598,6 +6618,8 @@ function DynamicTable(_ref, props) {
|
|
|
6598
6618
|
var mediumColumns = ['date', 'reference', 'note', 'category'];
|
|
6599
6619
|
var largeColumns = ['details', 'datetime'];
|
|
6600
6620
|
var noFlexColumns = ['id'];
|
|
6621
|
+
console.log(rows, '<===========rows');
|
|
6622
|
+
console.log(props, 'props');
|
|
6601
6623
|
return React__default.createElement(MainContainer$5, null, React__default.createElement(Container$E, null, React__default.createElement(TableWrapper, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(Table, null, React__default.createElement(TableHead, null, headerGroups == null ? void 0 : headerGroups.map(function (headerGroup) {
|
|
6602
6624
|
return React__default.createElement(TableRow, {
|
|
6603
6625
|
key: headerGroup.id
|
|
@@ -6608,7 +6630,13 @@ function DynamicTable(_ref, props) {
|
|
|
6608
6630
|
onClick: header.column.getToggleSortingHandler()
|
|
6609
6631
|
}, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
|
|
6610
6632
|
}));
|
|
6611
|
-
})), React__default.createElement(TableBody, null,
|
|
6633
|
+
})), React__default.createElement(TableBody, null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
6634
|
+
colSpan: 5
|
|
6635
|
+
}, React__default.createElement(antd.Skeleton, {
|
|
6636
|
+
active: true
|
|
6637
|
+
}))) : (rows == null ? void 0 : rows.length) === 0 ? React__default.createElement(TableRow, null, React__default.createElement(TableData, {
|
|
6638
|
+
colSpan: columns.length
|
|
6639
|
+
}, "No entries found.")) : rows == null ? void 0 : rows.map(function (row) {
|
|
6612
6640
|
var _selectedRows$filter;
|
|
6613
6641
|
return React__default.createElement(TableRow, {
|
|
6614
6642
|
key: row.id,
|
|
@@ -6624,14 +6652,12 @@ function DynamicTable(_ref, props) {
|
|
|
6624
6652
|
action: action
|
|
6625
6653
|
})));
|
|
6626
6654
|
}));
|
|
6627
|
-
})
|
|
6628
|
-
colSpan: columns.length
|
|
6629
|
-
}, "No entries found."))))))));
|
|
6655
|
+
})))))));
|
|
6630
6656
|
}
|
|
6631
6657
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6632
6658
|
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6633
6659
|
var TableHeadData = /*#__PURE__*/styled__default.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"])));
|
|
6634
|
-
var TableData = /*#__PURE__*/styled__default.td(_templateObject4$
|
|
6660
|
+
var TableData = /*#__PURE__*/styled__default.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"])));
|
|
6635
6661
|
var TableRow = /*#__PURE__*/styled__default.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"])));
|
|
6636
6662
|
var TableBody = /*#__PURE__*/styled__default.tbody(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
6637
6663
|
var TableHead = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6712,7 +6738,8 @@ var tableColumns = [{
|
|
|
6712
6738
|
var _templateObject$16;
|
|
6713
6739
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6714
6740
|
// import { ApiResponse } from '../../types';
|
|
6715
|
-
function SystemLogs() {
|
|
6741
|
+
function SystemLogs(_ref) {
|
|
6742
|
+
var loading = _ref.loading;
|
|
6716
6743
|
var _useOrderProductSyste = useOrderProductSystemLogs(),
|
|
6717
6744
|
systemLogs = _useOrderProductSyste[0];
|
|
6718
6745
|
// const [, setNotesData] = useEventNotesData();
|
|
@@ -6740,7 +6767,8 @@ function SystemLogs() {
|
|
|
6740
6767
|
collapsedContent: React__default.createElement(SystemCollapsedContent, null)
|
|
6741
6768
|
}, React__default.createElement(DynamicTable, {
|
|
6742
6769
|
columns: tableColumns,
|
|
6743
|
-
data: systemLogs
|
|
6770
|
+
data: systemLogs,
|
|
6771
|
+
loading: loading
|
|
6744
6772
|
})));
|
|
6745
6773
|
}
|
|
6746
6774
|
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -6765,22 +6793,6 @@ var StatusOptions = [{
|
|
|
6765
6793
|
value: 'delivered'
|
|
6766
6794
|
}];
|
|
6767
6795
|
|
|
6768
|
-
function Divider() {
|
|
6769
|
-
return React__default.createElement("svg", {
|
|
6770
|
-
width: "12",
|
|
6771
|
-
height: "36",
|
|
6772
|
-
viewBox: "0 0 12 36",
|
|
6773
|
-
fill: "none",
|
|
6774
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
6775
|
-
}, React__default.createElement("path", {
|
|
6776
|
-
d: "M1.104 36L11.229 18L1.104 0",
|
|
6777
|
-
stroke: "#E2E0DB",
|
|
6778
|
-
strokeWidth: "1.5",
|
|
6779
|
-
strokeLinecap: "round",
|
|
6780
|
-
strokeLinejoin: "round"
|
|
6781
|
-
}));
|
|
6782
|
-
}
|
|
6783
|
-
|
|
6784
6796
|
function RouteIcon() {
|
|
6785
6797
|
return React__default.createElement("svg", {
|
|
6786
6798
|
width: "25",
|
|
@@ -6900,16 +6912,51 @@ function ConfirmedIcon() {
|
|
|
6900
6912
|
}))));
|
|
6901
6913
|
}
|
|
6902
6914
|
|
|
6903
|
-
|
|
6904
|
-
|
|
6915
|
+
function Divider() {
|
|
6916
|
+
return React__default.createElement("svg", {
|
|
6917
|
+
width: "12",
|
|
6918
|
+
height: "36",
|
|
6919
|
+
viewBox: "0 0 12 36",
|
|
6920
|
+
fill: "none",
|
|
6921
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6922
|
+
}, React__default.createElement("path", {
|
|
6923
|
+
d: "M1.104 36L11.229 18L1.104 0",
|
|
6924
|
+
stroke: "#E2E0DB",
|
|
6925
|
+
strokeWidth: "1.5",
|
|
6926
|
+
strokeLinecap: "round",
|
|
6927
|
+
strokeLinejoin: "round"
|
|
6928
|
+
}));
|
|
6929
|
+
}
|
|
6930
|
+
|
|
6931
|
+
var _templateObject$17, _templateObject2$R, _templateObject3$o, _templateObject4$d, _templateObject5$9, _templateObject6$3, _templateObject7$5;
|
|
6932
|
+
function Status(_ref) {
|
|
6933
|
+
var statusDataLoading = _ref.statusDataLoading;
|
|
6905
6934
|
var _useStatusDetails = useStatusDetails(),
|
|
6906
6935
|
orderStatus = _useStatusDetails[0];
|
|
6907
|
-
return React__default.createElement(Container$F, null, React__default.createElement(BoxContainer, null, StatusOptions.map(function (option, index) {
|
|
6936
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$F, null, React__default.createElement(BoxContainer, null, statusDataLoading ? React__default.createElement(React__default.Fragment, null, React__default.createElement(StatusSkeletonRow, null)) : StatusOptions == null ? void 0 : StatusOptions.map(function (option, index) {
|
|
6908
6937
|
return React__default.createElement(React__default.Fragment, {
|
|
6909
6938
|
key: index
|
|
6910
6939
|
}, React__default.createElement(TextContainer$1, null, renderIcon(option.value, orderStatus), React__default.createElement(Heading, null, option.label)), index < StatusOptions.length - 1 && React__default.createElement(Divider, null));
|
|
6911
|
-
})));
|
|
6940
|
+
}))));
|
|
6912
6941
|
}
|
|
6942
|
+
var StatusSkeletonItem = function StatusSkeletonItem() {
|
|
6943
|
+
return React__default.createElement(SkeletonItemContainer, null, React__default.createElement(antd.Skeleton.Avatar, {
|
|
6944
|
+
size: "small",
|
|
6945
|
+
style: {
|
|
6946
|
+
marginRight: 12
|
|
6947
|
+
}
|
|
6948
|
+
}), React__default.createElement(antd.Skeleton.Input, {
|
|
6949
|
+
active: true,
|
|
6950
|
+
size: "small",
|
|
6951
|
+
style: {
|
|
6952
|
+
width: 150,
|
|
6953
|
+
borderRadius: 8
|
|
6954
|
+
}
|
|
6955
|
+
}));
|
|
6956
|
+
};
|
|
6957
|
+
var StatusSkeletonRow = function StatusSkeletonRow() {
|
|
6958
|
+
return React__default.createElement(StatusBox, null, React__default.createElement(StatusSkeletonItem, null), React__default.createElement(SkeletonDivider, null), React__default.createElement(StatusSkeletonItem, null), React__default.createElement(SkeletonDivider, null), React__default.createElement(StatusSkeletonItem, null), React__default.createElement(SkeletonDivider, null), React__default.createElement(StatusSkeletonItem, null), React__default.createElement(SkeletonDivider, null), React__default.createElement(StatusSkeletonItem, null), React__default.createElement(SkeletonDivider, null), React__default.createElement(StatusSkeletonItem, null));
|
|
6959
|
+
};
|
|
6913
6960
|
var renderIcon = function renderIcon(value, orderStatus) {
|
|
6914
6961
|
var status = orderStatus && orderStatus.length > 0 ? orderStatus[0] : null;
|
|
6915
6962
|
if (!status) {
|
|
@@ -6946,15 +6993,35 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6946
6993
|
return null;
|
|
6947
6994
|
}
|
|
6948
6995
|
};
|
|
6949
|
-
|
|
6950
|
-
|
|
6951
|
-
|
|
6952
|
-
|
|
6996
|
+
// const RowWrapper = styled.div`
|
|
6997
|
+
// display: flex;
|
|
6998
|
+
// flex-direction: column;
|
|
6999
|
+
// background: #fff;
|
|
7000
|
+
// border-radius: 12px;
|
|
7001
|
+
// box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
7002
|
+
// padding: 16px;
|
|
7003
|
+
// `;
|
|
7004
|
+
// const HeaderPlaceholder = styled.div`
|
|
7005
|
+
// display: flex;
|
|
7006
|
+
// align-items: center;
|
|
7007
|
+
// padding: 8px 0;
|
|
7008
|
+
// gap: 12px;
|
|
7009
|
+
// `;
|
|
7010
|
+
var StatusBox = /*#__PURE__*/styled__default.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"])));
|
|
7011
|
+
var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7012
|
+
var SkeletonDivider = /*#__PURE__*/styled__default.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"])));
|
|
7013
|
+
var BoxContainer = /*#__PURE__*/styled__default.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"])));
|
|
7014
|
+
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
7015
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7016
|
+
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6953
7017
|
|
|
6954
7018
|
var _templateObject$18;
|
|
6955
7019
|
// import DropDownOptions from './dropdowns';
|
|
6956
|
-
function GeneralHeader() {
|
|
6957
|
-
|
|
7020
|
+
function GeneralHeader(_ref) {
|
|
7021
|
+
var statusDataLoading = _ref.statusDataLoading;
|
|
7022
|
+
return React__default.createElement(Section, null, React__default.createElement(Status, {
|
|
7023
|
+
statusDataLoading: statusDataLoading
|
|
7024
|
+
}));
|
|
6958
7025
|
}
|
|
6959
7026
|
var Section = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6960
7027
|
|
|
@@ -6976,6 +7043,147 @@ var ActionIcon = function ActionIcon() {
|
|
|
6976
7043
|
};
|
|
6977
7044
|
|
|
6978
7045
|
var _templateObject$19;
|
|
7046
|
+
function BackgroundModal(props) {
|
|
7047
|
+
return reactDom.createPortal(React__default.createElement(Container$G, Object.assign({}, props), props.children), document.body);
|
|
7048
|
+
}
|
|
7049
|
+
var Container$G = /*#__PURE__*/styled__default.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"])));
|
|
7050
|
+
|
|
7051
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$p, _templateObject4$e;
|
|
7052
|
+
function AdditionalInformation(props) {
|
|
7053
|
+
return React__default.createElement(Container$H, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
7054
|
+
}
|
|
7055
|
+
var Text$5 = /*#__PURE__*/styled__default.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"])));
|
|
7056
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7057
|
+
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7058
|
+
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
7059
|
+
|
|
7060
|
+
var _templateObject$1b, _templateObject2$T, _templateObject3$q, _templateObject4$f;
|
|
7061
|
+
function OrderActionHeader(props) {
|
|
7062
|
+
var title = props.title,
|
|
7063
|
+
actions = props.actions,
|
|
7064
|
+
_props$showInformatio = props.showInformation,
|
|
7065
|
+
showInformation = _props$showInformatio === void 0 ? false : _props$showInformatio,
|
|
7066
|
+
_props$infoText = props.infoText,
|
|
7067
|
+
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7068
|
+
onClose = props.onClose;
|
|
7069
|
+
return React__default.createElement(Container$I, null, React__default.createElement(Wrapper$d, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
7070
|
+
info: infoText
|
|
7071
|
+
}), actions), React__default.createElement(IconContainer$2, {
|
|
7072
|
+
onClick: onClose
|
|
7073
|
+
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
7074
|
+
}
|
|
7075
|
+
var Wrapper$d = /*#__PURE__*/styled__default.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"])));
|
|
7076
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7077
|
+
var Title = /*#__PURE__*/styled__default.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"])));
|
|
7078
|
+
var Container$I = /*#__PURE__*/styled__default.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"])));
|
|
7079
|
+
|
|
7080
|
+
var _templateObject$1c, _templateObject2$U;
|
|
7081
|
+
function OrderActionFooter(props) {
|
|
7082
|
+
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7083
|
+
return React__default.createElement(Container$J, null, React__default.createElement(SubmitButton, {
|
|
7084
|
+
shape: "rounded",
|
|
7085
|
+
colors: "primary",
|
|
7086
|
+
onClick: props.onSubmit,
|
|
7087
|
+
disabled: isSubmitDisabled
|
|
7088
|
+
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7089
|
+
}
|
|
7090
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7091
|
+
var Container$J = /*#__PURE__*/styled__default.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"])));
|
|
7092
|
+
|
|
7093
|
+
var _templateObject$1d;
|
|
7094
|
+
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7095
|
+
function OrderActionModal(_ref) {
|
|
7096
|
+
var _ref$minWidth = _ref.minWidth,
|
|
7097
|
+
minWidth = _ref$minWidth === void 0 ? '30vw' : _ref$minWidth,
|
|
7098
|
+
_ref$maxWidth = _ref.maxWidth,
|
|
7099
|
+
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7100
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7101
|
+
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$6, {
|
|
7102
|
+
minWidth: minWidth,
|
|
7103
|
+
maxWidth: maxWidth
|
|
7104
|
+
}, React__default.createElement(OrderActionHeader, {
|
|
7105
|
+
title: props.headerTitle,
|
|
7106
|
+
onClose: props.onCloseHeader,
|
|
7107
|
+
showInformation: props.showAdditionalInfo,
|
|
7108
|
+
infoText: props.infoText,
|
|
7109
|
+
actions: props.headerActions
|
|
7110
|
+
}), props.children, React__default.createElement(OrderActionFooter, {
|
|
7111
|
+
submitButtonTitle: props.submitBtnTitle,
|
|
7112
|
+
onSubmit: props.onSubmit,
|
|
7113
|
+
actions: props.footerActions,
|
|
7114
|
+
isSubmitDisabled: props.isSubmitDisabled
|
|
7115
|
+
})));
|
|
7116
|
+
}
|
|
7117
|
+
// Styled component with dynamic min-width
|
|
7118
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.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) {
|
|
7119
|
+
var maxWidth = _ref2.maxWidth;
|
|
7120
|
+
return maxWidth;
|
|
7121
|
+
}, function (_ref3) {
|
|
7122
|
+
var minWidth = _ref3.minWidth;
|
|
7123
|
+
return minWidth;
|
|
7124
|
+
});
|
|
7125
|
+
|
|
7126
|
+
var _templateObject$1e, _templateObject2$V, _templateObject3$r, _templateObject9$2;
|
|
7127
|
+
function ChargeLog() {
|
|
7128
|
+
var _fetchedData$data, _fetchedData$data2;
|
|
7129
|
+
var _useCurrentAction = useCurrentAction(),
|
|
7130
|
+
setCurrentAction = _useCurrentAction[1];
|
|
7131
|
+
var _useCustomerInfo = useCustomerInfo(),
|
|
7132
|
+
customerInfo = _useCustomerInfo[0];
|
|
7133
|
+
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
7134
|
+
var _useOrderDetails = useOrderDetails(),
|
|
7135
|
+
orderDetails = _useOrderDetails[0];
|
|
7136
|
+
var closeModal = function closeModal() {
|
|
7137
|
+
setCurrentAction(undefined);
|
|
7138
|
+
};
|
|
7139
|
+
var _useAxios = dmsComponentLibrary.useAxios({
|
|
7140
|
+
endpoint: "/invoices/charge-logs/?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
7141
|
+
method: 'GET'
|
|
7142
|
+
}),
|
|
7143
|
+
fetchedData = _useAxios.data,
|
|
7144
|
+
loading = _useAxios.loading,
|
|
7145
|
+
fetchData = _useAxios.fetchData;
|
|
7146
|
+
React.useEffect(function () {
|
|
7147
|
+
fetchData();
|
|
7148
|
+
}, []);
|
|
7149
|
+
return React__default.createElement(OrderActionModal, {
|
|
7150
|
+
headerTitle: "Charges For",
|
|
7151
|
+
onCloseHeader: closeModal,
|
|
7152
|
+
onSubmit: closeModal,
|
|
7153
|
+
submitBtnTitle: "Close",
|
|
7154
|
+
showAdditionalInfo: true,
|
|
7155
|
+
infoText: infoText
|
|
7156
|
+
}, React__default.createElement(StyledTableWrapper$2, null, React__default.createElement(StyledTable$2, {
|
|
7157
|
+
className: "scrollClass"
|
|
7158
|
+
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Date"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Amount"), React__default.createElement("th", null, "Status"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7159
|
+
colSpan: 6
|
|
7160
|
+
}, React__default.createElement(antd.Skeleton, {
|
|
7161
|
+
active: true
|
|
7162
|
+
})), React__default.createElement("td", {
|
|
7163
|
+
colSpan: 6
|
|
7164
|
+
})) : (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7165
|
+
className: "emptyTd",
|
|
7166
|
+
colSpan: 7
|
|
7167
|
+
}, React__default.createElement(EmptyDataContainer$2, null, React__default.createElement(antd.Empty, null)))) : fetchedData == null || (_fetchedData$data2 = fetchedData.data) == null ? void 0 : _fetchedData$data2.map(function (order) {
|
|
7168
|
+
var _order$status, _order$status2;
|
|
7169
|
+
var label = order == null || (_order$status = order.status) == null ? void 0 : _order$status.split(':')[0];
|
|
7170
|
+
var val = order == null || (_order$status2 = order.status) == null ? void 0 : _order$status2.split(':')[1];
|
|
7171
|
+
return React__default.createElement("tr", null, React__default.createElement("td", null, order == null ? void 0 : order.date), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.amount), React__default.createElement("td", null, React__default.createElement("div", {
|
|
7172
|
+
style: {
|
|
7173
|
+
display: 'flex',
|
|
7174
|
+
alignItems: 'center',
|
|
7175
|
+
gap: '5px'
|
|
7176
|
+
}
|
|
7177
|
+
}, label, ": ", React__default.createElement(Value, null, val))));
|
|
7178
|
+
})))));
|
|
7179
|
+
}
|
|
7180
|
+
// Styled components
|
|
7181
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
7182
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
7183
|
+
var EmptyDataContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7184
|
+
var Value = /*#__PURE__*/styled__default.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7185
|
+
|
|
7186
|
+
var _templateObject$1f;
|
|
6979
7187
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
6980
7188
|
var _useSelectedProducts = useSelectedProducts(),
|
|
6981
7189
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7106,7 +7314,13 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7106
7314
|
disabled: disableCheckbox,
|
|
7107
7315
|
checked: selectAll,
|
|
7108
7316
|
onChange: handleSelectAll
|
|
7109
|
-
})), React__default.createElement("th", null, "Location"), React__default.createElement("th", null, "Sender"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Return Reason"), React__default.createElement("th", null, "Part"), React__default.createElement("th", null, "Action"))), React__default.createElement("tbody", null,
|
|
7317
|
+
})), React__default.createElement("th", null, "Location"), React__default.createElement("th", null, "Sender"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Return Reason"), React__default.createElement("th", null, "Part"), React__default.createElement("th", null, "Action"))), React__default.createElement("tbody", null, props != null && props.loading || props != null && props.locationloading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7318
|
+
colSpan: 14
|
|
7319
|
+
}, React__default.createElement(antd.Skeleton, {
|
|
7320
|
+
active: true
|
|
7321
|
+
}))) : (productData == null ? void 0 : productData.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
7322
|
+
colSpan: 14
|
|
7323
|
+
}, React__default.createElement(EmptyDataContainer$2, null, React__default.createElement(antd.Empty, null)))) : productData == null ? void 0 : productData.map(function (product) {
|
|
7110
7324
|
return React__default.createElement("tr", {
|
|
7111
7325
|
key: product.id
|
|
7112
7326
|
}, React__default.createElement("td", null, React__default.createElement(StyleCheckbox, {
|
|
@@ -7140,24 +7354,21 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7140
7354
|
cursor: 'pointer'
|
|
7141
7355
|
}
|
|
7142
7356
|
}, React__default.createElement(ActionIcon, null))));
|
|
7143
|
-
})
|
|
7144
|
-
colSpan: 8,
|
|
7145
|
-
style: {
|
|
7146
|
-
textAlign: 'center'
|
|
7147
|
-
}
|
|
7148
|
-
}, "No records found"))))));
|
|
7357
|
+
})))));
|
|
7149
7358
|
};
|
|
7150
|
-
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$
|
|
7359
|
+
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7151
7360
|
|
|
7152
|
-
var _templateObject$
|
|
7361
|
+
var _templateObject$1g;
|
|
7153
7362
|
var ProductTable = function ProductTable(props) {
|
|
7154
|
-
return React__default.createElement(Container$
|
|
7155
|
-
callReturnProducts: props == null ? void 0 : props.callReturnProducts
|
|
7363
|
+
return React__default.createElement(Container$K, null, React__default.createElement(ReturnProductTable, {
|
|
7364
|
+
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7365
|
+
loading: props == null ? void 0 : props.loading,
|
|
7366
|
+
locationloading: props == null ? void 0 : props.locationloading
|
|
7156
7367
|
}));
|
|
7157
7368
|
};
|
|
7158
|
-
var Container$
|
|
7369
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7159
7370
|
|
|
7160
|
-
var _templateObject$
|
|
7371
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$s;
|
|
7161
7372
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
7162
7373
|
var selectedOrderId = /*#__PURE__*/jotai.atom(null);
|
|
7163
7374
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7255,7 +7466,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7255
7466
|
value: order == null ? void 0 : order.id
|
|
7256
7467
|
};
|
|
7257
7468
|
});
|
|
7258
|
-
return React__default.createElement(Container$
|
|
7469
|
+
return React__default.createElement(Container$L, null, React__default.createElement(Text$6, null, "New Return Order:"), React__default.createElement(StyledAntSelect$4, {
|
|
7259
7470
|
options: dropdownOptions,
|
|
7260
7471
|
value: selectedId,
|
|
7261
7472
|
placeholder: "Select",
|
|
@@ -7271,11 +7482,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7271
7482
|
notFoundContent: "No orders found with a similar postcode"
|
|
7272
7483
|
}));
|
|
7273
7484
|
};
|
|
7274
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
7275
|
-
var Container$
|
|
7276
|
-
var Text$
|
|
7485
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.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"])));
|
|
7486
|
+
var Container$L = /*#__PURE__*/styled__default.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"])));
|
|
7487
|
+
var Text$6 = /*#__PURE__*/styled__default.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"])));
|
|
7277
7488
|
|
|
7278
|
-
var _templateObject$
|
|
7489
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$t;
|
|
7279
7490
|
function ExpandedContent$2(props) {
|
|
7280
7491
|
var _response$data, _response$data2;
|
|
7281
7492
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -7379,8 +7590,10 @@ function ExpandedContent$2(props) {
|
|
|
7379
7590
|
setSelectedProducts([]);
|
|
7380
7591
|
}
|
|
7381
7592
|
}, [response, newId, navigate, setSelectedProducts]);
|
|
7382
|
-
return React__default.createElement(Container$
|
|
7383
|
-
callReturnProducts: props == null ? void 0 : props.callReturnProducts
|
|
7593
|
+
return React__default.createElement(Container$M, null, React__default.createElement(ProductTable, {
|
|
7594
|
+
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
7595
|
+
loading: props == null ? void 0 : props.loading,
|
|
7596
|
+
locationloading: props == null ? void 0 : props.locationloading
|
|
7384
7597
|
}), React__default.createElement(MidContainer, null, React__default.createElement(SaveNoteContainer$1, null, React__default.createElement(dmsComponentLibrary.Button, {
|
|
7385
7598
|
style: {
|
|
7386
7599
|
borderRadius: '20px'
|
|
@@ -7389,20 +7602,21 @@ function ExpandedContent$2(props) {
|
|
|
7389
7602
|
disabled: isButtonDisabled
|
|
7390
7603
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
7391
7604
|
}
|
|
7392
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7393
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7394
|
-
var Container$
|
|
7605
|
+
var MidContainer = /*#__PURE__*/styled__default.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"])));
|
|
7606
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7607
|
+
var Container$M = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7395
7608
|
|
|
7396
|
-
var _templateObject$
|
|
7609
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
7397
7610
|
function CollapsedContent$1() {
|
|
7398
|
-
return React__default.createElement(Container$
|
|
7611
|
+
return React__default.createElement(Container$N, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
7399
7612
|
label: "Products"
|
|
7400
7613
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
7401
7614
|
}
|
|
7402
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7403
|
-
var Container$
|
|
7615
|
+
var Dimensions = /*#__PURE__*/styled__default.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"])));
|
|
7616
|
+
var Container$N = /*#__PURE__*/styled__default.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"])));
|
|
7404
7617
|
|
|
7405
|
-
function ProductsInfo() {
|
|
7618
|
+
function ProductsInfo(_ref) {
|
|
7619
|
+
var locationloading = _ref.locationloading;
|
|
7406
7620
|
var _useOrderDetails = useOrderDetails(),
|
|
7407
7621
|
data = _useOrderDetails[0];
|
|
7408
7622
|
var returnOrder = data;
|
|
@@ -7427,102 +7641,23 @@ function ProductsInfo() {
|
|
|
7427
7641
|
setLoading(loading);
|
|
7428
7642
|
if (returnOrdersData && returnOrdersData.data) {
|
|
7429
7643
|
var requiredData = returnOrdersData.data;
|
|
7430
|
-
if (requiredData.length > 0) {
|
|
7644
|
+
if ((requiredData == null ? void 0 : requiredData.length) > 0) {
|
|
7431
7645
|
setProductsData(requiredData);
|
|
7432
7646
|
} else {
|
|
7433
|
-
setProductsData(
|
|
7647
|
+
setProductsData([]);
|
|
7434
7648
|
}
|
|
7435
7649
|
}
|
|
7436
7650
|
}, [returnOrdersData, loading]);
|
|
7437
7651
|
return React__default.createElement(CollapsableForm, {
|
|
7438
7652
|
collapsedContent: React__default.createElement(CollapsedContent$1, null)
|
|
7439
7653
|
}, React__default.createElement(ExpandedContent$2, {
|
|
7440
|
-
callReturnProducts: callReturnProducts
|
|
7654
|
+
callReturnProducts: callReturnProducts,
|
|
7655
|
+
loading: loading,
|
|
7656
|
+
locationloading: locationloading
|
|
7441
7657
|
}));
|
|
7442
7658
|
}
|
|
7443
7659
|
|
|
7444
|
-
var _templateObject$
|
|
7445
|
-
function BackgroundModal(props) {
|
|
7446
|
-
return reactDom.createPortal(React__default.createElement(Container$K, Object.assign({}, props), props.children), document.body);
|
|
7447
|
-
}
|
|
7448
|
-
var Container$K = /*#__PURE__*/styled__default.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"])));
|
|
7449
|
-
|
|
7450
|
-
var _templateObject$1f, _templateObject2$V, _templateObject3$r, _templateObject4$d;
|
|
7451
|
-
function AdditionalInformation(props) {
|
|
7452
|
-
return React__default.createElement(Container$L, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$6, null, props.info)));
|
|
7453
|
-
}
|
|
7454
|
-
var Text$6 = /*#__PURE__*/styled__default.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"])));
|
|
7455
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7456
|
-
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7457
|
-
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
7458
|
-
|
|
7459
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$s, _templateObject4$e;
|
|
7460
|
-
function OrderActionHeader(props) {
|
|
7461
|
-
var title = props.title,
|
|
7462
|
-
actions = props.actions,
|
|
7463
|
-
_props$showInformatio = props.showInformation,
|
|
7464
|
-
showInformation = _props$showInformatio === void 0 ? false : _props$showInformatio,
|
|
7465
|
-
_props$infoText = props.infoText,
|
|
7466
|
-
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
7467
|
-
onClose = props.onClose;
|
|
7468
|
-
return React__default.createElement(Container$M, null, React__default.createElement(Wrapper$d, null, React__default.createElement(Title, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
7469
|
-
info: infoText
|
|
7470
|
-
}), actions), React__default.createElement(IconContainer$2, {
|
|
7471
|
-
onClick: onClose
|
|
7472
|
-
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
7473
|
-
}
|
|
7474
|
-
var Wrapper$d = /*#__PURE__*/styled__default.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"])));
|
|
7475
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7476
|
-
var Title = /*#__PURE__*/styled__default.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"])));
|
|
7477
|
-
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
7478
|
-
|
|
7479
|
-
var _templateObject$1h, _templateObject2$X;
|
|
7480
|
-
function OrderActionFooter(props) {
|
|
7481
|
-
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7482
|
-
return React__default.createElement(Container$N, null, React__default.createElement(SubmitButton, {
|
|
7483
|
-
shape: "rounded",
|
|
7484
|
-
colors: "primary",
|
|
7485
|
-
onClick: props.onSubmit,
|
|
7486
|
-
disabled: isSubmitDisabled
|
|
7487
|
-
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7488
|
-
}
|
|
7489
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7490
|
-
var Container$N = /*#__PURE__*/styled__default.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"])));
|
|
7491
|
-
|
|
7492
|
-
var _templateObject$1i;
|
|
7493
|
-
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7494
|
-
function OrderActionModal(_ref) {
|
|
7495
|
-
var _ref$minWidth = _ref.minWidth,
|
|
7496
|
-
minWidth = _ref$minWidth === void 0 ? '30vw' : _ref$minWidth,
|
|
7497
|
-
_ref$maxWidth = _ref.maxWidth,
|
|
7498
|
-
maxWidth = _ref$maxWidth === void 0 ? '75vw' : _ref$maxWidth,
|
|
7499
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
7500
|
-
return React__default.createElement(BackgroundModal, null, React__default.createElement(MainContainer$6, {
|
|
7501
|
-
minWidth: minWidth,
|
|
7502
|
-
maxWidth: maxWidth
|
|
7503
|
-
}, React__default.createElement(OrderActionHeader, {
|
|
7504
|
-
title: props.headerTitle,
|
|
7505
|
-
onClose: props.onCloseHeader,
|
|
7506
|
-
showInformation: props.showAdditionalInfo,
|
|
7507
|
-
infoText: props.infoText,
|
|
7508
|
-
actions: props.headerActions
|
|
7509
|
-
}), props.children, React__default.createElement(OrderActionFooter, {
|
|
7510
|
-
submitButtonTitle: props.submitBtnTitle,
|
|
7511
|
-
onSubmit: props.onSubmit,
|
|
7512
|
-
actions: props.footerActions,
|
|
7513
|
-
isSubmitDisabled: props.isSubmitDisabled
|
|
7514
|
-
})));
|
|
7515
|
-
}
|
|
7516
|
-
// Styled component with dynamic min-width
|
|
7517
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.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) {
|
|
7518
|
-
var maxWidth = _ref2.maxWidth;
|
|
7519
|
-
return maxWidth;
|
|
7520
|
-
}, function (_ref3) {
|
|
7521
|
-
var minWidth = _ref3.minWidth;
|
|
7522
|
-
return minWidth;
|
|
7523
|
-
});
|
|
7524
|
-
|
|
7525
|
-
var _templateObject$1j, _templateObject2$Y, _templateObject3$t;
|
|
7660
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$u;
|
|
7526
7661
|
function OrderActionsDropdown(props) {
|
|
7527
7662
|
return React__default.createElement(Container$O, {
|
|
7528
7663
|
className: props.className
|
|
@@ -7541,9 +7676,9 @@ function OrderActionsDropdown(props) {
|
|
|
7541
7676
|
defaultValue: props.value
|
|
7542
7677
|
}));
|
|
7543
7678
|
}
|
|
7544
|
-
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7545
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7546
|
-
var Container$O = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7679
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7680
|
+
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
7681
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7547
7682
|
|
|
7548
7683
|
var initialPayload = {
|
|
7549
7684
|
description: '',
|
|
@@ -7551,8 +7686,7 @@ var initialPayload = {
|
|
|
7551
7686
|
order_id: null,
|
|
7552
7687
|
flag_type: '',
|
|
7553
7688
|
priority: 3,
|
|
7554
|
-
status: 'AD'
|
|
7555
|
-
due_datetime: ''
|
|
7689
|
+
status: 'AD'
|
|
7556
7690
|
};
|
|
7557
7691
|
var initialValue = {
|
|
7558
7692
|
due_datetime: null,
|
|
@@ -7798,7 +7932,7 @@ function UploadIcon(props) {
|
|
|
7798
7932
|
})));
|
|
7799
7933
|
}
|
|
7800
7934
|
|
|
7801
|
-
var _templateObject$
|
|
7935
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$v, _templateObject4$g, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
7802
7936
|
// Store uploaded files
|
|
7803
7937
|
var uploadedFilesAtom = /*#__PURE__*/jotai.atom([]);
|
|
7804
7938
|
// Allowed photo MIME types
|
|
@@ -7905,23 +8039,23 @@ function DocFileUpload() {
|
|
|
7905
8039
|
}));
|
|
7906
8040
|
}))));
|
|
7907
8041
|
}
|
|
7908
|
-
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7909
|
-
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8042
|
+
var MainContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8043
|
+
var DraggerContainer = /*#__PURE__*/styled__default.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) {
|
|
7910
8044
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7911
8045
|
});
|
|
7912
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7913
|
-
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject4$
|
|
7914
|
-
var FileInput = /*#__PURE__*/styled__default.input(_templateObject5$
|
|
7915
|
-
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
7916
|
-
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8046
|
+
var Container$P = /*#__PURE__*/styled__default.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"])));
|
|
8047
|
+
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n padding: 7px 20px;\n height: auto;\n border-radius: 20px;\n"])));
|
|
8048
|
+
var FileInput = /*#__PURE__*/styled__default.input(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
8049
|
+
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465ac;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
8050
|
+
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7917
8051
|
var Text1 = /*#__PURE__*/styled__default.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"])));
|
|
7918
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject9$
|
|
8052
|
+
var Text2 = /*#__PURE__*/styled__default.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"])));
|
|
7919
8053
|
var UploadedFilesContainer = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n border-top: 1px solid #e0e2e7;\n padding-top: 10px;\n"])));
|
|
7920
8054
|
var FilesTitle = /*#__PURE__*/styled__default.h4(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n color: #0465ac;\n"])));
|
|
7921
8055
|
var FilesList = /*#__PURE__*/styled__default.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n max-height: 200px;\n list-style-type: none;\n padding: 0;\n"])));
|
|
7922
8056
|
var FileItem = /*#__PURE__*/styled__default.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"])));
|
|
7923
8057
|
|
|
7924
|
-
var _templateObject$
|
|
8058
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$w, _templateObject4$h, _templateObject5$b;
|
|
7925
8059
|
function AddResources() {
|
|
7926
8060
|
var _staticOrderData$reso;
|
|
7927
8061
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8059,17 +8193,17 @@ function AddResources() {
|
|
|
8059
8193
|
onSelect: onSelectCancelReason
|
|
8060
8194
|
}), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), " ", React__default.createElement(RequiredAsterisk$1, null, "*"), React__default.createElement(DocFileUpload, null), ' ')));
|
|
8061
8195
|
}
|
|
8062
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8063
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject2
|
|
8064
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8065
|
-
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8066
|
-
var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8196
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8197
|
+
var Label$2 = /*#__PURE__*/styled__default.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"])));
|
|
8198
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8199
|
+
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
8200
|
+
var ContentContainer = /*#__PURE__*/styled__default.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"])));
|
|
8067
8201
|
|
|
8068
|
-
var _templateObject$
|
|
8202
|
+
var _templateObject$1n, _templateObject2$10, _templateObject3$x;
|
|
8069
8203
|
// Styled components
|
|
8070
|
-
var StyledTableWrapper$
|
|
8071
|
-
var StyledTable$
|
|
8072
|
-
var EmptyDataContainer$
|
|
8204
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
8205
|
+
var StyledTable$3 = /*#__PURE__*/styled__default.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"])));
|
|
8206
|
+
var EmptyDataContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8073
8207
|
|
|
8074
8208
|
function SplitOrderTable() {
|
|
8075
8209
|
var _useProductDetails = useProductDetails(),
|
|
@@ -8122,9 +8256,9 @@ function SplitOrderTable() {
|
|
|
8122
8256
|
force: true
|
|
8123
8257
|
}));
|
|
8124
8258
|
}, [selectedSplits, setPayload]);
|
|
8125
|
-
return React__default.createElement(StyledTableWrapper$
|
|
8259
|
+
return React__default.createElement(StyledTableWrapper$3, {
|
|
8126
8260
|
id: "tableScrolling"
|
|
8127
|
-
}, React__default.createElement(StyledTable$
|
|
8261
|
+
}, React__default.createElement(StyledTable$3, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
8128
8262
|
checked: selectAll,
|
|
8129
8263
|
onChange: handleSelectAll,
|
|
8130
8264
|
disabled: (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 || (orderProductDetails == null ? void 0 : orderProductDetails.length) === null
|
|
@@ -8137,7 +8271,7 @@ function SplitOrderTable() {
|
|
|
8137
8271
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8138
8272
|
className: "emptyTd",
|
|
8139
8273
|
colSpan: 7
|
|
8140
|
-
}, React__default.createElement(EmptyDataContainer$
|
|
8274
|
+
}, React__default.createElement(EmptyDataContainer$3, null, React__default.createElement(antd.Empty, {
|
|
8141
8275
|
description: "No Data Found"
|
|
8142
8276
|
})))) : (orderProductDetails == null ? void 0 : orderProductDetails.length) > 0 && (orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
8143
8277
|
var _order$order_product_;
|
|
@@ -8154,7 +8288,7 @@ function SplitOrderTable() {
|
|
|
8154
8288
|
})))));
|
|
8155
8289
|
}
|
|
8156
8290
|
|
|
8157
|
-
var _templateObject$
|
|
8291
|
+
var _templateObject$1o;
|
|
8158
8292
|
function SplitOrder() {
|
|
8159
8293
|
var _response$data;
|
|
8160
8294
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8225,7 +8359,7 @@ function SplitOrder() {
|
|
|
8225
8359
|
isSubmitDisabled: isSubmitDisabled()
|
|
8226
8360
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
8227
8361
|
}
|
|
8228
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8362
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
8229
8363
|
|
|
8230
8364
|
function RadioButtonCheckIcon(props) {
|
|
8231
8365
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -8256,7 +8390,7 @@ var fonts = {
|
|
|
8256
8390
|
secondary: "'Lato', sans-serif"
|
|
8257
8391
|
};
|
|
8258
8392
|
|
|
8259
|
-
var _templateObject$
|
|
8393
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$y;
|
|
8260
8394
|
function RadioButton(props) {
|
|
8261
8395
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
8262
8396
|
color: props.color
|
|
@@ -8267,15 +8401,15 @@ function RadioButton(props) {
|
|
|
8267
8401
|
htmlFor: props.id
|
|
8268
8402
|
}, props.label));
|
|
8269
8403
|
}
|
|
8270
|
-
var Label$3 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
8271
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
8404
|
+
var Label$3 = /*#__PURE__*/styled__default.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);
|
|
8405
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
8272
8406
|
return props.color || '#6396e5';
|
|
8273
8407
|
}, function (props) {
|
|
8274
8408
|
return props.color || '#6396e5';
|
|
8275
8409
|
});
|
|
8276
|
-
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8410
|
+
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
8277
8411
|
|
|
8278
|
-
var _templateObject$
|
|
8412
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$5, _templateObject7$7;
|
|
8279
8413
|
function RadioButtonGroup(props) {
|
|
8280
8414
|
var heading = props.heading,
|
|
8281
8415
|
_props$direction = props.direction,
|
|
@@ -8310,19 +8444,19 @@ function RadioButtonGroup(props) {
|
|
|
8310
8444
|
className: "custom-wrapper"
|
|
8311
8445
|
}, renderOptions()));
|
|
8312
8446
|
}
|
|
8313
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8314
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
8315
|
-
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8447
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
8448
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
8449
|
+
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
8316
8450
|
return !props.$required && 'visibility: hidden;';
|
|
8317
8451
|
}, labelStyles);
|
|
8318
|
-
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8319
|
-
var Legend = /*#__PURE__*/styled__default.legend(_templateObject5$
|
|
8320
|
-
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$
|
|
8321
|
-
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
8452
|
+
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
8453
|
+
var Legend = /*#__PURE__*/styled__default.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);
|
|
8454
|
+
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
8455
|
+
var Wrapper$e = /*#__PURE__*/styled__default.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) {
|
|
8322
8456
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
8323
8457
|
});
|
|
8324
8458
|
|
|
8325
|
-
var _templateObject$
|
|
8459
|
+
var _templateObject$1r;
|
|
8326
8460
|
var deliveryPoints = [{
|
|
8327
8461
|
label: 'Hallway',
|
|
8328
8462
|
value: 'hallway'
|
|
@@ -8344,9 +8478,9 @@ function DeliveryPoint(props) {
|
|
|
8344
8478
|
required: false
|
|
8345
8479
|
}));
|
|
8346
8480
|
}
|
|
8347
|
-
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8481
|
+
var Container$Q = /*#__PURE__*/styled__default.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"])));
|
|
8348
8482
|
|
|
8349
|
-
var _templateObject$
|
|
8483
|
+
var _templateObject$1s, _templateObject2$13, _templateObject3$A, _templateObject4$j, _templateObject5$d, _templateObject6$6, _templateObject7$8, _templateObject8$5;
|
|
8350
8484
|
var _excluded$6 = ["imageSrc", "label", "checked", "enabled", "onClickCheckbox"];
|
|
8351
8485
|
function Checkbox(props) {
|
|
8352
8486
|
var imageSrc = props.imageSrc,
|
|
@@ -8380,25 +8514,25 @@ function Checkbox(props) {
|
|
|
8380
8514
|
className: "label"
|
|
8381
8515
|
}, label == null ? void 0 : label.replaceAll('_', ' '))));
|
|
8382
8516
|
}
|
|
8383
|
-
var Image = /*#__PURE__*/styled__default.img(_templateObject$
|
|
8517
|
+
var Image = /*#__PURE__*/styled__default.img(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n cursor: ", ";\n"])), function (props) {
|
|
8384
8518
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
8385
8519
|
}, function (props) {
|
|
8386
8520
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8387
8521
|
});
|
|
8388
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
8522
|
+
var CircleContainer = /*#__PURE__*/styled__default.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) {
|
|
8389
8523
|
return props.$checked ? '#feba30' : '#e0e2e7';
|
|
8390
8524
|
}, function (props) {
|
|
8391
8525
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8392
8526
|
});
|
|
8393
|
-
var Circle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
8527
|
+
var Circle = /*#__PURE__*/styled__default.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) {
|
|
8394
8528
|
return props.$checked ? '#feba30' : '#ffffff';
|
|
8395
8529
|
});
|
|
8396
|
-
var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
8530
|
+
var Text$7 = /*#__PURE__*/styled__default.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) {
|
|
8397
8531
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
8398
8532
|
});
|
|
8399
|
-
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8400
|
-
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
8401
|
-
var HiddenCheckbox = /*#__PURE__*/styled__default.input(_templateObject7$
|
|
8533
|
+
var InformationContainer = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
8534
|
+
var CheckboxContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
8535
|
+
var HiddenCheckbox = /*#__PURE__*/styled__default.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) {
|
|
8402
8536
|
return props.$enabled ? 'pointer' : 'not-allowed';
|
|
8403
8537
|
});
|
|
8404
8538
|
var MainContainer$8 = /*#__PURE__*/styled__default.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) {
|
|
@@ -8440,7 +8574,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
8440
8574
|
return "" + baseURL$1 + subPath;
|
|
8441
8575
|
};
|
|
8442
8576
|
|
|
8443
|
-
var _templateObject$
|
|
8577
|
+
var _templateObject$1t;
|
|
8444
8578
|
function OrderServices$1(props) {
|
|
8445
8579
|
var _useOrderStaticData = useOrderStaticData(),
|
|
8446
8580
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -8477,9 +8611,9 @@ function OrderServices$1(props) {
|
|
|
8477
8611
|
});
|
|
8478
8612
|
}));
|
|
8479
8613
|
}
|
|
8480
|
-
var Container$R = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8614
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
8481
8615
|
|
|
8482
|
-
var _templateObject$
|
|
8616
|
+
var _templateObject$1u, _templateObject2$14, _templateObject3$B;
|
|
8483
8617
|
function Notes$1(props) {
|
|
8484
8618
|
var handleTextChange = function handleTextChange(event) {
|
|
8485
8619
|
props == null || props.setRefusedReason(event.target.value);
|
|
@@ -8496,11 +8630,11 @@ function Notes$1(props) {
|
|
|
8496
8630
|
value: props == null ? void 0 : props.refusedReason
|
|
8497
8631
|
}));
|
|
8498
8632
|
}
|
|
8499
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8500
|
-
var Label$4 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
8501
|
-
var Container$S = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8633
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8634
|
+
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
8635
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
8502
8636
|
|
|
8503
|
-
var _templateObject$
|
|
8637
|
+
var _templateObject$1v, _templateObject2$15, _templateObject3$C;
|
|
8504
8638
|
function LogServiceRefusal(props) {
|
|
8505
8639
|
var _useCurrentAction = useCurrentAction(),
|
|
8506
8640
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -8596,9 +8730,9 @@ function LogServiceRefusal(props) {
|
|
|
8596
8730
|
setRefusedReason: setRefusedReason
|
|
8597
8731
|
}))));
|
|
8598
8732
|
}
|
|
8599
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8600
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8601
|
-
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$
|
|
8733
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
8734
|
+
var Left = /*#__PURE__*/styled__default.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"])));
|
|
8735
|
+
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
8602
8736
|
|
|
8603
8737
|
function ReturnAction() {
|
|
8604
8738
|
var _orderStaticData$orde;
|
|
@@ -8709,67 +8843,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8709
8843
|
}));
|
|
8710
8844
|
};
|
|
8711
8845
|
|
|
8712
|
-
var _templateObject$
|
|
8713
|
-
function ChargeLog() {
|
|
8714
|
-
var _fetchedData$data, _fetchedData$data2;
|
|
8715
|
-
var _useCurrentAction = useCurrentAction(),
|
|
8716
|
-
setCurrentAction = _useCurrentAction[1];
|
|
8717
|
-
var _useCustomerInfo = useCustomerInfo(),
|
|
8718
|
-
customerInfo = _useCustomerInfo[0];
|
|
8719
|
-
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
8720
|
-
var _useOrderDetails = useOrderDetails(),
|
|
8721
|
-
orderDetails = _useOrderDetails[0];
|
|
8722
|
-
var closeModal = function closeModal() {
|
|
8723
|
-
setCurrentAction(undefined);
|
|
8724
|
-
};
|
|
8725
|
-
var _useAxios = dmsComponentLibrary.useAxios({
|
|
8726
|
-
endpoint: "/invoices/charge-logs/?order_id=" + (orderDetails == null ? void 0 : orderDetails.id),
|
|
8727
|
-
method: 'GET'
|
|
8728
|
-
}),
|
|
8729
|
-
fetchedData = _useAxios.data,
|
|
8730
|
-
loading = _useAxios.loading,
|
|
8731
|
-
fetchData = _useAxios.fetchData;
|
|
8732
|
-
React.useEffect(function () {
|
|
8733
|
-
fetchData();
|
|
8734
|
-
}, []);
|
|
8735
|
-
return React__default.createElement(OrderActionModal, {
|
|
8736
|
-
headerTitle: "Charges For",
|
|
8737
|
-
onCloseHeader: closeModal,
|
|
8738
|
-
onSubmit: closeModal,
|
|
8739
|
-
submitBtnTitle: "Close",
|
|
8740
|
-
showAdditionalInfo: true,
|
|
8741
|
-
infoText: infoText
|
|
8742
|
-
}, React__default.createElement(StyledTableWrapper$3, null, React__default.createElement(StyledTable$3, {
|
|
8743
|
-
className: "scrollClass"
|
|
8744
|
-
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Date"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Amount"), React__default.createElement("th", null, "Status"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8745
|
-
colSpan: 6
|
|
8746
|
-
}, React__default.createElement(antd.Skeleton, {
|
|
8747
|
-
active: true
|
|
8748
|
-
})), React__default.createElement("td", {
|
|
8749
|
-
colSpan: 6
|
|
8750
|
-
})) : (fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8751
|
-
className: "emptyTd",
|
|
8752
|
-
colSpan: 7
|
|
8753
|
-
}, React__default.createElement(EmptyDataContainer$3, null, React__default.createElement(antd.Empty, null)))) : fetchedData == null || (_fetchedData$data2 = fetchedData.data) == null ? void 0 : _fetchedData$data2.map(function (order) {
|
|
8754
|
-
var _order$status, _order$status2;
|
|
8755
|
-
var label = order == null || (_order$status = order.status) == null ? void 0 : _order$status.split(':')[0];
|
|
8756
|
-
var val = order == null || (_order$status2 = order.status) == null ? void 0 : _order$status2.split(':')[1];
|
|
8757
|
-
return React__default.createElement("tr", null, React__default.createElement("td", null, order == null ? void 0 : order.date), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.amount), React__default.createElement("td", null, React__default.createElement("div", {
|
|
8758
|
-
style: {
|
|
8759
|
-
display: 'flex',
|
|
8760
|
-
alignItems: 'center',
|
|
8761
|
-
gap: '5px'
|
|
8762
|
-
}
|
|
8763
|
-
}, label, ": ", React__default.createElement(Value, null, val))));
|
|
8764
|
-
})))));
|
|
8765
|
-
}
|
|
8766
|
-
// Styled components
|
|
8767
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
8768
|
-
var StyledTable$3 = /*#__PURE__*/styled__default.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"])));
|
|
8769
|
-
var EmptyDataContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8770
|
-
var Value = /*#__PURE__*/styled__default.span(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
8771
|
-
|
|
8772
|
-
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$j, _templateObject5$d;
|
|
8846
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$k, _templateObject5$e;
|
|
8773
8847
|
var deliverTypeOptions = [{
|
|
8774
8848
|
label: 'Deliver',
|
|
8775
8849
|
value: 'deliver',
|
|
@@ -8826,7 +8900,7 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8826
8900
|
}))) : (cancelOrderProducts == null ? void 0 : cancelOrderProducts.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
8827
8901
|
className: "emptyTd",
|
|
8828
8902
|
colSpan: 4
|
|
8829
|
-
}, React__default.createElement(EmptyDataContainer$
|
|
8903
|
+
}, React__default.createElement(EmptyDataContainer$2, null, React__default.createElement(antd.Empty, null)))) : cancelOrderProducts == null ? void 0 : cancelOrderProducts.map(function (product) {
|
|
8830
8904
|
var dropdownOptions = (product == null ? void 0 : product.product_type) === 'deliver' ? deliverTypeOptions : collectTypeOptions;
|
|
8831
8905
|
var isReturn = (product == null ? void 0 : product.action) === 'return';
|
|
8832
8906
|
return React__default.createElement("tr", {
|
|
@@ -8917,10 +8991,10 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8917
8991
|
var CustomSelectDropdown = /*#__PURE__*/styled__default(antd.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"])));
|
|
8918
8992
|
var StyledTableWrapper$4 = /*#__PURE__*/styled__default.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"])));
|
|
8919
8993
|
var StyledDropdown = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8920
|
-
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$
|
|
8921
|
-
var ReturnRowWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
8994
|
+
var StyledTable$4 = /*#__PURE__*/styled__default.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"])));
|
|
8995
|
+
var ReturnRowWrapper = /*#__PURE__*/styled__default.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"])));
|
|
8922
8996
|
|
|
8923
|
-
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$
|
|
8997
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$l, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2;
|
|
8924
8998
|
function CancelOrder(props) {
|
|
8925
8999
|
var _orderStaticData$canc;
|
|
8926
9000
|
var _useOrderId = useOrderId(),
|
|
@@ -9121,10 +9195,10 @@ function CancelOrder(props) {
|
|
|
9121
9195
|
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
9122
9196
|
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9123
9197
|
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
9124
|
-
var Container$T = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9125
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9126
|
-
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
9127
|
-
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
9198
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9199
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9200
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
9201
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9128
9202
|
var Top$2 = /*#__PURE__*/styled__default.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"])));
|
|
9129
9203
|
var Bottom$2 = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9130
9204
|
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -9543,7 +9617,7 @@ function TimedServiceDropdown$1() {
|
|
|
9543
9617
|
});
|
|
9544
9618
|
}
|
|
9545
9619
|
|
|
9546
|
-
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$
|
|
9620
|
+
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$m;
|
|
9547
9621
|
function CustomerInformation() {
|
|
9548
9622
|
var _orderDetails$order_r;
|
|
9549
9623
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9553,7 +9627,7 @@ function CustomerInformation() {
|
|
|
9553
9627
|
var Wrapper$g = /*#__PURE__*/styled__default.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"])));
|
|
9554
9628
|
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
9555
9629
|
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
9556
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9630
|
+
var Container$_ = /*#__PURE__*/styled__default.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"])));
|
|
9557
9631
|
|
|
9558
9632
|
var _templateObject$1F, _templateObject2$1e;
|
|
9559
9633
|
function ProductTable$1() {
|
|
@@ -9564,7 +9638,7 @@ function ProductTable$1() {
|
|
|
9564
9638
|
if (!orderProductDetails) {
|
|
9565
9639
|
return null;
|
|
9566
9640
|
}
|
|
9567
|
-
return React__default.createElement(Container$$, null, React__default.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$
|
|
9641
|
+
return React__default.createElement(Container$$, null, React__default.createElement(Title$2, null, "Products (", orderProductDetails == null ? void 0 : orderProductDetails.length, ")"), React__default.createElement(StyledTableWrapper$3, null, React__default.createElement(StyledTable$3, {
|
|
9568
9642
|
className: "scrollClass"
|
|
9569
9643
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Action"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Parts"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9570
9644
|
colSpan: 6
|
|
@@ -9575,7 +9649,7 @@ function ProductTable$1() {
|
|
|
9575
9649
|
})) : (orderProductDetails == null ? void 0 : orderProductDetails.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9576
9650
|
className: "emptyTd",
|
|
9577
9651
|
colSpan: 7
|
|
9578
|
-
}, React__default.createElement(EmptyDataContainer$
|
|
9652
|
+
}, React__default.createElement(EmptyDataContainer$3, null, React__default.createElement(antd.Empty, null)))) : orderProductDetails == null ? void 0 : orderProductDetails.map(function (order) {
|
|
9579
9653
|
var _order$order_product_;
|
|
9580
9654
|
return React__default.createElement("tr", {
|
|
9581
9655
|
key: order.id
|
|
@@ -9605,7 +9679,8 @@ function NotesTable() {
|
|
|
9605
9679
|
pagination: {
|
|
9606
9680
|
page: 1,
|
|
9607
9681
|
per_page: 100
|
|
9608
|
-
}
|
|
9682
|
+
},
|
|
9683
|
+
showLoader: false
|
|
9609
9684
|
}),
|
|
9610
9685
|
fetchedData = _useApiHook.data,
|
|
9611
9686
|
apiLoading = _useApiHook.loading;
|
|
@@ -9654,7 +9729,7 @@ function NotesTable() {
|
|
|
9654
9729
|
if ((notes == null ? void 0 : notes.length) === 0) {
|
|
9655
9730
|
return null;
|
|
9656
9731
|
}
|
|
9657
|
-
return React__default.createElement(Container$10, null, React__default.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$
|
|
9732
|
+
return React__default.createElement(Container$10, null, React__default.createElement(Title$3, null, "Notes (", notes == null ? void 0 : notes.length, ")"), React__default.createElement(StyledTableWrapper$3, null, React__default.createElement(CustomScrollBar, null, React__default.createElement(StyledTable$3, {
|
|
9658
9733
|
className: "scrollClass"
|
|
9659
9734
|
}, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null, "Created"), React__default.createElement("th", null, "Notes"))), React__default.createElement("tbody", null, loading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9660
9735
|
colSpan: 6
|
|
@@ -9665,7 +9740,7 @@ function NotesTable() {
|
|
|
9665
9740
|
})) : (notes == null ? void 0 : notes.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9666
9741
|
className: "emptyTd",
|
|
9667
9742
|
colSpan: 7
|
|
9668
|
-
}, React__default.createElement(EmptyDataContainer$
|
|
9743
|
+
}, React__default.createElement(EmptyDataContainer$3, null, React__default.createElement(antd.Empty, null)))) : notes == null ? void 0 : notes.map(function (order) {
|
|
9669
9744
|
return React__default.createElement("tr", {
|
|
9670
9745
|
key: order.id
|
|
9671
9746
|
}, React__default.createElement("td", null, React__default.createElement("div", {
|
|
@@ -9714,7 +9789,7 @@ function ContactWith() {
|
|
|
9714
9789
|
var Label$d = /*#__PURE__*/styled__default.label(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9715
9790
|
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9716
9791
|
|
|
9717
|
-
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$
|
|
9792
|
+
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$n;
|
|
9718
9793
|
function SlotAndInstructions() {
|
|
9719
9794
|
var _orderDetails$order_r;
|
|
9720
9795
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9724,7 +9799,7 @@ function SlotAndInstructions() {
|
|
|
9724
9799
|
var Value$1 = /*#__PURE__*/styled__default.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"])));
|
|
9725
9800
|
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9726
9801
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
9727
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9802
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9728
9803
|
|
|
9729
9804
|
var _templateObject$1L, _templateObject2$1k;
|
|
9730
9805
|
function ConfirmOrder(props) {
|
|
@@ -10105,12 +10180,12 @@ function ConfirmOrder(props) {
|
|
|
10105
10180
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10106
10181
|
var ContentContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
10107
10182
|
|
|
10108
|
-
var _templateObject2$1l, _templateObject3$L, _templateObject5$
|
|
10183
|
+
var _templateObject2$1l, _templateObject3$L, _templateObject5$g, _templateObject6$8, _templateObject7$a, _templateObject8$7, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10109
10184
|
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10110
10185
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
10111
|
-
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
10112
|
-
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
10113
|
-
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
10186
|
+
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10187
|
+
var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
10188
|
+
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10114
10189
|
var HoldRow = /*#__PURE__*/styled__default.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"])));
|
|
10115
10190
|
var Label$e = /*#__PURE__*/styled__default.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"])));
|
|
10116
10191
|
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -11068,7 +11143,7 @@ var priorityData = [{
|
|
|
11068
11143
|
color: '#E95252'
|
|
11069
11144
|
}];
|
|
11070
11145
|
|
|
11071
|
-
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$
|
|
11146
|
+
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$o;
|
|
11072
11147
|
function StatusIndicator(props) {
|
|
11073
11148
|
var statusColor = getStatusColor(props.status);
|
|
11074
11149
|
return React__default.createElement(Container$15, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -11086,11 +11161,11 @@ var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$1p || (_te
|
|
|
11086
11161
|
return props.color;
|
|
11087
11162
|
});
|
|
11088
11163
|
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
11089
|
-
var Text$8 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
11164
|
+
var Text$8 = /*#__PURE__*/styled__default.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) {
|
|
11090
11165
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11091
11166
|
});
|
|
11092
11167
|
|
|
11093
|
-
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$
|
|
11168
|
+
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$p, _templateObject5$h, _templateObject6$9, _templateObject7$b, _templateObject8$8, _templateObject9$6;
|
|
11094
11169
|
var _excluded$7 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11095
11170
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11096
11171
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11335,14 +11410,14 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11335
11410
|
var Right$2 = /*#__PURE__*/styled__default.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11336
11411
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11337
11412
|
var StyledWrapper = /*#__PURE__*/styled__default.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"])));
|
|
11338
|
-
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject4$
|
|
11339
|
-
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject5$
|
|
11340
|
-
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11341
|
-
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
11413
|
+
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11414
|
+
var StyledSpan = /*#__PURE__*/styled__default.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"])));
|
|
11415
|
+
var StyledCheckbox = /*#__PURE__*/styled__default.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"])));
|
|
11416
|
+
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11342
11417
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11343
11418
|
var LabelText = /*#__PURE__*/styled__default.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"])));
|
|
11344
11419
|
|
|
11345
|
-
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$
|
|
11420
|
+
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$q, _templateObject5$i, _templateObject6$a;
|
|
11346
11421
|
function HeaderSection(_ref) {
|
|
11347
11422
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11348
11423
|
setTasksData = _ref.setTasksData;
|
|
@@ -11446,9 +11521,9 @@ function HeaderSection(_ref) {
|
|
|
11446
11521
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11447
11522
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11448
11523
|
var ResolveButton = /*#__PURE__*/styled__default.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"])));
|
|
11449
|
-
var Title$5 = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
11450
|
-
var StyledOverlay = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11451
|
-
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11524
|
+
var Title$5 = /*#__PURE__*/styled__default.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"])));
|
|
11525
|
+
var StyledOverlay = /*#__PURE__*/styled__default.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"])));
|
|
11526
|
+
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11452
11527
|
|
|
11453
11528
|
var _templateObject$1T, _templateObject2$1s;
|
|
11454
11529
|
function TextSection() {
|
|
@@ -11536,14 +11611,22 @@ function ButtonsSection() {
|
|
|
11536
11611
|
options: taskTypeOptions,
|
|
11537
11612
|
placeholder: "Select Type",
|
|
11538
11613
|
onChange: handleTaskTypeChange,
|
|
11539
|
-
value: selectedTypeId
|
|
11614
|
+
value: selectedTypeId,
|
|
11615
|
+
style: {
|
|
11616
|
+
minWidth: '200px',
|
|
11617
|
+
width: 'auto'
|
|
11618
|
+
}
|
|
11540
11619
|
})), React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
11541
11620
|
label: "Priority"
|
|
11542
11621
|
}), React__default.createElement(StyledAntSelect$6, {
|
|
11543
11622
|
options: priorityOptions,
|
|
11544
11623
|
placeholder: "Select Type",
|
|
11545
11624
|
onChange: handlePriorityChange,
|
|
11546
|
-
value: (taskPayload == null ? void 0 : taskPayload.priority) || (flagById == null ? void 0 : flagById.priority)
|
|
11625
|
+
value: (taskPayload == null ? void 0 : taskPayload.priority) || (flagById == null ? void 0 : flagById.priority),
|
|
11626
|
+
style: {
|
|
11627
|
+
minWidth: '100px',
|
|
11628
|
+
width: 'auto'
|
|
11629
|
+
}
|
|
11547
11630
|
})), React__default.createElement(Flex, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
11548
11631
|
label: "Status"
|
|
11549
11632
|
}), isResolved ? React__default.createElement(StatusIndicator, {
|
|
@@ -11558,7 +11641,7 @@ var StyledAntSelect$6 = /*#__PURE__*/styled__default(antd.Select)(_templateObjec
|
|
|
11558
11641
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11559
11642
|
var Flex = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11560
11643
|
|
|
11561
|
-
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$
|
|
11644
|
+
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$r, _templateObject5$j, _templateObject6$b;
|
|
11562
11645
|
var FlagsFilter = [{
|
|
11563
11646
|
label: 'Private',
|
|
11564
11647
|
value: 'private'
|
|
@@ -11682,11 +11765,11 @@ function RadioButtonsSection() {
|
|
|
11682
11765
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
11683
11766
|
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11684
11767
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
11685
|
-
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11686
|
-
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11687
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
11768
|
+
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11769
|
+
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11770
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11688
11771
|
|
|
11689
|
-
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$
|
|
11772
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$s, _templateObject5$k;
|
|
11690
11773
|
function DetailSection() {
|
|
11691
11774
|
var _flagById$order_data, _flagById$order_data2;
|
|
11692
11775
|
var _useFlagById = useFlagById(),
|
|
@@ -11701,8 +11784,8 @@ function DetailSection() {
|
|
|
11701
11784
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
11702
11785
|
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11703
11786
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11704
|
-
var Order = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
11705
|
-
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$
|
|
11787
|
+
var Order = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11788
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11706
11789
|
|
|
11707
11790
|
var _templateObject$1X, _templateObject2$1w, _templateObject3$T;
|
|
11708
11791
|
function ViewFlag() {
|
|
@@ -11970,7 +12053,7 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
11970
12053
|
};
|
|
11971
12054
|
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11972
12055
|
|
|
11973
|
-
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$
|
|
12056
|
+
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$t, _templateObject5$l;
|
|
11974
12057
|
var deliverTypeOptions$1 = [{
|
|
11975
12058
|
label: 'Deliver',
|
|
11976
12059
|
value: 'deliver',
|
|
@@ -12027,7 +12110,7 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12027
12110
|
}))) : (cancelOrderProducts == null ? void 0 : cancelOrderProducts.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
12028
12111
|
className: "emptyTd",
|
|
12029
12112
|
colSpan: 5
|
|
12030
|
-
}, React__default.createElement(EmptyDataContainer$
|
|
12113
|
+
}, React__default.createElement(EmptyDataContainer$3, null, React__default.createElement(antd.Empty, null)))) : cancelOrderProducts == null ? void 0 : cancelOrderProducts.map(function (product) {
|
|
12031
12114
|
var dropdownOptions = (product == null ? void 0 : product.product_type) === 'deliver' ? deliverTypeOptions$1 : collectTypeOptions$1;
|
|
12032
12115
|
var isReturn = (product == null ? void 0 : product.action) === 'return';
|
|
12033
12116
|
return React__default.createElement("tr", {
|
|
@@ -12124,10 +12207,10 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12124
12207
|
var CustomSelectDropdown$1 = /*#__PURE__*/styled__default(antd.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"])));
|
|
12125
12208
|
var StyledTableWrapper$5 = /*#__PURE__*/styled__default.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"])));
|
|
12126
12209
|
var StyledDropdown$1 = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12127
|
-
var StyledTable$5 = /*#__PURE__*/styled__default.table(_templateObject4$
|
|
12128
|
-
var ReturnRowWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12210
|
+
var StyledTable$5 = /*#__PURE__*/styled__default.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"])));
|
|
12211
|
+
var ReturnRowWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
12129
12212
|
|
|
12130
|
-
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$
|
|
12213
|
+
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$u;
|
|
12131
12214
|
function UncancelOrder(props) {
|
|
12132
12215
|
var _orderStaticData$unca;
|
|
12133
12216
|
var _useOrderId = useOrderId(),
|
|
@@ -12327,7 +12410,7 @@ function UncancelOrder(props) {
|
|
|
12327
12410
|
var RequiredAsterisk$4 = /*#__PURE__*/styled__default.span(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12328
12411
|
var Container$16 = /*#__PURE__*/styled__default.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"])));
|
|
12329
12412
|
var MainContainer$a = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12330
|
-
var CustomTextArea$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
12413
|
+
var CustomTextArea$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12331
12414
|
|
|
12332
12415
|
var _templateObject$20;
|
|
12333
12416
|
function RemoveFromRoute(props) {
|
|
@@ -12411,13 +12494,13 @@ function RemoveFromRoute(props) {
|
|
|
12411
12494
|
}
|
|
12412
12495
|
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12413
12496
|
|
|
12414
|
-
var _templateObject$21, _templateObject3$W, _templateObject4$
|
|
12497
|
+
var _templateObject$21, _templateObject3$W, _templateObject4$v, _templateObject5$m, _templateObject7$c, _templateObject8$9, _templateObject9$7;
|
|
12415
12498
|
// Shared styles and components
|
|
12416
12499
|
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12417
12500
|
var SplitContainer = /*#__PURE__*/styled__default.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"])));
|
|
12418
|
-
var StyledAntSelect$7 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$
|
|
12419
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject5$
|
|
12420
|
-
var ContentContainer$6 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
12501
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12502
|
+
var Label$f = /*#__PURE__*/styled__default.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"])));
|
|
12503
|
+
var ContentContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
12421
12504
|
var Row$6 = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12422
12505
|
var DoubleDropdownContainer = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n width: 100%;\n"])));
|
|
12423
12506
|
var FormRow = function FormRow(_ref) {
|
|
@@ -12433,7 +12516,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
12433
12516
|
}, " * ")), children);
|
|
12434
12517
|
};
|
|
12435
12518
|
|
|
12436
|
-
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$
|
|
12519
|
+
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$w, _templateObject5$n;
|
|
12437
12520
|
dayjs.extend(utc);
|
|
12438
12521
|
dayjs.extend(dateFns.isValid);
|
|
12439
12522
|
function CreateReminderModal() {
|
|
@@ -12801,8 +12884,8 @@ function CreateReminderModal() {
|
|
|
12801
12884
|
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
12802
12885
|
var Label$g = /*#__PURE__*/styled__default.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"])));
|
|
12803
12886
|
var StyledAntSelect$8 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
12804
|
-
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$
|
|
12805
|
-
var StyledLink = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12887
|
+
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
12888
|
+
var StyledLink = /*#__PURE__*/styled__default.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"])));
|
|
12806
12889
|
|
|
12807
12890
|
var _templateObject$23;
|
|
12808
12891
|
function ReminderModal(props) {
|
|
@@ -12995,8 +13078,7 @@ function CreateTaskModal() {
|
|
|
12995
13078
|
selectedValue: (apiPayload == null ? void 0 : apiPayload.priority) || 3,
|
|
12996
13079
|
required: false
|
|
12997
13080
|
})), React__default.createElement(FormRow, {
|
|
12998
|
-
label: "Due Date & Time"
|
|
12999
|
-
required: true
|
|
13081
|
+
label: "Due Date & Time"
|
|
13000
13082
|
}, React__default.createElement(StyleContainer$2, null, React__default.createElement(DatePickerWrap, null, React__default.createElement(antd.DatePicker, {
|
|
13001
13083
|
format: "DD/MM/YYYY HH:mm A",
|
|
13002
13084
|
value: apiPayload != null && apiPayload.due_datetime ? dayjs(apiPayload == null ? void 0 : apiPayload.due_datetime) : null,
|
|
@@ -13026,8 +13108,11 @@ function CreateTaskModal() {
|
|
|
13026
13108
|
var getTaskTypeOptions = function getTaskTypeOptions(staticData) {
|
|
13027
13109
|
var _staticData$2;
|
|
13028
13110
|
return (staticData == null || (_staticData$2 = staticData[0]) == null || (_staticData$2 = _staticData$2.order_flag_types) == null ? void 0 : _staticData$2.map(function (item) {
|
|
13111
|
+
var _item$type;
|
|
13029
13112
|
return {
|
|
13030
|
-
label: item == null ? void 0 :
|
|
13113
|
+
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) {
|
|
13114
|
+
return _char.toUpperCase();
|
|
13115
|
+
}),
|
|
13031
13116
|
value: item == null ? void 0 : item.id
|
|
13032
13117
|
};
|
|
13033
13118
|
})) || [];
|
|
@@ -13077,7 +13162,7 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13077
13162
|
};
|
|
13078
13163
|
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13079
13164
|
var Label$h = /*#__PURE__*/styled__default.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"])));
|
|
13080
|
-
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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:
|
|
13165
|
+
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
13081
13166
|
|
|
13082
13167
|
var _templateObject$25;
|
|
13083
13168
|
function TaskModal(props) {
|
|
@@ -13163,10 +13248,9 @@ function TaskModal(props) {
|
|
|
13163
13248
|
}();
|
|
13164
13249
|
var isSubmitDisabled = function isSubmitDisabled() {
|
|
13165
13250
|
var description = taskPayload.description,
|
|
13166
|
-
due_datetime = taskPayload.due_datetime,
|
|
13167
13251
|
flag_type = taskPayload.flag_type,
|
|
13168
13252
|
priority = taskPayload.priority;
|
|
13169
|
-
return !description || !
|
|
13253
|
+
return !description || !flag_type || !priority;
|
|
13170
13254
|
};
|
|
13171
13255
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderModal$1, {
|
|
13172
13256
|
headerTitle: 'CREATE TASK',
|
|
@@ -13185,14 +13269,14 @@ function TaskModal(props) {
|
|
|
13185
13269
|
}
|
|
13186
13270
|
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13187
13271
|
|
|
13188
|
-
var _templateObject$26, _templateObject2$1B, _templateObject3$Z, _templateObject4$
|
|
13272
|
+
var _templateObject$26, _templateObject2$1B, _templateObject3$Z, _templateObject4$x, _templateObject5$o, _templateObject6$c, _templateObject7$d;
|
|
13189
13273
|
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
13190
13274
|
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13191
13275
|
var FieldRow = /*#__PURE__*/styled__default.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"])));
|
|
13192
|
-
var Label$i = /*#__PURE__*/styled__default.label(_templateObject4$
|
|
13193
|
-
var Input$1 = /*#__PURE__*/styled__default.input(_templateObject5$
|
|
13194
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
13195
|
-
var CurrencySymbol = /*#__PURE__*/styled__default.span(_templateObject7$
|
|
13276
|
+
var Label$i = /*#__PURE__*/styled__default.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13277
|
+
var Input$1 = /*#__PURE__*/styled__default.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"])));
|
|
13278
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13279
|
+
var CurrencySymbol = /*#__PURE__*/styled__default.span(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13196
13280
|
|
|
13197
13281
|
var _templateObject$27;
|
|
13198
13282
|
var fields = [{
|
|
@@ -13840,7 +13924,7 @@ function OrderHoldReasonDropdown() {
|
|
|
13840
13924
|
}
|
|
13841
13925
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13842
13926
|
|
|
13843
|
-
var _templateObject$2d, _templateObject2$1D, _templateObject3$_, _templateObject4$
|
|
13927
|
+
var _templateObject$2d, _templateObject2$1D, _templateObject3$_, _templateObject4$y, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$8, _templateObject10$4;
|
|
13844
13928
|
function FailureContent() {
|
|
13845
13929
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
13846
13930
|
var _useNewStatus = useNewStatus(),
|
|
@@ -13910,19 +13994,19 @@ function FailureContent() {
|
|
|
13910
13994
|
var CurrencyWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13911
13995
|
var Text$a = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
13912
13996
|
var GroupedFields = /*#__PURE__*/styled__default.div(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
13913
|
-
var PairGroup = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
13914
|
-
var SmallGroup = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
13915
|
-
var FieldGroup = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
13997
|
+
var PairGroup = /*#__PURE__*/styled__default.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"])));
|
|
13998
|
+
var SmallGroup = /*#__PURE__*/styled__default.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"])));
|
|
13999
|
+
var FieldGroup = /*#__PURE__*/styled__default.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) {
|
|
13916
14000
|
return props.wide ? 2 : 1;
|
|
13917
14001
|
}, function (props) {
|
|
13918
14002
|
return props.wide ? '300px' : '220px';
|
|
13919
14003
|
});
|
|
13920
|
-
var TextInput = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject7$
|
|
14004
|
+
var TextInput = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
13921
14005
|
var DropdownGrid = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
13922
14006
|
var ContDropdownGrid = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
13923
14007
|
var DropdownGroup = /*#__PURE__*/styled__default.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"])));
|
|
13924
14008
|
|
|
13925
|
-
var _templateObject$2e, _templateObject2$1E, _templateObject3$$, _templateObject4$
|
|
14009
|
+
var _templateObject$2e, _templateObject2$1E, _templateObject3$$, _templateObject4$z, _templateObject5$q, _templateObject6$e, _templateObject7$f, _templateObject8$b, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
13926
14010
|
var formatDate$2 = function formatDate(date) {
|
|
13927
14011
|
var padZero = function padZero(num) {
|
|
13928
14012
|
return num.toString().padStart(2, '0');
|
|
@@ -14015,10 +14099,10 @@ function SuccessContent() {
|
|
|
14015
14099
|
var CurrencyWrapper$2 = /*#__PURE__*/styled__default.span(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14016
14100
|
var DropdownGrid$1 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14017
14101
|
var GroupedFields$1 = /*#__PURE__*/styled__default.div(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14018
|
-
var PairGroup$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14019
|
-
var SmallGroup$1 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
14020
|
-
var Wrapper$l = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
14021
|
-
var FieldGroup$1 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
14102
|
+
var PairGroup$1 = /*#__PURE__*/styled__default.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"])));
|
|
14103
|
+
var SmallGroup$1 = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 48%;\n"])));
|
|
14104
|
+
var Wrapper$l = /*#__PURE__*/styled__default.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"])));
|
|
14105
|
+
var FieldGroup$1 = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: ", ";\n"])), function (props) {
|
|
14022
14106
|
return props.wide ? 2 : 1;
|
|
14023
14107
|
});
|
|
14024
14108
|
var TextInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
@@ -14597,7 +14681,7 @@ function Tabs(_ref) {
|
|
|
14597
14681
|
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14598
14682
|
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14599
14683
|
|
|
14600
|
-
var _templateObject$2o, _templateObject2$1K, _templateObject3$13, _templateObject4$
|
|
14684
|
+
var _templateObject$2o, _templateObject2$1K, _templateObject3$13, _templateObject4$A, _templateObject5$r;
|
|
14601
14685
|
function FDNotification() {
|
|
14602
14686
|
var _orderData$order_rout;
|
|
14603
14687
|
var _useTasksData = useTasksData(),
|
|
@@ -14696,10 +14780,10 @@ function FDNotification() {
|
|
|
14696
14780
|
var Loader = /*#__PURE__*/styled__default.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"])));
|
|
14697
14781
|
var Spinner = /*#__PURE__*/styled__default.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"])));
|
|
14698
14782
|
var Section$1 = /*#__PURE__*/styled__default.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"])));
|
|
14699
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14700
|
-
var Text$c = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
14783
|
+
var TabsWrapper = /*#__PURE__*/styled__default.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"])));
|
|
14784
|
+
var Text$c = /*#__PURE__*/styled__default.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"])));
|
|
14701
14785
|
|
|
14702
|
-
var _templateObject$2p, _templateObject2$1L, _templateObject3$14, _templateObject4$
|
|
14786
|
+
var _templateObject$2p, _templateObject2$1L, _templateObject3$14, _templateObject4$B, _templateObject5$s;
|
|
14703
14787
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14704
14788
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14705
14789
|
var onCancel = function onCancel() {
|
|
@@ -14720,10 +14804,10 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14720
14804
|
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14721
14805
|
var Container$1i = /*#__PURE__*/styled__default.div(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14722
14806
|
var Title$8 = /*#__PURE__*/styled__default.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"])));
|
|
14723
|
-
var IconContainer$4 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
14724
|
-
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
14807
|
+
var IconContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
14808
|
+
var MainContainer$c = /*#__PURE__*/styled__default.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"])));
|
|
14725
14809
|
|
|
14726
|
-
var _templateObject$2q, _templateObject2$1M, _templateObject3$15, _templateObject4$
|
|
14810
|
+
var _templateObject$2q, _templateObject2$1M, _templateObject3$15, _templateObject4$C, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c;
|
|
14727
14811
|
function ForceDebriefModal(props) {
|
|
14728
14812
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14729
14813
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15267,10 +15351,10 @@ function ForceDebriefModal(props) {
|
|
|
15267
15351
|
var Status$1 = /*#__PURE__*/styled__default.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"])));
|
|
15268
15352
|
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15269
15353
|
var MainContainer$d = /*#__PURE__*/styled__default.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15270
|
-
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
15271
|
-
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
15272
|
-
var Text$d = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
15273
|
-
var ContentContainer$7 = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
15354
|
+
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15355
|
+
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
15356
|
+
var Text$d = /*#__PURE__*/styled__default.div(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n white-space: break-spaces;\n"])));
|
|
15357
|
+
var ContentContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
15274
15358
|
var ProductDiv = /*#__PURE__*/styled__default.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"])));
|
|
15275
15359
|
var ForceDebriefModal$1 = /*#__PURE__*/React__default.memo(ForceDebriefModal);
|
|
15276
15360
|
|
|
@@ -15335,8 +15419,8 @@ function OrderActions() {
|
|
|
15335
15419
|
setProductDetails(productsData == null ? void 0 : productsData.data);
|
|
15336
15420
|
setProductDetailsCopy(productsData == null ? void 0 : productsData.data);
|
|
15337
15421
|
} else {
|
|
15338
|
-
setProductDetails(
|
|
15339
|
-
setProductDetailsCopy(
|
|
15422
|
+
setProductDetails([]);
|
|
15423
|
+
setProductDetailsCopy([]);
|
|
15340
15424
|
}
|
|
15341
15425
|
}, [orderProductsLoading]);
|
|
15342
15426
|
// call order products api end
|
|
@@ -15401,7 +15485,8 @@ function OrderActions() {
|
|
|
15401
15485
|
field: 'order_id',
|
|
15402
15486
|
op: '=',
|
|
15403
15487
|
value: orderId
|
|
15404
|
-
}]
|
|
15488
|
+
}],
|
|
15489
|
+
showLoader: false
|
|
15405
15490
|
}),
|
|
15406
15491
|
fetchedReminderData = _useAxios6.data,
|
|
15407
15492
|
reminderLoading = _useAxios6.loading,
|
|
@@ -15517,7 +15602,7 @@ function OrderActions() {
|
|
|
15517
15602
|
}
|
|
15518
15603
|
var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2r || (_templateObject$2r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15519
15604
|
|
|
15520
|
-
var _templateObject$2s, _templateObject2$1N, _templateObject3$16, _templateObject4$
|
|
15605
|
+
var _templateObject$2s, _templateObject2$1N, _templateObject3$16, _templateObject4$D;
|
|
15521
15606
|
var Details = function Details() {
|
|
15522
15607
|
var _globalEscData$, _globalEscData$2;
|
|
15523
15608
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15532,7 +15617,7 @@ var Details = function Details() {
|
|
|
15532
15617
|
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
15533
15618
|
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
15534
15619
|
var Name = /*#__PURE__*/styled__default.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"])));
|
|
15535
|
-
var EscInfo = /*#__PURE__*/styled__default(Name)(_templateObject4$
|
|
15620
|
+
var EscInfo = /*#__PURE__*/styled__default(Name)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15536
15621
|
|
|
15537
15622
|
var bjsMenu = [{
|
|
15538
15623
|
label: 'Add Order Resources',
|
|
@@ -15920,7 +16005,7 @@ function DropDowns$1() {
|
|
|
15920
16005
|
style: {
|
|
15921
16006
|
cursor: 'pointer'
|
|
15922
16007
|
}
|
|
15923
|
-
}, action.label);
|
|
16008
|
+
}, action == null ? void 0 : action.label);
|
|
15924
16009
|
})));
|
|
15925
16010
|
}
|
|
15926
16011
|
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -16338,7 +16423,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16338
16423
|
}));
|
|
16339
16424
|
};
|
|
16340
16425
|
|
|
16341
|
-
var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$
|
|
16426
|
+
var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$E, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$a, _templateObject10$6;
|
|
16342
16427
|
function Notification() {
|
|
16343
16428
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16344
16429
|
var _useTabType = useTabType(),
|
|
@@ -16406,7 +16491,8 @@ function Notification() {
|
|
|
16406
16491
|
field: 'order_id',
|
|
16407
16492
|
op: '=',
|
|
16408
16493
|
value: orderId
|
|
16409
|
-
}]
|
|
16494
|
+
}],
|
|
16495
|
+
showLoader: false
|
|
16410
16496
|
}),
|
|
16411
16497
|
fetchedUnresolvedData = _useAxios.data,
|
|
16412
16498
|
unresolvedLoading = _useAxios.loading,
|
|
@@ -16422,7 +16508,8 @@ function Notification() {
|
|
|
16422
16508
|
field: 'order_id',
|
|
16423
16509
|
op: '=',
|
|
16424
16510
|
value: orderId
|
|
16425
|
-
}]
|
|
16511
|
+
}],
|
|
16512
|
+
showLoader: false
|
|
16426
16513
|
}),
|
|
16427
16514
|
fetchedReminderData = _useAxios2.data,
|
|
16428
16515
|
reminderLoading = _useAxios2.loading,
|
|
@@ -16451,7 +16538,8 @@ function Notification() {
|
|
|
16451
16538
|
// Route API calling...
|
|
16452
16539
|
var _useAxios3 = dmsComponentLibrary.useAxios({
|
|
16453
16540
|
endpoint: "route/" + routeId,
|
|
16454
|
-
method: 'GET'
|
|
16541
|
+
method: 'GET',
|
|
16542
|
+
showLoader: false
|
|
16455
16543
|
}),
|
|
16456
16544
|
fetchedData = _useAxios3.data,
|
|
16457
16545
|
fetchRoute = _useAxios3.fetchData;
|
|
@@ -16465,7 +16553,8 @@ function Notification() {
|
|
|
16465
16553
|
}, [idOfRoute]);
|
|
16466
16554
|
var _useAxios4 = dmsComponentLibrary.useAxios({
|
|
16467
16555
|
endpoint: "v1/orders/alerts/?order_id=" + orderId,
|
|
16468
|
-
method: 'GET'
|
|
16556
|
+
method: 'GET',
|
|
16557
|
+
showLoader: false
|
|
16469
16558
|
}),
|
|
16470
16559
|
alertsData = _useAxios4.data,
|
|
16471
16560
|
callOrderAlertsApi = _useAxios4.fetchData,
|
|
@@ -16575,6 +16664,7 @@ function Notification() {
|
|
|
16575
16664
|
var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
|
|
16576
16665
|
return item.status === 'SD';
|
|
16577
16666
|
})) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
|
|
16667
|
+
console.log(unresolvedLoading, 'unresolved', reminderLoading, 'reminder');
|
|
16578
16668
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$2, null, React__default.createElement(Container$1n, {
|
|
16579
16669
|
className: "notification-header"
|
|
16580
16670
|
}, React__default.createElement(FlagContainer, null, React__default.createElement(NotifyFlag, null)), React__default.createElement(Label$j, {
|
|
@@ -16591,7 +16681,12 @@ function Notification() {
|
|
|
16591
16681
|
onClick: function onClick() {
|
|
16592
16682
|
return handleTabChange('closed');
|
|
16593
16683
|
}
|
|
16594
|
-
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading
|
|
16684
|
+
}, "Closed", React__default.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading || alertsApiLoading ? React__default.createElement(Loader$1, null, React__default.createElement(antd.Skeleton, {
|
|
16685
|
+
avatar: true,
|
|
16686
|
+
paragraph: {
|
|
16687
|
+
rows: 2
|
|
16688
|
+
}
|
|
16689
|
+
})) : (taskData == null ? void 0 : taskData.length) > 0 || (reminderNotifyData == null ? void 0 : reminderNotifyData.length) > 0 || orderData ? React__default.createElement(TabsWrapper$1, null, React__default.createElement(Tabs$1, {
|
|
16595
16690
|
activeTasks: activeTasks,
|
|
16596
16691
|
closedTasks: closedTasks,
|
|
16597
16692
|
activeReminders: activeReminders,
|
|
@@ -16603,20 +16698,34 @@ function Notification() {
|
|
|
16603
16698
|
}
|
|
16604
16699
|
var Container$1n = /*#__PURE__*/styled__default.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"])));
|
|
16605
16700
|
var Loader$1 = /*#__PURE__*/styled__default.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"])));
|
|
16606
|
-
|
|
16607
|
-
|
|
16608
|
-
|
|
16609
|
-
|
|
16610
|
-
|
|
16611
|
-
|
|
16701
|
+
// const Spinner = styled.div`
|
|
16702
|
+
// border: 4px solid rgba(0, 0, 0, 0.1);
|
|
16703
|
+
// border-left-color: #3a3630;
|
|
16704
|
+
// border-radius: 50%;
|
|
16705
|
+
// width: 40px;
|
|
16706
|
+
// height: 40px;
|
|
16707
|
+
// animation: spin 1s linear infinite;
|
|
16708
|
+
// @keyframes spin {
|
|
16709
|
+
// 0% {
|
|
16710
|
+
// transform: rotate(0deg);
|
|
16711
|
+
// }
|
|
16712
|
+
// 100% {
|
|
16713
|
+
// transform: rotate(360deg);
|
|
16714
|
+
// }
|
|
16715
|
+
// }
|
|
16716
|
+
// `;
|
|
16717
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16718
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16719
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
16720
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
16721
|
+
var StyledTab = /*#__PURE__*/styled__default.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) {
|
|
16612
16722
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
16613
16723
|
}, function (props) {
|
|
16614
16724
|
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
16615
16725
|
});
|
|
16616
|
-
var Section$2 = /*#__PURE__*/styled__default.div(
|
|
16617
|
-
var Label$j = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(
|
|
16618
|
-
var TabsWrapper$1 = /*#__PURE__*/styled__default.div(
|
|
16619
|
-
var Text$e = /*#__PURE__*/styled__default.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"])));
|
|
16726
|
+
var Section$2 = /*#__PURE__*/styled__default.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"])));
|
|
16727
|
+
var Label$j = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
16728
|
+
var TabsWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
16620
16729
|
|
|
16621
16730
|
var _templateObject$2D;
|
|
16622
16731
|
function CollapsedContent$2() {
|
|
@@ -16829,8 +16938,9 @@ var tableColumns$1 = [{
|
|
|
16829
16938
|
}];
|
|
16830
16939
|
|
|
16831
16940
|
var _templateObject$2J;
|
|
16832
|
-
function Order$1() {
|
|
16941
|
+
function Order$1(_ref) {
|
|
16833
16942
|
var _orderResources$data;
|
|
16943
|
+
var loading = _ref.loading;
|
|
16834
16944
|
var _useOrderProductsReso = useOrderProductsResources(),
|
|
16835
16945
|
orderResources = _useOrderProductsReso[0];
|
|
16836
16946
|
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 : '';
|
|
@@ -16838,13 +16948,15 @@ function Order$1() {
|
|
|
16838
16948
|
collapsedContent: React__default.createElement(CollapsedContent$2, null)
|
|
16839
16949
|
}, React__default.createElement(DynamicTable, {
|
|
16840
16950
|
columns: tableColumns$1,
|
|
16841
|
-
data: data
|
|
16951
|
+
data: data,
|
|
16952
|
+
loading: loading
|
|
16842
16953
|
})));
|
|
16843
16954
|
}
|
|
16844
16955
|
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
16845
16956
|
|
|
16846
|
-
var _templateObject$2K, _templateObject2$1_, _templateObject3$1a, _templateObject4$
|
|
16847
|
-
function OrderView() {
|
|
16957
|
+
var _templateObject$2K, _templateObject2$1_, _templateObject3$1a, _templateObject4$F;
|
|
16958
|
+
function OrderView(_ref) {
|
|
16959
|
+
var locationloading = _ref.locationloading;
|
|
16848
16960
|
antd.notification.config({
|
|
16849
16961
|
top: 150
|
|
16850
16962
|
});
|
|
@@ -16912,7 +17024,8 @@ function OrderView() {
|
|
|
16912
17024
|
field: 'order_id',
|
|
16913
17025
|
op: '=',
|
|
16914
17026
|
value: "" + order_id
|
|
16915
|
-
}]
|
|
17027
|
+
}],
|
|
17028
|
+
showLoader: false
|
|
16916
17029
|
}),
|
|
16917
17030
|
fetchedSystemLogsData = _useAxios.data,
|
|
16918
17031
|
callSystemLogsAPI = _useAxios.fetchData,
|
|
@@ -17082,10 +17195,12 @@ function OrderView() {
|
|
|
17082
17195
|
var _useApiHook5 = dmsComponentLibrary.useApiHook({
|
|
17083
17196
|
endpoint: "/orders/" + orderId + "/order_resources/",
|
|
17084
17197
|
method: 'GET',
|
|
17085
|
-
performAction: false
|
|
17198
|
+
performAction: false,
|
|
17199
|
+
showLoader: false
|
|
17086
17200
|
}),
|
|
17087
17201
|
fetchedResourcesData = _useApiHook5.data,
|
|
17088
|
-
setActions = _useApiHook5.setShouldPerformAction
|
|
17202
|
+
setActions = _useApiHook5.setShouldPerformAction,
|
|
17203
|
+
loadingResources = _useApiHook5.loading;
|
|
17089
17204
|
React.useEffect(function () {
|
|
17090
17205
|
if (orderId) {
|
|
17091
17206
|
if (getResources) {
|
|
@@ -17217,12 +17332,23 @@ function OrderView() {
|
|
|
17217
17332
|
showEsc ? setGlobalEscData(sortedEscData) : setGlobalEscData([]);
|
|
17218
17333
|
}
|
|
17219
17334
|
}, [escalationDataLoading]);
|
|
17220
|
-
return React__default.createElement(MainContainer$e, null, React__default.createElement(GeneralHeader,
|
|
17335
|
+
return React__default.createElement(MainContainer$e, null, React__default.createElement(GeneralHeader, {
|
|
17336
|
+
statusDataLoading: statusDataLoading
|
|
17337
|
+
}), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, {
|
|
17338
|
+
orderLoading: loading,
|
|
17339
|
+
depotDataLoading: depotDataLoading
|
|
17340
|
+
}), React__default.createElement(ProductsInfo, {
|
|
17341
|
+
locationloading: locationloading
|
|
17342
|
+
}), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(Order$1, {
|
|
17343
|
+
loading: loadingResources
|
|
17344
|
+
}), React__default.createElement(SystemLogs, {
|
|
17345
|
+
loading: logsLoading
|
|
17346
|
+
}))), React__default.createElement(OrderActions, null));
|
|
17221
17347
|
}
|
|
17222
17348
|
var MainContainer$e = /*#__PURE__*/styled__default.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17223
17349
|
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1_ || (_templateObject2$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17224
17350
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17225
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
17351
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17226
17352
|
|
|
17227
17353
|
var _templateObject2$1$;
|
|
17228
17354
|
var StyledBulkItem$1 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -17513,7 +17639,6 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17513
17639
|
customerId: customerId == null ? void 0 : customerId.toString()
|
|
17514
17640
|
});
|
|
17515
17641
|
//for dev
|
|
17516
|
-
//navigate(`filter?${queryParams.toString()}`);
|
|
17517
17642
|
navigate("/orders/view/return/filter?" + queryParams.toString());
|
|
17518
17643
|
//for local
|
|
17519
17644
|
//navigate(`/filter?${queryParams.toString()}`);
|
|
@@ -17540,7 +17665,6 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17540
17665
|
type: RTS
|
|
17541
17666
|
});
|
|
17542
17667
|
//for dev
|
|
17543
|
-
//navigate(`filter?${queryParams.toString()}`);
|
|
17544
17668
|
navigate("/orders/view/return/filter?" + queryParams.toString());
|
|
17545
17669
|
//for local
|
|
17546
17670
|
//navigate(`/filter?${queryParams.toString()}`);
|
|
@@ -17596,11 +17720,11 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17596
17720
|
}
|
|
17597
17721
|
}, label, " ", React__default.createElement("span", null, renderSortIcon(key))));
|
|
17598
17722
|
}))), React__default.createElement("tbody", null, statsLoading ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
17599
|
-
colSpan:
|
|
17723
|
+
colSpan: 12
|
|
17600
17724
|
}, React__default.createElement(antd.Skeleton, {
|
|
17601
17725
|
active: true
|
|
17602
17726
|
}))) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
17603
|
-
colSpan:
|
|
17727
|
+
colSpan: 12
|
|
17604
17728
|
}, React__default.createElement(EmptyDataContainer, null, React__default.createElement(antd.Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (key, index) {
|
|
17605
17729
|
return React__default.createElement("tr", {
|
|
17606
17730
|
key: index
|
|
@@ -17672,7 +17796,8 @@ function ReturnMainTable() {
|
|
|
17672
17796
|
//@ts-ignore
|
|
17673
17797
|
pagination: {
|
|
17674
17798
|
is_pagination: false
|
|
17675
|
-
}
|
|
17799
|
+
},
|
|
17800
|
+
showLoader: false
|
|
17676
17801
|
}),
|
|
17677
17802
|
fetchedCustomerData = _useApiHook.data,
|
|
17678
17803
|
loading = _useApiHook.loading;
|
|
@@ -17686,7 +17811,8 @@ function ReturnMainTable() {
|
|
|
17686
17811
|
method: 'GET',
|
|
17687
17812
|
//@ts-ignore
|
|
17688
17813
|
pagination: pagination,
|
|
17689
|
-
filters: filters
|
|
17814
|
+
filters: filters,
|
|
17815
|
+
showLoader: false
|
|
17690
17816
|
}),
|
|
17691
17817
|
fetchedClientData = _useApiHook2.data,
|
|
17692
17818
|
statsDataLoading = _useApiHook2.loading,
|
|
@@ -19057,7 +19183,7 @@ function ReturnClient() {
|
|
|
19057
19183
|
method: 'GET'
|
|
19058
19184
|
}),
|
|
19059
19185
|
fetchedStaticData = _useApiHook.data,
|
|
19060
|
-
|
|
19186
|
+
staticLoading = _useApiHook.loading;
|
|
19061
19187
|
//API for return locations
|
|
19062
19188
|
var _useApiHook2 = dmsComponentLibrary.useApiHook({
|
|
19063
19189
|
endpoint: "/return_locations/",
|
|
@@ -19088,7 +19214,7 @@ function ReturnClient() {
|
|
|
19088
19214
|
return i == null ? void 0 : i.assign_client;
|
|
19089
19215
|
}));
|
|
19090
19216
|
}
|
|
19091
|
-
}, [
|
|
19217
|
+
}, [staticLoading]);
|
|
19092
19218
|
React.useEffect(function () {
|
|
19093
19219
|
if (fetchedLocationData && fetchedLocationData != null && fetchedLocationData.data) {
|
|
19094
19220
|
setLocationData(fetchedLocationData == null ? void 0 : fetchedLocationData.data);
|
|
@@ -19112,7 +19238,9 @@ function ReturnClient() {
|
|
|
19112
19238
|
element: React__default.createElement(ReturnAfterTable, null)
|
|
19113
19239
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
19114
19240
|
path: "/:id",
|
|
19115
|
-
element: React__default.createElement(OrderView,
|
|
19241
|
+
element: React__default.createElement(OrderView, {
|
|
19242
|
+
locationloading: locationloading
|
|
19243
|
+
})
|
|
19116
19244
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
19117
19245
|
path: "filter",
|
|
19118
19246
|
element: React__default.createElement(ReturnTable, null)
|