@bjsdistribution/dms-client-return 0.1.37-prod → 0.1.38-prod
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dms-client-return.cjs.development.js +590 -733
- 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 +592 -735
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/client-portal/DateFilterStore.ts +1 -1
- package/src/components/client-portal/ReturnStatus.tsx +11 -12
- package/src/components/order-daily-overview/header-filters/HeaderFilter.tsx +3 -2
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.tsx +53 -4
- package/src/index.tsx +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useState, useEffect,
|
|
1
|
+
import React, { useState, useEffect, useRef, useMemo, Suspense } from 'react';
|
|
2
2
|
import { useSearchParams, useNavigate, useParams, NavLink, useLocation, Routes, Route, Navigate } from 'react-router-dom';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { Select, Spin, notification, Skeleton, Empty, DatePicker, Tooltip, Input as Input$3, Dropdown, Space } from 'antd';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { format, isValid, parseISO } from 'date-fns';
|
|
7
7
|
import { atomWithReducer } from 'jotai/utils';
|
|
8
|
-
import { useAxios,
|
|
8
|
+
import { useAxios, ExportButton, useApiHook, Checkbox, AntTable, Alert, AntModal, DocumentTitle, Label as Label$j, Input as Input$2, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, dropdownStyles, SelectDropdown, RadioButtonGroup as RadioButtonGroup$1, Switch, formatUtcToLocal, Button, PrivateIcon, CrossIcon, SectionHeader, AntSelect, CancelationModal, CancelAndCompleteAction, BackgroundModal as BackgroundModal$1, CalendarIcon, FlagAlert, WarningIcon, getBaseEndpoint, ViewIcon, SearchIcon as SearchIcon$1 } from '@bjsdistribution/dms-component-library';
|
|
9
9
|
import dayjs from 'dayjs';
|
|
10
10
|
import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@tanstack/react-table';
|
|
11
11
|
import Scrollbars from 'react-custom-scrollbars-2';
|
|
@@ -564,10 +564,6 @@ var isClientLoading = /*#__PURE__*/atom(true);
|
|
|
564
564
|
function useClientLoading() {
|
|
565
565
|
return useAtom(isClientLoading);
|
|
566
566
|
}
|
|
567
|
-
var activeCardIdAtom = /*#__PURE__*/atom(1);
|
|
568
|
-
var useActiveCardId = function useActiveCardId() {
|
|
569
|
-
return useAtom(activeCardIdAtom);
|
|
570
|
-
};
|
|
571
567
|
|
|
572
568
|
// let todayDate = new Date();
|
|
573
569
|
var initialState = {
|
|
@@ -1515,8 +1511,74 @@ function SelectionFilter() {
|
|
|
1515
1511
|
}
|
|
1516
1512
|
var StyledAntSelect = /*#__PURE__*/styled(Select)(_templateObject || (_templateObject = /*#__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"])));
|
|
1517
1513
|
|
|
1514
|
+
// import ReturnStatus from '../../client-portal/ReturnStatus';
|
|
1515
|
+
function HeaderFilter() {
|
|
1516
|
+
var _useClientPortal = useClientPortal(),
|
|
1517
|
+
clientPortal = _useClientPortal[0];
|
|
1518
|
+
return React.createElement(React.Fragment, null, clientPortal ?
|
|
1519
|
+
// <ReturnStatus />
|
|
1520
|
+
React.createElement(React.Fragment, null) : React.createElement(React.Fragment, null, React.createElement(CoverPage, null, React.createElement(SelectionFilter, null))));
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
var _templateObject$1, _templateObject4, _templateObject5$1, _templateObject7$1, _templateObject8$1;
|
|
1524
|
+
//Left side
|
|
1525
|
+
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n"])));
|
|
1526
|
+
//
|
|
1527
|
+
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
1528
|
+
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
1529
|
+
var Text = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n"])));
|
|
1530
|
+
// Right side filter
|
|
1531
|
+
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
1532
|
+
|
|
1533
|
+
var _templateObject$2, _templateObject2;
|
|
1534
|
+
// import { FilterIconConatiner } from '../../filters/FilterStyle';
|
|
1535
|
+
var RightFilters = function RightFilters() {
|
|
1536
|
+
var _useAtom = useAtom(countReducerAtom),
|
|
1537
|
+
dispatch = _useAtom[1];
|
|
1538
|
+
var _useSelectedOrders = useSelectedOrders(),
|
|
1539
|
+
selectedReturnOrder = _useSelectedOrders[0];
|
|
1540
|
+
var _useReturnData = useReturnData(),
|
|
1541
|
+
returnData = _useReturnData[0];
|
|
1542
|
+
var _useAtom2 = useAtom(filtersReducerAtom),
|
|
1543
|
+
state = _useAtom2[0];
|
|
1544
|
+
var filters = state['x-filters'];
|
|
1545
|
+
var moduleInfo = {
|
|
1546
|
+
isExportedData: (returnData == null ? void 0 : returnData.length) <= 0 ? false : true,
|
|
1547
|
+
moduleName: 'return',
|
|
1548
|
+
filter: filters,
|
|
1549
|
+
file_type: 'csv',
|
|
1550
|
+
apiUrlEndPoint: "v1/return/product/pending/",
|
|
1551
|
+
reference: 'return_export',
|
|
1552
|
+
feature_name: 'return'
|
|
1553
|
+
};
|
|
1554
|
+
return React.createElement(Container, null, React.createElement(ButtonText, {
|
|
1555
|
+
onClick: function onClick() {
|
|
1556
|
+
return dispatch({
|
|
1557
|
+
type: 'create-return'
|
|
1558
|
+
});
|
|
1559
|
+
},
|
|
1560
|
+
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
1561
|
+
}, "Create Return"), React.createElement(ExportButton, {
|
|
1562
|
+
moduleInfoModule: moduleInfo
|
|
1563
|
+
}));
|
|
1564
|
+
};
|
|
1565
|
+
var Container = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
1566
|
+
// const Mid = styled.div`
|
|
1567
|
+
// display: flex;
|
|
1568
|
+
// padding: 4px 10px;
|
|
1569
|
+
// align-items: center;
|
|
1570
|
+
// gap: 8px;
|
|
1571
|
+
// align-self: stretch;
|
|
1572
|
+
// border-radius: 15px 0px 0px 15px;
|
|
1573
|
+
// `;
|
|
1574
|
+
var ButtonText = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 15px;\n background: #3a3630;\n font-family: 'Lato';\n cursor: pointer;\n border: none;\n\n &:disabled {\n border-radius: 15px;\n background: rgba(136, 128, 117, 0.35);\n color: #888075;\n cursor: not-allowed;\n }\n"])));
|
|
1575
|
+
|
|
1518
1576
|
var initialState$2 = {
|
|
1519
|
-
'x-filters': [
|
|
1577
|
+
'x-filters': [{
|
|
1578
|
+
field: 'order_status',
|
|
1579
|
+
op: '=',
|
|
1580
|
+
value: 'complete'
|
|
1581
|
+
}],
|
|
1520
1582
|
'x-pagination': {
|
|
1521
1583
|
page: 1,
|
|
1522
1584
|
per_page: 50
|
|
@@ -1652,247 +1714,7 @@ var dateFilterCPReducer = /*#__PURE__*/atom(function (get) {
|
|
|
1652
1714
|
return set(overviewfiltersStateAtom, overviewFilterReducer(get(overviewfiltersStateAtom), action));
|
|
1653
1715
|
});
|
|
1654
1716
|
|
|
1655
|
-
var _templateObject$1,
|
|
1656
|
-
var ReturnStatus = function ReturnStatus() {
|
|
1657
|
-
var _useActiveCardId = useActiveCardId(),
|
|
1658
|
-
activeCardId = _useActiveCardId[0],
|
|
1659
|
-
setActiveCardId = _useActiveCardId[1];
|
|
1660
|
-
var _useAtom = useAtom(dateFilterCPReducer),
|
|
1661
|
-
state = _useAtom[0],
|
|
1662
|
-
dispatch = _useAtom[1];
|
|
1663
|
-
var filters = state['x-filters'];
|
|
1664
|
-
var _useParams = useParams(),
|
|
1665
|
-
status = _useParams.status;
|
|
1666
|
-
var navigate = useNavigate();
|
|
1667
|
-
var _useStatsCPCount = useStatsCPCount(),
|
|
1668
|
-
count = _useStatsCPCount[0],
|
|
1669
|
-
setCount = _useStatsCPCount[1];
|
|
1670
|
-
var _useClientPortal = useClientPortal(),
|
|
1671
|
-
clientPortal = _useClientPortal[0];
|
|
1672
|
-
var _useSearchText = useSearchText(),
|
|
1673
|
-
debouncedSearchText = _useSearchText[0],
|
|
1674
|
-
setOutstandingSearch = _useSearchText[1];
|
|
1675
|
-
var cleanedFilters = filters.filter(function (f) {
|
|
1676
|
-
return f.field !== 'order_status';
|
|
1677
|
-
});
|
|
1678
|
-
var _useStartDate = useStartDate(),
|
|
1679
|
-
startDate = _useStartDate[0],
|
|
1680
|
-
setStartDate = _useStartDate[1];
|
|
1681
|
-
var _useEndDate = useEndDate(),
|
|
1682
|
-
endDate = _useEndDate[0],
|
|
1683
|
-
setEndDate = _useEndDate[1];
|
|
1684
|
-
var _useState = useState(null),
|
|
1685
|
-
previousStatus = _useState[0],
|
|
1686
|
-
setPreviousStatus = _useState[1];
|
|
1687
|
-
var _useSearchAfterText = useSearchAfterText(),
|
|
1688
|
-
debouncedSearchAfterText = _useSearchAfterText[0],
|
|
1689
|
-
setDebouncedSearchText = _useSearchAfterText[1];
|
|
1690
|
-
var _useAxios = useAxios({
|
|
1691
|
-
endpoint: "v1/portal/return/stats/",
|
|
1692
|
-
method: 'GET',
|
|
1693
|
-
//@ts-ignore
|
|
1694
|
-
pagination: {
|
|
1695
|
-
is_pagination: false
|
|
1696
|
-
},
|
|
1697
|
-
filters: cleanedFilters
|
|
1698
|
-
}),
|
|
1699
|
-
statsData = _useAxios.data,
|
|
1700
|
-
fetchData = _useAxios.fetchData;
|
|
1701
|
-
useEffect(function () {
|
|
1702
|
-
if (clientPortal && debouncedSearchText === '' && status == 'outstanding_return') {
|
|
1703
|
-
fetchData();
|
|
1704
|
-
}
|
|
1705
|
-
}, [debouncedSearchText, debouncedSearchAfterText, JSON.stringify(filters)]);
|
|
1706
|
-
useEffect(function () {
|
|
1707
|
-
if (clientPortal && debouncedSearchAfterText === '' && status == 'scheduled_for_return' || status == 'return_completed') {
|
|
1708
|
-
fetchData();
|
|
1709
|
-
}
|
|
1710
|
-
}, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);
|
|
1711
|
-
useEffect(function () {
|
|
1712
|
-
if (statsData != null && statsData.data && typeof (statsData == null ? void 0 : statsData.data) === 'object') {
|
|
1713
|
-
setCount(statsData == null ? void 0 : statsData.data);
|
|
1714
|
-
}
|
|
1715
|
-
}, [statsData]);
|
|
1716
|
-
var returnCounts = useMemo(function () {
|
|
1717
|
-
return [{
|
|
1718
|
-
id: 1,
|
|
1719
|
-
icon: 'outstanding_return',
|
|
1720
|
-
status: 'outstanding_return',
|
|
1721
|
-
count: count == null ? void 0 : count.outstanding_count,
|
|
1722
|
-
label: 'Outstanding Return'
|
|
1723
|
-
},
|
|
1724
|
-
// {
|
|
1725
|
-
// id: 2,
|
|
1726
|
-
// icon: 'scheduled_for_return',
|
|
1727
|
-
// status: 'scheduled_for_return',
|
|
1728
|
-
// count: count?.scheduled_count,
|
|
1729
|
-
// label: 'Scheduled For Return',
|
|
1730
|
-
// },
|
|
1731
|
-
{
|
|
1732
|
-
id: 2,
|
|
1733
|
-
icon: 'return_completed',
|
|
1734
|
-
status: 'return_completed',
|
|
1735
|
-
count: count == null ? void 0 : count.completed_count,
|
|
1736
|
-
label: 'Return Completed'
|
|
1737
|
-
}];
|
|
1738
|
-
}, [count]);
|
|
1739
|
-
//handling status change
|
|
1740
|
-
var handleCardClick = function handleCardClick(item) {
|
|
1741
|
-
if (activeCardId === (item == null ? void 0 : item.id)) {
|
|
1742
|
-
return;
|
|
1743
|
-
}
|
|
1744
|
-
var newStatus = item == null ? void 0 : item.status;
|
|
1745
|
-
if (previousStatus === 'return_completed' && newStatus !== 'return_completed') {
|
|
1746
|
-
dispatch({
|
|
1747
|
-
type: 'CLEAR_CP_DATE_FILTER'
|
|
1748
|
-
});
|
|
1749
|
-
setStartDate(null);
|
|
1750
|
-
setEndDate(null);
|
|
1751
|
-
}
|
|
1752
|
-
setPreviousStatus(newStatus);
|
|
1753
|
-
setActiveCardId(item == null ? void 0 : item.id);
|
|
1754
|
-
//for dev
|
|
1755
|
-
navigate("/return/" + (item == null ? void 0 : item.status));
|
|
1756
|
-
//for local
|
|
1757
|
-
//navigate(`/${item?.status}`);
|
|
1758
|
-
setOutstandingSearch('');
|
|
1759
|
-
setDebouncedSearchText('');
|
|
1760
|
-
var formattedStart = startDate == null ? void 0 : startDate.format('YYYY-MM-DD');
|
|
1761
|
-
var formattedEnd = endDate ? endDate == null ? void 0 : endDate.format('YYYY-MM-DD') : null;
|
|
1762
|
-
if (newStatus === 'scheduled_for_return') {
|
|
1763
|
-
dispatch({
|
|
1764
|
-
type: 'SET_SCHEDULED_RETURN_FILTER',
|
|
1765
|
-
payload: 'awaiting confirmation,awaiting route,routed,confirmed,on hold,subcontracted'
|
|
1766
|
-
});
|
|
1767
|
-
}
|
|
1768
|
-
if (newStatus === 'return_completed') {
|
|
1769
|
-
dispatch({
|
|
1770
|
-
type: 'SET_RETURN_COMPLETED_FILTER',
|
|
1771
|
-
payload: 'complete'
|
|
1772
|
-
});
|
|
1773
|
-
var today = dayjs().format('YYYY-MM-DD');
|
|
1774
|
-
var oneWeekAgo = dayjs().subtract(7, 'day').format('YYYY-MM-DD');
|
|
1775
|
-
formattedStart = oneWeekAgo;
|
|
1776
|
-
formattedEnd = today;
|
|
1777
|
-
setStartDate(dayjs().subtract(7, 'day'));
|
|
1778
|
-
setEndDate(dayjs());
|
|
1779
|
-
dispatch({
|
|
1780
|
-
type: 'CLEAR_CP_DATE_FILTER'
|
|
1781
|
-
});
|
|
1782
|
-
dispatch({
|
|
1783
|
-
type: 'SET_CP_DATE_FILTER',
|
|
1784
|
-
payload: {
|
|
1785
|
-
startDate: formattedStart,
|
|
1786
|
-
endDate: formattedEnd,
|
|
1787
|
-
status: newStatus
|
|
1788
|
-
}
|
|
1789
|
-
});
|
|
1790
|
-
dispatch({
|
|
1791
|
-
type: 'SET_PAGE',
|
|
1792
|
-
payload: 1
|
|
1793
|
-
});
|
|
1794
|
-
}
|
|
1795
|
-
};
|
|
1796
|
-
useEffect(function () {
|
|
1797
|
-
var matchedItem = returnCounts.find(function (item) {
|
|
1798
|
-
return (item == null ? void 0 : item.status) === status;
|
|
1799
|
-
});
|
|
1800
|
-
if (!matchedItem) return;
|
|
1801
|
-
setActiveCardId(matchedItem.id);
|
|
1802
|
-
if (status == 'scheduled_for_return') {
|
|
1803
|
-
dispatch({
|
|
1804
|
-
type: 'SET_SCHEDULED_RETURN_FILTER',
|
|
1805
|
-
payload: 'awaiting confirmation,awaiting route,routed,confirmed,on hold,subcontracted'
|
|
1806
|
-
});
|
|
1807
|
-
}
|
|
1808
|
-
if (status == 'return_completed') {
|
|
1809
|
-
dispatch({
|
|
1810
|
-
type: 'SET_RETURN_COMPLETED_FILTER',
|
|
1811
|
-
payload: 'complete'
|
|
1812
|
-
});
|
|
1813
|
-
}
|
|
1814
|
-
dispatch({
|
|
1815
|
-
type: 'SET_PAGE',
|
|
1816
|
-
payload: 1
|
|
1817
|
-
});
|
|
1818
|
-
}, []);
|
|
1819
|
-
return React.createElement("div", null, ' ', React.createElement(OrderStatusWrapper, null, React.createElement(StyledListCover, {
|
|
1820
|
-
className: "listAlignment styleCovered"
|
|
1821
|
-
}, returnCounts == null ? void 0 : returnCounts.map(function (item) {
|
|
1822
|
-
return React.createElement(CountItem, {
|
|
1823
|
-
key: item.id,
|
|
1824
|
-
countDetails: item,
|
|
1825
|
-
//@ts-ignore
|
|
1826
|
-
isActive: item.id === activeCardId,
|
|
1827
|
-
onClick: function onClick() {
|
|
1828
|
-
return handleCardClick(item);
|
|
1829
|
-
}
|
|
1830
|
-
});
|
|
1831
|
-
}))));
|
|
1832
|
-
};
|
|
1833
|
-
var OrderStatusWrapper = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 30px;\n @media ", " {\n padding: 0 0px;\n }\n"])), device.smallScreen);
|
|
1834
|
-
var StyledListCover = /*#__PURE__*/styled.ul(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n display: flex;\n gap: 25px;\n /* aligns-items: center; */\n margin-top: -40px;\n padding: 0 20px;\n flex-wrap: wrap;\n"])));
|
|
1835
|
-
|
|
1836
|
-
function HeaderFilter() {
|
|
1837
|
-
var _useClientPortal = useClientPortal(),
|
|
1838
|
-
clientPortal = _useClientPortal[0];
|
|
1839
|
-
return React.createElement(React.Fragment, null, clientPortal ? React.createElement(ReturnStatus, null) : React.createElement(React.Fragment, null, React.createElement(CoverPage, null, React.createElement(SelectionFilter, null))));
|
|
1840
|
-
}
|
|
1841
|
-
|
|
1842
|
-
var _templateObject$2, _templateObject4, _templateObject5$1, _templateObject7$1, _templateObject8$1;
|
|
1843
|
-
//Left side
|
|
1844
|
-
var LeftSideConatiner = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n"])));
|
|
1845
|
-
//
|
|
1846
|
-
var StyledFiter = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
1847
|
-
var StyledFIlterELements = /*#__PURE__*/styled.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
1848
|
-
var Text = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n"])));
|
|
1849
|
-
// Right side filter
|
|
1850
|
-
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
1851
|
-
|
|
1852
|
-
var _templateObject$3, _templateObject2$1;
|
|
1853
|
-
// import { FilterIconConatiner } from '../../filters/FilterStyle';
|
|
1854
|
-
var RightFilters = function RightFilters() {
|
|
1855
|
-
var _useAtom = useAtom(countReducerAtom),
|
|
1856
|
-
dispatch = _useAtom[1];
|
|
1857
|
-
var _useSelectedOrders = useSelectedOrders(),
|
|
1858
|
-
selectedReturnOrder = _useSelectedOrders[0];
|
|
1859
|
-
var _useReturnData = useReturnData(),
|
|
1860
|
-
returnData = _useReturnData[0];
|
|
1861
|
-
var _useAtom2 = useAtom(filtersReducerAtom),
|
|
1862
|
-
state = _useAtom2[0];
|
|
1863
|
-
var filters = state['x-filters'];
|
|
1864
|
-
var moduleInfo = {
|
|
1865
|
-
isExportedData: (returnData == null ? void 0 : returnData.length) <= 0 ? false : true,
|
|
1866
|
-
moduleName: 'return',
|
|
1867
|
-
filter: filters,
|
|
1868
|
-
file_type: 'csv',
|
|
1869
|
-
apiUrlEndPoint: "v1/return/product/pending/",
|
|
1870
|
-
reference: 'return_export',
|
|
1871
|
-
feature_name: 'return'
|
|
1872
|
-
};
|
|
1873
|
-
return React.createElement(Container, null, React.createElement(ButtonText, {
|
|
1874
|
-
onClick: function onClick() {
|
|
1875
|
-
return dispatch({
|
|
1876
|
-
type: 'create-return'
|
|
1877
|
-
});
|
|
1878
|
-
},
|
|
1879
|
-
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
1880
|
-
}, "Create Return"), React.createElement(ExportButton, {
|
|
1881
|
-
moduleInfoModule: moduleInfo
|
|
1882
|
-
}));
|
|
1883
|
-
};
|
|
1884
|
-
var Container = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
1885
|
-
// const Mid = styled.div`
|
|
1886
|
-
// display: flex;
|
|
1887
|
-
// padding: 4px 10px;
|
|
1888
|
-
// align-items: center;
|
|
1889
|
-
// gap: 8px;
|
|
1890
|
-
// align-self: stretch;
|
|
1891
|
-
// border-radius: 15px 0px 0px 15px;
|
|
1892
|
-
// `;
|
|
1893
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n\n display: flex;\n padding: 7px 12px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 15px;\n background: #3a3630;\n font-family: 'Lato';\n cursor: pointer;\n border: none;\n\n &:disabled {\n border-radius: 15px;\n background: rgba(136, 128, 117, 0.35);\n color: #888075;\n cursor: not-allowed;\n }\n"])));
|
|
1894
|
-
|
|
1895
|
-
var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4$1;
|
|
1717
|
+
var _templateObject$3, _templateObject2$1, _templateObject3$1, _templateObject4$1;
|
|
1896
1718
|
var ReturnRTFilters = function ReturnRTFilters() {
|
|
1897
1719
|
var _useClientOutstanding = useClientOutstandingReturnData(),
|
|
1898
1720
|
outstandingReturnData = _useClientOutstanding[0];
|
|
@@ -2091,8 +1913,8 @@ var ReturnRTFilters = function ReturnRTFilters() {
|
|
|
2091
1913
|
}
|
|
2092
1914
|
}, React.createElement(Text$1, null, "Export Manifest")));
|
|
2093
1915
|
};
|
|
2094
|
-
var Text$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
2095
|
-
var StyledBulkFilterCover = /*#__PURE__*/styled.div(_templateObject2$
|
|
1916
|
+
var Text$1 = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n"])));
|
|
1917
|
+
var StyledBulkFilterCover = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 100px;\n border: 1px solid rgba(208, 213, 221, 0.5);\n background: #fff;\n display: flex;\n min-height: 40px;\n // gap: 8px;\n"])));
|
|
2096
1918
|
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 6px 12px;\n display: flex;\n align-items: center;\n border-right: 1px solid #d0d5dd;\n gap: 8px;\n position: relative;\n a {\n text-decoration: none;\n }\n &.disabled {\n /* opacity: 0.5; */\n width: 150px;\n cursor: default;\n a {\n cursor: default;\n\n label {\n cursor: default;\n }\n }\n }\n &:hover:not(:disabled) {\n background: #f0f0f0;\n cursor: pointer;\n }\n\n @media screen and (max-width: 1030px) {\n padding: 6px 4px;\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: #3a3630;\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"])));
|
|
2097
1919
|
var ExportCSVButton = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #fff;\n min-height: 40px;\n padding: 8px 12px;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n border-radius: ", ";\n border-right: ", ";\n .label {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n"])), function (props) {
|
|
2098
1920
|
return (props == null ? void 0 : props.type) === 'left' ? '50px 0px 0px 50px' : (props == null ? void 0 : props.type) === 'right' ? ' 0px 50px 50px 0px' : '';
|
|
@@ -2107,6 +1929,19 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
2107
1929
|
clientPortal = _useClientPortal[0];
|
|
2108
1930
|
var _useParams = useParams(),
|
|
2109
1931
|
status = _useParams.status;
|
|
1932
|
+
var _useStatsCPCount = useStatsCPCount(),
|
|
1933
|
+
count = _useStatsCPCount[0],
|
|
1934
|
+
setCount = _useStatsCPCount[1];
|
|
1935
|
+
var _useSearchAfterText = useSearchAfterText(),
|
|
1936
|
+
debouncedSearchAfterText = _useSearchAfterText[0];
|
|
1937
|
+
var _useSearchText = useSearchText(),
|
|
1938
|
+
debouncedSearchText = _useSearchText[0];
|
|
1939
|
+
var _useAtom = useAtom(dateFilterCPReducer),
|
|
1940
|
+
state = _useAtom[0];
|
|
1941
|
+
var filters = state['x-filters'];
|
|
1942
|
+
var cleanedFilters = filters.filter(function (f) {
|
|
1943
|
+
return f.field !== 'order_status';
|
|
1944
|
+
});
|
|
2110
1945
|
var queryParams = new URLSearchParams(location.search);
|
|
2111
1946
|
var customerId = queryParams.get('customerId');
|
|
2112
1947
|
var selectedCustomer = customers == null ? void 0 : customers.find(function (customer) {
|
|
@@ -2122,14 +1957,36 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
2122
1957
|
case 'scheduled_for_return':
|
|
2123
1958
|
return 'All Scheduled Orders';
|
|
2124
1959
|
case 'return_completed':
|
|
2125
|
-
return 'View Return Order';
|
|
1960
|
+
// return 'View Return Order';
|
|
1961
|
+
return 'Completed Return';
|
|
2126
1962
|
default:
|
|
2127
1963
|
return status.replace(/_/g, ' ').replace(/\b\w/g, function (_char) {
|
|
2128
1964
|
return _char.toUpperCase();
|
|
2129
1965
|
});
|
|
2130
1966
|
}
|
|
2131
1967
|
};
|
|
2132
|
-
|
|
1968
|
+
var _useAxios = useAxios({
|
|
1969
|
+
endpoint: "v1/portal/return/stats/",
|
|
1970
|
+
method: 'GET',
|
|
1971
|
+
pagination: {
|
|
1972
|
+
is_pagination: false
|
|
1973
|
+
},
|
|
1974
|
+
filters: cleanedFilters
|
|
1975
|
+
}),
|
|
1976
|
+
statsData = _useAxios.data,
|
|
1977
|
+
statsApiLoading = _useAxios.loading,
|
|
1978
|
+
fetchData = _useAxios.fetchData;
|
|
1979
|
+
useEffect(function () {
|
|
1980
|
+
if (clientPortal && debouncedSearchAfterText === '' && status == 'return_completed') {
|
|
1981
|
+
fetchData();
|
|
1982
|
+
}
|
|
1983
|
+
}, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);
|
|
1984
|
+
useEffect(function () {
|
|
1985
|
+
if (statsData != null && statsData.data && typeof (statsData == null ? void 0 : statsData.data) === 'object') {
|
|
1986
|
+
setCount(statsData == null ? void 0 : statsData.data);
|
|
1987
|
+
}
|
|
1988
|
+
}, [statsApiLoading]);
|
|
1989
|
+
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, !clientPortal ? React.createElement(React.Fragment, null, React.createElement(Text, null, customerName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)) : React.createElement(React.Fragment, null, React.createElement(Text, null, status ? getStatusLabel(status) + " (" + (count == null ? void 0 : count.completed_count) + ")" : ''), React.createElement(ReturnRTFilters, null))));
|
|
2133
1990
|
};
|
|
2134
1991
|
|
|
2135
1992
|
function DownIcon() {
|
|
@@ -2369,7 +2226,7 @@ var optionsForReturnPrint = [{
|
|
|
2369
2226
|
label: 'Print Return Labels'
|
|
2370
2227
|
}];
|
|
2371
2228
|
|
|
2372
|
-
var _templateObject$
|
|
2229
|
+
var _templateObject$4, _templateObject2$2;
|
|
2373
2230
|
var options = optionsForReturnPrint;
|
|
2374
2231
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
2375
2232
|
var legacyURL = _ref.legacyURL,
|
|
@@ -2390,8 +2247,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
2390
2247
|
}, IconComponent && React.createElement(IconComponent, null), " ", item.label);
|
|
2391
2248
|
}));
|
|
2392
2249
|
};
|
|
2393
|
-
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$
|
|
2394
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
2250
|
+
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 26px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
2251
|
+
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n pointer-events: ", ";\n background-color: ", ";\n\n &:last-child {\n border: none;\n }\n"])), function (_ref2) {
|
|
2395
2252
|
var disabled = _ref2.disabled;
|
|
2396
2253
|
return disabled ? 'not-allowed' : 'pointer';
|
|
2397
2254
|
}, function (_ref3) {
|
|
@@ -2405,9 +2262,9 @@ var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$3 || (_templateObjec
|
|
|
2405
2262
|
return disabled ? '#f5f5f5' : 'transparent';
|
|
2406
2263
|
});
|
|
2407
2264
|
|
|
2408
|
-
var _templateObject$
|
|
2409
|
-
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
2410
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
2265
|
+
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
2266
|
+
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
2267
|
+
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n"])));
|
|
2411
2268
|
// Styled components
|
|
2412
2269
|
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\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"])));
|
|
2413
2270
|
var StyledTable = /*#__PURE__*/styled.table(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\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 font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\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 }\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\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\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 }\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"])));
|
|
@@ -2968,7 +2825,7 @@ var sanitizeInput = function sanitizeInput(value) {
|
|
|
2968
2825
|
return value.trim() === '' ? '' : value;
|
|
2969
2826
|
};
|
|
2970
2827
|
|
|
2971
|
-
var _templateObject$
|
|
2828
|
+
var _templateObject$6, _templateObject2$4;
|
|
2972
2829
|
var DefectsModal = function DefectsModal() {
|
|
2973
2830
|
var options = [{
|
|
2974
2831
|
value: 'bjsCouriers',
|
|
@@ -3020,10 +2877,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
3020
2877
|
}
|
|
3021
2878
|
}))));
|
|
3022
2879
|
};
|
|
3023
|
-
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$
|
|
3024
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject2$
|
|
2880
|
+
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
2881
|
+
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3025
2882
|
|
|
3026
|
-
var _templateObject$
|
|
2883
|
+
var _templateObject$7, _templateObject2$5, _templateObject3$3;
|
|
3027
2884
|
var _excluded$2 = ["id"];
|
|
3028
2885
|
var CreateReturnModal = function CreateReturnModal() {
|
|
3029
2886
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -3101,8 +2958,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
3101
2958
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.return_location_name)));
|
|
3102
2959
|
})))));
|
|
3103
2960
|
};
|
|
3104
|
-
var StyledText = /*#__PURE__*/styled.div(_templateObject$
|
|
3105
|
-
var Container$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
2961
|
+
var StyledText = /*#__PURE__*/styled.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
2962
|
+
var Container$1 = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3106
2963
|
var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n align-self: stretch;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
3107
2964
|
|
|
3108
2965
|
var ModalManager = function ModalManager() {
|
|
@@ -3251,9 +3108,9 @@ var ModalManager = function ModalManager() {
|
|
|
3251
3108
|
}));
|
|
3252
3109
|
};
|
|
3253
3110
|
|
|
3254
|
-
var _templateObject$
|
|
3255
|
-
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
3256
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
3111
|
+
var _templateObject$8, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject6, _templateObject7$2;
|
|
3112
|
+
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n"])));
|
|
3113
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
3257
3114
|
var StyledInfoBox = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n"])));
|
|
3258
3115
|
var StyledLabel = /*#__PURE__*/styled.div(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n"])));
|
|
3259
3116
|
var StyledPaginationWrapper = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n"])));
|
|
@@ -3375,7 +3232,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
3375
3232
|
}, React.createElement(NextIcon, null)))));
|
|
3376
3233
|
};
|
|
3377
3234
|
|
|
3378
|
-
var _templateObject$
|
|
3235
|
+
var _templateObject$9, _templateObject2$7;
|
|
3379
3236
|
// import { useLocation } from 'react-router-dom';
|
|
3380
3237
|
var ReturnTable = function ReturnTable() {
|
|
3381
3238
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -3420,10 +3277,10 @@ var ReturnTable = function ReturnTable() {
|
|
|
3420
3277
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
3421
3278
|
})))), React.createElement(ModalManager, null));
|
|
3422
3279
|
};
|
|
3423
|
-
var Container$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
3424
|
-
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject2$
|
|
3280
|
+
var Container$2 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
3281
|
+
var DashBoardWrapper = /*#__PURE__*/styled.section(_templateObject2$7 || (_templateObject2$7 = /*#__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"])));
|
|
3425
3282
|
|
|
3426
|
-
var _templateObject$
|
|
3283
|
+
var _templateObject$a, _templateObject2$8;
|
|
3427
3284
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
3428
3285
|
var legacyProductId = _ref.legacyProductId;
|
|
3429
3286
|
var downloadFiles = function downloadFiles(type) {
|
|
@@ -3452,8 +3309,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
3452
3309
|
}, IconComponent && React.createElement(IconComponent, null), item.label);
|
|
3453
3310
|
}));
|
|
3454
3311
|
};
|
|
3455
|
-
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$
|
|
3456
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
3312
|
+
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid rgba(224, 226, 231, 0.5);\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n width: 177px;\n padding: 5px 1px 3px 1px;\n position: absolute;\n top: 34px;\n right: 0;\n z-index: 99;\n min-width: 194px;\n"])));
|
|
3313
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #f0f2f2;\n padding: 8px 10px;\n display: flex;\n gap: 12px;\n align-items: center;\n font-size: 13px;\n cursor: ", ";\n color: ", ";\n &:last-child {\n border: none;\n }\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref2) {
|
|
3457
3314
|
var disabled = _ref2.disabled;
|
|
3458
3315
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3459
3316
|
}, function (_ref3) {
|
|
@@ -3464,7 +3321,7 @@ var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$9 || (_templateObj
|
|
|
3464
3321
|
return disabled ? 'transparent' : '#f0f0f0';
|
|
3465
3322
|
});
|
|
3466
3323
|
|
|
3467
|
-
var _templateObject$
|
|
3324
|
+
var _templateObject$b;
|
|
3468
3325
|
var OrderTable = function OrderTable() {
|
|
3469
3326
|
// const [, setSelectedReturnOrder] = useSelectedOrders();
|
|
3470
3327
|
// const [selectAll, setSelectAll] = useState(false);
|
|
@@ -3785,7 +3642,7 @@ var OrderTable = function OrderTable() {
|
|
|
3785
3642
|
})))))));
|
|
3786
3643
|
})))));
|
|
3787
3644
|
};
|
|
3788
|
-
var StyledAntSelect$1 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
3645
|
+
var StyledAntSelect$1 = /*#__PURE__*/styled(Select)(_templateObject$b || (_templateObject$b = /*#__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"])));
|
|
3789
3646
|
|
|
3790
3647
|
var initialState$3 = {
|
|
3791
3648
|
'x-filters': [],
|
|
@@ -3989,7 +3846,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
3989
3846
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
3990
3847
|
});
|
|
3991
3848
|
|
|
3992
|
-
var _templateObject$
|
|
3849
|
+
var _templateObject$c;
|
|
3993
3850
|
var TableFilters = function TableFilters() {
|
|
3994
3851
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
3995
3852
|
state = _useAtom[0];
|
|
@@ -4009,7 +3866,7 @@ var TableFilters = function TableFilters() {
|
|
|
4009
3866
|
moduleInfoModule: moduleInfo
|
|
4010
3867
|
}));
|
|
4011
3868
|
};
|
|
4012
|
-
var Container$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
3869
|
+
var Container$3 = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n align-items: center;\n"])));
|
|
4013
3870
|
|
|
4014
3871
|
var FilterIcon = function FilterIcon() {
|
|
4015
3872
|
return React.createElement("svg", {
|
|
@@ -4114,7 +3971,7 @@ var AssigneIcon = function AssigneIcon() {
|
|
|
4114
3971
|
}))));
|
|
4115
3972
|
};
|
|
4116
3973
|
|
|
4117
|
-
var _templateObject$
|
|
3974
|
+
var _templateObject$d, _templateObject2$9;
|
|
4118
3975
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
4119
3976
|
var _fetchedCustomerData$;
|
|
4120
3977
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
@@ -4351,9 +4208,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
4351
4208
|
className: "cross"
|
|
4352
4209
|
})), React.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React.createElement(TableFilters, null)));
|
|
4353
4210
|
};
|
|
4354
|
-
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$
|
|
4211
|
+
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
4355
4212
|
// const DropdownContainer = styled.div``;
|
|
4356
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4213
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled.div(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n"])));
|
|
4357
4214
|
|
|
4358
4215
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
4359
4216
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -4439,7 +4296,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
4439
4296
|
}, React.createElement(NextIcon, null)))));
|
|
4440
4297
|
};
|
|
4441
4298
|
|
|
4442
|
-
var _templateObject$
|
|
4299
|
+
var _templateObject$e, _templateObject2$a;
|
|
4443
4300
|
var _excluded$3 = ["count"];
|
|
4444
4301
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
4445
4302
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -4522,15 +4379,15 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
4522
4379
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
4523
4380
|
})))));
|
|
4524
4381
|
};
|
|
4525
|
-
var Container$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
4526
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
4382
|
+
var Container$4 = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
4383
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$a || (_templateObject2$a = /*#__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"])));
|
|
4527
4384
|
|
|
4528
|
-
var _templateObject$
|
|
4385
|
+
var _templateObject$f, _templateObject2$b;
|
|
4529
4386
|
function Header(props) {
|
|
4530
4387
|
return React.createElement(Container$5, null, React.createElement(Text$2, null, props.label));
|
|
4531
4388
|
}
|
|
4532
|
-
var Text$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
4533
|
-
var Container$5 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4389
|
+
var Text$2 = /*#__PURE__*/styled.span(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: 1px solid #feba30;\n color: #3a3630;\n font-family: 'Roboto', 'sans-serif';\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n width: fit-content;\n text-transform: uppercase;\n"])));
|
|
4390
|
+
var Container$5 = /*#__PURE__*/styled.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
4534
4391
|
|
|
4535
4392
|
function SearchIcon() {
|
|
4536
4393
|
return React.createElement("svg", {
|
|
@@ -4695,7 +4552,7 @@ function useCopyToClipboard() {
|
|
|
4695
4552
|
return copy;
|
|
4696
4553
|
}
|
|
4697
4554
|
|
|
4698
|
-
var _templateObject$
|
|
4555
|
+
var _templateObject$g;
|
|
4699
4556
|
function CopyText(props) {
|
|
4700
4557
|
var copy = useCopyToClipboard();
|
|
4701
4558
|
return React.createElement(IconContainer, {
|
|
@@ -4706,9 +4563,9 @@ function CopyText(props) {
|
|
|
4706
4563
|
fill: "#6396e5"
|
|
4707
4564
|
}));
|
|
4708
4565
|
}
|
|
4709
|
-
var IconContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
4566
|
+
var IconContainer = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
4710
4567
|
|
|
4711
|
-
var _templateObject$
|
|
4568
|
+
var _templateObject$h, _templateObject2$c, _templateObject3$5;
|
|
4712
4569
|
function RecipientName() {
|
|
4713
4570
|
var _orderRecipient$recip;
|
|
4714
4571
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4743,11 +4600,11 @@ function RecipientName() {
|
|
|
4743
4600
|
autoComplete: "off"
|
|
4744
4601
|
}));
|
|
4745
4602
|
}
|
|
4746
|
-
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
4747
|
-
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4603
|
+
var Wrapper$2 = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4604
|
+
var Container$6 = /*#__PURE__*/styled.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4748
4605
|
var InputStyled = /*#__PURE__*/styled(Input$2)(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* Hide autofill suggestions in Safari */\n border-radius: 25px;\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 100px white inset;\n -webkit-text-fill-color: black;\n }\n\n &:-webkit-autofill::first-line {\n font-family: 'inherit';\n font-size: inherit;\n }\n"])));
|
|
4749
4606
|
|
|
4750
|
-
var _templateObject$
|
|
4607
|
+
var _templateObject$i, _templateObject2$d, _templateObject3$6;
|
|
4751
4608
|
function Address() {
|
|
4752
4609
|
var _orderRecipient$addre;
|
|
4753
4610
|
// show copy icon if there is input value
|
|
@@ -4781,11 +4638,11 @@ function Address() {
|
|
|
4781
4638
|
onChange: onChange
|
|
4782
4639
|
}));
|
|
4783
4640
|
}
|
|
4784
|
-
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
4785
|
-
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4641
|
+
var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4642
|
+
var Container$7 = /*#__PURE__*/styled.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4786
4643
|
var TextContainer = /*#__PURE__*/styled(TextArea)(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n height: 70%;\n border-radius: 15px;\n"])));
|
|
4787
4644
|
|
|
4788
|
-
var _templateObject$
|
|
4645
|
+
var _templateObject$j, _templateObject2$e;
|
|
4789
4646
|
// import { LocationIcon } from '../../../../assets/icons';
|
|
4790
4647
|
function Postcode() {
|
|
4791
4648
|
var _orderRecipient$postc;
|
|
@@ -4825,10 +4682,10 @@ function Postcode() {
|
|
|
4825
4682
|
}
|
|
4826
4683
|
}));
|
|
4827
4684
|
}
|
|
4828
|
-
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
4829
|
-
var Container$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4685
|
+
var Wrapper$4 = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4686
|
+
var Container$8 = /*#__PURE__*/styled.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4830
4687
|
|
|
4831
|
-
var _templateObject$
|
|
4688
|
+
var _templateObject$k, _templateObject2$f;
|
|
4832
4689
|
function Latitude() {
|
|
4833
4690
|
var _useOrderDetails = useOrderDetails(),
|
|
4834
4691
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4860,10 +4717,10 @@ function Latitude() {
|
|
|
4860
4717
|
readOnly: true
|
|
4861
4718
|
}));
|
|
4862
4719
|
}
|
|
4863
|
-
var CustomInput = /*#__PURE__*/styled(Input$2)(_templateObject$
|
|
4864
|
-
var Container$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4720
|
+
var CustomInput = /*#__PURE__*/styled(Input$2)(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n opacity: 0.8;\n background-color: #f4f4f4;\n pointer-events: none;\n"])));
|
|
4721
|
+
var Container$9 = /*#__PURE__*/styled.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4865
4722
|
|
|
4866
|
-
var _templateObject$
|
|
4723
|
+
var _templateObject$l, _templateObject2$g;
|
|
4867
4724
|
function Longitude() {
|
|
4868
4725
|
var _useOrderDetails = useOrderDetails(),
|
|
4869
4726
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4895,10 +4752,10 @@ function Longitude() {
|
|
|
4895
4752
|
readOnly: true
|
|
4896
4753
|
}));
|
|
4897
4754
|
}
|
|
4898
|
-
var CustomInput$1 = /*#__PURE__*/styled(Input$2)(_templateObject$
|
|
4899
|
-
var Container$a = /*#__PURE__*/styled.div(_templateObject2$
|
|
4755
|
+
var CustomInput$1 = /*#__PURE__*/styled(Input$2)(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n opacity: 0.8;\n background-color: #f4f4f4;\n pointer-events: none;\n"])));
|
|
4756
|
+
var Container$a = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4900
4757
|
|
|
4901
|
-
var _templateObject$
|
|
4758
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$7, _templateObject4$4, _templateObject5$2;
|
|
4902
4759
|
function What3words() {
|
|
4903
4760
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
4904
4761
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4949,27 +4806,27 @@ function What3words() {
|
|
|
4949
4806
|
onChange: onChange
|
|
4950
4807
|
})), errors.w3wError && React.createElement(ErrorText, null, errors.w3wError));
|
|
4951
4808
|
}
|
|
4952
|
-
var What3wordsPrefix = /*#__PURE__*/styled.div(_templateObject$
|
|
4953
|
-
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4809
|
+
var What3wordsPrefix = /*#__PURE__*/styled.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 13px;\n left: 12px;\n"])));
|
|
4810
|
+
var Wrapper$5 = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
4954
4811
|
var CustomInput$2 = /*#__PURE__*/styled(Input$2)(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 25px;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n padding-left: 40px;\n"])));
|
|
4955
4812
|
var Container$b = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4956
4813
|
var ErrorText = /*#__PURE__*/styled.span(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4957
4814
|
|
|
4958
|
-
var _templateObject$
|
|
4815
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$8;
|
|
4959
4816
|
function LocationDetails() {
|
|
4960
4817
|
return React.createElement(Container$c, null, React.createElement(Address, null), React.createElement(Right, null, React.createElement(RightColumn$1, null, React.createElement(Postcode, null), React.createElement(What3words, null)), React.createElement(RightColumn$1, null, React.createElement(Latitude, null), React.createElement(Longitude, null))));
|
|
4961
4818
|
}
|
|
4962
|
-
var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
4963
|
-
var Right = /*#__PURE__*/styled.div(_templateObject2$
|
|
4819
|
+
var RightColumn$1 = /*#__PURE__*/styled.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
4820
|
+
var Right = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4964
4821
|
var Container$c = /*#__PURE__*/styled.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4965
4822
|
|
|
4966
|
-
var _templateObject$
|
|
4823
|
+
var _templateObject$o;
|
|
4967
4824
|
function CallCustomer() {
|
|
4968
4825
|
return React.createElement(Container$d, null, React.createElement(FlexCallIcon, null), React.createElement(SpokePhoneIcon, null));
|
|
4969
4826
|
}
|
|
4970
|
-
var Container$d = /*#__PURE__*/styled.div(_templateObject$
|
|
4827
|
+
var Container$d = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4971
4828
|
|
|
4972
|
-
var _templateObject$
|
|
4829
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4973
4830
|
function ContactHome() {
|
|
4974
4831
|
var _prevOrderDetails$ord;
|
|
4975
4832
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -5085,13 +4942,13 @@ function ContactHome() {
|
|
|
5085
4942
|
}, React.createElement(CallCustomer, null)));
|
|
5086
4943
|
}()), errors.homeContactError && React.createElement(ErrorText$1, null, errors.homeContactError));
|
|
5087
4944
|
}
|
|
5088
|
-
var InputContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5089
|
-
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4945
|
+
var InputContainer = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
4946
|
+
var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5090
4947
|
var CustomInput$3 = /*#__PURE__*/styled(Input$2)(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5091
4948
|
var Container$e = /*#__PURE__*/styled.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5092
4949
|
var ErrorText$1 = /*#__PURE__*/styled.span(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5093
4950
|
|
|
5094
|
-
var _templateObject$
|
|
4951
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
5095
4952
|
function ContactWork() {
|
|
5096
4953
|
var _prevOrderDetails$ord;
|
|
5097
4954
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -5207,13 +5064,13 @@ function ContactWork() {
|
|
|
5207
5064
|
}, React.createElement(CallCustomer, null)));
|
|
5208
5065
|
}()), errors.workCOntanctError && React.createElement(ErrorText$2, null, errors.workCOntanctError));
|
|
5209
5066
|
}
|
|
5210
|
-
var InputContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5211
|
-
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5067
|
+
var InputContainer$1 = /*#__PURE__*/styled.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5068
|
+
var Wrapper$7 = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5212
5069
|
var CustomInput$4 = /*#__PURE__*/styled(Input$2)(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5213
5070
|
var Container$f = /*#__PURE__*/styled.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5214
5071
|
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5215
5072
|
|
|
5216
|
-
var _templateObject$
|
|
5073
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5217
5074
|
function ContactMobile() {
|
|
5218
5075
|
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5219
5076
|
var _useAtom = useAtom(errorAtom),
|
|
@@ -5332,13 +5189,13 @@ function ContactMobile() {
|
|
|
5332
5189
|
}, React.createElement(CallCustomer, null)));
|
|
5333
5190
|
}()), errors.mobileError && React.createElement(ErrorText$3, null, errors.mobileError));
|
|
5334
5191
|
}
|
|
5335
|
-
var InputContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5336
|
-
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5192
|
+
var InputContainer$2 = /*#__PURE__*/styled.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5193
|
+
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5337
5194
|
var CustomInput$5 = /*#__PURE__*/styled(Input$2)(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 80%;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5338
5195
|
var Container$g = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5339
5196
|
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5340
5197
|
|
|
5341
|
-
var _templateObject$
|
|
5198
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$c;
|
|
5342
5199
|
function ContactEmail() {
|
|
5343
5200
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5344
5201
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5381,27 +5238,27 @@ function ContactEmail() {
|
|
|
5381
5238
|
onChange: onChange
|
|
5382
5239
|
}), errors.emailError && React.createElement(ErrorText$4, null, errors.emailError));
|
|
5383
5240
|
}
|
|
5384
|
-
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$
|
|
5385
|
-
var Container$h = /*#__PURE__*/styled.div(_templateObject2$
|
|
5241
|
+
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5242
|
+
var Container$h = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5386
5243
|
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5387
5244
|
|
|
5388
|
-
var _templateObject$
|
|
5245
|
+
var _templateObject$t, _templateObject2$n;
|
|
5389
5246
|
function ContactDetails() {
|
|
5390
5247
|
return React.createElement(Container$i, null, React.createElement(GroupedInputs, null, React.createElement(ContactHome, null), React.createElement(ContactWork, null)), React.createElement(GroupedInputs, null, React.createElement(ContactMobile, null), React.createElement(ContactEmail, null)));
|
|
5391
5248
|
}
|
|
5392
|
-
var GroupedInputs = /*#__PURE__*/styled.div(_templateObject$
|
|
5393
|
-
var Container$i = /*#__PURE__*/styled.div(_templateObject2$
|
|
5249
|
+
var GroupedInputs = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5250
|
+
var Container$i = /*#__PURE__*/styled.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
5394
5251
|
|
|
5395
|
-
var _templateObject$
|
|
5252
|
+
var _templateObject$u, _templateObject2$o;
|
|
5396
5253
|
function CustomerSection() {
|
|
5397
5254
|
return React.createElement(CustomFormSection, null, React.createElement(Header, {
|
|
5398
5255
|
label: "Customer"
|
|
5399
5256
|
}), React.createElement(FormInputs, null, React.createElement(RecipientName, null), React.createElement(LocationDetails, null), React.createElement(ContactDetails, null)));
|
|
5400
5257
|
}
|
|
5401
|
-
var FormInputs = /*#__PURE__*/styled.div(_templateObject$
|
|
5402
|
-
var CustomFormSection = /*#__PURE__*/styled(FormSection)(_templateObject2$
|
|
5258
|
+
var FormInputs = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5259
|
+
var CustomFormSection = /*#__PURE__*/styled(FormSection)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
5403
5260
|
|
|
5404
|
-
var _templateObject$
|
|
5261
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$d;
|
|
5405
5262
|
function ConsignmentNumber() {
|
|
5406
5263
|
var _useOrderDetails = useOrderDetails(),
|
|
5407
5264
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5411,11 +5268,11 @@ function ConsignmentNumber() {
|
|
|
5411
5268
|
text: displayValueOrNA$1(orderDetails.consignment)
|
|
5412
5269
|
})), React.createElement(Consignment, null, displayValueOrNA$1(orderDetails.consignment)));
|
|
5413
5270
|
}
|
|
5414
|
-
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$
|
|
5415
|
-
var Consignment = /*#__PURE__*/styled.span(_templateObject2$
|
|
5271
|
+
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5272
|
+
var Consignment = /*#__PURE__*/styled.span(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5416
5273
|
var Container$j = /*#__PURE__*/styled.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5417
5274
|
|
|
5418
|
-
var _templateObject$
|
|
5275
|
+
var _templateObject$w, _templateObject2$q;
|
|
5419
5276
|
function RecipientReference() {
|
|
5420
5277
|
var _useOrderDetails = useOrderDetails(),
|
|
5421
5278
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5445,10 +5302,10 @@ function RecipientReference() {
|
|
|
5445
5302
|
}
|
|
5446
5303
|
}));
|
|
5447
5304
|
}
|
|
5448
|
-
var Container$k = /*#__PURE__*/styled.div(_templateObject$
|
|
5449
|
-
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject2$
|
|
5305
|
+
var Container$k = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5306
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5450
5307
|
|
|
5451
|
-
var _templateObject$
|
|
5308
|
+
var _templateObject$x, _templateObject2$r;
|
|
5452
5309
|
function DepotDropdown() {
|
|
5453
5310
|
var _useOrderDetails = useOrderDetails(),
|
|
5454
5311
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5484,10 +5341,10 @@ function DepotDropdown() {
|
|
|
5484
5341
|
})
|
|
5485
5342
|
}));
|
|
5486
5343
|
}
|
|
5487
|
-
var FormContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5488
|
-
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
5344
|
+
var FormContainer = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5345
|
+
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 160px;\n"])));
|
|
5489
5346
|
|
|
5490
|
-
var _templateObject$
|
|
5347
|
+
var _templateObject$y, _templateObject2$s;
|
|
5491
5348
|
function Droptime() {
|
|
5492
5349
|
var _useOrderDetails = useOrderDetails(),
|
|
5493
5350
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5511,10 +5368,10 @@ function Droptime() {
|
|
|
5511
5368
|
onChange: onChange
|
|
5512
5369
|
}));
|
|
5513
5370
|
}
|
|
5514
|
-
var CustomInput$6 = /*#__PURE__*/styled(Input$2)(_templateObject$
|
|
5515
|
-
var Container$l = /*#__PURE__*/styled.div(_templateObject2$
|
|
5371
|
+
var CustomInput$6 = /*#__PURE__*/styled(Input$2)(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus-visible {\n outline: none;\n }\n"])));
|
|
5372
|
+
var Container$l = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5516
5373
|
|
|
5517
|
-
var _templateObject$
|
|
5374
|
+
var _templateObject$z;
|
|
5518
5375
|
function DeliveryDate() {
|
|
5519
5376
|
var _orderStatus$, _orderStatus$2;
|
|
5520
5377
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5566,9 +5423,9 @@ function DeliveryDate() {
|
|
|
5566
5423
|
disabled: isClientPortal ? true : routedStatus || ((_orderStatus$2 = orderStatus[0]) == null ? void 0 : _orderStatus$2.confirmed) === true || isOrderOnHold
|
|
5567
5424
|
}));
|
|
5568
5425
|
}
|
|
5569
|
-
var MainContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
5426
|
+
var MainContainer = /*#__PURE__*/styled.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5570
5427
|
|
|
5571
|
-
var _templateObject$
|
|
5428
|
+
var _templateObject$A;
|
|
5572
5429
|
function Carrier() {
|
|
5573
5430
|
var _localStorage, _clientData$find, _orderStatus$;
|
|
5574
5431
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5624,9 +5481,9 @@ function Carrier() {
|
|
|
5624
5481
|
isDisabled: isClientPortal ? true : (orderStatus == null ? void 0 : orderStatus.length) > 0 && ((_orderStatus$ = orderStatus[0]) == null ? void 0 : _orderStatus$.confirmed) === true
|
|
5625
5482
|
}));
|
|
5626
5483
|
}
|
|
5627
|
-
var FormContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5484
|
+
var FormContainer$1 = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5628
5485
|
|
|
5629
|
-
var _templateObject$
|
|
5486
|
+
var _templateObject$B, _templateObject2$t;
|
|
5630
5487
|
function OrderNumber() {
|
|
5631
5488
|
var _orderDetails$order_n;
|
|
5632
5489
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5656,10 +5513,10 @@ function OrderNumber() {
|
|
|
5656
5513
|
}
|
|
5657
5514
|
}));
|
|
5658
5515
|
}
|
|
5659
|
-
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject$
|
|
5660
|
-
var Container$m = /*#__PURE__*/styled.div(_templateObject2$
|
|
5516
|
+
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5517
|
+
var Container$m = /*#__PURE__*/styled.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5661
5518
|
|
|
5662
|
-
var _templateObject$
|
|
5519
|
+
var _templateObject$C;
|
|
5663
5520
|
function ScheduleAfter() {
|
|
5664
5521
|
var _useOrderDetails = useOrderDetails(),
|
|
5665
5522
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5703,7 +5560,7 @@ function ScheduleAfter() {
|
|
|
5703
5560
|
allowClear: false
|
|
5704
5561
|
}));
|
|
5705
5562
|
}
|
|
5706
|
-
var MainContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5563
|
+
var MainContainer$1 = /*#__PURE__*/styled.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5707
5564
|
|
|
5708
5565
|
var vehicleTypeOptions = [{
|
|
5709
5566
|
label: 'LGV',
|
|
@@ -5713,7 +5570,7 @@ var vehicleTypeOptions = [{
|
|
|
5713
5570
|
value: '2'
|
|
5714
5571
|
}];
|
|
5715
5572
|
|
|
5716
|
-
var _templateObject$
|
|
5573
|
+
var _templateObject$D;
|
|
5717
5574
|
function VehicleTypeDropdown() {
|
|
5718
5575
|
var _useOrderDetails = useOrderDetails(),
|
|
5719
5576
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5739,19 +5596,19 @@ function VehicleTypeDropdown() {
|
|
|
5739
5596
|
onChange: onChange
|
|
5740
5597
|
}));
|
|
5741
5598
|
}
|
|
5742
|
-
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5599
|
+
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5743
5600
|
|
|
5744
|
-
var _templateObject$
|
|
5601
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$e;
|
|
5745
5602
|
function OrdersSection() {
|
|
5746
5603
|
return React.createElement(CustomFormSection$1, null, React.createElement(Header, {
|
|
5747
5604
|
label: "Order"
|
|
5748
5605
|
}), React.createElement(FormInputs$1, null, React.createElement(GroupedInputs$1, null, React.createElement(ConsignmentNumber, null), React.createElement(Carrier, null)), React.createElement(GroupedInputs$1, null, React.createElement(OrderNumber, null), React.createElement(DepotDropdown, null)), React.createElement(GroupedInputs$1, null, React.createElement(DeliveryDate, null), React.createElement(ScheduleAfter, null)), React.createElement(GroupedInputs$1, null, React.createElement(Droptime, null)), React.createElement(GroupedInputs$1, null, React.createElement(RecipientReference, null), React.createElement(VehicleTypeDropdown, null))));
|
|
5749
5606
|
}
|
|
5750
|
-
var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
5751
|
-
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5607
|
+
var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5608
|
+
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5752
5609
|
var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n"])));
|
|
5753
5610
|
|
|
5754
|
-
var _templateObject$
|
|
5611
|
+
var _templateObject$F, _templateObject2$v;
|
|
5755
5612
|
function OrderStatusNote() {
|
|
5756
5613
|
var _useOrderDetails = useOrderDetails(),
|
|
5757
5614
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5771,10 +5628,10 @@ function OrderStatusNote() {
|
|
|
5771
5628
|
onChange: onChange
|
|
5772
5629
|
}));
|
|
5773
5630
|
}
|
|
5774
|
-
var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
5775
|
-
var Container$n = /*#__PURE__*/styled.div(_templateObject2$
|
|
5631
|
+
var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5632
|
+
var Container$n = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5776
5633
|
|
|
5777
|
-
var _templateObject$
|
|
5634
|
+
var _templateObject$G, _templateObject2$w;
|
|
5778
5635
|
function DeliveryInstructions() {
|
|
5779
5636
|
var _useOrderDetails = useOrderDetails(),
|
|
5780
5637
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5794,10 +5651,10 @@ function DeliveryInstructions() {
|
|
|
5794
5651
|
onChange: onChange
|
|
5795
5652
|
}));
|
|
5796
5653
|
}
|
|
5797
|
-
var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
5798
|
-
var Container$o = /*#__PURE__*/styled.div(_templateObject2$
|
|
5654
|
+
var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5655
|
+
var Container$o = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5799
5656
|
|
|
5800
|
-
var _templateObject$
|
|
5657
|
+
var _templateObject$H, _templateObject2$x;
|
|
5801
5658
|
function OtherInstructions() {
|
|
5802
5659
|
var _useOrderDetails = useOrderDetails(),
|
|
5803
5660
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5817,19 +5674,19 @@ function OtherInstructions() {
|
|
|
5817
5674
|
onChange: onChange
|
|
5818
5675
|
}));
|
|
5819
5676
|
}
|
|
5820
|
-
var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
5821
|
-
var Container$p = /*#__PURE__*/styled.div(_templateObject2$
|
|
5677
|
+
var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5678
|
+
var Container$p = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5822
5679
|
|
|
5823
|
-
var _templateObject$
|
|
5680
|
+
var _templateObject$I, _templateObject2$y;
|
|
5824
5681
|
function InstructionSection() {
|
|
5825
5682
|
return React.createElement(CustomFormSection$2, null, React.createElement(Header, {
|
|
5826
5683
|
label: "Instructions / Notes"
|
|
5827
5684
|
}), React.createElement(FormInputs$2, null, React.createElement(OrderStatusNote, null), React.createElement(DeliveryInstructions, null), React.createElement(OtherInstructions, null)));
|
|
5828
5685
|
}
|
|
5829
|
-
var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
5830
|
-
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$
|
|
5686
|
+
var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
5687
|
+
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n padding: 24px !important;\n"])));
|
|
5831
5688
|
|
|
5832
|
-
var _templateObject$
|
|
5689
|
+
var _templateObject$J, _templateObject2$z;
|
|
5833
5690
|
function convertTo12HourFormat(time24) {
|
|
5834
5691
|
var _time24$split, _minutes$toString;
|
|
5835
5692
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -5887,10 +5744,10 @@ function TimedServiceDropdown() {
|
|
|
5887
5744
|
className: 'disabled'
|
|
5888
5745
|
}));
|
|
5889
5746
|
}
|
|
5890
|
-
var Container$q = /*#__PURE__*/styled.div(_templateObject$
|
|
5891
|
-
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
5747
|
+
var Container$q = /*#__PURE__*/styled.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5748
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5892
5749
|
|
|
5893
|
-
var _templateObject$
|
|
5750
|
+
var _templateObject$K, _templateObject2$A;
|
|
5894
5751
|
function ServiceTypeDropdown() {
|
|
5895
5752
|
var _orderStaticData$orde;
|
|
5896
5753
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5927,10 +5784,10 @@ function ServiceTypeDropdown() {
|
|
|
5927
5784
|
className: 'disabled'
|
|
5928
5785
|
}));
|
|
5929
5786
|
}
|
|
5930
|
-
var Container$r = /*#__PURE__*/styled.div(_templateObject$
|
|
5931
|
-
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
5787
|
+
var Container$r = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
5788
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
5932
5789
|
|
|
5933
|
-
var _templateObject$
|
|
5790
|
+
var _templateObject$L, _templateObject2$B;
|
|
5934
5791
|
function DeliveryPointDropdown() {
|
|
5935
5792
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
5936
5793
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5969,10 +5826,10 @@ function DeliveryPointDropdown() {
|
|
|
5969
5826
|
className: 'disabled'
|
|
5970
5827
|
}));
|
|
5971
5828
|
}
|
|
5972
|
-
var Container$s = /*#__PURE__*/styled.div(_templateObject$
|
|
5973
|
-
var StyledSelectDropdown$3 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
5829
|
+
var Container$s = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n // flex: 1;\n min-width: 250px;\n"])));
|
|
5830
|
+
var StyledSelectDropdown$3 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5974
5831
|
|
|
5975
|
-
var _templateObject$
|
|
5832
|
+
var _templateObject$M;
|
|
5976
5833
|
function ServiceLevel() {
|
|
5977
5834
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
5978
5835
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -6009,12 +5866,12 @@ function ServiceLevel() {
|
|
|
6009
5866
|
isDisabled: isDisabled
|
|
6010
5867
|
}));
|
|
6011
5868
|
}
|
|
6012
|
-
var Container$t = /*#__PURE__*/styled.div(_templateObject$
|
|
5869
|
+
var Container$t = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n\n ", "\n\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (_ref) {
|
|
6013
5870
|
var disabled = _ref.disabled;
|
|
6014
5871
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6015
5872
|
});
|
|
6016
5873
|
|
|
6017
|
-
var _templateObject$
|
|
5874
|
+
var _templateObject$N;
|
|
6018
5875
|
function AssemblyType() {
|
|
6019
5876
|
var _orderStaticData$orde;
|
|
6020
5877
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6053,7 +5910,7 @@ function AssemblyType() {
|
|
|
6053
5910
|
isDisabled: true
|
|
6054
5911
|
}));
|
|
6055
5912
|
}
|
|
6056
|
-
var Container$u = /*#__PURE__*/styled.div(_templateObject$
|
|
5913
|
+
var Container$u = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n pointer-events: ", ";\n /* temporary change will add this in library */\n > fieldset {\n > div {\n > div {\n > label {\n text-transform: capitalize;\n }\n }\n }\n }\n"])), function (props) {
|
|
6057
5914
|
return props.$isDisable ? 'none' : 'auto';
|
|
6058
5915
|
});
|
|
6059
5916
|
|
|
@@ -6080,7 +5937,7 @@ var getIcon = function getIcon(input) {
|
|
|
6080
5937
|
return "" + baseURL + subPath;
|
|
6081
5938
|
};
|
|
6082
5939
|
|
|
6083
|
-
var _templateObject$
|
|
5940
|
+
var _templateObject$O, _templateObject2$C, _templateObject3$f;
|
|
6084
5941
|
function ServiceSlider(props) {
|
|
6085
5942
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
6086
5943
|
// event.preventDefault();
|
|
@@ -6097,11 +5954,11 @@ function ServiceSlider(props) {
|
|
|
6097
5954
|
disabled: props == null ? void 0 : props.disabled
|
|
6098
5955
|
})));
|
|
6099
5956
|
}
|
|
6100
|
-
var ServiceName = /*#__PURE__*/styled.span(_templateObject$
|
|
6101
|
-
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$
|
|
5957
|
+
var ServiceName = /*#__PURE__*/styled.span(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n text-transform: capitalize;\n"])));
|
|
5958
|
+
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
6102
5959
|
var Container$v = /*#__PURE__*/styled.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
6103
5960
|
|
|
6104
|
-
var _templateObject$
|
|
5961
|
+
var _templateObject$P;
|
|
6105
5962
|
function OrderServices() {
|
|
6106
5963
|
var _useOrderStaticData = useOrderStaticData(),
|
|
6107
5964
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -6140,24 +5997,24 @@ function OrderServices() {
|
|
|
6140
5997
|
});
|
|
6141
5998
|
}));
|
|
6142
5999
|
}
|
|
6143
|
-
var Container$w = /*#__PURE__*/styled.div(_templateObject$
|
|
6000
|
+
var Container$w = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n flex: 1;\n @media screen and (max-width: 1170px) {\n flex-wrap: wrap;\n\n ", "\n }\n"])), function (_ref) {
|
|
6144
6001
|
var disabled = _ref.disabled;
|
|
6145
6002
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6146
6003
|
});
|
|
6147
6004
|
|
|
6148
|
-
var _templateObject$
|
|
6005
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$g, _templateObject4$8, _templateObject5$6;
|
|
6149
6006
|
function ServicesSection() {
|
|
6150
6007
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
6151
6008
|
label: "Services"
|
|
6152
6009
|
}), React.createElement(Top, null, React.createElement(DropDownContainer, null, React.createElement(TimedServiceDropdown, null), React.createElement(ServiceTypeDropdown, null), React.createElement(DeliveryPointDropdown, null)), React.createElement(RadioContainer, null, React.createElement(ServiceLevel, null), React.createElement(AssemblyType, null))), React.createElement(Bottom, null, React.createElement(OrderServices, null)));
|
|
6153
6010
|
}
|
|
6154
|
-
var Top = /*#__PURE__*/styled.div(_templateObject$
|
|
6155
|
-
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6011
|
+
var Top = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n\n @media screen and (max-width: 1280px) {\n flex-direction: column;\n gap: 20px;\n }\n"])));
|
|
6012
|
+
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6156
6013
|
var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
6157
6014
|
var Bottom = /*#__PURE__*/styled.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6158
6015
|
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n flex-direction: column;\n gap: 10px;\n border-radius: 8px;\n background: #f8fafc;\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n label,\n input,\n span {\n cursor: default !important;\n }\n"])));
|
|
6159
6016
|
|
|
6160
|
-
var _templateObject$
|
|
6017
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$h;
|
|
6161
6018
|
function AllowTracking() {
|
|
6162
6019
|
var _useOrderDetails = useOrderDetails(),
|
|
6163
6020
|
orderDetails = _useOrderDetails[0];
|
|
@@ -6165,11 +6022,11 @@ function AllowTracking() {
|
|
|
6165
6022
|
var createdAt = orderDetails != null && orderDetails.created_at ? formatUtcToLocal(orderDetails.created_at).date + " @ " + formatUtcToLocal(orderDetails.created_at).time : 'Not Available';
|
|
6166
6023
|
return React.createElement(Container$x, null, React.createElement(CreatedBy, null, React.createElement(Text$3, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
6167
6024
|
}
|
|
6168
|
-
var Text$3 = /*#__PURE__*/styled.span(_templateObject$
|
|
6169
|
-
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$
|
|
6025
|
+
var Text$3 = /*#__PURE__*/styled.span(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n"])));
|
|
6026
|
+
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
6170
6027
|
var Container$x = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6171
6028
|
|
|
6172
|
-
var _templateObject$
|
|
6029
|
+
var _templateObject$S;
|
|
6173
6030
|
function OrderDetailsFooter() {
|
|
6174
6031
|
var _useOrderDetails = useOrderDetails(),
|
|
6175
6032
|
orderDetails = _useOrderDetails[0],
|
|
@@ -6302,9 +6159,9 @@ function OrderDetailsFooter() {
|
|
|
6302
6159
|
disabled: isClientPortal ? true : !isDifferent() || errorFound()
|
|
6303
6160
|
}, "Save Details"));
|
|
6304
6161
|
}
|
|
6305
|
-
var Container$y = /*#__PURE__*/styled.div(_templateObject$
|
|
6162
|
+
var Container$y = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__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"])));
|
|
6306
6163
|
|
|
6307
|
-
var _templateObject$
|
|
6164
|
+
var _templateObject$T, _templateObject2$F, _templateObject3$i, _templateObject4$9;
|
|
6308
6165
|
function ExpandedContent(_ref) {
|
|
6309
6166
|
var orderLoading = _ref.orderLoading,
|
|
6310
6167
|
depotDataLoading = _ref.depotDataLoading;
|
|
@@ -6318,8 +6175,8 @@ function ExpandedContent(_ref) {
|
|
|
6318
6175
|
}
|
|
6319
6176
|
}))) : React.createElement(React.Fragment, null, React.createElement(Container$z, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null))));
|
|
6320
6177
|
}
|
|
6321
|
-
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$
|
|
6322
|
-
var Container$z = /*#__PURE__*/styled.div(_templateObject2$
|
|
6178
|
+
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: 769px) {\n flex-direction: row; /* Change to row for large screens */\n width: 50%;\n }\n\n @media (min-width: 1024px) {\n width: auto;\n }\n\n @media (min-width: 1440px) {\n width: 50%;\n }\n"])));
|
|
6179
|
+
var Container$z = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n\n @media (min-width: 769px) {\n flex-direction: row;\n }\n\n @media (min-width: 1024px) {\n justify-content: flex-start;\n }\n"])));
|
|
6323
6180
|
// const InstructionContainer = styled.div`
|
|
6324
6181
|
// display: flex;
|
|
6325
6182
|
// justify-content: center;
|
|
@@ -6371,7 +6228,7 @@ function OrderDetails$1(_ref) {
|
|
|
6371
6228
|
}));
|
|
6372
6229
|
}
|
|
6373
6230
|
|
|
6374
|
-
var _templateObject$
|
|
6231
|
+
var _templateObject$U;
|
|
6375
6232
|
function NoteType() {
|
|
6376
6233
|
var _useVisibilityData = useVisibilityData(),
|
|
6377
6234
|
visibilityData = _useVisibilityData[0];
|
|
@@ -6410,9 +6267,9 @@ function NoteType() {
|
|
|
6410
6267
|
required: false
|
|
6411
6268
|
}));
|
|
6412
6269
|
}
|
|
6413
|
-
var Container$A = /*#__PURE__*/styled.div(_templateObject$
|
|
6270
|
+
var Container$A = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6414
6271
|
|
|
6415
|
-
var _templateObject$
|
|
6272
|
+
var _templateObject$V, _templateObject2$G, _templateObject3$j, _templateObject4$a;
|
|
6416
6273
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6417
6274
|
function AddNote() {
|
|
6418
6275
|
var _useState = useState(template),
|
|
@@ -6579,8 +6436,8 @@ function AddNote() {
|
|
|
6579
6436
|
onClick: saveNote
|
|
6580
6437
|
}, "SAVE NOTE"), !isClientPortal && React.createElement(NoteType, null)));
|
|
6581
6438
|
}
|
|
6582
|
-
var Container$B = /*#__PURE__*/styled.div(_templateObject$
|
|
6583
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6439
|
+
var Container$B = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6440
|
+
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
6584
6441
|
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 65px;\n border-radius: 8px;\n background: #fff;\n resize: vertical;\n border: 1px solid #e0e2e7;\n padding: 8px 12px;\n font-family: monospace;\n white-space: pre-wrap;\n"])));
|
|
6585
6442
|
var StyledAntSelect$3 = /*#__PURE__*/styled(Select)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6586
6443
|
|
|
@@ -6597,7 +6454,7 @@ var NotesTableData = [{
|
|
|
6597
6454
|
tableBody: []
|
|
6598
6455
|
}];
|
|
6599
6456
|
|
|
6600
|
-
var _templateObject$
|
|
6457
|
+
var _templateObject$W, _templateObject2$H;
|
|
6601
6458
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
6602
6459
|
var _NotesTableData$;
|
|
6603
6460
|
var tableHeadData = (_NotesTableData$ = NotesTableData[0]) == null ? void 0 : _NotesTableData$.tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -6633,16 +6490,16 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6633
6490
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
6634
6491
|
}, "No data found"))))));
|
|
6635
6492
|
};
|
|
6636
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
6637
|
-
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6493
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6494
|
+
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 250px;\n min-height: 200px;\n /* overflow: auto; */\n\n table {\n border-spacing: 0;\n width: 100%;\n text-align: left;\n\n thead {\n th {\n border-bottom: 1px solid rgba(58, 54, 48, 0.25);\n background: #faf9f9;\n padding: 14px 12px;\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n tbody {\n td {\n color: #667085;\n font-family: Lato;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n border-bottom: 1px solid #efe8e8;\n word-break: break-word;\n vertical-align: top;\n\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n .notesIcon {\n display: flex;\n align-items: center;\n gap: 5px;\n\n .datetime {\n min-width: 155px;\n }\n }\n }\n }\n }\n"])));
|
|
6638
6495
|
|
|
6639
|
-
var _templateObject$
|
|
6496
|
+
var _templateObject$X;
|
|
6640
6497
|
function AuditLogs() {
|
|
6641
6498
|
return React.createElement(Container$C, null, React.createElement(GenericAuditLogsTable, null));
|
|
6642
6499
|
}
|
|
6643
|
-
var Container$C = /*#__PURE__*/styled.div(_templateObject$
|
|
6500
|
+
var Container$C = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 500px;\n min-height: 200px;\n max-height: 500px;\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
6644
6501
|
|
|
6645
|
-
var _templateObject$
|
|
6502
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$k, _templateObject4$b;
|
|
6646
6503
|
// import { useLocation } from 'react-router-dom';
|
|
6647
6504
|
function Notes() {
|
|
6648
6505
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6722,17 +6579,17 @@ function Notes() {
|
|
|
6722
6579
|
onClick: handleGetLogs
|
|
6723
6580
|
}, "UPDATE LOGS")), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
6724
6581
|
}
|
|
6725
|
-
var Container$D = /*#__PURE__*/styled.div(_templateObject$
|
|
6726
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
6582
|
+
var Container$D = /*#__PURE__*/styled.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6583
|
+
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n text-transform: uppercase;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
6727
6584
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 10px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
6728
6585
|
var SmallButton = /*#__PURE__*/styled.button(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #363a30;\n color: #ffffff;\n font-size: 12px;\n padding: 4px 8px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n\n &:hover {\n background-color: #feba30;\n }\n"])));
|
|
6729
6586
|
|
|
6730
|
-
var _templateObject$
|
|
6587
|
+
var _templateObject$Z;
|
|
6731
6588
|
// import styled from 'styled-components';
|
|
6732
6589
|
function SystemCollapsedContent() {
|
|
6733
6590
|
return React.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
6734
6591
|
}
|
|
6735
|
-
var Font = /*#__PURE__*/styled.div(_templateObject$
|
|
6592
|
+
var Font = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 150% */\n"])));
|
|
6736
6593
|
|
|
6737
6594
|
function ChevronUp(props) {
|
|
6738
6595
|
return React.createElement("svg", Object.assign({
|
|
@@ -6750,7 +6607,7 @@ function ChevronUp(props) {
|
|
|
6750
6607
|
}));
|
|
6751
6608
|
}
|
|
6752
6609
|
|
|
6753
|
-
var _templateObject
|
|
6610
|
+
var _templateObject$_, _templateObject2$J, _templateObject3$l, _templateObject4$c, _templateObject5$7, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6754
6611
|
function CollapsableForm(props) {
|
|
6755
6612
|
var _useState = useState(true),
|
|
6756
6613
|
isExpanded = _useState[0],
|
|
@@ -6770,8 +6627,8 @@ function CollapsableForm(props) {
|
|
|
6770
6627
|
isExpanded: isExpanded
|
|
6771
6628
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
6772
6629
|
}
|
|
6773
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject
|
|
6774
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6630
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n background: #ffffff;\n padding: 12px;\n flex-direction: column;\n gap: 14px;\n border: 1px solid #f0f2f2;\n border-bottom-right-radius: 8px;\n border-bottom-left-radius: 8px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n"])));
|
|
6631
|
+
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #f0f2f2;\n background-color: #f8fafc;\n color: #3a3630;\n font-size: 16px;\n padding: 10px;\n border-bottom: 1px solid #ddd;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n font-family: 'Roboto', sans-serif;\n font-weight: 600;\n"])));
|
|
6775
6632
|
var Text$4 = /*#__PURE__*/styled.span(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
6776
6633
|
var Container$E = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6777
6634
|
var MainContainer$3 = /*#__PURE__*/styled.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -6781,7 +6638,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateOb
|
|
|
6781
6638
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6782
6639
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
6783
6640
|
|
|
6784
|
-
var _templateObject
|
|
6641
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$m;
|
|
6785
6642
|
function CustomScrollBar(props) {
|
|
6786
6643
|
var children = props.children,
|
|
6787
6644
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -6799,11 +6656,11 @@ function CustomScrollBar(props) {
|
|
|
6799
6656
|
}
|
|
6800
6657
|
}, children);
|
|
6801
6658
|
}
|
|
6802
|
-
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject
|
|
6803
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
6659
|
+
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
6660
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
6804
6661
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6805
6662
|
|
|
6806
|
-
var _templateObject$
|
|
6663
|
+
var _templateObject$10, _templateObject2$L, _templateObject3$n, _templateObject4$d, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6807
6664
|
var selectedID = /*#__PURE__*/atom([]);
|
|
6808
6665
|
function DynamicTable(_ref, props) {
|
|
6809
6666
|
var columns = _ref.columns,
|
|
@@ -6866,8 +6723,8 @@ function DynamicTable(_ref, props) {
|
|
|
6866
6723
|
}));
|
|
6867
6724
|
})))))));
|
|
6868
6725
|
}
|
|
6869
|
-
var Container$F = /*#__PURE__*/styled.div(_templateObject$
|
|
6870
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
6726
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6727
|
+
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n overflow-x: auto;\n scrollbar-width: thin;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n"])));
|
|
6871
6728
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px 5px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
6872
6729
|
var TableData = /*#__PURE__*/styled.td(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 10px 5px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
6873
6730
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: stretch;\n width: 100%;\n border-bottom: 1px solid rgb(215, 214, 213);\n font-weight: 300;\n"])));
|
|
@@ -6876,7 +6733,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$4 || (_templateObject
|
|
|
6876
6733
|
var Table = /*#__PURE__*/styled.table(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
6877
6734
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .col {\n display: flex;\n align-items: center;\n color: #3a3630;\n padding: 10px 5px;\n text-align: left;\n }\n\n .col.noFlex {\n flex: 0;\n }\n\n .col.sm {\n flex: 1;\n min-width: 100px;\n }\n\n .col.md {\n flex: 2;\n justify-content: flex-start;\n min-width: 85px;\n }\n\n .col.lg {\n flex: 4;\n justify-content: flex-start;\n min-width: 180px;\n }\n\n .col.date {\n }\n\n .col.amount,\n .col.price {\n justify-content: flex-end;\n }\n\n .TableHeadData,\n .TableData {\n padding: 10px 5px;\n text-align: left;\n white-space: nowrap;\n }\n\n .TableRow {\n display: flex;\n width: 100%;\n }\n\n .Table {\n width: 100%;\n }\n"])));
|
|
6878
6735
|
|
|
6879
|
-
var _templateObject$
|
|
6736
|
+
var _templateObject$11, _templateObject2$M;
|
|
6880
6737
|
// import { useEventNotesData } from '../../store';
|
|
6881
6738
|
function Event(props) {
|
|
6882
6739
|
var _props$row;
|
|
@@ -6889,28 +6746,28 @@ function Event(props) {
|
|
|
6889
6746
|
// };
|
|
6890
6747
|
return React.createElement(RowContainer, null, React.createElement(Row, null, data));
|
|
6891
6748
|
}
|
|
6892
|
-
var RowContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
6893
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
6749
|
+
var RowContainer = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6750
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6894
6751
|
|
|
6895
|
-
var _templateObject$
|
|
6752
|
+
var _templateObject$12, _templateObject2$N;
|
|
6896
6753
|
function Date$1(props) {
|
|
6897
6754
|
var _props$row;
|
|
6898
6755
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6899
6756
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatUtcToLocal(data).date + " @ " + formatUtcToLocal(data).time));
|
|
6900
6757
|
}
|
|
6901
|
-
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6902
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6758
|
+
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6759
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6903
6760
|
|
|
6904
|
-
var _templateObject$
|
|
6761
|
+
var _templateObject$13, _templateObject2$O;
|
|
6905
6762
|
function Code(props) {
|
|
6906
6763
|
var _props$row;
|
|
6907
6764
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6908
6765
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
6909
6766
|
}
|
|
6910
|
-
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
6911
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6767
|
+
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6768
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6912
6769
|
|
|
6913
|
-
var _templateObject$
|
|
6770
|
+
var _templateObject$14, _templateObject2$P;
|
|
6914
6771
|
function Note(props) {
|
|
6915
6772
|
var _props$row;
|
|
6916
6773
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6922,8 +6779,8 @@ function Note(props) {
|
|
|
6922
6779
|
}
|
|
6923
6780
|
}));
|
|
6924
6781
|
}
|
|
6925
|
-
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
6926
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
6782
|
+
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
6783
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6927
6784
|
|
|
6928
6785
|
var tableColumns = [{
|
|
6929
6786
|
header: 'Date',
|
|
@@ -6947,7 +6804,7 @@ var tableColumns = [{
|
|
|
6947
6804
|
enableSorting: false
|
|
6948
6805
|
}];
|
|
6949
6806
|
|
|
6950
|
-
var _templateObject$
|
|
6807
|
+
var _templateObject$15;
|
|
6951
6808
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6952
6809
|
// import { ApiResponse } from '../../types';
|
|
6953
6810
|
function SystemLogs(_ref) {
|
|
@@ -6983,7 +6840,7 @@ function SystemLogs(_ref) {
|
|
|
6983
6840
|
loading: loading
|
|
6984
6841
|
})));
|
|
6985
6842
|
}
|
|
6986
|
-
var Table$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
6843
|
+
var Table$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6987
6844
|
|
|
6988
6845
|
var StatusOptions = [{
|
|
6989
6846
|
label: 'Released',
|
|
@@ -7140,7 +6997,7 @@ function Divider() {
|
|
|
7140
6997
|
}));
|
|
7141
6998
|
}
|
|
7142
6999
|
|
|
7143
|
-
var _templateObject$
|
|
7000
|
+
var _templateObject$16, _templateObject2$Q, _templateObject3$o, _templateObject4$e, _templateObject5$9, _templateObject6$3, _templateObject7$5;
|
|
7144
7001
|
function Status(_ref) {
|
|
7145
7002
|
var statusDataLoading = _ref.statusDataLoading;
|
|
7146
7003
|
var _useStatusDetails = useStatusDetails(),
|
|
@@ -7219,15 +7076,15 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
7219
7076
|
// padding: 8px 0;
|
|
7220
7077
|
// gap: 12px;
|
|
7221
7078
|
// `;
|
|
7222
|
-
var StatusBox = /*#__PURE__*/styled.div(_templateObject$
|
|
7223
|
-
var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
7079
|
+
var StatusBox = /*#__PURE__*/styled.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background: #fcfcfc;\n border: 1px solid #eee;\n border-radius: 20px;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: 5px;\n width: -webkit-fill-available;\n"])));
|
|
7080
|
+
var SkeletonItemContainer = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7224
7081
|
var SkeletonDivider = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 12px;\n height: 2px;\n background-color: #e0e0e0;\n margin: 0 4px;\n border-radius: 2px;\n"])));
|
|
7225
7082
|
var BoxContainer = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 20px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
7226
7083
|
var Heading = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n"])));
|
|
7227
7084
|
var Container$G = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7228
7085
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
7229
7086
|
|
|
7230
|
-
var _templateObject$
|
|
7087
|
+
var _templateObject$17;
|
|
7231
7088
|
// import DropDownOptions from './dropdowns';
|
|
7232
7089
|
function GeneralHeader(_ref) {
|
|
7233
7090
|
var statusDataLoading = _ref.statusDataLoading;
|
|
@@ -7235,7 +7092,7 @@ function GeneralHeader(_ref) {
|
|
|
7235
7092
|
statusDataLoading: statusDataLoading
|
|
7236
7093
|
}));
|
|
7237
7094
|
}
|
|
7238
|
-
var Section = /*#__PURE__*/styled.div(_templateObject$
|
|
7095
|
+
var Section = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7239
7096
|
|
|
7240
7097
|
var ActionIcon = function ActionIcon() {
|
|
7241
7098
|
return React.createElement("svg", {
|
|
@@ -7254,22 +7111,22 @@ var ActionIcon = function ActionIcon() {
|
|
|
7254
7111
|
}));
|
|
7255
7112
|
};
|
|
7256
7113
|
|
|
7257
|
-
var _templateObject$
|
|
7114
|
+
var _templateObject$18;
|
|
7258
7115
|
function BackgroundModal(props) {
|
|
7259
7116
|
return createPortal(React.createElement(Container$H, Object.assign({}, props), props.children), document.body);
|
|
7260
7117
|
}
|
|
7261
|
-
var Container$H = /*#__PURE__*/styled.div(_templateObject$
|
|
7118
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__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"])));
|
|
7262
7119
|
|
|
7263
|
-
var _templateObject$
|
|
7120
|
+
var _templateObject$19, _templateObject2$R, _templateObject3$p, _templateObject4$f;
|
|
7264
7121
|
function AdditionalInformation(props) {
|
|
7265
7122
|
return React.createElement(Container$I, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$5, null, props.info)));
|
|
7266
7123
|
}
|
|
7267
|
-
var Text$5 = /*#__PURE__*/styled.p(_templateObject$
|
|
7268
|
-
var Container$I = /*#__PURE__*/styled.div(_templateObject2$
|
|
7124
|
+
var Text$5 = /*#__PURE__*/styled.p(_templateObject$19 || (_templateObject$19 = /*#__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"])));
|
|
7125
|
+
var Container$I = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7269
7126
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7270
7127
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__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"])));
|
|
7271
7128
|
|
|
7272
|
-
var _templateObject$
|
|
7129
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$q, _templateObject4$g;
|
|
7273
7130
|
function OrderActionHeader(props) {
|
|
7274
7131
|
var title = props.title,
|
|
7275
7132
|
actions = props.actions,
|
|
@@ -7284,12 +7141,12 @@ function OrderActionHeader(props) {
|
|
|
7284
7141
|
onClick: onClose
|
|
7285
7142
|
}, React.createElement(CrossIcon, null)));
|
|
7286
7143
|
}
|
|
7287
|
-
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$
|
|
7288
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7144
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
7145
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7289
7146
|
var Title = /*#__PURE__*/styled.h3(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n color: #edebe8;\n text-transform: uppercase;\n font-size: 20px;\n font-family: 'Roboto', sans-serif;\n font-style: normal;\n font-weight: 900;\n text-wrap: nowrap;\n"])));
|
|
7290
7147
|
var Container$J = /*#__PURE__*/styled.div(_templateObject4$g || (_templateObject4$g = /*#__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"])));
|
|
7291
7148
|
|
|
7292
|
-
var _templateObject$
|
|
7149
|
+
var _templateObject$1b, _templateObject2$T;
|
|
7293
7150
|
function OrderActionFooter(props) {
|
|
7294
7151
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7295
7152
|
return React.createElement(Container$K, null, React.createElement(SubmitButton, {
|
|
@@ -7299,10 +7156,10 @@ function OrderActionFooter(props) {
|
|
|
7299
7156
|
disabled: isSubmitDisabled
|
|
7300
7157
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7301
7158
|
}
|
|
7302
|
-
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$
|
|
7303
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject2$
|
|
7159
|
+
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7160
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__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"])));
|
|
7304
7161
|
|
|
7305
|
-
var _templateObject$
|
|
7162
|
+
var _templateObject$1c;
|
|
7306
7163
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7307
7164
|
function OrderActionModal(_ref) {
|
|
7308
7165
|
var _ref$minWidth = _ref.minWidth,
|
|
@@ -7327,7 +7184,7 @@ function OrderActionModal(_ref) {
|
|
|
7327
7184
|
})));
|
|
7328
7185
|
}
|
|
7329
7186
|
// Styled component with dynamic min-width
|
|
7330
|
-
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
7187
|
+
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: ", "; // Dynamic max-width\n min-width: ", "; // Dynamic min-width\n"])), function (_ref2) {
|
|
7331
7188
|
var maxWidth = _ref2.maxWidth;
|
|
7332
7189
|
return maxWidth;
|
|
7333
7190
|
}, function (_ref3) {
|
|
@@ -7335,7 +7192,7 @@ var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateOb
|
|
|
7335
7192
|
return minWidth;
|
|
7336
7193
|
});
|
|
7337
7194
|
|
|
7338
|
-
var _templateObject$
|
|
7195
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$r, _templateObject9$2;
|
|
7339
7196
|
function ChargeLog() {
|
|
7340
7197
|
var _fetchedData$data, _fetchedData$data2;
|
|
7341
7198
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7406,12 +7263,12 @@ function ChargeLog() {
|
|
|
7406
7263
|
})))));
|
|
7407
7264
|
}
|
|
7408
7265
|
// Styled components
|
|
7409
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
7410
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
7266
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 290px);\n scrollbar-width: none;\n width: 100%;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
7267
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n padding: 10px;\n thead {\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 5px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n text-transform: capitalize;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n }\n .link {\n color: #09f;\n font-family: Roboto;\n font-weight: 400;\n .linkHover {\n cursor: pointer;\n }\n }\n td {\n .flex {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .overDue {\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n padding: 4px 8px;\n color: #e95252;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .emptyTd {\n border-radius: 100px !important;\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
7411
7268
|
var EmptyDataContainer$2 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7412
7269
|
var Value = /*#__PURE__*/styled.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7413
7270
|
|
|
7414
|
-
var _templateObject$
|
|
7271
|
+
var _templateObject$1e;
|
|
7415
7272
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
7416
7273
|
var _useSelectedProducts = useSelectedProducts(),
|
|
7417
7274
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7584,9 +7441,9 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7584
7441
|
}, React.createElement(ActionIcon, null))));
|
|
7585
7442
|
})))));
|
|
7586
7443
|
};
|
|
7587
|
-
var StyleCheckbox = /*#__PURE__*/styled(Checkbox)(_templateObject$
|
|
7444
|
+
var StyleCheckbox = /*#__PURE__*/styled(Checkbox)(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7588
7445
|
|
|
7589
|
-
var _templateObject$
|
|
7446
|
+
var _templateObject$1f;
|
|
7590
7447
|
var ProductTable = function ProductTable(props) {
|
|
7591
7448
|
return React.createElement(Container$L, null, React.createElement(ReturnProductTable, {
|
|
7592
7449
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
@@ -7594,9 +7451,9 @@ var ProductTable = function ProductTable(props) {
|
|
|
7594
7451
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7595
7452
|
}));
|
|
7596
7453
|
};
|
|
7597
|
-
var Container$L = /*#__PURE__*/styled.div(_templateObject$
|
|
7454
|
+
var Container$L = /*#__PURE__*/styled.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7598
7455
|
|
|
7599
|
-
var _templateObject$
|
|
7456
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$s;
|
|
7600
7457
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
7601
7458
|
var selectedOrderId = /*#__PURE__*/atom(null);
|
|
7602
7459
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7710,11 +7567,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7710
7567
|
notFoundContent: "No orders found with a similar postcode"
|
|
7711
7568
|
}));
|
|
7712
7569
|
};
|
|
7713
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
7714
|
-
var Container$M = /*#__PURE__*/styled.div(_templateObject2$
|
|
7570
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled(Select)(_templateObject$1g || (_templateObject$1g = /*#__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"])));
|
|
7571
|
+
var Container$M = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
7715
7572
|
var Text$6 = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
7716
7573
|
|
|
7717
|
-
var _templateObject$
|
|
7574
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$t;
|
|
7718
7575
|
function ExpandedContent$2(props) {
|
|
7719
7576
|
var _response$data, _response$data2;
|
|
7720
7577
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -7830,18 +7687,18 @@ function ExpandedContent$2(props) {
|
|
|
7830
7687
|
disabled: isButtonDisabled
|
|
7831
7688
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
7832
7689
|
}
|
|
7833
|
-
var MidContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
7834
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7690
|
+
var MidContainer = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__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"])));
|
|
7691
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7835
7692
|
var Container$N = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7836
7693
|
|
|
7837
|
-
var _templateObject$
|
|
7694
|
+
var _templateObject$1i, _templateObject2$X;
|
|
7838
7695
|
function CollapsedContent$1() {
|
|
7839
7696
|
return React.createElement(Container$O, null, React.createElement(SectionHeader, {
|
|
7840
7697
|
label: "Products"
|
|
7841
7698
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
7842
7699
|
}
|
|
7843
|
-
var Dimensions = /*#__PURE__*/styled.span(_templateObject$
|
|
7844
|
-
var Container$O = /*#__PURE__*/styled.div(_templateObject2$
|
|
7700
|
+
var Dimensions = /*#__PURE__*/styled.span(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
7701
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
7845
7702
|
|
|
7846
7703
|
function ProductsInfo(_ref) {
|
|
7847
7704
|
var locationloading = _ref.locationloading;
|
|
@@ -7888,7 +7745,7 @@ function ProductsInfo(_ref) {
|
|
|
7888
7745
|
}));
|
|
7889
7746
|
}
|
|
7890
7747
|
|
|
7891
|
-
var _templateObject$
|
|
7748
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$u;
|
|
7892
7749
|
function OrderActionsDropdown(props) {
|
|
7893
7750
|
return React.createElement(Container$P, {
|
|
7894
7751
|
className: props.className
|
|
@@ -7907,8 +7764,8 @@ function OrderActionsDropdown(props) {
|
|
|
7907
7764
|
defaultValue: props.value
|
|
7908
7765
|
}));
|
|
7909
7766
|
}
|
|
7910
|
-
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$
|
|
7911
|
-
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$
|
|
7767
|
+
var RequiredAsterisk = /*#__PURE__*/styled.span(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7768
|
+
var Label$1 = /*#__PURE__*/styled.label(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
7912
7769
|
var Container$P = /*#__PURE__*/styled.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7913
7770
|
|
|
7914
7771
|
var initialPayload = {
|
|
@@ -8163,7 +8020,7 @@ function UploadIcon(props) {
|
|
|
8163
8020
|
})));
|
|
8164
8021
|
}
|
|
8165
8022
|
|
|
8166
|
-
var _templateObject$
|
|
8023
|
+
var _templateObject$1k, _templateObject2$Z, _templateObject3$v, _templateObject4$h, _templateObject5$a, _templateObject6$4, _templateObject7$6, _templateObject8$4, _templateObject9$3, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
8167
8024
|
// Store uploaded files
|
|
8168
8025
|
var uploadedFilesAtom = /*#__PURE__*/atom([]);
|
|
8169
8026
|
// Allowed file MIME types
|
|
@@ -8270,8 +8127,8 @@ function DocFileUpload() {
|
|
|
8270
8127
|
}));
|
|
8271
8128
|
}))));
|
|
8272
8129
|
}
|
|
8273
|
-
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
8274
|
-
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
8130
|
+
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8131
|
+
var DraggerContainer = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 6px;\n border-radius: 30px;\n border: ", ";\n background-color: #fff;\n transition: border-color 0.3s ease;\n cursor: pointer;\n"])), function (props) {
|
|
8275
8132
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
8276
8133
|
});
|
|
8277
8134
|
var Container$Q = /*#__PURE__*/styled.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
@@ -8286,7 +8143,7 @@ var FilesTitle = /*#__PURE__*/styled.h4(_templateObject11$1 || (_templateObject1
|
|
|
8286
8143
|
var FilesList = /*#__PURE__*/styled.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n max-height: 200px;\n list-style-type: none;\n padding: 0;\n"])));
|
|
8287
8144
|
var FileItem = /*#__PURE__*/styled.li(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n color: #333;\n margin: 5px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
8288
8145
|
|
|
8289
|
-
var _templateObject$
|
|
8146
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$w, _templateObject4$i, _templateObject5$b;
|
|
8290
8147
|
function AddResources() {
|
|
8291
8148
|
var _staticOrderData$reso;
|
|
8292
8149
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8424,16 +8281,16 @@ function AddResources() {
|
|
|
8424
8281
|
onSelect: onSelectCancelReason
|
|
8425
8282
|
}), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$2, null, "File"), " ", React.createElement(RequiredAsterisk$1, null, "*"), React.createElement(DocFileUpload, null), ' ')));
|
|
8426
8283
|
}
|
|
8427
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
8428
|
-
var Label$2 = /*#__PURE__*/styled.label(_templateObject2
|
|
8284
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8285
|
+
var Label$2 = /*#__PURE__*/styled.label(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8429
8286
|
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8430
8287
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
8431
8288
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
8432
8289
|
|
|
8433
|
-
var _templateObject$
|
|
8290
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$x;
|
|
8434
8291
|
// Styled components
|
|
8435
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
8436
|
-
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2
|
|
8292
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__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"])));
|
|
8293
|
+
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject2$$ || (_templateObject2$$ = /*#__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"])));
|
|
8437
8294
|
var EmptyDataContainer$3 = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8438
8295
|
|
|
8439
8296
|
function SplitOrderTable() {
|
|
@@ -8519,7 +8376,7 @@ function SplitOrderTable() {
|
|
|
8519
8376
|
})))));
|
|
8520
8377
|
}
|
|
8521
8378
|
|
|
8522
|
-
var _templateObject$
|
|
8379
|
+
var _templateObject$1n;
|
|
8523
8380
|
function SplitOrder() {
|
|
8524
8381
|
var _response$data;
|
|
8525
8382
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8590,7 +8447,7 @@ function SplitOrder() {
|
|
|
8590
8447
|
isSubmitDisabled: isSubmitDisabled()
|
|
8591
8448
|
}, React.createElement(ContentContainer$1, null, React.createElement(SplitOrderTable, null)));
|
|
8592
8449
|
}
|
|
8593
|
-
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
8450
|
+
var ContentContainer$1 = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__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"])));
|
|
8594
8451
|
|
|
8595
8452
|
function ReturnAction() {
|
|
8596
8453
|
var _orderStaticData$orde;
|
|
@@ -8701,7 +8558,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8701
8558
|
}));
|
|
8702
8559
|
};
|
|
8703
8560
|
|
|
8704
|
-
var _templateObject$
|
|
8561
|
+
var _templateObject$1o, _templateObject2$10, _templateObject3$y, _templateObject4$j, _templateObject5$c;
|
|
8705
8562
|
var deliverTypeOptions = [{
|
|
8706
8563
|
label: 'Deliver',
|
|
8707
8564
|
value: 'deliver',
|
|
@@ -8846,13 +8703,13 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8846
8703
|
}))))))));
|
|
8847
8704
|
})))));
|
|
8848
8705
|
};
|
|
8849
|
-
var CustomSelectDropdown = /*#__PURE__*/styled(Select)(_templateObject$
|
|
8850
|
-
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8706
|
+
var CustomSelectDropdown = /*#__PURE__*/styled(Select)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 10px;\n align-items: center;\n\n .ant-select-prefix {\n margin-top: 3px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
8707
|
+
var StyledTableWrapper$4 = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
8851
8708
|
var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8852
8709
|
var StyledTable$4 = /*#__PURE__*/styled.table(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
8853
8710
|
var ReturnRowWrapper = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
8854
8711
|
|
|
8855
|
-
var _templateObject$
|
|
8712
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$z, _templateObject4$k, _templateObject5$d, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4, _templateObject10$2;
|
|
8856
8713
|
function CancelOrder(props) {
|
|
8857
8714
|
var _orderStaticData$canc;
|
|
8858
8715
|
var _useOrderId = useOrderId(),
|
|
@@ -9050,8 +8907,8 @@ function CancelOrder(props) {
|
|
|
9050
8907
|
placeholder: "Reason for Cancel Order"
|
|
9051
8908
|
})))), React.createElement(Bottom$2, null, React.createElement(CancelOrderTable, null))));
|
|
9052
8909
|
}
|
|
9053
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
9054
|
-
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$
|
|
8910
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8911
|
+
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9055
8912
|
var Label$3 = /*#__PURE__*/styled.label(_templateObject3$z || (_templateObject3$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"])));
|
|
9056
8913
|
var Container$R = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9057
8914
|
var Wrapper$e = /*#__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"])));
|
|
@@ -9061,7 +8918,7 @@ var Top$2 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 =
|
|
|
9061
8918
|
var Bottom$2 = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9062
8919
|
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n align-items: flex-start;\n flex-direction: column;\n width: 100%;\n"])));
|
|
9063
8920
|
|
|
9064
|
-
var _templateObject$
|
|
8921
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$A;
|
|
9065
8922
|
function EmailAddress() {
|
|
9066
8923
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
9067
8924
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9102,11 +8959,11 @@ function EmailAddress() {
|
|
|
9102
8959
|
onChange: onChange
|
|
9103
8960
|
}), errors.emailError && React.createElement(ErrorText$5, null, errors.emailError));
|
|
9104
8961
|
}
|
|
9105
|
-
var Label$4 = /*#__PURE__*/styled.label(_templateObject$
|
|
9106
|
-
var Container$S = /*#__PURE__*/styled.div(_templateObject2$
|
|
8962
|
+
var Label$4 = /*#__PURE__*/styled.label(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8963
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9107
8964
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9108
8965
|
|
|
9109
|
-
var _templateObject$
|
|
8966
|
+
var _templateObject$1r, _templateObject2$13, _templateObject3$B;
|
|
9110
8967
|
function ContactPhone() {
|
|
9111
8968
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9112
8969
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9167,11 +9024,11 @@ function ContactPhone() {
|
|
|
9167
9024
|
onChange: onChange
|
|
9168
9025
|
}), errors.homeContactError && React.createElement(ErrorText$6, null, errors.homeContactError));
|
|
9169
9026
|
}
|
|
9170
|
-
var Label$5 = /*#__PURE__*/styled.label(_templateObject$
|
|
9171
|
-
var Container$T = /*#__PURE__*/styled.div(_templateObject2$
|
|
9027
|
+
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9028
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9172
9029
|
var ErrorText$6 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9173
9030
|
|
|
9174
|
-
var _templateObject$
|
|
9031
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$C;
|
|
9175
9032
|
function ContactWork$1() {
|
|
9176
9033
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9177
9034
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9232,11 +9089,11 @@ function ContactWork$1() {
|
|
|
9232
9089
|
onChange: onChange
|
|
9233
9090
|
}), errors.workContactError && React.createElement(ErrorText$7, null, errors.workContactError));
|
|
9234
9091
|
}
|
|
9235
|
-
var Label$6 = /*#__PURE__*/styled.label(_templateObject$
|
|
9236
|
-
var Container$U = /*#__PURE__*/styled.div(_templateObject2$
|
|
9092
|
+
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9093
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9237
9094
|
var ErrorText$7 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9238
9095
|
|
|
9239
|
-
var _templateObject$
|
|
9096
|
+
var _templateObject$1t, _templateObject2$15, _templateObject3$D;
|
|
9240
9097
|
function ContactMobile$1() {
|
|
9241
9098
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9242
9099
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9297,8 +9154,8 @@ function ContactMobile$1() {
|
|
|
9297
9154
|
onChange: onChange
|
|
9298
9155
|
}), errors.mobileError && React.createElement(ErrorText$8, null, errors.mobileError));
|
|
9299
9156
|
}
|
|
9300
|
-
var Label$7 = /*#__PURE__*/styled.label(_templateObject$
|
|
9301
|
-
var Container$V = /*#__PURE__*/styled.div(_templateObject2$
|
|
9157
|
+
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9158
|
+
var Container$V = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9302
9159
|
var ErrorText$8 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9303
9160
|
|
|
9304
9161
|
function ContactTypeDropdown() {
|
|
@@ -9332,7 +9189,7 @@ function ContactTypeDropdown() {
|
|
|
9332
9189
|
});
|
|
9333
9190
|
}
|
|
9334
9191
|
|
|
9335
|
-
var _templateObject$
|
|
9192
|
+
var _templateObject$1u;
|
|
9336
9193
|
function ActionDropdown() {
|
|
9337
9194
|
var _useOrderStaticData = useOrderStaticData(),
|
|
9338
9195
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -9375,9 +9232,9 @@ function ActionDropdown() {
|
|
|
9375
9232
|
className: "action-dropdown"
|
|
9376
9233
|
}));
|
|
9377
9234
|
}
|
|
9378
|
-
var Container$W = /*#__PURE__*/styled.div(_templateObject$
|
|
9235
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9379
9236
|
|
|
9380
|
-
var _templateObject$
|
|
9237
|
+
var _templateObject$1v, _templateObject2$16;
|
|
9381
9238
|
function DeliveryDate$1() {
|
|
9382
9239
|
var _useOrderDetails = useOrderDetails(),
|
|
9383
9240
|
dateOrderDetails = _useOrderDetails[0];
|
|
@@ -9425,8 +9282,8 @@ function DeliveryDate$1() {
|
|
|
9425
9282
|
allowClear: false
|
|
9426
9283
|
}));
|
|
9427
9284
|
}
|
|
9428
|
-
var Label$8 = /*#__PURE__*/styled.label(_templateObject$
|
|
9429
|
-
var Container$X = /*#__PURE__*/styled.div(_templateObject2$
|
|
9285
|
+
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
9286
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
9430
9287
|
|
|
9431
9288
|
function convertTo12HourFormat$1(time24) {
|
|
9432
9289
|
var _time24$split, _minutes$toString;
|
|
@@ -9475,19 +9332,19 @@ function TimedServiceDropdown$1() {
|
|
|
9475
9332
|
});
|
|
9476
9333
|
}
|
|
9477
9334
|
|
|
9478
|
-
var _templateObject$
|
|
9335
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$E, _templateObject4$l;
|
|
9479
9336
|
function CustomerInformation() {
|
|
9480
9337
|
var _orderDetails$order_r;
|
|
9481
9338
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9482
9339
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9483
9340
|
return React.createElement(Container$Y, null, React.createElement(Title$1, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$f, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$f, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$f, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$f, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
9484
9341
|
}
|
|
9485
|
-
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$
|
|
9486
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
9342
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
9343
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$17 || (_templateObject2$17 = /*#__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"])));
|
|
9487
9344
|
var Title$1 = /*#__PURE__*/styled.span(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
9488
9345
|
var Container$Y = /*#__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"])));
|
|
9489
9346
|
|
|
9490
|
-
var _templateObject$
|
|
9347
|
+
var _templateObject$1x, _templateObject2$18;
|
|
9491
9348
|
function ProductTable$1() {
|
|
9492
9349
|
var _useProductDetails = useProductDetails(),
|
|
9493
9350
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -9514,10 +9371,10 @@ function ProductTable$1() {
|
|
|
9514
9371
|
}, 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));
|
|
9515
9372
|
})))));
|
|
9516
9373
|
}
|
|
9517
|
-
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$
|
|
9518
|
-
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$
|
|
9374
|
+
var Title$2 = /*#__PURE__*/styled.h2(_templateObject$1x || (_templateObject$1x = /*#__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"])));
|
|
9375
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
9519
9376
|
|
|
9520
|
-
var _templateObject$
|
|
9377
|
+
var _templateObject$1y, _templateObject2$19;
|
|
9521
9378
|
function NotesTable() {
|
|
9522
9379
|
var _useState = useState(null),
|
|
9523
9380
|
moduleIds = _useState[0],
|
|
@@ -9613,30 +9470,30 @@ function NotesTable() {
|
|
|
9613
9470
|
}));
|
|
9614
9471
|
}))))));
|
|
9615
9472
|
}
|
|
9616
|
-
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$
|
|
9617
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$
|
|
9473
|
+
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1y || (_templateObject$1y = /*#__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"])));
|
|
9474
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 350px;\n }\n"])));
|
|
9618
9475
|
|
|
9619
|
-
var _templateObject$
|
|
9476
|
+
var _templateObject$1z, _templateObject2$1a;
|
|
9620
9477
|
function ConfirmationNotes() {
|
|
9621
9478
|
return React.createElement(Container$$, null, React.createElement(Label$9, null, "Notes"), React.createElement(TextArea, {
|
|
9622
9479
|
rows: 5,
|
|
9623
9480
|
placeholder: "Enter Notes"
|
|
9624
9481
|
}));
|
|
9625
9482
|
}
|
|
9626
|
-
var Label$9 = /*#__PURE__*/styled.label(_templateObject$
|
|
9627
|
-
var Container$$ = /*#__PURE__*/styled.div(_templateObject2$
|
|
9483
|
+
var Label$9 = /*#__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"])));
|
|
9484
|
+
var Container$$ = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9628
9485
|
|
|
9629
|
-
var _templateObject$
|
|
9486
|
+
var _templateObject$1A, _templateObject2$1b;
|
|
9630
9487
|
function DeliveryInstructions$1() {
|
|
9631
9488
|
return React.createElement(Container$10, null, React.createElement(Label$a, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
9632
9489
|
rows: 5,
|
|
9633
9490
|
placeholder: "Enter Delivery Instructions"
|
|
9634
9491
|
}));
|
|
9635
9492
|
}
|
|
9636
|
-
var Label$a = /*#__PURE__*/styled.label(_templateObject$
|
|
9637
|
-
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9493
|
+
var Label$a = /*#__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"])));
|
|
9494
|
+
var Container$10 = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9638
9495
|
|
|
9639
|
-
var _templateObject$
|
|
9496
|
+
var _templateObject$1B, _templateObject2$1c;
|
|
9640
9497
|
function ContactWith() {
|
|
9641
9498
|
return React.createElement(Container$11, null, React.createElement(Label$b, null, "Contact With"), React.createElement(Input$3, {
|
|
9642
9499
|
style: {
|
|
@@ -9644,22 +9501,22 @@ function ContactWith() {
|
|
|
9644
9501
|
}
|
|
9645
9502
|
}));
|
|
9646
9503
|
}
|
|
9647
|
-
var Label$b = /*#__PURE__*/styled.label(_templateObject$
|
|
9648
|
-
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9504
|
+
var Label$b = /*#__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"])));
|
|
9505
|
+
var Container$11 = /*#__PURE__*/styled.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9649
9506
|
|
|
9650
|
-
var _templateObject$
|
|
9507
|
+
var _templateObject$1C, _templateObject2$1d, _templateObject3$F, _templateObject4$m;
|
|
9651
9508
|
function SlotAndInstructions() {
|
|
9652
9509
|
var _orderDetails$order_r;
|
|
9653
9510
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9654
9511
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9655
9512
|
return React.createElement(Container$12, null, React.createElement(Slot, null, React.createElement(Title$4, null, "Slot"), React.createElement(Value$1, 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));
|
|
9656
9513
|
}
|
|
9657
|
-
var Value$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
9658
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
9514
|
+
var Value$1 = /*#__PURE__*/styled.span(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9515
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9659
9516
|
var Title$4 = /*#__PURE__*/styled.span(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
9660
9517
|
var Container$12 = /*#__PURE__*/styled.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
9661
9518
|
|
|
9662
|
-
var _templateObject$
|
|
9519
|
+
var _templateObject$1D, _templateObject2$1e;
|
|
9663
9520
|
function ConfirmOrder(props) {
|
|
9664
9521
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3;
|
|
9665
9522
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10007,11 +9864,11 @@ function ConfirmOrder(props) {
|
|
|
10007
9864
|
showCloseIcon: false
|
|
10008
9865
|
}), React.createElement(Wrapper$g, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
10009
9866
|
}
|
|
10010
|
-
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$
|
|
10011
|
-
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9867
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
9868
|
+
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject2$1e || (_templateObject2$1e = /*#__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"])));
|
|
10012
9869
|
|
|
10013
|
-
var _templateObject2$
|
|
10014
|
-
var StyledInput = /*#__PURE__*/styled(Input$2)(_templateObject2$
|
|
9870
|
+
var _templateObject2$1f, _templateObject3$G, _templateObject5$e, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
9871
|
+
var StyledInput = /*#__PURE__*/styled(Input$2)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10015
9872
|
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$G || (_templateObject3$G = /*#__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"])));
|
|
10016
9873
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10017
9874
|
var SplitText = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n flex-direction: column;\n margin-bottom: 4px;\n"])));
|
|
@@ -10023,7 +9880,7 @@ var HoldContentContainer = /*#__PURE__*/styled.div(_templateObject11$2 || (_temp
|
|
|
10023
9880
|
var HoldDatePickerWrap = /*#__PURE__*/styled.div(_templateObject18$1 || (_templateObject18$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\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 line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 21.5vw;\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 .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 346px;\n }\n"])));
|
|
10024
9881
|
var DatePickerWrap = /*#__PURE__*/styled.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\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 line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\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 .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
10025
9882
|
|
|
10026
|
-
var _templateObject$
|
|
9883
|
+
var _templateObject$1E, _templateObject2$1g;
|
|
10027
9884
|
function SendSmsModal() {
|
|
10028
9885
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _formData$to$trim;
|
|
10029
9886
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10199,13 +10056,13 @@ function SendSmsModal() {
|
|
|
10199
10056
|
}
|
|
10200
10057
|
})));
|
|
10201
10058
|
}
|
|
10202
|
-
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
10059
|
+
var ContentContainer$5 = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\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"])));
|
|
10203
10060
|
// const CustomTextArea = styled(TextArea)`
|
|
10204
10061
|
// width: 700px;
|
|
10205
10062
|
// height: 140px;
|
|
10206
10063
|
// resize: none;
|
|
10207
10064
|
// `;
|
|
10208
|
-
var ErrorText$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
10065
|
+
var ErrorText$9 = /*#__PURE__*/styled.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 12px;\n margin-top: 4px;\n"])));
|
|
10209
10066
|
|
|
10210
10067
|
function SendEmailModal() {
|
|
10211
10068
|
var _orderDetails$order_r;
|
|
@@ -10658,7 +10515,7 @@ function HoldOrderModal(props) {
|
|
|
10658
10515
|
})))));
|
|
10659
10516
|
}
|
|
10660
10517
|
|
|
10661
|
-
var _templateObject$
|
|
10518
|
+
var _templateObject$1F;
|
|
10662
10519
|
var UnholdOrder = function UnholdOrder(props) {
|
|
10663
10520
|
var _useOrderId = useOrderId(),
|
|
10664
10521
|
orderId = _useOrderId[0];
|
|
@@ -10742,9 +10599,9 @@ var UnholdOrder = function UnholdOrder(props) {
|
|
|
10742
10599
|
})
|
|
10743
10600
|
});
|
|
10744
10601
|
};
|
|
10745
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
10602
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10746
10603
|
|
|
10747
|
-
var _templateObject$
|
|
10604
|
+
var _templateObject$1G, _templateObject2$1h;
|
|
10748
10605
|
function AssigneeDropdown() {
|
|
10749
10606
|
var _reminderPayload$assi;
|
|
10750
10607
|
var _useReminderById = useReminderById(),
|
|
@@ -11008,12 +10865,12 @@ function AssigneeDropdown() {
|
|
|
11008
10865
|
mode: "multiple"
|
|
11009
10866
|
}));
|
|
11010
10867
|
}
|
|
11011
|
-
var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
11012
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$
|
|
10868
|
+
var FormContainer$3 = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
10869
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled(Select)(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11013
10870
|
|
|
11014
|
-
var _templateObject$
|
|
11015
|
-
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11016
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
10871
|
+
var _templateObject$1H, _templateObject2$1i, _templateObject3$H, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
10872
|
+
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 770px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n margin-top: 15px;\n"])));
|
|
10873
|
+
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 5px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
11017
10874
|
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
11018
10875
|
var Column = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11019
10876
|
var Row$5 = /*#__PURE__*/styled(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
@@ -11063,7 +10920,7 @@ var priorityData = [{
|
|
|
11063
10920
|
color: '#E95252'
|
|
11064
10921
|
}];
|
|
11065
10922
|
|
|
11066
|
-
var _templateObject$
|
|
10923
|
+
var _templateObject$1I, _templateObject2$1j, _templateObject3$I, _templateObject4$n;
|
|
11067
10924
|
function StatusIndicator(props) {
|
|
11068
10925
|
var statusColor = getStatusColor(props.status);
|
|
11069
10926
|
return React.createElement(Container$13, null, React.createElement(StatusCircleContainer, {
|
|
@@ -11074,10 +10931,10 @@ function StatusIndicator(props) {
|
|
|
11074
10931
|
status: props.status
|
|
11075
10932
|
}, props.text));
|
|
11076
10933
|
}
|
|
11077
|
-
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$
|
|
10934
|
+
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1I || (_templateObject$1I = /*#__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) {
|
|
11078
10935
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11079
10936
|
});
|
|
11080
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
10937
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1j || (_templateObject2$1j = /*#__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) {
|
|
11081
10938
|
return props.color;
|
|
11082
10939
|
});
|
|
11083
10940
|
var Container$13 = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -11085,7 +10942,7 @@ var Text$7 = /*#__PURE__*/styled.span(_templateObject4$n || (_templateObject4$n
|
|
|
11085
10942
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11086
10943
|
});
|
|
11087
10944
|
|
|
11088
|
-
var _templateObject$
|
|
10945
|
+
var _templateObject$1J, _templateObject2$1k, _templateObject3$J, _templateObject4$o, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
|
|
11089
10946
|
var _excluded$6 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11090
10947
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11091
10948
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11349,8 +11206,8 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11349
11206
|
}
|
|
11350
11207
|
return {};
|
|
11351
11208
|
};
|
|
11352
|
-
var Right$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11353
|
-
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
11209
|
+
var Right$1 = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11210
|
+
var StyleContainer = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11354
11211
|
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
11355
11212
|
var StyledLabel$1 = /*#__PURE__*/styled.label(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11356
11213
|
var StyledSpan = /*#__PURE__*/styled.span(_templateObject5$f || (_templateObject5$f = /*#__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"])));
|
|
@@ -11359,7 +11216,7 @@ var OuterDiv = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9
|
|
|
11359
11216
|
var RoundCheckbox = /*#__PURE__*/styled.span(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11360
11217
|
var LabelText = /*#__PURE__*/styled.span(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--primary-dark-brown, #3a3630);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
11361
11218
|
|
|
11362
|
-
var _templateObject$
|
|
11219
|
+
var _templateObject$1K, _templateObject2$1l, _templateObject3$K, _templateObject4$p, _templateObject5$g, _templateObject6$8;
|
|
11363
11220
|
function HeaderSection(_ref) {
|
|
11364
11221
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11365
11222
|
setTasksData = _ref.setTasksData;
|
|
@@ -11460,14 +11317,14 @@ function HeaderSection(_ref) {
|
|
|
11460
11317
|
})
|
|
11461
11318
|
})));
|
|
11462
11319
|
}
|
|
11463
|
-
var Header$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
11464
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
11320
|
+
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11321
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11465
11322
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n background: #feba30;\n padding: 6px;\n border-radius: 6px;\n font-weight: 600;\n font-size: 13px;\n border: 1px solid #feba30;\n"])));
|
|
11466
11323
|
var Title$5 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
11467
11324
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$g || (_templateObject5$g = /*#__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"])));
|
|
11468
11325
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11469
11326
|
|
|
11470
|
-
var _templateObject$
|
|
11327
|
+
var _templateObject$1L, _templateObject2$1m;
|
|
11471
11328
|
function TextSection() {
|
|
11472
11329
|
var _useUpdateTask = useUpdateTask(),
|
|
11473
11330
|
taskPayload = _useUpdateTask[0],
|
|
@@ -11485,10 +11342,10 @@ function TextSection() {
|
|
|
11485
11342
|
onChange: onChangeDetails
|
|
11486
11343
|
}));
|
|
11487
11344
|
}
|
|
11488
|
-
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$
|
|
11489
|
-
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11345
|
+
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
11346
|
+
var Text$8 = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
11490
11347
|
|
|
11491
|
-
var _templateObject$
|
|
11348
|
+
var _templateObject$1M, _templateObject2$1n, _templateObject3$L;
|
|
11492
11349
|
function ButtonsSection() {
|
|
11493
11350
|
var _staticData$;
|
|
11494
11351
|
var _useStaticData = useStaticData(),
|
|
@@ -11579,11 +11436,11 @@ function ButtonsSection() {
|
|
|
11579
11436
|
status: "AD"
|
|
11580
11437
|
})));
|
|
11581
11438
|
}
|
|
11582
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
11583
|
-
var Buttons = /*#__PURE__*/styled.div(_templateObject2$
|
|
11439
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled(Select)(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
11440
|
+
var Buttons = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11584
11441
|
var Flex = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11585
11442
|
|
|
11586
|
-
var _templateObject$
|
|
11443
|
+
var _templateObject$1N, _templateObject2$1o, _templateObject3$M, _templateObject4$q, _templateObject5$h, _templateObject6$9;
|
|
11587
11444
|
var FlagsFilter = [{
|
|
11588
11445
|
label: 'Private',
|
|
11589
11446
|
value: 'private'
|
|
@@ -11704,14 +11561,14 @@ function RadioButtonsSection() {
|
|
|
11704
11561
|
required: false
|
|
11705
11562
|
}));
|
|
11706
11563
|
}
|
|
11707
|
-
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
11708
|
-
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$
|
|
11564
|
+
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
11565
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11709
11566
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
11710
11567
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11711
11568
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11712
11569
|
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11713
11570
|
|
|
11714
|
-
var _templateObject$
|
|
11571
|
+
var _templateObject$1O, _templateObject2$1p, _templateObject3$N, _templateObject4$r, _templateObject5$i;
|
|
11715
11572
|
function DetailSection() {
|
|
11716
11573
|
var _flagById$order_data, _flagById$order_data2;
|
|
11717
11574
|
var _useFlagById = useFlagById(),
|
|
@@ -11723,13 +11580,13 @@ function DetailSection() {
|
|
|
11723
11580
|
label: "Order"
|
|
11724
11581
|
}), React.createElement(Order, null, orderColumnData)));
|
|
11725
11582
|
}
|
|
11726
|
-
var Detail = /*#__PURE__*/styled.div(_templateObject$
|
|
11727
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11583
|
+
var Detail = /*#__PURE__*/styled.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
11584
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11728
11585
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11729
11586
|
var Order = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11730
11587
|
var StyledLabel$2 = /*#__PURE__*/styled(Label$j)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11731
11588
|
|
|
11732
|
-
var _templateObject$
|
|
11589
|
+
var _templateObject$1P, _templateObject2$1q, _templateObject3$O;
|
|
11733
11590
|
function ViewFlag() {
|
|
11734
11591
|
var _useStaticData = useStaticData(),
|
|
11735
11592
|
setStaticData = _useStaticData[1];
|
|
@@ -11807,11 +11664,11 @@ function ViewFlag() {
|
|
|
11807
11664
|
setTasksData: setTasksData
|
|
11808
11665
|
}), React.createElement(RadioButtonsSection, null)))));
|
|
11809
11666
|
}
|
|
11810
|
-
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
11811
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
11667
|
+
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
11668
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
11812
11669
|
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__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"])));
|
|
11813
11670
|
|
|
11814
|
-
var _templateObject$
|
|
11671
|
+
var _templateObject$1Q;
|
|
11815
11672
|
function ReleaseOrder() {
|
|
11816
11673
|
var _useOrderId = useOrderId(),
|
|
11817
11674
|
orderId = _useOrderId[0];
|
|
@@ -11890,9 +11747,9 @@ function ReleaseOrder() {
|
|
|
11890
11747
|
// position: absolute;
|
|
11891
11748
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
11892
11749
|
// `;
|
|
11893
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
11750
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11894
11751
|
|
|
11895
|
-
var _templateObject$
|
|
11752
|
+
var _templateObject$1R;
|
|
11896
11753
|
var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
11897
11754
|
var _useOrderId = useOrderId(),
|
|
11898
11755
|
orderId = _useOrderId[0];
|
|
@@ -11993,9 +11850,9 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
11993
11850
|
})
|
|
11994
11851
|
});
|
|
11995
11852
|
};
|
|
11996
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
11853
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11997
11854
|
|
|
11998
|
-
var _templateObject$
|
|
11855
|
+
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$s, _templateObject5$j;
|
|
11999
11856
|
var deliverTypeOptions$1 = [{
|
|
12000
11857
|
label: 'Deliver',
|
|
12001
11858
|
value: 'deliver',
|
|
@@ -12146,13 +12003,13 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12146
12003
|
}))))))));
|
|
12147
12004
|
})))));
|
|
12148
12005
|
};
|
|
12149
|
-
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$
|
|
12150
|
-
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12006
|
+
var CustomSelectDropdown$1 = /*#__PURE__*/styled(Select)(_templateObject$1S || (_templateObject$1S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 25px !important;\n /* border: none !important; */\n min-width: 100px;\n padding: 0 10px;\n display: flex;\n gap: 8px;\n align-items: center !important;\n\n .ant-select-prefix {\n margin-top: 4px;\n }\n }\n .ant-select-selection-item {\n font-weight: 400;\n font-size: 13px;\n }\n"])));
|
|
12007
|
+
var StyledTableWrapper$5 = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-x: auto;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n padding: 16px;\n"])));
|
|
12151
12008
|
var StyledDropdown$1 = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12152
12009
|
var StyledTable$5 = /*#__PURE__*/styled.table(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
12153
12010
|
var ReturnRowWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
12154
12011
|
|
|
12155
|
-
var _templateObject$
|
|
12012
|
+
var _templateObject$1T, _templateObject2$1s, _templateObject3$Q, _templateObject4$t;
|
|
12156
12013
|
function UncancelOrder(props) {
|
|
12157
12014
|
var _orderStaticData$unca;
|
|
12158
12015
|
var _useOrderId = useOrderId(),
|
|
@@ -12349,12 +12206,12 @@ function UncancelOrder(props) {
|
|
|
12349
12206
|
onChange: onChange
|
|
12350
12207
|
}))), React.createElement(UnCancelOrderTable, null)));
|
|
12351
12208
|
}
|
|
12352
|
-
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$
|
|
12353
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$
|
|
12209
|
+
var RequiredAsterisk$3 = /*#__PURE__*/styled.span(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12210
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 15px;\n gap: 30px;\n border-radius: 16px;\n border: 1px solid#edebe8;\n background: #f8fafc;\n\n .uncancelReasonDropdown {\n flex: 1;\n }\n"])));
|
|
12354
12211
|
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12355
12212
|
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12356
12213
|
|
|
12357
|
-
var _templateObject$
|
|
12214
|
+
var _templateObject$1U;
|
|
12358
12215
|
function RemoveFromRoute(props) {
|
|
12359
12216
|
var _useOrderId = useOrderId(),
|
|
12360
12217
|
orderId = _useOrderId[0];
|
|
@@ -12434,11 +12291,11 @@ function RemoveFromRoute(props) {
|
|
|
12434
12291
|
})
|
|
12435
12292
|
});
|
|
12436
12293
|
}
|
|
12437
|
-
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
12294
|
+
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12438
12295
|
|
|
12439
|
-
var _templateObject$
|
|
12296
|
+
var _templateObject$1V, _templateObject3$R, _templateObject4$u, _templateObject5$k, _templateObject7$a, _templateObject8$8, _templateObject9$7;
|
|
12440
12297
|
// Shared styles and components
|
|
12441
|
-
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$
|
|
12298
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12442
12299
|
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
12443
12300
|
var StyledAntSelect$7 = /*#__PURE__*/styled(Select)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12444
12301
|
var Label$d = /*#__PURE__*/styled.label(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
@@ -12487,7 +12344,7 @@ var fonts = {
|
|
|
12487
12344
|
secondary: "'Lato', sans-serif"
|
|
12488
12345
|
};
|
|
12489
12346
|
|
|
12490
|
-
var _templateObject$
|
|
12347
|
+
var _templateObject$1W, _templateObject2$1t, _templateObject3$S;
|
|
12491
12348
|
function RadioButton(props) {
|
|
12492
12349
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
12493
12350
|
color: props.color
|
|
@@ -12498,15 +12355,15 @@ function RadioButton(props) {
|
|
|
12498
12355
|
htmlFor: props.id
|
|
12499
12356
|
}, props.label));
|
|
12500
12357
|
}
|
|
12501
|
-
var Label$e = /*#__PURE__*/styled.label(_templateObject$
|
|
12502
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
12358
|
+
var Label$e = /*#__PURE__*/styled.label(_templateObject$1W || (_templateObject$1W = /*#__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);
|
|
12359
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$1t || (_templateObject2$1t = /*#__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$e, function (props) {
|
|
12503
12360
|
return props.color || '#6396e5';
|
|
12504
12361
|
}, function (props) {
|
|
12505
12362
|
return props.color || '#6396e5';
|
|
12506
12363
|
});
|
|
12507
12364
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
12508
12365
|
|
|
12509
|
-
var _templateObject$
|
|
12366
|
+
var _templateObject$1X, _templateObject2$1u, _templateObject3$T, _templateObject4$v, _templateObject5$l, _templateObject6$a, _templateObject7$b;
|
|
12510
12367
|
function RadioButtonGroup(props) {
|
|
12511
12368
|
var heading = props.heading,
|
|
12512
12369
|
_props$direction = props.direction,
|
|
@@ -12541,8 +12398,8 @@ function RadioButtonGroup(props) {
|
|
|
12541
12398
|
className: "custom-wrapper"
|
|
12542
12399
|
}, renderOptions()));
|
|
12543
12400
|
}
|
|
12544
|
-
var Separator = /*#__PURE__*/styled.div(_templateObject$
|
|
12545
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
12401
|
+
var Separator = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
12402
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$1u || (_templateObject2$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
12546
12403
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
12547
12404
|
return !props.$required && 'visibility: hidden;';
|
|
12548
12405
|
}, labelStyles);
|
|
@@ -12553,7 +12410,7 @@ var Wrapper$j = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$
|
|
|
12553
12410
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
12554
12411
|
});
|
|
12555
12412
|
|
|
12556
|
-
var _templateObject$
|
|
12413
|
+
var _templateObject$1Y, _templateObject2$1v, _templateObject3$U, _templateObject4$w, _templateObject5$m;
|
|
12557
12414
|
dayjs.extend(utc);
|
|
12558
12415
|
dayjs.extend(isValid);
|
|
12559
12416
|
function CreateReminderModal() {
|
|
@@ -12962,13 +12819,13 @@ function CreateReminderModal() {
|
|
|
12962
12819
|
onChange: handleChange
|
|
12963
12820
|
})));
|
|
12964
12821
|
}
|
|
12965
|
-
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
12966
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
12822
|
+
var StyleContainer$1 = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
12823
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject2$1v || (_templateObject2$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
12967
12824
|
var StyledAntSelect$8 = /*#__PURE__*/styled(Select)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
12968
12825
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 100px;\n"])));
|
|
12969
12826
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--contextual-blue, #6396e5);\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n cursor: pointer;\n"])));
|
|
12970
12827
|
|
|
12971
|
-
var _templateObject$
|
|
12828
|
+
var _templateObject$1Z;
|
|
12972
12829
|
function ReminderModal(props) {
|
|
12973
12830
|
var _useCurrentAction = useCurrentAction(),
|
|
12974
12831
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13078,7 +12935,7 @@ function ReminderModal(props) {
|
|
|
13078
12935
|
footerActions: ''
|
|
13079
12936
|
}, React.createElement(ContentContainer$6, null, React.createElement(CreateReminderModal, null))));
|
|
13080
12937
|
}
|
|
13081
|
-
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
12938
|
+
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13082
12939
|
|
|
13083
12940
|
var CustomOptions = [{
|
|
13084
12941
|
label: 'Private',
|
|
@@ -13088,7 +12945,7 @@ var CustomOptions = [{
|
|
|
13088
12945
|
value: 'public'
|
|
13089
12946
|
}];
|
|
13090
12947
|
|
|
13091
|
-
var _templateObject$
|
|
12948
|
+
var _templateObject$1_, _templateObject2$1w, _templateObject3$V;
|
|
13092
12949
|
function CreateTaskModal() {
|
|
13093
12950
|
var _useStaticData = useStaticData(),
|
|
13094
12951
|
staticData = _useStaticData[0];
|
|
@@ -13241,11 +13098,11 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13241
13098
|
}
|
|
13242
13099
|
return {};
|
|
13243
13100
|
};
|
|
13244
|
-
var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
13245
|
-
var Label$g = /*#__PURE__*/styled.label(_templateObject2$
|
|
13101
|
+
var StyleContainer$2 = /*#__PURE__*/styled.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13102
|
+
var Label$g = /*#__PURE__*/styled.label(_templateObject2$1w || (_templateObject2$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
13246
13103
|
var StyledTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n resize: none;\n height: 50%;\n"])));
|
|
13247
13104
|
|
|
13248
|
-
var _templateObject$
|
|
13105
|
+
var _templateObject$1$;
|
|
13249
13106
|
function TaskModal(props) {
|
|
13250
13107
|
var _useCurrentAction = useCurrentAction(),
|
|
13251
13108
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13348,18 +13205,18 @@ function TaskModal(props) {
|
|
|
13348
13205
|
})
|
|
13349
13206
|
}, React.createElement(ContentContainer$4, null, React.createElement(CreateTaskModal, null))));
|
|
13350
13207
|
}
|
|
13351
|
-
var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$
|
|
13208
|
+
var OrderModal$1 = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13352
13209
|
|
|
13353
|
-
var _templateObject$
|
|
13354
|
-
var Title$6 = /*#__PURE__*/styled.span(_templateObject$
|
|
13355
|
-
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$
|
|
13210
|
+
var _templateObject$20, _templateObject2$1x, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
|
|
13211
|
+
var Title$6 = /*#__PURE__*/styled.span(_templateObject$20 || (_templateObject$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Lato', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #6a7378;\n"])));
|
|
13212
|
+
var Container$15 = /*#__PURE__*/styled.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13356
13213
|
var FieldRow = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 300px;\n justify-content: space-between;\n"])));
|
|
13357
13214
|
var Label$h = /*#__PURE__*/styled.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13358
13215
|
var Input$1 = /*#__PURE__*/styled.input(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70px;\n padding: 6px;\n font-size: 14px;\n border: 1px solid #ccc;\n border-radius: 4px;\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n }\n"])));
|
|
13359
13216
|
var MainContainer$9 = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13360
13217
|
var CurrencySymbol = /*#__PURE__*/styled.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13361
13218
|
|
|
13362
|
-
var _templateObject$
|
|
13219
|
+
var _templateObject$21;
|
|
13363
13220
|
var fields = [{
|
|
13364
13221
|
label: 'Weight',
|
|
13365
13222
|
value: 'weight'
|
|
@@ -13460,7 +13317,7 @@ function OrderCharges(props) {
|
|
|
13460
13317
|
})));
|
|
13461
13318
|
})));
|
|
13462
13319
|
}
|
|
13463
|
-
var OrderValue = /*#__PURE__*/styled.span(_templateObject$
|
|
13320
|
+
var OrderValue = /*#__PURE__*/styled.span(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n"])));
|
|
13464
13321
|
|
|
13465
13322
|
var fields$1 = [{
|
|
13466
13323
|
label: 'Repackage',
|
|
@@ -13588,7 +13445,7 @@ function DisposalCharge(props) {
|
|
|
13588
13445
|
})));
|
|
13589
13446
|
}
|
|
13590
13447
|
|
|
13591
|
-
var _templateObject$
|
|
13448
|
+
var _templateObject$22, _templateObject2$1y;
|
|
13592
13449
|
function BaseCharges(props) {
|
|
13593
13450
|
var _props$staticData, _props$inputValue$bas;
|
|
13594
13451
|
var _useChargesState = useChargesState(),
|
|
@@ -13663,8 +13520,8 @@ function BaseCharges(props) {
|
|
|
13663
13520
|
onKeyDown: handleKeyDownDebrief
|
|
13664
13521
|
})))));
|
|
13665
13522
|
}
|
|
13666
|
-
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$
|
|
13667
|
-
var CurrencyWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
13523
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
13524
|
+
var CurrencyWrapper = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13668
13525
|
|
|
13669
13526
|
var fields$3 = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];
|
|
13670
13527
|
function DeliveryAddOns(props) {
|
|
@@ -13812,7 +13669,7 @@ function AdhocSection() {
|
|
|
13812
13669
|
})));
|
|
13813
13670
|
}
|
|
13814
13671
|
|
|
13815
|
-
var _templateObject$
|
|
13672
|
+
var _templateObject$23;
|
|
13816
13673
|
function FailureReasonDropdown() {
|
|
13817
13674
|
var _escalationCategory$f, _escalationCategory$f2, _escalationTypes$filt, _escalationTypes$filt2;
|
|
13818
13675
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13898,9 +13755,9 @@ function FailureReasonDropdown() {
|
|
|
13898
13755
|
isDisabled: false
|
|
13899
13756
|
}));
|
|
13900
13757
|
}
|
|
13901
|
-
var Container$16 = /*#__PURE__*/styled.div(_templateObject$
|
|
13758
|
+
var Container$16 = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13902
13759
|
|
|
13903
|
-
var _templateObject$
|
|
13760
|
+
var _templateObject$24;
|
|
13904
13761
|
function StatusDropdown() {
|
|
13905
13762
|
var _orderStaticData$new_;
|
|
13906
13763
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13941,9 +13798,9 @@ function StatusDropdown() {
|
|
|
13941
13798
|
isDisabled: false
|
|
13942
13799
|
}));
|
|
13943
13800
|
}
|
|
13944
|
-
var Container$17 = /*#__PURE__*/styled.div(_templateObject$
|
|
13801
|
+
var Container$17 = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13945
13802
|
|
|
13946
|
-
var _templateObject$
|
|
13803
|
+
var _templateObject$25;
|
|
13947
13804
|
function CancellationReasonDropdown() {
|
|
13948
13805
|
var _orderStaticData$canc;
|
|
13949
13806
|
var _useOrderCancelReason = useOrderCancelReason(),
|
|
@@ -13972,9 +13829,9 @@ function CancellationReasonDropdown() {
|
|
|
13972
13829
|
}
|
|
13973
13830
|
}));
|
|
13974
13831
|
}
|
|
13975
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject$
|
|
13832
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13976
13833
|
|
|
13977
|
-
var _templateObject$
|
|
13834
|
+
var _templateObject$26;
|
|
13978
13835
|
function OrderHoldReasonDropdown() {
|
|
13979
13836
|
var _orderStaticData$onho;
|
|
13980
13837
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14003,9 +13860,9 @@ function OrderHoldReasonDropdown() {
|
|
|
14003
13860
|
}
|
|
14004
13861
|
}));
|
|
14005
13862
|
}
|
|
14006
|
-
var Container$19 = /*#__PURE__*/styled.div(_templateObject$
|
|
13863
|
+
var Container$19 = /*#__PURE__*/styled.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14007
13864
|
|
|
14008
|
-
var _templateObject$
|
|
13865
|
+
var _templateObject$27, _templateObject2$1z, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
14009
13866
|
function FailureContent() {
|
|
14010
13867
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14011
13868
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14072,8 +13929,8 @@ function FailureContent() {
|
|
|
14072
13929
|
onChange: function onChange() {}
|
|
14073
13930
|
}))));
|
|
14074
13931
|
}
|
|
14075
|
-
var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
14076
|
-
var Text$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
13932
|
+
var CurrencyWrapper$1 = /*#__PURE__*/styled.span(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13933
|
+
var Text$9 = /*#__PURE__*/styled.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14077
13934
|
var GroupedFields = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
14078
13935
|
var PairGroup = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14079
13936
|
var SmallGroup = /*#__PURE__*/styled.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 140px;\n flex: 1;\n"])));
|
|
@@ -14087,7 +13944,7 @@ var DropdownGrid = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObjec
|
|
|
14087
13944
|
var ContDropdownGrid = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14088
13945
|
var DropdownGroup = /*#__PURE__*/styled.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 1 calc(50% - 10px);\n\n @media (max-width: 768px) {\n flex: 1 1 100%;\n }\n"])));
|
|
14089
13946
|
|
|
14090
|
-
var _templateObject$
|
|
13947
|
+
var _templateObject$28, _templateObject2$1A, _templateObject3$Y, _templateObject4$z, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
14091
13948
|
var formatDate$2 = function formatDate(date) {
|
|
14092
13949
|
var padZero = function padZero(num) {
|
|
14093
13950
|
return num.toString().padStart(2, '0');
|
|
@@ -14177,8 +14034,8 @@ function SuccessContent() {
|
|
|
14177
14034
|
onChange: function onChange() {}
|
|
14178
14035
|
}))));
|
|
14179
14036
|
}
|
|
14180
|
-
var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$
|
|
14181
|
-
var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
14037
|
+
var CurrencyWrapper$2 = /*#__PURE__*/styled.span(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14038
|
+
var DropdownGrid$1 = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14182
14039
|
var GroupedFields$1 = /*#__PURE__*/styled.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14183
14040
|
var PairGroup$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
14184
14041
|
var SmallGroup$1 = /*#__PURE__*/styled.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 48%;\n"])));
|
|
@@ -14191,7 +14048,7 @@ var StyledInput$1 = /*#__PURE__*/styled(Input$1)(_templateObject9$9 || (_templat
|
|
|
14191
14048
|
var DateInput = /*#__PURE__*/styled.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px;\n border-radius: 6px;\n border: 1px solid #e0e2e7;\n background-color: #fff;\n color: #363a30;\n height: 38px;\n font-size: 14px;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n"])));
|
|
14192
14049
|
var Text$a = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14193
14050
|
|
|
14194
|
-
var _templateObject$
|
|
14051
|
+
var _templateObject$29, _templateObject2$1B;
|
|
14195
14052
|
var radioButtonFilterOptions = [{
|
|
14196
14053
|
label: 'Yes',
|
|
14197
14054
|
value: 'true'
|
|
@@ -14304,10 +14161,10 @@ function RadioButtonGroups() {
|
|
|
14304
14161
|
}));
|
|
14305
14162
|
}));
|
|
14306
14163
|
}
|
|
14307
|
-
var Container$1a = /*#__PURE__*/styled.div(_templateObject$
|
|
14308
|
-
var Group = /*#__PURE__*/styled.div(_templateObject2$
|
|
14164
|
+
var Container$1a = /*#__PURE__*/styled.div(_templateObject$29 || (_templateObject$29 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n padding: 8px;\n width: 100%;\n align-items: flex-start;\n pointer-events: none;\n"])));
|
|
14165
|
+
var Group = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
14309
14166
|
|
|
14310
|
-
var _templateObject$
|
|
14167
|
+
var _templateObject$2a, _templateObject2$1C, _templateObject3$Z;
|
|
14311
14168
|
function OrderInfo() {
|
|
14312
14169
|
var _useActiveTab = useActiveTab(),
|
|
14313
14170
|
activeTab = _useActiveTab[0];
|
|
@@ -14318,17 +14175,17 @@ function OrderInfo() {
|
|
|
14318
14175
|
// gap: 20px;
|
|
14319
14176
|
// width: 100%;
|
|
14320
14177
|
// `;
|
|
14321
|
-
var Middle = /*#__PURE__*/styled.div(_templateObject$
|
|
14178
|
+
var Middle = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14322
14179
|
// const Bottom = styled.div`
|
|
14323
14180
|
// display: flex;
|
|
14324
14181
|
// flex-direction: column;
|
|
14325
14182
|
// gap: 20px;
|
|
14326
14183
|
// `;
|
|
14327
|
-
var Top$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
14184
|
+
var Top$3 = /*#__PURE__*/styled.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
14328
14185
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
14329
14186
|
var OrderInfo$1 = /*#__PURE__*/React.memo(OrderInfo);
|
|
14330
14187
|
|
|
14331
|
-
var _templateObject$
|
|
14188
|
+
var _templateObject$2b;
|
|
14332
14189
|
var Options = [{
|
|
14333
14190
|
label: 'Success',
|
|
14334
14191
|
value: 'success',
|
|
@@ -14363,9 +14220,9 @@ var ForceDebriefSelector = function ForceDebriefSelector(_ref) {
|
|
|
14363
14220
|
optionBorderRadius: 30
|
|
14364
14221
|
}));
|
|
14365
14222
|
};
|
|
14366
|
-
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$
|
|
14223
|
+
var StyledSwitch = /*#__PURE__*/styled.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 25%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
14367
14224
|
|
|
14368
|
-
var _templateObject$
|
|
14225
|
+
var _templateObject$2c;
|
|
14369
14226
|
function EscalationCategory() {
|
|
14370
14227
|
var _orderStaticData$esca;
|
|
14371
14228
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14438,9 +14295,9 @@ function EscalationCategory() {
|
|
|
14438
14295
|
}
|
|
14439
14296
|
}));
|
|
14440
14297
|
}
|
|
14441
|
-
var Container$1c = /*#__PURE__*/styled.div(_templateObject$
|
|
14298
|
+
var Container$1c = /*#__PURE__*/styled.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14442
14299
|
|
|
14443
|
-
var _templateObject$
|
|
14300
|
+
var _templateObject$2d;
|
|
14444
14301
|
function EscalationLevel() {
|
|
14445
14302
|
var _orderStaticData$esca;
|
|
14446
14303
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14509,9 +14366,9 @@ function EscalationLevel() {
|
|
|
14509
14366
|
}
|
|
14510
14367
|
}));
|
|
14511
14368
|
}
|
|
14512
|
-
var Container$1d = /*#__PURE__*/styled.div(_templateObject$
|
|
14369
|
+
var Container$1d = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14513
14370
|
|
|
14514
|
-
var _templateObject$
|
|
14371
|
+
var _templateObject$2e;
|
|
14515
14372
|
function EscalationReason() {
|
|
14516
14373
|
var _escalationTypes$find, _orderStaticData$esca;
|
|
14517
14374
|
var _useEscalationReason = useEscalationReason(),
|
|
@@ -14605,7 +14462,7 @@ function EscalationReason() {
|
|
|
14605
14462
|
}
|
|
14606
14463
|
}));
|
|
14607
14464
|
}
|
|
14608
|
-
var Container$1e = /*#__PURE__*/styled.div(_templateObject$
|
|
14465
|
+
var Container$1e = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14609
14466
|
|
|
14610
14467
|
function Escalation() {
|
|
14611
14468
|
return React.createElement("div", {
|
|
@@ -14617,7 +14474,7 @@ function Escalation() {
|
|
|
14617
14474
|
}, React.createElement(EscalationCategory, null), React.createElement(EscalationLevel, null), React.createElement(EscalationReason, null));
|
|
14618
14475
|
}
|
|
14619
14476
|
|
|
14620
|
-
var _templateObject$
|
|
14477
|
+
var _templateObject$2f, _templateObject2$1D, _templateObject3$_;
|
|
14621
14478
|
function OrderTemplate() {
|
|
14622
14479
|
var _orderDetails$order_r, _routesDetails$route_;
|
|
14623
14480
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -14664,11 +14521,11 @@ function OrderTemplate() {
|
|
|
14664
14521
|
}
|
|
14665
14522
|
}))));
|
|
14666
14523
|
}
|
|
14667
|
-
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$
|
|
14668
|
-
var Title$7 = /*#__PURE__*/styled.span(_templateObject2$
|
|
14524
|
+
var StyledAlert = /*#__PURE__*/styled.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n gap: 15px;\n"])));
|
|
14525
|
+
var Title$7 = /*#__PURE__*/styled.span(_templateObject2$1D || (_templateObject2$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14669
14526
|
var Info = /*#__PURE__*/styled.span(_templateObject3$_ || (_templateObject3$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: Lato;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
14670
14527
|
|
|
14671
|
-
var _templateObject$
|
|
14528
|
+
var _templateObject$2g, _templateObject2$1E, _templateObject3$$;
|
|
14672
14529
|
function FlagTemplate(_ref) {
|
|
14673
14530
|
var _formatUtcToLocal, _formatUtcToLocal2;
|
|
14674
14531
|
var data = _ref.data,
|
|
@@ -14709,14 +14566,14 @@ function FlagTemplate(_ref) {
|
|
|
14709
14566
|
}
|
|
14710
14567
|
}));
|
|
14711
14568
|
}
|
|
14712
|
-
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
14713
|
-
var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
14569
|
+
var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
14570
|
+
var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1E || (_templateObject2$1E = /*#__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"])));
|
|
14714
14571
|
var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$$ || (_templateObject3$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
14715
14572
|
var color = _ref2.color;
|
|
14716
14573
|
return color;
|
|
14717
14574
|
});
|
|
14718
14575
|
|
|
14719
|
-
var _templateObject$
|
|
14576
|
+
var _templateObject$2h, _templateObject2$1F;
|
|
14720
14577
|
function Tabs(_ref) {
|
|
14721
14578
|
var dismissFlags = _ref.dismissFlags;
|
|
14722
14579
|
var _useTasksData = useTasksData(),
|
|
@@ -14731,10 +14588,10 @@ function Tabs(_ref) {
|
|
|
14731
14588
|
});
|
|
14732
14589
|
}))));
|
|
14733
14590
|
}
|
|
14734
|
-
var Container$1f = /*#__PURE__*/styled.div(_templateObject$
|
|
14735
|
-
var Content = /*#__PURE__*/styled.div(_templateObject2$
|
|
14591
|
+
var Container$1f = /*#__PURE__*/styled.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14592
|
+
var Content = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14736
14593
|
|
|
14737
|
-
var _templateObject$
|
|
14594
|
+
var _templateObject$2i, _templateObject2$1G, _templateObject3$10, _templateObject4$A, _templateObject5$q;
|
|
14738
14595
|
function FDNotification() {
|
|
14739
14596
|
var _orderData$order_rout;
|
|
14740
14597
|
var _useTasksData = useTasksData(),
|
|
@@ -14830,13 +14687,13 @@ function FDNotification() {
|
|
|
14830
14687
|
}, [routesDataLoading]);
|
|
14831
14688
|
return React.createElement(React.Fragment, null, React.createElement(Section$1, null, unresolvedLoading ? React.createElement(Loader, null, React.createElement(Spinner, null), React.createElement(Text$b, null, "Fetching Notifications...")) : (taskData == null ? void 0 : taskData.length) > 0 || orderData ? React.createElement(TabsWrapper, null, React.createElement(Tabs, null)) : 'No Notifications Found'));
|
|
14832
14689
|
}
|
|
14833
|
-
var Loader = /*#__PURE__*/styled.div(_templateObject$
|
|
14834
|
-
var Spinner = /*#__PURE__*/styled.div(_templateObject2$
|
|
14690
|
+
var Loader = /*#__PURE__*/styled.div(_templateObject$2i || (_templateObject$2i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
14691
|
+
var Spinner = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__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"])));
|
|
14835
14692
|
var Section$1 = /*#__PURE__*/styled.div(_templateObject3$10 || (_templateObject3$10 = /*#__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"])));
|
|
14836
14693
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 350px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
14837
14694
|
var Text$b = /*#__PURE__*/styled.div(_templateObject5$q || (_templateObject5$q = /*#__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"])));
|
|
14838
14695
|
|
|
14839
|
-
var _templateObject$
|
|
14696
|
+
var _templateObject$2j, _templateObject2$1H, _templateObject3$11, _templateObject4$B, _templateObject5$r;
|
|
14840
14697
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14841
14698
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14842
14699
|
var onCancel = function onCancel() {
|
|
@@ -14854,13 +14711,13 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14854
14711
|
onComplete: onComplete
|
|
14855
14712
|
})));
|
|
14856
14713
|
};
|
|
14857
|
-
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$
|
|
14858
|
-
var Container$1g = /*#__PURE__*/styled.div(_templateObject2$
|
|
14714
|
+
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14715
|
+
var Container$1g = /*#__PURE__*/styled.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14859
14716
|
var Title$8 = /*#__PURE__*/styled.span(_templateObject3$11 || (_templateObject3$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n"])));
|
|
14860
14717
|
var IconContainer$4 = /*#__PURE__*/styled.div(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 54px;\n height: 54px;\n padding: 14px;\n border-radius: 50%;\n background: #feba301a;\n border: 10px solid #feba305e;\n"])));
|
|
14861
14718
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 400px;\n min-height: 248px;\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n gap: 30px;\n align-items: center;\n"])));
|
|
14862
14719
|
|
|
14863
|
-
var _templateObject$
|
|
14720
|
+
var _templateObject$2k, _templateObject2$1I, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14864
14721
|
function ForceDebriefModal(props) {
|
|
14865
14722
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14866
14723
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15404,8 +15261,8 @@ function ForceDebriefModal(props) {
|
|
|
15404
15261
|
onProceed: onSubmit
|
|
15405
15262
|
}));
|
|
15406
15263
|
}
|
|
15407
|
-
var Status$1 = /*#__PURE__*/styled.span(_templateObject$
|
|
15408
|
-
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
15264
|
+
var Status$1 = /*#__PURE__*/styled.span(_templateObject$2k || (_templateObject$2k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n color: #3a3630;\n"])));
|
|
15265
|
+
var ProductContainer = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15409
15266
|
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15410
15267
|
var ContainerInner = /*#__PURE__*/styled.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15411
15268
|
var Container$1h = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -15414,7 +15271,7 @@ var ContentContainer$7 = /*#__PURE__*/styled.div(_templateObject7$f || (_templat
|
|
|
15414
15271
|
var ProductDiv = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n flex-direction: row;\n align-items: flex-start;\n gap: 40px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n width: 100%;\n white-space: nowrap;\n min-height: 60px;\n overflow: scroll;\n max-height: 150px;\n"])));
|
|
15415
15272
|
var ForceDebriefModal$1 = /*#__PURE__*/React.memo(ForceDebriefModal);
|
|
15416
15273
|
|
|
15417
|
-
var _templateObject$
|
|
15274
|
+
var _templateObject$2l;
|
|
15418
15275
|
function OrderActions() {
|
|
15419
15276
|
var _useCurrentAction = useCurrentAction(),
|
|
15420
15277
|
currentAction = _useCurrentAction[0],
|
|
@@ -15676,9 +15533,9 @@ function OrderActions() {
|
|
|
15676
15533
|
};
|
|
15677
15534
|
return React.createElement(Container$1i, null, renderContent());
|
|
15678
15535
|
}
|
|
15679
|
-
var Container$1i = /*#__PURE__*/styled.div(_templateObject$
|
|
15536
|
+
var Container$1i = /*#__PURE__*/styled.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15680
15537
|
|
|
15681
|
-
var _templateObject$
|
|
15538
|
+
var _templateObject$2m, _templateObject2$1J, _templateObject3$13, _templateObject4$D;
|
|
15682
15539
|
var Details = function Details() {
|
|
15683
15540
|
var _globalEscData$, _globalEscData$2;
|
|
15684
15541
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15690,8 +15547,8 @@ var Details = function Details() {
|
|
|
15690
15547
|
globalEscData = _useGlobalEscData[0];
|
|
15691
15548
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React.createElement(EscInfo, null, ((_globalEscData$ = globalEscData[0]) == null || (_globalEscData$ = _globalEscData$.escalation_type) == null ? void 0 : _globalEscData$.level) + " (" + ((_globalEscData$2 = globalEscData[0]) == null || (_globalEscData$2 = _globalEscData$2.escalation_type) == null ? void 0 : _globalEscData$2.name) + ")")));
|
|
15692
15549
|
};
|
|
15693
|
-
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
15694
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
15550
|
+
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
15551
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1J || (_templateObject2$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 15px;\n align-items: center;\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px;\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
15695
15552
|
var Name = /*#__PURE__*/styled.div(_templateObject3$13 || (_templateObject3$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* heading/h3-subHeader */\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n"])));
|
|
15696
15553
|
var EscInfo = /*#__PURE__*/styled(Name)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15697
15554
|
|
|
@@ -15769,7 +15626,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
15769
15626
|
}));
|
|
15770
15627
|
};
|
|
15771
15628
|
|
|
15772
|
-
var _templateObject$
|
|
15629
|
+
var _templateObject$2n, _templateObject2$1K;
|
|
15773
15630
|
function Options$1() {
|
|
15774
15631
|
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
15775
15632
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -15864,10 +15721,10 @@ function Options$1() {
|
|
|
15864
15721
|
fill: '#f0f2f2'
|
|
15865
15722
|
})))));
|
|
15866
15723
|
}
|
|
15867
|
-
var Option = /*#__PURE__*/styled.div(_templateObject$
|
|
15868
|
-
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
15724
|
+
var Option = /*#__PURE__*/styled.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15725
|
+
var StyledSpace = /*#__PURE__*/styled(Space)(_templateObject2$1K || (_templateObject2$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
15869
15726
|
|
|
15870
|
-
var _templateObject$
|
|
15727
|
+
var _templateObject$2o, _templateObject2$1L;
|
|
15871
15728
|
function Print() {
|
|
15872
15729
|
var _useOrderDetails = useOrderDetails(),
|
|
15873
15730
|
orderDetails = _useOrderDetails[0];
|
|
@@ -15993,10 +15850,10 @@ function Print() {
|
|
|
15993
15850
|
fill: '#f0f2f2'
|
|
15994
15851
|
})))));
|
|
15995
15852
|
}
|
|
15996
|
-
var Container$1j = /*#__PURE__*/styled.div(_templateObject$
|
|
15997
|
-
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$
|
|
15853
|
+
var Container$1j = /*#__PURE__*/styled.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15854
|
+
var StyledSpace$1 = /*#__PURE__*/styled(Space)(_templateObject2$1L || (_templateObject2$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
15998
15855
|
|
|
15999
|
-
var _templateObject$
|
|
15856
|
+
var _templateObject$2p;
|
|
16000
15857
|
function BjsMenuDropDown() {
|
|
16001
15858
|
var _orderStatus$;
|
|
16002
15859
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16040,9 +15897,9 @@ function BjsMenuDropDown() {
|
|
|
16040
15897
|
fill: '#f0f2f2'
|
|
16041
15898
|
}))));
|
|
16042
15899
|
}
|
|
16043
|
-
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$
|
|
15900
|
+
var StyledSpace$2 = /*#__PURE__*/styled(Space)(_templateObject$2p || (_templateObject$2p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n"])));
|
|
16044
15901
|
|
|
16045
|
-
var _templateObject$
|
|
15902
|
+
var _templateObject$2q, _templateObject2$1M;
|
|
16046
15903
|
// components
|
|
16047
15904
|
function DropDowns$1() {
|
|
16048
15905
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
|
|
@@ -16115,24 +15972,24 @@ function DropDowns$1() {
|
|
|
16115
15972
|
}, action == null ? void 0 : action.label);
|
|
16116
15973
|
})));
|
|
16117
15974
|
}
|
|
16118
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$
|
|
16119
|
-
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
15975
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject$2q || (_templateObject$2q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0 5px;\n display: flex;\n align-self: center;\n gap: 10px;\n align-items: center;\n"])));
|
|
15976
|
+
var FontContainer = /*#__PURE__*/styled.div(_templateObject2$1M || (_templateObject2$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n text-align: center;\n font-family: 'lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n text-transform: uppercase;\n cursor: ", ";\n @media screen and (max-width: 1210px) {\n font-size: 11px;\n line-height: 12px;\n }\n"])), function (props) {
|
|
16120
15977
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
16121
15978
|
});
|
|
16122
15979
|
|
|
16123
|
-
var _templateObject$
|
|
15980
|
+
var _templateObject$2r;
|
|
16124
15981
|
var ActionsMenu = function ActionsMenu() {
|
|
16125
15982
|
return React.createElement(Flex$2, null, React.createElement(DropDowns$1, null));
|
|
16126
15983
|
};
|
|
16127
|
-
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
15984
|
+
var Flex$2 = /*#__PURE__*/styled.div(_templateObject$2r || (_templateObject$2r = /*#__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"])));
|
|
16128
15985
|
|
|
16129
|
-
var _templateObject$
|
|
15986
|
+
var _templateObject$2s;
|
|
16130
15987
|
var DetailsFilters = function DetailsFilters() {
|
|
16131
15988
|
return React.createElement(Flex$3, null, React.createElement(Details, null), React.createElement(ActionsMenu, null));
|
|
16132
15989
|
};
|
|
16133
|
-
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
15990
|
+
var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2s || (_templateObject$2s = /*#__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"])));
|
|
16134
15991
|
|
|
16135
|
-
var _templateObject$
|
|
15992
|
+
var _templateObject$2t, _templateObject2$1N;
|
|
16136
15993
|
function OrderTemplate$1(_ref) {
|
|
16137
15994
|
var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
|
|
16138
15995
|
var orderDetails = _ref.orderDetails,
|
|
@@ -16407,10 +16264,10 @@ function OrderTemplate$1(_ref) {
|
|
|
16407
16264
|
}
|
|
16408
16265
|
}));
|
|
16409
16266
|
}
|
|
16410
|
-
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$
|
|
16411
|
-
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16267
|
+
var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2t || (_templateObject$2t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .redCross {\n font-size: 13px;\n margin-top: 4px;\n }\n .postcode-alert-content {\n > div {\n > h4 {\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n ul {\n margin-bottom: 0;\n }\n\n li {\n border-radius: 6px;\n list-style-type: none;\n > a {\n color: #6396e5;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n > strong {\n > a {\n color: #6396e5;\n\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-decoration: none;\n }\n }\n }\n\n li.outstanding strong,\n li.awaiting_confirmation strong,\n li.awaiting_route strong {\n font-family: Roboto, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 24px;\n font-style: normal;\n }\n li.routed strong {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n\n li.outstanding strong {\n color: #e95252;\n }\n li.awaiting_confirmation strong {\n color: #6396e5;\n }\n li.awaiting_route strong {\n color: #36a053;\n }\n li.confirmed strong {\n color: #36a053;\n }\n li.enroute strong {\n color: #36a053;\n }\n li.cancelled strong {\n color: #e95252;\n }\n li.complete strong {\n color: #36a053;\n }\n li.on_hold strong {\n color: #feba30;\n }\n li.routed strong {\n color: #3a3630;\n }\n span {\n margin-left: 5px;\n color: #3a3630;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 18px;\n }\n }\n"])));
|
|
16268
|
+
var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
16412
16269
|
|
|
16413
|
-
var _templateObject$
|
|
16270
|
+
var _templateObject$2u, _templateObject2$1O, _templateObject3$14;
|
|
16414
16271
|
function ReminderTemplate(_ref) {
|
|
16415
16272
|
var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
|
|
16416
16273
|
var data = _ref.data,
|
|
@@ -16448,8 +16305,8 @@ function ReminderTemplate(_ref) {
|
|
|
16448
16305
|
}
|
|
16449
16306
|
})));
|
|
16450
16307
|
}
|
|
16451
|
-
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$
|
|
16452
|
-
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$
|
|
16308
|
+
var StyledAlert$3 = /*#__PURE__*/styled.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
16309
|
+
var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1O || (_templateObject2$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])), function (_ref2) {
|
|
16453
16310
|
var color = _ref2.color;
|
|
16454
16311
|
return color;
|
|
16455
16312
|
});
|
|
@@ -16459,7 +16316,7 @@ var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$14 || (_templateObj
|
|
|
16459
16316
|
return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
|
|
16460
16317
|
});
|
|
16461
16318
|
|
|
16462
|
-
var _templateObject$
|
|
16319
|
+
var _templateObject$2v, _templateObject2$1P;
|
|
16463
16320
|
function Tabs$1(_ref) {
|
|
16464
16321
|
var activeTasks = _ref.activeTasks,
|
|
16465
16322
|
closedTasks = _ref.closedTasks,
|
|
@@ -16519,8 +16376,8 @@ function Tabs$1(_ref) {
|
|
|
16519
16376
|
});
|
|
16520
16377
|
})))));
|
|
16521
16378
|
}
|
|
16522
|
-
var Container$1k = /*#__PURE__*/styled.div(_templateObject$
|
|
16523
|
-
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16379
|
+
var Container$1k = /*#__PURE__*/styled.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
16380
|
+
var Content$1 = /*#__PURE__*/styled.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16524
16381
|
|
|
16525
16382
|
var NotifyFlag = function NotifyFlag() {
|
|
16526
16383
|
return React.createElement("svg", {
|
|
@@ -16538,7 +16395,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16538
16395
|
}));
|
|
16539
16396
|
};
|
|
16540
16397
|
|
|
16541
|
-
var _templateObject$
|
|
16398
|
+
var _templateObject$2w, _templateObject2$1Q, _templateObject3$15, _templateObject4$E, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
|
|
16542
16399
|
function Notification() {
|
|
16543
16400
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16544
16401
|
var _useTabType = useTabType(),
|
|
@@ -16880,8 +16737,8 @@ function Notification() {
|
|
|
16880
16737
|
routeInfoData: orderAlertsData
|
|
16881
16738
|
})) : 'No Notifications Found'));
|
|
16882
16739
|
}
|
|
16883
|
-
var Container$1l = /*#__PURE__*/styled.div(_templateObject$
|
|
16884
|
-
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16740
|
+
var Container$1l = /*#__PURE__*/styled.div(_templateObject$2w || (_templateObject$2w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n border-bottom: 1px solid #ccc;\n"])));
|
|
16741
|
+
var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16885
16742
|
var TabsData = /*#__PURE__*/styled.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16886
16743
|
var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
16887
16744
|
var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
@@ -16894,47 +16751,47 @@ var Section$2 = /*#__PURE__*/styled.div(_templateObject7$g || (_templateObject7$
|
|
|
16894
16751
|
var Label$i = /*#__PURE__*/styled(SectionHeader)(_templateObject8$c || (_templateObject8$c = /*#__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"])));
|
|
16895
16752
|
var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* min-height: 200px; */\n max-height: 350px;\n overflow-y: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &:hover {\n scrollbar-width: thin;\n }\n\n &::-webkit-scrollbar {\n width: 0;\n }\n\n &:hover::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
16896
16753
|
|
|
16897
|
-
var _templateObject$
|
|
16754
|
+
var _templateObject$2x;
|
|
16898
16755
|
function CollapsedContent$2() {
|
|
16899
16756
|
return React.createElement(Font$1, null, "ORDER RESOURCES");
|
|
16900
16757
|
}
|
|
16901
|
-
var Font$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
16758
|
+
var Font$1 = /*#__PURE__*/styled.div(_templateObject$2x || (_templateObject$2x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n"])));
|
|
16902
16759
|
|
|
16903
|
-
var _templateObject$
|
|
16760
|
+
var _templateObject$2y, _templateObject2$1R;
|
|
16904
16761
|
function Category(props) {
|
|
16905
16762
|
var _props$row;
|
|
16906
16763
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
16907
16764
|
return React.createElement(RowContainer$4, null, React.createElement(Row$7, null, data));
|
|
16908
16765
|
}
|
|
16909
|
-
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$
|
|
16910
|
-
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16766
|
+
var RowContainer$4 = /*#__PURE__*/styled.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16767
|
+
var Row$7 = /*#__PURE__*/styled.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16911
16768
|
|
|
16912
|
-
var _templateObject$
|
|
16769
|
+
var _templateObject$2z, _templateObject2$1S;
|
|
16913
16770
|
function Date$2(props) {
|
|
16914
16771
|
var _props$row;
|
|
16915
16772
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
16916
16773
|
return React.createElement(RowContainer$5, null, React.createElement(Row$8, null, formatDate$1(data)));
|
|
16917
16774
|
}
|
|
16918
|
-
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$
|
|
16919
|
-
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16775
|
+
var RowContainer$5 = /*#__PURE__*/styled.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16776
|
+
var Row$8 = /*#__PURE__*/styled.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16920
16777
|
|
|
16921
|
-
var _templateObject$
|
|
16778
|
+
var _templateObject$2A, _templateObject2$1T;
|
|
16922
16779
|
function Reference(props) {
|
|
16923
16780
|
var _props$row;
|
|
16924
16781
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
16925
16782
|
return React.createElement(RowContainer$6, null, React.createElement(Row$9, null, data));
|
|
16926
16783
|
}
|
|
16927
|
-
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$
|
|
16928
|
-
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$
|
|
16784
|
+
var RowContainer$6 = /*#__PURE__*/styled.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16785
|
+
var Row$9 = /*#__PURE__*/styled.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16929
16786
|
|
|
16930
|
-
var _templateObject$
|
|
16787
|
+
var _templateObject$2B, _templateObject2$1U;
|
|
16931
16788
|
function Type(props) {
|
|
16932
16789
|
var _props$row;
|
|
16933
16790
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
16934
16791
|
return React.createElement(RowContainer$7, null, React.createElement(Row$a, null, data));
|
|
16935
16792
|
}
|
|
16936
|
-
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$
|
|
16937
|
-
var Row$a = /*#__PURE__*/styled.div(_templateObject2$
|
|
16793
|
+
var RowContainer$7 = /*#__PURE__*/styled.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16794
|
+
var Row$a = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16938
16795
|
|
|
16939
16796
|
var DownloadIcon = function DownloadIcon() {
|
|
16940
16797
|
return React.createElement("svg", {
|
|
@@ -16963,7 +16820,7 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
16963
16820
|
})));
|
|
16964
16821
|
};
|
|
16965
16822
|
|
|
16966
|
-
var _templateObject$
|
|
16823
|
+
var _templateObject$2C, _templateObject2$1V, _templateObject3$16;
|
|
16967
16824
|
function Action(_ref) {
|
|
16968
16825
|
var _row$original, _orderResources$data;
|
|
16969
16826
|
var row = _ref.row;
|
|
@@ -17073,8 +16930,8 @@ function Action(_ref) {
|
|
|
17073
16930
|
}, React.createElement(DownloadIcon, null)))));
|
|
17074
16931
|
}
|
|
17075
16932
|
// Styled components for styling
|
|
17076
|
-
var Actions = /*#__PURE__*/styled.div(_templateObject$
|
|
17077
|
-
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
16933
|
+
var Actions = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16934
|
+
var TippyContainer = /*#__PURE__*/styled.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
17078
16935
|
var Row$b = /*#__PURE__*/styled.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
17079
16936
|
|
|
17080
16937
|
var tableColumns$1 = [{
|
|
@@ -17104,7 +16961,7 @@ var tableColumns$1 = [{
|
|
|
17104
16961
|
enableSorting: false
|
|
17105
16962
|
}];
|
|
17106
16963
|
|
|
17107
|
-
var _templateObject$
|
|
16964
|
+
var _templateObject$2D;
|
|
17108
16965
|
function Order$1(_ref) {
|
|
17109
16966
|
var _orderResources$data;
|
|
17110
16967
|
var loading = _ref.loading;
|
|
@@ -17119,9 +16976,9 @@ function Order$1(_ref) {
|
|
|
17119
16976
|
loading: loading
|
|
17120
16977
|
})));
|
|
17121
16978
|
}
|
|
17122
|
-
var Table$2 = /*#__PURE__*/styled.div(_templateObject$
|
|
16979
|
+
var Table$2 = /*#__PURE__*/styled.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
17123
16980
|
|
|
17124
|
-
var _templateObject$
|
|
16981
|
+
var _templateObject$2E, _templateObject2$1W, _templateObject3$17, _templateObject4$F;
|
|
17125
16982
|
function OrderView(_ref) {
|
|
17126
16983
|
var locationloading = _ref.locationloading;
|
|
17127
16984
|
notification.config({
|
|
@@ -17516,13 +17373,13 @@ function OrderView(_ref) {
|
|
|
17516
17373
|
loading: logsLoading
|
|
17517
17374
|
}))), React.createElement(OrderActions, null));
|
|
17518
17375
|
}
|
|
17519
|
-
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$
|
|
17520
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17376
|
+
var MainContainer$c = /*#__PURE__*/styled.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17377
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17521
17378
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17522
17379
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17523
17380
|
|
|
17524
|
-
var _templateObject2$
|
|
17525
|
-
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
17381
|
+
var _templateObject2$1X;
|
|
17382
|
+
var StyledBulkItem$1 = /*#__PURE__*/styled.div(_templateObject2$1X || (_templateObject2$1X = /*#__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"])));
|
|
17526
17383
|
|
|
17527
17384
|
var initialState$4 = {
|
|
17528
17385
|
'x-filters': [],
|
|
@@ -17591,7 +17448,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
17591
17448
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
17592
17449
|
});
|
|
17593
17450
|
|
|
17594
|
-
var _templateObject$
|
|
17451
|
+
var _templateObject$2F, _templateObject2$1Y, _templateObject3$18;
|
|
17595
17452
|
var _excluded$7 = ["count"];
|
|
17596
17453
|
var SearchType = function SearchType() {
|
|
17597
17454
|
var _useState = useState(''),
|
|
@@ -17688,8 +17545,8 @@ var SearchType = function SearchType() {
|
|
|
17688
17545
|
onClick: handleClear
|
|
17689
17546
|
}, React.createElement(CrossIcon, null)));
|
|
17690
17547
|
};
|
|
17691
|
-
var Search = /*#__PURE__*/styled.div(_templateObject$
|
|
17692
|
-
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$
|
|
17548
|
+
var Search = /*#__PURE__*/styled.div(_templateObject$2F || (_templateObject$2F = /*#__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 transform: translateY(-50%);\n }\n"])));
|
|
17549
|
+
var ClearButton = /*#__PURE__*/styled.button(_templateObject2$1Y || (_templateObject2$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n color: rgba(0, 0, 0, 0.25);\n cursor: pointer;\n padding: 0 8px;\n font-size: 14px;\n background: transparent;\n &:hover {\n color: #000;\n }\n"])));
|
|
17693
17550
|
var SearchInput = /*#__PURE__*/styled.input(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n padding-left: 39px;\n width: 100%;\n &:focus {\n outline: none;\n border-color: gray;\n }\n"])));
|
|
17694
17551
|
|
|
17695
17552
|
var BulkFilter = function BulkFilter() {
|
|
@@ -17925,7 +17782,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17925
17782
|
})))));
|
|
17926
17783
|
};
|
|
17927
17784
|
|
|
17928
|
-
var _templateObject$
|
|
17785
|
+
var _templateObject$2G, _templateObject2$1Z, _templateObject3$19;
|
|
17929
17786
|
var _excluded$8 = ["count"];
|
|
17930
17787
|
function ReturnMainTable() {
|
|
17931
17788
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -18039,8 +17896,8 @@ function ReturnMainTable() {
|
|
|
18039
17896
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18040
17897
|
}))));
|
|
18041
17898
|
}
|
|
18042
|
-
var Row$c = /*#__PURE__*/styled.div(_templateObject$
|
|
18043
|
-
var Container$1m = /*#__PURE__*/styled.div(_templateObject2$
|
|
17899
|
+
var Row$c = /*#__PURE__*/styled.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
17900
|
+
var Container$1m = /*#__PURE__*/styled.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
18044
17901
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$19 || (_templateObject3$19 = /*#__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"])));
|
|
18045
17902
|
|
|
18046
17903
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
@@ -18578,7 +18435,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
|
|
|
18578
18435
|
})))));
|
|
18579
18436
|
};
|
|
18580
18437
|
|
|
18581
|
-
var _templateObject$
|
|
18438
|
+
var _templateObject$2H, _templateObject2$1_;
|
|
18582
18439
|
var _excluded$a = ["count"];
|
|
18583
18440
|
var ConfirmedMain = function ConfirmedMain() {
|
|
18584
18441
|
var _useReturnConfirmedOr = useReturnConfirmedOrderData(),
|
|
@@ -18658,25 +18515,25 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18658
18515
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18659
18516
|
})))));
|
|
18660
18517
|
};
|
|
18661
|
-
var Container$1n = /*#__PURE__*/styled.div(_templateObject$
|
|
18662
|
-
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$
|
|
18518
|
+
var Container$1n = /*#__PURE__*/styled.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
18519
|
+
var DashBoardWrapper$4 = /*#__PURE__*/styled.section(_templateObject2$1_ || (_templateObject2$1_ = /*#__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"])));
|
|
18663
18520
|
|
|
18664
|
-
var _templateObject$
|
|
18665
|
-
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$
|
|
18666
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
18521
|
+
var _templateObject$2I, _templateObject2$1$;
|
|
18522
|
+
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$2I || (_templateObject$2I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: 151px;\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n"])));
|
|
18523
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
18667
18524
|
|
|
18668
|
-
var _templateObject$
|
|
18525
|
+
var _templateObject$2J;
|
|
18669
18526
|
var HeaderTitle = function HeaderTitle(props) {
|
|
18670
18527
|
return React.createElement(React.Fragment, null, React.createElement(Title$9, null, props.title));
|
|
18671
18528
|
};
|
|
18672
|
-
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$
|
|
18529
|
+
var Title$9 = /*#__PURE__*/styled.h2(_templateObject$2J || (_templateObject$2J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n"])));
|
|
18673
18530
|
|
|
18674
|
-
var _templateObject$
|
|
18531
|
+
var _templateObject$2K, _templateObject2$20;
|
|
18675
18532
|
function Breadcrumb(props) {
|
|
18676
18533
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
18677
18534
|
}
|
|
18678
|
-
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$
|
|
18679
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
18535
|
+
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18536
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$20 || (_templateObject2$20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #edebe8;\n font-family: 'Open Sans', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
18680
18537
|
|
|
18681
18538
|
var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
18682
18539
|
var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
|
|
@@ -18689,7 +18546,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
|
18689
18546
|
return JSON.parse(d);
|
|
18690
18547
|
};
|
|
18691
18548
|
|
|
18692
|
-
var _templateObject$
|
|
18549
|
+
var _templateObject$2L, _templateObject2$21, _templateObject3$1a;
|
|
18693
18550
|
function ReturnSearchBar() {
|
|
18694
18551
|
var _useState = useState(''),
|
|
18695
18552
|
searchText = _useState[0],
|
|
@@ -18833,12 +18690,12 @@ function ReturnSearchBar() {
|
|
|
18833
18690
|
onClick: handleClear
|
|
18834
18691
|
}, React.createElement(CrossIcon, null)) : null);
|
|
18835
18692
|
}
|
|
18836
|
-
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$
|
|
18837
|
-
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
18693
|
+
var ClearButton$1 = /*#__PURE__*/styled.button(_templateObject$2L || (_templateObject$2L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
18694
|
+
var Search$1 = /*#__PURE__*/styled.div(_templateObject2$21 || (_templateObject2$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
18838
18695
|
var SearchInput$1 = /*#__PURE__*/styled.input(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18839
18696
|
var ReturnSearchBar$1 = /*#__PURE__*/React.memo(ReturnSearchBar);
|
|
18840
18697
|
|
|
18841
|
-
var _templateObject$
|
|
18698
|
+
var _templateObject$2M, _templateObject2$22, _templateObject3$1b;
|
|
18842
18699
|
function ReturnAfterSearchBar() {
|
|
18843
18700
|
var _useState = useState(''),
|
|
18844
18701
|
searchText = _useState[0],
|
|
@@ -18965,12 +18822,12 @@ function ReturnAfterSearchBar() {
|
|
|
18965
18822
|
onClick: handleClear
|
|
18966
18823
|
}, React.createElement(CrossIcon, null)) : null);
|
|
18967
18824
|
}
|
|
18968
|
-
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$
|
|
18969
|
-
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
18825
|
+
var ClearButton$2 = /*#__PURE__*/styled.button(_templateObject$2M || (_templateObject$2M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n position: relative;\n border: none;\n cursor: pointer;\n padding: 0 4px;\n font-size: 0;\n &:hover {\n color: #000;\n }\n"])));
|
|
18826
|
+
var Search$2 = /*#__PURE__*/styled.div(_templateObject2$22 || (_templateObject2$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 4px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n border-radius: 20px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background-color: var(--Flowkit-White, #fff);\n height: 35px;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n"])));
|
|
18970
18827
|
var SearchInput$2 = /*#__PURE__*/styled.input(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18971
18828
|
var ReturnAfterSearchBar$1 = /*#__PURE__*/React.memo(ReturnAfterSearchBar);
|
|
18972
18829
|
|
|
18973
|
-
var _templateObject$
|
|
18830
|
+
var _templateObject$2N;
|
|
18974
18831
|
var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
18975
18832
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
18976
18833
|
breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
|
|
@@ -19057,9 +18914,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
|
19057
18914
|
}
|
|
19058
18915
|
}))));
|
|
19059
18916
|
};
|
|
19060
|
-
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$
|
|
18917
|
+
var DatePickerWrap$1 = /*#__PURE__*/styled.div(_templateObject$2N || (_templateObject$2N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding-right: 10px;\n padding-left: 7px;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\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 min-width: 22vw;\n height: 35px;\n input[type='text'] {\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n border: none;\n color: #6a7378;\n font-size: 13px;\n font-weight: 400;\n line-height: 18px;\n padding: 8px 0;\n padding-left: 10px;\n &:focus-visible {\n outline: none;\n }\n }\n\n .ant-picker-outlined {\n border-style: none !important;\n }\n\n .ant-picker-focused {\n box-shadow: none;\n }\n\n /* .ant-picker {\n .ant-picker-input {\n width: 150px;\n }\n } */\n .ant-btn {\n background-color: #3348ff !important;\n }\n"])));
|
|
19061
18918
|
|
|
19062
|
-
var _templateObject$
|
|
18919
|
+
var _templateObject$2O, _templateObject2$23;
|
|
19063
18920
|
var ReturnOverview = function ReturnOverview() {
|
|
19064
18921
|
var _UsePaginationData = UsePaginationData(),
|
|
19065
18922
|
paginationObj = _UsePaginationData[0];
|
|
@@ -19093,8 +18950,8 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19093
18950
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
19094
18951
|
})), shouldShowReturnAfterTable && React.createElement(React.Fragment, null, React.createElement(ConfirmedMain, null)))))));
|
|
19095
18952
|
};
|
|
19096
|
-
var Container$1o = /*#__PURE__*/styled.div(_templateObject$
|
|
19097
|
-
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$
|
|
18953
|
+
var Container$1o = /*#__PURE__*/styled.div(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
18954
|
+
var DashBoardWrapper$5 = /*#__PURE__*/styled.section(_templateObject2$23 || (_templateObject2$23 = /*#__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"])));
|
|
19098
18955
|
|
|
19099
18956
|
var RouterHeader = function RouterHeader(_ref) {
|
|
19100
18957
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -19223,7 +19080,7 @@ function ReturnClient() {
|
|
|
19223
19080
|
}, clientPortal ? React.createElement(Routes, null, React.createElement(Route, {
|
|
19224
19081
|
path: "",
|
|
19225
19082
|
element: React.createElement(Navigate, {
|
|
19226
|
-
to: '
|
|
19083
|
+
to: 'return_completed'
|
|
19227
19084
|
})
|
|
19228
19085
|
}), React.createElement(Route, {
|
|
19229
19086
|
path: ":status",
|