@bjsdistribution/dms-client-return 0.1.5-prod → 0.1.6-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/notes/AddNote.d.ts +1 -0
- package/dist/dms-client-return.cjs.development.js +179 -112
- 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 +180 -113
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/assets/icons/ActionIcon.tsx +1 -1
- package/src/assets/icons/ArrowDownIcon.tsx +2 -2
- package/src/components/order-view/details-filters/left-side-filters/dropdowns/OptionsDropDown.tsx +4 -4
- package/src/components/order-view/generic-table/AuditLogs.tsx +39 -12
- package/src/components/order-view/notes/AddNote.tsx +111 -62
|
@@ -6,7 +6,7 @@ import { useAtom, atom } from 'jotai';
|
|
|
6
6
|
import dayjs from 'dayjs';
|
|
7
7
|
import { format, isValid } from 'date-fns';
|
|
8
8
|
import { atomWithReducer } from 'jotai/utils';
|
|
9
|
-
import { useAxios, CountItem, device, ExportButton, useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, formatUtcToLocal, Button, SectionHeader, CrossIcon, AntSelect, CancelationModal, CancelAndCompleteAction, BackgroundModal as BackgroundModal$1, getBaseEndpoint, FlagAlert, ViewIcon, SearchIcon as SearchIcon$1 } from '@bjsdistribution/dms-component-library';
|
|
9
|
+
import { useAxios, CountItem, device, ExportButton, useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$j, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, formatUtcToLocal, Button, PrivateIcon, SectionHeader, CrossIcon, AntSelect, CancelationModal, CancelAndCompleteAction, BackgroundModal as BackgroundModal$1, getBaseEndpoint, FlagAlert, ViewIcon, SearchIcon as SearchIcon$1 } from '@bjsdistribution/dms-component-library';
|
|
10
10
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
11
11
|
import Scrollbars from 'react-custom-scrollbars-2';
|
|
12
12
|
import { createPortal } from 'react-dom';
|
|
@@ -6037,31 +6037,74 @@ function NoteType() {
|
|
|
6037
6037
|
}
|
|
6038
6038
|
var Container$z = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6039
6039
|
|
|
6040
|
-
var _templateObject$W, _templateObject2$H, _templateObject3$j;
|
|
6040
|
+
var _templateObject$W, _templateObject2$H, _templateObject3$j, _templateObject4$8;
|
|
6041
|
+
var template = "REASON- \nSTC- \nACTION- ";
|
|
6041
6042
|
function AddNote() {
|
|
6042
|
-
var _useState = useState(
|
|
6043
|
+
var _useState = useState(template),
|
|
6043
6044
|
noteText = _useState[0],
|
|
6044
6045
|
setNoteText = _useState[1];
|
|
6046
|
+
var _useState2 = useState([]),
|
|
6047
|
+
noteOptions = _useState2[0],
|
|
6048
|
+
setNoteOptions = _useState2[1];
|
|
6049
|
+
var _useState3 = useState('standard'),
|
|
6050
|
+
selectedNoteType = _useState3[0],
|
|
6051
|
+
setSelectedNoteType = _useState3[1];
|
|
6045
6052
|
var _useOrderId = useOrderId(),
|
|
6046
6053
|
orderId = _useOrderId[0];
|
|
6047
6054
|
var location = useLocation();
|
|
6048
6055
|
var pathname = location.pathname;
|
|
6049
6056
|
var orderIdLocaation = pathname.split('/')[1];
|
|
6057
|
+
var _useClientPortal = useClientPortal(),
|
|
6058
|
+
isClientPortal = _useClientPortal[0];
|
|
6050
6059
|
var _usemoduleIds = usemoduleIds(),
|
|
6051
6060
|
moduleIds = _usemoduleIds[0];
|
|
6052
6061
|
var _useGlobalStateHitAud = useGlobalStateHitAuditLog(),
|
|
6053
6062
|
setRecallAuditLog = _useGlobalStateHitAud[1];
|
|
6054
6063
|
var _useSelectedData = useSelectedData(),
|
|
6055
|
-
|
|
6056
|
-
// Save New Note
|
|
6064
|
+
selectedAssignee = _useSelectedData[0];
|
|
6057
6065
|
var _useAxios = useAxios({
|
|
6066
|
+
endpoint: "audit_logs/order/type",
|
|
6067
|
+
method: 'GET'
|
|
6068
|
+
}),
|
|
6069
|
+
getNoteType = _useAxios.fetchData,
|
|
6070
|
+
fetchedData = _useAxios.data;
|
|
6071
|
+
console.log(selectedNoteType, 'selectedNoteType');
|
|
6072
|
+
useEffect(function () {
|
|
6073
|
+
getNoteType();
|
|
6074
|
+
}, []);
|
|
6075
|
+
useEffect(function () {
|
|
6076
|
+
if (fetchedData != null && fetchedData.data) {
|
|
6077
|
+
var _fetchedData$data;
|
|
6078
|
+
var options = fetchedData == null || (_fetchedData$data = fetchedData.data) == null ? void 0 : _fetchedData$data.map(function (item) {
|
|
6079
|
+
return {
|
|
6080
|
+
label: item == null ? void 0 : item.name,
|
|
6081
|
+
value: item == null ? void 0 : item.name
|
|
6082
|
+
};
|
|
6083
|
+
});
|
|
6084
|
+
setNoteOptions(options);
|
|
6085
|
+
var standardOption = options == null ? void 0 : options.find(function (opt) {
|
|
6086
|
+
var _opt$value;
|
|
6087
|
+
return (opt == null || (_opt$value = opt.value) == null ? void 0 : _opt$value.toLowerCase()) === 'standard';
|
|
6088
|
+
});
|
|
6089
|
+
if (standardOption) {
|
|
6090
|
+
setSelectedNoteType(standardOption == null ? void 0 : standardOption.value);
|
|
6091
|
+
} else if ((options == null ? void 0 : options.length) > 0) {
|
|
6092
|
+
var _options$;
|
|
6093
|
+
setSelectedNoteType((_options$ = options[0]) == null ? void 0 : _options$.value);
|
|
6094
|
+
}
|
|
6095
|
+
}
|
|
6096
|
+
}, [fetchedData]);
|
|
6097
|
+
var _useAxios2 = useAxios({
|
|
6058
6098
|
endpoint: "/audit_logs/orders/",
|
|
6059
6099
|
method: 'POST'
|
|
6060
6100
|
}),
|
|
6061
|
-
callAuditLogs =
|
|
6062
|
-
var
|
|
6063
|
-
|
|
6064
|
-
|
|
6101
|
+
callAuditLogs = _useAxios2.fetchData;
|
|
6102
|
+
var isValidFormat = function isValidFormat() {
|
|
6103
|
+
var lines = noteText.split('\n');
|
|
6104
|
+
if (lines.length < 3) return false;
|
|
6105
|
+
return lines[0].startsWith('REASON-') && lines[1].startsWith('STC-') && lines[2].startsWith('ACTION-');
|
|
6106
|
+
};
|
|
6107
|
+
var isDisabled = !noteText.trim() || !isValidFormat() || !selectedAssignee;
|
|
6065
6108
|
var saveNote = /*#__PURE__*/function () {
|
|
6066
6109
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
6067
6110
|
var payload, response;
|
|
@@ -6080,12 +6123,13 @@ function AddNote() {
|
|
|
6080
6123
|
parent_object_id: orderId || orderIdLocaation,
|
|
6081
6124
|
parent_module_id: moduleIds == null ? void 0 : moduleIds.parentId,
|
|
6082
6125
|
module_id: moduleIds == null ? void 0 : moduleIds.id,
|
|
6126
|
+
note_type: selectedNoteType,
|
|
6083
6127
|
module_object_id: orderId || orderIdLocaation,
|
|
6084
6128
|
action: 'create',
|
|
6085
6129
|
description: noteText,
|
|
6086
6130
|
data_dump: '{}',
|
|
6087
6131
|
manual: 1,
|
|
6088
|
-
is_private:
|
|
6132
|
+
is_private: isClientPortal ? false : selectedAssignee === '0' ? true : false
|
|
6089
6133
|
}]
|
|
6090
6134
|
};
|
|
6091
6135
|
_context.prev = 4;
|
|
@@ -6095,17 +6139,21 @@ function AddNote() {
|
|
|
6095
6139
|
});
|
|
6096
6140
|
case 7:
|
|
6097
6141
|
response = _context.sent;
|
|
6098
|
-
|
|
6142
|
+
//@ts-ignore
|
|
6143
|
+
if ((response == null ? void 0 : response.code) === 200 && response != null && response.data) {
|
|
6099
6144
|
notification.success({
|
|
6100
6145
|
message: 'Success',
|
|
6101
|
-
|
|
6146
|
+
//@ts-ignore
|
|
6147
|
+
description: (response == null ? void 0 : response.message) || 'Note saved successfully'
|
|
6102
6148
|
});
|
|
6103
|
-
setNoteText(
|
|
6149
|
+
setNoteText(template);
|
|
6150
|
+
setSelectedNoteType('Standard');
|
|
6104
6151
|
setRecallAuditLog(true);
|
|
6105
6152
|
} else {
|
|
6106
6153
|
notification.error({
|
|
6107
6154
|
message: 'Error',
|
|
6108
|
-
|
|
6155
|
+
//@ts-ignore
|
|
6156
|
+
description: (response == null ? void 0 : response.error) || 'Failed to save note'
|
|
6109
6157
|
});
|
|
6110
6158
|
}
|
|
6111
6159
|
_context.next = 14;
|
|
@@ -6127,40 +6175,52 @@ function AddNote() {
|
|
|
6127
6175
|
return _ref.apply(this, arguments);
|
|
6128
6176
|
};
|
|
6129
6177
|
}();
|
|
6130
|
-
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
|
|
6134
|
-
|
|
6135
|
-
notification[type]({
|
|
6136
|
-
message: message,
|
|
6137
|
-
description: description,
|
|
6138
|
-
duration: 5
|
|
6139
|
-
});
|
|
6140
|
-
setNotificationData(null); // Clear notification data after showing
|
|
6178
|
+
var handleChange = function handleChange(e) {
|
|
6179
|
+
var val = e.target.value;
|
|
6180
|
+
var lines = val.split('\n');
|
|
6181
|
+
while (lines.length < 3) {
|
|
6182
|
+
if (lines.length === 0) lines.push('REASON- ');else if (lines.length === 1) lines.push('STC- ');else if (lines.length === 2) lines.push('ACTION- ');
|
|
6141
6183
|
}
|
|
6142
|
-
|
|
6143
|
-
|
|
6144
|
-
|
|
6184
|
+
var enforcedLines = lines.map(function (line, idx) {
|
|
6185
|
+
if (idx === 0) {
|
|
6186
|
+
if (!line.startsWith('REASON-')) return 'REASON- ';
|
|
6187
|
+
}
|
|
6188
|
+
if (idx === 1) {
|
|
6189
|
+
if (!line.startsWith('STC-')) return 'STC- ';
|
|
6190
|
+
}
|
|
6191
|
+
if (idx === 2) {
|
|
6192
|
+
if (!line.startsWith('ACTION-')) return 'ACTION- ';
|
|
6193
|
+
}
|
|
6194
|
+
return line;
|
|
6145
6195
|
});
|
|
6146
|
-
|
|
6196
|
+
setNoteText(enforcedLines.join('\n'));
|
|
6197
|
+
};
|
|
6147
6198
|
return React.createElement(Container$A, null, React.createElement(Label$j, {
|
|
6148
|
-
label: "Add New Note"
|
|
6199
|
+
label: "Add New Note",
|
|
6200
|
+
required: true,
|
|
6201
|
+
style: {
|
|
6202
|
+
color: 'black'
|
|
6203
|
+
}
|
|
6204
|
+
}), React.createElement(StyledAntSelect$3, {
|
|
6205
|
+
options: noteOptions,
|
|
6206
|
+
placeholder: "Select Note Type",
|
|
6207
|
+
onChange: function onChange(value) {
|
|
6208
|
+
return setSelectedNoteType(value);
|
|
6209
|
+
},
|
|
6210
|
+
value: selectedNoteType
|
|
6149
6211
|
}), React.createElement(StyledTextArea, {
|
|
6150
|
-
name: "description",
|
|
6151
|
-
placeholder: "Enter your note here...",
|
|
6152
6212
|
value: noteText,
|
|
6153
|
-
onChange:
|
|
6154
|
-
|
|
6155
|
-
}
|
|
6213
|
+
onChange: handleChange,
|
|
6214
|
+
rows: 3
|
|
6156
6215
|
}), React.createElement(SaveNoteContainer, null, React.createElement(Button, {
|
|
6157
|
-
disabled:
|
|
6216
|
+
disabled: isDisabled,
|
|
6158
6217
|
onClick: saveNote
|
|
6159
|
-
}, "SAVE NOTE"), React.createElement(NoteType, null)));
|
|
6218
|
+
}, "SAVE NOTE"), !isClientPortal && React.createElement(NoteType, null)));
|
|
6160
6219
|
}
|
|
6161
6220
|
var Container$A = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6162
6221
|
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6163
|
-
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height:
|
|
6222
|
+
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 65px;\n border-radius: 8px;\n background: #fff;\n resize: vertical;\n border: 1px solid #e0e2e7;\n padding: 8px 12px;\n font-family: monospace;\n white-space: pre-wrap;\n"])));
|
|
6223
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6164
6224
|
|
|
6165
6225
|
var NotesTableData = [{
|
|
6166
6226
|
tableHead: [{
|
|
@@ -6177,7 +6237,8 @@ var NotesTableData = [{
|
|
|
6177
6237
|
|
|
6178
6238
|
var _templateObject$X, _templateObject2$I;
|
|
6179
6239
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
6180
|
-
var
|
|
6240
|
+
var _NotesTableData$;
|
|
6241
|
+
var tableHeadData = (_NotesTableData$ = NotesTableData[0]) == null ? void 0 : _NotesTableData$.tableHead; // Assuming NotesTableData contains table header information
|
|
6181
6242
|
var _usegetNotes = usegetNotes(),
|
|
6182
6243
|
getNotes = _usegetNotes[0];
|
|
6183
6244
|
var _useAuditLogLoadingSt = useAuditLogLoadingState(),
|
|
@@ -6195,7 +6256,13 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6195
6256
|
}, React.createElement("td", null, React.createElement("div", {
|
|
6196
6257
|
className: "bold",
|
|
6197
6258
|
title: note == null ? void 0 : note.created_by
|
|
6198
|
-
}, note == null ? void 0 : note.created_by), React.createElement("div",
|
|
6259
|
+
}, note == null ? void 0 : note.created_by), React.createElement("div", {
|
|
6260
|
+
className: "notesIcon"
|
|
6261
|
+
}, note != null && note.is_private ? React.createElement(React.Fragment, null, React.createElement(PrivateIcon, null), ' ', React.createElement("span", {
|
|
6262
|
+
className: "datetime"
|
|
6263
|
+
}, formatUtcToLocal(note == null ? void 0 : note.created_at).date + " @ " + formatUtcToLocal(note == null ? void 0 : note.created_at).time)) : React.createElement("span", {
|
|
6264
|
+
className: "datetime"
|
|
6265
|
+
}, formatUtcToLocal(note == null ? void 0 : note.created_at).date + " @ " + formatUtcToLocal(note == null ? void 0 : note.created_at).time)), React.createElement("div", null, (note == null ? void 0 : note.note_type) || 'N/A')), React.createElement("td", {
|
|
6199
6266
|
dangerouslySetInnerHTML: {
|
|
6200
6267
|
__html: note == null ? void 0 : note.description
|
|
6201
6268
|
}
|
|
@@ -6204,8 +6271,8 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6204
6271
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
6205
6272
|
}, "No data found"))))));
|
|
6206
6273
|
};
|
|
6207
|
-
var
|
|
6208
|
-
var
|
|
6274
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6275
|
+
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n border-bottom: 1px solid #efe8e8;\n word-break: break-word;\n vertical-align: top;\n\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n .notesIcon {\n display: flex;\n align-items: center;\n gap: 5px;\n\n .datetime {\n min-width: 155px;\n }\n }\n }\n }\n }\n"])));
|
|
6209
6276
|
|
|
6210
6277
|
var _templateObject$Y;
|
|
6211
6278
|
function AuditLogs() {
|
|
@@ -6213,7 +6280,7 @@ function AuditLogs() {
|
|
|
6213
6280
|
}
|
|
6214
6281
|
var Container$B = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 550px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6215
6282
|
|
|
6216
|
-
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$
|
|
6283
|
+
var _templateObject$Z, _templateObject2$J, _templateObject3$k, _templateObject4$9;
|
|
6217
6284
|
// import { useLocation } from 'react-router-dom';
|
|
6218
6285
|
function Notes() {
|
|
6219
6286
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6296,7 +6363,7 @@ function Notes() {
|
|
|
6296
6363
|
var Container$C = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6297
6364
|
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
6298
6365
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
6299
|
-
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$
|
|
6366
|
+
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$9 || (_templateObject4$9 = /*#__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"])));
|
|
6300
6367
|
|
|
6301
6368
|
var _templateObject$_;
|
|
6302
6369
|
// import styled from 'styled-components';
|
|
@@ -6321,7 +6388,7 @@ function ChevronUp(props) {
|
|
|
6321
6388
|
}));
|
|
6322
6389
|
}
|
|
6323
6390
|
|
|
6324
|
-
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$
|
|
6391
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$l, _templateObject4$a, _templateObject5$7, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6325
6392
|
function CollapsableForm(props) {
|
|
6326
6393
|
var _useState = useState(true),
|
|
6327
6394
|
isExpanded = _useState[0],
|
|
@@ -6344,7 +6411,7 @@ function CollapsableForm(props) {
|
|
|
6344
6411
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
6345
6412
|
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
6346
6413
|
var Text$4 = /*#__PURE__*/styled.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
6347
|
-
var Container$D = /*#__PURE__*/styled.div(_templateObject4$
|
|
6414
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6348
6415
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
6349
6416
|
var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 25px;\n height: 25px;\n padding: 2px;\n border-radius: 3px;\n background: #ffffff;\n box-shadow: 0px 1px 2px 0px #1018280d;\n &:hover {\n background: rgba(58, 54, 57, 0.05);\n }\n svg {\n transform: rotate(", ");\n }\n"])), function (props) {
|
|
6350
6417
|
return props.isExpanded ? '360deg' : '180deg';
|
|
@@ -6374,7 +6441,7 @@ var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObje
|
|
|
6374
6441
|
var View = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
6375
6442
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6376
6443
|
|
|
6377
|
-
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$
|
|
6444
|
+
var _templateObject$11, _templateObject2$M, _templateObject3$n, _templateObject4$b, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6378
6445
|
var selectedID = /*#__PURE__*/atom([]);
|
|
6379
6446
|
function DynamicTable(_ref, props) {
|
|
6380
6447
|
var columns = _ref.columns,
|
|
@@ -6433,7 +6500,7 @@ function DynamicTable(_ref, props) {
|
|
|
6433
6500
|
var Container$E = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6434
6501
|
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
6435
6502
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
6436
|
-
var TableData = /*#__PURE__*/styled.td(_templateObject4$
|
|
6503
|
+
var TableData = /*#__PURE__*/styled.td(_templateObject4$b || (_templateObject4$b = /*#__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"])));
|
|
6437
6504
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
6438
6505
|
var TableBody = /*#__PURE__*/styled.tbody(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 10px;\n background: rgb(255, 255, 255);\n height: 96%;\n overflow: auto;\n width: 100%;\n"])));
|
|
6439
6506
|
var TableHead = /*#__PURE__*/styled.thead(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0px;\n z-index: 1;\n background: #f8f8f8;\n white-space: nowrap;\n"])));
|
|
@@ -6702,7 +6769,7 @@ function ConfirmedIcon() {
|
|
|
6702
6769
|
}))));
|
|
6703
6770
|
}
|
|
6704
6771
|
|
|
6705
|
-
var _templateObject$17, _templateObject2$R, _templateObject3$o, _templateObject4$
|
|
6772
|
+
var _templateObject$17, _templateObject2$R, _templateObject3$o, _templateObject4$c;
|
|
6706
6773
|
function Status() {
|
|
6707
6774
|
var _useStatusDetails = useStatusDetails(),
|
|
6708
6775
|
orderStatus = _useStatusDetails[0];
|
|
@@ -6751,7 +6818,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
6751
6818
|
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
6752
6819
|
var Heading = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__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"])));
|
|
6753
6820
|
var Container$F = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
6754
|
-
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
6821
|
+
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
6755
6822
|
|
|
6756
6823
|
var _templateObject$18;
|
|
6757
6824
|
// import DropDownOptions from './dropdowns';
|
|
@@ -6770,7 +6837,7 @@ var ActionIcon = function ActionIcon() {
|
|
|
6770
6837
|
}, React.createElement("path", {
|
|
6771
6838
|
d: "M0.5 12.2432C0.5 5.61581 5.87258 0.243225 12.5 0.243225C19.1274 0.243225 24.5 5.61581 24.5 12.2432C24.5 18.8706 19.1274 24.2432 12.5 24.2432C5.87258 24.2432 0.5 18.8706 0.5 12.2432Z",
|
|
6772
6839
|
fill: "#E95252",
|
|
6773
|
-
|
|
6840
|
+
fillOpacity: "0.5"
|
|
6774
6841
|
}), React.createElement("path", {
|
|
6775
6842
|
d: "M16.566 9.23825C16.6377 9.16909 16.6948 9.08636 16.7342 8.99488C16.7735 8.90339 16.7943 8.80499 16.7952 8.70541C16.7961 8.60582 16.7772 8.50705 16.7395 8.41486C16.7018 8.32267 16.6462 8.23891 16.5758 8.16846C16.5054 8.098 16.4217 8.04228 16.3295 8.00452C16.2374 7.96677 16.1386 7.94774 16.0391 7.94856C15.9395 7.94938 15.841 7.97002 15.7495 8.00929C15.658 8.04855 15.5752 8.10565 15.506 8.17725L12.5 11.1822L9.495 8.17725C9.42634 8.10356 9.34354 8.04446 9.25154 8.00347C9.15954 7.96247 9.06022 7.94043 8.95952 7.93865C8.85882 7.93688 8.75879 7.9554 8.6654 7.99312C8.57201 8.03084 8.48718 8.08699 8.41596 8.15821C8.34474 8.22943 8.2886 8.31426 8.25087 8.40765C8.21315 8.50104 8.19463 8.60107 8.19641 8.70177C8.19818 8.80247 8.22022 8.90178 8.26122 8.99378C8.30221 9.08578 8.36131 9.16858 8.435 9.23725L11.438 12.2432L8.433 15.2482C8.30052 15.3904 8.22839 15.5785 8.23182 15.7728C8.23525 15.9671 8.31396 16.1525 8.45138 16.2899C8.58879 16.4273 8.77417 16.506 8.96847 16.5094C9.16278 16.5128 9.35082 16.4407 9.493 16.3082L12.5 13.3032L15.505 16.3092C15.6472 16.4417 15.8352 16.5139 16.0295 16.5104C16.2238 16.507 16.4092 16.4283 16.5466 16.2909C16.684 16.1535 16.7627 15.9681 16.7662 15.7738C16.7696 15.5795 16.6975 15.3914 16.565 15.2492L13.562 12.2432L16.566 9.23825Z",
|
|
6776
6843
|
fill: "#E95252"
|
|
@@ -7006,7 +7073,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7006
7073
|
value: order == null ? void 0 : order.id
|
|
7007
7074
|
};
|
|
7008
7075
|
});
|
|
7009
|
-
return React.createElement(Container$H, null, React.createElement(Text$5, null, "New Return Order:"), React.createElement(StyledAntSelect$
|
|
7076
|
+
return React.createElement(Container$H, null, React.createElement(Text$5, null, "New Return Order:"), React.createElement(StyledAntSelect$4, {
|
|
7010
7077
|
options: dropdownOptions,
|
|
7011
7078
|
value: selectedOrderId,
|
|
7012
7079
|
placeholder: "Select",
|
|
@@ -7023,7 +7090,7 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7023
7090
|
notFoundContent: "No orders found with a similar postcode"
|
|
7024
7091
|
}));
|
|
7025
7092
|
};
|
|
7026
|
-
var StyledAntSelect$
|
|
7093
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$1b || (_templateObject$1b = /*#__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"])));
|
|
7027
7094
|
var Container$H = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
7028
7095
|
var Text$5 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7029
7096
|
|
|
@@ -7160,16 +7227,16 @@ function BackgroundModal(props) {
|
|
|
7160
7227
|
}
|
|
7161
7228
|
var Container$K = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
7162
7229
|
|
|
7163
|
-
var _templateObject$1f, _templateObject2$V, _templateObject3$r, _templateObject4$
|
|
7230
|
+
var _templateObject$1f, _templateObject2$V, _templateObject3$r, _templateObject4$d;
|
|
7164
7231
|
function AdditionalInformation(props) {
|
|
7165
7232
|
return React.createElement(Container$L, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$6, null, props.info)));
|
|
7166
7233
|
}
|
|
7167
7234
|
var Text$6 = /*#__PURE__*/styled.p(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
7168
7235
|
var Container$L = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7169
7236
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7170
|
-
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$
|
|
7237
|
+
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
7171
7238
|
|
|
7172
|
-
var _templateObject$1g, _templateObject2$W, _templateObject3$s, _templateObject4$
|
|
7239
|
+
var _templateObject$1g, _templateObject2$W, _templateObject3$s, _templateObject4$e;
|
|
7173
7240
|
function OrderActionHeader(props) {
|
|
7174
7241
|
var title = props.title,
|
|
7175
7242
|
actions = props.actions,
|
|
@@ -7187,7 +7254,7 @@ function OrderActionHeader(props) {
|
|
|
7187
7254
|
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7188
7255
|
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7189
7256
|
var Title = /*#__PURE__*/styled.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
7190
|
-
var Container$M = /*#__PURE__*/styled.div(_templateObject4$
|
|
7257
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
7191
7258
|
|
|
7192
7259
|
var _templateObject$1h, _templateObject2$X;
|
|
7193
7260
|
function OrderActionFooter(props) {
|
|
@@ -7511,7 +7578,7 @@ function UploadIcon(props) {
|
|
|
7511
7578
|
})));
|
|
7512
7579
|
}
|
|
7513
7580
|
|
|
7514
|
-
var _templateObject$1k, _templateObject2$Z, _templateObject3$u, _templateObject4$
|
|
7581
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$u, _templateObject4$f, _templateObject5$9, _templateObject6$3, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
7515
7582
|
var uploadedFilesAtom = /*#__PURE__*/atom([]);
|
|
7516
7583
|
// Allowed photo and video file types
|
|
7517
7584
|
var fileTypes = ['image/jpeg', 'image/png', 'video/mp4'];
|
|
@@ -7593,7 +7660,7 @@ var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateO
|
|
|
7593
7660
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
7594
7661
|
});
|
|
7595
7662
|
var Text2 = /*#__PURE__*/styled.p(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #bcbab7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7596
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7663
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7597
7664
|
var Text1 = /*#__PURE__*/styled.p(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #aea9a1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7598
7665
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465ac;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
7599
7666
|
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
@@ -7604,7 +7671,7 @@ var FilesTitle = /*#__PURE__*/styled.h4(_templateObject11$1 || (_templateObject1
|
|
|
7604
7671
|
var FilesList = /*#__PURE__*/styled.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style-type: none;\n padding: 0;\n"])));
|
|
7605
7672
|
var FileItem = /*#__PURE__*/styled.li(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n color: #333;\n margin: 5px 0;\n"])));
|
|
7606
7673
|
|
|
7607
|
-
var _templateObject$1l, _templateObject2$_, _templateObject3$v, _templateObject4$
|
|
7674
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$v, _templateObject4$g, _templateObject5$a;
|
|
7608
7675
|
function AddResources() {
|
|
7609
7676
|
var _staticOrderData$reso;
|
|
7610
7677
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7734,7 +7801,7 @@ function AddResources() {
|
|
|
7734
7801
|
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7735
7802
|
var Label$2 = /*#__PURE__*/styled.label(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7736
7803
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7737
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$
|
|
7804
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7738
7805
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__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"])));
|
|
7739
7806
|
|
|
7740
7807
|
var _templateObject$1m, _templateObject2$$, _templateObject3$w;
|
|
@@ -7947,7 +8014,7 @@ var Input = /*#__PURE__*/styled.input(_templateObject2$10 || (_templateObject2$1
|
|
|
7947
8014
|
});
|
|
7948
8015
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7949
8016
|
|
|
7950
|
-
var _templateObject$1p, _templateObject2$11, _templateObject3$y, _templateObject4$
|
|
8017
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$y, _templateObject4$h, _templateObject5$b, _templateObject6$4, _templateObject7$6;
|
|
7951
8018
|
function RadioButtonGroup(props) {
|
|
7952
8019
|
var heading = props.heading,
|
|
7953
8020
|
_props$direction = props.direction,
|
|
@@ -7987,7 +8054,7 @@ var labelStyles = /*#__PURE__*/css(_templateObject2$11 || (_templateObject2$11 =
|
|
|
7987
8054
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7988
8055
|
return !props.$required && 'visibility: hidden;';
|
|
7989
8056
|
}, labelStyles);
|
|
7990
|
-
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
8057
|
+
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
7991
8058
|
var Legend = /*#__PURE__*/styled.legend(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7992
8059
|
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
7993
8060
|
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__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) {
|
|
@@ -8018,7 +8085,7 @@ function DeliveryPoint(props) {
|
|
|
8018
8085
|
}
|
|
8019
8086
|
var Container$Q = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
8020
8087
|
|
|
8021
|
-
var _templateObject$1r, _templateObject2$12, _templateObject3$z, _templateObject4$
|
|
8088
|
+
var _templateObject$1r, _templateObject2$12, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$5, _templateObject7$7, _templateObject8$5;
|
|
8022
8089
|
var _excluded$6 = ["imageSrc", "label", "checked", "enabled", "onClickCheckbox"];
|
|
8023
8090
|
function Checkbox(props) {
|
|
8024
8091
|
var imageSrc = props.imageSrc,
|
|
@@ -8065,7 +8132,7 @@ var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$12 || (_template
|
|
|
8065
8132
|
var Circle = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__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) {
|
|
8066
8133
|
return props.$checked ? '#feba30' : '#ffffff';
|
|
8067
8134
|
});
|
|
8068
|
-
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$
|
|
8135
|
+
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$i || (_templateObject4$i = /*#__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) {
|
|
8069
8136
|
return props.$checked ? '#3a3630' : 'rgba(58, 54, 48, 0.50)';
|
|
8070
8137
|
});
|
|
8071
8138
|
var InformationContainer = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n"])));
|
|
@@ -8441,7 +8508,7 @@ var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$15 || (_templateO
|
|
|
8441
8508
|
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8442
8509
|
var Value = /*#__PURE__*/styled.span(_templateObject9$3 || (_templateObject9$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
8443
8510
|
|
|
8444
|
-
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$
|
|
8511
|
+
var _templateObject$1w, _templateObject2$16, _templateObject3$D, _templateObject4$j, _templateObject5$d;
|
|
8445
8512
|
var deliverTypeOptions = [{
|
|
8446
8513
|
label: 'Deliver',
|
|
8447
8514
|
value: 'deliver',
|
|
@@ -8589,10 +8656,10 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8589
8656
|
var CustomSelectDropdown = /*#__PURE__*/styled(Select)(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 10px;\n align-items: center;\n\n .ant-select-prefix {\n margin-top: 3px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
8590
8657
|
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
8591
8658
|
var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8592
|
-
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$
|
|
8659
|
+
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$j || (_templateObject4$j = /*#__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"])));
|
|
8593
8660
|
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
8594
8661
|
|
|
8595
|
-
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$
|
|
8662
|
+
var _templateObject$1x, _templateObject2$17, _templateObject3$E, _templateObject4$k, _templateObject5$e, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$4, _templateObject10$2;
|
|
8596
8663
|
function CancelOrder(props) {
|
|
8597
8664
|
var _orderStaticData$canc;
|
|
8598
8665
|
var _useOrderId = useOrderId(),
|
|
@@ -8793,7 +8860,7 @@ function CancelOrder(props) {
|
|
|
8793
8860
|
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8794
8861
|
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
8795
8862
|
var Label$5 = /*#__PURE__*/styled.label(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8796
|
-
var Container$T = /*#__PURE__*/styled.div(_templateObject4$
|
|
8863
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8797
8864
|
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
8798
8865
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
8799
8866
|
var TopRight = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
@@ -9215,7 +9282,7 @@ function TimedServiceDropdown$1() {
|
|
|
9215
9282
|
});
|
|
9216
9283
|
}
|
|
9217
9284
|
|
|
9218
|
-
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$
|
|
9285
|
+
var _templateObject$1E, _templateObject2$1d, _templateObject3$J, _templateObject4$l;
|
|
9219
9286
|
function CustomerInformation() {
|
|
9220
9287
|
var _orderDetails$order_r;
|
|
9221
9288
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9225,7 +9292,7 @@ function CustomerInformation() {
|
|
|
9225
9292
|
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9226
9293
|
var AddressField = /*#__PURE__*/styled.p(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
|
|
9227
9294
|
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9228
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject4$
|
|
9295
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__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"])));
|
|
9229
9296
|
|
|
9230
9297
|
var _templateObject$1F, _templateObject2$1e;
|
|
9231
9298
|
function ProductTable$1() {
|
|
@@ -9386,7 +9453,7 @@ function ContactWith() {
|
|
|
9386
9453
|
var Label$d = /*#__PURE__*/styled.label(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9387
9454
|
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9388
9455
|
|
|
9389
|
-
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$
|
|
9456
|
+
var _templateObject$1K, _templateObject2$1j, _templateObject3$K, _templateObject4$m;
|
|
9390
9457
|
function SlotAndInstructions() {
|
|
9391
9458
|
var _orderDetails$order_r;
|
|
9392
9459
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9396,7 +9463,7 @@ function SlotAndInstructions() {
|
|
|
9396
9463
|
var Value$1 = /*#__PURE__*/styled.span(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9397
9464
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9398
9465
|
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
9399
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject4$
|
|
9466
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9400
9467
|
|
|
9401
9468
|
var _templateObject$1L, _templateObject2$1k;
|
|
9402
9469
|
function ConfirmOrder(props) {
|
|
@@ -10648,7 +10715,7 @@ function AssigneeDropdown() {
|
|
|
10648
10715
|
return React.createElement(FormContainer$3, null, React.createElement(Label$j, {
|
|
10649
10716
|
label: "Department",
|
|
10650
10717
|
required: true
|
|
10651
|
-
}), React.createElement(StyledAntSelect$
|
|
10718
|
+
}), React.createElement(StyledAntSelect$5, {
|
|
10652
10719
|
disabled: disabled,
|
|
10653
10720
|
options: deptData,
|
|
10654
10721
|
placeholder: "Select Department",
|
|
@@ -10663,7 +10730,7 @@ function AssigneeDropdown() {
|
|
|
10663
10730
|
label: "Assigned To",
|
|
10664
10731
|
required: true,
|
|
10665
10732
|
htmlFor: "assigneDropdown"
|
|
10666
|
-
}), React.createElement(StyledAntSelect$
|
|
10733
|
+
}), React.createElement(StyledAntSelect$5, {
|
|
10667
10734
|
disabled: disabled,
|
|
10668
10735
|
options: userOptions,
|
|
10669
10736
|
placeholder: "Select User",
|
|
@@ -10680,7 +10747,7 @@ function AssigneeDropdown() {
|
|
|
10680
10747
|
}));
|
|
10681
10748
|
}
|
|
10682
10749
|
var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
10683
|
-
var StyledAntSelect$
|
|
10750
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10684
10751
|
|
|
10685
10752
|
var _templateObject$1P, _templateObject2$1o, _templateObject3$M, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
10686
10753
|
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 770px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n margin-top: 15px;\n"])));
|
|
@@ -10740,7 +10807,7 @@ var priorityData = [{
|
|
|
10740
10807
|
color: '#E95252'
|
|
10741
10808
|
}];
|
|
10742
10809
|
|
|
10743
|
-
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$
|
|
10810
|
+
var _templateObject$1Q, _templateObject2$1p, _templateObject3$N, _templateObject4$n;
|
|
10744
10811
|
function StatusIndicator(props) {
|
|
10745
10812
|
var statusColor = getStatusColor(props.status);
|
|
10746
10813
|
return React.createElement(Container$15, null, React.createElement(StatusCircleContainer, {
|
|
@@ -10758,11 +10825,11 @@ var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1p || (_templateObj
|
|
|
10758
10825
|
return props.color;
|
|
10759
10826
|
});
|
|
10760
10827
|
var Container$15 = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
10761
|
-
var Text$8 = /*#__PURE__*/styled.span(_templateObject4$
|
|
10828
|
+
var Text$8 = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
10762
10829
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
10763
10830
|
});
|
|
10764
10831
|
|
|
10765
|
-
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$
|
|
10832
|
+
var _templateObject$1R, _templateObject2$1q, _templateObject3$O, _templateObject4$o, _templateObject5$g, _templateObject6$8, _templateObject7$a, _templateObject8$8, _templateObject9$6;
|
|
10766
10833
|
var _excluded$7 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
10767
10834
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
10768
10835
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11007,14 +11074,14 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11007
11074
|
var Right$2 = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11008
11075
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11009
11076
|
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11010
|
-
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$
|
|
11077
|
+
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11011
11078
|
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #131313;\n font-family: 'Lato', sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 17px;\n white-space: nowrap;\n"])));
|
|
11012
11079
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__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"])));
|
|
11013
11080
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11014
11081
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11015
11082
|
var LabelText = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11016
11083
|
|
|
11017
|
-
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$
|
|
11084
|
+
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$p, _templateObject5$h, _templateObject6$9;
|
|
11018
11085
|
function HeaderSection(_ref) {
|
|
11019
11086
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11020
11087
|
setTasksData = _ref.setTasksData;
|
|
@@ -11118,7 +11185,7 @@ function HeaderSection(_ref) {
|
|
|
11118
11185
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11119
11186
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11120
11187
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n background: #feba30;\n padding: 6px;\n border-radius: 6px;\n font-weight: 600;\n font-size: 13px;\n border: 1px solid #feba30;\n"])));
|
|
11121
|
-
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$
|
|
11188
|
+
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
11122
11189
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
11123
11190
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11124
11191
|
|
|
@@ -11204,14 +11271,14 @@ function ButtonsSection() {
|
|
|
11204
11271
|
var resolvedText = "Resolved on " + formatDate$1((flagById == null ? void 0 : flagById.resolved_at) || 'N/A') + " by " + ((flagById == null ? void 0 : flagById.resolved_by) || 'N/A');
|
|
11205
11272
|
return React.createElement(Buttons, null, React.createElement(Flex, null, React.createElement(Label$j, {
|
|
11206
11273
|
label: "Type"
|
|
11207
|
-
}), React.createElement(StyledAntSelect$
|
|
11274
|
+
}), React.createElement(StyledAntSelect$6, {
|
|
11208
11275
|
options: taskTypeOptions,
|
|
11209
11276
|
placeholder: "Select Type",
|
|
11210
11277
|
onChange: handleTaskTypeChange,
|
|
11211
11278
|
value: selectedTypeId
|
|
11212
11279
|
})), React.createElement(Flex, null, React.createElement(Label$j, {
|
|
11213
11280
|
label: "Priority"
|
|
11214
|
-
}), React.createElement(StyledAntSelect$
|
|
11281
|
+
}), React.createElement(StyledAntSelect$6, {
|
|
11215
11282
|
options: priorityOptions,
|
|
11216
11283
|
placeholder: "Select Type",
|
|
11217
11284
|
onChange: handlePriorityChange,
|
|
@@ -11226,11 +11293,11 @@ function ButtonsSection() {
|
|
|
11226
11293
|
status: "AD"
|
|
11227
11294
|
})));
|
|
11228
11295
|
}
|
|
11229
|
-
var StyledAntSelect$
|
|
11296
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
11230
11297
|
var Buttons = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11231
11298
|
var Flex = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11232
11299
|
|
|
11233
|
-
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$
|
|
11300
|
+
var _templateObject$1V, _templateObject2$1u, _templateObject3$R, _templateObject4$q, _templateObject5$i, _templateObject6$a;
|
|
11234
11301
|
var FlagsFilter = [{
|
|
11235
11302
|
label: 'Private',
|
|
11236
11303
|
value: 'private'
|
|
@@ -11354,11 +11421,11 @@ function RadioButtonsSection() {
|
|
|
11354
11421
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
11355
11422
|
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11356
11423
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
11357
|
-
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$
|
|
11424
|
+
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11358
11425
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11359
11426
|
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11360
11427
|
|
|
11361
|
-
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$
|
|
11428
|
+
var _templateObject$1W, _templateObject2$1v, _templateObject3$S, _templateObject4$r, _templateObject5$j;
|
|
11362
11429
|
function DetailSection() {
|
|
11363
11430
|
var _flagById$order_data, _flagById$order_data2;
|
|
11364
11431
|
var _useFlagById = useFlagById(),
|
|
@@ -11373,7 +11440,7 @@ function DetailSection() {
|
|
|
11373
11440
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
11374
11441
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11375
11442
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11376
|
-
var Order = /*#__PURE__*/styled.div(_templateObject4$
|
|
11443
|
+
var Order = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11377
11444
|
var StyledLabel$2 = /*#__PURE__*/styled(Label$j)(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11378
11445
|
|
|
11379
11446
|
var _templateObject$1X, _templateObject2$1w, _templateObject3$T;
|
|
@@ -11642,7 +11709,7 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
11642
11709
|
};
|
|
11643
11710
|
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11644
11711
|
|
|
11645
|
-
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$
|
|
11712
|
+
var _templateObject$1_, _templateObject2$1x, _templateObject3$U, _templateObject4$s, _templateObject5$k;
|
|
11646
11713
|
var deliverTypeOptions$1 = [{
|
|
11647
11714
|
label: 'Deliver',
|
|
11648
11715
|
value: 'deliver',
|
|
@@ -11796,10 +11863,10 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
11796
11863
|
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
11797
11864
|
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
11798
11865
|
var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
11799
|
-
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$
|
|
11866
|
+
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$s || (_templateObject4$s = /*#__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"])));
|
|
11800
11867
|
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
11801
11868
|
|
|
11802
|
-
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$
|
|
11869
|
+
var _templateObject$1$, _templateObject2$1y, _templateObject3$V, _templateObject4$t;
|
|
11803
11870
|
function UncancelOrder(props) {
|
|
11804
11871
|
var _orderStaticData$unca;
|
|
11805
11872
|
var _useOrderId = useOrderId(),
|
|
@@ -11999,7 +12066,7 @@ function UncancelOrder(props) {
|
|
|
11999
12066
|
var RequiredAsterisk$4 = /*#__PURE__*/styled.span(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12000
12067
|
var Container$16 = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 15px;\n gap: 30px;\n border-radius: 16px;\n border: 1px solid#edebe8;\n background: #f8fafc;\n\n .uncancelReasonDropdown {\n flex: 1;\n }\n"])));
|
|
12001
12068
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12002
|
-
var CustomTextArea$4 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
12069
|
+
var CustomTextArea$4 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12003
12070
|
|
|
12004
12071
|
var _templateObject$20;
|
|
12005
12072
|
function RemoveFromRoute(props) {
|
|
@@ -12083,11 +12150,11 @@ function RemoveFromRoute(props) {
|
|
|
12083
12150
|
}
|
|
12084
12151
|
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12085
12152
|
|
|
12086
|
-
var _templateObject$21, _templateObject3$W, _templateObject4$
|
|
12153
|
+
var _templateObject$21, _templateObject3$W, _templateObject4$u, _templateObject5$l, _templateObject7$b, _templateObject8$9, _templateObject9$7;
|
|
12087
12154
|
// Shared styles and components
|
|
12088
12155
|
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12089
12156
|
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12090
|
-
var StyledAntSelect$
|
|
12157
|
+
var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12091
12158
|
var Label$f = /*#__PURE__*/styled.label(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12092
12159
|
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__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"])));
|
|
12093
12160
|
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
@@ -12105,7 +12172,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
12105
12172
|
}, " * ")), children);
|
|
12106
12173
|
};
|
|
12107
12174
|
|
|
12108
|
-
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$
|
|
12175
|
+
var _templateObject$22, _templateObject2$1z, _templateObject3$X, _templateObject4$v, _templateObject5$m;
|
|
12109
12176
|
dayjs.extend(utc);
|
|
12110
12177
|
dayjs.extend(isValid);
|
|
12111
12178
|
function CreateReminderModal() {
|
|
@@ -12377,7 +12444,7 @@ function CreateReminderModal() {
|
|
|
12377
12444
|
return React.createElement(Wrapper$j, null, React.createElement(SplitContainer, null, React.createElement(FormRow, {
|
|
12378
12445
|
label: "Department",
|
|
12379
12446
|
required: true
|
|
12380
|
-
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$
|
|
12447
|
+
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$8, {
|
|
12381
12448
|
options: deptData,
|
|
12382
12449
|
style: {
|
|
12383
12450
|
width: '10vw'
|
|
@@ -12389,7 +12456,7 @@ function CreateReminderModal() {
|
|
|
12389
12456
|
}))), React.createElement(FormRow, {
|
|
12390
12457
|
label: "Assigned To",
|
|
12391
12458
|
required: true
|
|
12392
|
-
}, React.createElement(StyledAntSelect$
|
|
12459
|
+
}, React.createElement(StyledAntSelect$8, {
|
|
12393
12460
|
options: userOptions,
|
|
12394
12461
|
placeholder: "Select User",
|
|
12395
12462
|
onChange: handleSelectUser,
|
|
@@ -12471,8 +12538,8 @@ function CreateReminderModal() {
|
|
|
12471
12538
|
}
|
|
12472
12539
|
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
12473
12540
|
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12474
|
-
var StyledAntSelect$
|
|
12475
|
-
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$
|
|
12541
|
+
var StyledAntSelect$8 = /*#__PURE__*/styled(Select)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
12542
|
+
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$v || (_templateObject4$v = /*#__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"])));
|
|
12476
12543
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__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"])));
|
|
12477
12544
|
|
|
12478
12545
|
var _templateObject$23;
|
|
@@ -12650,7 +12717,7 @@ function CreateTaskModal() {
|
|
|
12650
12717
|
return React.createElement(Wrapper$j, null, React.createElement(SplitContainer, null, React.createElement(FormRow, {
|
|
12651
12718
|
label: "Task Type",
|
|
12652
12719
|
required: true
|
|
12653
|
-
}, React.createElement(StyledAntSelect$
|
|
12720
|
+
}, React.createElement(StyledAntSelect$7, {
|
|
12654
12721
|
options: taskTypeOptions,
|
|
12655
12722
|
placeholder: "Select Type",
|
|
12656
12723
|
onChange: handleTaskTypeChange,
|
|
@@ -13172,8 +13239,8 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
13172
13239
|
fill: fill
|
|
13173
13240
|
}), React.createElement("path", {
|
|
13174
13241
|
opacity: "0.4",
|
|
13175
|
-
|
|
13176
|
-
|
|
13242
|
+
fillRule: "evenodd",
|
|
13243
|
+
clipRule: "evenodd",
|
|
13177
13244
|
d: "M6.69104 9.8912C6.82604 9.75637 7.00903 9.68063 7.19984 9.68063C7.39064 9.68063 7.57363 9.75637 7.70864 9.8912L11.9998 14.1824L16.291 9.8912C16.4275 9.76402 16.608 9.69478 16.7946 9.69807C16.9811 9.70136 17.1591 9.77693 17.291 9.90884C17.4229 10.0408 17.4985 10.2187 17.5018 10.4053C17.5051 10.5918 17.4358 10.7723 17.3086 10.9088L12.5086 15.7088C12.3736 15.8436 12.1906 15.9194 11.9998 15.9194C11.809 15.9194 11.626 15.8436 11.491 15.7088L6.69104 10.9088C6.5562 10.7738 6.48047 10.5908 6.48047 10.4C6.48047 10.2092 6.5562 10.0262 6.69104 9.8912Z",
|
|
13178
13245
|
fill: "#3A3630"
|
|
13179
13246
|
}));
|
|
@@ -13181,7 +13248,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
13181
13248
|
|
|
13182
13249
|
var _templateObject$28, _templateObject2$1C;
|
|
13183
13250
|
function Options() {
|
|
13184
|
-
var _orderStatus$, _orderStatus$2,
|
|
13251
|
+
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
13185
13252
|
var _useCurrentAction = useCurrentAction(),
|
|
13186
13253
|
setCurrentAction = _useCurrentAction[1];
|
|
13187
13254
|
var _useOrderId = useOrderId(),
|
|
@@ -13211,8 +13278,8 @@ function Options() {
|
|
|
13211
13278
|
}
|
|
13212
13279
|
};
|
|
13213
13280
|
var isReleased = (_orderStatus$ = orderStatus[0]) == null ? void 0 : _orderStatus$.released;
|
|
13214
|
-
|
|
13215
|
-
var isRouted = ((_orderStatus$
|
|
13281
|
+
// const routedValue = orderStatus[0]?.routed;
|
|
13282
|
+
var isRouted = ((_orderStatus$2 = orderStatus[0]) == null ? void 0 : _orderStatus$2.routed) && (orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.id);
|
|
13216
13283
|
var isOrderOnHold = (orderDetails == null ? void 0 : orderDetails.status) === 'OO';
|
|
13217
13284
|
var isOrderCancelled = (orderDetails == null ? void 0 : orderDetails.status) === 'CO';
|
|
13218
13285
|
var filteredOptions = optionsMenu == null ? void 0 : optionsMenu.filter(function (option) {
|
|
@@ -13240,9 +13307,9 @@ function Options() {
|
|
|
13240
13307
|
if (!isRouted && option.value === 'log-service-refusal') {
|
|
13241
13308
|
shouldExclude = true;
|
|
13242
13309
|
}
|
|
13243
|
-
if (routedValue && option.value === 'remove-from-route') {
|
|
13244
|
-
|
|
13245
|
-
}
|
|
13310
|
+
// if (routedValue && option.value === 'remove-from-route') {
|
|
13311
|
+
// shouldExclude = true;
|
|
13312
|
+
// }
|
|
13246
13313
|
return !shouldExclude;
|
|
13247
13314
|
});
|
|
13248
13315
|
var menuItems = {
|
|
@@ -13837,7 +13904,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
13837
13904
|
}));
|
|
13838
13905
|
};
|
|
13839
13906
|
|
|
13840
|
-
var _templateObject$2i, _templateObject2$1J, _templateObject3$$, _templateObject4$
|
|
13907
|
+
var _templateObject$2i, _templateObject2$1J, _templateObject3$$, _templateObject4$w, _templateObject5$n, _templateObject6$b, _templateObject7$c, _templateObject8$a, _templateObject9$8, _templateObject10$4, _templateObject11$3, _templateObject12$1;
|
|
13841
13908
|
function Notification() {
|
|
13842
13909
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
13843
13910
|
var _useTabType = useTabType(),
|
|
@@ -14103,7 +14170,7 @@ function Notification() {
|
|
|
14103
14170
|
var Container$1a = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
14104
14171
|
var Loader = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
14105
14172
|
var Spinner = /*#__PURE__*/styled.div(_templateObject3$$ || (_templateObject3$$ = /*#__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"])));
|
|
14106
|
-
var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
14173
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
14107
14174
|
var TabsData = /*#__PURE__*/styled.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
14108
14175
|
var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
14109
14176
|
var ClosedCount = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
@@ -14342,7 +14409,7 @@ function Order$1() {
|
|
|
14342
14409
|
}
|
|
14343
14410
|
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
14344
14411
|
|
|
14345
|
-
var _templateObject$2q, _templateObject2$1P, _templateObject3$11, _templateObject4$
|
|
14412
|
+
var _templateObject$2q, _templateObject2$1P, _templateObject3$11, _templateObject4$x;
|
|
14346
14413
|
function OrderView() {
|
|
14347
14414
|
notification.config({
|
|
14348
14415
|
top: 150
|
|
@@ -14700,7 +14767,7 @@ function OrderView() {
|
|
|
14700
14767
|
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
14701
14768
|
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
14702
14769
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
14703
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
14770
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
14704
14771
|
|
|
14705
14772
|
var _templateObject2$1Q;
|
|
14706
14773
|
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__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"])));
|