@bjsdistribution/dms-client-return 0.0.86 → 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.
Files changed (18) hide show
  1. package/dist/components/order-view/order-actions/hooks/useFetchSingleReminder.d.ts +2 -0
  2. package/dist/components/order-view/order-actions/hooks/useUpdateReminder.d.ts +3 -0
  3. package/dist/components/order-view/view-reminder/AssigneeDropdown.d.ts +3 -0
  4. package/dist/components/order-view/view-reminder/ViewReminder.d.ts +3 -0
  5. package/dist/components/order-view/view-reminder/reminder-styles.d.ts +25 -0
  6. package/dist/dms-client-return.cjs.development.js +454 -85
  7. package/dist/dms-client-return.cjs.development.js.map +1 -1
  8. package/dist/dms-client-return.cjs.production.min.js +1 -1
  9. package/dist/dms-client-return.cjs.production.min.js.map +1 -1
  10. package/dist/dms-client-return.esm.js +454 -85
  11. package/dist/dms-client-return.esm.js.map +1 -1
  12. package/package.json +1 -1
  13. package/src/components/order-view/order-actions/hooks/useFetchSingleReminder.ts +56 -0
  14. package/src/components/order-view/order-actions/hooks/useUpdateReminder.ts +52 -0
  15. package/src/components/order-view/order-actions/index.tsx +3 -0
  16. package/src/components/order-view/view-reminder/AssigneeDropdown.tsx +33 -0
  17. package/src/components/order-view/view-reminder/ViewReminder.tsx +314 -0
  18. package/src/components/order-view/view-reminder/reminder-styles.tsx +173 -0
