@bjsdistribution/dms-client-return 0.0.82 → 0.0.83
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/ReminderTemplate.d.ts +1 -1
- package/dist/components/order-view/notification/Tabs.d.ts +1 -1
- package/dist/components/store.d.ts +2 -1
- package/dist/dms-client-return.cjs.development.js +569 -190
- 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 +605 -226
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +1 -1
- package/src/components/order-view/index.tsx +3 -0
- package/src/components/order-view/notes/order-dropdown/NewReturnDropdown.tsx +17 -4
- package/src/components/order-view/notification/ReminderTemplate.tsx +10 -11
- package/src/components/order-view/notification/Tabs.tsx +26 -6
- package/src/components/order-view/notification/index.tsx +47 -13
- package/src/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.tsx +3 -0
- package/src/components/order-view/order-actions/store.ts +1 -2
- package/src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx +16 -4
- package/src/components/order-view/view-reminder/reminder-styles.tsx +1 -0
- package/src/components/store.ts +7 -1
|
@@ -5,7 +5,7 @@ import { Select, notification, Skeleton, Empty, DatePicker, Upload, message, Inp
|
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { format, isValid, parse } from 'date-fns';
|
|
7
7
|
import { atomWithReducer } from 'jotai/utils';
|
|
8
|
-
import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$
|
|
8
|
+
import { useApiHook, Checkbox as Checkbox$1, AntTable, Alert, AntModal, Label as Label$i, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, getBaseEndpoint, Button, formatDateTime, SectionHeader, CrossIcon, AntSelect, CustomRating, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, FlagAlert } from '@bjsdistribution/dms-component-library';
|
|
9
9
|
import dayjs from 'dayjs';
|
|
10
10
|
import 'react-datepicker/dist/react-datepicker.css';
|
|
11
11
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
@@ -403,6 +403,7 @@ var assignPayload = /*#__PURE__*/atom(AssignUpdateInitial);
|
|
|
403
403
|
var callAPIAgain = /*#__PURE__*/atom(true);
|
|
404
404
|
var actionTypeOptions = /*#__PURE__*/atom([]);
|
|
405
405
|
var selectedProductsMove = /*#__PURE__*/atom([]);
|
|
406
|
+
var newReturnOrderData = /*#__PURE__*/atom([]);
|
|
406
407
|
var selectedOrderlList = /*#__PURE__*/atom([]);
|
|
407
408
|
function useSelectedOrders() {
|
|
408
409
|
return useAtom(selectedOrderlList);
|
|
@@ -470,6 +471,9 @@ var selectedAssignee = /*#__PURE__*/atom('');
|
|
|
470
471
|
function useSelectedData() {
|
|
471
472
|
return useAtom(selectedAssignee);
|
|
472
473
|
}
|
|
474
|
+
function useNewReturnOrderData() {
|
|
475
|
+
return useAtom(newReturnOrderData);
|
|
476
|
+
}
|
|
473
477
|
|
|
474
478
|
// let todayDate = new Date();
|
|
475
479
|
var initialState = {
|
|
@@ -650,6 +654,9 @@ var useItemsPerOverviewPage = function useItemsPerOverviewPage() {
|
|
|
650
654
|
// return useAtom(routeInfoState);
|
|
651
655
|
// };
|
|
652
656
|
|
|
657
|
+
// OrderActionsType
|
|
658
|
+
var activeTabAtom = /*#__PURE__*/atom('active');
|
|
659
|
+
var infoAtom = /*#__PURE__*/atom(false);
|
|
653
660
|
var currentActionAtom = /*#__PURE__*/atom(undefined);
|
|
654
661
|
var orderStaticDataAtom = /*#__PURE__*/atom({});
|
|
655
662
|
var customerInfoAtom = /*#__PURE__*/atom({
|
|
@@ -731,6 +738,12 @@ var ordersInitialValue = {
|
|
|
731
738
|
id: null,
|
|
732
739
|
name: ''
|
|
733
740
|
};
|
|
741
|
+
function useTabType() {
|
|
742
|
+
return useAtom(activeTabAtom);
|
|
743
|
+
}
|
|
744
|
+
function useInfoType() {
|
|
745
|
+
return useAtom(infoAtom);
|
|
746
|
+
}
|
|
734
747
|
function useCurrentAction() {
|
|
735
748
|
return useAtom(currentActionAtom);
|
|
736
749
|
}
|
|
@@ -1373,7 +1386,7 @@ var StyledFilterBtnLabel = /*#__PURE__*/styled.div(_templateObject37 || (_templa
|
|
|
1373
1386
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
1374
1387
|
var StyledTable$1 = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .custom-check {\n position: absloute;\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
1375
1388
|
// Styled components
|
|
1376
|
-
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
1389
|
+
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n max-height: 60vh;\n overflow-x: auto;\n // min-height: 50vh;\n\n .fortables {\n max-height: 60vh;\n overflow-x: auto;\n min-height: 50vh;\n }\n /* height: 600px; */\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
1377
1390
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
1378
1391
|
|
|
1379
1392
|
var PrinterIcon = function PrinterIcon() {
|
|
@@ -3923,7 +3936,7 @@ function RecipientName() {
|
|
|
3923
3936
|
});
|
|
3924
3937
|
});
|
|
3925
3938
|
};
|
|
3926
|
-
return React.createElement(Container$7, null, React.createElement(Wrapper$3, null, React.createElement(Label$
|
|
3939
|
+
return React.createElement(Container$7, null, React.createElement(Wrapper$3, null, React.createElement(Label$i, {
|
|
3927
3940
|
label: "Recipient Name",
|
|
3928
3941
|
htmlFor: "recipient-name"
|
|
3929
3942
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -3963,7 +3976,7 @@ function Address() {
|
|
|
3963
3976
|
});
|
|
3964
3977
|
});
|
|
3965
3978
|
};
|
|
3966
|
-
return React.createElement(Container$8, null, React.createElement(Wrapper$4, null, React.createElement(Label$
|
|
3979
|
+
return React.createElement(Container$8, null, React.createElement(Wrapper$4, null, React.createElement(Label$i, {
|
|
3967
3980
|
label: "Address",
|
|
3968
3981
|
htmlFor: "address"
|
|
3969
3982
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -4002,7 +4015,7 @@ function Postcode() {
|
|
|
4002
4015
|
});
|
|
4003
4016
|
});
|
|
4004
4017
|
};
|
|
4005
|
-
return React.createElement(Container$9, null, React.createElement(Wrapper$5, null, React.createElement(Label$
|
|
4018
|
+
return React.createElement(Container$9, null, React.createElement(Wrapper$5, null, React.createElement(Label$i, {
|
|
4006
4019
|
label: "Postcode",
|
|
4007
4020
|
htmlFor: "postcode"
|
|
4008
4021
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -4041,7 +4054,7 @@ function Latitude() {
|
|
|
4041
4054
|
});
|
|
4042
4055
|
});
|
|
4043
4056
|
};
|
|
4044
|
-
return React.createElement(Container$a, null, React.createElement(Label$
|
|
4057
|
+
return React.createElement(Container$a, null, React.createElement(Label$i, {
|
|
4045
4058
|
label: "Latitude",
|
|
4046
4059
|
htmlFor: "lat"
|
|
4047
4060
|
}), React.createElement(CustomInput, {
|
|
@@ -4076,7 +4089,7 @@ function Longitude() {
|
|
|
4076
4089
|
});
|
|
4077
4090
|
});
|
|
4078
4091
|
};
|
|
4079
|
-
return React.createElement(Container$b, null, React.createElement(Label$
|
|
4092
|
+
return React.createElement(Container$b, null, React.createElement(Label$i, {
|
|
4080
4093
|
label: "Longitude",
|
|
4081
4094
|
htmlFor: "long"
|
|
4082
4095
|
}), React.createElement(CustomInput$1, {
|
|
@@ -4132,7 +4145,7 @@ function What3words() {
|
|
|
4132
4145
|
});
|
|
4133
4146
|
}
|
|
4134
4147
|
};
|
|
4135
|
-
return React.createElement(Container$c, null, React.createElement(Label$
|
|
4148
|
+
return React.createElement(Container$c, null, React.createElement(Label$i, {
|
|
4136
4149
|
label: "What3Words Address",
|
|
4137
4150
|
htmlFor: "w3w"
|
|
4138
4151
|
}), React.createElement(Wrapper$6, null, React.createElement(What3wordsPrefix, null, React.createElement(What3WordsIcon, null)), React.createElement(CustomInput$2, {
|
|
@@ -4209,7 +4222,7 @@ function ContactHome() {
|
|
|
4209
4222
|
});
|
|
4210
4223
|
}
|
|
4211
4224
|
};
|
|
4212
|
-
return React.createElement(MainContainer$1, null, React.createElement(Wrapper$7, null, React.createElement(Label$
|
|
4225
|
+
return React.createElement(MainContainer$1, null, React.createElement(Wrapper$7, null, React.createElement(Label$i, {
|
|
4213
4226
|
label: "Contact Home",
|
|
4214
4227
|
htmlFor: "contact-home"
|
|
4215
4228
|
})), React.createElement(InputContainer, null, React.createElement(CustomInput$3, {
|
|
@@ -4279,7 +4292,7 @@ function ContactWork() {
|
|
|
4279
4292
|
});
|
|
4280
4293
|
}
|
|
4281
4294
|
};
|
|
4282
|
-
return React.createElement(Container$e, null, React.createElement(Wrapper$8, null, React.createElement(Label$
|
|
4295
|
+
return React.createElement(Container$e, null, React.createElement(Wrapper$8, null, React.createElement(Label$i, {
|
|
4283
4296
|
label: "Contact Work",
|
|
4284
4297
|
htmlFor: "contact-work"
|
|
4285
4298
|
})), React.createElement(InputContainer$1, null, React.createElement(CustomInput$4, {
|
|
@@ -4359,7 +4372,7 @@ function ContactMobile() {
|
|
|
4359
4372
|
});
|
|
4360
4373
|
}
|
|
4361
4374
|
};
|
|
4362
|
-
return React.createElement(Container$g, null, React.createElement(Wrapper$9, null, React.createElement(Label$
|
|
4375
|
+
return React.createElement(Container$g, null, React.createElement(Wrapper$9, null, React.createElement(Label$i, {
|
|
4363
4376
|
label: "Contact Mobile",
|
|
4364
4377
|
htmlFor: "contact-work"
|
|
4365
4378
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -4413,7 +4426,7 @@ function ContactEmail() {
|
|
|
4413
4426
|
});
|
|
4414
4427
|
});
|
|
4415
4428
|
};
|
|
4416
|
-
return React.createElement(Container$h, null, React.createElement(Wrapper$a, null, React.createElement(Label$
|
|
4429
|
+
return React.createElement(Container$h, null, React.createElement(Wrapper$a, null, React.createElement(Label$i, {
|
|
4417
4430
|
label: "Email",
|
|
4418
4431
|
htmlFor: "email-id"
|
|
4419
4432
|
})), React.createElement(Input$1, {
|
|
@@ -4448,7 +4461,7 @@ var _templateObject$y, _templateObject2$r, _templateObject3$d;
|
|
|
4448
4461
|
function ConsignmentNumber() {
|
|
4449
4462
|
var _useOrderDetails = useOrderDetails(),
|
|
4450
4463
|
orderDetails = _useOrderDetails[0];
|
|
4451
|
-
return React.createElement(Container$j, null, React.createElement(Wrapper$b, null, React.createElement(Label$
|
|
4464
|
+
return React.createElement(Container$j, null, React.createElement(Wrapper$b, null, React.createElement(Label$i, {
|
|
4452
4465
|
label: "Consignment Number"
|
|
4453
4466
|
}), React.createElement(CopyText, {
|
|
4454
4467
|
text: displayValueOrNA$1(orderDetails.consignment)
|
|
@@ -4472,7 +4485,7 @@ function RecipientReference() {
|
|
|
4472
4485
|
});
|
|
4473
4486
|
});
|
|
4474
4487
|
};
|
|
4475
|
-
return React.createElement(Container$k, null, React.createElement(Wrapper$c, null, React.createElement(Label$
|
|
4488
|
+
return React.createElement(Container$k, null, React.createElement(Wrapper$c, null, React.createElement(Label$i, {
|
|
4476
4489
|
label: "Recipient Reference",
|
|
4477
4490
|
htmlFor: "recipient-reference"
|
|
4478
4491
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -4505,7 +4518,7 @@ function DepotDropdown() {
|
|
|
4505
4518
|
});
|
|
4506
4519
|
});
|
|
4507
4520
|
};
|
|
4508
|
-
return React.createElement(FormContainer, null, React.createElement(Label$
|
|
4521
|
+
return React.createElement(FormContainer, null, React.createElement(Label$i, {
|
|
4509
4522
|
label: "Depot",
|
|
4510
4523
|
htmlFor: "depotDropdown"
|
|
4511
4524
|
}), React.createElement(SelectDropdown, {
|
|
@@ -4541,7 +4554,7 @@ function Droptime() {
|
|
|
4541
4554
|
});
|
|
4542
4555
|
});
|
|
4543
4556
|
};
|
|
4544
|
-
return React.createElement(Container$l, null, React.createElement(Label$
|
|
4557
|
+
return React.createElement(Container$l, null, React.createElement(Label$i, {
|
|
4545
4558
|
label: "Droptime",
|
|
4546
4559
|
htmlFor: "droptime"
|
|
4547
4560
|
}), React.createElement(CustomInput$6, {
|
|
@@ -4592,7 +4605,7 @@ function DeliveryDate() {
|
|
|
4592
4605
|
});
|
|
4593
4606
|
}
|
|
4594
4607
|
};
|
|
4595
|
-
return React.createElement(MainContainer$2, null, React.createElement(Label$
|
|
4608
|
+
return React.createElement(MainContainer$2, null, React.createElement(Label$i, {
|
|
4596
4609
|
label: "Delivery Date next"
|
|
4597
4610
|
}), React.createElement(DatePicker, {
|
|
4598
4611
|
onChange: onChange,
|
|
@@ -4610,7 +4623,7 @@ var MainContainer$2 = /*#__PURE__*/styled.div(_templateObject$C || (_templateObj
|
|
|
4610
4623
|
var _templateObject$D, _templateObject2$u;
|
|
4611
4624
|
function Carrier() {
|
|
4612
4625
|
// show copy icon if there is input value
|
|
4613
|
-
return React.createElement(Container$m, null, React.createElement(Wrapper$d, null, React.createElement(Label$
|
|
4626
|
+
return React.createElement(Container$m, null, React.createElement(Wrapper$d, null, React.createElement(Label$i, {
|
|
4614
4627
|
label: "Carrier",
|
|
4615
4628
|
htmlFor: "carrier"
|
|
4616
4629
|
}), React.createElement(CopyText, {
|
|
@@ -4642,7 +4655,7 @@ function OrderNumber() {
|
|
|
4642
4655
|
});
|
|
4643
4656
|
});
|
|
4644
4657
|
};
|
|
4645
|
-
return React.createElement(Container$n, null, React.createElement(Wrapper$e, null, React.createElement(Label$
|
|
4658
|
+
return React.createElement(Container$n, null, React.createElement(Wrapper$e, null, React.createElement(Label$i, {
|
|
4646
4659
|
label: "Order Number",
|
|
4647
4660
|
htmlFor: "order-number"
|
|
4648
4661
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -4693,7 +4706,7 @@ function ScheduleAfter() {
|
|
|
4693
4706
|
});
|
|
4694
4707
|
}
|
|
4695
4708
|
};
|
|
4696
|
-
return React.createElement(MainContainer$3, null, React.createElement(Label$
|
|
4709
|
+
return React.createElement(MainContainer$3, null, React.createElement(Label$i, {
|
|
4697
4710
|
label: "Schedule After"
|
|
4698
4711
|
}), React.createElement(DatePicker, {
|
|
4699
4712
|
onChange: onChange,
|
|
@@ -4726,7 +4739,7 @@ function VehicleTypeDropdown() {
|
|
|
4726
4739
|
});
|
|
4727
4740
|
});
|
|
4728
4741
|
};
|
|
4729
|
-
return React.createElement(FormContainer$1, null, React.createElement(Label$
|
|
4742
|
+
return React.createElement(FormContainer$1, null, React.createElement(Label$i, {
|
|
4730
4743
|
label: "Vehicle Type",
|
|
4731
4744
|
htmlFor: "vehicleType"
|
|
4732
4745
|
}), React.createElement(SelectDropdown, {
|
|
@@ -4764,7 +4777,7 @@ function OrderStatusNote() {
|
|
|
4764
4777
|
});
|
|
4765
4778
|
});
|
|
4766
4779
|
};
|
|
4767
|
-
return React.createElement(Container$o, null, React.createElement(Label$
|
|
4780
|
+
return React.createElement(Container$o, null, React.createElement(Label$i, {
|
|
4768
4781
|
label: "Order Status Note"
|
|
4769
4782
|
}), React.createElement(CustomTextArea, {
|
|
4770
4783
|
value: (orderDetails == null ? void 0 : orderDetails.order_status_note) || '',
|
|
@@ -4787,7 +4800,7 @@ function DeliveryInstructions() {
|
|
|
4787
4800
|
});
|
|
4788
4801
|
});
|
|
4789
4802
|
};
|
|
4790
|
-
return React.createElement(Container$p, null, React.createElement(Label$
|
|
4803
|
+
return React.createElement(Container$p, null, React.createElement(Label$i, {
|
|
4791
4804
|
label: "Delivery Instructions"
|
|
4792
4805
|
}), React.createElement(CustomTextArea$1, {
|
|
4793
4806
|
value: (orderDetails == null ? void 0 : orderDetails.delivery_instructions) || '',
|
|
@@ -4810,7 +4823,7 @@ function OtherInstructions() {
|
|
|
4810
4823
|
});
|
|
4811
4824
|
});
|
|
4812
4825
|
};
|
|
4813
|
-
return React.createElement(Container$q, null, React.createElement(Label$
|
|
4826
|
+
return React.createElement(Container$q, null, React.createElement(Label$i, {
|
|
4814
4827
|
label: "Other Instructions (simple instructions)"
|
|
4815
4828
|
}), React.createElement(CustomTextArea$2, {
|
|
4816
4829
|
value: (orderDetails == null ? void 0 : orderDetails.other_instructions) || '',
|
|
@@ -4867,7 +4880,7 @@ function TimedServiceDropdown() {
|
|
|
4867
4880
|
});
|
|
4868
4881
|
setOrderData(newData);
|
|
4869
4882
|
};
|
|
4870
|
-
return React.createElement(Container$r, null, React.createElement(Label$
|
|
4883
|
+
return React.createElement(Container$r, null, React.createElement(Label$i, {
|
|
4871
4884
|
label: "Timed Service",
|
|
4872
4885
|
htmlFor: "timedServiceDropdown"
|
|
4873
4886
|
}), React.createElement(StyledSelectDropdown, {
|
|
@@ -4913,7 +4926,7 @@ function ServiceTypeDropdown() {
|
|
|
4913
4926
|
});
|
|
4914
4927
|
setOrderData(newData);
|
|
4915
4928
|
};
|
|
4916
|
-
return React.createElement(Container$s, null, React.createElement(Label$
|
|
4929
|
+
return React.createElement(Container$s, null, React.createElement(Label$i, {
|
|
4917
4930
|
label: "Service Type",
|
|
4918
4931
|
htmlFor: "serviceTypeDropdown"
|
|
4919
4932
|
}), React.createElement(StyledSelectDropdown$1, {
|
|
@@ -4956,7 +4969,7 @@ function DeliveryPointDropdown() {
|
|
|
4956
4969
|
});
|
|
4957
4970
|
setOrderData(newData);
|
|
4958
4971
|
};
|
|
4959
|
-
return React.createElement(Container$t, null, React.createElement(Label$
|
|
4972
|
+
return React.createElement(Container$t, null, React.createElement(Label$i, {
|
|
4960
4973
|
label: "Delivery Point",
|
|
4961
4974
|
htmlFor: "deliveryPointDropdown"
|
|
4962
4975
|
}), React.createElement(StyledSelectDropdown$2, {
|
|
@@ -5708,7 +5721,7 @@ function AddNote() {
|
|
|
5708
5721
|
top: 80
|
|
5709
5722
|
});
|
|
5710
5723
|
}, [notificationData]);
|
|
5711
|
-
return React.createElement(Container$C, null, React.createElement(Label$
|
|
5724
|
+
return React.createElement(Container$C, null, React.createElement(Label$i, {
|
|
5712
5725
|
label: "Add New Note"
|
|
5713
5726
|
}), React.createElement(StyledTextArea, {
|
|
5714
5727
|
name: "description",
|
|
@@ -6481,6 +6494,7 @@ var ActionIcon = function ActionIcon() {
|
|
|
6481
6494
|
}));
|
|
6482
6495
|
};
|
|
6483
6496
|
|
|
6497
|
+
var _templateObject$1b;
|
|
6484
6498
|
var ReturnProductTable = function ReturnProductTable() {
|
|
6485
6499
|
var _orderStaticData$retu;
|
|
6486
6500
|
var _useSelectedProducts = useSelectedProducts(),
|
|
@@ -6497,6 +6511,8 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6497
6511
|
setSelectedRowId = _useState2[1];
|
|
6498
6512
|
var _useOrderId = useOrderId(),
|
|
6499
6513
|
orderId = _useOrderId[0];
|
|
6514
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6515
|
+
returnOrderData = _useNewReturnOrderDat[0];
|
|
6500
6516
|
var handleActionClick = function handleActionClick(id) {
|
|
6501
6517
|
setSelectedRowId(id);
|
|
6502
6518
|
};
|
|
@@ -6566,7 +6582,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6566
6582
|
});
|
|
6567
6583
|
return matchedReason ? matchedReason.label : 'N/A';
|
|
6568
6584
|
};
|
|
6569
|
-
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0;
|
|
6585
|
+
var disableCheckbox = (productData == null ? void 0 : productData.length) == 0 || (returnOrderData == null ? void 0 : returnOrderData.length) == 0;
|
|
6570
6586
|
return React.createElement("div", null, loading && React.createElement(Loader, {
|
|
6571
6587
|
title: "Deleting"
|
|
6572
6588
|
}), React.createElement(StyledTableWrapper$1, {
|
|
@@ -6574,7 +6590,7 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6574
6590
|
className: "orderProductTable"
|
|
6575
6591
|
}, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
|
|
6576
6592
|
className: "emailproductsCheckbox"
|
|
6577
|
-
}, React.createElement(
|
|
6593
|
+
}, React.createElement(StyleCheckbox, {
|
|
6578
6594
|
disabled: disableCheckbox,
|
|
6579
6595
|
checked: selectAll,
|
|
6580
6596
|
onChange: handleSelectAll
|
|
@@ -6582,11 +6598,12 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6582
6598
|
var _product$orders_produ, _product$order_data, _product$order_data2;
|
|
6583
6599
|
return React.createElement("tr", {
|
|
6584
6600
|
key: product.id
|
|
6585
|
-
}, React.createElement("td", null, React.createElement(
|
|
6601
|
+
}, React.createElement("td", null, React.createElement(StyleCheckbox, {
|
|
6586
6602
|
checked: selectedProducts == null ? void 0 : selectedProducts.includes(product == null ? void 0 : product.id),
|
|
6587
6603
|
onChange: function onChange() {
|
|
6588
6604
|
return handleSelectProduct(product == null ? void 0 : product.id);
|
|
6589
|
-
}
|
|
6605
|
+
},
|
|
6606
|
+
disabled: disableCheckbox
|
|
6590
6607
|
})), React.createElement("td", null, (product == null || (_product$orders_produ = product.orders_products_stock) == null ? void 0 : _product$orders_produ.location) || 'N/A'), React.createElement("td", null, product == null || (_product$order_data = product.order_data) == null || (_product$order_data = _product$order_data.order_recipient) == null ? void 0 : _product$order_data.recipient_name, ' ', product == null || (_product$order_data2 = product.order_data) == null || (_product$order_data2 = _product$order_data2.order_recipient) == null ? void 0 : _product$order_data2.postcode), React.createElement("td", null, product == null ? void 0 : product.code), React.createElement("td", null, product == null ? void 0 : product.description), React.createElement("td", null, getReturnReasonLabel(product == null ? void 0 : product.return_reason_id)), React.createElement("td", null, "1 of 1"), React.createElement("td", null, React.createElement("div", {
|
|
6591
6608
|
onClick: function onClick() {
|
|
6592
6609
|
handleActionClick(product == null ? void 0 : product.id);
|
|
@@ -6603,26 +6620,27 @@ var ReturnProductTable = function ReturnProductTable() {
|
|
|
6603
6620
|
}
|
|
6604
6621
|
}, "No records found"))))));
|
|
6605
6622
|
};
|
|
6623
|
+
var StyleCheckbox = /*#__PURE__*/styled(Checkbox$1)(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
6606
6624
|
|
|
6607
|
-
var _templateObject$
|
|
6625
|
+
var _templateObject$1c;
|
|
6608
6626
|
var ProductTable = function ProductTable() {
|
|
6609
6627
|
return React.createElement(Container$I, null, React.createElement(ReturnProductTable, null));
|
|
6610
6628
|
};
|
|
6611
|
-
var Container$I = /*#__PURE__*/styled.div(_templateObject$
|
|
6629
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6612
6630
|
|
|
6613
|
-
var _templateObject$
|
|
6631
|
+
var _templateObject$1d, _templateObject2$T, _templateObject3$p;
|
|
6614
6632
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
6615
6633
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
6616
6634
|
var defaultSelectStyle = {
|
|
6617
6635
|
width: '100%'
|
|
6618
6636
|
};
|
|
6619
6637
|
var defaultPopupClassName = 'dropDownStyle';
|
|
6620
|
-
var
|
|
6621
|
-
returnOrderData =
|
|
6622
|
-
setReturnOrderData =
|
|
6623
|
-
var
|
|
6624
|
-
selectedOrderId =
|
|
6625
|
-
setSelectedOrderId =
|
|
6638
|
+
var _useNewReturnOrderDat = useNewReturnOrderData(),
|
|
6639
|
+
returnOrderData = _useNewReturnOrderDat[0],
|
|
6640
|
+
setReturnOrderData = _useNewReturnOrderDat[1];
|
|
6641
|
+
var _useState = useState(null),
|
|
6642
|
+
selectedOrderId = _useState[0],
|
|
6643
|
+
setSelectedOrderId = _useState[1];
|
|
6626
6644
|
var _useSelectedProducts = useSelectedProducts(),
|
|
6627
6645
|
selectedProducts = _useSelectedProducts[0];
|
|
6628
6646
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6631,9 +6649,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6631
6649
|
setPayload = _useAtom[1];
|
|
6632
6650
|
var _useProductDetails = useProductDetails(),
|
|
6633
6651
|
productData = _useProductDetails[0];
|
|
6634
|
-
var
|
|
6635
|
-
idProduct =
|
|
6636
|
-
setId =
|
|
6652
|
+
var _useState2 = useState(),
|
|
6653
|
+
idProduct = _useState2[0],
|
|
6654
|
+
setId = _useState2[1];
|
|
6637
6655
|
var _useOrderId = useOrderId(),
|
|
6638
6656
|
orderId = _useOrderId[0];
|
|
6639
6657
|
var id = orderData == null ? void 0 : orderData.customer_id;
|
|
@@ -6707,23 +6725,26 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
6707
6725
|
value: order.id
|
|
6708
6726
|
};
|
|
6709
6727
|
});
|
|
6710
|
-
return React.createElement(Container$J, null, React.createElement(Text$4, null, "New Return Order:"), React.createElement(
|
|
6728
|
+
return React.createElement(Container$J, null, React.createElement(Text$4, null, "New Return Order:"), React.createElement(StyledAntSelect$3, {
|
|
6711
6729
|
options: dropdownOptions,
|
|
6730
|
+
value: selectedOrderId,
|
|
6712
6731
|
placeholder: "Select",
|
|
6732
|
+
// @ts-ignore
|
|
6713
6733
|
onChange: handleDropdownChange,
|
|
6714
6734
|
style: defaultSelectStyle,
|
|
6715
|
-
disabled: false,
|
|
6716
6735
|
showSearch: true,
|
|
6717
6736
|
dropdownStyle: {
|
|
6718
6737
|
width: 'max-content'
|
|
6719
6738
|
},
|
|
6720
|
-
popupClassName: defaultPopupClassName
|
|
6739
|
+
popupClassName: defaultPopupClassName,
|
|
6740
|
+
status: selectedOrderId ? '' : 'error'
|
|
6721
6741
|
}));
|
|
6722
6742
|
};
|
|
6723
|
-
var
|
|
6724
|
-
var
|
|
6743
|
+
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
6744
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
6745
|
+
var Text$4 = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6725
6746
|
|
|
6726
|
-
var _templateObject$
|
|
6747
|
+
var _templateObject$1e, _templateObject2$U, _templateObject3$q;
|
|
6727
6748
|
function ExpandedContent$2() {
|
|
6728
6749
|
var _response$data, _response$data2;
|
|
6729
6750
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -6800,17 +6821,17 @@ function ExpandedContent$2() {
|
|
|
6800
6821
|
disabled: isButtonDisabled
|
|
6801
6822
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
6802
6823
|
}
|
|
6803
|
-
var MidContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6824
|
+
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border-top: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px -15px -15px -15px;\n border-radius: 0px 0px 8px 8px;\n margin-bottom: 22px;\n"])));
|
|
6804
6825
|
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
6805
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject3$
|
|
6826
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6806
6827
|
|
|
6807
|
-
var _templateObject$
|
|
6828
|
+
var _templateObject$1f, _templateObject2$V;
|
|
6808
6829
|
function CollapsedContent$1() {
|
|
6809
6830
|
return React.createElement(Container$L, null, React.createElement(SectionHeader, {
|
|
6810
6831
|
label: "Products"
|
|
6811
6832
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
6812
6833
|
}
|
|
6813
|
-
var Dimensions = /*#__PURE__*/styled.span(_templateObject$
|
|
6834
|
+
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
6814
6835
|
var Container$L = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
6815
6836
|
|
|
6816
6837
|
function ProductsInfo() {
|
|
@@ -6851,22 +6872,22 @@ function ProductsInfo() {
|
|
|
6851
6872
|
}, React.createElement(ExpandedContent$2, null));
|
|
6852
6873
|
}
|
|
6853
6874
|
|
|
6854
|
-
var _templateObject$
|
|
6875
|
+
var _templateObject$1g;
|
|
6855
6876
|
function BackgroundModal(props) {
|
|
6856
6877
|
return createPortal(React.createElement(Container$M, Object.assign({}, props), props.children), document.body);
|
|
6857
6878
|
}
|
|
6858
|
-
var Container$M = /*#__PURE__*/styled.div(_templateObject$
|
|
6879
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center; \n z-index: 1000;\n background: rgba(0, 0, 0, 0.8);\n box-shadow: 0px 3px 10px #00000029;\n"])));
|
|
6859
6880
|
|
|
6860
|
-
var _templateObject$
|
|
6881
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$r, _templateObject4$d;
|
|
6861
6882
|
function AdditionalInformation(props) {
|
|
6862
6883
|
return React.createElement(Container$N, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
6863
6884
|
}
|
|
6864
|
-
var Text$5 = /*#__PURE__*/styled.p(_templateObject$
|
|
6885
|
+
var Text$5 = /*#__PURE__*/styled.p(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n margin: 0;\n padding: 0;\n"])));
|
|
6865
6886
|
var Container$N = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
6866
|
-
var Rect = /*#__PURE__*/styled.div(_templateObject3$
|
|
6887
|
+
var Rect = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
6867
6888
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 10px;\n flex-direction: column;\n align-items: flex-start;\n gap: 20px;\n border-radius: 0px 15px 15px 0px;\n background: rgba(63, 151, 188, 0.6);\n box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;\n"])));
|
|
6868
6889
|
|
|
6869
|
-
var _templateObject$
|
|
6890
|
+
var _templateObject$1i, _templateObject2$X, _templateObject3$s, _templateObject4$e;
|
|
6870
6891
|
function OrderActionHeader(props) {
|
|
6871
6892
|
var title = props.title,
|
|
6872
6893
|
actions = props.actions,
|
|
@@ -6881,12 +6902,12 @@ function OrderActionHeader(props) {
|
|
|
6881
6902
|
onClick: onClose
|
|
6882
6903
|
}, React.createElement(CrossIcon, null)));
|
|
6883
6904
|
}
|
|
6884
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
6905
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
6885
6906
|
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
6886
|
-
var Title$2 = /*#__PURE__*/styled.h3(_templateObject3$
|
|
6907
|
+
var Title$2 = /*#__PURE__*/styled.h3(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
6887
6908
|
var Container$O = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: #3a3630;\n border-radius: 12px 12px 0px 0px;\n padding: 10px 15px 10px 15px;\n position: sticky;\n top: 0;\n z-index: 9;\n"])));
|
|
6888
6909
|
|
|
6889
|
-
var _templateObject$
|
|
6910
|
+
var _templateObject$1j, _templateObject2$Y;
|
|
6890
6911
|
function OrderActionFooter(props) {
|
|
6891
6912
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
6892
6913
|
return React.createElement(Container$P, null, React.createElement(SubmitButton, {
|
|
@@ -6896,10 +6917,10 @@ function OrderActionFooter(props) {
|
|
|
6896
6917
|
disabled: isSubmitDisabled
|
|
6897
6918
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
6898
6919
|
}
|
|
6899
|
-
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$
|
|
6920
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6900
6921
|
var Container$P = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* justify-content: space-between; */\n gap: 15px;\n align-items: center;\n width: 100%;\n background: #f8fafc;\n border-radius: 0px 0px 6px 6px;\n padding: 10px 15px 10px 15px;\n border-top: 1px solid #edebe8;\n margin-left: 25px;\n"])));
|
|
6901
6922
|
|
|
6902
|
-
var _templateObject$
|
|
6923
|
+
var _templateObject$1k;
|
|
6903
6924
|
function OrderActionModal(props) {
|
|
6904
6925
|
return React.createElement(BackgroundModal, null, React.createElement(MainContainer$7, null, React.createElement(OrderActionHeader, {
|
|
6905
6926
|
title: props.headerTitle,
|
|
@@ -6914,9 +6935,9 @@ function OrderActionModal(props) {
|
|
|
6914
6935
|
isSubmitDisabled: props.isSubmitDisabled
|
|
6915
6936
|
})));
|
|
6916
6937
|
}
|
|
6917
|
-
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
6938
|
+
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
6918
6939
|
|
|
6919
|
-
var _templateObject$
|
|
6940
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$t;
|
|
6920
6941
|
function OrderActionsDropdown(props) {
|
|
6921
6942
|
return React.createElement(Container$Q, {
|
|
6922
6943
|
className: props.className
|
|
@@ -6935,9 +6956,9 @@ function OrderActionsDropdown(props) {
|
|
|
6935
6956
|
defaultValue: props.value
|
|
6936
6957
|
}));
|
|
6937
6958
|
}
|
|
6938
|
-
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$
|
|
6959
|
+
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
6939
6960
|
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
6940
|
-
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$
|
|
6961
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6941
6962
|
|
|
6942
6963
|
function DocumentTypeDropdown() {
|
|
6943
6964
|
var onSelect = function onSelect() {};
|
|
@@ -7017,7 +7038,7 @@ function UploadIcon(props) {
|
|
|
7017
7038
|
})));
|
|
7018
7039
|
}
|
|
7019
7040
|
|
|
7020
|
-
var _templateObject$
|
|
7041
|
+
var _templateObject$1m, _templateObject2$_, _templateObject3$u, _templateObject4$f, _templateObject5$a, _templateObject6$4, _templateObject7$6;
|
|
7021
7042
|
var Dragger = Upload.Dragger;
|
|
7022
7043
|
var props = {
|
|
7023
7044
|
name: 'file',
|
|
@@ -7044,15 +7065,15 @@ function DocFileUpload() {
|
|
|
7044
7065
|
shape: 'rounded'
|
|
7045
7066
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
7046
7067
|
}
|
|
7047
|
-
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$
|
|
7068
|
+
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
7048
7069
|
var Text2 = /*#__PURE__*/styled.p(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7049
|
-
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7070
|
+
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
7050
7071
|
var Text1 = /*#__PURE__*/styled.p(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
7051
7072
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
7052
7073
|
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
7053
7074
|
var Container$R = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
7054
7075
|
|
|
7055
|
-
var _templateObject$
|
|
7076
|
+
var _templateObject$1n, _templateObject2$$, _templateObject3$v, _templateObject4$g;
|
|
7056
7077
|
// import DocFileUpload from './DocFileUpload';
|
|
7057
7078
|
function AddResources() {
|
|
7058
7079
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7068,9 +7089,9 @@ function AddResources() {
|
|
|
7068
7089
|
onSubmit: function onSubmit() {}
|
|
7069
7090
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), React.createElement(DocFileUpload, null))));
|
|
7070
7091
|
}
|
|
7071
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject$
|
|
7092
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7072
7093
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
7073
|
-
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7094
|
+
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
7074
7095
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
7075
7096
|
|
|
7076
7097
|
var initialValue = {
|
|
@@ -7120,6 +7141,8 @@ var flagRefId = /*#__PURE__*/atom(null);
|
|
|
7120
7141
|
var ReminderRefId = /*#__PURE__*/atom(null);
|
|
7121
7142
|
var reminderData = /*#__PURE__*/atom([]);
|
|
7122
7143
|
var resolvedModalPayload = /*#__PURE__*/atom(resolvedValue);
|
|
7144
|
+
var routeDetails = /*#__PURE__*/atom({});
|
|
7145
|
+
var orderNotifyCount = /*#__PURE__*/atom(0);
|
|
7123
7146
|
var loading$1 = /*#__PURE__*/atom(true);
|
|
7124
7147
|
function useFlagsLoading() {
|
|
7125
7148
|
return useAtom(loading$1);
|
|
@@ -7208,12 +7231,18 @@ function useSingleReminderData() {
|
|
|
7208
7231
|
function useUpdateReminderData() {
|
|
7209
7232
|
return useAtom(reminderUpdatePayload);
|
|
7210
7233
|
}
|
|
7234
|
+
function useRouteDetails() {
|
|
7235
|
+
return useAtom(routeDetails);
|
|
7236
|
+
}
|
|
7237
|
+
function useOrderNotify() {
|
|
7238
|
+
return useAtom(orderNotifyCount);
|
|
7239
|
+
}
|
|
7211
7240
|
|
|
7212
|
-
var _templateObject$
|
|
7241
|
+
var _templateObject$1o, _templateObject2$10, _templateObject3$w;
|
|
7213
7242
|
// Styled components
|
|
7214
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7243
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7215
7244
|
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n cursor: pointer;\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7216
|
-
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7245
|
+
var EmptyDataContainer$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7217
7246
|
|
|
7218
7247
|
function SplitOrderTable() {
|
|
7219
7248
|
var _useProductDetails = useProductDetails(),
|
|
@@ -7298,7 +7327,7 @@ function SplitOrderTable() {
|
|
|
7298
7327
|
})))));
|
|
7299
7328
|
}
|
|
7300
7329
|
|
|
7301
|
-
var _templateObject$
|
|
7330
|
+
var _templateObject$1p;
|
|
7302
7331
|
function SplitOrder() {
|
|
7303
7332
|
var _useCurrentAction = useCurrentAction(),
|
|
7304
7333
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7364,7 +7393,7 @@ function SplitOrder() {
|
|
|
7364
7393
|
isSubmitDisabled: isSubmitDisabled()
|
|
7365
7394
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
7366
7395
|
}
|
|
7367
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
7396
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
7368
7397
|
|
|
7369
7398
|
function RadioButtonCheckIcon(props) {
|
|
7370
7399
|
return React.createElement("svg", Object.assign({
|
|
@@ -7395,7 +7424,7 @@ var fonts = {
|
|
|
7395
7424
|
secondary: "'Lato', sans-serif"
|
|
7396
7425
|
};
|
|
7397
7426
|
|
|
7398
|
-
var _templateObject$
|
|
7427
|
+
var _templateObject$1q, _templateObject2$11, _templateObject3$x;
|
|
7399
7428
|
function RadioButton(props) {
|
|
7400
7429
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
7401
7430
|
color: props.color
|
|
@@ -7406,15 +7435,15 @@ function RadioButton(props) {
|
|
|
7406
7435
|
htmlFor: props.id
|
|
7407
7436
|
}, props.label));
|
|
7408
7437
|
}
|
|
7409
|
-
var Label$3 = /*#__PURE__*/styled.label(_templateObject$
|
|
7438
|
+
var Label$3 = /*#__PURE__*/styled.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n color: #aea9a1;\n white-space: nowrap;\n"])), fonts.secondary);
|
|
7410
7439
|
var Input = /*#__PURE__*/styled.input(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n appearance: none;\n margin: 0;\n width: 16px;\n height: 16px;\n border: 1px solid #aea9a1;\n border-radius: 14px;\n cursor: pointer;\n\n &:checked {\n & + ", " {\n color: ", ";\n }\n display: none;\n }\n\n &::after {\n content: '';\n display: block;\n border-radius: 14px;\n width: 12px;\n height: 12px;\n margin: 2px;\n }\n\n &:checked::after {\n background-color: ", ";\n }\n"])), Label$3, function (props) {
|
|
7411
7440
|
return props.color || '#6396e5';
|
|
7412
7441
|
}, function (props) {
|
|
7413
7442
|
return props.color || '#6396e5';
|
|
7414
7443
|
});
|
|
7415
|
-
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$
|
|
7444
|
+
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
7416
7445
|
|
|
7417
|
-
var _templateObject$
|
|
7446
|
+
var _templateObject$1r, _templateObject2$12, _templateObject3$y, _templateObject4$h, _templateObject5$b, _templateObject6$5, _templateObject7$7;
|
|
7418
7447
|
function RadioButtonGroup(props) {
|
|
7419
7448
|
var heading = props.heading,
|
|
7420
7449
|
_props$direction = props.direction,
|
|
@@ -7449,9 +7478,9 @@ function RadioButtonGroup(props) {
|
|
|
7449
7478
|
className: "custom-wrapper"
|
|
7450
7479
|
}, renderOptions()));
|
|
7451
7480
|
}
|
|
7452
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
7481
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
7453
7482
|
var labelStyles = /*#__PURE__*/css(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
7454
|
-
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$
|
|
7483
|
+
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
7455
7484
|
return !props.$required && 'visibility: hidden;';
|
|
7456
7485
|
}, labelStyles);
|
|
7457
7486
|
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
@@ -7461,7 +7490,7 @@ var Wrapper$g = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$
|
|
|
7461
7490
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
7462
7491
|
});
|
|
7463
7492
|
|
|
7464
|
-
var _templateObject$
|
|
7493
|
+
var _templateObject$1s;
|
|
7465
7494
|
var deliveryPoints = [{
|
|
7466
7495
|
label: 'Hallway',
|
|
7467
7496
|
value: 'hallway'
|
|
@@ -7492,9 +7521,9 @@ function DeliveryPoint() {
|
|
|
7492
7521
|
required: false
|
|
7493
7522
|
}));
|
|
7494
7523
|
}
|
|
7495
|
-
var Container$S = /*#__PURE__*/styled.div(_templateObject$
|
|
7524
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
7496
7525
|
|
|
7497
|
-
var _templateObject$
|
|
7526
|
+
var _templateObject$1t, _templateObject2$13, _templateObject3$z, _templateObject4$i, _templateObject5$c, _templateObject6$6, _templateObject7$8, _templateObject8$4;
|
|
7498
7527
|
var _excluded$5 = ["imageSrc", "label", "checked"];
|
|
7499
7528
|
function Checkbox(props) {
|
|
7500
7529
|
var imageSrc = props.imageSrc,
|
|
@@ -7515,11 +7544,11 @@ function Checkbox(props) {
|
|
|
7515
7544
|
"$checked": checked
|
|
7516
7545
|
}, label)));
|
|
7517
7546
|
}
|
|
7518
|
-
var Image = /*#__PURE__*/styled.img(_templateObject$
|
|
7547
|
+
var Image = /*#__PURE__*/styled.img(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
7519
7548
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
7520
7549
|
});
|
|
7521
7550
|
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
7522
|
-
var Circle = /*#__PURE__*/styled.span(_templateObject3$
|
|
7551
|
+
var Circle = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
7523
7552
|
return props.$checked ? '#feba30' : 'white';
|
|
7524
7553
|
});
|
|
7525
7554
|
var Text$6 = /*#__PURE__*/styled.span(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: 'lato', sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n"])), function (props) {
|
|
@@ -7555,7 +7584,7 @@ var getIcon$1 = function getIcon(input) {
|
|
|
7555
7584
|
return "" + baseURL$1 + subPath;
|
|
7556
7585
|
};
|
|
7557
7586
|
|
|
7558
|
-
var _templateObject$
|
|
7587
|
+
var _templateObject$1u;
|
|
7559
7588
|
function OrderServices$1() {
|
|
7560
7589
|
// TO DO -> get services from static data
|
|
7561
7590
|
return React.createElement(Container$T, null, React.createElement(Checkbox, {
|
|
@@ -7580,9 +7609,9 @@ function OrderServices$1() {
|
|
|
7580
7609
|
imageSrc: getIcon$1(4)
|
|
7581
7610
|
}));
|
|
7582
7611
|
}
|
|
7583
|
-
var Container$T = /*#__PURE__*/styled.div(_templateObject$
|
|
7612
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
7584
7613
|
|
|
7585
|
-
var _templateObject$
|
|
7614
|
+
var _templateObject$1v, _templateObject2$14;
|
|
7586
7615
|
function Notes$1(_ref) {
|
|
7587
7616
|
var onNotesChange = _ref.onNotesChange;
|
|
7588
7617
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -7593,10 +7622,10 @@ function Notes$1(_ref) {
|
|
|
7593
7622
|
onChange: handleTextChange
|
|
7594
7623
|
}));
|
|
7595
7624
|
}
|
|
7596
|
-
var Label$4 = /*#__PURE__*/styled.span(_templateObject$
|
|
7625
|
+
var Label$4 = /*#__PURE__*/styled.span(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7597
7626
|
var Container$U = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
7598
7627
|
|
|
7599
|
-
var _templateObject$
|
|
7628
|
+
var _templateObject$1w, _templateObject2$15, _templateObject3$A;
|
|
7600
7629
|
function LogServiceRefusal() {
|
|
7601
7630
|
var _useCurrentAction = useCurrentAction(),
|
|
7602
7631
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7616,9 +7645,9 @@ function LogServiceRefusal() {
|
|
|
7616
7645
|
}
|
|
7617
7646
|
}))));
|
|
7618
7647
|
}
|
|
7619
|
-
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7648
|
+
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
7620
7649
|
var Left = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
7621
|
-
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$
|
|
7650
|
+
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7622
7651
|
|
|
7623
7652
|
function ReturnAction() {
|
|
7624
7653
|
var onSelect = function onSelect() {};
|
|
@@ -7644,7 +7673,7 @@ function ReturnReason() {
|
|
|
7644
7673
|
});
|
|
7645
7674
|
}
|
|
7646
7675
|
|
|
7647
|
-
var _templateObject$
|
|
7676
|
+
var _templateObject$1x, _templateObject2$16, _templateObject3$B, _templateObject4$j, _templateObject5$d, _templateObject6$7, _templateObject7$9, _templateObject8$5, _templateObject9$2;
|
|
7648
7677
|
function CancelOrder() {
|
|
7649
7678
|
var _orderStaticData$canc;
|
|
7650
7679
|
var _useOrderId = useOrderId(),
|
|
@@ -7767,9 +7796,9 @@ function CancelOrder() {
|
|
|
7767
7796
|
placeholder: "Reason for Cancel Order"
|
|
7768
7797
|
}))))));
|
|
7769
7798
|
}
|
|
7770
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
7799
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
7771
7800
|
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
7772
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject3$
|
|
7801
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7773
7802
|
var Container$V = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7774
7803
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
7775
7804
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
@@ -7778,7 +7807,7 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 =
|
|
|
7778
7807
|
// const Bottom = styled.div``;
|
|
7779
7808
|
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
7780
7809
|
|
|
7781
|
-
var _templateObject$
|
|
7810
|
+
var _templateObject$1y, _templateObject2$17, _templateObject3$C;
|
|
7782
7811
|
function EmailAddress() {
|
|
7783
7812
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
7784
7813
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -7819,11 +7848,11 @@ function EmailAddress() {
|
|
|
7819
7848
|
onChange: onChange
|
|
7820
7849
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
7821
7850
|
}
|
|
7822
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
7851
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7823
7852
|
var Container$W = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7824
|
-
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7853
|
+
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7825
7854
|
|
|
7826
|
-
var _templateObject$
|
|
7855
|
+
var _templateObject$1z, _templateObject2$18, _templateObject3$D;
|
|
7827
7856
|
function ContactPhone() {
|
|
7828
7857
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7829
7858
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7884,11 +7913,11 @@ function ContactPhone() {
|
|
|
7884
7913
|
onChange: onChange
|
|
7885
7914
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
7886
7915
|
}
|
|
7887
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
7916
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7888
7917
|
var Container$X = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7889
|
-
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7918
|
+
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7890
7919
|
|
|
7891
|
-
var _templateObject$
|
|
7920
|
+
var _templateObject$1A, _templateObject2$19, _templateObject3$E;
|
|
7892
7921
|
function ContactWork$1() {
|
|
7893
7922
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7894
7923
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -7949,11 +7978,11 @@ function ContactWork$1() {
|
|
|
7949
7978
|
onChange: onChange
|
|
7950
7979
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
7951
7980
|
}
|
|
7952
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
7981
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7953
7982
|
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7954
|
-
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$
|
|
7983
|
+
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
7955
7984
|
|
|
7956
|
-
var _templateObject$
|
|
7985
|
+
var _templateObject$1B, _templateObject2$1a, _templateObject3$F;
|
|
7957
7986
|
function ContactMobile$1() {
|
|
7958
7987
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
7959
7988
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -8014,9 +8043,9 @@ function ContactMobile$1() {
|
|
|
8014
8043
|
onChange: onChange
|
|
8015
8044
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
8016
8045
|
}
|
|
8017
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
8046
|
+
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8018
8047
|
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8019
|
-
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8048
|
+
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
8020
8049
|
|
|
8021
8050
|
function ContactTypeDropdown() {
|
|
8022
8051
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -8082,7 +8111,7 @@ function ActionDropdown() {
|
|
|
8082
8111
|
});
|
|
8083
8112
|
}
|
|
8084
8113
|
|
|
8085
|
-
var _templateObject$
|
|
8114
|
+
var _templateObject$1C, _templateObject2$1b;
|
|
8086
8115
|
function DeliveryDate$1() {
|
|
8087
8116
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8088
8117
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -8118,7 +8147,7 @@ function DeliveryDate$1() {
|
|
|
8118
8147
|
allowClear: false
|
|
8119
8148
|
}));
|
|
8120
8149
|
}
|
|
8121
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
8150
|
+
var Label$a = /*#__PURE__*/styled.label(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8122
8151
|
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
8123
8152
|
|
|
8124
8153
|
function convertTo12HourFormat$1(time24) {
|
|
@@ -8168,19 +8197,19 @@ function TimedServiceDropdown$1() {
|
|
|
8168
8197
|
});
|
|
8169
8198
|
}
|
|
8170
8199
|
|
|
8171
|
-
var _templateObject$
|
|
8200
|
+
var _templateObject$1D, _templateObject2$1c, _templateObject3$G, _templateObject4$k;
|
|
8172
8201
|
function CustomerInformation() {
|
|
8173
8202
|
var _orderDetails$order_r;
|
|
8174
8203
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8175
8204
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8176
8205
|
return React.createElement(Container$$, null, React.createElement(Title$3, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$i, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$i, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$i, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$i, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
8177
8206
|
}
|
|
8178
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
8207
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
8179
8208
|
var AddressField = /*#__PURE__*/styled.p(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n padding: 0;\n margin: 0;\n"])));
|
|
8180
|
-
var Title$3 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8209
|
+
var Title$3 = /*#__PURE__*/styled.span(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
8181
8210
|
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8182
8211
|
|
|
8183
|
-
var _templateObject$
|
|
8212
|
+
var _templateObject$1E, _templateObject2$1d;
|
|
8184
8213
|
function ProductTable$1() {
|
|
8185
8214
|
var _useProductDetails = useProductDetails(),
|
|
8186
8215
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -8207,10 +8236,10 @@ function ProductTable$1() {
|
|
|
8207
8236
|
}, React.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), React.createElement("td", null, order == null ? void 0 : order.code), React.createElement("td", null, order == null ? void 0 : order.description), React.createElement("td", null, order == null ? void 0 : order.sku));
|
|
8208
8237
|
})))));
|
|
8209
8238
|
}
|
|
8210
|
-
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$
|
|
8239
|
+
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8211
8240
|
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
8212
8241
|
|
|
8213
|
-
var _templateObject$
|
|
8242
|
+
var _templateObject$1F, _templateObject2$1e;
|
|
8214
8243
|
function NotesTable() {
|
|
8215
8244
|
var _useState = useState(null),
|
|
8216
8245
|
moduleIds = _useState[0],
|
|
@@ -8304,30 +8333,30 @@ function NotesTable() {
|
|
|
8304
8333
|
}));
|
|
8305
8334
|
}))))));
|
|
8306
8335
|
}
|
|
8307
|
-
var Title$5 = /*#__PURE__*/styled.h2(_templateObject$
|
|
8336
|
+
var Title$5 = /*#__PURE__*/styled.h2(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n text-transform: uppercase;\n padding: 0;\n margin: 0;\n"])));
|
|
8308
8337
|
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
8309
8338
|
|
|
8310
|
-
var _templateObject$
|
|
8339
|
+
var _templateObject$1G, _templateObject2$1f;
|
|
8311
8340
|
function ConfirmationNotes() {
|
|
8312
8341
|
return React.createElement(Container$12, null, React.createElement(Label$b, null, "Notes"), React.createElement(TextArea, {
|
|
8313
8342
|
rows: 5,
|
|
8314
8343
|
placeholder: "Enter Notes"
|
|
8315
8344
|
}));
|
|
8316
8345
|
}
|
|
8317
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
8346
|
+
var Label$b = /*#__PURE__*/styled.label(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8318
8347
|
var Container$12 = /*#__PURE__*/styled.div(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8319
8348
|
|
|
8320
|
-
var _templateObject$
|
|
8349
|
+
var _templateObject$1H, _templateObject2$1g;
|
|
8321
8350
|
function DeliveryInstructions$1() {
|
|
8322
8351
|
return React.createElement(Container$13, null, React.createElement(Label$c, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
8323
8352
|
rows: 5,
|
|
8324
8353
|
placeholder: "Enter Delivery Instructions"
|
|
8325
8354
|
}));
|
|
8326
8355
|
}
|
|
8327
|
-
var Label$c = /*#__PURE__*/styled.label(_templateObject$
|
|
8356
|
+
var Label$c = /*#__PURE__*/styled.label(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8328
8357
|
var Container$13 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8329
8358
|
|
|
8330
|
-
var _templateObject$
|
|
8359
|
+
var _templateObject$1I, _templateObject2$1h;
|
|
8331
8360
|
function ContactWith() {
|
|
8332
8361
|
return React.createElement(Container$14, null, React.createElement(Label$d, null, "Contact With"), React.createElement(Input$2, {
|
|
8333
8362
|
style: {
|
|
@@ -8335,22 +8364,22 @@ function ContactWith() {
|
|
|
8335
8364
|
}
|
|
8336
8365
|
}));
|
|
8337
8366
|
}
|
|
8338
|
-
var Label$d = /*#__PURE__*/styled.label(_templateObject$
|
|
8367
|
+
var Label$d = /*#__PURE__*/styled.label(_templateObject$1I || (_templateObject$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8339
8368
|
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
8340
8369
|
|
|
8341
|
-
var _templateObject$
|
|
8370
|
+
var _templateObject$1J, _templateObject2$1i, _templateObject3$H, _templateObject4$l;
|
|
8342
8371
|
function SlotAndInstructions() {
|
|
8343
8372
|
var _orderDetails$order_r;
|
|
8344
8373
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
8345
8374
|
orderDetails = _useOrderDetailsConfi[0];
|
|
8346
8375
|
return React.createElement(Container$15, null, React.createElement(Slot, null, React.createElement(Title$6, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
8347
8376
|
}
|
|
8348
|
-
var Value = /*#__PURE__*/styled.span(_templateObject$
|
|
8377
|
+
var Value = /*#__PURE__*/styled.span(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
8349
8378
|
var Slot = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
8350
|
-
var Title$6 = /*#__PURE__*/styled.span(_templateObject3$
|
|
8379
|
+
var Title$6 = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
8351
8380
|
var Container$15 = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8352
8381
|
|
|
8353
|
-
var _templateObject$
|
|
8382
|
+
var _templateObject$1K, _templateObject2$1j;
|
|
8354
8383
|
// import { filterObject } from '../../../utils';
|
|
8355
8384
|
function ConfirmOrder() {
|
|
8356
8385
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8527,12 +8556,12 @@ function ConfirmOrder() {
|
|
|
8527
8556
|
isSubmitDisabled: errorFound()
|
|
8528
8557
|
}, React.createElement(ContentContainer$4, null, React.createElement(Wrapper$j, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
8529
8558
|
}
|
|
8530
|
-
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$
|
|
8559
|
+
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
8531
8560
|
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n"])));
|
|
8532
8561
|
|
|
8533
|
-
var _templateObject2$1k, _templateObject3$
|
|
8562
|
+
var _templateObject2$1k, _templateObject3$I, _templateObject4$m, _templateObject5$e, _templateObject6$8, _templateObject7$a, _templateObject8$6, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14$1, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
8534
8563
|
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
8535
|
-
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$
|
|
8564
|
+
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
8536
8565
|
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
8537
8566
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
8538
8567
|
var SplitText = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
@@ -8790,14 +8819,14 @@ function HoldOrderModal() {
|
|
|
8790
8819
|
infoText: infoText,
|
|
8791
8820
|
submitBtnTitle: "Save Details",
|
|
8792
8821
|
isSubmitDisabled: !showSubmitBtn
|
|
8793
|
-
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$
|
|
8822
|
+
}, React.createElement(HoldContentContainer, null, React.createElement(SplitText, null, React.createElement(HoldRow, null, React.createElement(Label$i, {
|
|
8794
8823
|
label: "Hold Until (leave blank for indefinite)"
|
|
8795
8824
|
}), React.createElement(HoldDatePickerWrap, null, React.createElement(DatePicker, {
|
|
8796
8825
|
needConfirm: true,
|
|
8797
8826
|
format: 'MMMM D, YYYY',
|
|
8798
8827
|
onChange: handleDateChange,
|
|
8799
8828
|
value: selectedDate === null ? selectedDate : dayjs(selectedDate)
|
|
8800
|
-
}))), React.createElement(HoldRow, null, React.createElement(Label$
|
|
8829
|
+
}))), React.createElement(HoldRow, null, React.createElement(Label$i, {
|
|
8801
8830
|
label: "Hold Reason",
|
|
8802
8831
|
required: true
|
|
8803
8832
|
}), React.createElement(AntSelect, {
|
|
@@ -9154,7 +9183,7 @@ function ChargeLog() {
|
|
|
9154
9183
|
})));
|
|
9155
9184
|
}
|
|
9156
9185
|
|
|
9157
|
-
var _templateObject$
|
|
9186
|
+
var _templateObject$1L;
|
|
9158
9187
|
var UnholdOrder = function UnholdOrder() {
|
|
9159
9188
|
var _useOrderId = useOrderId(),
|
|
9160
9189
|
orderId = _useOrderId[0];
|
|
@@ -9229,9 +9258,9 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
9229
9258
|
})
|
|
9230
9259
|
});
|
|
9231
9260
|
};
|
|
9232
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
9261
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
9233
9262
|
|
|
9234
|
-
var _templateObject$
|
|
9263
|
+
var _templateObject$1M, _templateObject2$1l;
|
|
9235
9264
|
function AssigneeDropdown() {
|
|
9236
9265
|
var handleSelectChange = function handleSelectChange() {
|
|
9237
9266
|
// alert('hello');
|
|
@@ -9240,11 +9269,11 @@ function AssigneeDropdown() {
|
|
|
9240
9269
|
description: 'Order has been saved successfully.'
|
|
9241
9270
|
});
|
|
9242
9271
|
};
|
|
9243
|
-
return React.createElement(FormContainer$2, null, React.createElement(Label$
|
|
9272
|
+
return React.createElement(FormContainer$2, null, React.createElement(Label$i, {
|
|
9244
9273
|
label: "Assigned To",
|
|
9245
9274
|
required: true,
|
|
9246
9275
|
htmlFor: "assigneDropdown"
|
|
9247
|
-
}), React.createElement(StyledAntSelect$
|
|
9276
|
+
}), React.createElement(StyledAntSelect$4, {
|
|
9248
9277
|
options: [],
|
|
9249
9278
|
onChange: handleSelectChange,
|
|
9250
9279
|
selectWrapperClass: 'rounded',
|
|
@@ -9253,8 +9282,8 @@ function AssigneeDropdown() {
|
|
|
9253
9282
|
}
|
|
9254
9283
|
}));
|
|
9255
9284
|
}
|
|
9256
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
9257
|
-
var StyledAntSelect$
|
|
9285
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
9286
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(AntSelect)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9258
9287
|
|
|
9259
9288
|
var DatePickerIcon = function DatePickerIcon() {
|
|
9260
9289
|
return React.createElement("svg", {
|
|
@@ -9272,10 +9301,10 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
9272
9301
|
}));
|
|
9273
9302
|
};
|
|
9274
9303
|
|
|
9275
|
-
var _templateObject$
|
|
9276
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9304
|
+
var _templateObject$1N, _templateObject2$1m, _templateObject3$J, _templateObject4$n, _templateObject8$7, _templateObject10$2, _templateObject11$2, _templateObject13$1, _templateObject14$2, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
9305
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\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 margin-top: 15px;\n"])));
|
|
9277
9306
|
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__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"])));
|
|
9278
|
-
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
9307
|
+
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
9279
9308
|
var StyledText$1 = /*#__PURE__*/styled(TextArea)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
9280
9309
|
var StyledDateContainer = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
9281
9310
|
var TimeWrapper = /*#__PURE__*/styled.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 80px;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n"])));
|
|
@@ -9367,7 +9396,7 @@ function useFetchSingleReminderData() {
|
|
|
9367
9396
|
return res;
|
|
9368
9397
|
}
|
|
9369
9398
|
|
|
9370
|
-
var _templateObject$
|
|
9399
|
+
var _templateObject$1O, _templateObject2$1n, _templateObject3$K, _templateObject4$o;
|
|
9371
9400
|
function StatusIndicator(props) {
|
|
9372
9401
|
var statusColor = getStatusColor(props.status);
|
|
9373
9402
|
return React.createElement(Container$17, null, React.createElement(StatusCircleContainer, {
|
|
@@ -9378,13 +9407,13 @@ function StatusIndicator(props) {
|
|
|
9378
9407
|
status: props.status
|
|
9379
9408
|
}, props.text));
|
|
9380
9409
|
}
|
|
9381
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
9410
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid\n ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) {
|
|
9382
9411
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9383
9412
|
});
|
|
9384
9413
|
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 10px;\n width: 10px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
9385
9414
|
return props.color;
|
|
9386
9415
|
});
|
|
9387
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$
|
|
9416
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
9388
9417
|
var Text$7 = /*#__PURE__*/styled.span(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: normal;\n text-transform: capitalize;\n font-weight: 500;\n color: ", ";\n"])), function (props) {
|
|
9389
9418
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
9390
9419
|
});
|
|
@@ -9547,7 +9576,7 @@ function useFetchReminders() {
|
|
|
9547
9576
|
return perform;
|
|
9548
9577
|
}
|
|
9549
9578
|
|
|
9550
|
-
var _templateObject$
|
|
9579
|
+
var _templateObject$1P, _templateObject2$1o, _templateObject3$L, _templateObject4$p, _templateObject5$f, _templateObject6$9, _templateObject7$b;
|
|
9551
9580
|
var ViewReminderModal = function ViewReminderModal() {
|
|
9552
9581
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
9553
9582
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9703,18 +9732,18 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
9703
9732
|
onChange: onChangeDetails
|
|
9704
9733
|
}))))));
|
|
9705
9734
|
};
|
|
9706
|
-
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
9735
|
+
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
9707
9736
|
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
9708
|
-
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$
|
|
9737
|
+
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$L || (_templateObject3$L = /*#__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"])));
|
|
9709
9738
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$p || (_templateObject4$p = /*#__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"])));
|
|
9710
9739
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
9711
9740
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9712
9741
|
var LabelText = /*#__PURE__*/styled.span(_templateObject7$b || (_templateObject7$b = /*#__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"])));
|
|
9713
9742
|
|
|
9714
|
-
var _templateObject$
|
|
9743
|
+
var _templateObject$1Q, _templateObject3$M, _templateObject5$g, _templateObject7$c, _templateObject8$8, _templateObject9$4;
|
|
9715
9744
|
// Shared styles and components
|
|
9716
|
-
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$
|
|
9717
|
-
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
9745
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
9746
|
+
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
9718
9747
|
var Label$f = /*#__PURE__*/styled.label(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9719
9748
|
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
9720
9749
|
var Row$6 = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
@@ -9732,7 +9761,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
9732
9761
|
}, " * ")), children);
|
|
9733
9762
|
};
|
|
9734
9763
|
|
|
9735
|
-
var _templateObject$
|
|
9764
|
+
var _templateObject$1R, _templateObject2$1p, _templateObject3$N, _templateObject4$q, _templateObject5$h;
|
|
9736
9765
|
dayjs.extend(utc);
|
|
9737
9766
|
dayjs.extend(isValid);
|
|
9738
9767
|
function CreateReminderModal() {
|
|
@@ -9756,6 +9785,8 @@ function CreateReminderModal() {
|
|
|
9756
9785
|
var _useState4 = useState(),
|
|
9757
9786
|
displayDate = _useState4[0],
|
|
9758
9787
|
setDisplayDate = _useState4[1];
|
|
9788
|
+
var _useOrderId = useOrderId(),
|
|
9789
|
+
orderId = _useOrderId[0];
|
|
9759
9790
|
var handleSelectChange = function handleSelectChange() {
|
|
9760
9791
|
return console.log('testing log');
|
|
9761
9792
|
};
|
|
@@ -9813,7 +9844,8 @@ function CreateReminderModal() {
|
|
|
9813
9844
|
var desc = event.target.value;
|
|
9814
9845
|
setPayload(function (prevState) {
|
|
9815
9846
|
return _extends({}, prevState, {
|
|
9816
|
-
details: desc
|
|
9847
|
+
details: desc,
|
|
9848
|
+
order_id: +orderId
|
|
9817
9849
|
});
|
|
9818
9850
|
});
|
|
9819
9851
|
};
|
|
@@ -9849,14 +9881,14 @@ function CreateReminderModal() {
|
|
|
9849
9881
|
};
|
|
9850
9882
|
return React.createElement(Wrapper$k, null, React.createElement(SplitContainer, null, React.createElement(FormRow, {
|
|
9851
9883
|
label: "Assigned To"
|
|
9852
|
-
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$
|
|
9884
|
+
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$5, {
|
|
9853
9885
|
options: [],
|
|
9854
9886
|
placeholder: "IND",
|
|
9855
9887
|
onChange: handleSelectChange,
|
|
9856
9888
|
style: {
|
|
9857
9889
|
width: '8vw'
|
|
9858
9890
|
}
|
|
9859
|
-
}), React.createElement(StyledAntSelect$
|
|
9891
|
+
}), React.createElement(StyledAntSelect$5, {
|
|
9860
9892
|
options: departmentOptions,
|
|
9861
9893
|
placeholder: "Select Department",
|
|
9862
9894
|
onChange: handleDepartmentChange,
|
|
@@ -9864,7 +9896,7 @@ function CreateReminderModal() {
|
|
|
9864
9896
|
width: '18vw'
|
|
9865
9897
|
},
|
|
9866
9898
|
value: createReminder.department_id
|
|
9867
|
-
})), React.createElement(StyledAntSelect$
|
|
9899
|
+
})), React.createElement(StyledAntSelect$5, {
|
|
9868
9900
|
options: [],
|
|
9869
9901
|
placeholder: "Select User",
|
|
9870
9902
|
onChange: handleSelectChange,
|
|
@@ -9873,7 +9905,7 @@ function CreateReminderModal() {
|
|
|
9873
9905
|
}
|
|
9874
9906
|
}), React.createElement(StyledLink, null, "Assign to me")), (createReminder.department_id === 1 || createReminder.department_id === 2) && React.createElement(React.Fragment, null, React.createElement(FormRow, {
|
|
9875
9907
|
label: "Category"
|
|
9876
|
-
}, React.createElement(StyledAntSelect$
|
|
9908
|
+
}, React.createElement(StyledAntSelect$5, {
|
|
9877
9909
|
style: {
|
|
9878
9910
|
minWidth: '20vw'
|
|
9879
9911
|
},
|
|
@@ -9883,7 +9915,7 @@ function CreateReminderModal() {
|
|
|
9883
9915
|
value: createReminder.task_categories_id
|
|
9884
9916
|
})), React.createElement(FormRow, {
|
|
9885
9917
|
label: "Type"
|
|
9886
|
-
}, React.createElement(StyledAntSelect$
|
|
9918
|
+
}, React.createElement(StyledAntSelect$5, {
|
|
9887
9919
|
options: subCategoryOptions,
|
|
9888
9920
|
placeholder: "Select Type",
|
|
9889
9921
|
onChange: handleTypeChange,
|
|
@@ -9955,9 +9987,9 @@ function CreateReminderModal() {
|
|
|
9955
9987
|
onChange: handleChange
|
|
9956
9988
|
})));
|
|
9957
9989
|
}
|
|
9958
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
9990
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
9959
9991
|
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9960
|
-
var StyledAntSelect$
|
|
9992
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
9961
9993
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
9962
9994
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
9963
9995
|
|
|
@@ -10129,7 +10161,7 @@ function useFetchUnresolvedTasks() {
|
|
|
10129
10161
|
return perform;
|
|
10130
10162
|
}
|
|
10131
10163
|
|
|
10132
|
-
var _templateObject$
|
|
10164
|
+
var _templateObject$1S;
|
|
10133
10165
|
function TaskReminderModal() {
|
|
10134
10166
|
var createReminderAPI = useCreateReminder();
|
|
10135
10167
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10228,9 +10260,9 @@ function TaskReminderModal() {
|
|
|
10228
10260
|
isSubmitDisabled: isSubmitDisabled()
|
|
10229
10261
|
}, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
|
|
10230
10262
|
}
|
|
10231
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
10263
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
10232
10264
|
|
|
10233
|
-
var _templateObject$
|
|
10265
|
+
var _templateObject$1T, _templateObject2$1q;
|
|
10234
10266
|
function OrderLock() {
|
|
10235
10267
|
var _useCurrentAction = useCurrentAction(),
|
|
10236
10268
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10283,7 +10315,7 @@ function OrderLock() {
|
|
|
10283
10315
|
})
|
|
10284
10316
|
});
|
|
10285
10317
|
}
|
|
10286
|
-
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$
|
|
10318
|
+
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
10287
10319
|
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10288
10320
|
|
|
10289
10321
|
function useUpdateFlag() {
|
|
@@ -10354,7 +10386,7 @@ function useUpdateFlag() {
|
|
|
10354
10386
|
return create;
|
|
10355
10387
|
}
|
|
10356
10388
|
|
|
10357
|
-
var _templateObject$
|
|
10389
|
+
var _templateObject$1U, _templateObject2$1r, _templateObject3$O, _templateObject4$r, _templateObject5$i, _templateObject6$a;
|
|
10358
10390
|
function HeaderSection() {
|
|
10359
10391
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10360
10392
|
dataArray = _useSingleFlagData[0];
|
|
@@ -10424,14 +10456,14 @@ function HeaderSection() {
|
|
|
10424
10456
|
})
|
|
10425
10457
|
})));
|
|
10426
10458
|
}
|
|
10427
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
10459
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
10428
10460
|
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10429
|
-
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$
|
|
10461
|
+
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
10430
10462
|
var Title$7 = /*#__PURE__*/styled.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
10431
10463
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(2px);\n z-index: 1000;\n"])));
|
|
10432
10464
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
10433
10465
|
|
|
10434
|
-
var _templateObject$
|
|
10466
|
+
var _templateObject$1V, _templateObject2$1s;
|
|
10435
10467
|
function TextSection() {
|
|
10436
10468
|
var _useSinglePayload = useSinglePayload(),
|
|
10437
10469
|
payload = _useSinglePayload[0],
|
|
@@ -10441,7 +10473,7 @@ function TextSection() {
|
|
|
10441
10473
|
description: event.target.value
|
|
10442
10474
|
}));
|
|
10443
10475
|
};
|
|
10444
|
-
return React.createElement(Text$8, null, React.createElement(Label$
|
|
10476
|
+
return React.createElement(Text$8, null, React.createElement(Label$i, {
|
|
10445
10477
|
label: "Details"
|
|
10446
10478
|
}), React.createElement(TextField, {
|
|
10447
10479
|
placeholder: "Type here....",
|
|
@@ -10449,10 +10481,10 @@ function TextSection() {
|
|
|
10449
10481
|
onChange: onChangeDetails
|
|
10450
10482
|
}));
|
|
10451
10483
|
}
|
|
10452
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
10484
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
10453
10485
|
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
10454
10486
|
|
|
10455
|
-
var _templateObject$
|
|
10487
|
+
var _templateObject$1W, _templateObject2$1t;
|
|
10456
10488
|
function ButtonsSection() {
|
|
10457
10489
|
var _useSinglePayload = useSinglePayload(),
|
|
10458
10490
|
payload = _useSinglePayload[0],
|
|
@@ -10483,7 +10515,7 @@ function ButtonsSection() {
|
|
|
10483
10515
|
}));
|
|
10484
10516
|
};
|
|
10485
10517
|
var isStatusShow = dataArray == null ? void 0 : dataArray.task_status_id;
|
|
10486
|
-
return React.createElement(Buttons, null, React.createElement(Flex, null, React.createElement(Label$
|
|
10518
|
+
return React.createElement(Buttons, null, React.createElement(Flex, null, React.createElement(Label$i, {
|
|
10487
10519
|
label: "Type"
|
|
10488
10520
|
}), React.createElement(SelectDropdown, {
|
|
10489
10521
|
styles: _extends({}, dropdownStyles, filterDropdownStyles, {
|
|
@@ -10507,7 +10539,7 @@ function ButtonsSection() {
|
|
|
10507
10539
|
return f.value === payload.task_type_id;
|
|
10508
10540
|
}),
|
|
10509
10541
|
onChange: onFlagtypeChange
|
|
10510
|
-
})), React.createElement(Flex, null, React.createElement(Label$
|
|
10542
|
+
})), React.createElement(Flex, null, React.createElement(Label$i, {
|
|
10511
10543
|
label: "Priority"
|
|
10512
10544
|
}), React.createElement(SelectDropdown, {
|
|
10513
10545
|
styles: _extends({}, dropdownStyles, filterDropdownStyles, {
|
|
@@ -10531,22 +10563,22 @@ function ButtonsSection() {
|
|
|
10531
10563
|
return f.value === payload.task_priority_id;
|
|
10532
10564
|
}),
|
|
10533
10565
|
onChange: onPriorityChange
|
|
10534
|
-
})), React.createElement(React.Fragment, null, isStatusShow === 1 ? React.createElement(Flex, null, React.createElement(Label$
|
|
10566
|
+
})), React.createElement(React.Fragment, null, isStatusShow === 1 ? React.createElement(Flex, null, React.createElement(Label$i, {
|
|
10535
10567
|
label: "Status"
|
|
10536
10568
|
}), React.createElement(StatusIndicator, {
|
|
10537
10569
|
text: "Unresolved",
|
|
10538
10570
|
status: "AD"
|
|
10539
|
-
})) : React.createElement(Flex, null, React.createElement(Label$
|
|
10571
|
+
})) : React.createElement(Flex, null, React.createElement(Label$i, {
|
|
10540
10572
|
label: "Status"
|
|
10541
10573
|
}), React.createElement(StatusIndicator, {
|
|
10542
10574
|
text: "Resolved on " + formatDate$1(dataArray == null ? void 0 : dataArray.resolved_at) + " by " + (dataArray == null ? void 0 : dataArray.resolved_by),
|
|
10543
10575
|
status: "SD"
|
|
10544
10576
|
}))));
|
|
10545
10577
|
}
|
|
10546
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject$
|
|
10578
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10547
10579
|
var Flex = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10548
10580
|
|
|
10549
|
-
var _templateObject$
|
|
10581
|
+
var _templateObject$1X, _templateObject2$1u, _templateObject3$P, _templateObject4$s, _templateObject5$j, _templateObject6$b;
|
|
10550
10582
|
function ActionSection() {
|
|
10551
10583
|
var _useCurrentAction = useCurrentAction(),
|
|
10552
10584
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -10632,14 +10664,14 @@ function RadioButtonsSection() {
|
|
|
10632
10664
|
required: false
|
|
10633
10665
|
}));
|
|
10634
10666
|
}
|
|
10635
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
10667
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
10636
10668
|
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10637
|
-
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$
|
|
10669
|
+
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10638
10670
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
10639
10671
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
10640
10672
|
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10641
10673
|
|
|
10642
|
-
var _templateObject$
|
|
10674
|
+
var _templateObject$1Y, _templateObject2$1v, _templateObject3$Q, _templateObject4$t, _templateObject5$k;
|
|
10643
10675
|
function DetailSection() {
|
|
10644
10676
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
10645
10677
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -10651,11 +10683,11 @@ function DetailSection() {
|
|
|
10651
10683
|
label: "Order"
|
|
10652
10684
|
}), React.createElement(Order, null, orderColumnData)));
|
|
10653
10685
|
}
|
|
10654
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
10686
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
10655
10687
|
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
10656
|
-
var Ref = /*#__PURE__*/styled.div(_templateObject3$
|
|
10688
|
+
var Ref = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10657
10689
|
var Order = /*#__PURE__*/styled.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
10658
|
-
var StyledLabel$2 = /*#__PURE__*/styled(Label$
|
|
10690
|
+
var StyledLabel$2 = /*#__PURE__*/styled(Label$i)(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
10659
10691
|
|
|
10660
10692
|
function useFetchSingleFlagsData() {
|
|
10661
10693
|
var _useFlagRefId = useFlagRefId(),
|
|
@@ -10737,7 +10769,7 @@ function useFetchSingleFlagsData() {
|
|
|
10737
10769
|
return res;
|
|
10738
10770
|
}
|
|
10739
10771
|
|
|
10740
|
-
var _templateObject$
|
|
10772
|
+
var _templateObject$1Z, _templateObject2$1w, _templateObject3$R;
|
|
10741
10773
|
function ViewFlag() {
|
|
10742
10774
|
var _useSingleFlagData = useSingleFlagData(),
|
|
10743
10775
|
dataArray = _useSingleFlagData[0],
|
|
@@ -10834,11 +10866,11 @@ function ViewFlag() {
|
|
|
10834
10866
|
}, [dataArray]);
|
|
10835
10867
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
10836
10868
|
}
|
|
10837
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
10869
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
10838
10870
|
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
10839
|
-
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$
|
|
10871
|
+
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 80%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 80%;\n }\n"])));
|
|
10840
10872
|
|
|
10841
|
-
var _templateObject$
|
|
10873
|
+
var _templateObject$1_;
|
|
10842
10874
|
function ReleaseOrder() {
|
|
10843
10875
|
var _useOrderId = useOrderId(),
|
|
10844
10876
|
orderId = _useOrderId[0];
|
|
@@ -10917,9 +10949,9 @@ function ReleaseOrder() {
|
|
|
10917
10949
|
// position: absolute;
|
|
10918
10950
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
10919
10951
|
// `;
|
|
10920
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
10952
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10921
10953
|
|
|
10922
|
-
var _templateObject$
|
|
10954
|
+
var _templateObject$1$;
|
|
10923
10955
|
function UncancelOrder() {
|
|
10924
10956
|
var _orderStaticData$unca;
|
|
10925
10957
|
var _useOrderId = useOrderId(),
|
|
@@ -11040,9 +11072,9 @@ function UncancelOrder() {
|
|
|
11040
11072
|
onChange: onChange
|
|
11041
11073
|
})))));
|
|
11042
11074
|
}
|
|
11043
|
-
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
11075
|
+
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
11044
11076
|
|
|
11045
|
-
var _templateObject$
|
|
11077
|
+
var _templateObject$20;
|
|
11046
11078
|
function OrderActions() {
|
|
11047
11079
|
var _useCurrentAction = useCurrentAction(),
|
|
11048
11080
|
currentAction = _useCurrentAction[0];
|
|
@@ -11094,7 +11126,7 @@ function OrderActions() {
|
|
|
11094
11126
|
};
|
|
11095
11127
|
return React.createElement(Container$18, null, renderContent());
|
|
11096
11128
|
}
|
|
11097
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject$
|
|
11129
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11098
11130
|
|
|
11099
11131
|
function useSystemLogs() {
|
|
11100
11132
|
var ssoToken = getCookie('id_token');
|
|
@@ -11186,7 +11218,7 @@ function useSystemLogs() {
|
|
|
11186
11218
|
return perform;
|
|
11187
11219
|
}
|
|
11188
11220
|
|
|
11189
|
-
var _templateObject$
|
|
11221
|
+
var _templateObject$21, _templateObject2$1x;
|
|
11190
11222
|
var Details = function Details() {
|
|
11191
11223
|
// const [orderDetails] = useOrderDetails();
|
|
11192
11224
|
var _useCustomerInfo = useCustomerInfo(),
|
|
@@ -11195,10 +11227,10 @@ var Details = function Details() {
|
|
|
11195
11227
|
var postcodeShow = (customerInfo == null ? void 0 : customerInfo.postcode) || '';
|
|
11196
11228
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
11197
11229
|
};
|
|
11198
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11230
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
11199
11231
|
var Typo = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
11200
11232
|
|
|
11201
|
-
var _templateObject$
|
|
11233
|
+
var _templateObject$22;
|
|
11202
11234
|
function Options() {
|
|
11203
11235
|
var _useCurrentAction = useCurrentAction(),
|
|
11204
11236
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -11264,7 +11296,7 @@ function Options() {
|
|
|
11264
11296
|
value: "OPTIONS"
|
|
11265
11297
|
}));
|
|
11266
11298
|
}
|
|
11267
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
11299
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11268
11300
|
|
|
11269
11301
|
function BjsMenu() {
|
|
11270
11302
|
var _orderStatus$;
|
|
@@ -11321,7 +11353,7 @@ function BjsMenu() {
|
|
|
11321
11353
|
});
|
|
11322
11354
|
}
|
|
11323
11355
|
|
|
11324
|
-
var _templateObject$
|
|
11356
|
+
var _templateObject$23;
|
|
11325
11357
|
function Print() {
|
|
11326
11358
|
var _useOrderDetails = useOrderDetails(),
|
|
11327
11359
|
orderDetails = _useOrderDetails[0];
|
|
@@ -11406,29 +11438,376 @@ function Print() {
|
|
|
11406
11438
|
})
|
|
11407
11439
|
}));
|
|
11408
11440
|
}
|
|
11409
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject$
|
|
11441
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11410
11442
|
|
|
11411
|
-
var _templateObject$
|
|
11443
|
+
var _templateObject$24;
|
|
11412
11444
|
// components
|
|
11413
11445
|
function DropDowns$1() {
|
|
11414
11446
|
return React.createElement(React.Fragment, null, React.createElement(DashBoardWrapper$2, null, React.createElement(BjsMenu, null), React.createElement(Options, null), React.createElement(Print, null)));
|
|
11415
11447
|
}
|
|
11416
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
11448
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n"])));
|
|
11417
11449
|
|
|
11418
|
-
var _templateObject$
|
|
11450
|
+
var _templateObject$25;
|
|
11419
11451
|
// import Actions from './actions/Actions';
|
|
11420
11452
|
var ActionsMenu = function ActionsMenu() {
|
|
11421
11453
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
11422
11454
|
};
|
|
11423
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
11455
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__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"])));
|
|
11424
11456
|
|
|
11425
|
-
var _templateObject$
|
|
11457
|
+
var _templateObject$26;
|
|
11426
11458
|
var DetailsFilters = function DetailsFilters() {
|
|
11427
11459
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
11428
11460
|
};
|
|
11429
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11461
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__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"])));
|
|
11462
|
+
|
|
11463
|
+
var _templateObject$27, _templateObject2$1y, _templateObject3$S;
|
|
11464
|
+
function FlagTemplate(_ref) {
|
|
11465
|
+
var _data$tasks_types;
|
|
11466
|
+
var data = _ref.data;
|
|
11467
|
+
var _useFlagRefId = useFlagRefId(),
|
|
11468
|
+
setSelectedFlag = _useFlagRefId[1];
|
|
11469
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11470
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11471
|
+
var openModal = function openModal() {
|
|
11472
|
+
setCurrentAction('view-flag');
|
|
11473
|
+
};
|
|
11474
|
+
var handleClick = function handleClick(Id) {
|
|
11475
|
+
setSelectedFlag(Id);
|
|
11476
|
+
openModal();
|
|
11477
|
+
};
|
|
11478
|
+
var titleColor = data.task_status_id === 2 ? '#36A053' : '#3a3630';
|
|
11479
|
+
return React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
|
|
11480
|
+
type: (data == null ? void 0 : data.task_status_id) === 1 ? 'info' : 'success',
|
|
11481
|
+
title: React.createElement(React.Fragment, null, React.createElement(StyledTitle, {
|
|
11482
|
+
color: titleColor
|
|
11483
|
+
}, "Flag : ", data != null && data.is_private ? 'Private' : '', ' ', React.createElement(StyledLink$1, {
|
|
11484
|
+
onClick: function onClick() {
|
|
11485
|
+
return handleClick(data.id);
|
|
11486
|
+
}
|
|
11487
|
+
}, data == null ? void 0 : data.id, " - ", data == null || (_data$tasks_types = data.tasks_types) == null ? void 0 : _data$tasks_types.type, ' '), ' ', data.task_status_id === 1 ? 'Unresolved' : 'Resolved on', ' ', data.task_status_id == 2 ? React.createElement(React.Fragment, null, formatDate$1(data == null ? void 0 : data.resolved_at), " by ", data == null ? void 0 : data.resolved_by, ' ') : null)),
|
|
11488
|
+
subtitle: "",
|
|
11489
|
+
description: "" + data.details,
|
|
11490
|
+
showOkButton: false,
|
|
11491
|
+
onClose: function onClose() {}
|
|
11492
|
+
}));
|
|
11493
|
+
}
|
|
11494
|
+
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11495
|
+
var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
11496
|
+
var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11497
|
+
var color = _ref2.color;
|
|
11498
|
+
return color;
|
|
11499
|
+
});
|
|
11500
|
+
|
|
11501
|
+
var _templateObject$28, _templateObject2$1z, _templateObject3$T;
|
|
11502
|
+
function ReminderTemplate(_ref) {
|
|
11503
|
+
var _data$reminder_status, _data$reminder_status2, _data$reminder_status3, _data$reminder_status4;
|
|
11504
|
+
var data = _ref.data,
|
|
11505
|
+
dismissReminder = _ref.dismissReminder;
|
|
11506
|
+
var _useCurrentAction = useCurrentAction(),
|
|
11507
|
+
setCurrentAction = _useCurrentAction[1];
|
|
11508
|
+
var _useReminderRefId = useReminderRefId(),
|
|
11509
|
+
setReminderRefId = _useReminderRefId[1];
|
|
11510
|
+
var openModal = function openModal() {
|
|
11511
|
+
setCurrentAction('view-reminder');
|
|
11512
|
+
};
|
|
11513
|
+
//getting particular reminder data
|
|
11514
|
+
var handleClick = function handleClick(Id) {
|
|
11515
|
+
setReminderRefId(Id);
|
|
11516
|
+
openModal();
|
|
11517
|
+
};
|
|
11518
|
+
var type = (data == null || (_data$reminder_status = data.reminder_status) == null ? void 0 : _data$reminder_status.name) === 'AD' ? 'info' : (data == null || (_data$reminder_status2 = data.reminder_status) == null ? void 0 : _data$reminder_status2.name) === 'pending' ? 'warn' : 'success';
|
|
11519
|
+
var titleColor = (data == null || (_data$reminder_status3 = data.reminder_status) == null ? void 0 : _data$reminder_status3.name) === 'SD' ? '#36A053' : (data == null || (_data$reminder_status4 = data.reminder_status) == null ? void 0 : _data$reminder_status4.name) === 'pending' ? '#FEBA30' : '#3A3630';
|
|
11520
|
+
return React.createElement("div", null, React.createElement(StyledAlert$1, null, React.createElement(FlagAlert, {
|
|
11521
|
+
type: type,
|
|
11522
|
+
title: React.createElement(React.Fragment, null, React.createElement(StyledTitle$1, {
|
|
11523
|
+
color: titleColor
|
|
11524
|
+
}, "Reminder:", React.createElement(StyledLink$2, {
|
|
11525
|
+
onClick: function onClick() {
|
|
11526
|
+
return handleClick(data.id);
|
|
11527
|
+
}
|
|
11528
|
+
}, ' ', (data == null ? void 0 : data.reference) || 'NA', ' '), formatDate$1(data == null ? void 0 : data.due), ", Assigned to :", ' ')),
|
|
11529
|
+
description: "" + (data == null ? void 0 : data.details),
|
|
11530
|
+
showOkButton: false,
|
|
11531
|
+
onClose: function onClose() {
|
|
11532
|
+
return dismissReminder(data.id);
|
|
11533
|
+
}
|
|
11534
|
+
})));
|
|
11535
|
+
}
|
|
11536
|
+
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
11537
|
+
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
11538
|
+
var color = _ref2.color;
|
|
11539
|
+
return color;
|
|
11540
|
+
});
|
|
11541
|
+
var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$T || (_templateObject3$T = /*#__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"])));
|
|
11542
|
+
|
|
11543
|
+
var _templateObject$29, _templateObject2$1A;
|
|
11544
|
+
function Tabs(_ref) {
|
|
11545
|
+
var activeNotifications = _ref.activeNotifications,
|
|
11546
|
+
closedNotifications = _ref.closedNotifications,
|
|
11547
|
+
activeReminders = _ref.activeReminders,
|
|
11548
|
+
closedReminders = _ref.closedReminders,
|
|
11549
|
+
dismissReminder = _ref.dismissReminder,
|
|
11550
|
+
dismissFlags = _ref.dismissFlags;
|
|
11551
|
+
var _useTabType = useTabType(),
|
|
11552
|
+
activeTab = _useTabType[0];
|
|
11553
|
+
var initialNotifications = activeNotifications.slice(0, 3);
|
|
11554
|
+
var additionalNotifications = activeNotifications.slice(3);
|
|
11555
|
+
var initialReminders = activeReminders.slice(0, 3);
|
|
11556
|
+
var additionalReminders = activeReminders.slice(3);
|
|
11557
|
+
return React.createElement(React.Fragment, null, React.createElement(Content, null, React.createElement(Container$1a, {
|
|
11558
|
+
className: "tab-content"
|
|
11559
|
+
}, activeTab === 'active' && React.createElement(React.Fragment, null, initialReminders.map(function (item, index) {
|
|
11560
|
+
return React.createElement(ReminderTemplate, {
|
|
11561
|
+
key: index,
|
|
11562
|
+
data: item,
|
|
11563
|
+
dismissReminder: dismissReminder
|
|
11564
|
+
});
|
|
11565
|
+
}), initialNotifications.map(function (item, index) {
|
|
11566
|
+
return React.createElement(FlagTemplate, {
|
|
11567
|
+
key: index,
|
|
11568
|
+
data: item,
|
|
11569
|
+
dismissFlags: dismissFlags
|
|
11570
|
+
});
|
|
11571
|
+
}), React.createElement(React.Fragment, null, additionalReminders.map(function (item, index) {
|
|
11572
|
+
return React.createElement(ReminderTemplate, {
|
|
11573
|
+
key: index + initialReminders.length,
|
|
11574
|
+
data: item,
|
|
11575
|
+
dismissReminder: dismissReminder
|
|
11576
|
+
});
|
|
11577
|
+
}), additionalNotifications.map(function (item, index) {
|
|
11578
|
+
return React.createElement(FlagTemplate, {
|
|
11579
|
+
key: index + initialNotifications.length,
|
|
11580
|
+
data: item,
|
|
11581
|
+
dismissFlags: dismissFlags
|
|
11582
|
+
});
|
|
11583
|
+
}))), activeTab === 'closed' && React.createElement(React.Fragment, null, closedReminders.map(function (item, index) {
|
|
11584
|
+
return React.createElement(ReminderTemplate, {
|
|
11585
|
+
key: index,
|
|
11586
|
+
data: item,
|
|
11587
|
+
dismissReminder: dismissReminder
|
|
11588
|
+
});
|
|
11589
|
+
}), closedNotifications.map(function (item, index) {
|
|
11590
|
+
return React.createElement(FlagTemplate, {
|
|
11591
|
+
key: index,
|
|
11592
|
+
data: item,
|
|
11593
|
+
dismissFlags: dismissFlags
|
|
11594
|
+
});
|
|
11595
|
+
})))));
|
|
11596
|
+
}
|
|
11597
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
11598
|
+
var Content = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
11599
|
+
|
|
11600
|
+
var NotifyFlag = function NotifyFlag() {
|
|
11601
|
+
return React.createElement("svg", {
|
|
11602
|
+
width: "18",
|
|
11603
|
+
height: "20",
|
|
11604
|
+
viewBox: "0 0 18 20",
|
|
11605
|
+
fill: "none",
|
|
11606
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11607
|
+
}, React.createElement("path", {
|
|
11608
|
+
d: "M9.767 13.12C9.10538 12.8759 8.50311 12.4942 8 12C7.06536 11.0839 5.80876 10.5707 4.5 10.5707C3.19124 10.5707 1.93464 11.0839 1 12M1 12V2.99999C1.93464 2.08386 3.19124 1.57071 4.5 1.57071C5.80876 1.57071 7.06536 2.08386 8 2.99999C8.93464 3.91613 10.1912 4.42928 11.5 4.42928C12.8088 4.42928 14.0654 3.91613 15 2.99999V11.5M1 12V19M11 17L13 19L17 15",
|
|
11609
|
+
stroke: "#FEBA30",
|
|
11610
|
+
strokeWidth: "2",
|
|
11611
|
+
strokeLinecap: "round",
|
|
11612
|
+
strokeLinejoin: "round"
|
|
11613
|
+
}));
|
|
11614
|
+
};
|
|
11615
|
+
|
|
11616
|
+
var _templateObject$2a, _templateObject2$1B, _templateObject3$U, _templateObject4$u, _templateObject5$l, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$5, _templateObject10$3, _templateObject11$3, _templateObject12$1;
|
|
11617
|
+
function Notification() {
|
|
11618
|
+
var _OrderData$order_rout;
|
|
11619
|
+
var _useTabType = useTabType(),
|
|
11620
|
+
activeTab = _useTabType[0],
|
|
11621
|
+
setActiveTab = _useTabType[1];
|
|
11622
|
+
var _useInfoType = useInfoType(),
|
|
11623
|
+
setShowMoreInfo = _useInfoType[1];
|
|
11624
|
+
var TaskData = useFetchUnresolvedTasks();
|
|
11625
|
+
var ReminderData = useFetchReminders();
|
|
11626
|
+
var _useOrderDetails = useOrderDetails(),
|
|
11627
|
+
OrderData = _useOrderDetails[0];
|
|
11628
|
+
var _useNotificationData = useNotificationData(),
|
|
11629
|
+
notificationData = _useNotificationData[0],
|
|
11630
|
+
setNotififcationData = _useNotificationData[1];
|
|
11631
|
+
var _useTaskLoading = useTaskLoading(),
|
|
11632
|
+
flagLoading = _useTaskLoading[0];
|
|
11633
|
+
var _useReminderNotiData = useReminderNotiData(),
|
|
11634
|
+
reminderData = _useReminderNotiData[0],
|
|
11635
|
+
setReminderData = _useReminderNotiData[1];
|
|
11636
|
+
var routeId = OrderData == null || (_OrderData$order_rout = OrderData.order_routes) == null ? void 0 : _OrderData$order_rout.route_id;
|
|
11637
|
+
var _useRouteDetails = useRouteDetails(),
|
|
11638
|
+
setRouteData = _useRouteDetails[1];
|
|
11639
|
+
var _useOrderNotify = useOrderNotify(),
|
|
11640
|
+
orderCount = _useOrderNotify[0];
|
|
11641
|
+
var _useState = useState([]),
|
|
11642
|
+
activeNotifications = _useState[0],
|
|
11643
|
+
setActiveNotifications = _useState[1];
|
|
11644
|
+
var _useState2 = useState([]),
|
|
11645
|
+
closedNotifications = _useState2[0],
|
|
11646
|
+
setCloseNotifications = _useState2[1];
|
|
11647
|
+
var _useState3 = useState([]),
|
|
11648
|
+
activeReminders = _useState3[0],
|
|
11649
|
+
setActiveReminders = _useState3[1];
|
|
11650
|
+
var _useState4 = useState([]),
|
|
11651
|
+
closedReminders = _useState4[0],
|
|
11652
|
+
setCloseReminders = _useState4[1];
|
|
11653
|
+
var handleTabChange = function handleTabChange(tab) {
|
|
11654
|
+
setActiveTab(tab);
|
|
11655
|
+
setShowMoreInfo(false);
|
|
11656
|
+
};
|
|
11657
|
+
//flags notification data
|
|
11658
|
+
var fetchTaskData = /*#__PURE__*/function () {
|
|
11659
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
11660
|
+
var result;
|
|
11661
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
11662
|
+
while (1) switch (_context.prev = _context.next) {
|
|
11663
|
+
case 0:
|
|
11664
|
+
_context.next = 2;
|
|
11665
|
+
return TaskData();
|
|
11666
|
+
case 2:
|
|
11667
|
+
result = _context.sent;
|
|
11668
|
+
setNotififcationData(result);
|
|
11669
|
+
case 4:
|
|
11670
|
+
case "end":
|
|
11671
|
+
return _context.stop();
|
|
11672
|
+
}
|
|
11673
|
+
}, _callee);
|
|
11674
|
+
}));
|
|
11675
|
+
return function fetchTaskData() {
|
|
11676
|
+
return _ref.apply(this, arguments);
|
|
11677
|
+
};
|
|
11678
|
+
}();
|
|
11679
|
+
//reminder noitification
|
|
11680
|
+
var fetchReminderData = /*#__PURE__*/function () {
|
|
11681
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
11682
|
+
var result;
|
|
11683
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
11684
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
11685
|
+
case 0:
|
|
11686
|
+
_context2.next = 2;
|
|
11687
|
+
return ReminderData();
|
|
11688
|
+
case 2:
|
|
11689
|
+
result = _context2.sent;
|
|
11690
|
+
setReminderData(result);
|
|
11691
|
+
case 4:
|
|
11692
|
+
case "end":
|
|
11693
|
+
return _context2.stop();
|
|
11694
|
+
}
|
|
11695
|
+
}, _callee2);
|
|
11696
|
+
}));
|
|
11697
|
+
return function fetchReminderData() {
|
|
11698
|
+
return _ref2.apply(this, arguments);
|
|
11699
|
+
};
|
|
11700
|
+
}();
|
|
11701
|
+
//route API calling...
|
|
11702
|
+
var _useApiHook = useApiHook({
|
|
11703
|
+
endpoint: "route/" + routeId,
|
|
11704
|
+
method: 'GET',
|
|
11705
|
+
performAction: false
|
|
11706
|
+
}),
|
|
11707
|
+
fetchedData = _useApiHook.data,
|
|
11708
|
+
setShouldPerformAction = _useApiHook.setShouldPerformAction;
|
|
11709
|
+
useEffect(function () {
|
|
11710
|
+
if (OrderData.id) {
|
|
11711
|
+
fetchTaskData();
|
|
11712
|
+
fetchReminderData();
|
|
11713
|
+
}
|
|
11714
|
+
}, [OrderData.id]);
|
|
11715
|
+
useEffect(function () {
|
|
11716
|
+
if (routeId) {
|
|
11717
|
+
setShouldPerformAction(true);
|
|
11718
|
+
setRouteData(fetchedData == null ? void 0 : fetchedData.data[0]);
|
|
11719
|
+
}
|
|
11720
|
+
});
|
|
11721
|
+
useEffect(function () {
|
|
11722
|
+
if ((notificationData == null ? void 0 : notificationData.length) > 0) {
|
|
11723
|
+
setActiveNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11724
|
+
return item.task_status_id !== 2;
|
|
11725
|
+
}));
|
|
11726
|
+
setCloseNotifications(notificationData == null ? void 0 : notificationData.filter(function (item) {
|
|
11727
|
+
return (item == null ? void 0 : item.task_status_id) === 2;
|
|
11728
|
+
}));
|
|
11729
|
+
}
|
|
11730
|
+
}, [notificationData]);
|
|
11731
|
+
useEffect(function () {
|
|
11732
|
+
if ((reminderData == null ? void 0 : reminderData.length) > 0) {
|
|
11733
|
+
setActiveReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11734
|
+
return item.status_id === 1 || item.status_id === 3;
|
|
11735
|
+
}));
|
|
11736
|
+
setCloseReminders(reminderData == null ? void 0 : reminderData.filter(function (item) {
|
|
11737
|
+
return (item == null ? void 0 : item.status_id) === 2;
|
|
11738
|
+
}));
|
|
11739
|
+
}
|
|
11740
|
+
}, [reminderData]);
|
|
11741
|
+
//dismiss notifcations
|
|
11742
|
+
var dismissFlags = function dismissFlags(id) {
|
|
11743
|
+
setActiveNotifications(function (prevFlags) {
|
|
11744
|
+
return prevFlags.filter(function (flags) {
|
|
11745
|
+
return flags.id !== id;
|
|
11746
|
+
});
|
|
11747
|
+
});
|
|
11748
|
+
setCloseNotifications(function (prevFlags) {
|
|
11749
|
+
return prevFlags.filter(function (flags) {
|
|
11750
|
+
return flags.id !== id;
|
|
11751
|
+
});
|
|
11752
|
+
});
|
|
11753
|
+
};
|
|
11754
|
+
var dismissReminder = function dismissReminder(id) {
|
|
11755
|
+
setActiveReminders(function (prevReminders) {
|
|
11756
|
+
return prevReminders.filter(function (reminder) {
|
|
11757
|
+
return reminder.id !== id;
|
|
11758
|
+
});
|
|
11759
|
+
});
|
|
11760
|
+
setCloseReminders(function (prevReminders) {
|
|
11761
|
+
return prevReminders.filter(function (reminder) {
|
|
11762
|
+
return reminder.id !== id;
|
|
11763
|
+
});
|
|
11764
|
+
});
|
|
11765
|
+
};
|
|
11766
|
+
var totalActiveCount = activeNotifications.length + activeReminders.length + orderCount;
|
|
11767
|
+
var totalClosedCount = closedNotifications.length + closedReminders.length;
|
|
11768
|
+
return React.createElement(React.Fragment, null, React.createElement(Section$1, null, React.createElement(Container$1b, {
|
|
11769
|
+
className: "notification-header"
|
|
11770
|
+
}, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$h, {
|
|
11771
|
+
label: "NOTIFICATIONS"
|
|
11772
|
+
}), React.createElement(TabsData, {
|
|
11773
|
+
className: "tab-buttons"
|
|
11774
|
+
}, React.createElement(StyledTab, {
|
|
11775
|
+
active: activeTab === 'active',
|
|
11776
|
+
onClick: function onClick() {
|
|
11777
|
+
return handleTabChange('active');
|
|
11778
|
+
}
|
|
11779
|
+
}, "Active", React.createElement(ActiveCount, null, totalActiveCount)), React.createElement(StyledTab, {
|
|
11780
|
+
active: activeTab === 'closed',
|
|
11781
|
+
onClick: function onClick() {
|
|
11782
|
+
return handleTabChange('closed');
|
|
11783
|
+
}
|
|
11784
|
+
}, "Closed", React.createElement(ClosedCount, null, totalClosedCount)))), flagLoading ? React.createElement(Loader$1, null, React.createElement(Spinner$1, null), React.createElement(Text$9, null, "Fetching Notifications...")) : notificationData.length > 0 || reminderData.length > 0 || OrderData ? React.createElement(TabsWrapper, null, React.createElement(Tabs, {
|
|
11785
|
+
activeNotifications: activeNotifications,
|
|
11786
|
+
closedNotifications: closedNotifications,
|
|
11787
|
+
activeReminders: activeReminders,
|
|
11788
|
+
closedReminders: closedReminders,
|
|
11789
|
+
dismissReminder: dismissReminder,
|
|
11790
|
+
dismissFlags: dismissFlags
|
|
11791
|
+
})) : 'No Notifications Found'));
|
|
11792
|
+
}
|
|
11793
|
+
var Container$1b = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
11794
|
+
var Loader$1 = /*#__PURE__*/styled.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"])));
|
|
11795
|
+
var Spinner$1 = /*#__PURE__*/styled.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"])));
|
|
11796
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
11797
|
+
var TabsData = /*#__PURE__*/styled.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
11798
|
+
var ActiveCount = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
11799
|
+
var ClosedCount = /*#__PURE__*/styled.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
11800
|
+
var StyledTab = /*#__PURE__*/styled.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) {
|
|
11801
|
+
return props.active ? '#3a3630' : '#AEA9A1';
|
|
11802
|
+
}, function (props) {
|
|
11803
|
+
return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
|
|
11804
|
+
});
|
|
11805
|
+
var Section$1 = /*#__PURE__*/styled.div(_templateObject9$5 || (_templateObject9$5 = /*#__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"])));
|
|
11806
|
+
var Label$h = /*#__PURE__*/styled(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"])));
|
|
11807
|
+
var TabsWrapper = /*#__PURE__*/styled.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"])));
|
|
11808
|
+
var Text$9 = /*#__PURE__*/styled.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--tonal-brown-651, #6a7378);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
11430
11809
|
|
|
11431
|
-
var _templateObject$
|
|
11810
|
+
var _templateObject$2b, _templateObject2$1C, _templateObject3$V, _templateObject4$v;
|
|
11432
11811
|
function OrderView() {
|
|
11433
11812
|
notification.config({
|
|
11434
11813
|
top: 150
|
|
@@ -11739,15 +12118,15 @@ function OrderView() {
|
|
|
11739
12118
|
};
|
|
11740
12119
|
}, [gsitId]);
|
|
11741
12120
|
console.log(orderId, 'orderId');
|
|
11742
|
-
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
12121
|
+
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(Notification, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
11743
12122
|
}
|
|
11744
|
-
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$
|
|
11745
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11746
|
-
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$
|
|
11747
|
-
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$
|
|
12123
|
+
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
12124
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
12125
|
+
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12126
|
+
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
11748
12127
|
|
|
11749
|
-
var _templateObject2$
|
|
11750
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
12128
|
+
var _templateObject2$1D;
|
|
12129
|
+
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1D || (_templateObject2$1D = /*#__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"])));
|
|
11751
12130
|
|
|
11752
12131
|
var initialState$3 = {
|
|
11753
12132
|
'x-filters': [],
|
|
@@ -11813,7 +12192,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11813
12192
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11814
12193
|
});
|
|
11815
12194
|
|
|
11816
|
-
var _templateObject$
|
|
12195
|
+
var _templateObject$2c, _templateObject2$1E, _templateObject3$W;
|
|
11817
12196
|
var SearchType = function SearchType() {
|
|
11818
12197
|
var _useState = useState(''),
|
|
11819
12198
|
searchText = _useState[0],
|
|
@@ -11859,9 +12238,9 @@ var SearchType = function SearchType() {
|
|
|
11859
12238
|
onClick: handleClear
|
|
11860
12239
|
}, React.createElement(CrossIcon, null)));
|
|
11861
12240
|
};
|
|
11862
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
11863
|
-
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
11864
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$
|
|
12241
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__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"])));
|
|
12242
|
+
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1E || (_templateObject2$1E = /*#__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"])));
|
|
12243
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$W || (_templateObject3$W = /*#__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"])));
|
|
11865
12244
|
|
|
11866
12245
|
var BulkFilter = function BulkFilter() {
|
|
11867
12246
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -12159,7 +12538,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
12159
12538
|
})))));
|
|
12160
12539
|
};
|
|
12161
12540
|
|
|
12162
|
-
var _templateObject$
|
|
12541
|
+
var _templateObject$2d, _templateObject2$1F, _templateObject3$X;
|
|
12163
12542
|
var _excluded$6 = ["count"];
|
|
12164
12543
|
function ReturnMainTable() {
|
|
12165
12544
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -12232,7 +12611,7 @@ function ReturnMainTable() {
|
|
|
12232
12611
|
className: " " + (isScrolled ? 'stickyTableHead' : '')
|
|
12233
12612
|
}, React.createElement("div", {
|
|
12234
12613
|
className: "Tableconatiner"
|
|
12235
|
-
}, React.createElement(HeaderFilter, null), React.createElement(Container$
|
|
12614
|
+
}, React.createElement(HeaderFilter, null), React.createElement(Container$1c, null, React.createElement(Row$7, null, React.createElement(Text, null, "Client Return"), customerId ? React.createElement(ReturnFilter, null) : React.createElement(Filters, null)), React.createElement(ReturnTable$1, null)), total > 0 && React.createElement(Pagination, {
|
|
12236
12615
|
currentPage: page,
|
|
12237
12616
|
totalItems: total,
|
|
12238
12617
|
itemsPerPage: itemsPerPage,
|
|
@@ -12240,9 +12619,9 @@ function ReturnMainTable() {
|
|
|
12240
12619
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
12241
12620
|
}))));
|
|
12242
12621
|
}
|
|
12243
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
12244
|
-
var Container$
|
|
12245
|
-
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$
|
|
12622
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12623
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
12624
|
+
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$X || (_templateObject3$X = /*#__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"])));
|
|
12246
12625
|
|
|
12247
12626
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
12248
12627
|
var _useSearchParams = useSearchParams(),
|