@bjsdistribution/dms-client-return 0.0.85 → 0.0.87
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/notification/OrderTemplate.d.ts +3 -0
- package/dist/components/order-view/order-actions/hooks/useFetchSingleReminder.d.ts +2 -0
- package/dist/components/order-view/order-actions/hooks/useUpdateReminder.d.ts +3 -0
- package/dist/components/order-view/order-actions/store.d.ts +1 -0
- package/dist/components/order-view/utils.d.ts +1 -0
- package/dist/components/order-view/view-reminder/AssigneeDropdown.d.ts +3 -0
- package/dist/components/order-view/view-reminder/ViewReminder.d.ts +3 -0
- package/dist/components/order-view/view-reminder/reminder-styles.d.ts +25 -0
- package/dist/dms-client-return.cjs.development.js +613 -114
- 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 +613 -114
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-view/index.tsx +6 -1
- package/src/components/order-view/notification/OrderTemplate.tsx +349 -0
- package/src/components/order-view/notification/Tabs.tsx +10 -6
- package/src/components/order-view/order-actions/actions/confirm-order/index.tsx +0 -32
- package/src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx +7 -0
- package/src/components/order-view/order-actions/actions/uncancel-order/UncancelOrder.tsx +4 -3
- package/src/components/order-view/order-actions/actions/unhold-order/UnholdOrder.tsx +1 -1
- package/src/components/order-view/order-actions/hooks/useFetchSingleReminder.ts +56 -0
- package/src/components/order-view/order-actions/hooks/useUpdateReminder.ts +52 -0
- package/src/components/order-view/order-actions/index.tsx +3 -0
- package/src/components/order-view/order-actions/store.ts +6 -0
- package/src/components/order-view/order-actions/utils.ts +1 -1
- package/src/components/order-view/order-details/expanded-content/orders-section/Carrier.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/services-section/DeliveryPoint.tsx +1 -1
- package/src/components/order-view/order-details/expanded-content/services-section/TimedService.tsx +1 -1
- package/src/components/order-view/view-reminder/AssigneeDropdown.tsx +33 -0
- package/src/components/order-view/view-reminder/ViewReminder.tsx +314 -0
- package/src/components/order-view/view-reminder/reminder-styles.tsx +173 -0
|
@@ -4570,7 +4570,7 @@ function Carrier() {
|
|
|
4570
4570
|
var onChange = function onChange(selectedOption) {
|
|
4571
4571
|
setOrderDetails(function (prev) {
|
|
4572
4572
|
return _extends({}, prev, {
|
|
4573
|
-
carrier_id: selectedOption.value
|
|
4573
|
+
carrier_id: selectedOption == null ? void 0 : selectedOption.value
|
|
4574
4574
|
});
|
|
4575
4575
|
});
|
|
4576
4576
|
};
|
|
@@ -4832,8 +4832,7 @@ function TimedServiceDropdown() {
|
|
|
4832
4832
|
setOrderData(newData);
|
|
4833
4833
|
};
|
|
4834
4834
|
return React__default.createElement(Container$r, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4835
|
-
label: "Timed Service"
|
|
4836
|
-
htmlFor: "timedServiceDropdown"
|
|
4835
|
+
label: "Timed Service"
|
|
4837
4836
|
}), React__default.createElement(StyledSelectDropdown$1, {
|
|
4838
4837
|
styles: _extends({}, dmsComponentLibrary.dropdownStyles, {
|
|
4839
4838
|
control: function control(styles) {
|
|
@@ -4921,8 +4920,7 @@ function DeliveryPointDropdown() {
|
|
|
4921
4920
|
setOrderData(newData);
|
|
4922
4921
|
};
|
|
4923
4922
|
return React__default.createElement(Container$t, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
4924
|
-
label: "Delivery Point"
|
|
4925
|
-
htmlFor: "deliveryPointDropdown"
|
|
4923
|
+
label: "Delivery Point"
|
|
4926
4924
|
}), React__default.createElement(StyledSelectDropdown$3, {
|
|
4927
4925
|
placeholder: "Select Delivery Point",
|
|
4928
4926
|
options: deliveryPointOptions || [],
|
|
@@ -6016,7 +6014,7 @@ function formatDate$1(dateString) {
|
|
|
6016
6014
|
if (dateString) {
|
|
6017
6015
|
var date = new Date(dateString);
|
|
6018
6016
|
if (!isNaN(date.getTime())) {
|
|
6019
|
-
return dateFns.format(date, 'MM/
|
|
6017
|
+
return dateFns.format(date, 'dd/MM/yyyy HH:mm:ss');
|
|
6020
6018
|
}
|
|
6021
6019
|
}
|
|
6022
6020
|
return 'Invalid date';
|
|
@@ -6949,6 +6947,14 @@ var initialValue = {
|
|
|
6949
6947
|
task_subcategories_id: null,
|
|
6950
6948
|
order_id: null
|
|
6951
6949
|
};
|
|
6950
|
+
var updatePayload = {
|
|
6951
|
+
details: '',
|
|
6952
|
+
id: null,
|
|
6953
|
+
assigned_to: null,
|
|
6954
|
+
due_date: null,
|
|
6955
|
+
due_time: null,
|
|
6956
|
+
status_id: null
|
|
6957
|
+
};
|
|
6952
6958
|
var flagInitialValue = {
|
|
6953
6959
|
description: '',
|
|
6954
6960
|
task_type_id: 0,
|
|
@@ -6969,6 +6975,7 @@ var taskTypeExtended = /*#__PURE__*/jotai.atom([]);
|
|
|
6969
6975
|
var departmentData = /*#__PURE__*/jotai.atom([]);
|
|
6970
6976
|
var createTaskPayload = /*#__PURE__*/jotai.atom(initialPayload);
|
|
6971
6977
|
var createReminderPayload = /*#__PURE__*/jotai.atom(initialValue);
|
|
6978
|
+
var reminderUpdatePayload = /*#__PURE__*/jotai.atom(updatePayload);
|
|
6972
6979
|
var notificationLabel = /*#__PURE__*/jotai.atom('');
|
|
6973
6980
|
var notificationData = /*#__PURE__*/jotai.atom([]);
|
|
6974
6981
|
var reminderNotifiData = /*#__PURE__*/jotai.atom([]);
|
|
@@ -6976,6 +6983,7 @@ var singleFlagData = /*#__PURE__*/jotai.atom({});
|
|
|
6976
6983
|
var singleModalPayload = /*#__PURE__*/jotai.atom(flagInitialValue);
|
|
6977
6984
|
var flagRefId = /*#__PURE__*/jotai.atom(null);
|
|
6978
6985
|
var ReminderRefId = /*#__PURE__*/jotai.atom(null);
|
|
6986
|
+
var reminderData = /*#__PURE__*/jotai.atom([]);
|
|
6979
6987
|
var resolvedModalPayload = /*#__PURE__*/jotai.atom(resolvedValue);
|
|
6980
6988
|
var routeDetails = /*#__PURE__*/jotai.atom({});
|
|
6981
6989
|
var orderNotifyCount = /*#__PURE__*/jotai.atom(0);
|
|
@@ -7067,9 +7075,19 @@ function useResolvedPayload() {
|
|
|
7067
7075
|
function useReminderRefId() {
|
|
7068
7076
|
return jotai.useAtom(ReminderRefId);
|
|
7069
7077
|
}
|
|
7078
|
+
function useSingleReminderData() {
|
|
7079
|
+
return jotai.useAtom(reminderData);
|
|
7080
|
+
}
|
|
7081
|
+
function useUpdateReminderData() {
|
|
7082
|
+
return jotai.useAtom(reminderUpdatePayload);
|
|
7083
|
+
}
|
|
7070
7084
|
function useRouteDetails() {
|
|
7071
7085
|
return jotai.useAtom(routeDetails);
|
|
7072
7086
|
}
|
|
7087
|
+
var allOrderStatus = /*#__PURE__*/jotai.atom(null);
|
|
7088
|
+
function useAllOrderStatus() {
|
|
7089
|
+
return jotai.useAtom(allOrderStatus);
|
|
7090
|
+
}
|
|
7073
7091
|
var selectedCategoryIdAtom = /*#__PURE__*/jotai.atom(null);
|
|
7074
7092
|
var selectedDocumentTypeAtom = /*#__PURE__*/jotai.atom(null);
|
|
7075
7093
|
var selectedTypeAtom = /*#__PURE__*/jotai.atom(null);
|
|
@@ -8729,28 +8747,6 @@ function ConfirmOrder() {
|
|
|
8729
8747
|
return _ref.apply(this, arguments);
|
|
8730
8748
|
};
|
|
8731
8749
|
}();
|
|
8732
|
-
// const isDifferent = () => {
|
|
8733
|
-
// const keysToRemovefromOrders = [
|
|
8734
|
-
// 'order_locked',
|
|
8735
|
-
// 'order_communications',
|
|
8736
|
-
// 'updated_at',
|
|
8737
|
-
// 'updated_by',
|
|
8738
|
-
// 'order_services',
|
|
8739
|
-
// ];
|
|
8740
|
-
// const filteredOrderDetails = filterObject(
|
|
8741
|
-
// orderDetailsConfirmOrder,
|
|
8742
|
-
// keysToRemovefromOrders
|
|
8743
|
-
// );
|
|
8744
|
-
// const filteredPrevOrderDetails = filterObject(
|
|
8745
|
-
// prevOrderDetails,
|
|
8746
|
-
// keysToRemovefromOrders
|
|
8747
|
-
// );
|
|
8748
|
-
// const orderDetailsSorted = JSON.stringify(filteredOrderDetails);
|
|
8749
|
-
// const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);
|
|
8750
|
-
// const isSame = orderDetailsSorted === prevOrderDetailsSorted;
|
|
8751
|
-
// // newOrderServicesSorted === prevOrderServicesSorted;
|
|
8752
|
-
// return !isSame;
|
|
8753
|
-
// };
|
|
8754
8750
|
var errorFound = function errorFound() {
|
|
8755
8751
|
var isError = errorState.emailError.length > 0 || errorState.homeContactError.length > 0 || errorState.workContactError.length > 0 || errorState.mobileError.length > 0;
|
|
8756
8752
|
return isError;
|
|
@@ -8954,6 +8950,8 @@ function HoldOrderModal() {
|
|
|
8954
8950
|
setPrevOrderDetails = _usePrevOrderDetails[1];
|
|
8955
8951
|
var _useCustomerInfo = useCustomerInfo(),
|
|
8956
8952
|
customerInfo = _useCustomerInfo[0];
|
|
8953
|
+
var _useLiveRecalling = useLiveRecalling(),
|
|
8954
|
+
setRecalling = _useLiveRecalling[1];
|
|
8957
8955
|
var infoText = (customerInfo == null ? void 0 : customerInfo.recipient_name) + ", " + (customerInfo == null ? void 0 : customerInfo.postcode);
|
|
8958
8956
|
var onHoldReasonOptions = orderStaticData == null || (_orderStaticData$onho = orderStaticData.onhold_reasons) == null ? void 0 : _orderStaticData$onho.map(function (item) {
|
|
8959
8957
|
return {
|
|
@@ -8995,6 +8993,10 @@ function HoldOrderModal() {
|
|
|
8995
8993
|
//@ts-ignore
|
|
8996
8994
|
if (response != null && response.data && (response == null ? void 0 : response.code) === 200) {
|
|
8997
8995
|
setShouldPerformAction(true);
|
|
8996
|
+
setRecalling(true);
|
|
8997
|
+
setTimeout(function () {
|
|
8998
|
+
setRecalling(false);
|
|
8999
|
+
}, 1000);
|
|
8998
9000
|
} else {
|
|
8999
9001
|
antd.notification.error({
|
|
9000
9002
|
message: 'Error',
|
|
@@ -9255,7 +9257,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9255
9257
|
var _useLoading = useLoading(),
|
|
9256
9258
|
setLoading = _useLoading[1];
|
|
9257
9259
|
var _useApiHook = dmsComponentLibrary.useApiHook({
|
|
9258
|
-
endpoint: "orders/" + orderId + "/unhold
|
|
9260
|
+
endpoint: "orders/" + orderId + "/unhold/",
|
|
9259
9261
|
method: 'POST',
|
|
9260
9262
|
performAction: false
|
|
9261
9263
|
}),
|
|
@@ -10750,7 +10752,10 @@ function UncancelOrder() {
|
|
|
10750
10752
|
infoText: infoText,
|
|
10751
10753
|
submitBtnTitle: "Save Details",
|
|
10752
10754
|
isSubmitDisabled: !showSubmitBtn
|
|
10753
|
-
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(
|
|
10755
|
+
}, React__default.createElement(HoldContentContainer, null, React__default.createElement(SplitText, null, React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10756
|
+
label: "Un-cancel Reason",
|
|
10757
|
+
required: true
|
|
10758
|
+
}), React__default.createElement(dmsComponentLibrary.AntSelect, {
|
|
10754
10759
|
options: unCancelReasonOptions || [],
|
|
10755
10760
|
placeholder: "Select un-cancel Reason",
|
|
10756
10761
|
onChange: onChangeUnCancelReason,
|
|
@@ -10763,7 +10768,9 @@ function UncancelOrder() {
|
|
|
10763
10768
|
popupClassName: 'dropDownStyle',
|
|
10764
10769
|
selectWrapperClass: 'rounded',
|
|
10765
10770
|
defaultValue: unCancelReason
|
|
10766
|
-
})), React__default.createElement(HoldRow, null, React__default.createElement(Label
|
|
10771
|
+
})), React__default.createElement(HoldRow, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
10772
|
+
label: "Un-cancel Note"
|
|
10773
|
+
}), React__default.createElement(CustomTextArea$3, {
|
|
10767
10774
|
rows: 5,
|
|
10768
10775
|
onChange: onChange
|
|
10769
10776
|
})))));
|
|
@@ -11324,7 +11331,358 @@ function TaskModal() {
|
|
|
11324
11331
|
}
|
|
11325
11332
|
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
11326
11333
|
|
|
11327
|
-
var _templateObject$21;
|
|
11334
|
+
var _templateObject$21, _templateObject2$1w, _templateObject3$R, _templateObject4$u, _templateObject10$3, _templateObject11$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
11335
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 770px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
11336
|
+
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
11337
|
+
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
11338
|
+
var StyledText$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 105px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 15px;\n resize: none;\n"])));
|
|
11339
|
+
var TimeWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
11340
|
+
var StyledTime = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 30px;\n border: 1px solid #e0e2e7;\n background: #fff;\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8px 5px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n"])));
|
|
11341
|
+
var Column = /*#__PURE__*/styled__default.div(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11342
|
+
var Row$6 = /*#__PURE__*/styled__default(Column)(_templateObject14$2 || (_templateObject14$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
11343
|
+
var Right$2 = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n height: 100%;\n gap: 15px;\n"])));
|
|
11344
|
+
var Left$1 = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n gap: 15px;\n padding: 15px;\n"])));
|
|
11345
|
+
var DateTimeContainer = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n"])));
|
|
11346
|
+
var DetailedContainer = /*#__PURE__*/styled__default.div(_templateObject19$2 || (_templateObject19$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 416px;\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: 66px;\n background: #f8fafc;\n"])));
|
|
11347
|
+
var ContentsContainer = /*#__PURE__*/styled__default(Column)(_templateObject20$1 || (_templateObject20$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin: 15px;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n border-radius: 15px;\n background: #f8fafc;\n /* shadow/shadow-sm */\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
11348
|
+
|
|
11349
|
+
function useFetchSingleReminderData() {
|
|
11350
|
+
var _useReminderRefId = useReminderRefId(),
|
|
11351
|
+
reminderRefId = _useReminderRefId[0];
|
|
11352
|
+
var _useFlagsLoading = useFlagsLoading(),
|
|
11353
|
+
setLoading = _useFlagsLoading[1];
|
|
11354
|
+
var ssoToken = getCookie('id_token');
|
|
11355
|
+
var res = /*#__PURE__*/function () {
|
|
11356
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
11357
|
+
var endpoint, headers, response, _detail$, _json, detail, msg, json;
|
|
11358
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11359
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11360
|
+
case 0:
|
|
11361
|
+
endpoint = dmsComponentLibrary.getBaseEndpoint() + "/tasks/reminder/" + reminderRefId;
|
|
11362
|
+
setLoading(true);
|
|
11363
|
+
_context.prev = 2;
|
|
11364
|
+
headers = {
|
|
11365
|
+
accept: 'application/json',
|
|
11366
|
+
'Content-Type': 'application/json',
|
|
11367
|
+
Authorization: "Bearer " + ssoToken
|
|
11368
|
+
};
|
|
11369
|
+
_context.next = 6;
|
|
11370
|
+
return fetch(endpoint, {
|
|
11371
|
+
method: 'GET',
|
|
11372
|
+
headers: headers
|
|
11373
|
+
});
|
|
11374
|
+
case 6:
|
|
11375
|
+
response = _context.sent;
|
|
11376
|
+
if (response.ok) {
|
|
11377
|
+
_context.next = 16;
|
|
11378
|
+
break;
|
|
11379
|
+
}
|
|
11380
|
+
_context.next = 10;
|
|
11381
|
+
return response.json();
|
|
11382
|
+
case 10:
|
|
11383
|
+
_json = _context.sent;
|
|
11384
|
+
detail = _json == null ? void 0 : _json.detail;
|
|
11385
|
+
msg = (_detail$ = detail[0]) == null ? void 0 : _detail$.msg;
|
|
11386
|
+
antd.notification.error({
|
|
11387
|
+
message: 'Error',
|
|
11388
|
+
description: msg || 'An error has occurred. Please try again later.'
|
|
11389
|
+
});
|
|
11390
|
+
setLoading(false);
|
|
11391
|
+
return _context.abrupt("return", []);
|
|
11392
|
+
case 16:
|
|
11393
|
+
_context.next = 18;
|
|
11394
|
+
return response.json();
|
|
11395
|
+
case 18:
|
|
11396
|
+
json = _context.sent;
|
|
11397
|
+
if (!(json.code === 200)) {
|
|
11398
|
+
_context.next = 22;
|
|
11399
|
+
break;
|
|
11400
|
+
}
|
|
11401
|
+
setLoading(false);
|
|
11402
|
+
return _context.abrupt("return", _extends({}, json.data[0]));
|
|
11403
|
+
case 22:
|
|
11404
|
+
return _context.abrupt("return", []);
|
|
11405
|
+
case 25:
|
|
11406
|
+
_context.prev = 25;
|
|
11407
|
+
_context.t0 = _context["catch"](2);
|
|
11408
|
+
//setloading(false);
|
|
11409
|
+
antd.notification.error({
|
|
11410
|
+
message: 'Error',
|
|
11411
|
+
description: "" + _context.t0 || 'An error has occurred. Please try again later.'
|
|
11412
|
+
});
|
|
11413
|
+
return _context.abrupt("return", []);
|
|
11414
|
+
case 29:
|
|
11415
|
+
case "end":
|
|
11416
|
+
return _context.stop();
|
|
11417
|
+
}
|
|
11418
|
+
}, _callee, null, [[2, 25]]);
|
|
11419
|
+
}));
|
|
11420
|
+
return function res() {
|
|
11421
|
+
return _ref.apply(this, arguments);
|
|
11422
|
+
};
|
|
11423
|
+
}();
|
|
11424
|
+
return res;
|
|
11425
|
+
}
|
|
11426
|
+
|
|
11427
|
+
function useUpdateReminder() {
|
|
11428
|
+
var ssoToken = getCookie('id_token');
|
|
11429
|
+
var _useFlagsLoading = useFlagsLoading(),
|
|
11430
|
+
setLoading = _useFlagsLoading[1];
|
|
11431
|
+
var update = /*#__PURE__*/function () {
|
|
11432
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
|
|
11433
|
+
var endpoint, requestOptions, response, json;
|
|
11434
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11435
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11436
|
+
case 0:
|
|
11437
|
+
endpoint = dmsComponentLibrary.getBaseEndpoint() + "/tasks/reminder/update/";
|
|
11438
|
+
setLoading(true);
|
|
11439
|
+
_context.prev = 2;
|
|
11440
|
+
requestOptions = {
|
|
11441
|
+
headers: {
|
|
11442
|
+
'Content-Type': 'application/json',
|
|
11443
|
+
Authorization: "Bearer " + ssoToken
|
|
11444
|
+
},
|
|
11445
|
+
method: 'PUT',
|
|
11446
|
+
body: JSON.stringify(data)
|
|
11447
|
+
};
|
|
11448
|
+
_context.next = 6;
|
|
11449
|
+
return fetch(endpoint, requestOptions);
|
|
11450
|
+
case 6:
|
|
11451
|
+
response = _context.sent;
|
|
11452
|
+
if (response.ok) {
|
|
11453
|
+
_context.next = 9;
|
|
11454
|
+
break;
|
|
11455
|
+
}
|
|
11456
|
+
throw new Error('response is not ok');
|
|
11457
|
+
case 9:
|
|
11458
|
+
_context.next = 11;
|
|
11459
|
+
return response.json();
|
|
11460
|
+
case 11:
|
|
11461
|
+
json = _context.sent;
|
|
11462
|
+
antd.notification.success({
|
|
11463
|
+
message: 'Success',
|
|
11464
|
+
description: 'Reminder has been updated.'
|
|
11465
|
+
});
|
|
11466
|
+
return _context.abrupt("return", json);
|
|
11467
|
+
case 16:
|
|
11468
|
+
_context.prev = 16;
|
|
11469
|
+
_context.t0 = _context["catch"](2);
|
|
11470
|
+
antd.notification.error({
|
|
11471
|
+
message: 'Error',
|
|
11472
|
+
description: "" + _context.t0 || 'An error has occurred. Please try again later.'
|
|
11473
|
+
});
|
|
11474
|
+
case 19:
|
|
11475
|
+
_context.prev = 19;
|
|
11476
|
+
setLoading(false);
|
|
11477
|
+
return _context.finish(19);
|
|
11478
|
+
case 22:
|
|
11479
|
+
setLoading(false);
|
|
11480
|
+
case 23:
|
|
11481
|
+
case "end":
|
|
11482
|
+
return _context.stop();
|
|
11483
|
+
}
|
|
11484
|
+
}, _callee, null, [[2, 16, 19, 22]]);
|
|
11485
|
+
}));
|
|
11486
|
+
return function update(_x) {
|
|
11487
|
+
return _ref.apply(this, arguments);
|
|
11488
|
+
};
|
|
11489
|
+
}();
|
|
11490
|
+
return update;
|
|
11491
|
+
}
|
|
11492
|
+
|
|
11493
|
+
var _templateObject$22, _templateObject2$1x;
|
|
11494
|
+
function AssigneeDropdown() {
|
|
11495
|
+
var handleSelectChange = function handleSelectChange() {
|
|
11496
|
+
antd.notification.success({
|
|
11497
|
+
message: 'Success',
|
|
11498
|
+
description: 'Successfully updated'
|
|
11499
|
+
});
|
|
11500
|
+
};
|
|
11501
|
+
return React__default.createElement(FormContainer$2, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
11502
|
+
label: "Assigned To",
|
|
11503
|
+
required: true,
|
|
11504
|
+
htmlFor: "assigneDropdown"
|
|
11505
|
+
}), React__default.createElement(StyledAntSelect$6, {
|
|
11506
|
+
options: [],
|
|
11507
|
+
onChange: handleSelectChange,
|
|
11508
|
+
selectWrapperClass: 'rounded',
|
|
11509
|
+
style: {
|
|
11510
|
+
display: 'flex'
|
|
11511
|
+
}
|
|
11512
|
+
}));
|
|
11513
|
+
}
|
|
11514
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
11515
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11516
|
+
|
|
11517
|
+
var _templateObject$23, _templateObject2$1y, _templateObject3$S, _templateObject4$v, _templateObject5$l, _templateObject6$b, _templateObject7$c, _templateObject8$9;
|
|
11518
|
+
var ViewReminderModal = function ViewReminderModal() {
|
|
11519
|
+
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
11520
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11521
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11522
|
+
var fetchData = useFetchSingleReminderData();
|
|
11523
|
+
var fetchRemindersData = useFetchReminders();
|
|
11524
|
+
var updateReminder = useUpdateReminder();
|
|
11525
|
+
var _useState = React.useState(null),
|
|
11526
|
+
setDueDate = _useState[1];
|
|
11527
|
+
var _useSingleReminderDat = useSingleReminderData(),
|
|
11528
|
+
reminderData = _useSingleReminderDat[0],
|
|
11529
|
+
setReminderData = _useSingleReminderDat[1];
|
|
11530
|
+
var _useReminderRefId = useReminderRefId(),
|
|
11531
|
+
reminderRefId = _useReminderRefId[0];
|
|
11532
|
+
var _useFlagsLoading = useFlagsLoading(),
|
|
11533
|
+
loading = _useFlagsLoading[0],
|
|
11534
|
+
setLoading = _useFlagsLoading[1];
|
|
11535
|
+
var _useUpdateReminderDat = useUpdateReminderData(),
|
|
11536
|
+
reminderPayload = _useUpdateReminderDat[0],
|
|
11537
|
+
setPayload = _useUpdateReminderDat[1];
|
|
11538
|
+
var closeModal = function closeModal() {
|
|
11539
|
+
setCurrentAction(undefined);
|
|
11540
|
+
};
|
|
11541
|
+
var fetchReminderData = /*#__PURE__*/function () {
|
|
11542
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
11543
|
+
var result;
|
|
11544
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11545
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11546
|
+
case 0:
|
|
11547
|
+
setLoading(true);
|
|
11548
|
+
_context.next = 3;
|
|
11549
|
+
return fetchData();
|
|
11550
|
+
case 3:
|
|
11551
|
+
result = _context.sent;
|
|
11552
|
+
setReminderData(result);
|
|
11553
|
+
setLoading(false);
|
|
11554
|
+
case 6:
|
|
11555
|
+
case "end":
|
|
11556
|
+
return _context.stop();
|
|
11557
|
+
}
|
|
11558
|
+
}, _callee);
|
|
11559
|
+
}));
|
|
11560
|
+
return function fetchReminderData() {
|
|
11561
|
+
return _ref.apply(this, arguments);
|
|
11562
|
+
};
|
|
11563
|
+
}();
|
|
11564
|
+
React.useEffect(function () {
|
|
11565
|
+
fetchReminderData();
|
|
11566
|
+
}, [reminderRefId]);
|
|
11567
|
+
React.useEffect(function () {
|
|
11568
|
+
if (reminderData) {
|
|
11569
|
+
setPayload(_extends({}, reminderPayload, {
|
|
11570
|
+
details: reminderData == null ? void 0 : reminderData.details,
|
|
11571
|
+
id: reminderData == null ? void 0 : reminderData.id,
|
|
11572
|
+
assigned_to: reminderData == null ? void 0 : reminderData.assigned_to,
|
|
11573
|
+
due_date: reminderData == null ? void 0 : reminderData.due_date,
|
|
11574
|
+
due_time: reminderData == null ? void 0 : reminderData.due_time,
|
|
11575
|
+
status_id: reminderData == null ? void 0 : reminderData.status_id
|
|
11576
|
+
}));
|
|
11577
|
+
setDueDate(reminderData == null ? void 0 : reminderData.due_date);
|
|
11578
|
+
}
|
|
11579
|
+
}, [reminderData]);
|
|
11580
|
+
var handleDateChange = function handleDateChange(date) {
|
|
11581
|
+
if (date && dateFns.isValid(date.$d)) {
|
|
11582
|
+
setDueDate(date);
|
|
11583
|
+
var formattedDate = dateFns.format(new Date(date.$d), 'yyyy-MM-dd');
|
|
11584
|
+
setPayload(function (prevState) {
|
|
11585
|
+
return _extends({}, prevState, {
|
|
11586
|
+
due_date: formattedDate
|
|
11587
|
+
});
|
|
11588
|
+
});
|
|
11589
|
+
} else {
|
|
11590
|
+
setDueDate(null);
|
|
11591
|
+
setPayload(function (prevState) {
|
|
11592
|
+
return _extends({}, prevState, {
|
|
11593
|
+
due_date: undefined
|
|
11594
|
+
});
|
|
11595
|
+
});
|
|
11596
|
+
}
|
|
11597
|
+
};
|
|
11598
|
+
var handleTime = function handleTime(event) {
|
|
11599
|
+
setPayload(_extends({}, reminderPayload, {
|
|
11600
|
+
due_time: event.target.value
|
|
11601
|
+
}));
|
|
11602
|
+
};
|
|
11603
|
+
var onChangeDetails = function onChangeDetails(event) {
|
|
11604
|
+
setPayload(_extends({}, reminderPayload, {
|
|
11605
|
+
details: event.target.value
|
|
11606
|
+
}));
|
|
11607
|
+
};
|
|
11608
|
+
//set mark as complete
|
|
11609
|
+
var handleResolved = function handleResolved(event) {
|
|
11610
|
+
setPayload(_extends({}, reminderPayload, {
|
|
11611
|
+
status_id: reminderPayload.status_id === event ? 0 : event
|
|
11612
|
+
}));
|
|
11613
|
+
};
|
|
11614
|
+
var handleEditReminder = /*#__PURE__*/function () {
|
|
11615
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
11616
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
11617
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
11618
|
+
case 0:
|
|
11619
|
+
setLoading(true);
|
|
11620
|
+
_context2.next = 3;
|
|
11621
|
+
return updateReminder([reminderPayload]);
|
|
11622
|
+
case 3:
|
|
11623
|
+
fetchRemindersData();
|
|
11624
|
+
closeModal();
|
|
11625
|
+
case 5:
|
|
11626
|
+
case "end":
|
|
11627
|
+
return _context2.stop();
|
|
11628
|
+
}
|
|
11629
|
+
}, _callee2);
|
|
11630
|
+
}));
|
|
11631
|
+
return function handleEditReminder() {
|
|
11632
|
+
return _ref2.apply(this, arguments);
|
|
11633
|
+
};
|
|
11634
|
+
}();
|
|
11635
|
+
var isDisabled = (reminderData == null || (_reminderData$reminde = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde.name_alias) === 'resolved';
|
|
11636
|
+
var additional = (reminderData == null || (_reminderData$order_d = reminderData.order_data) == null || (_reminderData$order_d = _reminderData$order_d.order_recipient) == null ? void 0 : _reminderData$order_d.recipient_name) + ' ' + (reminderData == null || (_reminderData$order_d2 = reminderData.order_data) == null || (_reminderData$order_d2 = _reminderData$order_d2.order_recipient) == null ? void 0 : _reminderData$order_d2.postcode);
|
|
11637
|
+
return React__default.createElement(React__default.Fragment, null, reminderData && loading && React__default.createElement(Loader, null), React__default.createElement(OrderActionModal, {
|
|
11638
|
+
headerTitle: "View Reminder",
|
|
11639
|
+
onCloseHeader: closeModal,
|
|
11640
|
+
onSubmit: handleEditReminder,
|
|
11641
|
+
submitBtnTitle: "Save Details",
|
|
11642
|
+
isSubmitDisabled: isDisabled,
|
|
11643
|
+
showAdditionalInfo: true,
|
|
11644
|
+
infoText: additional || 'NA',
|
|
11645
|
+
headerActions: React__default.createElement(OuterDiv, null, (reminderData == null || (_reminderData$reminde2 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde2.name_alias) === 'pending' || (reminderData == null || (_reminderData$reminde3 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde3.name_alias) === 'unresolved' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledWrapper, null, React__default.createElement(StyledLabel$2, null, React__default.createElement(StyledCheckbox, null, React__default.createElement("input", {
|
|
11646
|
+
type: "checkbox",
|
|
11647
|
+
onChange: function onChange() {
|
|
11648
|
+
return handleResolved(2);
|
|
11649
|
+
}
|
|
11650
|
+
}), React__default.createElement(RoundCheckbox, null)), React__default.createElement(StyledSpan, null, "Mark As Complete")))) : null)
|
|
11651
|
+
}, React__default.createElement(ReferenceContainer, {
|
|
11652
|
+
style: {
|
|
11653
|
+
marginTop: '20px'
|
|
11654
|
+
}
|
|
11655
|
+
}, React__default.createElement(InnerContainer, null, React__default.createElement(MiniContainer, null, ' ', React__default.createElement(Label$e, null, "Reference ", " "), React__default.createElement(LabelText, null, (reminderData == null ? void 0 : reminderData.reference) || 'N/A')), React__default.createElement(MiniContainer, null, ' ', React__default.createElement(Label$e, null, "Status "), React__default.createElement(LabelText, null, (reminderData == null || (_reminderData$reminde4 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde4.name_alias) === 'pending' || (reminderData == null || (_reminderData$reminde5 = reminderData.reminder_status) == null ? void 0 : _reminderData$reminde5.name_alias) === 'unresolved' ? React__default.createElement(StatusIndicator, {
|
|
11656
|
+
text: "Incomplete",
|
|
11657
|
+
status: "AD"
|
|
11658
|
+
}) : React__default.createElement(StatusIndicator, {
|
|
11659
|
+
text: "Completed on " + (reminderData == null ? void 0 : reminderData.completed) + " by " + (reminderData == null ? void 0 : reminderData.completed_by),
|
|
11660
|
+
status: "SD"
|
|
11661
|
+
}))))), React__default.createElement(ContentsContainer, null, React__default.createElement(Left$1, null, React__default.createElement(AssigneeDropdown, null), React__default.createElement(DateTimeContainer, null, React__default.createElement(Label$e, null, "Due "), React__default.createElement(Row$6, null, React__default.createElement(StyleContainer$2, null, React__default.createElement(DatePickerWrap, null, React__default.createElement(antd.DatePicker, {
|
|
11662
|
+
format: "DD/MM/YYYY",
|
|
11663
|
+
value: reminderPayload != null && reminderPayload.due_date ? dayjs(reminderPayload == null ? void 0 : reminderPayload.due_date) : null,
|
|
11664
|
+
onChange: handleDateChange
|
|
11665
|
+
}))), React__default.createElement(TimeWrapper, null, React__default.createElement(StyledTime, {
|
|
11666
|
+
onChange: handleTime,
|
|
11667
|
+
value: reminderPayload == null ? void 0 : reminderPayload.due_time,
|
|
11668
|
+
type: "time"
|
|
11669
|
+
}))))), React__default.createElement(Right$2, null, React__default.createElement(DetailedContainer, null, React__default.createElement(Label$e, null, "Details"), React__default.createElement(StyledText$1, {
|
|
11670
|
+
name: "text",
|
|
11671
|
+
required: true,
|
|
11672
|
+
value: reminderPayload == null ? void 0 : reminderPayload.details,
|
|
11673
|
+
onChange: onChangeDetails
|
|
11674
|
+
}))))));
|
|
11675
|
+
};
|
|
11676
|
+
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11677
|
+
var StyledWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11678
|
+
var StyledLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11679
|
+
var StyledSpan = /*#__PURE__*/styled__default.span(_templateObject4$v || (_templateObject4$v = /*#__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"])));
|
|
11680
|
+
var StyledCheckbox = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__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"])));
|
|
11681
|
+
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
11682
|
+
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11683
|
+
var LabelText = /*#__PURE__*/styled__default.span(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11684
|
+
|
|
11685
|
+
var _templateObject$24;
|
|
11328
11686
|
function OrderActions() {
|
|
11329
11687
|
var _useCurrentAction = useCurrentAction(),
|
|
11330
11688
|
currentAction = _useCurrentAction[0];
|
|
@@ -11358,6 +11716,8 @@ function OrderActions() {
|
|
|
11358
11716
|
return React__default.createElement(TaskReminderModal, null);
|
|
11359
11717
|
case 'create-task':
|
|
11360
11718
|
return React__default.createElement(TaskModal, null);
|
|
11719
|
+
case 'view-reminder':
|
|
11720
|
+
return React__default.createElement(ViewReminderModal, null);
|
|
11361
11721
|
case 'log-feedback':
|
|
11362
11722
|
return React__default.createElement(LogFeedback, null);
|
|
11363
11723
|
case 'unhold-order':
|
|
@@ -11376,7 +11736,7 @@ function OrderActions() {
|
|
|
11376
11736
|
};
|
|
11377
11737
|
return React__default.createElement(Container$18, null, renderContent());
|
|
11378
11738
|
}
|
|
11379
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11739
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11380
11740
|
|
|
11381
11741
|
function useSystemLogs() {
|
|
11382
11742
|
var ssoToken = getCookie('id_token');
|
|
@@ -11468,7 +11828,7 @@ function useSystemLogs() {
|
|
|
11468
11828
|
return perform;
|
|
11469
11829
|
}
|
|
11470
11830
|
|
|
11471
|
-
var _templateObject$
|
|
11831
|
+
var _templateObject$25, _templateObject2$1z;
|
|
11472
11832
|
var Details = function Details() {
|
|
11473
11833
|
// const [orderDetails] = useOrderDetails();
|
|
11474
11834
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11477,10 +11837,10 @@ var Details = function Details() {
|
|
|
11477
11837
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11478
11838
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11479
11839
|
};
|
|
11480
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11481
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11840
|
+
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11841
|
+
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
11482
11842
|
|
|
11483
|
-
var _templateObject$
|
|
11843
|
+
var _templateObject$26;
|
|
11484
11844
|
function Options() {
|
|
11485
11845
|
var _useCurrentAction = useCurrentAction(),
|
|
11486
11846
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11546,7 +11906,7 @@ function Options() {
|
|
|
11546
11906
|
value: "OPTIONS"
|
|
11547
11907
|
}));
|
|
11548
11908
|
}
|
|
11549
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11909
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11550
11910
|
|
|
11551
11911
|
function BjsMenu() {
|
|
11552
11912
|
var _orderStatus$;
|
|
@@ -11603,7 +11963,7 @@ function BjsMenu() {
|
|
|
11603
11963
|
});
|
|
11604
11964
|
}
|
|
11605
11965
|
|
|
11606
|
-
var _templateObject$
|
|
11966
|
+
var _templateObject$27;
|
|
11607
11967
|
function Print() {
|
|
11608
11968
|
var _useOrderDetails = useOrderDetails(),
|
|
11609
11969
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11688,28 +12048,28 @@ function Print() {
|
|
|
11688
12048
|
})
|
|
11689
12049
|
}));
|
|
11690
12050
|
}
|
|
11691
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12051
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11692
12052
|
|
|
11693
|
-
var _templateObject$
|
|
12053
|
+
var _templateObject$28;
|
|
11694
12054
|
// components
|
|
11695
12055
|
function DropDowns$1() {
|
|
11696
12056
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DashBoardWrapper$2, null, React__default.createElement(BjsMenu, null), React__default.createElement(Options, null), React__default.createElement(Print, null)));
|
|
11697
12057
|
}
|
|
11698
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
12058
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11699
12059
|
|
|
11700
|
-
var _templateObject$
|
|
12060
|
+
var _templateObject$29;
|
|
11701
12061
|
var ActionsMenu = function ActionsMenu() {
|
|
11702
12062
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
11703
12063
|
};
|
|
11704
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12064
|
+
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n height: 34px;\n padding: 1px;\n align-items: flex-start;\n border-radius: 20px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #f0f2f2;\n cursor: pointer;\n"])));
|
|
11705
12065
|
|
|
11706
|
-
var _templateObject$
|
|
12066
|
+
var _templateObject$2a;
|
|
11707
12067
|
var DetailsFilters = function DetailsFilters() {
|
|
11708
12068
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
11709
12069
|
};
|
|
11710
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12070
|
+
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n /* z-index: 9999; */\n display: flex;\n padding: 10px;\n flex-direction: row;\n gap: 10px;\n align-self: stretch;\n position: relative;\n margin-bottom: -71px;\n width: 97%;\n margin-left: 21px;\n top: -132px;\n justify-content: space-between;\n"])));
|
|
11711
12071
|
|
|
11712
|
-
var _templateObject$
|
|
12072
|
+
var _templateObject$2b, _templateObject2$1A, _templateObject3$T;
|
|
11713
12073
|
function FlagTemplate(_ref) {
|
|
11714
12074
|
var _data$tasks_types;
|
|
11715
12075
|
var data = _ref.data;
|
|
@@ -11740,14 +12100,14 @@ function FlagTemplate(_ref) {
|
|
|
11740
12100
|
onClose: function onClose() {}
|
|
11741
12101
|
}));
|
|
11742
12102
|
}
|
|
11743
|
-
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11744
|
-
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11745
|
-
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
12103
|
+
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
12104
|
+
var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
12105
|
+
var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11746
12106
|
var color = _ref2.color;
|
|
11747
12107
|
return color;
|
|
11748
12108
|
});
|
|
11749
12109
|
|
|
11750
|
-
var _templateObject$
|
|
12110
|
+
var _templateObject$2c, _templateObject2$1B, _templateObject3$U;
|
|
11751
12111
|
function ReminderTemplate(_ref) {
|
|
11752
12112
|
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11753
12113
|
var data = _ref.data,
|
|
@@ -11782,14 +12142,144 @@ function ReminderTemplate(_ref) {
|
|
|
11782
12142
|
}
|
|
11783
12143
|
})));
|
|
11784
12144
|
}
|
|
11785
|
-
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11786
|
-
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
12145
|
+
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
12146
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11787
12147
|
var color = _ref2.color;
|
|
11788
12148
|
return color;
|
|
11789
12149
|
});
|
|
11790
|
-
var StyledLink$3 = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
12150
|
+
var StyledLink$3 = /*#__PURE__*/styled__default.span(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n cursor: pointer;\n"])));
|
|
12151
|
+
|
|
12152
|
+
var _templateObject$2d, _templateObject2$1C, _templateObject3$V, _templateObject4$w, _templateObject5$m, _templateObject6$c;
|
|
12153
|
+
function OrderTemplate(_ref) {
|
|
12154
|
+
var _orderStaticData$canc, _orderDetails$order_c, _routeData$route_crew, _routeData$route_crew2, _routeData$route_crew3, _routeData$route_crew4, _orderDetails$order_o, _orderDetails$order_o2, _orderDetails$order_o3, _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _routeData$route_deta, _routeData$route_deta2, _routeData$route_deta3;
|
|
12155
|
+
var orderDetails = _ref.orderDetails;
|
|
12156
|
+
var _useRouteDetails = useRouteDetails(),
|
|
12157
|
+
routeData = _useRouteDetails[0];
|
|
12158
|
+
var _useOrderNotify = useOrderNotify(),
|
|
12159
|
+
setOrderCount = _useOrderNotify[1];
|
|
12160
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
12161
|
+
statusVal = _useAllOrderStatus[0];
|
|
12162
|
+
var precall = false;
|
|
12163
|
+
var _useOrderStaticData = useOrderStaticData(),
|
|
12164
|
+
orderStaticData = _useOrderStaticData[0];
|
|
12165
|
+
var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
|
|
12166
|
+
return {
|
|
12167
|
+
id: x == null ? void 0 : x.id,
|
|
12168
|
+
reason: x == null ? void 0 : x.reason
|
|
12169
|
+
};
|
|
12170
|
+
});
|
|
12171
|
+
var getReasonById = function getReasonById(id) {
|
|
12172
|
+
if (!unholdReasons || (unholdReasons == null ? void 0 : unholdReasons.length) === 0) {
|
|
12173
|
+
return 'Reason not found';
|
|
12174
|
+
}
|
|
12175
|
+
var match = unholdReasons == null ? void 0 : unholdReasons.find(function (item) {
|
|
12176
|
+
return (item == null ? void 0 : item.id) === id;
|
|
12177
|
+
});
|
|
12178
|
+
return match ? match == null ? void 0 : match.reason : 'Reason not found';
|
|
12179
|
+
};
|
|
12180
|
+
var reason = getReasonById(orderDetails == null || (_orderDetails$order_c = orderDetails.order_cancellations) == null ? void 0 : _orderDetails$order_c.reason_id);
|
|
12181
|
+
var _useState = React.useState({
|
|
12182
|
+
isHoldVisible: true,
|
|
12183
|
+
isCompleted: true,
|
|
12184
|
+
isOutstanding: true,
|
|
12185
|
+
isAwaitingConfirmation: true,
|
|
12186
|
+
isAwaitingRoute: true,
|
|
12187
|
+
isCancelled: true,
|
|
12188
|
+
isEnroute: true,
|
|
12189
|
+
isPreCall: true,
|
|
12190
|
+
isConfirmed: true
|
|
12191
|
+
}),
|
|
12192
|
+
alertVisibility = _useState[0],
|
|
12193
|
+
setAlertVisibility = _useState[1];
|
|
12194
|
+
var crewDetails = (routeData == null || (_routeData$route_crew = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew.crew1_id) + ' ' + (routeData == null || (_routeData$route_crew2 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew2.crew1) + ' ' + (routeData == null || (_routeData$route_crew3 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew3.crew2_id) + ' ' + (routeData == null || (_routeData$route_crew4 = routeData.route_crew_info) == null ? void 0 : _routeData$route_crew4.crew2) + ' ';
|
|
12195
|
+
React.useEffect(function () {
|
|
12196
|
+
}, [precall]);
|
|
12197
|
+
//on close alert functionality
|
|
12198
|
+
var onCloseAlert = function onCloseAlert(alertType) {
|
|
12199
|
+
setAlertVisibility(function (prev) {
|
|
12200
|
+
var _extends2;
|
|
12201
|
+
return _extends({}, prev, (_extends2 = {}, _extends2[alertType] = false, _extends2));
|
|
12202
|
+
});
|
|
12203
|
+
setOrderCount(0);
|
|
12204
|
+
};
|
|
12205
|
+
return React__default.createElement(React__default.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12206
|
+
type: "warn",
|
|
12207
|
+
title: React__default.createElement(React__default.Fragment, null, (orderDetails == null || (_orderDetails$order_o = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o.hold_indefinitely) === false ? React__default.createElement(HoldText, null, "on hold until:", ' ', orderDetails != null && (_orderDetails$order_o2 = orderDetails.order_on_hold) != null && _orderDetails$order_o2.hold_untill ? dateFns.format(new Date(orderDetails == null || (_orderDetails$order_o3 = orderDetails.order_on_hold) == null ? void 0 : _orderDetails$order_o3.hold_untill), 'dd/MM/yyyy') : '') : React__default.createElement(HoldText, null, "On Hold Until: Indefinitely")),
|
|
12208
|
+
description: '',
|
|
12209
|
+
showOkButton: false,
|
|
12210
|
+
onClose: function onClose() {
|
|
12211
|
+
return onCloseAlert('isHoldVisible');
|
|
12212
|
+
}
|
|
12213
|
+
})), orderDetails.status == 'SD' && alertVisibility.isCompleted && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12214
|
+
type: "success",
|
|
12215
|
+
title: React__default.createElement(TitleText, null, "Completed: ", orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.complete_time, ", Signee:", ' ', orderDetails == null || (_orderDetails$order_r2 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r2.signee, " Notes :", orderDetails == null || (_orderDetails$order_r3 = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r3.complete_notes),
|
|
12216
|
+
description: React__default.createElement(SubtitleText, null, "Route: ", routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta = routeData.route_detail) == null ? void 0 : _routeData$route_deta.vehicle_number, " | Crew : ", crewDetails, "| ", routeData == null ? void 0 : routeData.route_date),
|
|
12217
|
+
showOkButton: false,
|
|
12218
|
+
onClose: function onClose() {
|
|
12219
|
+
return onCloseAlert('isCompleted');
|
|
12220
|
+
}
|
|
12221
|
+
})), precall , statusVal == 'outstanding' && alertVisibility.isOutstanding && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12222
|
+
type: "release",
|
|
12223
|
+
title: "Outstanding",
|
|
12224
|
+
description: "",
|
|
12225
|
+
showOkButton: false,
|
|
12226
|
+
onClose: function onClose() {
|
|
12227
|
+
return onCloseAlert('isOutstanding');
|
|
12228
|
+
}
|
|
12229
|
+
})), statusVal == 'awaiting confirmation' && alertVisibility.isAwaitingConfirmation && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12230
|
+
type: "info",
|
|
12231
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', React__default.createElement("span", null, ", Awaiting Confirmation"))),
|
|
12232
|
+
description: "",
|
|
12233
|
+
showOkButton: false,
|
|
12234
|
+
onClose: function onClose() {
|
|
12235
|
+
return onCloseAlert('isAwaitingConfirmation');
|
|
12236
|
+
}
|
|
12237
|
+
})), statusVal == 'awaiting route' && alertVisibility.isAwaitingRoute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12238
|
+
type: "info",
|
|
12239
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(ScheduledText, null, "Scheduled For :", ' ', orderDetails != null && orderDetails.action_date ? dateFns.format(new Date(orderDetails == null ? void 0 : orderDetails.action_date), 'dd/MM/yyyy') : '', ' ', ",", React__default.createElement("span", null, " Awaiting Route"))),
|
|
12240
|
+
description: "",
|
|
12241
|
+
showOkButton: false,
|
|
12242
|
+
onClose: function onClose() {
|
|
12243
|
+
return onCloseAlert('isAwaitingRoute');
|
|
12244
|
+
}
|
|
12245
|
+
})), statusVal == 'cancelled' && alertVisibility.isCancelled && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12246
|
+
type: "error",
|
|
12247
|
+
title: "This order has been cancelled",
|
|
12248
|
+
description: reason,
|
|
12249
|
+
showOkButton: false,
|
|
12250
|
+
onClose: function onClose() {
|
|
12251
|
+
return onCloseAlert('isCancelled');
|
|
12252
|
+
}
|
|
12253
|
+
})), statusVal == 'enroute' && alertVisibility.isEnroute && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12254
|
+
type: "info",
|
|
12255
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta2 = routeData.route_detail) == null ? void 0 : _routeData$route_deta2.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
|
|
12256
|
+
className: "no"
|
|
12257
|
+
}, "NO")))),
|
|
12258
|
+
description: "",
|
|
12259
|
+
showOkButton: false,
|
|
12260
|
+
onClose: function onClose() {
|
|
12261
|
+
return onCloseAlert('isEnroute');
|
|
12262
|
+
}
|
|
12263
|
+
})), statusVal == 'confirmed' && alertVisibility.isConfirmed && React__default.createElement(StyledAlert$2, null, React__default.createElement(dmsComponentLibrary.FlagAlert, {
|
|
12264
|
+
type: "info",
|
|
12265
|
+
title: React__default.createElement(React__default.Fragment, null, React__default.createElement(EnRouteText, null, "Allocated to Route :", ' ', React__default.createElement("span", null, routeData == null ? void 0 : routeData.route_name, routeData != null && routeData.route_lock ? ' *LOCKED* ' : '', " on", ' ', routeData == null || (_routeData$route_deta3 = routeData.route_detail) == null ? void 0 : _routeData$route_deta3.vehicle_number, " | Crew :", ' ', crewDetails, "|", ' ', routeData != null && routeData.route_date ? dateFns.format(new Date(routeData == null ? void 0 : routeData.route_date), 'dd/MM/yyyy') : '', ' '), React__default.createElement("span", null, ' ', ", Confirmed: ", React__default.createElement("span", {
|
|
12266
|
+
className: "yes"
|
|
12267
|
+
}, "YES")))),
|
|
12268
|
+
description: "",
|
|
12269
|
+
showOkButton: false,
|
|
12270
|
+
onClose: function onClose() {
|
|
12271
|
+
return onCloseAlert('isConfirmed');
|
|
12272
|
+
}
|
|
12273
|
+
})));
|
|
12274
|
+
}
|
|
12275
|
+
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
12276
|
+
var SubtitleText = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n"])));
|
|
12277
|
+
var TitleText = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
12278
|
+
var ScheduledText = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
|
|
12279
|
+
var HoldText = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #feba30;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6a7378;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n }\n"])));
|
|
12280
|
+
var EnRouteText = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #36a053;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n span {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n .yes {\n color: #36a053;\n }\n .no {\n color: #e95252;\n }\n }\n"])));
|
|
11791
12281
|
|
|
11792
|
-
var _templateObject$
|
|
12282
|
+
var _templateObject$2e, _templateObject2$1D;
|
|
11793
12283
|
function Tabs(_ref) {
|
|
11794
12284
|
var activeNotifications = _ref.activeNotifications,
|
|
11795
12285
|
closedNotifications = _ref.closedNotifications,
|
|
@@ -11799,13 +12289,17 @@ function Tabs(_ref) {
|
|
|
11799
12289
|
dismissFlags = _ref.dismissFlags;
|
|
11800
12290
|
var _useTabType = useTabType(),
|
|
11801
12291
|
activeTab = _useTabType[0];
|
|
11802
|
-
var
|
|
11803
|
-
|
|
11804
|
-
var
|
|
11805
|
-
var
|
|
12292
|
+
var _useOrderDetails = useOrderDetails(),
|
|
12293
|
+
orderDetails = _useOrderDetails[0];
|
|
12294
|
+
var initialNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(0, 3);
|
|
12295
|
+
var additionalNotifications = activeNotifications == null ? void 0 : activeNotifications.slice(3);
|
|
12296
|
+
var initialReminders = activeReminders == null ? void 0 : activeReminders.slice(0, 3);
|
|
12297
|
+
var additionalReminders = activeReminders == null ? void 0 : activeReminders.slice(3);
|
|
11806
12298
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Content, null, React__default.createElement(Container$1a, {
|
|
11807
12299
|
className: "tab-content"
|
|
11808
|
-
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null,
|
|
12300
|
+
}, activeTab === 'active' && React__default.createElement(React__default.Fragment, null, React__default.createElement(OrderTemplate, {
|
|
12301
|
+
orderDetails: orderDetails
|
|
12302
|
+
}), initialReminders == null ? void 0 : initialReminders.map(function (item, index) {
|
|
11809
12303
|
return React__default.createElement(ReminderTemplate, {
|
|
11810
12304
|
key: index,
|
|
11811
12305
|
data: item,
|
|
@@ -11843,8 +12337,8 @@ function Tabs(_ref) {
|
|
|
11843
12337
|
});
|
|
11844
12338
|
})))));
|
|
11845
12339
|
}
|
|
11846
|
-
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11847
|
-
var Content = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12340
|
+
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
12341
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11848
12342
|
|
|
11849
12343
|
var NotifyFlag = function NotifyFlag() {
|
|
11850
12344
|
return React__default.createElement("svg", {
|
|
@@ -11862,7 +12356,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
11862
12356
|
}));
|
|
11863
12357
|
};
|
|
11864
12358
|
|
|
11865
|
-
var _templateObject$
|
|
12359
|
+
var _templateObject$2f, _templateObject2$1E, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$d, _templateObject7$d, _templateObject8$a, _templateObject9$6, _templateObject10$4, _templateObject11$4, _templateObject12$2;
|
|
11866
12360
|
function Notification() {
|
|
11867
12361
|
var _OrderData$order_rout;
|
|
11868
12362
|
var _useTabType = useTabType(),
|
|
@@ -12039,66 +12533,66 @@ function Notification() {
|
|
|
12039
12533
|
dismissFlags: dismissFlags
|
|
12040
12534
|
})) : 'No Notifications Found'));
|
|
12041
12535
|
}
|
|
12042
|
-
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12043
|
-
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12044
|
-
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12045
|
-
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
12046
|
-
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
12047
|
-
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$
|
|
12048
|
-
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$
|
|
12049
|
-
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$
|
|
12536
|
+
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
12537
|
+
var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12538
|
+
var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__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"])));
|
|
12539
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
12540
|
+
var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
12541
|
+
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
12542
|
+
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
12543
|
+
var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$a || (_templateObject8$a = /*#__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) {
|
|
12050
12544
|
return props.active ? '#3a3630' : '#AEA9A1';
|
|
12051
12545
|
}, function (props) {
|
|
12052
12546
|
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
12053
12547
|
});
|
|
12054
12548
|
var Section$1 = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__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"])));
|
|
12055
|
-
var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject10$
|
|
12056
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$
|
|
12549
|
+
var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject10$4 || (_templateObject10$4 = /*#__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"])));
|
|
12550
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 250px;\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"])));
|
|
12057
12551
|
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__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"])));
|
|
12058
12552
|
|
|
12059
|
-
var _templateObject$
|
|
12553
|
+
var _templateObject$2g;
|
|
12060
12554
|
function CollapsedContent$2() {
|
|
12061
12555
|
return React__default.createElement(Font$1, null, "ORDER RESOURCES");
|
|
12062
12556
|
}
|
|
12063
|
-
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12557
|
+
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
12064
12558
|
|
|
12065
|
-
var _templateObject$
|
|
12559
|
+
var _templateObject$2h, _templateObject2$1F;
|
|
12066
12560
|
function Category(props) {
|
|
12067
12561
|
var _props$row;
|
|
12068
12562
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
12069
|
-
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$
|
|
12563
|
+
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$7, null, data));
|
|
12070
12564
|
}
|
|
12071
|
-
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12072
|
-
var Row$
|
|
12565
|
+
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12566
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12073
12567
|
|
|
12074
|
-
var _templateObject$
|
|
12568
|
+
var _templateObject$2i, _templateObject2$1G;
|
|
12075
12569
|
function Date$2(props) {
|
|
12076
12570
|
var _props$row;
|
|
12077
12571
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
12078
|
-
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$
|
|
12572
|
+
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$8, null, formatDate$1(data)));
|
|
12079
12573
|
}
|
|
12080
|
-
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12081
|
-
var Row$
|
|
12574
|
+
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12575
|
+
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12082
12576
|
|
|
12083
|
-
var _templateObject$
|
|
12577
|
+
var _templateObject$2j, _templateObject2$1H;
|
|
12084
12578
|
function Reference(props) {
|
|
12085
12579
|
var _props$row;
|
|
12086
12580
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
12087
|
-
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$
|
|
12581
|
+
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$9, null, data));
|
|
12088
12582
|
}
|
|
12089
|
-
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12090
|
-
var Row$
|
|
12583
|
+
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12584
|
+
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12091
12585
|
|
|
12092
|
-
var _templateObject$
|
|
12586
|
+
var _templateObject$2k, _templateObject2$1I;
|
|
12093
12587
|
function Type(props) {
|
|
12094
12588
|
var _props$row;
|
|
12095
12589
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
12096
|
-
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$
|
|
12590
|
+
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$a, null, data));
|
|
12097
12591
|
}
|
|
12098
|
-
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12099
|
-
var Row$
|
|
12592
|
+
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12593
|
+
var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12100
12594
|
|
|
12101
|
-
var _templateObject$
|
|
12595
|
+
var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
|
|
12102
12596
|
function Action(_ref) {
|
|
12103
12597
|
var _row$original, _orderResources$data;
|
|
12104
12598
|
var row = _ref.row;
|
|
@@ -12184,7 +12678,7 @@ function Action(_ref) {
|
|
|
12184
12678
|
return _ref2.apply(this, arguments);
|
|
12185
12679
|
};
|
|
12186
12680
|
}();
|
|
12187
|
-
return React__default.createElement(Actions, null, React__default.createElement(Row$
|
|
12681
|
+
return React__default.createElement(Actions, null, React__default.createElement(Row$b, null, React__default.createElement(Tippy, {
|
|
12188
12682
|
content: "View",
|
|
12189
12683
|
placement: "top",
|
|
12190
12684
|
trigger: "mouseenter"
|
|
@@ -12207,9 +12701,9 @@ function Action(_ref) {
|
|
|
12207
12701
|
}, React__default.createElement(DownIcon, null)))));
|
|
12208
12702
|
}
|
|
12209
12703
|
// Styled components for styling
|
|
12210
|
-
var Actions = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12211
|
-
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12212
|
-
var Row$
|
|
12704
|
+
var Actions = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
12705
|
+
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
12706
|
+
var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
12213
12707
|
|
|
12214
12708
|
var tableColumns$1 = [{
|
|
12215
12709
|
header: 'Date',
|
|
@@ -12238,7 +12732,7 @@ var tableColumns$1 = [{
|
|
|
12238
12732
|
enableSorting: false
|
|
12239
12733
|
}];
|
|
12240
12734
|
|
|
12241
|
-
var _templateObject$
|
|
12735
|
+
var _templateObject$2m;
|
|
12242
12736
|
function Order$1() {
|
|
12243
12737
|
var _orderResources$data;
|
|
12244
12738
|
var _useOrderProductsReso = useOrderProductsResources(),
|
|
@@ -12251,9 +12745,9 @@ function Order$1() {
|
|
|
12251
12745
|
data: data
|
|
12252
12746
|
})));
|
|
12253
12747
|
}
|
|
12254
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12748
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
12255
12749
|
|
|
12256
|
-
var _templateObject$
|
|
12750
|
+
var _templateObject$2n, _templateObject2$1K, _templateObject3$Y, _templateObject4$y;
|
|
12257
12751
|
function OrderView() {
|
|
12258
12752
|
antd.notification.config({
|
|
12259
12753
|
top: 150
|
|
@@ -12304,6 +12798,11 @@ function OrderView() {
|
|
|
12304
12798
|
setSubContracterData = _useSubContracterData[1];
|
|
12305
12799
|
var _useGlobalStateHitOrd = useGlobalStateHitOrder(),
|
|
12306
12800
|
recallOrders = _useGlobalStateHitOrd[0];
|
|
12801
|
+
var _useAllOrderStatus = useAllOrderStatus(),
|
|
12802
|
+
setStatusVal = _useAllOrderStatus[1];
|
|
12803
|
+
React.useEffect(function () {
|
|
12804
|
+
setStatusVal(orderDetails == null ? void 0 : orderDetails.status_value);
|
|
12805
|
+
}, [orderDetails == null ? void 0 : orderDetails.status_value]);
|
|
12307
12806
|
// query param
|
|
12308
12807
|
var location = reactRouterDom.useLocation();
|
|
12309
12808
|
var _useState2 = React.useState([]),
|
|
@@ -12602,13 +13101,13 @@ function OrderView() {
|
|
|
12602
13101
|
}, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
|
|
12603
13102
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(Notification, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(Order$1, null), React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
12604
13103
|
}
|
|
12605
|
-
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12606
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12607
|
-
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12608
|
-
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
13104
|
+
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
13105
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
13106
|
+
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
13107
|
+
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
12609
13108
|
|
|
12610
|
-
var _templateObject2$
|
|
12611
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13109
|
+
var _templateObject2$1L;
|
|
13110
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1L || (_templateObject2$1L = /*#__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"])));
|
|
12612
13111
|
|
|
12613
13112
|
var initialState$3 = {
|
|
12614
13113
|
'x-filters': [],
|
|
@@ -12674,7 +13173,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
12674
13173
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
12675
13174
|
});
|
|
12676
13175
|
|
|
12677
|
-
var _templateObject$
|
|
13176
|
+
var _templateObject$2o, _templateObject2$1M, _templateObject3$Z;
|
|
12678
13177
|
var SearchType = function SearchType() {
|
|
12679
13178
|
var _useState = React.useState(''),
|
|
12680
13179
|
searchText = _useState[0],
|
|
@@ -12720,9 +13219,9 @@ var SearchType = function SearchType() {
|
|
|
12720
13219
|
onClick: handleClear
|
|
12721
13220
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
12722
13221
|
};
|
|
12723
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12724
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
12725
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$
|
|
13222
|
+
var Search = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
|
|
13223
|
+
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n &:hover {\n color: #000;\n }\n"])));
|
|
13224
|
+
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n &:focus {\n outline: none;\n border-color: gray;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n"])));
|
|
12726
13225
|
|
|
12727
13226
|
var BulkFilter = function BulkFilter() {
|
|
12728
13227
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12971,7 +13470,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12971
13470
|
})))));
|
|
12972
13471
|
};
|
|
12973
13472
|
|
|
12974
|
-
var _templateObject$
|
|
13473
|
+
var _templateObject$2p, _templateObject2$1N, _templateObject3$_;
|
|
12975
13474
|
var _excluded$6 = ["count"];
|
|
12976
13475
|
function ReturnMainTable() {
|
|
12977
13476
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -13044,7 +13543,7 @@ function ReturnMainTable() {
|
|
|
13044
13543
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
13045
13544
|
}, React__default.createElement("div", {
|
|
13046
13545
|
className: "Tableconatiner"
|
|
13047
|
-
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1c, null, React__default.createElement(Row$
|
|
13546
|
+
}, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1c, null, React__default.createElement(Row$c, null, React__default.createElement(Text, null, "Client Return"), customerId ? React__default.createElement(ReturnFilter, null) : React__default.createElement(Filters, null)), React__default.createElement(ReturnTable$1, null)), total > 0 && React__default.createElement(Pagination, {
|
|
13048
13547
|
currentPage: page,
|
|
13049
13548
|
totalItems: total,
|
|
13050
13549
|
itemsPerPage: itemsPerPage,
|
|
@@ -13052,9 +13551,9 @@ function ReturnMainTable() {
|
|
|
13052
13551
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
13053
13552
|
}))));
|
|
13054
13553
|
}
|
|
13055
|
-
var Row$
|
|
13056
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13057
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$
|
|
13554
|
+
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13555
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
13556
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .Tableconatiner {\n border-radius: 12px;\n background: #fff;\n box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n display: block;\n padding: 15px 20px;\n }\n .headerWrap,\n .tableData,\n .styleCovered {\n transition: all ease 0.5s;\n }\n &.stickyTableHead {\n h2 {\n font-size: 21px;\n }\n .headerWrap {\n height: 84px;\n padding: 10px;\n border-radius: 0px 0px 15px 15px;\n > div {\n position: relative;\n z-index: 10;\n }\n }\n .styleCovered {\n margin-top: -32px;\n width: 67%;\n float: right;\n gap: 5px;\n padding-right: 11px;\n\n li {\n padding: 4px 10px 5px 5px;\n gap: 5px;\n .svgCover {\n width: 30px;\n height: 30px;\n svg {\n height: auto;\n width: 58%;\n }\n }\n .countDigit {\n font-size: 19px;\n }\n }\n .countMess {\n font-size: 13px;\n }\n }\n .dmsBulkFilter {\n min-height: unset;\n gap: 4px;\n > div {\n padding: 4px 12px;\n label {\n font-size: 11px;\n }\n }\n }\n\n .StyledFilterList {\n gap: 4px;\n li {\n height: 29px;\n padding: 3px 8px;\n gap: 4px;\n .StyledFilterBtnIcon {\n width: 20px;\n height: 20px;\n svh {\n width: 10px;\n height: auto;\n }\n }\n .StyledFilterBtnLabel {\n font-size: 13px;\n }\n }\n }\n .StyledFilterLabel {\n padding-left: 10px;\n span {\n font-size: 13px;\n }\n }\n .cardcontainer.tableData {\n max-height: calc(100vh - 310px);\n min-height: calc(100vh - 310px);\n }\n\n .tableData {\n max-height: calc(100vh - 320px);\n min-height: calc(100vh - 320px);\n\n margin-top: 8px;\n thead {\n position: sticky;\n top: 0;\n z-index: 9;\n th {\n font-size: 13px;\n padding: 2px 15px;\n }\n }\n }\n }\n"])));
|
|
13058
13557
|
|
|
13059
13558
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
13060
13559
|
var _useSearchParams = reactRouterDom.useSearchParams(),
|