package/dist/dms-client-return.cjs.development.js CHANGED
@@ -6947,6 +6947,14 @@ var initialValue = {
6947
6947
  task_subcategories_id: null,
6948
6948
  order_id: null
6949
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
+ };
6950
6958
  var flagInitialValue = {
6951
6959
  description: '',
6952
6960
  task_type_id: 0,
@@ -6967,6 +6975,7 @@ var taskTypeExtended = /*#__PURE__*/jotai.atom([]);
6967
6975
  var departmentData = /*#__PURE__*/jotai.atom([]);
6968
6976
  var createTaskPayload = /*#__PURE__*/jotai.atom(initialPayload);
6969
6977
  var createReminderPayload = /*#__PURE__*/jotai.atom(initialValue);
6978
+ var reminderUpdatePayload = /*#__PURE__*/jotai.atom(updatePayload);
6970
6979
  var notificationLabel = /*#__PURE__*/jotai.atom('');
6971
6980
  var notificationData = /*#__PURE__*/jotai.atom([]);
6972
6981
  var reminderNotifiData = /*#__PURE__*/jotai.atom([]);
@@ -6974,6 +6983,7 @@ var singleFlagData = /*#__PURE__*/jotai.atom({});
6974
6983
  var singleModalPayload = /*#__PURE__*/jotai.atom(flagInitialValue);
6975
6984
  var flagRefId = /*#__PURE__*/jotai.atom(null);
6976
6985
  var ReminderRefId = /*#__PURE__*/jotai.atom(null);
6986
+ var reminderData = /*#__PURE__*/jotai.atom([]);
6977
6987
  var resolvedModalPayload = /*#__PURE__*/jotai.atom(resolvedValue);
6978
6988
  var routeDetails = /*#__PURE__*/jotai.atom({});
6979
6989
  var orderNotifyCount = /*#__PURE__*/jotai.atom(0);
@@ -7065,6 +7075,12 @@ function useResolvedPayload() {
7065
7075
  function useReminderRefId() {
7066
7076
  return jotai.useAtom(ReminderRefId);
7067
7077
  }
7078
+ function useSingleReminderData() {
7079
+ return jotai.useAtom(reminderData);
7080
+ }
7081
+ function useUpdateReminderData() {
7082
+ return jotai.useAtom(reminderUpdatePayload);
7083
+ }
7068
7084
  function useRouteDetails() {
7069
7085
  return jotai.useAtom(routeDetails);
7070
7086
  }
@@ -11315,7 +11331,358 @@ function TaskModal() {
11315
11331
  }
11316
11332
  var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
11317
11333
 
11318
- 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;
11319
11686
  function OrderActions() {
11320
11687
  var _useCurrentAction = useCurrentAction(),
11321
11688
  currentAction = _useCurrentAction[0];
@@ -11349,6 +11716,8 @@ function OrderActions() {
11349
11716
  return React__default.createElement(TaskReminderModal, null);
11350
11717
  case 'create-task':
11351
11718
  return React__default.createElement(TaskModal, null);
11719
+ case 'view-reminder':
11720
+ return React__default.createElement(ViewReminderModal, null);
11352
11721
  case 'log-feedback':
11353
11722
  return React__default.createElement(LogFeedback, null);
11354
11723
  case 'unhold-order':
@@ -11367,7 +11736,7 @@ function OrderActions() {
11367
11736
  };
11368
11737
  return React__default.createElement(Container$18, null, renderContent());
11369
11738
  }
11370
- var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11739
+ var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11371
11740
 
11372
11741
  function useSystemLogs() {
11373
11742
  var ssoToken = getCookie('id_token');
@@ -11459,7 +11828,7 @@ function useSystemLogs() {
11459
11828
  return perform;
11460
11829
  }
11461
11830
 
11462
- var _templateObject$22, _templateObject2$1w;
11831
+ var _templateObject$25, _templateObject2$1z;
11463
11832
  var Details = function Details() {
11464
11833
  // const [orderDetails] = useOrderDetails();
11465
11834
  var _useCustomerInfo = useCustomerInfo(),
@@ -11468,10 +11837,10 @@ var Details = function Details() {
11468
11837
  var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
11469
11838
  return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
11470
11839
  };
11471
- var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
11472
- var Typo = /*#__PURE__*/styled__default.div(_templateObject2$1w || (_templateObject2$1w = /*#__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"])));
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"])));
11473
11842
 
11474
- var _templateObject$23;
11843
+ var _templateObject$26;
11475
11844
  function Options() {
11476
11845
  var _useCurrentAction = useCurrentAction(),
11477
11846
  setCurrentAction = _useCurrentAction[1];
@@ -11537,7 +11906,7 @@ function Options() {
11537
11906
  value: "OPTIONS"
11538
11907
  }));
11539
11908
  }
11540
- var Option = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11909
+ var Option = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11541
11910
 
11542
11911
  function BjsMenu() {
11543
11912
  var _orderStatus$;
@@ -11594,7 +11963,7 @@ function BjsMenu() {
11594
11963
  });
11595
11964
  }
11596
11965
 
11597
- var _templateObject$24;
11966
+ var _templateObject$27;
11598
11967
  function Print() {
11599
11968
  var _useOrderDetails = useOrderDetails(),
11600
11969
  orderDetails = _useOrderDetails[0];
@@ -11679,28 +12048,28 @@ function Print() {
11679
12048
  })
11680
12049
  }));
11681
12050
  }
11682
- var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12051
+ var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11683
12052
 
11684
- var _templateObject$25;
12053
+ var _templateObject$28;
11685
12054
  // components
11686
12055
  function DropDowns$1() {
11687
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)));
11688
12057
  }
11689
- var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
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"])));
11690
12059
 
11691
- var _templateObject$26;
12060
+ var _templateObject$29;
11692
12061
  var ActionsMenu = function ActionsMenu() {
11693
12062
  return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
11694
12063
  };
11695
- var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__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"])));
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"])));
11696
12065
 
11697
- var _templateObject$27;
12066
+ var _templateObject$2a;
11698
12067
  var DetailsFilters = function DetailsFilters() {
11699
12068
  return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
11700
12069
  };
11701
- var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__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"])));
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"])));
11702
12071
 
11703
- var _templateObject$28, _templateObject2$1x, _templateObject3$R;
12072
+ var _templateObject$2b, _templateObject2$1A, _templateObject3$T;
11704
12073
  function FlagTemplate(_ref) {
11705
12074
  var _data$tasks_types;
11706
12075
  var data = _ref.data;
@@ -11731,14 +12100,14 @@ function FlagTemplate(_ref) {
11731
12100
  onClose: function onClose() {}
11732
12101
  }));
11733
12102
  }
11734
- var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
11735
- var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
11736
- var StyledTitle = /*#__PURE__*/styled__default.span(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
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) {
11737
12106
  var color = _ref2.color;
11738
12107
  return color;
11739
12108
  });
11740
12109
 
11741
- var _templateObject$29, _templateObject2$1y, _templateObject3$S;
12110
+ var _templateObject$2c, _templateObject2$1B, _templateObject3$U;
11742
12111
  function ReminderTemplate(_ref) {
11743
12112
  var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
11744
12113
  var data = _ref.data,
@@ -11773,14 +12142,14 @@ function ReminderTemplate(_ref) {
11773
12142
  }
11774
12143
  })));
11775
12144
  }
11776
- var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
11777
- var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
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) {
11778
12147
  var color = _ref2.color;
11779
12148
  return color;
11780
12149
  });
