@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
|
@@ -572,10 +572,6 @@ var isClientLoading = /*#__PURE__*/jotai.atom(true);
|
|
|
572
572
|
function useClientLoading() {
|
|
573
573
|
return jotai.useAtom(isClientLoading);
|
|
574
574
|
}
|
|
575
|
-
var activeCardIdAtom = /*#__PURE__*/jotai.atom(1);
|
|
576
|
-
var useActiveCardId = function useActiveCardId() {
|
|
577
|
-
return jotai.useAtom(activeCardIdAtom);
|
|
578
|
-
};
|
|
579
575
|
|
|
580
576
|
// let todayDate = new Date();
|
|
581
577
|
var initialState = {
|
|
@@ -1523,8 +1519,74 @@ function SelectionFilter() {
|
|
|
1523
1519
|
}
|
|
1524
1520
|
var StyledAntSelect = /*#__PURE__*/styled__default(antd.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"])));
|
|
1525
1521
|
|
|
1522
|
+
// import ReturnStatus from '../../client-portal/ReturnStatus';
|
|
1523
|
+
function HeaderFilter() {
|
|
1524
|
+
var _useClientPortal = useClientPortal(),
|
|
1525
|
+
clientPortal = _useClientPortal[0];
|
|
1526
|
+
return React__default.createElement(React__default.Fragment, null, clientPortal ?
|
|
1527
|
+
// <ReturnStatus />
|
|
1528
|
+
React__default.createElement(React__default.Fragment, null) : React__default.createElement(React__default.Fragment, null, React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null))));
|
|
1529
|
+
}
|
|
1530
|
+
|
|
1531
|
+
var _templateObject$1, _templateObject4, _templateObject5$1, _templateObject7$1, _templateObject8$1;
|
|
1532
|
+
//Left side
|
|
1533
|
+
var LeftSideConatiner = /*#__PURE__*/styled__default.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"])));
|
|
1534
|
+
//
|
|
1535
|
+
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
1536
|
+
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
1537
|
+
var Text = /*#__PURE__*/styled__default.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"])));
|
|
1538
|
+
// Right side filter
|
|
1539
|
+
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
1540
|
+
|
|
1541
|
+
var _templateObject$2, _templateObject2;
|
|
1542
|
+
// import { FilterIconConatiner } from '../../filters/FilterStyle';
|
|
1543
|
+
var RightFilters = function RightFilters() {
|
|
1544
|
+
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
1545
|
+
dispatch = _useAtom[1];
|
|
1546
|
+
var _useSelectedOrders = useSelectedOrders(),
|
|
1547
|
+
selectedReturnOrder = _useSelectedOrders[0];
|
|
1548
|
+
var _useReturnData = useReturnData(),
|
|
1549
|
+
returnData = _useReturnData[0];
|
|
1550
|
+
var _useAtom2 = jotai.useAtom(filtersReducerAtom),
|
|
1551
|
+
state = _useAtom2[0];
|
|
1552
|
+
var filters = state['x-filters'];
|
|
1553
|
+
var moduleInfo = {
|
|
1554
|
+
isExportedData: (returnData == null ? void 0 : returnData.length) <= 0 ? false : true,
|
|
1555
|
+
moduleName: 'return',
|
|
1556
|
+
filter: filters,
|
|
1557
|
+
file_type: 'csv',
|
|
1558
|
+
apiUrlEndPoint: "v1/return/product/pending/",
|
|
1559
|
+
reference: 'return_export',
|
|
1560
|
+
feature_name: 'return'
|
|
1561
|
+
};
|
|
1562
|
+
return React__default.createElement(Container, null, React__default.createElement(ButtonText, {
|
|
1563
|
+
onClick: function onClick() {
|
|
1564
|
+
return dispatch({
|
|
1565
|
+
type: 'create-return'
|
|
1566
|
+
});
|
|
1567
|
+
},
|
|
1568
|
+
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
1569
|
+
}, "Create Return"), React__default.createElement(dmsComponentLibrary.ExportButton, {
|
|
1570
|
+
moduleInfoModule: moduleInfo
|
|
1571
|
+
}));
|
|
1572
|
+
};
|
|
1573
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
1574
|
+
// const Mid = styled.div`
|
|
1575
|
+
// display: flex;
|
|
1576
|
+
// padding: 4px 10px;
|
|
1577
|
+
// align-items: center;
|
|
1578
|
+
// gap: 8px;
|
|
1579
|
+
// align-self: stretch;
|
|
1580
|
+
// border-radius: 15px 0px 0px 15px;
|
|
1581
|
+
// `;
|
|
1582
|
+
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
1583
|
+
|
|
1526
1584
|
var initialState$2 = {
|
|
1527
|
-
'x-filters': [
|
|
1585
|
+
'x-filters': [{
|
|
1586
|
+
field: 'order_status',
|
|
1587
|
+
op: '=',
|
|
1588
|
+
value: 'complete'
|
|
1589
|
+
}],
|
|
1528
1590
|
'x-pagination': {
|
|
1529
1591
|
page: 1,
|
|
1530
1592
|
per_page: 50
|
|
@@ -1660,247 +1722,7 @@ var dateFilterCPReducer = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
1660
1722
|
return set(overviewfiltersStateAtom, overviewFilterReducer(get(overviewfiltersStateAtom), action));
|
|
1661
1723
|
});
|
|
1662
1724
|
|
|
1663
|
-
var _templateObject$1,
|
|
1664
|
-
var ReturnStatus = function ReturnStatus() {
|
|
1665
|
-
var _useActiveCardId = useActiveCardId(),
|
|
1666
|
-
activeCardId = _useActiveCardId[0],
|
|
1667
|
-
setActiveCardId = _useActiveCardId[1];
|
|
1668
|
-
var _useAtom = jotai.useAtom(dateFilterCPReducer),
|
|
1669
|
-
state = _useAtom[0],
|
|
1670
|
-
dispatch = _useAtom[1];
|
|
1671
|
-
var filters = state['x-filters'];
|
|
1672
|
-
var _useParams = reactRouterDom.useParams(),
|
|
1673
|
-
status = _useParams.status;
|
|
1674
|
-
var navigate = reactRouterDom.useNavigate();
|
|
1675
|
-
var _useStatsCPCount = useStatsCPCount(),
|
|
1676
|
-
count = _useStatsCPCount[0],
|
|
1677
|
-
setCount = _useStatsCPCount[1];
|
|
1678
|
-
var _useClientPortal = useClientPortal(),
|
|
1679
|
-
clientPortal = _useClientPortal[0];
|
|
1680
|
-
var _useSearchText = useSearchText(),
|
|
1681
|
-
debouncedSearchText = _useSearchText[0],
|
|
1682
|
-
setOutstandingSearch = _useSearchText[1];
|
|
1683
|
-
var cleanedFilters = filters.filter(function (f) {
|
|
1684
|
-
return f.field !== 'order_status';
|
|
1685
|
-
});
|
|
1686
|
-
var _useStartDate = useStartDate(),
|
|
1687
|
-
startDate = _useStartDate[0],
|
|
1688
|
-
setStartDate = _useStartDate[1];
|
|
1689
|
-
var _useEndDate = useEndDate(),
|
|
1690
|
-
endDate = _useEndDate[0],
|
|
1691
|
-
setEndDate = _useEndDate[1];
|
|
1692
|
-
var _useState = React.useState(null),
|
|
1693
|
-
previousStatus = _useState[0],
|
|
1694
|
-
setPreviousStatus = _useState[1];
|
|
1695
|
-
var _useSearchAfterText = useSearchAfterText(),
|
|
1696
|
-
debouncedSearchAfterText = _useSearchAfterText[0],
|
|
1697
|
-
setDebouncedSearchText = _useSearchAfterText[1];
|
|
1698
|
-
var _useAxios = dmsComponentLibrary.useAxios({
|
|
1699
|
-
endpoint: "v1/portal/return/stats/",
|
|
1700
|
-
method: 'GET',
|
|
1701
|
-
//@ts-ignore
|
|
1702
|
-
pagination: {
|
|
1703
|
-
is_pagination: false
|
|
1704
|
-
},
|
|
1705
|
-
filters: cleanedFilters
|
|
1706
|
-
}),
|
|
1707
|
-
statsData = _useAxios.data,
|
|
1708
|
-
fetchData = _useAxios.fetchData;
|
|
1709
|
-
React.useEffect(function () {
|
|
1710
|
-
if (clientPortal && debouncedSearchText === '' && status == 'outstanding_return') {
|
|
1711
|
-
fetchData();
|
|
1712
|
-
}
|
|
1713
|
-
}, [debouncedSearchText, debouncedSearchAfterText, JSON.stringify(filters)]);
|
|
1714
|
-
React.useEffect(function () {
|
|
1715
|
-
if (clientPortal && debouncedSearchAfterText === '' && status == 'scheduled_for_return' || status == 'return_completed') {
|
|
1716
|
-
fetchData();
|
|
1717
|
-
}
|
|
1718
|
-
}, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);
|
|
1719
|
-
React.useEffect(function () {
|
|
1720
|
-
if (statsData != null && statsData.data && typeof (statsData == null ? void 0 : statsData.data) === 'object') {
|
|
1721
|
-
setCount(statsData == null ? void 0 : statsData.data);
|
|
1722
|
-
}
|
|
1723
|
-
}, [statsData]);
|
|
1724
|
-
var returnCounts = React.useMemo(function () {
|
|
1725
|
-
return [{
|
|
1726
|
-
id: 1,
|
|
1727
|
-
icon: 'outstanding_return',
|
|
1728
|
-
status: 'outstanding_return',
|
|
1729
|
-
count: count == null ? void 0 : count.outstanding_count,
|
|
1730
|
-
label: 'Outstanding Return'
|
|
1731
|
-
},
|
|
1732
|
-
// {
|
|
1733
|
-
// id: 2,
|
|
1734
|
-
// icon: 'scheduled_for_return',
|
|
1735
|
-
// status: 'scheduled_for_return',
|
|
1736
|
-
// count: count?.scheduled_count,
|
|
1737
|
-
// label: 'Scheduled For Return',
|
|
1738
|
-
// },
|
|
1739
|
-
{
|
|
1740
|
-
id: 2,
|
|
1741
|
-
icon: 'return_completed',
|
|
1742
|
-
status: 'return_completed',
|
|
1743
|
-
count: count == null ? void 0 : count.completed_count,
|
|
1744
|
-
label: 'Return Completed'
|
|
1745
|
-
}];
|
|
1746
|
-
}, [count]);
|
|
1747
|
-
//handling status change
|
|
1748
|
-
var handleCardClick = function handleCardClick(item) {
|
|
1749
|
-
if (activeCardId === (item == null ? void 0 : item.id)) {
|
|
1750
|
-
return;
|
|
1751
|
-
}
|
|
1752
|
-
var newStatus = item == null ? void 0 : item.status;
|
|
1753
|
-
if (previousStatus === 'return_completed' && newStatus !== 'return_completed') {
|
|
1754
|
-
dispatch({
|
|
1755
|
-
type: 'CLEAR_CP_DATE_FILTER'
|
|
1756
|
-
});
|
|
1757
|
-
setStartDate(null);
|
|
1758
|
-
setEndDate(null);
|
|
1759
|
-
}
|
|
1760
|
-
setPreviousStatus(newStatus);
|
|
1761
|
-
setActiveCardId(item == null ? void 0 : item.id);
|
|
1762
|
-
//for dev
|
|
1763
|
-
navigate("/return/" + (item == null ? void 0 : item.status));
|
|
1764
|
-
//for local
|
|
1765
|
-
//navigate(`/${item?.status}`);
|
|
1766
|
-
setOutstandingSearch('');
|
|
1767
|
-
setDebouncedSearchText('');
|
|
1768
|
-
var formattedStart = startDate == null ? void 0 : startDate.format('YYYY-MM-DD');
|
|
1769
|
-
var formattedEnd = endDate ? endDate == null ? void 0 : endDate.format('YYYY-MM-DD') : null;
|
|
1770
|
-
if (newStatus === 'scheduled_for_return') {
|
|
1771
|
-
dispatch({
|
|
1772
|
-
type: 'SET_SCHEDULED_RETURN_FILTER',
|
|
1773
|
-
payload: 'awaiting confirmation,awaiting route,routed,confirmed,on hold,subcontracted'
|
|
1774
|
-
});
|
|
1775
|
-
}
|
|
1776
|
-
if (newStatus === 'return_completed') {
|
|
1777
|
-
dispatch({
|
|
1778
|
-
type: 'SET_RETURN_COMPLETED_FILTER',
|
|
1779
|
-
payload: 'complete'
|
|
1780
|
-
});
|
|
1781
|
-
var today = dayjs().format('YYYY-MM-DD');
|
|
1782
|
-
var oneWeekAgo = dayjs().subtract(7, 'day').format('YYYY-MM-DD');
|
|
1783
|
-
formattedStart = oneWeekAgo;
|
|
1784
|
-
formattedEnd = today;
|
|
1785
|
-
setStartDate(dayjs().subtract(7, 'day'));
|
|
1786
|
-
setEndDate(dayjs());
|
|
1787
|
-
dispatch({
|
|
1788
|
-
type: 'CLEAR_CP_DATE_FILTER'
|
|
1789
|
-
});
|
|
1790
|
-
dispatch({
|
|
1791
|
-
type: 'SET_CP_DATE_FILTER',
|
|
1792
|
-
payload: {
|
|
1793
|
-
startDate: formattedStart,
|
|
1794
|
-
endDate: formattedEnd,
|
|
1795
|
-
status: newStatus
|
|
1796
|
-
}
|
|
1797
|
-
});
|
|
1798
|
-
dispatch({
|
|
1799
|
-
type: 'SET_PAGE',
|
|
1800
|
-
payload: 1
|
|
1801
|
-
});
|
|
1802
|
-
}
|
|
1803
|
-
};
|
|
1804
|
-
React.useEffect(function () {
|
|
1805
|
-
var matchedItem = returnCounts.find(function (item) {
|
|
1806
|
-
return (item == null ? void 0 : item.status) === status;
|
|
1807
|
-
});
|
|
1808
|
-
if (!matchedItem) return;
|
|
1809
|
-
setActiveCardId(matchedItem.id);
|
|
1810
|
-
if (status == 'scheduled_for_return') {
|
|
1811
|
-
dispatch({
|
|
1812
|
-
type: 'SET_SCHEDULED_RETURN_FILTER',
|
|
1813
|
-
payload: 'awaiting confirmation,awaiting route,routed,confirmed,on hold,subcontracted'
|
|
1814
|
-
});
|
|
1815
|
-
}
|
|
1816
|
-
if (status == 'return_completed') {
|
|
1817
|
-
dispatch({
|
|
1818
|
-
type: 'SET_RETURN_COMPLETED_FILTER',
|
|
1819
|
-
payload: 'complete'
|
|
1820
|
-
});
|
|
1821
|
-
}
|
|
1822
|
-
dispatch({
|
|
1823
|
-
type: 'SET_PAGE',
|
|
1824
|
-
payload: 1
|
|
1825
|
-
});
|
|
1826
|
-
}, []);
|
|
1827
|
-
return React__default.createElement("div", null, ' ', React__default.createElement(OrderStatusWrapper, null, React__default.createElement(StyledListCover, {
|
|
1828
|
-
className: "listAlignment styleCovered"
|
|
1829
|
-
}, returnCounts == null ? void 0 : returnCounts.map(function (item) {
|
|
1830
|
-
return React__default.createElement(dmsComponentLibrary.CountItem, {
|
|
1831
|
-
key: item.id,
|
|
1832
|
-
countDetails: item,
|
|
1833
|
-
//@ts-ignore
|
|
1834
|
-
isActive: item.id === activeCardId,
|
|
1835
|
-
onClick: function onClick() {
|
|
1836
|
-
return handleCardClick(item);
|
|
1837
|
-
}
|
|
1838
|
-
});
|
|
1839
|
-
}))));
|
|
1840
|
-
};
|
|
1841
|
-
var OrderStatusWrapper = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 30px;\n @media ", " {\n padding: 0 0px;\n }\n"])), dmsComponentLibrary.device.smallScreen);
|
|
1842
|
-
var StyledListCover = /*#__PURE__*/styled__default.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"])));
|
|
1843
|
-
|
|
1844
|
-
function HeaderFilter() {
|
|
1845
|
-
var _useClientPortal = useClientPortal(),
|
|
1846
|
-
clientPortal = _useClientPortal[0];
|
|
1847
|
-
return React__default.createElement(React__default.Fragment, null, clientPortal ? React__default.createElement(ReturnStatus, null) : React__default.createElement(React__default.Fragment, null, React__default.createElement(CoverPage, null, React__default.createElement(SelectionFilter, null))));
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
var _templateObject$2, _templateObject4, _templateObject5$1, _templateObject7$1, _templateObject8$1;
|
|
1851
|
-
//Left side
|
|
1852
|
-
var LeftSideConatiner = /*#__PURE__*/styled__default.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"])));
|
|
1853
|
-
//
|
|
1854
|
-
var StyledFiter = /*#__PURE__*/styled__default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
1855
|
-
var StyledFIlterELements = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n"])));
|
|
1856
|
-
var Text = /*#__PURE__*/styled__default.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"])));
|
|
1857
|
-
// Right side filter
|
|
1858
|
-
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
1859
|
-
|
|
1860
|
-
var _templateObject$3, _templateObject2$1;
|
|
1861
|
-
// import { FilterIconConatiner } from '../../filters/FilterStyle';
|
|
1862
|
-
var RightFilters = function RightFilters() {
|
|
1863
|
-
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
1864
|
-
dispatch = _useAtom[1];
|
|
1865
|
-
var _useSelectedOrders = useSelectedOrders(),
|
|
1866
|
-
selectedReturnOrder = _useSelectedOrders[0];
|
|
1867
|
-
var _useReturnData = useReturnData(),
|
|
1868
|
-
returnData = _useReturnData[0];
|
|
1869
|
-
var _useAtom2 = jotai.useAtom(filtersReducerAtom),
|
|
1870
|
-
state = _useAtom2[0];
|
|
1871
|
-
var filters = state['x-filters'];
|
|
1872
|
-
var moduleInfo = {
|
|
1873
|
-
isExportedData: (returnData == null ? void 0 : returnData.length) <= 0 ? false : true,
|
|
1874
|
-
moduleName: 'return',
|
|
1875
|
-
filter: filters,
|
|
1876
|
-
file_type: 'csv',
|
|
1877
|
-
apiUrlEndPoint: "v1/return/product/pending/",
|
|
1878
|
-
reference: 'return_export',
|
|
1879
|
-
feature_name: 'return'
|
|
1880
|
-
};
|
|
1881
|
-
return React__default.createElement(Container, null, React__default.createElement(ButtonText, {
|
|
1882
|
-
onClick: function onClick() {
|
|
1883
|
-
return dispatch({
|
|
1884
|
-
type: 'create-return'
|
|
1885
|
-
});
|
|
1886
|
-
},
|
|
1887
|
-
disabled: (selectedReturnOrder == null ? void 0 : selectedReturnOrder.length) === 0
|
|
1888
|
-
}, "Create Return"), React__default.createElement(dmsComponentLibrary.ExportButton, {
|
|
1889
|
-
moduleInfoModule: moduleInfo
|
|
1890
|
-
}));
|
|
1891
|
-
};
|
|
1892
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* align-items: flex-start; */\n gap: 16px;\n align-items: center;\n"])));
|
|
1893
|
-
// const Mid = styled.div`
|
|
1894
|
-
// display: flex;
|
|
1895
|
-
// padding: 4px 10px;
|
|
1896
|
-
// align-items: center;
|
|
1897
|
-
// gap: 8px;
|
|
1898
|
-
// align-self: stretch;
|
|
1899
|
-
// border-radius: 15px 0px 0px 15px;
|
|
1900
|
-
// `;
|
|
1901
|
-
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
1902
|
-
|
|
1903
|
-
var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4$1;
|
|
1725
|
+
var _templateObject$3, _templateObject2$1, _templateObject3$1, _templateObject4$1;
|
|
1904
1726
|
var ReturnRTFilters = function ReturnRTFilters() {
|
|
1905
1727
|
var _useClientOutstanding = useClientOutstandingReturnData(),
|
|
1906
1728
|
outstandingReturnData = _useClientOutstanding[0];
|
|
@@ -2099,8 +1921,8 @@ var ReturnRTFilters = function ReturnRTFilters() {
|
|
|
2099
1921
|
}
|
|
2100
1922
|
}, React__default.createElement(Text$1, null, "Export Manifest")));
|
|
2101
1923
|
};
|
|
2102
|
-
var Text$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2103
|
-
var StyledBulkFilterCover = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1924
|
+
var Text$1 = /*#__PURE__*/styled__default.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"])));
|
|
1925
|
+
var StyledBulkFilterCover = /*#__PURE__*/styled__default.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"])));
|
|
2104
1926
|
var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
|
|
2105
1927
|
var ExportCSVButton = /*#__PURE__*/styled__default.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) {
|
|
2106
1928
|
return (props == null ? void 0 : props.type) === 'left' ? '50px 0px 0px 50px' : (props == null ? void 0 : props.type) === 'right' ? ' 0px 50px 50px 0px' : '';
|
|
@@ -2115,6 +1937,19 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
2115
1937
|
clientPortal = _useClientPortal[0];
|
|
2116
1938
|
var _useParams = reactRouterDom.useParams(),
|
|
2117
1939
|
status = _useParams.status;
|
|
1940
|
+
var _useStatsCPCount = useStatsCPCount(),
|
|
1941
|
+
count = _useStatsCPCount[0],
|
|
1942
|
+
setCount = _useStatsCPCount[1];
|
|
1943
|
+
var _useSearchAfterText = useSearchAfterText(),
|
|
1944
|
+
debouncedSearchAfterText = _useSearchAfterText[0];
|
|
1945
|
+
var _useSearchText = useSearchText(),
|
|
1946
|
+
debouncedSearchText = _useSearchText[0];
|
|
1947
|
+
var _useAtom = jotai.useAtom(dateFilterCPReducer),
|
|
1948
|
+
state = _useAtom[0];
|
|
1949
|
+
var filters = state['x-filters'];
|
|
1950
|
+
var cleanedFilters = filters.filter(function (f) {
|
|
1951
|
+
return f.field !== 'order_status';
|
|
1952
|
+
});
|
|
2118
1953
|
var queryParams = new URLSearchParams(location.search);
|
|
2119
1954
|
var customerId = queryParams.get('customerId');
|
|
2120
1955
|
var selectedCustomer = customers == null ? void 0 : customers.find(function (customer) {
|
|
@@ -2130,14 +1965,36 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
2130
1965
|
case 'scheduled_for_return':
|
|
2131
1966
|
return 'All Scheduled Orders';
|
|
2132
1967
|
case 'return_completed':
|
|
2133
|
-
return 'View Return Order';
|
|
1968
|
+
// return 'View Return Order';
|
|
1969
|
+
return 'Completed Return';
|
|
2134
1970
|
default:
|
|
2135
1971
|
return status.replace(/_/g, ' ').replace(/\b\w/g, function (_char) {
|
|
2136
1972
|
return _char.toUpperCase();
|
|
2137
1973
|
});
|
|
2138
1974
|
}
|
|
2139
1975
|
};
|
|
2140
|
-
|
|
1976
|
+
var _useAxios = dmsComponentLibrary.useAxios({
|
|
1977
|
+
endpoint: "v1/portal/return/stats/",
|
|
1978
|
+
method: 'GET',
|
|
1979
|
+
pagination: {
|
|
1980
|
+
is_pagination: false
|
|
1981
|
+
},
|
|
1982
|
+
filters: cleanedFilters
|
|
1983
|
+
}),
|
|
1984
|
+
statsData = _useAxios.data,
|
|
1985
|
+
statsApiLoading = _useAxios.loading,
|
|
1986
|
+
fetchData = _useAxios.fetchData;
|
|
1987
|
+
React.useEffect(function () {
|
|
1988
|
+
if (clientPortal && debouncedSearchAfterText === '' && status == 'return_completed') {
|
|
1989
|
+
fetchData();
|
|
1990
|
+
}
|
|
1991
|
+
}, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);
|
|
1992
|
+
React.useEffect(function () {
|
|
1993
|
+
if (statsData != null && statsData.data && typeof (statsData == null ? void 0 : statsData.data) === 'object') {
|
|
1994
|
+
setCount(statsData == null ? void 0 : statsData.data);
|
|
1995
|
+
}
|
|
1996
|
+
}, [statsApiLoading]);
|
|
1997
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, !clientPortal ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Text, null, customerName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Text, null, status ? getStatusLabel(status) + " (" + (count == null ? void 0 : count.completed_count) + ")" : ''), React__default.createElement(ReturnRTFilters, null))));
|
|
2141
1998
|
};
|
|
2142
1999
|
|
|
2143
2000
|
function DownIcon() {
|
|
@@ -2377,7 +2234,7 @@ var optionsForReturnPrint = [{
|
|
|
2377
2234
|
label: 'Print Return Labels'
|
|
2378
2235
|
}];
|
|
2379
2236
|
|
|
2380
|
-
var _templateObject$
|
|
2237
|
+
var _templateObject$4, _templateObject2$2;
|
|
2381
2238
|
var options = optionsForReturnPrint;
|
|
2382
2239
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
2383
2240
|
var legacyURL = _ref.legacyURL,
|
|
@@ -2398,8 +2255,8 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
2398
2255
|
}, IconComponent && React__default.createElement(IconComponent, null), " ", item.label);
|
|
2399
2256
|
}));
|
|
2400
2257
|
};
|
|
2401
|
-
var OptionsList = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
2402
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
2258
|
+
var OptionsList = /*#__PURE__*/styled__default.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"])));
|
|
2259
|
+
var OptionsListLi = /*#__PURE__*/styled__default.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) {
|
|
2403
2260
|
var disabled = _ref2.disabled;
|
|
2404
2261
|
return disabled ? 'not-allowed' : 'pointer';
|
|
2405
2262
|
}, function (_ref3) {
|
|
@@ -2413,9 +2270,9 @@ var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$3 || (_temp
|
|
|
2413
2270
|
return disabled ? '#f5f5f5' : 'transparent';
|
|
2414
2271
|
});
|
|
2415
2272
|
|
|
2416
|
-
var _templateObject$
|
|
2417
|
-
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2418
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2273
|
+
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
2274
|
+
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
2275
|
+
var GreyBox = /*#__PURE__*/styled__default.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"])));
|
|
2419
2276
|
// Styled components
|
|
2420
2277
|
var StyledTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
2421
2278
|
var StyledTable = /*#__PURE__*/styled__default.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"])));
|
|
@@ -2976,7 +2833,7 @@ var sanitizeInput = function sanitizeInput(value) {
|
|
|
2976
2833
|
return value.trim() === '' ? '' : value;
|
|
2977
2834
|
};
|
|
2978
2835
|
|
|
2979
|
-
var _templateObject$
|
|
2836
|
+
var _templateObject$6, _templateObject2$4;
|
|
2980
2837
|
var DefectsModal = function DefectsModal() {
|
|
2981
2838
|
var options = [{
|
|
2982
2839
|
value: 'bjsCouriers',
|
|
@@ -3028,10 +2885,10 @@ var DefectsModal = function DefectsModal() {
|
|
|
3028
2885
|
}
|
|
3029
2886
|
}))));
|
|
3030
2887
|
};
|
|
3031
|
-
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3032
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2888
|
+
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
2889
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3033
2890
|
|
|
3034
|
-
var _templateObject$
|
|
2891
|
+
var _templateObject$7, _templateObject2$5, _templateObject3$3;
|
|
3035
2892
|
var _excluded$2 = ["id"];
|
|
3036
2893
|
var CreateReturnModal = function CreateReturnModal() {
|
|
3037
2894
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -3109,8 +2966,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
3109
2966
|
}, displayValueOrNA(returnLoc == null ? void 0 : returnLoc.return_location_name)));
|
|
3110
2967
|
})))));
|
|
3111
2968
|
};
|
|
3112
|
-
var StyledText = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3113
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2969
|
+
var StyledText = /*#__PURE__*/styled__default.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"])));
|
|
2970
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3114
2971
|
var Wrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
3115
2972
|
|
|
3116
2973
|
var ModalManager = function ModalManager() {
|
|
@@ -3259,9 +3116,9 @@ var ModalManager = function ModalManager() {
|
|
|
3259
3116
|
}));
|
|
3260
3117
|
};
|
|
3261
3118
|
|
|
3262
|
-
var _templateObject$
|
|
3263
|
-
var StyledContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3264
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3119
|
+
var _templateObject$8, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject6, _templateObject7$2;
|
|
3120
|
+
var StyledContainer = /*#__PURE__*/styled__default.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"])));
|
|
3121
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
3265
3122
|
var StyledInfoBox = /*#__PURE__*/styled__default.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"])));
|
|
3266
3123
|
var StyledLabel = /*#__PURE__*/styled__default.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"])));
|
|
3267
3124
|
var StyledPaginationWrapper = /*#__PURE__*/styled__default.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"])));
|
|
@@ -3383,7 +3240,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
3383
3240
|
}, React__default.createElement(NextIcon, null)))));
|
|
3384
3241
|
};
|
|
3385
3242
|
|
|
3386
|
-
var _templateObject$
|
|
3243
|
+
var _templateObject$9, _templateObject2$7;
|
|
3387
3244
|
// import { useLocation } from 'react-router-dom';
|
|
3388
3245
|
var ReturnTable = function ReturnTable() {
|
|
3389
3246
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -3428,10 +3285,10 @@ var ReturnTable = function ReturnTable() {
|
|
|
3428
3285
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
3429
3286
|
})))), React__default.createElement(ModalManager, null));
|
|
3430
3287
|
};
|
|
3431
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3432
|
-
var DashBoardWrapper = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
3288
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
3289
|
+
var DashBoardWrapper = /*#__PURE__*/styled__default.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"])));
|
|
3433
3290
|
|
|
3434
|
-
var _templateObject$
|
|
3291
|
+
var _templateObject$a, _templateObject2$8;
|
|
3435
3292
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
3436
3293
|
var legacyProductId = _ref.legacyProductId;
|
|
3437
3294
|
var downloadFiles = function downloadFiles(type) {
|
|
@@ -3460,8 +3317,8 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
3460
3317
|
}, IconComponent && React__default.createElement(IconComponent, null), item.label);
|
|
3461
3318
|
}));
|
|
3462
3319
|
};
|
|
3463
|
-
var OptionsList$1 = /*#__PURE__*/styled__default.ul(_templateObject$
|
|
3464
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
3320
|
+
var OptionsList$1 = /*#__PURE__*/styled__default.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"])));
|
|
3321
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.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) {
|
|
3465
3322
|
var disabled = _ref2.disabled;
|
|
3466
3323
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3467
3324
|
}, function (_ref3) {
|
|
@@ -3472,7 +3329,7 @@ var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$9 || (_te
|
|
|
3472
3329
|
return disabled ? 'transparent' : '#f0f0f0';
|
|
3473
3330
|
});
|
|
3474
3331
|
|
|
3475
|
-
var _templateObject$
|
|
3332
|
+
var _templateObject$b;
|
|
3476
3333
|
var OrderTable = function OrderTable() {
|
|
3477
3334
|
// const [, setSelectedReturnOrder] = useSelectedOrders();
|
|
3478
3335
|
// const [selectAll, setSelectAll] = useState(false);
|
|
@@ -3793,7 +3650,7 @@ var OrderTable = function OrderTable() {
|
|
|
3793
3650
|
})))))));
|
|
3794
3651
|
})))));
|
|
3795
3652
|
};
|
|
3796
|
-
var StyledAntSelect$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
3653
|
+
var StyledAntSelect$1 = /*#__PURE__*/styled__default(antd.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"])));
|
|
3797
3654
|
|
|
3798
3655
|
var initialState$3 = {
|
|
3799
3656
|
'x-filters': [],
|
|
@@ -3997,7 +3854,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
3997
3854
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
3998
3855
|
});
|
|
3999
3856
|
|
|
4000
|
-
var _templateObject$
|
|
3857
|
+
var _templateObject$c;
|
|
4001
3858
|
var TableFilters = function TableFilters() {
|
|
4002
3859
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
4003
3860
|
state = _useAtom[0];
|
|
@@ -4017,7 +3874,7 @@ var TableFilters = function TableFilters() {
|
|
|
4017
3874
|
moduleInfoModule: moduleInfo
|
|
4018
3875
|
}));
|
|
4019
3876
|
};
|
|
4020
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3877
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n align-items: center;\n"])));
|
|
4021
3878
|
|
|
4022
3879
|
var FilterIcon = function FilterIcon() {
|
|
4023
3880
|
return React__default.createElement("svg", {
|
|
@@ -4122,7 +3979,7 @@ var AssigneIcon = function AssigneIcon() {
|
|
|
4122
3979
|
}))));
|
|
4123
3980
|
};
|
|
4124
3981
|
|
|
4125
|
-
var _templateObject$
|
|
3982
|
+
var _templateObject$d, _templateObject2$9;
|
|
4126
3983
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
4127
3984
|
var _fetchedCustomerData$;
|
|
4128
3985
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
@@ -4359,9 +4216,9 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
4359
4216
|
className: "cross"
|
|
4360
4217
|
})), React__default.createElement(StyledFilterBtnLabel, null, "Clear all"))) : null)), React__default.createElement(TableFilters, null)));
|
|
4361
4218
|
};
|
|
4362
|
-
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4219
|
+
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
4363
4220
|
// const DropdownContainer = styled.div``;
|
|
4364
|
-
var StyledAntSelect$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4221
|
+
var StyledAntSelect$2 = /*#__PURE__*/styled__default.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"])));
|
|
4365
4222
|
|
|
4366
4223
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
4367
4224
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -4447,7 +4304,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
4447
4304
|
}, React__default.createElement(NextIcon, null)))));
|
|
4448
4305
|
};
|
|
4449
4306
|
|
|
4450
|
-
var _templateObject$
|
|
4307
|
+
var _templateObject$e, _templateObject2$a;
|
|
4451
4308
|
var _excluded$3 = ["count"];
|
|
4452
4309
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
4453
4310
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -4530,15 +4387,15 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
4530
4387
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
4531
4388
|
})))));
|
|
4532
4389
|
};
|
|
4533
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4534
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
4390
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
4391
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
4535
4392
|
|
|
4536
|
-
var _templateObject$
|
|
4393
|
+
var _templateObject$f, _templateObject2$b;
|
|
4537
4394
|
function Header(props) {
|
|
4538
4395
|
return React__default.createElement(Container$5, null, React__default.createElement(Text$2, null, props.label));
|
|
4539
4396
|
}
|
|
4540
|
-
var Text$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
4541
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4397
|
+
var Text$2 = /*#__PURE__*/styled__default.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"])));
|
|
4398
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
4542
4399
|
|
|
4543
4400
|
function SearchIcon() {
|
|
4544
4401
|
return React__default.createElement("svg", {
|
|
@@ -4703,7 +4560,7 @@ function useCopyToClipboard() {
|
|
|
4703
4560
|
return copy;
|
|
4704
4561
|
}
|
|
4705
4562
|
|
|
4706
|
-
var _templateObject$
|
|
4563
|
+
var _templateObject$g;
|
|
4707
4564
|
function CopyText(props) {
|
|
4708
4565
|
var copy = useCopyToClipboard();
|
|
4709
4566
|
return React__default.createElement(IconContainer, {
|
|
@@ -4714,9 +4571,9 @@ function CopyText(props) {
|
|
|
4714
4571
|
fill: "#6396e5"
|
|
4715
4572
|
}));
|
|
4716
4573
|
}
|
|
4717
|
-
var IconContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4574
|
+
var IconContainer = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
4718
4575
|
|
|
4719
|
-
var _templateObject$
|
|
4576
|
+
var _templateObject$h, _templateObject2$c, _templateObject3$5;
|
|
4720
4577
|
function RecipientName() {
|
|
4721
4578
|
var _orderRecipient$recip;
|
|
4722
4579
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4751,11 +4608,11 @@ function RecipientName() {
|
|
|
4751
4608
|
autoComplete: "off"
|
|
4752
4609
|
}));
|
|
4753
4610
|
}
|
|
4754
|
-
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4755
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4611
|
+
var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4612
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4756
4613
|
var InputStyled = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
4757
4614
|
|
|
4758
|
-
var _templateObject$
|
|
4615
|
+
var _templateObject$i, _templateObject2$d, _templateObject3$6;
|
|
4759
4616
|
function Address() {
|
|
4760
4617
|
var _orderRecipient$addre;
|
|
4761
4618
|
// show copy icon if there is input value
|
|
@@ -4789,11 +4646,11 @@ function Address() {
|
|
|
4789
4646
|
onChange: onChange
|
|
4790
4647
|
}));
|
|
4791
4648
|
}
|
|
4792
|
-
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4793
|
-
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4649
|
+
var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4650
|
+
var Container$7 = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4794
4651
|
var TextContainer = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n height: 70%;\n border-radius: 15px;\n"])));
|
|
4795
4652
|
|
|
4796
|
-
var _templateObject$
|
|
4653
|
+
var _templateObject$j, _templateObject2$e;
|
|
4797
4654
|
// import { LocationIcon } from '../../../../assets/icons';
|
|
4798
4655
|
function Postcode() {
|
|
4799
4656
|
var _orderRecipient$postc;
|
|
@@ -4833,10 +4690,10 @@ function Postcode() {
|
|
|
4833
4690
|
}
|
|
4834
4691
|
}));
|
|
4835
4692
|
}
|
|
4836
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4837
|
-
var Container$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4693
|
+
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
4694
|
+
var Container$8 = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4838
4695
|
|
|
4839
|
-
var _templateObject$
|
|
4696
|
+
var _templateObject$k, _templateObject2$f;
|
|
4840
4697
|
function Latitude() {
|
|
4841
4698
|
var _useOrderDetails = useOrderDetails(),
|
|
4842
4699
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4868,10 +4725,10 @@ function Latitude() {
|
|
|
4868
4725
|
readOnly: true
|
|
4869
4726
|
}));
|
|
4870
4727
|
}
|
|
4871
|
-
var CustomInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$
|
|
4872
|
-
var Container$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4728
|
+
var CustomInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
4729
|
+
var Container$9 = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4873
4730
|
|
|
4874
|
-
var _templateObject$
|
|
4731
|
+
var _templateObject$l, _templateObject2$g;
|
|
4875
4732
|
function Longitude() {
|
|
4876
4733
|
var _useOrderDetails = useOrderDetails(),
|
|
4877
4734
|
orderDetails = _useOrderDetails[0],
|
|
@@ -4903,10 +4760,10 @@ function Longitude() {
|
|
|
4903
4760
|
readOnly: true
|
|
4904
4761
|
}));
|
|
4905
4762
|
}
|
|
4906
|
-
var CustomInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$
|
|
4907
|
-
var Container$a = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4763
|
+
var CustomInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
4764
|
+
var Container$a = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4908
4765
|
|
|
4909
|
-
var _templateObject$
|
|
4766
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$7, _templateObject4$4, _templateObject5$2;
|
|
4910
4767
|
function What3words() {
|
|
4911
4768
|
var w3wRegex = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/;
|
|
4912
4769
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -4957,27 +4814,27 @@ function What3words() {
|
|
|
4957
4814
|
onChange: onChange
|
|
4958
4815
|
})), errors.w3wError && React__default.createElement(ErrorText, null, errors.w3wError));
|
|
4959
4816
|
}
|
|
4960
|
-
var What3wordsPrefix = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4961
|
-
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4817
|
+
var What3wordsPrefix = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 13px;\n left: 12px;\n"])));
|
|
4818
|
+
var Wrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
4962
4819
|
var CustomInput$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
4963
4820
|
var Container$b = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
4964
4821
|
var ErrorText = /*#__PURE__*/styled__default.span(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4965
4822
|
|
|
4966
|
-
var _templateObject$
|
|
4823
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$8;
|
|
4967
4824
|
function LocationDetails() {
|
|
4968
4825
|
return React__default.createElement(Container$c, null, React__default.createElement(Address, null), React__default.createElement(Right, null, React__default.createElement(RightColumn$1, null, React__default.createElement(Postcode, null), React__default.createElement(What3words, null)), React__default.createElement(RightColumn$1, null, React__default.createElement(Latitude, null), React__default.createElement(Longitude, null))));
|
|
4969
4826
|
}
|
|
4970
|
-
var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4971
|
-
var Right = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4827
|
+
var RightColumn$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
4828
|
+
var Right = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
4972
4829
|
var Container$c = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
4973
4830
|
|
|
4974
|
-
var _templateObject$
|
|
4831
|
+
var _templateObject$o;
|
|
4975
4832
|
function CallCustomer() {
|
|
4976
4833
|
return React__default.createElement(Container$d, null, React__default.createElement(FlexCallIcon, null), React__default.createElement(SpokePhoneIcon, null));
|
|
4977
4834
|
}
|
|
4978
|
-
var Container$d = /*#__PURE__*/styled__default.div(_templateObject$
|
|
4835
|
+
var Container$d = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
4979
4836
|
|
|
4980
|
-
var _templateObject$
|
|
4837
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$9, _templateObject4$5, _templateObject5$3;
|
|
4981
4838
|
function ContactHome() {
|
|
4982
4839
|
var _prevOrderDetails$ord;
|
|
4983
4840
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -5093,13 +4950,13 @@ function ContactHome() {
|
|
|
5093
4950
|
}, React__default.createElement(CallCustomer, null)));
|
|
5094
4951
|
}()), errors.homeContactError && React__default.createElement(ErrorText$1, null, errors.homeContactError));
|
|
5095
4952
|
}
|
|
5096
|
-
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5097
|
-
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4953
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
4954
|
+
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5098
4955
|
var CustomInput$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5099
4956
|
var Container$e = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5100
4957
|
var ErrorText$1 = /*#__PURE__*/styled__default.span(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5101
4958
|
|
|
5102
|
-
var _templateObject$
|
|
4959
|
+
var _templateObject$q, _templateObject2$k, _templateObject3$a, _templateObject4$6, _templateObject5$4;
|
|
5103
4960
|
function ContactWork() {
|
|
5104
4961
|
var _prevOrderDetails$ord;
|
|
5105
4962
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -5215,13 +5072,13 @@ function ContactWork() {
|
|
|
5215
5072
|
}, React__default.createElement(CallCustomer, null)));
|
|
5216
5073
|
}()), errors.workCOntanctError && React__default.createElement(ErrorText$2, null, errors.workCOntanctError));
|
|
5217
5074
|
}
|
|
5218
|
-
var InputContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5219
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5075
|
+
var InputContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5076
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5220
5077
|
var CustomInput$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5221
5078
|
var Container$f = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5222
5079
|
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5223
5080
|
|
|
5224
|
-
var _templateObject$
|
|
5081
|
+
var _templateObject$r, _templateObject2$l, _templateObject3$b, _templateObject4$7, _templateObject5$5;
|
|
5225
5082
|
function ContactMobile() {
|
|
5226
5083
|
var _prevOrderDetails$ord, _orderRecipient$conta;
|
|
5227
5084
|
var _useAtom = jotai.useAtom(errorAtom),
|
|
@@ -5340,13 +5197,13 @@ function ContactMobile() {
|
|
|
5340
5197
|
}, React__default.createElement(CallCustomer, null)));
|
|
5341
5198
|
}()), errors.mobileError && React__default.createElement(ErrorText$3, null, errors.mobileError));
|
|
5342
5199
|
}
|
|
5343
|
-
var InputContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5344
|
-
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5200
|
+
var InputContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n align-items: center;\n"])));
|
|
5201
|
+
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5345
5202
|
var CustomInput$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5346
5203
|
var Container$g = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5347
5204
|
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5348
5205
|
|
|
5349
|
-
var _templateObject$
|
|
5206
|
+
var _templateObject$s, _templateObject2$m, _templateObject3$c;
|
|
5350
5207
|
function ContactEmail() {
|
|
5351
5208
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
5352
5209
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5389,27 +5246,27 @@ function ContactEmail() {
|
|
|
5389
5246
|
onChange: onChange
|
|
5390
5247
|
}), errors.emailError && React__default.createElement(ErrorText$4, null, errors.emailError));
|
|
5391
5248
|
}
|
|
5392
|
-
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5393
|
-
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5249
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5250
|
+
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5394
5251
|
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5395
5252
|
|
|
5396
|
-
var _templateObject$
|
|
5253
|
+
var _templateObject$t, _templateObject2$n;
|
|
5397
5254
|
function ContactDetails() {
|
|
5398
5255
|
return React__default.createElement(Container$i, null, React__default.createElement(GroupedInputs, null, React__default.createElement(ContactHome, null), React__default.createElement(ContactWork, null)), React__default.createElement(GroupedInputs, null, React__default.createElement(ContactMobile, null), React__default.createElement(ContactEmail, null)));
|
|
5399
5256
|
}
|
|
5400
|
-
var GroupedInputs = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5401
|
-
var Container$i = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5257
|
+
var GroupedInputs = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5258
|
+
var Container$i = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
5402
5259
|
|
|
5403
|
-
var _templateObject$
|
|
5260
|
+
var _templateObject$u, _templateObject2$o;
|
|
5404
5261
|
function CustomerSection() {
|
|
5405
5262
|
return React__default.createElement(CustomFormSection, null, React__default.createElement(Header, {
|
|
5406
5263
|
label: "Customer"
|
|
5407
5264
|
}), React__default.createElement(FormInputs, null, React__default.createElement(RecipientName, null), React__default.createElement(LocationDetails, null), React__default.createElement(ContactDetails, null)));
|
|
5408
5265
|
}
|
|
5409
|
-
var FormInputs = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5410
|
-
var CustomFormSection = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$
|
|
5266
|
+
var FormInputs = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5267
|
+
var CustomFormSection = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5411
5268
|
|
|
5412
|
-
var _templateObject$
|
|
5269
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$d;
|
|
5413
5270
|
function ConsignmentNumber() {
|
|
5414
5271
|
var _useOrderDetails = useOrderDetails(),
|
|
5415
5272
|
orderDetails = _useOrderDetails[0];
|
|
@@ -5419,11 +5276,11 @@ function ConsignmentNumber() {
|
|
|
5419
5276
|
text: dmsComponentLibrary.displayValueOrNA(orderDetails.consignment)
|
|
5420
5277
|
})), React__default.createElement(Consignment, null, dmsComponentLibrary.displayValueOrNA(orderDetails.consignment)));
|
|
5421
5278
|
}
|
|
5422
|
-
var Wrapper$a = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5423
|
-
var Consignment = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
5279
|
+
var Wrapper$a = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5280
|
+
var Consignment = /*#__PURE__*/styled__default.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"])));
|
|
5424
5281
|
var Container$j = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5425
5282
|
|
|
5426
|
-
var _templateObject$
|
|
5283
|
+
var _templateObject$w, _templateObject2$q;
|
|
5427
5284
|
function RecipientReference() {
|
|
5428
5285
|
var _useOrderDetails = useOrderDetails(),
|
|
5429
5286
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5453,10 +5310,10 @@ function RecipientReference() {
|
|
|
5453
5310
|
}
|
|
5454
5311
|
}));
|
|
5455
5312
|
}
|
|
5456
|
-
var Container$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5457
|
-
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5313
|
+
var Container$k = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5314
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5458
5315
|
|
|
5459
|
-
var _templateObject$
|
|
5316
|
+
var _templateObject$x, _templateObject2$r;
|
|
5460
5317
|
function DepotDropdown() {
|
|
5461
5318
|
var _useOrderDetails = useOrderDetails(),
|
|
5462
5319
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5492,10 +5349,10 @@ function DepotDropdown() {
|
|
|
5492
5349
|
})
|
|
5493
5350
|
}));
|
|
5494
5351
|
}
|
|
5495
|
-
var FormContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5496
|
-
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
5352
|
+
var FormContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5353
|
+
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 160px;\n"])));
|
|
5497
5354
|
|
|
5498
|
-
var _templateObject$
|
|
5355
|
+
var _templateObject$y, _templateObject2$s;
|
|
5499
5356
|
function Droptime() {
|
|
5500
5357
|
var _useOrderDetails = useOrderDetails(),
|
|
5501
5358
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5519,10 +5376,10 @@ function Droptime() {
|
|
|
5519
5376
|
onChange: onChange
|
|
5520
5377
|
}));
|
|
5521
5378
|
}
|
|
5522
|
-
var CustomInput$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject$
|
|
5523
|
-
var Container$l = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5379
|
+
var CustomInput$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
5380
|
+
var Container$l = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5524
5381
|
|
|
5525
|
-
var _templateObject$
|
|
5382
|
+
var _templateObject$z;
|
|
5526
5383
|
function DeliveryDate() {
|
|
5527
5384
|
var _orderStatus$, _orderStatus$2;
|
|
5528
5385
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5574,9 +5431,9 @@ function DeliveryDate() {
|
|
|
5574
5431
|
disabled: isClientPortal ? true : routedStatus || ((_orderStatus$2 = orderStatus[0]) == null ? void 0 : _orderStatus$2.confirmed) === true || isOrderOnHold
|
|
5575
5432
|
}));
|
|
5576
5433
|
}
|
|
5577
|
-
var MainContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5434
|
+
var MainContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5578
5435
|
|
|
5579
|
-
var _templateObject$
|
|
5436
|
+
var _templateObject$A;
|
|
5580
5437
|
function Carrier() {
|
|
5581
5438
|
var _localStorage, _clientData$find, _orderStatus$;
|
|
5582
5439
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5632,9 +5489,9 @@ function Carrier() {
|
|
|
5632
5489
|
isDisabled: isClientPortal ? true : (orderStatus == null ? void 0 : orderStatus.length) > 0 && ((_orderStatus$ = orderStatus[0]) == null ? void 0 : _orderStatus$.confirmed) === true
|
|
5633
5490
|
}));
|
|
5634
5491
|
}
|
|
5635
|
-
var FormContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5492
|
+
var FormContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5636
5493
|
|
|
5637
|
-
var _templateObject$
|
|
5494
|
+
var _templateObject$B, _templateObject2$t;
|
|
5638
5495
|
function OrderNumber() {
|
|
5639
5496
|
var _orderDetails$order_n;
|
|
5640
5497
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -5664,10 +5521,10 @@ function OrderNumber() {
|
|
|
5664
5521
|
}
|
|
5665
5522
|
}));
|
|
5666
5523
|
}
|
|
5667
|
-
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5668
|
-
var Container$m = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5524
|
+
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
5525
|
+
var Container$m = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5669
5526
|
|
|
5670
|
-
var _templateObject$
|
|
5527
|
+
var _templateObject$C;
|
|
5671
5528
|
function ScheduleAfter() {
|
|
5672
5529
|
var _useOrderDetails = useOrderDetails(),
|
|
5673
5530
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5711,7 +5568,7 @@ function ScheduleAfter() {
|
|
|
5711
5568
|
allowClear: false
|
|
5712
5569
|
}));
|
|
5713
5570
|
}
|
|
5714
|
-
var MainContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5571
|
+
var MainContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5715
5572
|
|
|
5716
5573
|
var vehicleTypeOptions = [{
|
|
5717
5574
|
label: 'LGV',
|
|
@@ -5721,7 +5578,7 @@ var vehicleTypeOptions = [{
|
|
|
5721
5578
|
value: '2'
|
|
5722
5579
|
}];
|
|
5723
5580
|
|
|
5724
|
-
var _templateObject$
|
|
5581
|
+
var _templateObject$D;
|
|
5725
5582
|
function VehicleTypeDropdown() {
|
|
5726
5583
|
var _useOrderDetails = useOrderDetails(),
|
|
5727
5584
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5747,19 +5604,19 @@ function VehicleTypeDropdown() {
|
|
|
5747
5604
|
onChange: onChange
|
|
5748
5605
|
}));
|
|
5749
5606
|
}
|
|
5750
|
-
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5607
|
+
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5751
5608
|
|
|
5752
|
-
var _templateObject$
|
|
5609
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$e;
|
|
5753
5610
|
function OrdersSection() {
|
|
5754
5611
|
return React__default.createElement(CustomFormSection$1, null, React__default.createElement(Header, {
|
|
5755
5612
|
label: "Order"
|
|
5756
5613
|
}), React__default.createElement(FormInputs$1, null, React__default.createElement(GroupedInputs$1, null, React__default.createElement(ConsignmentNumber, null), React__default.createElement(Carrier, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(OrderNumber, null), React__default.createElement(DepotDropdown, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(DeliveryDate, null), React__default.createElement(ScheduleAfter, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(Droptime, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(RecipientReference, null), React__default.createElement(VehicleTypeDropdown, null))));
|
|
5757
5614
|
}
|
|
5758
|
-
var GroupedInputs$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5759
|
-
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5615
|
+
var GroupedInputs$1 = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
5616
|
+
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
5760
5617
|
var CustomFormSection$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5761
5618
|
|
|
5762
|
-
var _templateObject$
|
|
5619
|
+
var _templateObject$F, _templateObject2$v;
|
|
5763
5620
|
function OrderStatusNote() {
|
|
5764
5621
|
var _useOrderDetails = useOrderDetails(),
|
|
5765
5622
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5779,10 +5636,10 @@ function OrderStatusNote() {
|
|
|
5779
5636
|
onChange: onChange
|
|
5780
5637
|
}));
|
|
5781
5638
|
}
|
|
5782
|
-
var CustomTextArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
5783
|
-
var Container$n = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5639
|
+
var CustomTextArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5640
|
+
var Container$n = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5784
5641
|
|
|
5785
|
-
var _templateObject$
|
|
5642
|
+
var _templateObject$G, _templateObject2$w;
|
|
5786
5643
|
function DeliveryInstructions() {
|
|
5787
5644
|
var _useOrderDetails = useOrderDetails(),
|
|
5788
5645
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5802,10 +5659,10 @@ function DeliveryInstructions() {
|
|
|
5802
5659
|
onChange: onChange
|
|
5803
5660
|
}));
|
|
5804
5661
|
}
|
|
5805
|
-
var CustomTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
5806
|
-
var Container$o = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5662
|
+
var CustomTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5663
|
+
var Container$o = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5807
5664
|
|
|
5808
|
-
var _templateObject$
|
|
5665
|
+
var _templateObject$H, _templateObject2$x;
|
|
5809
5666
|
function OtherInstructions() {
|
|
5810
5667
|
var _useOrderDetails = useOrderDetails(),
|
|
5811
5668
|
orderDetails = _useOrderDetails[0],
|
|
@@ -5825,19 +5682,19 @@ function OtherInstructions() {
|
|
|
5825
5682
|
onChange: onChange
|
|
5826
5683
|
}));
|
|
5827
5684
|
}
|
|
5828
|
-
var CustomTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
5829
|
-
var Container$p = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5685
|
+
var CustomTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
5686
|
+
var Container$p = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5830
5687
|
|
|
5831
|
-
var _templateObject$
|
|
5688
|
+
var _templateObject$I, _templateObject2$y;
|
|
5832
5689
|
function InstructionSection() {
|
|
5833
5690
|
return React__default.createElement(CustomFormSection$2, null, React__default.createElement(Header, {
|
|
5834
5691
|
label: "Instructions / Notes"
|
|
5835
5692
|
}), React__default.createElement(FormInputs$2, null, React__default.createElement(OrderStatusNote, null), React__default.createElement(DeliveryInstructions, null), React__default.createElement(OtherInstructions, null)));
|
|
5836
5693
|
}
|
|
5837
|
-
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5838
|
-
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$
|
|
5694
|
+
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
5695
|
+
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5839
5696
|
|
|
5840
|
-
var _templateObject$
|
|
5697
|
+
var _templateObject$J, _templateObject2$z;
|
|
5841
5698
|
function convertTo12HourFormat(time24) {
|
|
5842
5699
|
var _time24$split, _minutes$toString;
|
|
5843
5700
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -5895,10 +5752,10 @@ function TimedServiceDropdown() {
|
|
|
5895
5752
|
className: 'disabled'
|
|
5896
5753
|
}));
|
|
5897
5754
|
}
|
|
5898
|
-
var Container$q = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5899
|
-
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
5755
|
+
var Container$q = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
5756
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5900
5757
|
|
|
5901
|
-
var _templateObject$
|
|
5758
|
+
var _templateObject$K, _templateObject2$A;
|
|
5902
5759
|
function ServiceTypeDropdown() {
|
|
5903
5760
|
var _orderStaticData$orde;
|
|
5904
5761
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5935,10 +5792,10 @@ function ServiceTypeDropdown() {
|
|
|
5935
5792
|
className: 'disabled'
|
|
5936
5793
|
}));
|
|
5937
5794
|
}
|
|
5938
|
-
var Container$r = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5939
|
-
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
5795
|
+
var Container$r = /*#__PURE__*/styled__default.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"])));
|
|
5796
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
5940
5797
|
|
|
5941
|
-
var _templateObject$
|
|
5798
|
+
var _templateObject$L, _templateObject2$B;
|
|
5942
5799
|
function DeliveryPointDropdown() {
|
|
5943
5800
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
5944
5801
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -5977,10 +5834,10 @@ function DeliveryPointDropdown() {
|
|
|
5977
5834
|
className: 'disabled'
|
|
5978
5835
|
}));
|
|
5979
5836
|
}
|
|
5980
|
-
var Container$s = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5981
|
-
var StyledSelectDropdown$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
5837
|
+
var Container$s = /*#__PURE__*/styled__default.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"])));
|
|
5838
|
+
var StyledSelectDropdown$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
5982
5839
|
|
|
5983
|
-
var _templateObject$
|
|
5840
|
+
var _templateObject$M;
|
|
5984
5841
|
function ServiceLevel() {
|
|
5985
5842
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
5986
5843
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -6017,12 +5874,12 @@ function ServiceLevel() {
|
|
|
6017
5874
|
isDisabled: isDisabled
|
|
6018
5875
|
}));
|
|
6019
5876
|
}
|
|
6020
|
-
var Container$t = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5877
|
+
var Container$t = /*#__PURE__*/styled__default.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) {
|
|
6021
5878
|
var disabled = _ref.disabled;
|
|
6022
5879
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6023
5880
|
});
|
|
6024
5881
|
|
|
6025
|
-
var _templateObject$
|
|
5882
|
+
var _templateObject$N;
|
|
6026
5883
|
function AssemblyType() {
|
|
6027
5884
|
var _orderStaticData$orde;
|
|
6028
5885
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -6061,7 +5918,7 @@ function AssemblyType() {
|
|
|
6061
5918
|
isDisabled: true
|
|
6062
5919
|
}));
|
|
6063
5920
|
}
|
|
6064
|
-
var Container$u = /*#__PURE__*/styled__default.div(_templateObject$
|
|
5921
|
+
var Container$u = /*#__PURE__*/styled__default.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) {
|
|
6065
5922
|
return props.$isDisable ? 'none' : 'auto';
|
|
6066
5923
|
});
|
|
6067
5924
|
|
|
@@ -6088,7 +5945,7 @@ var getIcon = function getIcon(input) {
|
|
|
6088
5945
|
return "" + baseURL + subPath;
|
|
6089
5946
|
};
|
|
6090
5947
|
|
|
6091
|
-
var _templateObject$
|
|
5948
|
+
var _templateObject$O, _templateObject2$C, _templateObject3$f;
|
|
6092
5949
|
function ServiceSlider(props) {
|
|
6093
5950
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
6094
5951
|
// event.preventDefault();
|
|
@@ -6105,11 +5962,11 @@ function ServiceSlider(props) {
|
|
|
6105
5962
|
disabled: props == null ? void 0 : props.disabled
|
|
6106
5963
|
})));
|
|
6107
5964
|
}
|
|
6108
|
-
var ServiceName = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6109
|
-
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$
|
|
5965
|
+
var ServiceName = /*#__PURE__*/styled__default.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"])));
|
|
5966
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
6110
5967
|
var Container$v = /*#__PURE__*/styled__default.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"])));
|
|
6111
5968
|
|
|
6112
|
-
var _templateObject$
|
|
5969
|
+
var _templateObject$P;
|
|
6113
5970
|
function OrderServices() {
|
|
6114
5971
|
var _useOrderStaticData = useOrderStaticData(),
|
|
6115
5972
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -6148,24 +6005,24 @@ function OrderServices() {
|
|
|
6148
6005
|
});
|
|
6149
6006
|
}));
|
|
6150
6007
|
}
|
|
6151
|
-
var Container$w = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6008
|
+
var Container$w = /*#__PURE__*/styled__default.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) {
|
|
6152
6009
|
var disabled = _ref.disabled;
|
|
6153
6010
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
6154
6011
|
});
|
|
6155
6012
|
|
|
6156
|
-
var _templateObject$
|
|
6013
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$g, _templateObject4$8, _templateObject5$6;
|
|
6157
6014
|
function ServicesSection() {
|
|
6158
6015
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
6159
6016
|
label: "Services"
|
|
6160
6017
|
}), React__default.createElement(Top, null, React__default.createElement(DropDownContainer, null, React__default.createElement(TimedServiceDropdown, null), React__default.createElement(ServiceTypeDropdown, null), React__default.createElement(DeliveryPointDropdown, null)), React__default.createElement(RadioContainer, null, React__default.createElement(ServiceLevel, null), React__default.createElement(AssemblyType, null))), React__default.createElement(Bottom, null, React__default.createElement(OrderServices, null)));
|
|
6161
6018
|
}
|
|
6162
|
-
var Top = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6163
|
-
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6019
|
+
var Top = /*#__PURE__*/styled__default.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"])));
|
|
6020
|
+
var DropDownContainer = /*#__PURE__*/styled__default.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"])));
|
|
6164
6021
|
var RadioContainer = /*#__PURE__*/styled__default.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"])));
|
|
6165
6022
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6166
6023
|
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6167
6024
|
|
|
6168
|
-
var _templateObject$
|
|
6025
|
+
var _templateObject$R, _templateObject2$E, _templateObject3$h;
|
|
6169
6026
|
function AllowTracking() {
|
|
6170
6027
|
var _useOrderDetails = useOrderDetails(),
|
|
6171
6028
|
orderDetails = _useOrderDetails[0];
|
|
@@ -6173,11 +6030,11 @@ function AllowTracking() {
|
|
|
6173
6030
|
var createdAt = orderDetails != null && orderDetails.created_at ? dmsComponentLibrary.formatUtcToLocal(orderDetails.created_at).date + " @ " + dmsComponentLibrary.formatUtcToLocal(orderDetails.created_at).time : 'Not Available';
|
|
6174
6031
|
return React__default.createElement(Container$x, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$3, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
6175
6032
|
}
|
|
6176
|
-
var Text$3 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
6177
|
-
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
6033
|
+
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
6034
|
+
var CreatedBy = /*#__PURE__*/styled__default.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"])));
|
|
6178
6035
|
var Container$x = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
6179
6036
|
|
|
6180
|
-
var _templateObject$
|
|
6037
|
+
var _templateObject$S;
|
|
6181
6038
|
function OrderDetailsFooter() {
|
|
6182
6039
|
var _useOrderDetails = useOrderDetails(),
|
|
6183
6040
|
orderDetails = _useOrderDetails[0],
|
|
@@ -6310,9 +6167,9 @@ function OrderDetailsFooter() {
|
|
|
6310
6167
|
disabled: isClientPortal ? true : !isDifferent() || errorFound()
|
|
6311
6168
|
}, "Save Details"));
|
|
6312
6169
|
}
|
|
6313
|
-
var Container$y = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6170
|
+
var Container$y = /*#__PURE__*/styled__default.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"])));
|
|
6314
6171
|
|
|
6315
|
-
var _templateObject$
|
|
6172
|
+
var _templateObject$T, _templateObject2$F, _templateObject3$i, _templateObject4$9;
|
|
6316
6173
|
function ExpandedContent(_ref) {
|
|
6317
6174
|
var orderLoading = _ref.orderLoading,
|
|
6318
6175
|
depotDataLoading = _ref.depotDataLoading;
|
|
@@ -6326,8 +6183,8 @@ function ExpandedContent(_ref) {
|
|
|
6326
6183
|
}
|
|
6327
6184
|
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$z, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null))));
|
|
6328
6185
|
}
|
|
6329
|
-
var HalfWidth = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6330
|
-
var Container$z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6186
|
+
var HalfWidth = /*#__PURE__*/styled__default.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"])));
|
|
6187
|
+
var Container$z = /*#__PURE__*/styled__default.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"])));
|
|
6331
6188
|
// const InstructionContainer = styled.div`
|
|
6332
6189
|
// display: flex;
|
|
6333
6190
|
// justify-content: center;
|
|
@@ -6379,7 +6236,7 @@ function OrderDetails$1(_ref) {
|
|
|
6379
6236
|
}));
|
|
6380
6237
|
}
|
|
6381
6238
|
|
|
6382
|
-
var _templateObject$
|
|
6239
|
+
var _templateObject$U;
|
|
6383
6240
|
function NoteType() {
|
|
6384
6241
|
var _useVisibilityData = useVisibilityData(),
|
|
6385
6242
|
visibilityData = _useVisibilityData[0];
|
|
@@ -6418,9 +6275,9 @@ function NoteType() {
|
|
|
6418
6275
|
required: false
|
|
6419
6276
|
}));
|
|
6420
6277
|
}
|
|
6421
|
-
var Container$A = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6278
|
+
var Container$A = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6422
6279
|
|
|
6423
|
-
var _templateObject$
|
|
6280
|
+
var _templateObject$V, _templateObject2$G, _templateObject3$j, _templateObject4$a;
|
|
6424
6281
|
var template = "REASON- \nSTC- \nACTION- ";
|
|
6425
6282
|
function AddNote() {
|
|
6426
6283
|
var _useState = React.useState(template),
|
|
@@ -6587,8 +6444,8 @@ function AddNote() {
|
|
|
6587
6444
|
onClick: saveNote
|
|
6588
6445
|
}, "SAVE NOTE"), !isClientPortal && React__default.createElement(NoteType, null)));
|
|
6589
6446
|
}
|
|
6590
|
-
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6591
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6447
|
+
var Container$B = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
6448
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
6592
6449
|
var StyledTextArea = /*#__PURE__*/styled__default.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"])));
|
|
6593
6450
|
var StyledAntSelect$3 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n border-radius: 8px;\n }\n"])));
|
|
6594
6451
|
|
|
@@ -6605,7 +6462,7 @@ var NotesTableData = [{
|
|
|
6605
6462
|
tableBody: []
|
|
6606
6463
|
}];
|
|
6607
6464
|
|
|
6608
|
-
var _templateObject$
|
|
6465
|
+
var _templateObject$W, _templateObject2$H;
|
|
6609
6466
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
6610
6467
|
var _NotesTableData$;
|
|
6611
6468
|
var tableHeadData = (_NotesTableData$ = NotesTableData[0]) == null ? void 0 : _NotesTableData$.tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -6641,16 +6498,16 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
6641
6498
|
colSpan: tableHeadData == null ? void 0 : tableHeadData.length
|
|
6642
6499
|
}, "No data found"))))));
|
|
6643
6500
|
};
|
|
6644
|
-
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6645
|
-
var AuditTableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6501
|
+
var ScrollableTableWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6502
|
+
var AuditTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6646
6503
|
|
|
6647
|
-
var _templateObject$
|
|
6504
|
+
var _templateObject$X;
|
|
6648
6505
|
function AuditLogs() {
|
|
6649
6506
|
return React__default.createElement(Container$C, null, React__default.createElement(GenericAuditLogsTable, null));
|
|
6650
6507
|
}
|
|
6651
|
-
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6508
|
+
var Container$C = /*#__PURE__*/styled__default.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"])));
|
|
6652
6509
|
|
|
6653
|
-
var _templateObject$
|
|
6510
|
+
var _templateObject$Y, _templateObject2$I, _templateObject3$k, _templateObject4$b;
|
|
6654
6511
|
// import { useLocation } from 'react-router-dom';
|
|
6655
6512
|
function Notes() {
|
|
6656
6513
|
var _usemoduleIds = usemoduleIds(),
|
|
@@ -6730,17 +6587,17 @@ function Notes() {
|
|
|
6730
6587
|
onClick: handleGetLogs
|
|
6731
6588
|
}, "UPDATE LOGS")), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
6732
6589
|
}
|
|
6733
|
-
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6734
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6590
|
+
var Container$D = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
6591
|
+
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
6735
6592
|
var CustomizedFormSection = /*#__PURE__*/styled__default.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"])));
|
|
6736
6593
|
var SmallButton = /*#__PURE__*/styled__default.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"])));
|
|
6737
6594
|
|
|
6738
|
-
var _templateObject$
|
|
6595
|
+
var _templateObject$Z;
|
|
6739
6596
|
// import styled from 'styled-components';
|
|
6740
6597
|
function SystemCollapsedContent() {
|
|
6741
6598
|
return React__default.createElement(Font, null, "SYSTEM EVENT LOGS");
|
|
6742
6599
|
}
|
|
6743
|
-
var Font = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6600
|
+
var Font = /*#__PURE__*/styled__default.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"])));
|
|
6744
6601
|
|
|
6745
6602
|
function ChevronUp(props) {
|
|
6746
6603
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -6758,7 +6615,7 @@ function ChevronUp(props) {
|
|
|
6758
6615
|
}));
|
|
6759
6616
|
}
|
|
6760
6617
|
|
|
6761
|
-
var _templateObject
|
|
6618
|
+
var _templateObject$_, _templateObject2$J, _templateObject3$l, _templateObject4$c, _templateObject5$7, _templateObject6$1, _templateObject7$3, _templateObject8$2;
|
|
6762
6619
|
function CollapsableForm(props) {
|
|
6763
6620
|
var _useState = React.useState(true),
|
|
6764
6621
|
isExpanded = _useState[0],
|
|
@@ -6778,8 +6635,8 @@ function CollapsableForm(props) {
|
|
|
6778
6635
|
isExpanded: isExpanded
|
|
6779
6636
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
6780
6637
|
}
|
|
6781
|
-
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.div(_templateObject
|
|
6782
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6638
|
+
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.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"])));
|
|
6639
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
6783
6640
|
var Text$4 = /*#__PURE__*/styled__default.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"])));
|
|
6784
6641
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
6785
6642
|
var MainContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -6789,7 +6646,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_t
|
|
|
6789
6646
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6790
6647
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
6791
6648
|
|
|
6792
|
-
var _templateObject
|
|
6649
|
+
var _templateObject$$, _templateObject2$K, _templateObject3$m;
|
|
6793
6650
|
function CustomScrollBar(props) {
|
|
6794
6651
|
var children = props.children,
|
|
6795
6652
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -6807,11 +6664,11 @@ function CustomScrollBar(props) {
|
|
|
6807
6664
|
}
|
|
6808
6665
|
}, children);
|
|
6809
6666
|
}
|
|
6810
|
-
var ThumbVertical = /*#__PURE__*/styled__default.div(_templateObject
|
|
6811
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6667
|
+
var ThumbVertical = /*#__PURE__*/styled__default.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"])));
|
|
6668
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
6812
6669
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
6813
6670
|
|
|
6814
|
-
var _templateObject$
|
|
6671
|
+
var _templateObject$10, _templateObject2$L, _templateObject3$n, _templateObject4$d, _templateObject5$8, _templateObject6$2, _templateObject7$4, _templateObject8$3, _templateObject9$1;
|
|
6815
6672
|
var selectedID = /*#__PURE__*/jotai.atom([]);
|
|
6816
6673
|
function DynamicTable(_ref, props) {
|
|
6817
6674
|
var columns = _ref.columns,
|
|
@@ -6874,8 +6731,8 @@ function DynamicTable(_ref, props) {
|
|
|
6874
6731
|
}));
|
|
6875
6732
|
})))))));
|
|
6876
6733
|
}
|
|
6877
|
-
var Container$F = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6878
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6734
|
+
var Container$F = /*#__PURE__*/styled__default.div(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
6735
|
+
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6879
6736
|
var TableHeadData = /*#__PURE__*/styled__default.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"])));
|
|
6880
6737
|
var TableData = /*#__PURE__*/styled__default.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"])));
|
|
6881
6738
|
var TableRow = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6884,7 +6741,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$4 || (_templ
|
|
|
6884
6741
|
var Table = /*#__PURE__*/styled__default.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"])));
|
|
6885
6742
|
var MainContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
6886
6743
|
|
|
6887
|
-
var _templateObject$
|
|
6744
|
+
var _templateObject$11, _templateObject2$M;
|
|
6888
6745
|
// import { useEventNotesData } from '../../store';
|
|
6889
6746
|
function Event(props) {
|
|
6890
6747
|
var _props$row;
|
|
@@ -6897,28 +6754,28 @@ function Event(props) {
|
|
|
6897
6754
|
// };
|
|
6898
6755
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, data));
|
|
6899
6756
|
}
|
|
6900
|
-
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6901
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6757
|
+
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6758
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6902
6759
|
|
|
6903
|
-
var _templateObject$
|
|
6760
|
+
var _templateObject$12, _templateObject2$N;
|
|
6904
6761
|
function Date$1(props) {
|
|
6905
6762
|
var _props$row;
|
|
6906
6763
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
6907
6764
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, dmsComponentLibrary.formatUtcToLocal(data).date + " @ " + dmsComponentLibrary.formatUtcToLocal(data).time));
|
|
6908
6765
|
}
|
|
6909
|
-
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6910
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6766
|
+
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6767
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6911
6768
|
|
|
6912
|
-
var _templateObject$
|
|
6769
|
+
var _templateObject$13, _templateObject2$O;
|
|
6913
6770
|
function Code(props) {
|
|
6914
6771
|
var _props$row;
|
|
6915
6772
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
6916
6773
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
6917
6774
|
}
|
|
6918
|
-
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6919
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6775
|
+
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6776
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6920
6777
|
|
|
6921
|
-
var _templateObject$
|
|
6778
|
+
var _templateObject$14, _templateObject2$P;
|
|
6922
6779
|
function Note(props) {
|
|
6923
6780
|
var _props$row;
|
|
6924
6781
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -6930,8 +6787,8 @@ function Note(props) {
|
|
|
6930
6787
|
}
|
|
6931
6788
|
}));
|
|
6932
6789
|
}
|
|
6933
|
-
var RowContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6934
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6790
|
+
var RowContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
6791
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6935
6792
|
|
|
6936
6793
|
var tableColumns = [{
|
|
6937
6794
|
header: 'Date',
|
|
@@ -6955,7 +6812,7 @@ var tableColumns = [{
|
|
|
6955
6812
|
enableSorting: false
|
|
6956
6813
|
}];
|
|
6957
6814
|
|
|
6958
|
-
var _templateObject$
|
|
6815
|
+
var _templateObject$15;
|
|
6959
6816
|
// import { useAxios } from '@bjsdistribution/dms-component-library';
|
|
6960
6817
|
// import { ApiResponse } from '../../types';
|
|
6961
6818
|
function SystemLogs(_ref) {
|
|
@@ -6991,7 +6848,7 @@ function SystemLogs(_ref) {
|
|
|
6991
6848
|
loading: loading
|
|
6992
6849
|
})));
|
|
6993
6850
|
}
|
|
6994
|
-
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
6851
|
+
var Table$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
6995
6852
|
|
|
6996
6853
|
var StatusOptions = [{
|
|
6997
6854
|
label: 'Released',
|
|
@@ -7148,7 +7005,7 @@ function Divider() {
|
|
|
7148
7005
|
}));
|
|
7149
7006
|
}
|
|
7150
7007
|
|
|
7151
|
-
var _templateObject$
|
|
7008
|
+
var _templateObject$16, _templateObject2$Q, _templateObject3$o, _templateObject4$e, _templateObject5$9, _templateObject6$3, _templateObject7$5;
|
|
7152
7009
|
function Status(_ref) {
|
|
7153
7010
|
var statusDataLoading = _ref.statusDataLoading;
|
|
7154
7011
|
var _useStatusDetails = useStatusDetails(),
|
|
@@ -7227,15 +7084,15 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
7227
7084
|
// padding: 8px 0;
|
|
7228
7085
|
// gap: 12px;
|
|
7229
7086
|
// `;
|
|
7230
|
-
var StatusBox = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7231
|
-
var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7087
|
+
var StatusBox = /*#__PURE__*/styled__default.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"])));
|
|
7088
|
+
var SkeletonItemContainer = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
7232
7089
|
var SkeletonDivider = /*#__PURE__*/styled__default.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"])));
|
|
7233
7090
|
var BoxContainer = /*#__PURE__*/styled__default.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"])));
|
|
7234
7091
|
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
7235
7092
|
var Container$G = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
7236
7093
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
7237
7094
|
|
|
7238
|
-
var _templateObject$
|
|
7095
|
+
var _templateObject$17;
|
|
7239
7096
|
// import DropDownOptions from './dropdowns';
|
|
7240
7097
|
function GeneralHeader(_ref) {
|
|
7241
7098
|
var statusDataLoading = _ref.statusDataLoading;
|
|
@@ -7243,7 +7100,7 @@ function GeneralHeader(_ref) {
|
|
|
7243
7100
|
statusDataLoading: statusDataLoading
|
|
7244
7101
|
}));
|
|
7245
7102
|
}
|
|
7246
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7103
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7247
7104
|
|
|
7248
7105
|
var ActionIcon = function ActionIcon() {
|
|
7249
7106
|
return React__default.createElement("svg", {
|
|
@@ -7262,22 +7119,22 @@ var ActionIcon = function ActionIcon() {
|
|
|
7262
7119
|
}));
|
|
7263
7120
|
};
|
|
7264
7121
|
|
|
7265
|
-
var _templateObject$
|
|
7122
|
+
var _templateObject$18;
|
|
7266
7123
|
function BackgroundModal(props) {
|
|
7267
7124
|
return reactDom.createPortal(React__default.createElement(Container$H, Object.assign({}, props), props.children), document.body);
|
|
7268
7125
|
}
|
|
7269
|
-
var Container$H = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7126
|
+
var Container$H = /*#__PURE__*/styled__default.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"])));
|
|
7270
7127
|
|
|
7271
|
-
var _templateObject$
|
|
7128
|
+
var _templateObject$19, _templateObject2$R, _templateObject3$p, _templateObject4$f;
|
|
7272
7129
|
function AdditionalInformation(props) {
|
|
7273
7130
|
return React__default.createElement(Container$I, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$5, null, props.info)));
|
|
7274
7131
|
}
|
|
7275
|
-
var Text$5 = /*#__PURE__*/styled__default.p(_templateObject$
|
|
7276
|
-
var Container$I = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7132
|
+
var Text$5 = /*#__PURE__*/styled__default.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"])));
|
|
7133
|
+
var Container$I = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
7277
7134
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
7278
7135
|
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
7279
7136
|
|
|
7280
|
-
var _templateObject$
|
|
7137
|
+
var _templateObject$1a, _templateObject2$S, _templateObject3$q, _templateObject4$g;
|
|
7281
7138
|
function OrderActionHeader(props) {
|
|
7282
7139
|
var title = props.title,
|
|
7283
7140
|
actions = props.actions,
|
|
@@ -7292,12 +7149,12 @@ function OrderActionHeader(props) {
|
|
|
7292
7149
|
onClick: onClose
|
|
7293
7150
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
7294
7151
|
}
|
|
7295
|
-
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7296
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7152
|
+
var Wrapper$d = /*#__PURE__*/styled__default.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"])));
|
|
7153
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
7297
7154
|
var Title = /*#__PURE__*/styled__default.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"])));
|
|
7298
7155
|
var Container$J = /*#__PURE__*/styled__default.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"])));
|
|
7299
7156
|
|
|
7300
|
-
var _templateObject$
|
|
7157
|
+
var _templateObject$1b, _templateObject2$T;
|
|
7301
7158
|
function OrderActionFooter(props) {
|
|
7302
7159
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
7303
7160
|
return React__default.createElement(Container$K, null, React__default.createElement(SubmitButton, {
|
|
@@ -7307,10 +7164,10 @@ function OrderActionFooter(props) {
|
|
|
7307
7164
|
disabled: isSubmitDisabled
|
|
7308
7165
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
7309
7166
|
}
|
|
7310
|
-
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$
|
|
7311
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7167
|
+
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7168
|
+
var Container$K = /*#__PURE__*/styled__default.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"])));
|
|
7312
7169
|
|
|
7313
|
-
var _templateObject$
|
|
7170
|
+
var _templateObject$1c;
|
|
7314
7171
|
var _excluded$5 = ["minWidth", "maxWidth"];
|
|
7315
7172
|
function OrderActionModal(_ref) {
|
|
7316
7173
|
var _ref$minWidth = _ref.minWidth,
|
|
@@ -7335,7 +7192,7 @@ function OrderActionModal(_ref) {
|
|
|
7335
7192
|
})));
|
|
7336
7193
|
}
|
|
7337
7194
|
// Styled component with dynamic min-width
|
|
7338
|
-
var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7195
|
+
var MainContainer$5 = /*#__PURE__*/styled__default.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) {
|
|
7339
7196
|
var maxWidth = _ref2.maxWidth;
|
|
7340
7197
|
return maxWidth;
|
|
7341
7198
|
}, function (_ref3) {
|
|
@@ -7343,7 +7200,7 @@ var MainContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_t
|
|
|
7343
7200
|
return minWidth;
|
|
7344
7201
|
});
|
|
7345
7202
|
|
|
7346
|
-
var _templateObject$
|
|
7203
|
+
var _templateObject$1d, _templateObject2$U, _templateObject3$r, _templateObject9$2;
|
|
7347
7204
|
function ChargeLog() {
|
|
7348
7205
|
var _fetchedData$data, _fetchedData$data2;
|
|
7349
7206
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -7414,12 +7271,12 @@ function ChargeLog() {
|
|
|
7414
7271
|
})))));
|
|
7415
7272
|
}
|
|
7416
7273
|
// Styled components
|
|
7417
|
-
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7418
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
7274
|
+
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
7275
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
7419
7276
|
var EmptyDataContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
7420
7277
|
var Value = /*#__PURE__*/styled__default.span(_templateObject9$2 || (_templateObject9$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #29cc6a;\n"])));
|
|
7421
7278
|
|
|
7422
|
-
var _templateObject$
|
|
7279
|
+
var _templateObject$1e;
|
|
7423
7280
|
var ReturnProductTable = function ReturnProductTable(props) {
|
|
7424
7281
|
var _useSelectedProducts = useSelectedProducts(),
|
|
7425
7282
|
selectedProducts = _useSelectedProducts[0],
|
|
@@ -7592,9 +7449,9 @@ var ReturnProductTable = function ReturnProductTable(props) {
|
|
|
7592
7449
|
}, React__default.createElement(ActionIcon, null))));
|
|
7593
7450
|
})))));
|
|
7594
7451
|
};
|
|
7595
|
-
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$
|
|
7452
|
+
var StyleCheckbox = /*#__PURE__*/styled__default(dmsComponentLibrary.Checkbox)(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:disabled {\n background-color: gray;\n cursor: not-allowed;\n opacity: -0.4;\n }\n"])));
|
|
7596
7453
|
|
|
7597
|
-
var _templateObject$
|
|
7454
|
+
var _templateObject$1f;
|
|
7598
7455
|
var ProductTable = function ProductTable(props) {
|
|
7599
7456
|
return React__default.createElement(Container$L, null, React__default.createElement(ReturnProductTable, {
|
|
7600
7457
|
callReturnProducts: props == null ? void 0 : props.callReturnProducts,
|
|
@@ -7602,9 +7459,9 @@ var ProductTable = function ProductTable(props) {
|
|
|
7602
7459
|
locationloading: props == null ? void 0 : props.locationloading
|
|
7603
7460
|
}));
|
|
7604
7461
|
};
|
|
7605
|
-
var Container$L = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7462
|
+
var Container$L = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
7606
7463
|
|
|
7607
|
-
var _templateObject$
|
|
7464
|
+
var _templateObject$1g, _templateObject2$V, _templateObject3$s;
|
|
7608
7465
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
7609
7466
|
var selectedOrderId = /*#__PURE__*/jotai.atom(null);
|
|
7610
7467
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
@@ -7718,11 +7575,11 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
7718
7575
|
notFoundContent: "No orders found with a similar postcode"
|
|
7719
7576
|
}));
|
|
7720
7577
|
};
|
|
7721
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
7722
|
-
var Container$M = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7578
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default(antd.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"])));
|
|
7579
|
+
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
7723
7580
|
var Text$6 = /*#__PURE__*/styled__default.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"])));
|
|
7724
7581
|
|
|
7725
|
-
var _templateObject$
|
|
7582
|
+
var _templateObject$1h, _templateObject2$W, _templateObject3$t;
|
|
7726
7583
|
function ExpandedContent$2(props) {
|
|
7727
7584
|
var _response$data, _response$data2;
|
|
7728
7585
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -7838,18 +7695,18 @@ function ExpandedContent$2(props) {
|
|
|
7838
7695
|
disabled: isButtonDisabled
|
|
7839
7696
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
7840
7697
|
}
|
|
7841
|
-
var MidContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
7842
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7698
|
+
var MidContainer = /*#__PURE__*/styled__default.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"])));
|
|
7699
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
7843
7700
|
var Container$N = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7844
7701
|
|
|
7845
|
-
var _templateObject$
|
|
7702
|
+
var _templateObject$1i, _templateObject2$X;
|
|
7846
7703
|
function CollapsedContent$1() {
|
|
7847
7704
|
return React__default.createElement(Container$O, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
7848
7705
|
label: "Products"
|
|
7849
7706
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
7850
7707
|
}
|
|
7851
|
-
var Dimensions = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7852
|
-
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7708
|
+
var Dimensions = /*#__PURE__*/styled__default.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"])));
|
|
7709
|
+
var Container$O = /*#__PURE__*/styled__default.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"])));
|
|
7853
7710
|
|
|
7854
7711
|
function ProductsInfo(_ref) {
|
|
7855
7712
|
var locationloading = _ref.locationloading;
|
|
@@ -7896,7 +7753,7 @@ function ProductsInfo(_ref) {
|
|
|
7896
7753
|
}));
|
|
7897
7754
|
}
|
|
7898
7755
|
|
|
7899
|
-
var _templateObject$
|
|
7756
|
+
var _templateObject$1j, _templateObject2$Y, _templateObject3$u;
|
|
7900
7757
|
function OrderActionsDropdown(props) {
|
|
7901
7758
|
return React__default.createElement(Container$P, {
|
|
7902
7759
|
className: props.className
|
|
@@ -7915,8 +7772,8 @@ function OrderActionsDropdown(props) {
|
|
|
7915
7772
|
defaultValue: props.value
|
|
7916
7773
|
}));
|
|
7917
7774
|
}
|
|
7918
|
-
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$
|
|
7919
|
-
var Label$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7775
|
+
var RequiredAsterisk = /*#__PURE__*/styled__default.span(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
7776
|
+
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
7920
7777
|
var Container$P = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
7921
7778
|
|
|
7922
7779
|
var initialPayload = {
|
|
@@ -8171,7 +8028,7 @@ function UploadIcon(props) {
|
|
|
8171
8028
|
})));
|
|
8172
8029
|
}
|
|
8173
8030
|
|
|
8174
|
-
var _templateObject$
|
|
8031
|
+
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;
|
|
8175
8032
|
// Store uploaded files
|
|
8176
8033
|
var uploadedFilesAtom = /*#__PURE__*/jotai.atom([]);
|
|
8177
8034
|
// Allowed file MIME types
|
|
@@ -8278,8 +8135,8 @@ function DocFileUpload() {
|
|
|
8278
8135
|
}));
|
|
8279
8136
|
}))));
|
|
8280
8137
|
}
|
|
8281
|
-
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8282
|
-
var DraggerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8138
|
+
var MainContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8139
|
+
var DraggerContainer = /*#__PURE__*/styled__default.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) {
|
|
8283
8140
|
return props.dragging ? '2px dashed #0465ac' : '1px solid #e0e2e7';
|
|
8284
8141
|
});
|
|
8285
8142
|
var Container$Q = /*#__PURE__*/styled__default.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"])));
|
|
@@ -8294,7 +8151,7 @@ var FilesTitle = /*#__PURE__*/styled__default.h4(_templateObject11$1 || (_templa
|
|
|
8294
8151
|
var FilesList = /*#__PURE__*/styled__default.ul(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n max-height: 200px;\n list-style-type: none;\n padding: 0;\n"])));
|
|
8295
8152
|
var FileItem = /*#__PURE__*/styled__default.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"])));
|
|
8296
8153
|
|
|
8297
|
-
var _templateObject$
|
|
8154
|
+
var _templateObject$1l, _templateObject2$_, _templateObject3$w, _templateObject4$i, _templateObject5$b;
|
|
8298
8155
|
function AddResources() {
|
|
8299
8156
|
var _staticOrderData$reso;
|
|
8300
8157
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8432,16 +8289,16 @@ function AddResources() {
|
|
|
8432
8289
|
onSelect: onSelectCancelReason
|
|
8433
8290
|
}), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$2, null, "File"), " ", React__default.createElement(RequiredAsterisk$1, null, "*"), React__default.createElement(DocFileUpload, null), ' ')));
|
|
8434
8291
|
}
|
|
8435
|
-
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
8436
|
-
var Label$2 = /*#__PURE__*/styled__default.label(_templateObject2
|
|
8292
|
+
var RequiredAsterisk$1 = /*#__PURE__*/styled__default.span(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n"])));
|
|
8293
|
+
var Label$2 = /*#__PURE__*/styled__default.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"])));
|
|
8437
8294
|
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
8438
8295
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
8439
8296
|
var ContentContainer = /*#__PURE__*/styled__default.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"])));
|
|
8440
8297
|
|
|
8441
|
-
var _templateObject$
|
|
8298
|
+
var _templateObject$1m, _templateObject2$$, _templateObject3$x;
|
|
8442
8299
|
// Styled components
|
|
8443
|
-
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8444
|
-
var StyledTable$3 = /*#__PURE__*/styled__default.table(_templateObject2
|
|
8300
|
+
var StyledTableWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
8301
|
+
var StyledTable$3 = /*#__PURE__*/styled__default.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"])));
|
|
8445
8302
|
var EmptyDataContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
8446
8303
|
|
|
8447
8304
|
function SplitOrderTable() {
|
|
@@ -8527,7 +8384,7 @@ function SplitOrderTable() {
|
|
|
8527
8384
|
})))));
|
|
8528
8385
|
}
|
|
8529
8386
|
|
|
8530
|
-
var _templateObject$
|
|
8387
|
+
var _templateObject$1n;
|
|
8531
8388
|
function SplitOrder() {
|
|
8532
8389
|
var _response$data;
|
|
8533
8390
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -8598,7 +8455,7 @@ function SplitOrder() {
|
|
|
8598
8455
|
isSubmitDisabled: isSubmitDisabled()
|
|
8599
8456
|
}, React__default.createElement(ContentContainer$1, null, React__default.createElement(SplitOrderTable, null)));
|
|
8600
8457
|
}
|
|
8601
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
8458
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
8602
8459
|
|
|
8603
8460
|
function ReturnAction() {
|
|
8604
8461
|
var _orderStaticData$orde;
|
|
@@ -8709,7 +8566,7 @@ var ReturnProductIcon = function ReturnProductIcon() {
|
|
|
8709
8566
|
}));
|
|
8710
8567
|
};
|
|
8711
8568
|
|
|
8712
|
-
var _templateObject$
|
|
8569
|
+
var _templateObject$1o, _templateObject2$10, _templateObject3$y, _templateObject4$j, _templateObject5$c;
|
|
8713
8570
|
var deliverTypeOptions = [{
|
|
8714
8571
|
label: 'Deliver',
|
|
8715
8572
|
value: 'deliver',
|
|
@@ -8854,13 +8711,13 @@ var CancelOrderTable = function CancelOrderTable() {
|
|
|
8854
8711
|
}))))))));
|
|
8855
8712
|
})))));
|
|
8856
8713
|
};
|
|
8857
|
-
var CustomSelectDropdown = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
8858
|
-
var StyledTableWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8714
|
+
var CustomSelectDropdown = /*#__PURE__*/styled__default(antd.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"])));
|
|
8715
|
+
var StyledTableWrapper$4 = /*#__PURE__*/styled__default.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"])));
|
|
8859
8716
|
var StyledDropdown = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8860
8717
|
var StyledTable$4 = /*#__PURE__*/styled__default.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"])));
|
|
8861
8718
|
var ReturnRowWrapper = /*#__PURE__*/styled__default.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"])));
|
|
8862
8719
|
|
|
8863
|
-
var _templateObject$
|
|
8720
|
+
var _templateObject$1p, _templateObject2$11, _templateObject3$z, _templateObject4$k, _templateObject5$d, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4, _templateObject10$2;
|
|
8864
8721
|
function CancelOrder(props) {
|
|
8865
8722
|
var _orderStaticData$canc;
|
|
8866
8723
|
var _useOrderId = useOrderId(),
|
|
@@ -9058,8 +8915,8 @@ function CancelOrder(props) {
|
|
|
9058
8915
|
placeholder: "Reason for Cancel Order"
|
|
9059
8916
|
})))), React__default.createElement(Bottom$2, null, React__default.createElement(CancelOrderTable, null))));
|
|
9060
8917
|
}
|
|
9061
|
-
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9062
|
-
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$
|
|
8918
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
8919
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9063
8920
|
var Label$3 = /*#__PURE__*/styled__default.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"])));
|
|
9064
8921
|
var Container$R = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9065
8922
|
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
@@ -9069,7 +8926,7 @@ var Top$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObj
|
|
|
9069
8926
|
var Bottom$2 = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9070
8927
|
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
9071
8928
|
|
|
9072
|
-
var _templateObject$
|
|
8929
|
+
var _templateObject$1q, _templateObject2$12, _templateObject3$A;
|
|
9073
8930
|
function EmailAddress() {
|
|
9074
8931
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
9075
8932
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -9110,11 +8967,11 @@ function EmailAddress() {
|
|
|
9110
8967
|
onChange: onChange
|
|
9111
8968
|
}), errors.emailError && React__default.createElement(ErrorText$5, null, errors.emailError));
|
|
9112
8969
|
}
|
|
9113
|
-
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9114
|
-
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8970
|
+
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
8971
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9115
8972
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9116
8973
|
|
|
9117
|
-
var _templateObject$
|
|
8974
|
+
var _templateObject$1r, _templateObject2$13, _templateObject3$B;
|
|
9118
8975
|
function ContactPhone() {
|
|
9119
8976
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9120
8977
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9175,11 +9032,11 @@ function ContactPhone() {
|
|
|
9175
9032
|
onChange: onChange
|
|
9176
9033
|
}), errors.homeContactError && React__default.createElement(ErrorText$6, null, errors.homeContactError));
|
|
9177
9034
|
}
|
|
9178
|
-
var Label$5 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9179
|
-
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9035
|
+
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
9036
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9180
9037
|
var ErrorText$6 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9181
9038
|
|
|
9182
|
-
var _templateObject$
|
|
9039
|
+
var _templateObject$1s, _templateObject2$14, _templateObject3$C;
|
|
9183
9040
|
function ContactWork$1() {
|
|
9184
9041
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9185
9042
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9240,11 +9097,11 @@ function ContactWork$1() {
|
|
|
9240
9097
|
onChange: onChange
|
|
9241
9098
|
}), errors.workContactError && React__default.createElement(ErrorText$7, null, errors.workContactError));
|
|
9242
9099
|
}
|
|
9243
|
-
var Label$6 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9244
|
-
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9100
|
+
var Label$6 = /*#__PURE__*/styled__default.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"])));
|
|
9101
|
+
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9245
9102
|
var ErrorText$7 = /*#__PURE__*/styled__default.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9246
9103
|
|
|
9247
|
-
var _templateObject$
|
|
9104
|
+
var _templateObject$1t, _templateObject2$15, _templateObject3$D;
|
|
9248
9105
|
function ContactMobile$1() {
|
|
9249
9106
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9250
9107
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -9305,8 +9162,8 @@ function ContactMobile$1() {
|
|
|
9305
9162
|
onChange: onChange
|
|
9306
9163
|
}), errors.mobileError && React__default.createElement(ErrorText$8, null, errors.mobileError));
|
|
9307
9164
|
}
|
|
9308
|
-
var Label$7 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9309
|
-
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9165
|
+
var Label$7 = /*#__PURE__*/styled__default.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"])));
|
|
9166
|
+
var Container$V = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9310
9167
|
var ErrorText$8 = /*#__PURE__*/styled__default.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
9311
9168
|
|
|
9312
9169
|
function ContactTypeDropdown() {
|
|
@@ -9340,7 +9197,7 @@ function ContactTypeDropdown() {
|
|
|
9340
9197
|
});
|
|
9341
9198
|
}
|
|
9342
9199
|
|
|
9343
|
-
var _templateObject$
|
|
9200
|
+
var _templateObject$1u;
|
|
9344
9201
|
function ActionDropdown() {
|
|
9345
9202
|
var _useOrderStaticData = useOrderStaticData(),
|
|
9346
9203
|
orderStaticData = _useOrderStaticData[0];
|
|
@@ -9383,9 +9240,9 @@ function ActionDropdown() {
|
|
|
9383
9240
|
className: "action-dropdown"
|
|
9384
9241
|
}));
|
|
9385
9242
|
}
|
|
9386
|
-
var Container$W = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9243
|
+
var Container$W = /*#__PURE__*/styled__default.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .ant-select-selector {\n border-radius: 25px;\n }\n"])));
|
|
9387
9244
|
|
|
9388
|
-
var _templateObject$
|
|
9245
|
+
var _templateObject$1v, _templateObject2$16;
|
|
9389
9246
|
function DeliveryDate$1() {
|
|
9390
9247
|
var _useOrderDetails = useOrderDetails(),
|
|
9391
9248
|
dateOrderDetails = _useOrderDetails[0];
|
|
@@ -9433,8 +9290,8 @@ function DeliveryDate$1() {
|
|
|
9433
9290
|
allowClear: false
|
|
9434
9291
|
}));
|
|
9435
9292
|
}
|
|
9436
|
-
var Label$8 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9437
|
-
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9293
|
+
var Label$8 = /*#__PURE__*/styled__default.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"])));
|
|
9294
|
+
var Container$X = /*#__PURE__*/styled__default.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"])));
|
|
9438
9295
|
|
|
9439
9296
|
function convertTo12HourFormat$1(time24) {
|
|
9440
9297
|
var _time24$split, _minutes$toString;
|
|
@@ -9483,19 +9340,19 @@ function TimedServiceDropdown$1() {
|
|
|
9483
9340
|
});
|
|
9484
9341
|
}
|
|
9485
9342
|
|
|
9486
|
-
var _templateObject$
|
|
9343
|
+
var _templateObject$1w, _templateObject2$17, _templateObject3$E, _templateObject4$l;
|
|
9487
9344
|
function CustomerInformation() {
|
|
9488
9345
|
var _orderDetails$order_r;
|
|
9489
9346
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9490
9347
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9491
9348
|
return React__default.createElement(Container$Y, null, React__default.createElement(Title$1, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$f, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$f, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
9492
9349
|
}
|
|
9493
|
-
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9494
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
9350
|
+
var Wrapper$f = /*#__PURE__*/styled__default.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"])));
|
|
9351
|
+
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
9495
9352
|
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
9496
9353
|
var Container$Y = /*#__PURE__*/styled__default.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"])));
|
|
9497
9354
|
|
|
9498
|
-
var _templateObject$
|
|
9355
|
+
var _templateObject$1x, _templateObject2$18;
|
|
9499
9356
|
function ProductTable$1() {
|
|
9500
9357
|
var _useProductDetails = useProductDetails(),
|
|
9501
9358
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -9522,10 +9379,10 @@ function ProductTable$1() {
|
|
|
9522
9379
|
}, React__default.createElement("td", null, order == null || (_order$order_product_ = order.order_product_type) == null ? void 0 : _order$order_product_.type), ' ', React__default.createElement("td", null, order == null ? void 0 : order.code), React__default.createElement("td", null, order == null ? void 0 : order.description), React__default.createElement("td", null, order == null ? void 0 : order.sku));
|
|
9523
9380
|
})))));
|
|
9524
9381
|
}
|
|
9525
|
-
var Title$2 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
9526
|
-
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9382
|
+
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
9383
|
+
var Container$Z = /*#__PURE__*/styled__default.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"])));
|
|
9527
9384
|
|
|
9528
|
-
var _templateObject$
|
|
9385
|
+
var _templateObject$1y, _templateObject2$19;
|
|
9529
9386
|
function NotesTable() {
|
|
9530
9387
|
var _useState = React.useState(null),
|
|
9531
9388
|
moduleIds = _useState[0],
|
|
@@ -9621,30 +9478,30 @@ function NotesTable() {
|
|
|
9621
9478
|
}));
|
|
9622
9479
|
}))))));
|
|
9623
9480
|
}
|
|
9624
|
-
var Title$3 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
9625
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9481
|
+
var Title$3 = /*#__PURE__*/styled__default.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"])));
|
|
9482
|
+
var Container$_ = /*#__PURE__*/styled__default.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"])));
|
|
9626
9483
|
|
|
9627
|
-
var _templateObject$
|
|
9484
|
+
var _templateObject$1z, _templateObject2$1a;
|
|
9628
9485
|
function ConfirmationNotes() {
|
|
9629
9486
|
return React__default.createElement(Container$$, null, React__default.createElement(Label$9, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9630
9487
|
rows: 5,
|
|
9631
9488
|
placeholder: "Enter Notes"
|
|
9632
9489
|
}));
|
|
9633
9490
|
}
|
|
9634
|
-
var Label$9 = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9635
|
-
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9491
|
+
var Label$9 = /*#__PURE__*/styled__default.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"])));
|
|
9492
|
+
var Container$$ = /*#__PURE__*/styled__default.div(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9636
9493
|
|
|
9637
|
-
var _templateObject$
|
|
9494
|
+
var _templateObject$1A, _templateObject2$1b;
|
|
9638
9495
|
function DeliveryInstructions$1() {
|
|
9639
9496
|
return React__default.createElement(Container$10, null, React__default.createElement(Label$a, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
9640
9497
|
rows: 5,
|
|
9641
9498
|
placeholder: "Enter Delivery Instructions"
|
|
9642
9499
|
}));
|
|
9643
9500
|
}
|
|
9644
|
-
var Label$a = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9645
|
-
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9501
|
+
var Label$a = /*#__PURE__*/styled__default.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"])));
|
|
9502
|
+
var Container$10 = /*#__PURE__*/styled__default.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9646
9503
|
|
|
9647
|
-
var _templateObject$
|
|
9504
|
+
var _templateObject$1B, _templateObject2$1c;
|
|
9648
9505
|
function ContactWith() {
|
|
9649
9506
|
return React__default.createElement(Container$11, null, React__default.createElement(Label$b, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
9650
9507
|
style: {
|
|
@@ -9652,22 +9509,22 @@ function ContactWith() {
|
|
|
9652
9509
|
}
|
|
9653
9510
|
}));
|
|
9654
9511
|
}
|
|
9655
|
-
var Label$b = /*#__PURE__*/styled__default.label(_templateObject$
|
|
9656
|
-
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9512
|
+
var Label$b = /*#__PURE__*/styled__default.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"])));
|
|
9513
|
+
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject2$1c || (_templateObject2$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9657
9514
|
|
|
9658
|
-
var _templateObject$
|
|
9515
|
+
var _templateObject$1C, _templateObject2$1d, _templateObject3$F, _templateObject4$m;
|
|
9659
9516
|
function SlotAndInstructions() {
|
|
9660
9517
|
var _orderDetails$order_r;
|
|
9661
9518
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
9662
9519
|
orderDetails = _useOrderDetailsConfi[0];
|
|
9663
9520
|
return React__default.createElement(Container$12, null, React__default.createElement(Slot, null, React__default.createElement(Title$4, null, "Slot"), React__default.createElement(Value$1, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
9664
9521
|
}
|
|
9665
|
-
var Value$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
9666
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9522
|
+
var Value$1 = /*#__PURE__*/styled__default.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"])));
|
|
9523
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
9667
9524
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
9668
9525
|
var Container$12 = /*#__PURE__*/styled__default.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"])));
|
|
9669
9526
|
|
|
9670
|
-
var _templateObject$
|
|
9527
|
+
var _templateObject$1D, _templateObject2$1e;
|
|
9671
9528
|
function ConfirmOrder(props) {
|
|
9672
9529
|
var _orderDetailsConfirmO, _orderDetailsConfirmO2, _orderDetailsConfirmO3;
|
|
9673
9530
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10015,11 +9872,11 @@ function ConfirmOrder(props) {
|
|
|
10015
9872
|
showCloseIcon: false
|
|
10016
9873
|
}), React__default.createElement(Wrapper$g, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
10017
9874
|
}
|
|
10018
|
-
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10019
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9875
|
+
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
9876
|
+
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
10020
9877
|
|
|
10021
|
-
var _templateObject2$
|
|
10022
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
9878
|
+
var _templateObject2$1f, _templateObject3$G, _templateObject5$e, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
9879
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10023
9880
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
10024
9881
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
10025
9882
|
var SplitText = /*#__PURE__*/styled__default.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"])));
|
|
@@ -10031,7 +9888,7 @@ var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11$2
|
|
|
10031
9888
|
var HoldDatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
10032
9889
|
var DatePickerWrap = /*#__PURE__*/styled__default.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"])));
|
|
10033
9890
|
|
|
10034
|
-
var _templateObject$
|
|
9891
|
+
var _templateObject$1E, _templateObject2$1g;
|
|
10035
9892
|
function SendSmsModal() {
|
|
10036
9893
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _formData$to$trim;
|
|
10037
9894
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -10207,13 +10064,13 @@ function SendSmsModal() {
|
|
|
10207
10064
|
}
|
|
10208
10065
|
})));
|
|
10209
10066
|
}
|
|
10210
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
10067
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
10211
10068
|
// const CustomTextArea = styled(TextArea)`
|
|
10212
10069
|
// width: 700px;
|
|
10213
10070
|
// height: 140px;
|
|
10214
10071
|
// resize: none;
|
|
10215
10072
|
// `;
|
|
10216
|
-
var ErrorText$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10073
|
+
var ErrorText$9 = /*#__PURE__*/styled__default.div(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 12px;\n margin-top: 4px;\n"])));
|
|
10217
10074
|
|
|
10218
10075
|
function SendEmailModal() {
|
|
10219
10076
|
var _orderDetails$order_r;
|
|
@@ -10666,7 +10523,7 @@ function HoldOrderModal(props) {
|
|
|
10666
10523
|
})))));
|
|
10667
10524
|
}
|
|
10668
10525
|
|
|
10669
|
-
var _templateObject$
|
|
10526
|
+
var _templateObject$1F;
|
|
10670
10527
|
var UnholdOrder = function UnholdOrder(props) {
|
|
10671
10528
|
var _useOrderId = useOrderId(),
|
|
10672
10529
|
orderId = _useOrderId[0];
|
|
@@ -10750,9 +10607,9 @@ var UnholdOrder = function UnholdOrder(props) {
|
|
|
10750
10607
|
})
|
|
10751
10608
|
});
|
|
10752
10609
|
};
|
|
10753
|
-
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
10610
|
+
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
10754
10611
|
|
|
10755
|
-
var _templateObject$
|
|
10612
|
+
var _templateObject$1G, _templateObject2$1h;
|
|
10756
10613
|
function AssigneeDropdown() {
|
|
10757
10614
|
var _reminderPayload$assi;
|
|
10758
10615
|
var _useReminderById = useReminderById(),
|
|
@@ -11016,12 +10873,12 @@ function AssigneeDropdown() {
|
|
|
11016
10873
|
mode: "multiple"
|
|
11017
10874
|
}));
|
|
11018
10875
|
}
|
|
11019
|
-
var FormContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11020
|
-
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject2$
|
|
10876
|
+
var FormContainer$3 = /*#__PURE__*/styled__default.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 325px;\n"])));
|
|
10877
|
+
var StyledAntSelect$5 = /*#__PURE__*/styled__default(antd.Select)(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11021
10878
|
|
|
11022
|
-
var _templateObject$
|
|
11023
|
-
var ReferenceContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11024
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10879
|
+
var _templateObject$1H, _templateObject2$1i, _templateObject3$H, _templateObject13$1, _templateObject14$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
10880
|
+
var ReferenceContainer = /*#__PURE__*/styled__default.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"])));
|
|
10881
|
+
var InnerContainer = /*#__PURE__*/styled__default.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"])));
|
|
11025
10882
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
11026
10883
|
var Column = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11027
10884
|
var Row$5 = /*#__PURE__*/styled__default(Column)(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n"])));
|
|
@@ -11071,7 +10928,7 @@ var priorityData = [{
|
|
|
11071
10928
|
color: '#E95252'
|
|
11072
10929
|
}];
|
|
11073
10930
|
|
|
11074
|
-
var _templateObject$
|
|
10931
|
+
var _templateObject$1I, _templateObject2$1j, _templateObject3$I, _templateObject4$n;
|
|
11075
10932
|
function StatusIndicator(props) {
|
|
11076
10933
|
var statusColor = getStatusColor(props.status);
|
|
11077
10934
|
return React__default.createElement(Container$13, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -11082,10 +10939,10 @@ function StatusIndicator(props) {
|
|
|
11082
10939
|
status: props.status
|
|
11083
10940
|
}, props.text));
|
|
11084
10941
|
}
|
|
11085
|
-
var StatusCircleContainer = /*#__PURE__*/styled__default.span(_templateObject$
|
|
10942
|
+
var StatusCircleContainer = /*#__PURE__*/styled__default.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) {
|
|
11086
10943
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11087
10944
|
});
|
|
11088
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
10945
|
+
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
11089
10946
|
return props.color;
|
|
11090
10947
|
});
|
|
11091
10948
|
var Container$13 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -11093,7 +10950,7 @@ var Text$7 = /*#__PURE__*/styled__default.span(_templateObject4$n || (_templateO
|
|
|
11093
10950
|
return props.status === 'SD' ? '#57DB7A' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
11094
10951
|
});
|
|
11095
10952
|
|
|
11096
|
-
var _templateObject$
|
|
10953
|
+
var _templateObject$1J, _templateObject2$1k, _templateObject3$J, _templateObject4$o, _templateObject5$f, _templateObject6$7, _templateObject7$9, _templateObject8$7, _templateObject9$6;
|
|
11097
10954
|
var _excluded$6 = ["is_deleted", "legacy_reminder_id", "order_data", "priority", "reference", "completed_at", "completed_by"];
|
|
11098
10955
|
var ViewReminderModal = function ViewReminderModal(props) {
|
|
11099
10956
|
var _reminderPayload$assi, _reminderPayload$desc2, _reminderDataById$ord, _reminderDataById$ord2;
|
|
@@ -11357,8 +11214,8 @@ var getDisabledTime = function getDisabledTime(date) {
|
|
|
11357
11214
|
}
|
|
11358
11215
|
return {};
|
|
11359
11216
|
};
|
|
11360
|
-
var Right$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11361
|
-
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11217
|
+
var Right$1 = /*#__PURE__*/styled__default.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n gap: 15px;\n flex-direction: column;\n padding: 10px;\n"])));
|
|
11218
|
+
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n width: 235px;\n"])));
|
|
11362
11219
|
var StyledWrapper = /*#__PURE__*/styled__default.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"])));
|
|
11363
11220
|
var StyledLabel$1 = /*#__PURE__*/styled__default.label(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
11364
11221
|
var StyledSpan = /*#__PURE__*/styled__default.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"])));
|
|
@@ -11367,7 +11224,7 @@ var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_template
|
|
|
11367
11224
|
var RoundCheckbox = /*#__PURE__*/styled__default.span(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11368
11225
|
var LabelText = /*#__PURE__*/styled__default.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"])));
|
|
11369
11226
|
|
|
11370
|
-
var _templateObject$
|
|
11227
|
+
var _templateObject$1K, _templateObject2$1l, _templateObject3$K, _templateObject4$p, _templateObject5$g, _templateObject6$8;
|
|
11371
11228
|
function HeaderSection(_ref) {
|
|
11372
11229
|
var callUnresolvedTaskApi = _ref.callUnresolvedTaskApi,
|
|
11373
11230
|
setTasksData = _ref.setTasksData;
|
|
@@ -11468,14 +11325,14 @@ function HeaderSection(_ref) {
|
|
|
11468
11325
|
})
|
|
11469
11326
|
})));
|
|
11470
11327
|
}
|
|
11471
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11472
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
11328
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
11329
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11473
11330
|
var ResolveButton = /*#__PURE__*/styled__default.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"])));
|
|
11474
11331
|
var Title$5 = /*#__PURE__*/styled__default.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"])));
|
|
11475
11332
|
var StyledOverlay = /*#__PURE__*/styled__default.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"])));
|
|
11476
11333
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
11477
11334
|
|
|
11478
|
-
var _templateObject$
|
|
11335
|
+
var _templateObject$1L, _templateObject2$1m;
|
|
11479
11336
|
function TextSection() {
|
|
11480
11337
|
var _useUpdateTask = useUpdateTask(),
|
|
11481
11338
|
taskPayload = _useUpdateTask[0],
|
|
@@ -11493,10 +11350,10 @@ function TextSection() {
|
|
|
11493
11350
|
onChange: onChangeDetails
|
|
11494
11351
|
}));
|
|
11495
11352
|
}
|
|
11496
|
-
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$
|
|
11497
|
-
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11353
|
+
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1L || (_templateObject$1L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
11354
|
+
var Text$8 = /*#__PURE__*/styled__default.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
11498
11355
|
|
|
11499
|
-
var _templateObject$
|
|
11356
|
+
var _templateObject$1M, _templateObject2$1n, _templateObject3$L;
|
|
11500
11357
|
function ButtonsSection() {
|
|
11501
11358
|
var _staticData$;
|
|
11502
11359
|
var _useStaticData = useStaticData(),
|
|
@@ -11587,11 +11444,11 @@ function ButtonsSection() {
|
|
|
11587
11444
|
status: "AD"
|
|
11588
11445
|
})));
|
|
11589
11446
|
}
|
|
11590
|
-
var StyledAntSelect$6 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
11591
|
-
var Buttons = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11447
|
+
var StyledAntSelect$6 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$1M || (_templateObject$1M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
11448
|
+
var Buttons = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11592
11449
|
var Flex = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11593
11450
|
|
|
11594
|
-
var _templateObject$
|
|
11451
|
+
var _templateObject$1N, _templateObject2$1o, _templateObject3$M, _templateObject4$q, _templateObject5$h, _templateObject6$9;
|
|
11595
11452
|
var FlagsFilter = [{
|
|
11596
11453
|
label: 'Private',
|
|
11597
11454
|
value: 'private'
|
|
@@ -11712,14 +11569,14 @@ function RadioButtonsSection() {
|
|
|
11712
11569
|
required: false
|
|
11713
11570
|
}));
|
|
11714
11571
|
}
|
|
11715
|
-
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11716
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
11572
|
+
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1N || (_templateObject$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n margin-right: 15px;\n"])));
|
|
11573
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1o || (_templateObject2$1o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11717
11574
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: white;\n color: #3a3630;\n"])));
|
|
11718
11575
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
11719
11576
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
11720
11577
|
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
11721
11578
|
|
|
11722
|
-
var _templateObject$
|
|
11579
|
+
var _templateObject$1O, _templateObject2$1p, _templateObject3$N, _templateObject4$r, _templateObject5$i;
|
|
11723
11580
|
function DetailSection() {
|
|
11724
11581
|
var _flagById$order_data, _flagById$order_data2;
|
|
11725
11582
|
var _useFlagById = useFlagById(),
|
|
@@ -11731,13 +11588,13 @@ function DetailSection() {
|
|
|
11731
11588
|
label: "Order"
|
|
11732
11589
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
11733
11590
|
}
|
|
11734
|
-
var Detail = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11735
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11591
|
+
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1O || (_templateObject$1O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
11592
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1p || (_templateObject2$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
11736
11593
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11737
11594
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
11738
11595
|
var StyledLabel$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$i || (_templateObject5$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
11739
11596
|
|
|
11740
|
-
var _templateObject$
|
|
11597
|
+
var _templateObject$1P, _templateObject2$1q, _templateObject3$O;
|
|
11741
11598
|
function ViewFlag() {
|
|
11742
11599
|
var _useStaticData = useStaticData(),
|
|
11743
11600
|
setStaticData = _useStaticData[1];
|
|
@@ -11815,11 +11672,11 @@ function ViewFlag() {
|
|
|
11815
11672
|
setTasksData: setTasksData
|
|
11816
11673
|
}), React__default.createElement(RadioButtonsSection, null)))));
|
|
11817
11674
|
}
|
|
11818
|
-
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
11819
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
11675
|
+
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1P || (_templateObject$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
11676
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1q || (_templateObject2$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
11820
11677
|
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
11821
11678
|
|
|
11822
|
-
var _templateObject$
|
|
11679
|
+
var _templateObject$1Q;
|
|
11823
11680
|
function ReleaseOrder() {
|
|
11824
11681
|
var _useOrderId = useOrderId(),
|
|
11825
11682
|
orderId = _useOrderId[0];
|
|
@@ -11898,9 +11755,9 @@ function ReleaseOrder() {
|
|
|
11898
11755
|
// position: absolute;
|
|
11899
11756
|
// transform: translate3d(57px, 308px, 0px) scaleX(1);
|
|
11900
11757
|
// `;
|
|
11901
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
11758
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
11902
11759
|
|
|
11903
|
-
var _templateObject$
|
|
11760
|
+
var _templateObject$1R;
|
|
11904
11761
|
var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
11905
11762
|
var _useOrderId = useOrderId(),
|
|
11906
11763
|
orderId = _useOrderId[0];
|
|
@@ -12001,9 +11858,9 @@ var ClearBookingStatus = function ClearBookingStatus(props) {
|
|
|
12001
11858
|
})
|
|
12002
11859
|
});
|
|
12003
11860
|
};
|
|
12004
|
-
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
11861
|
+
var CustomCancelAndCompleteAction$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1R || (_templateObject$1R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12005
11862
|
|
|
12006
|
-
var _templateObject$
|
|
11863
|
+
var _templateObject$1S, _templateObject2$1r, _templateObject3$P, _templateObject4$s, _templateObject5$j;
|
|
12007
11864
|
var deliverTypeOptions$1 = [{
|
|
12008
11865
|
label: 'Deliver',
|
|
12009
11866
|
value: 'deliver',
|
|
@@ -12154,13 +12011,13 @@ var UnCancelOrderTable = function UnCancelOrderTable() {
|
|
|
12154
12011
|
}))))))));
|
|
12155
12012
|
})))));
|
|
12156
12013
|
};
|
|
12157
|
-
var CustomSelectDropdown$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject$
|
|
12158
|
-
var StyledTableWrapper$5 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12014
|
+
var CustomSelectDropdown$1 = /*#__PURE__*/styled__default(antd.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"])));
|
|
12015
|
+
var StyledTableWrapper$5 = /*#__PURE__*/styled__default.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"])));
|
|
12159
12016
|
var StyledDropdown$1 = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
12160
12017
|
var StyledTable$5 = /*#__PURE__*/styled__default.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"])));
|
|
12161
12018
|
var ReturnRowWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
12162
12019
|
|
|
12163
|
-
var _templateObject$
|
|
12020
|
+
var _templateObject$1T, _templateObject2$1s, _templateObject3$Q, _templateObject4$t;
|
|
12164
12021
|
function UncancelOrder(props) {
|
|
12165
12022
|
var _orderStaticData$unca;
|
|
12166
12023
|
var _useOrderId = useOrderId(),
|
|
@@ -12357,12 +12214,12 @@ function UncancelOrder(props) {
|
|
|
12357
12214
|
onChange: onChange
|
|
12358
12215
|
}))), React__default.createElement(UnCancelOrderTable, null)));
|
|
12359
12216
|
}
|
|
12360
|
-
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
12361
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
12217
|
+
var RequiredAsterisk$3 = /*#__PURE__*/styled__default.span(_templateObject$1T || (_templateObject$1T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12218
|
+
var Container$14 = /*#__PURE__*/styled__default.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"])));
|
|
12362
12219
|
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12363
12220
|
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
12364
12221
|
|
|
12365
|
-
var _templateObject$
|
|
12222
|
+
var _templateObject$1U;
|
|
12366
12223
|
function RemoveFromRoute(props) {
|
|
12367
12224
|
var _useOrderId = useOrderId(),
|
|
12368
12225
|
orderId = _useOrderId[0];
|
|
@@ -12442,11 +12299,11 @@ function RemoveFromRoute(props) {
|
|
|
12442
12299
|
})
|
|
12443
12300
|
});
|
|
12444
12301
|
}
|
|
12445
|
-
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
12302
|
+
var CustomCancelAndCompleteAction$4 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
12446
12303
|
|
|
12447
|
-
var _templateObject$
|
|
12304
|
+
var _templateObject$1V, _templateObject3$R, _templateObject4$u, _templateObject5$k, _templateObject7$a, _templateObject8$8, _templateObject9$7;
|
|
12448
12305
|
// Shared styles and components
|
|
12449
|
-
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12306
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1V || (_templateObject$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
12450
12307
|
var SplitContainer = /*#__PURE__*/styled__default.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"])));
|
|
12451
12308
|
var StyledAntSelect$7 = /*#__PURE__*/styled__default(antd.Select)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n /* width: 22vw; */\n border-radius: 22px;\n }\n"])));
|
|
12452
12309
|
var Label$d = /*#__PURE__*/styled__default.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"])));
|
|
@@ -12495,7 +12352,7 @@ var fonts = {
|
|
|
12495
12352
|
secondary: "'Lato', sans-serif"
|
|
12496
12353
|
};
|
|
12497
12354
|
|
|
12498
|
-
var _templateObject$
|
|
12355
|
+
var _templateObject$1W, _templateObject2$1t, _templateObject3$S;
|
|
12499
12356
|
function RadioButton(props) {
|
|
12500
12357
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
12501
12358
|
color: props.color
|
|
@@ -12506,15 +12363,15 @@ function RadioButton(props) {
|
|
|
12506
12363
|
htmlFor: props.id
|
|
12507
12364
|
}, props.label));
|
|
12508
12365
|
}
|
|
12509
|
-
var Label$e = /*#__PURE__*/styled__default.label(_templateObject$
|
|
12510
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
12366
|
+
var Label$e = /*#__PURE__*/styled__default.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);
|
|
12367
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
12511
12368
|
return props.color || '#6396e5';
|
|
12512
12369
|
}, function (props) {
|
|
12513
12370
|
return props.color || '#6396e5';
|
|
12514
12371
|
});
|
|
12515
12372
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
12516
12373
|
|
|
12517
|
-
var _templateObject$
|
|
12374
|
+
var _templateObject$1X, _templateObject2$1u, _templateObject3$T, _templateObject4$v, _templateObject5$l, _templateObject6$a, _templateObject7$b;
|
|
12518
12375
|
function RadioButtonGroup(props) {
|
|
12519
12376
|
var heading = props.heading,
|
|
12520
12377
|
_props$direction = props.direction,
|
|
@@ -12549,8 +12406,8 @@ function RadioButtonGroup(props) {
|
|
|
12549
12406
|
className: "custom-wrapper"
|
|
12550
12407
|
}, renderOptions()));
|
|
12551
12408
|
}
|
|
12552
|
-
var Separator = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12553
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
12409
|
+
var Separator = /*#__PURE__*/styled__default.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
12410
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
12554
12411
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
12555
12412
|
return !props.$required && 'visibility: hidden;';
|
|
12556
12413
|
}, labelStyles);
|
|
@@ -12561,7 +12418,7 @@ var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templat
|
|
|
12561
12418
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
12562
12419
|
});
|
|
12563
12420
|
|
|
12564
|
-
var _templateObject$
|
|
12421
|
+
var _templateObject$1Y, _templateObject2$1v, _templateObject3$U, _templateObject4$w, _templateObject5$m;
|
|
12565
12422
|
dayjs.extend(utc);
|
|
12566
12423
|
dayjs.extend(dateFns.isValid);
|
|
12567
12424
|
function CreateReminderModal() {
|
|
@@ -12970,13 +12827,13 @@ function CreateReminderModal() {
|
|
|
12970
12827
|
onChange: handleChange
|
|
12971
12828
|
})));
|
|
12972
12829
|
}
|
|
12973
|
-
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
12974
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
12830
|
+
var StyleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1Y || (_templateObject$1Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
12831
|
+
var Label$f = /*#__PURE__*/styled__default.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"])));
|
|
12975
12832
|
var StyledAntSelect$8 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
12976
12833
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
12977
12834
|
var StyledLink = /*#__PURE__*/styled__default.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"])));
|
|
12978
12835
|
|
|
12979
|
-
var _templateObject$
|
|
12836
|
+
var _templateObject$1Z;
|
|
12980
12837
|
function ReminderModal(props) {
|
|
12981
12838
|
var _useCurrentAction = useCurrentAction(),
|
|
12982
12839
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13086,7 +12943,7 @@ function ReminderModal(props) {
|
|
|
13086
12943
|
footerActions: ''
|
|
13087
12944
|
}, React__default.createElement(ContentContainer$6, null, React__default.createElement(CreateReminderModal, null))));
|
|
13088
12945
|
}
|
|
13089
|
-
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
12946
|
+
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13090
12947
|
|
|
13091
12948
|
var CustomOptions = [{
|
|
13092
12949
|
label: 'Private',
|
|
@@ -13096,7 +12953,7 @@ var CustomOptions = [{
|
|
|
13096
12953
|
value: 'public'
|
|
13097
12954
|
}];
|
|
13098
12955
|
|
|
13099
|
-
var _templateObject$
|
|
12956
|
+
var _templateObject$1_, _templateObject2$1w, _templateObject3$V;
|
|
13100
12957
|
function CreateTaskModal() {
|
|
13101
12958
|
var _useStaticData = useStaticData(),
|
|
13102
12959
|
staticData = _useStaticData[0];
|
|
@@ -13249,11 +13106,11 @@ var getDisabledTime$1 = function getDisabledTime(date) {
|
|
|
13249
13106
|
}
|
|
13250
13107
|
return {};
|
|
13251
13108
|
};
|
|
13252
|
-
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13253
|
-
var Label$g = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
13109
|
+
var StyleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1_ || (_templateObject$1_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: #fff;\n"])));
|
|
13110
|
+
var Label$g = /*#__PURE__*/styled__default.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"])));
|
|
13254
13111
|
var StyledTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
13255
13112
|
|
|
13256
|
-
var _templateObject$
|
|
13113
|
+
var _templateObject$1$;
|
|
13257
13114
|
function TaskModal(props) {
|
|
13258
13115
|
var _useCurrentAction = useCurrentAction(),
|
|
13259
13116
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -13356,18 +13213,18 @@ function TaskModal(props) {
|
|
|
13356
13213
|
})
|
|
13357
13214
|
}, React__default.createElement(ContentContainer$4, null, React__default.createElement(CreateTaskModal, null))));
|
|
13358
13215
|
}
|
|
13359
|
-
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$
|
|
13216
|
+
var OrderModal$1 = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1$ || (_templateObject$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
13360
13217
|
|
|
13361
|
-
var _templateObject$
|
|
13362
|
-
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
13363
|
-
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13218
|
+
var _templateObject$20, _templateObject2$1x, _templateObject3$W, _templateObject4$x, _templateObject5$n, _templateObject6$b, _templateObject7$c;
|
|
13219
|
+
var Title$6 = /*#__PURE__*/styled__default.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"])));
|
|
13220
|
+
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13364
13221
|
var FieldRow = /*#__PURE__*/styled__default.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"])));
|
|
13365
13222
|
var Label$h = /*#__PURE__*/styled__default.label(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #7b7874;\n"])));
|
|
13366
13223
|
var Input$1 = /*#__PURE__*/styled__default.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"])));
|
|
13367
13224
|
var MainContainer$9 = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13368
13225
|
var CurrencySymbol = /*#__PURE__*/styled__default.span(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #858d9d;\n"])));
|
|
13369
13226
|
|
|
13370
|
-
var _templateObject$
|
|
13227
|
+
var _templateObject$21;
|
|
13371
13228
|
var fields = [{
|
|
13372
13229
|
label: 'Weight',
|
|
13373
13230
|
value: 'weight'
|
|
@@ -13468,7 +13325,7 @@ function OrderCharges(props) {
|
|
|
13468
13325
|
})));
|
|
13469
13326
|
})));
|
|
13470
13327
|
}
|
|
13471
|
-
var OrderValue = /*#__PURE__*/styled__default.span(_templateObject$
|
|
13328
|
+
var OrderValue = /*#__PURE__*/styled__default.span(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n"])));
|
|
13472
13329
|
|
|
13473
13330
|
var fields$1 = [{
|
|
13474
13331
|
label: 'Repackage',
|
|
@@ -13596,7 +13453,7 @@ function DisposalCharge(props) {
|
|
|
13596
13453
|
})));
|
|
13597
13454
|
}
|
|
13598
13455
|
|
|
13599
|
-
var _templateObject$
|
|
13456
|
+
var _templateObject$22, _templateObject2$1y;
|
|
13600
13457
|
function BaseCharges(props) {
|
|
13601
13458
|
var _props$staticData, _props$inputValue$bas;
|
|
13602
13459
|
var _useChargesState = useChargesState(),
|
|
@@ -13671,8 +13528,8 @@ function BaseCharges(props) {
|
|
|
13671
13528
|
onKeyDown: handleKeyDownDebrief
|
|
13672
13529
|
})))));
|
|
13673
13530
|
}
|
|
13674
|
-
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13675
|
-
var CurrencyWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13531
|
+
var Wrapper$k = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
13532
|
+
var CurrencyWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1y || (_templateObject2$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13676
13533
|
|
|
13677
13534
|
var fields$3 = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];
|
|
13678
13535
|
function DeliveryAddOns(props) {
|
|
@@ -13820,7 +13677,7 @@ function AdhocSection() {
|
|
|
13820
13677
|
})));
|
|
13821
13678
|
}
|
|
13822
13679
|
|
|
13823
|
-
var _templateObject$
|
|
13680
|
+
var _templateObject$23;
|
|
13824
13681
|
function FailureReasonDropdown() {
|
|
13825
13682
|
var _escalationCategory$f, _escalationCategory$f2, _escalationTypes$filt, _escalationTypes$filt2;
|
|
13826
13683
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13906,9 +13763,9 @@ function FailureReasonDropdown() {
|
|
|
13906
13763
|
isDisabled: false
|
|
13907
13764
|
}));
|
|
13908
13765
|
}
|
|
13909
|
-
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13766
|
+
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13910
13767
|
|
|
13911
|
-
var _templateObject$
|
|
13768
|
+
var _templateObject$24;
|
|
13912
13769
|
function StatusDropdown() {
|
|
13913
13770
|
var _orderStaticData$new_;
|
|
13914
13771
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -13949,9 +13806,9 @@ function StatusDropdown() {
|
|
|
13949
13806
|
isDisabled: false
|
|
13950
13807
|
}));
|
|
13951
13808
|
}
|
|
13952
|
-
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13809
|
+
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13953
13810
|
|
|
13954
|
-
var _templateObject$
|
|
13811
|
+
var _templateObject$25;
|
|
13955
13812
|
function CancellationReasonDropdown() {
|
|
13956
13813
|
var _orderStaticData$canc;
|
|
13957
13814
|
var _useOrderCancelReason = useOrderCancelReason(),
|
|
@@ -13980,9 +13837,9 @@ function CancellationReasonDropdown() {
|
|
|
13980
13837
|
}
|
|
13981
13838
|
}));
|
|
13982
13839
|
}
|
|
13983
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13840
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject$25 || (_templateObject$25 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
13984
13841
|
|
|
13985
|
-
var _templateObject$
|
|
13842
|
+
var _templateObject$26;
|
|
13986
13843
|
function OrderHoldReasonDropdown() {
|
|
13987
13844
|
var _orderStaticData$onho;
|
|
13988
13845
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14011,9 +13868,9 @@ function OrderHoldReasonDropdown() {
|
|
|
14011
13868
|
}
|
|
14012
13869
|
}));
|
|
14013
13870
|
}
|
|
14014
|
-
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
13871
|
+
var Container$19 = /*#__PURE__*/styled__default.div(_templateObject$26 || (_templateObject$26 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14015
13872
|
|
|
14016
|
-
var _templateObject$
|
|
13873
|
+
var _templateObject$27, _templateObject2$1z, _templateObject3$X, _templateObject4$y, _templateObject5$o, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$4;
|
|
14017
13874
|
function FailureContent() {
|
|
14018
13875
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14019
13876
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14080,8 +13937,8 @@ function FailureContent() {
|
|
|
14080
13937
|
onChange: function onChange() {}
|
|
14081
13938
|
}))));
|
|
14082
13939
|
}
|
|
14083
|
-
var CurrencyWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
14084
|
-
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
13940
|
+
var CurrencyWrapper$1 = /*#__PURE__*/styled__default.span(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
13941
|
+
var Text$9 = /*#__PURE__*/styled__default.div(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14085
13942
|
var GroupedFields = /*#__PURE__*/styled__default.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 7px;\n"])));
|
|
14086
13943
|
var PairGroup = /*#__PURE__*/styled__default.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"])));
|
|
14087
13944
|
var SmallGroup = /*#__PURE__*/styled__default.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"])));
|
|
@@ -14095,7 +13952,7 @@ var DropdownGrid = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_temp
|
|
|
14095
13952
|
var ContDropdownGrid = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14096
13953
|
var DropdownGroup = /*#__PURE__*/styled__default.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"])));
|
|
14097
13954
|
|
|
14098
|
-
var _templateObject$
|
|
13955
|
+
var _templateObject$28, _templateObject2$1A, _templateObject3$Y, _templateObject4$z, _templateObject5$p, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$5, _templateObject11$3;
|
|
14099
13956
|
var formatDate$2 = function formatDate(date) {
|
|
14100
13957
|
var padZero = function padZero(num) {
|
|
14101
13958
|
return num.toString().padStart(2, '0');
|
|
@@ -14185,8 +14042,8 @@ function SuccessContent() {
|
|
|
14185
14042
|
onChange: function onChange() {}
|
|
14186
14043
|
}))));
|
|
14187
14044
|
}
|
|
14188
|
-
var CurrencyWrapper$2 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
14189
|
-
var DropdownGrid$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14045
|
+
var CurrencyWrapper$2 = /*#__PURE__*/styled__default.span(_templateObject$28 || (_templateObject$28 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: #999;\n"])));
|
|
14046
|
+
var DropdownGrid$1 = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 48%;\n"])));
|
|
14190
14047
|
var GroupedFields$1 = /*#__PURE__*/styled__default.div(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n"])));
|
|
14191
14048
|
var PairGroup$1 = /*#__PURE__*/styled__default.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"])));
|
|
14192
14049
|
var SmallGroup$1 = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 48%;\n"])));
|
|
@@ -14199,7 +14056,7 @@ var StyledInput$1 = /*#__PURE__*/styled__default(Input$1)(_templateObject9$9 ||
|
|
|
14199
14056
|
var DateInput = /*#__PURE__*/styled__default.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"])));
|
|
14200
14057
|
var Text$a = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14201
14058
|
|
|
14202
|
-
var _templateObject$
|
|
14059
|
+
var _templateObject$29, _templateObject2$1B;
|
|
14203
14060
|
var radioButtonFilterOptions = [{
|
|
14204
14061
|
label: 'Yes',
|
|
14205
14062
|
value: 'true'
|
|
@@ -14312,10 +14169,10 @@ function RadioButtonGroups() {
|
|
|
14312
14169
|
}));
|
|
14313
14170
|
}));
|
|
14314
14171
|
}
|
|
14315
|
-
var Container$1a = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14316
|
-
var Group = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14172
|
+
var Container$1a = /*#__PURE__*/styled__default.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"])));
|
|
14173
|
+
var Group = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
14317
14174
|
|
|
14318
|
-
var _templateObject$
|
|
14175
|
+
var _templateObject$2a, _templateObject2$1C, _templateObject3$Z;
|
|
14319
14176
|
function OrderInfo() {
|
|
14320
14177
|
var _useActiveTab = useActiveTab(),
|
|
14321
14178
|
activeTab = _useActiveTab[0];
|
|
@@ -14326,17 +14183,17 @@ function OrderInfo() {
|
|
|
14326
14183
|
// gap: 20px;
|
|
14327
14184
|
// width: 100%;
|
|
14328
14185
|
// `;
|
|
14329
|
-
var Middle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14186
|
+
var Middle = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
14330
14187
|
// const Bottom = styled.div`
|
|
14331
14188
|
// display: flex;
|
|
14332
14189
|
// flex-direction: column;
|
|
14333
14190
|
// gap: 20px;
|
|
14334
14191
|
// `;
|
|
14335
|
-
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14192
|
+
var Top$3 = /*#__PURE__*/styled__default.div(_templateObject2$1C || (_templateObject2$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n"])));
|
|
14336
14193
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n"])));
|
|
14337
14194
|
var OrderInfo$1 = /*#__PURE__*/React__default.memo(OrderInfo);
|
|
14338
14195
|
|
|
14339
|
-
var _templateObject$
|
|
14196
|
+
var _templateObject$2b;
|
|
14340
14197
|
var Options = [{
|
|
14341
14198
|
label: 'Success',
|
|
14342
14199
|
value: 'success',
|
|
@@ -14371,9 +14228,9 @@ var ForceDebriefSelector = function ForceDebriefSelector(_ref) {
|
|
|
14371
14228
|
optionBorderRadius: 30
|
|
14372
14229
|
}));
|
|
14373
14230
|
};
|
|
14374
|
-
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14231
|
+
var StyledSwitch = /*#__PURE__*/styled__default.div(_templateObject$2b || (_templateObject$2b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 25%;\n height: 40px;\n .react-switch-selector-wrapper {\n background: #777777;\n }\n"])));
|
|
14375
14232
|
|
|
14376
|
-
var _templateObject$
|
|
14233
|
+
var _templateObject$2c;
|
|
14377
14234
|
function EscalationCategory() {
|
|
14378
14235
|
var _orderStaticData$esca;
|
|
14379
14236
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14446,9 +14303,9 @@ function EscalationCategory() {
|
|
|
14446
14303
|
}
|
|
14447
14304
|
}));
|
|
14448
14305
|
}
|
|
14449
|
-
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14306
|
+
var Container$1c = /*#__PURE__*/styled__default.div(_templateObject$2c || (_templateObject$2c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14450
14307
|
|
|
14451
|
-
var _templateObject$
|
|
14308
|
+
var _templateObject$2d;
|
|
14452
14309
|
function EscalationLevel() {
|
|
14453
14310
|
var _orderStaticData$esca;
|
|
14454
14311
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -14517,9 +14374,9 @@ function EscalationLevel() {
|
|
|
14517
14374
|
}
|
|
14518
14375
|
}));
|
|
14519
14376
|
}
|
|
14520
|
-
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14377
|
+
var Container$1d = /*#__PURE__*/styled__default.div(_templateObject$2d || (_templateObject$2d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14521
14378
|
|
|
14522
|
-
var _templateObject$
|
|
14379
|
+
var _templateObject$2e;
|
|
14523
14380
|
function EscalationReason() {
|
|
14524
14381
|
var _escalationTypes$find, _orderStaticData$esca;
|
|
14525
14382
|
var _useEscalationReason = useEscalationReason(),
|
|
@@ -14613,7 +14470,7 @@ function EscalationReason() {
|
|
|
14613
14470
|
}
|
|
14614
14471
|
}));
|
|
14615
14472
|
}
|
|
14616
|
-
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14473
|
+
var Container$1e = /*#__PURE__*/styled__default.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n"])));
|
|
14617
14474
|
|
|
14618
14475
|
function Escalation() {
|
|
14619
14476
|
return React__default.createElement("div", {
|
|
@@ -14625,7 +14482,7 @@ function Escalation() {
|
|
|
14625
14482
|
}, React__default.createElement(EscalationCategory, null), React__default.createElement(EscalationLevel, null), React__default.createElement(EscalationReason, null));
|
|
14626
14483
|
}
|
|
14627
14484
|
|
|
14628
|
-
var _templateObject$
|
|
14485
|
+
var _templateObject$2f, _templateObject2$1D, _templateObject3$_;
|
|
14629
14486
|
function OrderTemplate() {
|
|
14630
14487
|
var _orderDetails$order_r, _routesDetails$route_;
|
|
14631
14488
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -14672,11 +14529,11 @@ function OrderTemplate() {
|
|
|
14672
14529
|
}
|
|
14673
14530
|
}))));
|
|
14674
14531
|
}
|
|
14675
|
-
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14676
|
-
var Title$7 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
14532
|
+
var StyledAlert = /*#__PURE__*/styled__default.div(_templateObject$2f || (_templateObject$2f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n gap: 15px;\n"])));
|
|
14533
|
+
var Title$7 = /*#__PURE__*/styled__default.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"])));
|
|
14677
14534
|
var Info = /*#__PURE__*/styled__default.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"])));
|
|
14678
14535
|
|
|
14679
|
-
var _templateObject$
|
|
14536
|
+
var _templateObject$2g, _templateObject2$1E, _templateObject3$$;
|
|
14680
14537
|
function FlagTemplate(_ref) {
|
|
14681
14538
|
var _formatUtcToLocal, _formatUtcToLocal2;
|
|
14682
14539
|
var data = _ref.data,
|
|
@@ -14717,14 +14574,14 @@ function FlagTemplate(_ref) {
|
|
|
14717
14574
|
}
|
|
14718
14575
|
}));
|
|
14719
14576
|
}
|
|
14720
|
-
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14721
|
-
var StyledLink$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
14577
|
+
var StyledAlert$1 = /*#__PURE__*/styled__default.div(_templateObject$2g || (_templateObject$2g = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
14578
|
+
var StyledLink$1 = /*#__PURE__*/styled__default.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"])));
|
|
14722
14579
|
var StyledTitle = /*#__PURE__*/styled__default.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) {
|
|
14723
14580
|
var color = _ref2.color;
|
|
14724
14581
|
return color;
|
|
14725
14582
|
});
|
|
14726
14583
|
|
|
14727
|
-
var _templateObject$
|
|
14584
|
+
var _templateObject$2h, _templateObject2$1F;
|
|
14728
14585
|
function Tabs(_ref) {
|
|
14729
14586
|
var dismissFlags = _ref.dismissFlags;
|
|
14730
14587
|
var _useTasksData = useTasksData(),
|
|
@@ -14739,10 +14596,10 @@ function Tabs(_ref) {
|
|
|
14739
14596
|
});
|
|
14740
14597
|
}))));
|
|
14741
14598
|
}
|
|
14742
|
-
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14743
|
-
var Content = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14599
|
+
var Container$1f = /*#__PURE__*/styled__default.div(_templateObject$2h || (_templateObject$2h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 15px;\n display: grid;\n"])));
|
|
14600
|
+
var Content = /*#__PURE__*/styled__default.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14744
14601
|
|
|
14745
|
-
var _templateObject$
|
|
14602
|
+
var _templateObject$2i, _templateObject2$1G, _templateObject3$10, _templateObject4$A, _templateObject5$q;
|
|
14746
14603
|
function FDNotification() {
|
|
14747
14604
|
var _orderData$order_rout;
|
|
14748
14605
|
var _useTasksData = useTasksData(),
|
|
@@ -14838,13 +14695,13 @@ function FDNotification() {
|
|
|
14838
14695
|
}, [routesDataLoading]);
|
|
14839
14696
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Section$1, null, unresolvedLoading ? React__default.createElement(Loader, null, React__default.createElement(Spinner, null), React__default.createElement(Text$b, null, "Fetching Notifications...")) : (taskData == null ? void 0 : taskData.length) > 0 || orderData ? React__default.createElement(TabsWrapper, null, React__default.createElement(Tabs, null)) : 'No Notifications Found'));
|
|
14840
14697
|
}
|
|
14841
|
-
var Loader = /*#__PURE__*/styled__default.div(_templateObject$
|
|
14842
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14698
|
+
var Loader = /*#__PURE__*/styled__default.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"])));
|
|
14699
|
+
var Spinner = /*#__PURE__*/styled__default.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"])));
|
|
14843
14700
|
var Section$1 = /*#__PURE__*/styled__default.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"])));
|
|
14844
14701
|
var TabsWrapper = /*#__PURE__*/styled__default.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"])));
|
|
14845
14702
|
var Text$b = /*#__PURE__*/styled__default.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"])));
|
|
14846
14703
|
|
|
14847
|
-
var _templateObject$
|
|
14704
|
+
var _templateObject$2j, _templateObject2$1H, _templateObject3$11, _templateObject4$B, _templateObject5$r;
|
|
14848
14705
|
var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
14849
14706
|
var baseUrlSymbol = getBaseUrlSymbol();
|
|
14850
14707
|
var onCancel = function onCancel() {
|
|
@@ -14862,13 +14719,13 @@ var BaseChargeConfirmationModal = function BaseChargeConfirmationModal(props) {
|
|
|
14862
14719
|
onComplete: onComplete
|
|
14863
14720
|
})));
|
|
14864
14721
|
};
|
|
14865
|
-
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$
|
|
14866
|
-
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
14722
|
+
var CustomCancelAndCompleteAction$5 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
14723
|
+
var Container$1g = /*#__PURE__*/styled__default.div(_templateObject2$1H || (_templateObject2$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n"])));
|
|
14867
14724
|
var Title$8 = /*#__PURE__*/styled__default.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"])));
|
|
14868
14725
|
var IconContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
14869
14726
|
var MainContainer$a = /*#__PURE__*/styled__default.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"])));
|
|
14870
14727
|
|
|
14871
|
-
var _templateObject$
|
|
14728
|
+
var _templateObject$2k, _templateObject2$1I, _templateObject3$12, _templateObject4$C, _templateObject5$s, _templateObject6$e, _templateObject7$f, _templateObject8$b;
|
|
14872
14729
|
function ForceDebriefModal(props) {
|
|
14873
14730
|
var _useCustomerInfo = useCustomerInfo(),
|
|
14874
14731
|
customerInfo = _useCustomerInfo[0],
|
|
@@ -15412,8 +15269,8 @@ function ForceDebriefModal(props) {
|
|
|
15412
15269
|
onProceed: onSubmit
|
|
15413
15270
|
}));
|
|
15414
15271
|
}
|
|
15415
|
-
var Status$1 = /*#__PURE__*/styled__default.span(_templateObject$
|
|
15416
|
-
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15272
|
+
var Status$1 = /*#__PURE__*/styled__default.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"])));
|
|
15273
|
+
var ProductContainer = /*#__PURE__*/styled__default.div(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"])));
|
|
15417
15274
|
var MainContainer$b = /*#__PURE__*/styled__default.div(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
15418
15275
|
var ContainerInner = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"])));
|
|
15419
15276
|
var Container$1h = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -15422,7 +15279,7 @@ var ContentContainer$7 = /*#__PURE__*/styled__default.div(_templateObject7$f ||
|
|
|
15422
15279
|
var ProductDiv = /*#__PURE__*/styled__default.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"])));
|
|
15423
15280
|
var ForceDebriefModal$1 = /*#__PURE__*/React__default.memo(ForceDebriefModal);
|
|
15424
15281
|
|
|
15425
|
-
var _templateObject$
|
|
15282
|
+
var _templateObject$2l;
|
|
15426
15283
|
function OrderActions() {
|
|
15427
15284
|
var _useCurrentAction = useCurrentAction(),
|
|
15428
15285
|
currentAction = _useCurrentAction[0],
|
|
@@ -15684,9 +15541,9 @@ function OrderActions() {
|
|
|
15684
15541
|
};
|
|
15685
15542
|
return React__default.createElement(Container$1i, null, renderContent());
|
|
15686
15543
|
}
|
|
15687
|
-
var Container$1i = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15544
|
+
var Container$1i = /*#__PURE__*/styled__default.div(_templateObject$2l || (_templateObject$2l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15688
15545
|
|
|
15689
|
-
var _templateObject$
|
|
15546
|
+
var _templateObject$2m, _templateObject2$1J, _templateObject3$13, _templateObject4$D;
|
|
15690
15547
|
var Details = function Details() {
|
|
15691
15548
|
var _globalEscData$, _globalEscData$2;
|
|
15692
15549
|
// const [orderDetails] = useOrderDetails();
|
|
@@ -15698,8 +15555,8 @@ var Details = function Details() {
|
|
|
15698
15555
|
globalEscData = _useGlobalEscData[0];
|
|
15699
15556
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow, " ", (globalEscData == null ? void 0 : globalEscData.length) > 0 && React__default.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) + ")")));
|
|
15700
15557
|
};
|
|
15701
|
-
var DetailsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15702
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15558
|
+
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
15559
|
+
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
15703
15560
|
var Name = /*#__PURE__*/styled__default.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"])));
|
|
15704
15561
|
var EscInfo = /*#__PURE__*/styled__default(Name)(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6396e5;\n font-size: 16px;\n"])));
|
|
15705
15562
|
|
|
@@ -15777,7 +15634,7 @@ var ArrowDownIcon = function ArrowDownIcon(_ref) {
|
|
|
15777
15634
|
}));
|
|
15778
15635
|
};
|
|
15779
15636
|
|
|
15780
|
-
var _templateObject$
|
|
15637
|
+
var _templateObject$2n, _templateObject2$1K;
|
|
15781
15638
|
function Options$1() {
|
|
15782
15639
|
var _orderStatus$, _orderStatus$2, _orderDetails$order_r;
|
|
15783
15640
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -15872,10 +15729,10 @@ function Options$1() {
|
|
|
15872
15729
|
fill: '#f0f2f2'
|
|
15873
15730
|
})))));
|
|
15874
15731
|
}
|
|
15875
|
-
var Option = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15876
|
-
var StyledSpace = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$
|
|
15732
|
+
var Option = /*#__PURE__*/styled__default.div(_templateObject$2n || (_templateObject$2n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15733
|
+
var StyledSpace = /*#__PURE__*/styled__default(antd.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"])));
|
|
15877
15734
|
|
|
15878
|
-
var _templateObject$
|
|
15735
|
+
var _templateObject$2o, _templateObject2$1L;
|
|
15879
15736
|
function Print() {
|
|
15880
15737
|
var _useOrderDetails = useOrderDetails(),
|
|
15881
15738
|
orderDetails = _useOrderDetails[0];
|
|
@@ -16001,10 +15858,10 @@ function Print() {
|
|
|
16001
15858
|
fill: '#f0f2f2'
|
|
16002
15859
|
})))));
|
|
16003
15860
|
}
|
|
16004
|
-
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16005
|
-
var StyledSpace$1 = /*#__PURE__*/styled__default(antd.Space)(_templateObject2$
|
|
15861
|
+
var Container$1j = /*#__PURE__*/styled__default.div(_templateObject$2o || (_templateObject$2o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
15862
|
+
var StyledSpace$1 = /*#__PURE__*/styled__default(antd.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"])));
|
|
16006
15863
|
|
|
16007
|
-
var _templateObject$
|
|
15864
|
+
var _templateObject$2p;
|
|
16008
15865
|
function BjsMenuDropDown() {
|
|
16009
15866
|
var _orderStatus$;
|
|
16010
15867
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -16048,9 +15905,9 @@ function BjsMenuDropDown() {
|
|
|
16048
15905
|
fill: '#f0f2f2'
|
|
16049
15906
|
}))));
|
|
16050
15907
|
}
|
|
16051
|
-
var StyledSpace$2 = /*#__PURE__*/styled__default(antd.Space)(_templateObject$
|
|
15908
|
+
var StyledSpace$2 = /*#__PURE__*/styled__default(antd.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"])));
|
|
16052
15909
|
|
|
16053
|
-
var _templateObject$
|
|
15910
|
+
var _templateObject$2q, _templateObject2$1M;
|
|
16054
15911
|
// components
|
|
16055
15912
|
function DropDowns$1() {
|
|
16056
15913
|
var _orderDetails$order_r, _orderDetails$order_r2, _orderDetails$order_r3, _orderDetails$order_r4;
|
|
@@ -16123,24 +15980,24 @@ function DropDowns$1() {
|
|
|
16123
15980
|
}, action == null ? void 0 : action.label);
|
|
16124
15981
|
})));
|
|
16125
15982
|
}
|
|
16126
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject$
|
|
16127
|
-
var FontContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
15983
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
15984
|
+
var FontContainer = /*#__PURE__*/styled__default.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) {
|
|
16128
15985
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
16129
15986
|
});
|
|
16130
15987
|
|
|
16131
|
-
var _templateObject$
|
|
15988
|
+
var _templateObject$2r;
|
|
16132
15989
|
var ActionsMenu = function ActionsMenu() {
|
|
16133
15990
|
return React__default.createElement(Flex$2, null, React__default.createElement(DropDowns$1, null));
|
|
16134
15991
|
};
|
|
16135
|
-
var Flex$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15992
|
+
var Flex$2 = /*#__PURE__*/styled__default.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"])));
|
|
16136
15993
|
|
|
16137
|
-
var _templateObject$
|
|
15994
|
+
var _templateObject$2s;
|
|
16138
15995
|
var DetailsFilters = function DetailsFilters() {
|
|
16139
15996
|
return React__default.createElement(Flex$3, null, React__default.createElement(Details, null), React__default.createElement(ActionsMenu, null));
|
|
16140
15997
|
};
|
|
16141
|
-
var Flex$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
15998
|
+
var Flex$3 = /*#__PURE__*/styled__default.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"])));
|
|
16142
15999
|
|
|
16143
|
-
var _templateObject$
|
|
16000
|
+
var _templateObject$2t, _templateObject2$1N;
|
|
16144
16001
|
function OrderTemplate$1(_ref) {
|
|
16145
16002
|
var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
|
|
16146
16003
|
var orderDetails = _ref.orderDetails,
|
|
@@ -16415,10 +16272,10 @@ function OrderTemplate$1(_ref) {
|
|
|
16415
16272
|
}
|
|
16416
16273
|
}));
|
|
16417
16274
|
}
|
|
16418
|
-
var FlagsStyle = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16419
|
-
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16275
|
+
var FlagsStyle = /*#__PURE__*/styled__default.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"])));
|
|
16276
|
+
var StyledAlert$2 = /*#__PURE__*/styled__default.div(_templateObject2$1N || (_templateObject2$1N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 5px;\n"])));
|
|
16420
16277
|
|
|
16421
|
-
var _templateObject$
|
|
16278
|
+
var _templateObject$2u, _templateObject2$1O, _templateObject3$14;
|
|
16422
16279
|
function ReminderTemplate(_ref) {
|
|
16423
16280
|
var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
|
|
16424
16281
|
var data = _ref.data,
|
|
@@ -16456,8 +16313,8 @@ function ReminderTemplate(_ref) {
|
|
|
16456
16313
|
}
|
|
16457
16314
|
})));
|
|
16458
16315
|
}
|
|
16459
|
-
var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16460
|
-
var StyledTitle$1 = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
16316
|
+
var StyledAlert$3 = /*#__PURE__*/styled__default.div(_templateObject$2u || (_templateObject$2u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 10px;\n"])));
|
|
16317
|
+
var StyledTitle$1 = /*#__PURE__*/styled__default.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) {
|
|
16461
16318
|
var color = _ref2.color;
|
|
16462
16319
|
return color;
|
|
16463
16320
|
});
|
|
@@ -16467,7 +16324,7 @@ var StyledLink$2 = /*#__PURE__*/styled__default.span(_templateObject3$14 || (_te
|
|
|
16467
16324
|
return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
|
|
16468
16325
|
});
|
|
16469
16326
|
|
|
16470
|
-
var _templateObject$
|
|
16327
|
+
var _templateObject$2v, _templateObject2$1P;
|
|
16471
16328
|
function Tabs$1(_ref) {
|
|
16472
16329
|
var activeTasks = _ref.activeTasks,
|
|
16473
16330
|
closedTasks = _ref.closedTasks,
|
|
@@ -16527,8 +16384,8 @@ function Tabs$1(_ref) {
|
|
|
16527
16384
|
});
|
|
16528
16385
|
})))));
|
|
16529
16386
|
}
|
|
16530
|
-
var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16531
|
-
var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16387
|
+
var Container$1k = /*#__PURE__*/styled__default.div(_templateObject$2v || (_templateObject$2v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: grid;\n"])));
|
|
16388
|
+
var Content$1 = /*#__PURE__*/styled__default.div(_templateObject2$1P || (_templateObject2$1P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16532
16389
|
|
|
16533
16390
|
var NotifyFlag = function NotifyFlag() {
|
|
16534
16391
|
return React__default.createElement("svg", {
|
|
@@ -16546,7 +16403,7 @@ var NotifyFlag = function NotifyFlag() {
|
|
|
16546
16403
|
}));
|
|
16547
16404
|
};
|
|
16548
16405
|
|
|
16549
|
-
var _templateObject$
|
|
16406
|
+
var _templateObject$2w, _templateObject2$1Q, _templateObject3$15, _templateObject4$E, _templateObject5$t, _templateObject6$f, _templateObject7$g, _templateObject8$c, _templateObject9$a;
|
|
16550
16407
|
function Notification() {
|
|
16551
16408
|
var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
|
|
16552
16409
|
var _useTabType = useTabType(),
|
|
@@ -16888,8 +16745,8 @@ function Notification() {
|
|
|
16888
16745
|
routeInfoData: orderAlertsData
|
|
16889
16746
|
})) : 'No Notifications Found'));
|
|
16890
16747
|
}
|
|
16891
|
-
var Container$1l = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16892
|
-
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16748
|
+
var Container$1l = /*#__PURE__*/styled__default.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"])));
|
|
16749
|
+
var FlagContainer = /*#__PURE__*/styled__default.div(_templateObject2$1Q || (_templateObject2$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n background-color: #3a3630;\n border-radius: 10px;\n"])));
|
|
16893
16750
|
var TabsData = /*#__PURE__*/styled__default.div(_templateObject3$15 || (_templateObject3$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 10px;\n"])));
|
|
16894
16751
|
var ActiveCount = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #6396e5;\n border-radius: 6px;\n"])));
|
|
16895
16752
|
var ClosedCount = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #ffffff;\n padding: 1px 5px;\n background-color: #e95252;\n border-radius: 6px;\n"])));
|
|
@@ -16902,47 +16759,47 @@ var Section$2 = /*#__PURE__*/styled__default.div(_templateObject7$g || (_templat
|
|
|
16902
16759
|
var Label$i = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
16903
16760
|
var TabsWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
16904
16761
|
|
|
16905
|
-
var _templateObject$
|
|
16762
|
+
var _templateObject$2x;
|
|
16906
16763
|
function CollapsedContent$2() {
|
|
16907
16764
|
return React__default.createElement(Font$1, null, "ORDER RESOURCES");
|
|
16908
16765
|
}
|
|
16909
|
-
var Font$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16766
|
+
var Font$1 = /*#__PURE__*/styled__default.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"])));
|
|
16910
16767
|
|
|
16911
|
-
var _templateObject$
|
|
16768
|
+
var _templateObject$2y, _templateObject2$1R;
|
|
16912
16769
|
function Category(props) {
|
|
16913
16770
|
var _props$row;
|
|
16914
16771
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.category;
|
|
16915
16772
|
return React__default.createElement(RowContainer$4, null, React__default.createElement(Row$7, null, data));
|
|
16916
16773
|
}
|
|
16917
|
-
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16918
|
-
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16774
|
+
var RowContainer$4 = /*#__PURE__*/styled__default.div(_templateObject$2y || (_templateObject$2y = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16775
|
+
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject2$1R || (_templateObject2$1R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16919
16776
|
|
|
16920
|
-
var _templateObject$
|
|
16777
|
+
var _templateObject$2z, _templateObject2$1S;
|
|
16921
16778
|
function Date$2(props) {
|
|
16922
16779
|
var _props$row;
|
|
16923
16780
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.date;
|
|
16924
16781
|
return React__default.createElement(RowContainer$5, null, React__default.createElement(Row$8, null, formatDate$1(data)));
|
|
16925
16782
|
}
|
|
16926
|
-
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16927
|
-
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16783
|
+
var RowContainer$5 = /*#__PURE__*/styled__default.div(_templateObject$2z || (_templateObject$2z = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16784
|
+
var Row$8 = /*#__PURE__*/styled__default.div(_templateObject2$1S || (_templateObject2$1S = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16928
16785
|
|
|
16929
|
-
var _templateObject$
|
|
16786
|
+
var _templateObject$2A, _templateObject2$1T;
|
|
16930
16787
|
function Reference(props) {
|
|
16931
16788
|
var _props$row;
|
|
16932
16789
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.reference;
|
|
16933
16790
|
return React__default.createElement(RowContainer$6, null, React__default.createElement(Row$9, null, data));
|
|
16934
16791
|
}
|
|
16935
|
-
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16936
|
-
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16792
|
+
var RowContainer$6 = /*#__PURE__*/styled__default.div(_templateObject$2A || (_templateObject$2A = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16793
|
+
var Row$9 = /*#__PURE__*/styled__default.div(_templateObject2$1T || (_templateObject2$1T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16937
16794
|
|
|
16938
|
-
var _templateObject$
|
|
16795
|
+
var _templateObject$2B, _templateObject2$1U;
|
|
16939
16796
|
function Type(props) {
|
|
16940
16797
|
var _props$row;
|
|
16941
16798
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.type;
|
|
16942
16799
|
return React__default.createElement(RowContainer$7, null, React__default.createElement(Row$a, null, data));
|
|
16943
16800
|
}
|
|
16944
|
-
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16945
|
-
var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16801
|
+
var RowContainer$7 = /*#__PURE__*/styled__default.div(_templateObject$2B || (_templateObject$2B = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16802
|
+
var Row$a = /*#__PURE__*/styled__default.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16946
16803
|
|
|
16947
16804
|
var DownloadIcon = function DownloadIcon() {
|
|
16948
16805
|
return React__default.createElement("svg", {
|
|
@@ -16971,7 +16828,7 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
16971
16828
|
})));
|
|
16972
16829
|
};
|
|
16973
16830
|
|
|
16974
|
-
var _templateObject$
|
|
16831
|
+
var _templateObject$2C, _templateObject2$1V, _templateObject3$16;
|
|
16975
16832
|
function Action(_ref) {
|
|
16976
16833
|
var _row$original, _orderResources$data;
|
|
16977
16834
|
var row = _ref.row;
|
|
@@ -17081,8 +16938,8 @@ function Action(_ref) {
|
|
|
17081
16938
|
}, React__default.createElement(DownloadIcon, null)))));
|
|
17082
16939
|
}
|
|
17083
16940
|
// Styled components for styling
|
|
17084
|
-
var Actions = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17085
|
-
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
16941
|
+
var Actions = /*#__PURE__*/styled__default.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
16942
|
+
var TippyContainer = /*#__PURE__*/styled__default.div(_templateObject2$1V || (_templateObject2$1V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n margin: 7px;\n"])));
|
|
17086
16943
|
var Row$b = /*#__PURE__*/styled__default.div(_templateObject3$16 || (_templateObject3$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n"])));
|
|
17087
16944
|
|
|
17088
16945
|
var tableColumns$1 = [{
|
|
@@ -17112,7 +16969,7 @@ var tableColumns$1 = [{
|
|
|
17112
16969
|
enableSorting: false
|
|
17113
16970
|
}];
|
|
17114
16971
|
|
|
17115
|
-
var _templateObject$
|
|
16972
|
+
var _templateObject$2D;
|
|
17116
16973
|
function Order$1(_ref) {
|
|
17117
16974
|
var _orderResources$data;
|
|
17118
16975
|
var loading = _ref.loading;
|
|
@@ -17127,9 +16984,9 @@ function Order$1(_ref) {
|
|
|
17127
16984
|
loading: loading
|
|
17128
16985
|
})));
|
|
17129
16986
|
}
|
|
17130
|
-
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
16987
|
+
var Table$2 = /*#__PURE__*/styled__default.div(_templateObject$2D || (_templateObject$2D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
17131
16988
|
|
|
17132
|
-
var _templateObject$
|
|
16989
|
+
var _templateObject$2E, _templateObject2$1W, _templateObject3$17, _templateObject4$F;
|
|
17133
16990
|
function OrderView(_ref) {
|
|
17134
16991
|
var locationloading = _ref.locationloading;
|
|
17135
16992
|
antd.notification.config({
|
|
@@ -17524,13 +17381,13 @@ function OrderView(_ref) {
|
|
|
17524
17381
|
loading: logsLoading
|
|
17525
17382
|
}))), React__default.createElement(OrderActions, null));
|
|
17526
17383
|
}
|
|
17527
|
-
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17528
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17384
|
+
var MainContainer$c = /*#__PURE__*/styled__default.div(_templateObject$2E || (_templateObject$2E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n"])));
|
|
17385
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1W || (_templateObject2$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
17529
17386
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
17530
17387
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17531
17388
|
|
|
17532
|
-
var _templateObject2$
|
|
17533
|
-
var StyledBulkItem$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17389
|
+
var _templateObject2$1X;
|
|
17390
|
+
var StyledBulkItem$1 = /*#__PURE__*/styled__default.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"])));
|
|
17534
17391
|
|
|
17535
17392
|
var initialState$4 = {
|
|
17536
17393
|
'x-filters': [],
|
|
@@ -17599,7 +17456,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
17599
17456
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
17600
17457
|
});
|
|
17601
17458
|
|
|
17602
|
-
var _templateObject$
|
|
17459
|
+
var _templateObject$2F, _templateObject2$1Y, _templateObject3$18;
|
|
17603
17460
|
var _excluded$7 = ["count"];
|
|
17604
17461
|
var SearchType = function SearchType() {
|
|
17605
17462
|
var _useState = React.useState(''),
|
|
@@ -17696,8 +17553,8 @@ var SearchType = function SearchType() {
|
|
|
17696
17553
|
onClick: handleClear
|
|
17697
17554
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
17698
17555
|
};
|
|
17699
|
-
var Search = /*#__PURE__*/styled__default.div(_templateObject$
|
|
17700
|
-
var ClearButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
17556
|
+
var Search = /*#__PURE__*/styled__default.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"])));
|
|
17557
|
+
var ClearButton = /*#__PURE__*/styled__default.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"])));
|
|
17701
17558
|
var SearchInput = /*#__PURE__*/styled__default.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"])));
|
|
17702
17559
|
|
|
17703
17560
|
var BulkFilter = function BulkFilter() {
|
|
@@ -17933,7 +17790,7 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
17933
17790
|
})))));
|
|
17934
17791
|
};
|
|
17935
17792
|
|
|
17936
|
-
var _templateObject$
|
|
17793
|
+
var _templateObject$2G, _templateObject2$1Z, _templateObject3$19;
|
|
17937
17794
|
var _excluded$8 = ["count"];
|
|
17938
17795
|
function ReturnMainTable() {
|
|
17939
17796
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -18047,8 +17904,8 @@ function ReturnMainTable() {
|
|
|
18047
17904
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18048
17905
|
}))));
|
|
18049
17906
|
}
|
|
18050
|
-
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18051
|
-
var Container$1m = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
17907
|
+
var Row$c = /*#__PURE__*/styled__default.div(_templateObject$2G || (_templateObject$2G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
17908
|
+
var Container$1m = /*#__PURE__*/styled__default.div(_templateObject2$1Z || (_templateObject2$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
18052
17909
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
18053
17910
|
|
|
18054
17911
|
var OrderViewQueryHandler = function OrderViewQueryHandler() {
|
|
@@ -18586,7 +18443,7 @@ var ReturnConfirmedTable = function ReturnConfirmedTable() {
|
|
|
18586
18443
|
})))));
|
|
18587
18444
|
};
|
|
18588
18445
|
|
|
18589
|
-
var _templateObject$
|
|
18446
|
+
var _templateObject$2H, _templateObject2$1_;
|
|
18590
18447
|
var _excluded$a = ["count"];
|
|
18591
18448
|
var ConfirmedMain = function ConfirmedMain() {
|
|
18592
18449
|
var _useReturnConfirmedOr = useReturnConfirmedOrderData(),
|
|
@@ -18666,25 +18523,25 @@ var ConfirmedMain = function ConfirmedMain() {
|
|
|
18666
18523
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
18667
18524
|
})))));
|
|
18668
18525
|
};
|
|
18669
|
-
var Container$1n = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18670
|
-
var DashBoardWrapper$4 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
18526
|
+
var Container$1n = /*#__PURE__*/styled__default.div(_templateObject$2H || (_templateObject$2H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
18527
|
+
var DashBoardWrapper$4 = /*#__PURE__*/styled__default.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"])));
|
|
18671
18528
|
|
|
18672
|
-
var _templateObject$
|
|
18673
|
-
var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18674
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
18529
|
+
var _templateObject$2I, _templateObject2$1$;
|
|
18530
|
+
var HeaderWrapper = /*#__PURE__*/styled__default.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"])));
|
|
18531
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1$ || (_templateObject2$1$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
18675
18532
|
|
|
18676
|
-
var _templateObject$
|
|
18533
|
+
var _templateObject$2J;
|
|
18677
18534
|
var HeaderTitle = function HeaderTitle(props) {
|
|
18678
18535
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Title$9, null, props.title));
|
|
18679
18536
|
};
|
|
18680
|
-
var Title$9 = /*#__PURE__*/styled__default.h2(_templateObject$
|
|
18537
|
+
var Title$9 = /*#__PURE__*/styled__default.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"])));
|
|
18681
18538
|
|
|
18682
|
-
var _templateObject$
|
|
18539
|
+
var _templateObject$2K, _templateObject2$20;
|
|
18683
18540
|
function Breadcrumb(props) {
|
|
18684
18541
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
18685
18542
|
}
|
|
18686
|
-
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18687
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
18543
|
+
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$2K || (_templateObject$2K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
18544
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.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"])));
|
|
18688
18545
|
|
|
18689
18546
|
var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
18690
18547
|
var d = data.replace(new RegExp("(?<=[a-zA-Z])'(?=[a-zA-Z ])", 'g'), '__');
|
|
@@ -18697,7 +18554,7 @@ var javascriptStringDumpToJSON = function javascriptStringDumpToJSON(data) {
|
|
|
18697
18554
|
return JSON.parse(d);
|
|
18698
18555
|
};
|
|
18699
18556
|
|
|
18700
|
-
var _templateObject$
|
|
18557
|
+
var _templateObject$2L, _templateObject2$21, _templateObject3$1a;
|
|
18701
18558
|
function ReturnSearchBar() {
|
|
18702
18559
|
var _useState = React.useState(''),
|
|
18703
18560
|
searchText = _useState[0],
|
|
@@ -18841,12 +18698,12 @@ function ReturnSearchBar() {
|
|
|
18841
18698
|
onClick: handleClear
|
|
18842
18699
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
|
|
18843
18700
|
}
|
|
18844
|
-
var ClearButton$1 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
18845
|
-
var Search$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
18701
|
+
var ClearButton$1 = /*#__PURE__*/styled__default.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"])));
|
|
18702
|
+
var Search$1 = /*#__PURE__*/styled__default.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"])));
|
|
18846
18703
|
var SearchInput$1 = /*#__PURE__*/styled__default.input(_templateObject3$1a || (_templateObject3$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18847
18704
|
var ReturnSearchBar$1 = /*#__PURE__*/React__default.memo(ReturnSearchBar);
|
|
18848
18705
|
|
|
18849
|
-
var _templateObject$
|
|
18706
|
+
var _templateObject$2M, _templateObject2$22, _templateObject3$1b;
|
|
18850
18707
|
function ReturnAfterSearchBar() {
|
|
18851
18708
|
var _useState = React.useState(''),
|
|
18852
18709
|
searchText = _useState[0],
|
|
@@ -18973,12 +18830,12 @@ function ReturnAfterSearchBar() {
|
|
|
18973
18830
|
onClick: handleClear
|
|
18974
18831
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)) : null);
|
|
18975
18832
|
}
|
|
18976
|
-
var ClearButton$2 = /*#__PURE__*/styled__default.button(_templateObject$
|
|
18977
|
-
var Search$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
18833
|
+
var ClearButton$2 = /*#__PURE__*/styled__default.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"])));
|
|
18834
|
+
var Search$2 = /*#__PURE__*/styled__default.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"])));
|
|
18978
18835
|
var SearchInput$2 = /*#__PURE__*/styled__default.input(_templateObject3$1b || (_templateObject3$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n flex-grow: 1;\n width: 100%;\n background: transparent;\n"])));
|
|
18979
18836
|
var ReturnAfterSearchBar$1 = /*#__PURE__*/React__default.memo(ReturnAfterSearchBar);
|
|
18980
18837
|
|
|
18981
|
-
var _templateObject$
|
|
18838
|
+
var _templateObject$2N;
|
|
18982
18839
|
var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
18983
18840
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
18984
18841
|
breadcrumbTitle = _ref$breadcrumbTitle === void 0 ? 'Clients >' : _ref$breadcrumbTitle,
|
|
@@ -19065,9 +18922,9 @@ var ClientRouterHeader = function ClientRouterHeader(_ref) {
|
|
|
19065
18922
|
}
|
|
19066
18923
|
}))));
|
|
19067
18924
|
};
|
|
19068
|
-
var DatePickerWrap$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
18925
|
+
var DatePickerWrap$1 = /*#__PURE__*/styled__default.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"])));
|
|
19069
18926
|
|
|
19070
|
-
var _templateObject$
|
|
18927
|
+
var _templateObject$2O, _templateObject2$23;
|
|
19071
18928
|
var ReturnOverview = function ReturnOverview() {
|
|
19072
18929
|
var _UsePaginationData = UsePaginationData(),
|
|
19073
18930
|
paginationObj = _UsePaginationData[0];
|
|
@@ -19101,8 +18958,8 @@ var ReturnOverview = function ReturnOverview() {
|
|
|
19101
18958
|
onItemsPerPageChange: handleItemsPerPageChange
|
|
19102
18959
|
})), shouldShowReturnAfterTable && React__default.createElement(React__default.Fragment, null, React__default.createElement(ConfirmedMain, null)))))));
|
|
19103
18960
|
};
|
|
19104
|
-
var Container$1o = /*#__PURE__*/styled__default.div(_templateObject$
|
|
19105
|
-
var DashBoardWrapper$5 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
18961
|
+
var Container$1o = /*#__PURE__*/styled__default.div(_templateObject$2O || (_templateObject$2O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -16px;\n"])));
|
|
18962
|
+
var DashBoardWrapper$5 = /*#__PURE__*/styled__default.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"])));
|
|
19106
18963
|
|
|
19107
18964
|
var RouterHeader = function RouterHeader(_ref) {
|
|
19108
18965
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -19231,7 +19088,7 @@ function ReturnClient() {
|
|
|
19231
19088
|
}, clientPortal ? React__default.createElement(reactRouterDom.Routes, null, React__default.createElement(reactRouterDom.Route, {
|
|
19232
19089
|
path: "",
|
|
19233
19090
|
element: React__default.createElement(reactRouterDom.Navigate, {
|
|
19234
|
-
to: '
|
|
19091
|
+
to: 'return_completed'
|
|
19235
19092
|
})
|
|
19236
19093
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
19237
19094
|
path: ":status",
|