11781
- var StyledLink$3 = /*#__PURE__*/styled__default.span(_templateObject3$S || (_templateObject3$S = /*#__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"])));
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"])));
11782
12151
 
11783
- var _templateObject$2a, _templateObject2$1z, _templateObject3$T, _templateObject4$u, _templateObject5$l, _templateObject6$b;
12152
+ var _templateObject$2d, _templateObject2$1C, _templateObject3$V, _templateObject4$w, _templateObject5$m, _templateObject6$c;
11784
12153
  function OrderTemplate(_ref) {
11785
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;
11786
12155
  var orderDetails = _ref.orderDetails;
@@ -11903,14 +12272,14 @@ function OrderTemplate(_ref) {
11903
12272
  }
11904
12273
  })));
11905
12274
  }
11906
- var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
11907
- var SubtitleText = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__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"])));
11908
- var TitleText = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__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"])));
11909
- var ScheduledText = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__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"])));
11910
- var HoldText = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__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"])));
11911
- var EnRouteText = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__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"])));
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"])));
11912
12281
 
11913
- var _templateObject$2b, _templateObject2$1A;
12282
+ var _templateObject$2e, _templateObject2$1D;
11914
12283
  function Tabs(_ref) {
11915
12284
  var activeNotifications = _ref.activeNotifications,
11916
12285
  closedNotifications = _ref.closedNotifications,
@@ -11968,8 +12337,8 @@ function Tabs(_ref) {
11968
12337
  });
11969
12338
  })))));
11970
12339
  }
11971
- var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
11972
- var Content = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
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"])));
11973
12342
 
11974
12343
  var NotifyFlag = function NotifyFlag() {
11975
12344
  return React__default.createElement("svg", {
@@ -11987,7 +12356,7 @@ var NotifyFlag = function NotifyFlag() {
11987
12356
  }));
11988
12357
  };
11989
12358
 
11990
- var _templateObject$2c, _templateObject2$1B, _templateObject3$U, _templateObject4$v, _templateObject5$m, _templateObject6$c, _templateObject7$c, _templateObject8$9, _templateObject9$6, _templateObject10$3, _templateObject11$3, _templateObject12$2;
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;
11991
12360
  function Notification() {
11992
12361
  var _OrderData$order_rout;
11993
12362
  var _useTabType = useTabType(),
@@ -12164,66 +12533,66 @@ function Notification() {
12164
12533
  dismissFlags: dismissFlags
12165
12534
  })) : 'No Notifications Found'));
12166
12535
  }
12167
- var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
12168
- var Loader$1 = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
12169
- var Spinner$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__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"])));
12170
- var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
12171
- var TabsData = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
12172
- var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
12173
- var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
12174
- var StyledTab = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__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) {
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) {
12175
12544
  return props.active ? '#3a3630' : '#AEA9A1';
12176
12545
  }, function (props) {
12177
12546
  return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
12178
12547
  });
12179
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"])));
12180
- var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.SectionHeader)(_templateObject10$3 || (_templateObject10$3 = /*#__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"])));
12181
- var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__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"])));
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"])));
12182
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"])));
12183
12552
 
12184
- var _templateObject$2d;
12553
+ var _templateObject$2g;
12185
12554
  function CollapsedContent$2() {
12186
12555
  return React__default.createElement(Font$1, null, "ORDER RESOURCES");
12187
12556
  }
12188
- var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
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"])));
12189
12558
 
12190
- var _templateObject$2e, _templateObject2$1C;
12559
+ var _templateObject$2h, _templateObject2$1F;
12191
12560
  function Category(props) {
12192
12561
  var _props$row;
12193
12562
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
12194
- return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$6, null, data));
12563
+ return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$7, null, data));
12195
12564
  }
12196
- var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12197
- var Row$6 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
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([""])));
12198
12567
 
12199
- var _templateObject$2f, _templateObject2$1D;
12568
+ var _templateObject$2i, _templateObject2$1G;
12200
12569
  function Date$2(props) {
12201
12570
  var _props$row;
12202
12571
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
12203
- return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$7, null, formatDate$1(data)));
12572
+ return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$8, null, formatDate$1(data)));
12204
12573
  }
12205
- var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12206
- var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
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([""])));
12207
12576
 
12208
- var _templateObject$2g, _templateObject2$1E;
12577
+ var _templateObject$2j, _templateObject2$1H;
12209
12578
  function Reference(props) {
12210
12579
  var _props$row;
12211
12580
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
12212
- return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$8, null, data));
12581
+ return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$9, null, data));
12213
12582
  }
12214
- var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12215
- var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1E || (_templateObject2$1E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
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([""])));
12216
12585
 
12217
- var _templateObject$2h, _templateObject2$1F;
12586
+ var _templateObject$2k, _templateObject2$1I;
12218
12587
  function Type(props) {
12219
12588
  var _props$row;
12220
12589
  var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
12221
- return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$9, null, data));
12590
+ return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$a, null, data));
12222
12591
  }
12223
- var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12224
- var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
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([""])));
12225
12594
 
12226
- var _templateObject$2i, _templateObject2$1G, _templateObject3$V;
12595
+ var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
12227
12596
  function Action(_ref) {
12228
12597
  var _row$original, _orderResources$data;
12229
12598
  var row = _ref.row;
@@ -12309,7 +12678,7 @@ function Action(_ref) {
12309
12678
  return _ref2.apply(this, arguments);
12310
12679
  };
12311
12680
  }();
12312
- return React__default.createElement(Actions, null, React__default.createElement(Row$a, null, React__default.createElement(Tippy, {
12681
+ return React__default.createElement(Actions, null, React__default.createElement(Row$b, null, React__default.createElement(Tippy, {
12313
12682
  content: "View",
12314
12683
  placement: "top",
12315
12684
  trigger: "mouseenter"
@@ -12332,9 +12701,9 @@ function Action(_ref) {
12332
12701
  }, React__default.createElement(DownIcon, null)))));
12333
12702
  }
12334
12703
  // Styled components for styling
12335
- var Actions = /*#__PURE__*/styled__default.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
12336
- var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
12337
- var Row$a = /*#__PURE__*/styled__default.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
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"])));
12338
12707
 
12339
12708
  var tableColumns$1 = [{
12340
12709
  header: 'Date',
@@ -12363,7 +12732,7 @@ var tableColumns$1 = [{
12363
12732
  enableSorting: false
12364
12733
  }];
12365
12734
 
12366
- var _templateObject$2j;
12735
+ var _templateObject$2m;
12367
12736
  function Order$1() {
12368
12737
  var _orderResources$data;
12369
12738
  var _useOrderProductsReso = useOrderProductsResources(),
@@ -12376,9 +12745,9 @@ function Order$1() {
12376
12745
  data: data
12377
12746
  })));
12378
12747
  }
12379
- var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12748
+ var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
12380
12749
 
12381
- var _templateObject$2k, _templateObject2$1H, _templateObject3$W, _templateObject4$w;
12750
+ var _templateObject$2n, _templateObject2$1K, _templateObject3$Y, _templateObject4$y;
12382
12751
  function OrderView() {
12383
12752
  antd.notification.config({
12384
12753
  top: 150
@@ -12732,13 +13101,13 @@ function OrderView() {
12732
13101
  }, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);
12733
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));
12734
13103
  }
12735
- var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
12736
- var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
12737
- var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
12738
- var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
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"])));
12739
13108
 
12740
- var _templateObject2$1I;
12741
- var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__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"])));
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"])));
12742
13111
 
12743
13112
  var initialState$3 = {
12744
13113
  'x-filters': [],
@@ -12804,7 +13173,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
12804
13173
  return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
12805
13174
  });
12806
13175
 
12807
- var _templateObject$2l, _templateObject2$1J, _templateObject3$X;
13176
+ var _templateObject$2o, _templateObject2$1M, _templateObject3$Z;
12808
13177
  var SearchType = function SearchType() {
12809
13178
  var _useState = React.useState(''),
12810
13179
  searchText = _useState[0],
@@ -12850,9 +13219,9 @@ var SearchType = function SearchType() {
12850
13219
  onClick: handleClear
12851
13220
  }, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
12852
13221
  };
12853
- var Search = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n .clear {\n position: absolute;\n right: 32px;\n top: 50%;\n }\n"])));
12854
- var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$1J || (_templateObject2$1J = /*#__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"])));
12855
- var SearchInput = /*#__PURE__*/styled__default.input(_templateObject3$X || (_templateObject3$X = /*#__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"])));
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"])));
12856
13225
 
12857
13226
  var BulkFilter = function BulkFilter() {
12858
13227
  // const [printToogle, setPrintToggle] = useMenuDropDown();
@@ -13101,7 +13470,7 @@ var ReturnTable$1 = function ReturnTable() {
13101
13470
  })))));
13102
13471
  };
13103
13472
 
13104
- var _templateObject$2m, _templateObject2$1K, _templateObject3$Y;
13473
+ var _templateObject$2p, _templateObject2$1N, _templateObject3$_;
13105
13474
  var _excluded$6 = ["count"];
13106
13475
  function ReturnMainTable() {
13107
13476
  var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
@@ -13174,7 +13543,7 @@ function ReturnMainTable() {
13174
13543
  className: " " + (isScrolled ? 'stickyTableHead' : '')
13175
13544
  }, React__default.createElement("div", {
13176
13545
  className: "Tableconatiner"
13177
- }, React__default.createElement(HeaderFilter, null), React__default.createElement(Container$1c, null, React__default.createElement(Row$b, 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, {
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, {
13178
13547
  currentPage: page,
13179
13548
  totalItems: total,
13180
13549
  itemsPerPage: itemsPerPage,
@@ -13182,9 +13551,9 @@ function ReturnMainTable() {
13182
13551
  onItemsPerPageChange: handleItemsPerPageChange
13183
13552
  }))));
13184
13553
  }
13185
- var Row$b = /*#__PURE__*/styled__default.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
13186
- var Container$1c = /*#__PURE__*/styled__default.div(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
13187
- var DashBoardWrapper$3 = /*#__PURE__*/styled__default.section(_templateObject3$Y || (_templateObject3$Y = /*#__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"])));
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"])));
13188
13557
 
13189
13558
  var OrderViewQueryHandler = function OrderViewQueryHandler() {
13190
13559
  var _useSearchParams = reactRouterDom.useSearchParams(),