@bjsdistribution/dms-client-return 0.0.46 → 0.0.47
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 +212 -205
- 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 +212 -205
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/header-filters/SelectionFilter.tsx +4 -2
- package/src/components/order-view/order-details/expanded-content/orders-section/RecipientReference.tsx +16 -2
- package/src/index.tsx +3 -3
|
@@ -1504,11 +1504,13 @@ var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g
|
|
|
1504
1504
|
var Consignment = /*#__PURE__*/styled.span(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
1505
1505
|
var Container$d = /*#__PURE__*/styled.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1506
1506
|
|
|
1507
|
-
var _templateObject$h;
|
|
1507
|
+
var _templateObject$h, _templateObject2$f;
|
|
1508
1508
|
function RecipientReference() {
|
|
1509
1509
|
var _useOrderDetails = useOrderDetails(),
|
|
1510
1510
|
orderDetails = _useOrderDetails[0],
|
|
1511
1511
|
setOrderDetails = _useOrderDetails[1];
|
|
1512
|
+
var orderRecipient = orderDetails == null ? void 0 : orderDetails.recipient_reference;
|
|
1513
|
+
var showCopyIcon = orderRecipient !== undefined && orderRecipient !== null && (orderRecipient == null ? void 0 : orderRecipient.length) > 0;
|
|
1512
1514
|
var onChange = function onChange(e) {
|
|
1513
1515
|
setOrderDetails(function (prev) {
|
|
1514
1516
|
return _extends({}, prev, {
|
|
@@ -1516,10 +1518,12 @@ function RecipientReference() {
|
|
|
1516
1518
|
});
|
|
1517
1519
|
});
|
|
1518
1520
|
};
|
|
1519
|
-
return React.createElement(Container$e, null, React.createElement(Label$h, {
|
|
1521
|
+
return React.createElement(Container$e, null, React.createElement(Wrapper$9, null, React.createElement(Label$h, {
|
|
1520
1522
|
label: "Recipient Reference",
|
|
1521
1523
|
htmlFor: "recipient-reference"
|
|
1522
|
-
}), React.createElement(
|
|
1524
|
+
}), showCopyIcon && React.createElement(CopyText, {
|
|
1525
|
+
text: orderRecipient
|
|
1526
|
+
})), React.createElement(Input$1, {
|
|
1523
1527
|
name: "recipient-reference",
|
|
1524
1528
|
type: "text",
|
|
1525
1529
|
placeholder: "Enter Recipient Reference",
|
|
@@ -1531,6 +1535,7 @@ function RecipientReference() {
|
|
|
1531
1535
|
}));
|
|
1532
1536
|
}
|
|
1533
1537
|
var Container$e = /*#__PURE__*/styled.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1538
|
+
var Wrapper$9 = /*#__PURE__*/styled.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1534
1539
|
|
|
1535
1540
|
var _templateObject$i;
|
|
1536
1541
|
function DepotDropdown() {
|
|
@@ -1570,7 +1575,7 @@ function DepotDropdown() {
|
|
|
1570
1575
|
}
|
|
1571
1576
|
var FormContainer = /*#__PURE__*/styled.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1572
1577
|
|
|
1573
|
-
var _templateObject$j, _templateObject2$
|
|
1578
|
+
var _templateObject$j, _templateObject2$g;
|
|
1574
1579
|
function Droptime() {
|
|
1575
1580
|
var _useOrderDetails = useOrderDetails(),
|
|
1576
1581
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1595,7 +1600,7 @@ function Droptime() {
|
|
|
1595
1600
|
}));
|
|
1596
1601
|
}
|
|
1597
1602
|
var CustomInput$6 = /*#__PURE__*/styled(Input$1)(_templateObject$j || (_templateObject$j = /*#__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"])));
|
|
1598
|
-
var Container$f = /*#__PURE__*/styled.div(_templateObject2$
|
|
1603
|
+
var Container$f = /*#__PURE__*/styled.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1599
1604
|
|
|
1600
1605
|
var _templateObject$k;
|
|
1601
1606
|
function DeliveryDate() {
|
|
@@ -1642,10 +1647,10 @@ function DeliveryDate() {
|
|
|
1642
1647
|
}
|
|
1643
1648
|
var MainContainer$1 = /*#__PURE__*/styled.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1644
1649
|
|
|
1645
|
-
var _templateObject$l, _templateObject2$
|
|
1650
|
+
var _templateObject$l, _templateObject2$h;
|
|
1646
1651
|
function Carrier() {
|
|
1647
1652
|
// show copy icon if there is input value
|
|
1648
|
-
return React.createElement(Container$g, null, React.createElement(Wrapper$
|
|
1653
|
+
return React.createElement(Container$g, null, React.createElement(Wrapper$a, null, React.createElement(Label$h, {
|
|
1649
1654
|
label: "Carrier",
|
|
1650
1655
|
htmlFor: "carrier"
|
|
1651
1656
|
}), React.createElement(CopyText, {
|
|
@@ -1660,10 +1665,10 @@ function Carrier() {
|
|
|
1660
1665
|
}
|
|
1661
1666
|
}));
|
|
1662
1667
|
}
|
|
1663
|
-
var Wrapper$
|
|
1664
|
-
var Container$g = /*#__PURE__*/styled.div(_templateObject2$
|
|
1668
|
+
var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1669
|
+
var Container$g = /*#__PURE__*/styled.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1665
1670
|
|
|
1666
|
-
var _templateObject$m, _templateObject2$
|
|
1671
|
+
var _templateObject$m, _templateObject2$i;
|
|
1667
1672
|
function OrderNumber() {
|
|
1668
1673
|
var _orderDetails$order_n;
|
|
1669
1674
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -1677,7 +1682,7 @@ function OrderNumber() {
|
|
|
1677
1682
|
});
|
|
1678
1683
|
});
|
|
1679
1684
|
};
|
|
1680
|
-
return React.createElement(Container$h, null, React.createElement(Wrapper$
|
|
1685
|
+
return React.createElement(Container$h, null, React.createElement(Wrapper$b, null, React.createElement(Label$h, {
|
|
1681
1686
|
label: "Order Number",
|
|
1682
1687
|
htmlFor: "order-number"
|
|
1683
1688
|
}), showCopyIcon && React.createElement(CopyText, {
|
|
@@ -1693,8 +1698,8 @@ function OrderNumber() {
|
|
|
1693
1698
|
}
|
|
1694
1699
|
}));
|
|
1695
1700
|
}
|
|
1696
|
-
var Wrapper$
|
|
1697
|
-
var Container$h = /*#__PURE__*/styled.div(_templateObject2$
|
|
1701
|
+
var Wrapper$b = /*#__PURE__*/styled.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1702
|
+
var Container$h = /*#__PURE__*/styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1698
1703
|
|
|
1699
1704
|
var _templateObject$n;
|
|
1700
1705
|
function ScheduleAfter() {
|
|
@@ -1777,17 +1782,17 @@ function VehicleTypeDropdown() {
|
|
|
1777
1782
|
}
|
|
1778
1783
|
var FormContainer$1 = /*#__PURE__*/styled.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1779
1784
|
|
|
1780
|
-
var _templateObject$p, _templateObject2$
|
|
1785
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$9;
|
|
1781
1786
|
function OrdersSection() {
|
|
1782
1787
|
return React.createElement(CustomFormSection$1, null, React.createElement(Header, {
|
|
1783
1788
|
label: "Order"
|
|
1784
1789
|
}), React.createElement(FormInputs$1, null, React.createElement(GroupedInputs$1, null, React.createElement(ConsignmentNumber, null), React.createElement(Carrier, null)), React.createElement(GroupedInputs$1, null, React.createElement(OrderNumber, null), React.createElement(DepotDropdown, null)), React.createElement(GroupedInputs$1, null, React.createElement(DeliveryDate, null), React.createElement(ScheduleAfter, null)), React.createElement(GroupedInputs$1, null, React.createElement(Droptime, null)), React.createElement(GroupedInputs$1, null, React.createElement(RecipientReference, null), React.createElement(VehicleTypeDropdown, null))));
|
|
1785
1790
|
}
|
|
1786
1791
|
var GroupedInputs$1 = /*#__PURE__*/styled.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
1787
|
-
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
1792
|
+
var FormInputs$1 = /*#__PURE__*/styled.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
1788
1793
|
var CustomFormSection$1 = /*#__PURE__*/styled(FormSection)(_templateObject3$9 || (_templateObject3$9 = /*#__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"])));
|
|
1789
1794
|
|
|
1790
|
-
var _templateObject$q, _templateObject2$
|
|
1795
|
+
var _templateObject$q, _templateObject2$k;
|
|
1791
1796
|
function OrderStatusNote() {
|
|
1792
1797
|
var _useOrderDetails = useOrderDetails(),
|
|
1793
1798
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1808,9 +1813,9 @@ function OrderStatusNote() {
|
|
|
1808
1813
|
}));
|
|
1809
1814
|
}
|
|
1810
1815
|
var CustomTextArea = /*#__PURE__*/styled(TextArea)(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1811
|
-
var Container$i = /*#__PURE__*/styled.div(_templateObject2$
|
|
1816
|
+
var Container$i = /*#__PURE__*/styled.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1812
1817
|
|
|
1813
|
-
var _templateObject$r, _templateObject2$
|
|
1818
|
+
var _templateObject$r, _templateObject2$l;
|
|
1814
1819
|
function DeliveryInstructions() {
|
|
1815
1820
|
var _useOrderDetails = useOrderDetails(),
|
|
1816
1821
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1831,9 +1836,9 @@ function DeliveryInstructions() {
|
|
|
1831
1836
|
}));
|
|
1832
1837
|
}
|
|
1833
1838
|
var CustomTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1834
|
-
var Container$j = /*#__PURE__*/styled.div(_templateObject2$
|
|
1839
|
+
var Container$j = /*#__PURE__*/styled.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1835
1840
|
|
|
1836
|
-
var _templateObject$s, _templateObject2$
|
|
1841
|
+
var _templateObject$s, _templateObject2$m;
|
|
1837
1842
|
function OtherInstructions() {
|
|
1838
1843
|
var _useOrderDetails = useOrderDetails(),
|
|
1839
1844
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1854,18 +1859,18 @@ function OtherInstructions() {
|
|
|
1854
1859
|
}));
|
|
1855
1860
|
}
|
|
1856
1861
|
var CustomTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1857
|
-
var Container$k = /*#__PURE__*/styled.div(_templateObject2$
|
|
1862
|
+
var Container$k = /*#__PURE__*/styled.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1858
1863
|
|
|
1859
|
-
var _templateObject$t, _templateObject2$
|
|
1864
|
+
var _templateObject$t, _templateObject2$n;
|
|
1860
1865
|
function InstructionSection() {
|
|
1861
1866
|
return React.createElement(CustomFormSection$2, null, React.createElement(Header, {
|
|
1862
1867
|
label: "Instructions / Notes"
|
|
1863
1868
|
}), React.createElement(FormInputs$2, null, React.createElement(OrderStatusNote, null), React.createElement(DeliveryInstructions, null), React.createElement(OtherInstructions, null)));
|
|
1864
1869
|
}
|
|
1865
1870
|
var FormInputs$2 = /*#__PURE__*/styled.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
1866
|
-
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$
|
|
1871
|
+
var CustomFormSection$2 = /*#__PURE__*/styled(FormSection)(_templateObject2$n || (_templateObject2$n = /*#__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: 10px !important;\n"])));
|
|
1867
1872
|
|
|
1868
|
-
var _templateObject$u, _templateObject2$
|
|
1873
|
+
var _templateObject$u, _templateObject2$o;
|
|
1869
1874
|
function convertTo12HourFormat(time24) {
|
|
1870
1875
|
var _time24$split, _minutes$toString;
|
|
1871
1876
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -1918,9 +1923,9 @@ function TimedServiceDropdown() {
|
|
|
1918
1923
|
}));
|
|
1919
1924
|
}
|
|
1920
1925
|
var Container$l = /*#__PURE__*/styled.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1921
|
-
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
1926
|
+
var StyledSelectDropdown = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1922
1927
|
|
|
1923
|
-
var _templateObject$v, _templateObject2$
|
|
1928
|
+
var _templateObject$v, _templateObject2$p;
|
|
1924
1929
|
function ServiceTypeDropdown() {
|
|
1925
1930
|
var _orderStaticData$orde;
|
|
1926
1931
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1958,9 +1963,9 @@ function ServiceTypeDropdown() {
|
|
|
1958
1963
|
}));
|
|
1959
1964
|
}
|
|
1960
1965
|
var Container$m = /*#__PURE__*/styled.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1961
|
-
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
1966
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
1962
1967
|
|
|
1963
|
-
var _templateObject$w, _templateObject2$
|
|
1968
|
+
var _templateObject$w, _templateObject2$q;
|
|
1964
1969
|
function DeliveryPointDropdown() {
|
|
1965
1970
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
1966
1971
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2001,7 +2006,7 @@ function DeliveryPointDropdown() {
|
|
|
2001
2006
|
}));
|
|
2002
2007
|
}
|
|
2003
2008
|
var Container$n = /*#__PURE__*/styled.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2004
|
-
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$
|
|
2009
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled(SelectDropdown)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
2005
2010
|
|
|
2006
2011
|
var _templateObject$x;
|
|
2007
2012
|
function ServiceLevel() {
|
|
@@ -2159,7 +2164,7 @@ var getIcon = function getIcon(input) {
|
|
|
2159
2164
|
return "" + baseURL + subPath;
|
|
2160
2165
|
};
|
|
2161
2166
|
|
|
2162
|
-
var _templateObject$z, _templateObject2$
|
|
2167
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$a;
|
|
2163
2168
|
function ServiceSlider(props) {
|
|
2164
2169
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2165
2170
|
// event.preventDefault();
|
|
@@ -2177,7 +2182,7 @@ function ServiceSlider(props) {
|
|
|
2177
2182
|
})));
|
|
2178
2183
|
}
|
|
2179
2184
|
var ServiceName = /*#__PURE__*/styled.span(_templateObject$z || (_templateObject$z = /*#__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"])));
|
|
2180
|
-
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$
|
|
2185
|
+
var ServiceIcon = /*#__PURE__*/styled.img(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2181
2186
|
var Container$q = /*#__PURE__*/styled.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n /* cursor: not-allowed; */\n flex: 1;\n"])));
|
|
2182
2187
|
|
|
2183
2188
|
var _templateObject$A;
|
|
@@ -2344,19 +2349,19 @@ var Container$r = /*#__PURE__*/styled.div(_templateObject$A || (_templateObject$
|
|
|
2344
2349
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2345
2350
|
});
|
|
2346
2351
|
|
|
2347
|
-
var _templateObject$B, _templateObject2$
|
|
2352
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2348
2353
|
function ServicesSection() {
|
|
2349
2354
|
return React.createElement(CustomFormSection$3, null, React.createElement(Header, {
|
|
2350
2355
|
label: "Services"
|
|
2351
2356
|
}), React.createElement(Top, null, React.createElement(DropDownContainer, null, React.createElement(TimedServiceDropdown, null), React.createElement(ServiceTypeDropdown, null), React.createElement(DeliveryPointDropdown, null)), React.createElement(RadioContainer, null, React.createElement(ServiceLevel, null), React.createElement(AssemblyType, null))), React.createElement(Bottom, null, React.createElement(OrderServices, null)));
|
|
2352
2357
|
}
|
|
2353
2358
|
var Top = /*#__PURE__*/styled.div(_templateObject$B || (_templateObject$B = /*#__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"])));
|
|
2354
|
-
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2359
|
+
var DropDownContainer = /*#__PURE__*/styled.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2355
2360
|
var RadioContainer = /*#__PURE__*/styled.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: contents;\n @media screen and (max-width: 1280px) {\n display: flex;\n gap: 15px;\n }\n"])));
|
|
2356
2361
|
var Bottom = /*#__PURE__*/styled.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2357
2362
|
var CustomFormSection$3 = /*#__PURE__*/styled(FormSection)(_templateObject5$1 || (_templateObject5$1 = /*#__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"])));
|
|
2358
2363
|
|
|
2359
|
-
var _templateObject$C, _templateObject2$
|
|
2364
|
+
var _templateObject$C, _templateObject2$t, _templateObject3$c;
|
|
2360
2365
|
function AllowTracking() {
|
|
2361
2366
|
var _useOrderDetails = useOrderDetails(),
|
|
2362
2367
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2365,7 +2370,7 @@ function AllowTracking() {
|
|
|
2365
2370
|
return React.createElement(Container$s, null, React.createElement(CreatedBy, null, React.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2366
2371
|
}
|
|
2367
2372
|
var Text$1 = /*#__PURE__*/styled.span(_templateObject$C || (_templateObject$C = /*#__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"])));
|
|
2368
|
-
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$
|
|
2373
|
+
var CreatedBy = /*#__PURE__*/styled.span(_templateObject2$t || (_templateObject2$t = /*#__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"])));
|
|
2369
2374
|
var Container$s = /*#__PURE__*/styled.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2370
2375
|
|
|
2371
2376
|
function useUpdateOrder() {
|
|
@@ -2526,12 +2531,12 @@ function OrderDetailsFooter() {
|
|
|
2526
2531
|
}
|
|
2527
2532
|
var Container$t = /*#__PURE__*/styled.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 10px 15px;\n align-items: flex-start;\n border: 1px solid #edebe8;\n background: #f8fafc;\n margin: 0px;\n border-radius: 0px 0px 8px 8px;\n align-items: center;\n"])));
|
|
2528
2533
|
|
|
2529
|
-
var _templateObject$E, _templateObject2$
|
|
2534
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$d;
|
|
2530
2535
|
function ExpandedContent() {
|
|
2531
2536
|
return React.createElement(MainContainer$3, null, React.createElement(Container$u, null, React.createElement(HalfWidth, null, React.createElement(CustomerSection, null)), React.createElement(HalfWidth, null, React.createElement(OrdersSection, null)), React.createElement(InstructionSection, null)), React.createElement(ServicesSection, null), React.createElement(OrderDetailsFooter, null));
|
|
2532
2537
|
}
|
|
2533
2538
|
var HalfWidth = /*#__PURE__*/styled.div(_templateObject$E || (_templateObject$E = /*#__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"])));
|
|
2534
|
-
var Container$u = /*#__PURE__*/styled.div(_templateObject2$
|
|
2539
|
+
var Container$u = /*#__PURE__*/styled.div(_templateObject2$u || (_templateObject2$u = /*#__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"])));
|
|
2535
2540
|
// const InstructionContainer = styled.div`
|
|
2536
2541
|
// display: flex;
|
|
2537
2542
|
// justify-content: center;
|
|
@@ -2577,7 +2582,7 @@ function OrderDetails$1() {
|
|
|
2577
2582
|
return React.createElement(React.Fragment, null, React.createElement(ExpandedContent, null));
|
|
2578
2583
|
}
|
|
2579
2584
|
|
|
2580
|
-
var _templateObject$F, _templateObject2$
|
|
2585
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$e;
|
|
2581
2586
|
function AddNote() {
|
|
2582
2587
|
var _useState = useState(''),
|
|
2583
2588
|
noteText = _useState[0],
|
|
@@ -2705,7 +2710,7 @@ function AddNote() {
|
|
|
2705
2710
|
}, "SAVE NOTE")));
|
|
2706
2711
|
}
|
|
2707
2712
|
var Container$v = /*#__PURE__*/styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2708
|
-
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
2713
|
+
var SaveNoteContainer = /*#__PURE__*/styled.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n .disabled button {\n opacity: 0.5;\n cursor: default;\n }\n"])));
|
|
2709
2714
|
var StyledTextArea = /*#__PURE__*/styled.textarea(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 57px;\n border-radius: 12px;\n background: #fff;\n resize: none;\n border-radius: 8px;\n border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n background: var(--Flowkit-White, #fff);\n padding: 8px 12px;\n"])));
|
|
2710
2715
|
|
|
2711
2716
|
var NotesTableData = [{
|
|
@@ -2721,13 +2726,13 @@ var NotesTableData = [{
|
|
|
2721
2726
|
tableBody: []
|
|
2722
2727
|
}];
|
|
2723
2728
|
|
|
2724
|
-
var _templateObject2$
|
|
2725
|
-
var Table = /*#__PURE__*/styled.table(_templateObject2$
|
|
2729
|
+
var _templateObject2$w, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2730
|
+
var Table = /*#__PURE__*/styled.table(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-collapse: separate;\n border-spacing: 0 12px;\n\n thead tr {\n border-radius: 40px;\n\n th:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n th:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n\n tbody tr {\n border-radius: 40px;\n &.completed td {\n background: rgba(87, 219, 122, 0.2) !important;\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 &:nth-child(even) td {\n background: #f6fbff;\n }\n td {\n .red path {\n fill: #e95252;\n }\n .green path {\n fill: #29cc6a;\n }\n }\n }\n"])));
|
|
2726
2731
|
var Th = /*#__PURE__*/styled.th(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n"])));
|
|
2727
2732
|
var Td = /*#__PURE__*/styled.td(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 6px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n"])));
|
|
2728
2733
|
var IconCover = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
2729
2734
|
|
|
2730
|
-
var _templateObject$G, _templateObject2$
|
|
2735
|
+
var _templateObject$G, _templateObject2$x, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2731
2736
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2732
2737
|
var _getNotes$data, _getNotes$data2;
|
|
2733
2738
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2757,7 +2762,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2757
2762
|
}, "No data found"))))));
|
|
2758
2763
|
};
|
|
2759
2764
|
var AuditTableWrapper = /*#__PURE__*/styled.div(_templateObject$G || (_templateObject$G = /*#__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-style: normal;\n font-weight: 400;\n line-height: 16px;\n padding: 10px;\n .bold {\n font-weight: 500;\n font-size: 14px;\n }\n }\n }\n }\n"])));
|
|
2760
|
-
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$
|
|
2765
|
+
var DateTd = /*#__PURE__*/styled(Td)(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2761
2766
|
var NoDataFound = /*#__PURE__*/styled(Td)(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
2762
2767
|
var StyledTable = /*#__PURE__*/styled(Table)(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n table-layout: fixed;\n td.noBoder {\n background: none !important;\n border: none !important;\n padding: 0;\n }\n"])));
|
|
2763
2768
|
var StyledTr = /*#__PURE__*/styled.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2773,7 +2778,7 @@ function AuditLogs() {
|
|
|
2773
2778
|
}
|
|
2774
2779
|
var Container$w = /*#__PURE__*/styled.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 295px; /* Set height to limit container size */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
2775
2780
|
|
|
2776
|
-
var _templateObject$I, _templateObject2$
|
|
2781
|
+
var _templateObject$I, _templateObject2$y, _templateObject3$h;
|
|
2777
2782
|
function Notes() {
|
|
2778
2783
|
var _usemoduleIds = usemoduleIds(),
|
|
2779
2784
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2851,7 +2856,7 @@ function Notes() {
|
|
|
2851
2856
|
return React.createElement(Container$x, null, React.createElement(CardHeader, null, "NOTES"), React.createElement(CustomizedFormSection, null, React.createElement(AddNote, null), React.createElement(AuditLogs, null)));
|
|
2852
2857
|
}
|
|
2853
2858
|
var Container$x = /*#__PURE__*/styled.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2854
|
-
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$
|
|
2859
|
+
var CardHeader = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__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"])));
|
|
2855
2860
|
var CustomizedFormSection = /*#__PURE__*/styled.div(_templateObject3$h || (_templateObject3$h = /*#__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"])));
|
|
2856
2861
|
|
|
2857
2862
|
var _templateObject$J;
|
|
@@ -2877,7 +2882,7 @@ function ChevronUp(props) {
|
|
|
2877
2882
|
}));
|
|
2878
2883
|
}
|
|
2879
2884
|
|
|
2880
|
-
var _templateObject$K, _templateObject2$
|
|
2885
|
+
var _templateObject$K, _templateObject2$z, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2881
2886
|
function CollapsableForm(props) {
|
|
2882
2887
|
var _useState = useState(true),
|
|
2883
2888
|
isExpanded = _useState[0],
|
|
@@ -2898,7 +2903,7 @@ function CollapsableForm(props) {
|
|
|
2898
2903
|
}, React.createElement(ChevronUp, null))))), isExpanded && React.createElement(CustomizedFormSection$1, null, React.createElement(ExpandedContent$1, null, props.children)));
|
|
2899
2904
|
}
|
|
2900
2905
|
var CustomizedFormSection$1 = /*#__PURE__*/styled.div(_templateObject$K || (_templateObject$K = /*#__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"])));
|
|
2901
|
-
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
2906
|
+
var CardHeader$1 = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__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"])));
|
|
2902
2907
|
var Text$2 = /*#__PURE__*/styled.span(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: #3a3630;\n font-weight: 500;\n font-family: 'lato', sans-serif;\n cursor: pointer;\n"])));
|
|
2903
2908
|
var Container$y = /*#__PURE__*/styled.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2904
2909
|
var MainContainer$4 = /*#__PURE__*/styled.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2908,7 +2913,7 @@ var IconContainer$1 = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateOb
|
|
|
2908
2913
|
var ExpandedContent$1 = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2909
2914
|
var CollapsedContent = /*#__PURE__*/styled.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2910
2915
|
|
|
2911
|
-
var _templateObject$L, _templateObject2$
|
|
2916
|
+
var _templateObject$L, _templateObject2$A, _templateObject3$j;
|
|
2912
2917
|
function CustomScrollBar(props) {
|
|
2913
2918
|
var children = props.children,
|
|
2914
2919
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2927,10 +2932,10 @@ function CustomScrollBar(props) {
|
|
|
2927
2932
|
}, children);
|
|
2928
2933
|
}
|
|
2929
2934
|
var ThumbVertical = /*#__PURE__*/styled.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #586164;\n border-radius: 66px;\n width: 2px !important; // to overide styles\n margin-top: 60px;\n"])));
|
|
2930
|
-
var View = /*#__PURE__*/styled.div(_templateObject2$
|
|
2935
|
+
var View = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2931
2936
|
var TrackHorizontal = /*#__PURE__*/styled.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2932
2937
|
|
|
2933
|
-
var _templateObject$M, _templateObject2$
|
|
2938
|
+
var _templateObject$M, _templateObject2$B, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2934
2939
|
function DynamicTable(_ref) {
|
|
2935
2940
|
var columns = _ref.columns,
|
|
2936
2941
|
data = _ref.data;
|
|
@@ -2977,7 +2982,7 @@ function DynamicTable(_ref) {
|
|
|
2977
2982
|
// cursor: pointer;
|
|
2978
2983
|
// `;
|
|
2979
2984
|
var Container$z = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
2980
|
-
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
2985
|
+
var TableWrapper = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__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"])));
|
|
2981
2986
|
var TableHeadData = /*#__PURE__*/styled.th(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 20px;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n letter-spacing: 0px;\n"])));
|
|
2982
2987
|
var TableData = /*#__PURE__*/styled.td(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0px;\n padding: 13px;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0px;\n"])));
|
|
2983
2988
|
var TableRow = /*#__PURE__*/styled.tr(_templateObject5$4 || (_templateObject5$4 = /*#__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"])));
|
|
@@ -2986,7 +2991,7 @@ var TableHead = /*#__PURE__*/styled.thead(_templateObject7$2 || (_templateObject
|
|
|
2986
2991
|
var Table$1 = /*#__PURE__*/styled.table(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 50%;\n background: rgb(255, 255, 255);\n box-shadow: 0px 4px 30px 0px #2e2d740d;\n"])));
|
|
2987
2992
|
var MainContainer$5 = /*#__PURE__*/styled.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n // width: 40%;\n .col {\n flex: 2;\n // padding: 0 0 0 10px;\n word-break: break-all;\n display: flex;\n color: #3a3630;\n align-items: center;\n // width: 160px;\n }\n\n .col.sm {\n flex: 1.5;\n // width: 115px;\n }\n .col.md {\n flex: 2.5;\n // width: 175px;\n }\n .col.lg {\n flex: 10;\n // width: 240px;\n // padding-right: 10px;\n }\n"])));
|
|
2988
2993
|
|
|
2989
|
-
var _templateObject$N, _templateObject2$
|
|
2994
|
+
var _templateObject$N, _templateObject2$C;
|
|
2990
2995
|
function Event(props) {
|
|
2991
2996
|
var _props$row;
|
|
2992
2997
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3002,7 +3007,7 @@ function Event(props) {
|
|
|
3002
3007
|
return React.createElement(RowContainer, null, React.createElement(Row, null, getDescription(data)));
|
|
3003
3008
|
}
|
|
3004
3009
|
var RowContainer = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3005
|
-
var Row = /*#__PURE__*/styled.div(_templateObject2$
|
|
3010
|
+
var Row = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3006
3011
|
|
|
3007
3012
|
//to change data into options
|
|
3008
3013
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3049,25 +3054,25 @@ var priorityData = [{
|
|
|
3049
3054
|
color: '#E95252'
|
|
3050
3055
|
}];
|
|
3051
3056
|
|
|
3052
|
-
var _templateObject$O, _templateObject2$
|
|
3057
|
+
var _templateObject$O, _templateObject2$D;
|
|
3053
3058
|
function Date$1(props) {
|
|
3054
3059
|
var _props$row;
|
|
3055
3060
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3056
3061
|
return React.createElement(RowContainer$1, null, React.createElement(Row$1, null, formatDate(data)));
|
|
3057
3062
|
}
|
|
3058
3063
|
var RowContainer$1 = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3059
|
-
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3064
|
+
var Row$1 = /*#__PURE__*/styled.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3060
3065
|
|
|
3061
|
-
var _templateObject$P, _templateObject2$
|
|
3066
|
+
var _templateObject$P, _templateObject2$E;
|
|
3062
3067
|
function Code(props) {
|
|
3063
3068
|
var _props$row;
|
|
3064
3069
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3065
3070
|
return React.createElement(RowContainer$2, null, React.createElement(Row$2, null, data));
|
|
3066
3071
|
}
|
|
3067
3072
|
var RowContainer$2 = /*#__PURE__*/styled.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3068
|
-
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3073
|
+
var Row$2 = /*#__PURE__*/styled.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3069
3074
|
|
|
3070
|
-
var _templateObject$Q, _templateObject2$
|
|
3075
|
+
var _templateObject$Q, _templateObject2$F;
|
|
3071
3076
|
function Note(props) {
|
|
3072
3077
|
var _props$row;
|
|
3073
3078
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3076,7 +3081,7 @@ function Note(props) {
|
|
|
3076
3081
|
}, React.createElement(Row$3, null, data));
|
|
3077
3082
|
}
|
|
3078
3083
|
var RowContainer$3 = /*#__PURE__*/styled.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-block;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3079
|
-
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3084
|
+
var Row$3 = /*#__PURE__*/styled.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3080
3085
|
|
|
3081
3086
|
var tableColumns = [{
|
|
3082
3087
|
header: 'Date',
|
|
@@ -3388,7 +3393,7 @@ function ConfirmedIcon() {
|
|
|
3388
3393
|
}))));
|
|
3389
3394
|
}
|
|
3390
3395
|
|
|
3391
|
-
var _templateObject$S, _templateObject2$
|
|
3396
|
+
var _templateObject$S, _templateObject2$G, _templateObject3$l, _templateObject4$9;
|
|
3392
3397
|
function Status() {
|
|
3393
3398
|
var _useStatusDetails = useStatusDetails(),
|
|
3394
3399
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3435,7 +3440,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3435
3440
|
}
|
|
3436
3441
|
};
|
|
3437
3442
|
var BoxContainer = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid #e3e3e3;\n display: flex;\n justify-content: space-evenly;\n border-radius: 8px;\n background: #f8fafc;\n align-items: center;\n height: 5%;\n"])));
|
|
3438
|
-
var Heading = /*#__PURE__*/styled.div(_templateObject2$
|
|
3443
|
+
var Heading = /*#__PURE__*/styled.div(_templateObject2$G || (_templateObject2$G = /*#__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"])));
|
|
3439
3444
|
var Container$A = /*#__PURE__*/styled.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3440
3445
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3441
3446
|
|
|
@@ -3469,19 +3474,19 @@ var ActionIcon = function ActionIcon() {
|
|
|
3469
3474
|
}));
|
|
3470
3475
|
};
|
|
3471
3476
|
|
|
3472
|
-
var _templateObject$U, _templateObject2$
|
|
3477
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3473
3478
|
function Loader(props) {
|
|
3474
3479
|
return React.createElement(MainContainer$6, {
|
|
3475
3480
|
id: "loder"
|
|
3476
|
-
}, React.createElement(Container$B, null, React.createElement(Spinner, null), React.createElement(Wrapper$
|
|
3481
|
+
}, React.createElement(Container$B, null, React.createElement(Spinner, null), React.createElement(Wrapper$c, null, React.createElement(Title, null, props.title || 'Loading...'), React.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
3477
3482
|
}
|
|
3478
3483
|
var rotate = /*#__PURE__*/keyframes(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3479
3484
|
// Styled components for the loading spinner
|
|
3480
|
-
var Spinner = /*#__PURE__*/styled.div(_templateObject2$
|
|
3485
|
+
var Spinner = /*#__PURE__*/styled.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 4px solid rgb(0 0 0 / 50%);\n border-left-color: #feba30;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n animation: ", " 1s linear infinite;\n"])), rotate);
|
|
3481
3486
|
var Container$B = /*#__PURE__*/styled.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n align-items: center;\n flex-direction: column;\n text-align: center;\n"])));
|
|
3482
3487
|
var Subtitle = /*#__PURE__*/styled.span(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3483
3488
|
var Title = /*#__PURE__*/styled.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3484
|
-
var Wrapper$
|
|
3489
|
+
var Wrapper$c = /*#__PURE__*/styled.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3485
3490
|
var MainContainer$6 = /*#__PURE__*/styled.div(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n background-color: rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(5px);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
3486
3491
|
|
|
3487
3492
|
var CreateReturnInitial = {
|
|
@@ -3700,7 +3705,7 @@ var ProductTable = function ProductTable() {
|
|
|
3700
3705
|
};
|
|
3701
3706
|
var Container$C = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3702
3707
|
|
|
3703
|
-
var _templateObject$W, _templateObject2$
|
|
3708
|
+
var _templateObject$W, _templateObject2$I;
|
|
3704
3709
|
var payloadAtom = /*#__PURE__*/atom(null);
|
|
3705
3710
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3706
3711
|
var defaultSelectStyle = {
|
|
@@ -3805,9 +3810,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3805
3810
|
}));
|
|
3806
3811
|
};
|
|
3807
3812
|
var Container$D = /*#__PURE__*/styled.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n align-self: stretch;\n white-space: nowrap;\n"])));
|
|
3808
|
-
var Text$3 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3813
|
+
var Text$3 = /*#__PURE__*/styled.div(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #000;\n font-family: 'Lato';\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n"])));
|
|
3809
3814
|
|
|
3810
|
-
var _templateObject$X, _templateObject2$
|
|
3815
|
+
var _templateObject$X, _templateObject2$J, _templateObject3$n;
|
|
3811
3816
|
function ExpandedContent$2() {
|
|
3812
3817
|
var _response$data, _response$data2;
|
|
3813
3818
|
var _useAtom = useAtom(payloadAtom),
|
|
@@ -3884,17 +3889,17 @@ function ExpandedContent$2() {
|
|
|
3884
3889
|
}, "Move Products"), React.createElement(NewReturnDropdown, null))));
|
|
3885
3890
|
}
|
|
3886
3891
|
var MidContainer = /*#__PURE__*/styled.div(_templateObject$X || (_templateObject$X = /*#__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"])));
|
|
3887
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
3892
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3888
3893
|
var Container$E = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3889
3894
|
|
|
3890
|
-
var _templateObject$Y, _templateObject2$
|
|
3895
|
+
var _templateObject$Y, _templateObject2$K;
|
|
3891
3896
|
function CollapsedContent$1() {
|
|
3892
3897
|
return React.createElement(Container$F, null, React.createElement(SectionHeader, {
|
|
3893
3898
|
label: "Products"
|
|
3894
3899
|
}), React.createElement(Dimensions, null, "Products to be Returned"));
|
|
3895
3900
|
}
|
|
3896
3901
|
var Dimensions = /*#__PURE__*/styled.span(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 171.429% */\n"])));
|
|
3897
|
-
var Container$F = /*#__PURE__*/styled.div(_templateObject2$
|
|
3902
|
+
var Container$F = /*#__PURE__*/styled.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n /* justify-content: space-between; */\n width: 100%;\n gap: 30px;\n"])));
|
|
3898
3903
|
|
|
3899
3904
|
// Dropdown
|
|
3900
3905
|
var PrintOptionTOggle = /*#__PURE__*/atom(null);
|
|
@@ -4021,16 +4026,16 @@ function BackgroundModal(props) {
|
|
|
4021
4026
|
}
|
|
4022
4027
|
var Container$G = /*#__PURE__*/styled.div(_templateObject$Z || (_templateObject$Z = /*#__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"])));
|
|
4023
4028
|
|
|
4024
|
-
var _templateObject$_, _templateObject2$
|
|
4029
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$o, _templateObject4$b;
|
|
4025
4030
|
function AdditionalInformation(props) {
|
|
4026
4031
|
return React.createElement(Container$H, null, React.createElement(Rect, null), React.createElement(AdditionalInfo, null, React.createElement(Text$4, null, props.info)));
|
|
4027
4032
|
}
|
|
4028
4033
|
var Text$4 = /*#__PURE__*/styled.p(_templateObject$_ || (_templateObject$_ = /*#__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"])));
|
|
4029
|
-
var Container$H = /*#__PURE__*/styled.div(_templateObject2$
|
|
4034
|
+
var Container$H = /*#__PURE__*/styled.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4030
4035
|
var Rect = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
4031
4036
|
var AdditionalInfo = /*#__PURE__*/styled.div(_templateObject4$b || (_templateObject4$b = /*#__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"])));
|
|
4032
4037
|
|
|
4033
|
-
var _templateObject$$, _templateObject2$
|
|
4038
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$p, _templateObject4$c;
|
|
4034
4039
|
function OrderActionHeader(props) {
|
|
4035
4040
|
var title = props.title,
|
|
4036
4041
|
actions = props.actions,
|
|
@@ -4039,18 +4044,18 @@ function OrderActionHeader(props) {
|
|
|
4039
4044
|
_props$infoText = props.infoText,
|
|
4040
4045
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
4041
4046
|
onClose = props.onClose;
|
|
4042
|
-
return React.createElement(Container$I, null, React.createElement(Wrapper$
|
|
4047
|
+
return React.createElement(Container$I, null, React.createElement(Wrapper$d, null, React.createElement(Title$1, null, title), showInformation && React.createElement(AdditionalInformation, {
|
|
4043
4048
|
info: infoText
|
|
4044
4049
|
}), actions), React.createElement(IconContainer$2, {
|
|
4045
4050
|
onClick: onClose
|
|
4046
4051
|
}, React.createElement(CrossIcon, null)));
|
|
4047
4052
|
}
|
|
4048
|
-
var Wrapper$
|
|
4049
|
-
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4053
|
+
var Wrapper$d = /*#__PURE__*/styled.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
4054
|
+
var IconContainer$2 = /*#__PURE__*/styled.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
4050
4055
|
var Title$1 = /*#__PURE__*/styled.h3(_templateObject3$p || (_templateObject3$p = /*#__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"])));
|
|
4051
4056
|
var Container$I = /*#__PURE__*/styled.div(_templateObject4$c || (_templateObject4$c = /*#__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"])));
|
|
4052
4057
|
|
|
4053
|
-
var _templateObject$10, _templateObject2$
|
|
4058
|
+
var _templateObject$10, _templateObject2$N;
|
|
4054
4059
|
function OrderActionFooter(props) {
|
|
4055
4060
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
4056
4061
|
return React.createElement(Container$J, null, React.createElement(SubmitButton, {
|
|
@@ -4061,7 +4066,7 @@ function OrderActionFooter(props) {
|
|
|
4061
4066
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
4062
4067
|
}
|
|
4063
4068
|
var SubmitButton = /*#__PURE__*/styled(Button)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4064
|
-
var Container$J = /*#__PURE__*/styled.div(_templateObject2$
|
|
4069
|
+
var Container$J = /*#__PURE__*/styled.div(_templateObject2$N || (_templateObject2$N = /*#__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"])));
|
|
4065
4070
|
|
|
4066
4071
|
var _templateObject$11;
|
|
4067
4072
|
function OrderActionModal(props) {
|
|
@@ -4080,7 +4085,7 @@ function OrderActionModal(props) {
|
|
|
4080
4085
|
}
|
|
4081
4086
|
var MainContainer$7 = /*#__PURE__*/styled.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-height: 30vh;\n max-height: 80vh;\n /* overflow: auto; */\n border-radius: 12px;\n background: #fff;\n box-shadow: 0px 20px 24px -4px #10182814;\n display: flex;\n flex-direction: column;\n /* gap: 15px; */\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n max-width: 75vw;\n min-width: 30vw;\n"])));
|
|
4082
4087
|
|
|
4083
|
-
var _templateObject$12, _templateObject2$
|
|
4088
|
+
var _templateObject$12, _templateObject2$O;
|
|
4084
4089
|
function OrderActionsDropdown(props) {
|
|
4085
4090
|
return React.createElement(Container$K, {
|
|
4086
4091
|
className: props.className
|
|
@@ -4100,7 +4105,7 @@ function OrderActionsDropdown(props) {
|
|
|
4100
4105
|
}));
|
|
4101
4106
|
}
|
|
4102
4107
|
var Label = /*#__PURE__*/styled.label(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4103
|
-
var Container$K = /*#__PURE__*/styled.div(_templateObject2$
|
|
4108
|
+
var Container$K = /*#__PURE__*/styled.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4104
4109
|
|
|
4105
4110
|
function DocumentTypeDropdown() {
|
|
4106
4111
|
var onSelect = function onSelect() {};
|
|
@@ -4180,7 +4185,7 @@ function UploadIcon(props) {
|
|
|
4180
4185
|
})));
|
|
4181
4186
|
}
|
|
4182
4187
|
|
|
4183
|
-
var _templateObject$13, _templateObject2$
|
|
4188
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4184
4189
|
var Dragger = Upload.Dragger;
|
|
4185
4190
|
var props = {
|
|
4186
4191
|
name: 'file',
|
|
@@ -4208,14 +4213,14 @@ function DocFileUpload() {
|
|
|
4208
4213
|
}, "Upload Button"), React.createElement(IconContainer$3, null, React.createElement(UploadIcon, null)), React.createElement(TextContainer$2, null, React.createElement(Text1, null, "or drag and drop your file "), React.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4209
4214
|
}
|
|
4210
4215
|
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n .ant-upload-wrapper .ant-upload-drag .ant-upload {\n padding: 0;\n }\n .ant-upload-wrapper, .ant-upload-drag, .ant-upload {\n border: none;\n background: transparent;\n }\n"])));
|
|
4211
|
-
var Text2 = /*#__PURE__*/styled.p(_templateObject2$
|
|
4216
|
+
var Text2 = /*#__PURE__*/styled.p(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #BCBAB7;\n text-align: center;\n font-family: 'Roboto', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
4212
4217
|
var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4213
4218
|
var Text1 = /*#__PURE__*/styled.p(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #AEA9A1;\n text-align: left;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n text-transform: lowercase;\n padding: 0;\n margin: 0;\n"])));
|
|
4214
4219
|
var IconContainer$3 = /*#__PURE__*/styled.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4215
4220
|
var UploadButton = /*#__PURE__*/styled(Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4216
4221
|
var Container$L = /*#__PURE__*/styled.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n padding: 6px;\n align-items: center;\n align-self: stretch;\n border-radius: 30px;\n border: 1px solid #E0E2E7;\n background: #FFF;\n\n \n"])));
|
|
4217
4222
|
|
|
4218
|
-
var _templateObject$14, _templateObject2$
|
|
4223
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$r, _templateObject4$e;
|
|
4219
4224
|
// import DocFileUpload from './DocFileUpload';
|
|
4220
4225
|
function AddResources() {
|
|
4221
4226
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4232,7 +4237,7 @@ function AddResources() {
|
|
|
4232
4237
|
}, React.createElement(ContentContainer, null, React.createElement(Top$1, null, React.createElement(DocumentTypeDropdown, null), React.createElement(CategoryDropdown, null), React.createElement(VisibilityRadioButtons, null)), React.createElement(Bottom$1, null, React.createElement(Label$1, null, "File"), React.createElement(DocFileUpload, null))));
|
|
4233
4238
|
}
|
|
4234
4239
|
var Label$1 = /*#__PURE__*/styled.label(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4235
|
-
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
4240
|
+
var Bottom$1 = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4236
4241
|
var Top$1 = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4237
4242
|
var ContentContainer = /*#__PURE__*/styled.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n margin: 0px 20px 0 20px;\n"])));
|
|
4238
4243
|
|
|
@@ -4372,10 +4377,10 @@ function useUpdateReminderData() {
|
|
|
4372
4377
|
return useAtom(reminderUpdatePayload);
|
|
4373
4378
|
}
|
|
4374
4379
|
|
|
4375
|
-
var _templateObject$15, _templateObject2$
|
|
4380
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$s;
|
|
4376
4381
|
// Styled components
|
|
4377
4382
|
var StyledTableWrapper$1 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__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"])));
|
|
4378
|
-
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$
|
|
4383
|
+
var StyledTable$2 = /*#__PURE__*/styled.table(_templateObject2$R || (_templateObject2$R = /*#__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"])));
|
|
4379
4384
|
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4380
4385
|
|
|
4381
4386
|
function SplitOrderTable() {
|
|
@@ -4537,7 +4542,7 @@ var fonts = {
|
|
|
4537
4542
|
secondary: "'Lato', sans-serif"
|
|
4538
4543
|
};
|
|
4539
4544
|
|
|
4540
|
-
var _templateObject$17, _templateObject2$
|
|
4545
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$t;
|
|
4541
4546
|
function RadioButton(props) {
|
|
4542
4547
|
return React.createElement(RadioContainer$1, null, props.checked && React.createElement(RadioButtonCheckIcon, {
|
|
4543
4548
|
color: props.color
|
|
@@ -4549,14 +4554,14 @@ function RadioButton(props) {
|
|
|
4549
4554
|
}, props.label));
|
|
4550
4555
|
}
|
|
4551
4556
|
var Label$2 = /*#__PURE__*/styled.label(_templateObject$17 || (_templateObject$17 = /*#__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);
|
|
4552
|
-
var Input = /*#__PURE__*/styled.input(_templateObject2$
|
|
4557
|
+
var Input = /*#__PURE__*/styled.input(_templateObject2$S || (_templateObject2$S = /*#__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$2, function (props) {
|
|
4553
4558
|
return props.color || '#6396e5';
|
|
4554
4559
|
}, function (props) {
|
|
4555
4560
|
return props.color || '#6396e5';
|
|
4556
4561
|
});
|
|
4557
4562
|
var RadioContainer$1 = /*#__PURE__*/styled.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4558
4563
|
|
|
4559
|
-
var _templateObject$18, _templateObject2$
|
|
4564
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4560
4565
|
function RadioButtonGroup(props) {
|
|
4561
4566
|
var heading = props.heading,
|
|
4562
4567
|
_props$direction = props.direction,
|
|
@@ -4586,20 +4591,20 @@ function RadioButtonGroup(props) {
|
|
|
4586
4591
|
}
|
|
4587
4592
|
return React.createElement(Fieldset, null, React.createElement(LegendContainer, null, React.createElement(Legend, null, heading), required && React.createElement(RequiredText, {
|
|
4588
4593
|
"$required": required || false
|
|
4589
|
-
}, "*")), React.createElement(Wrapper$
|
|
4594
|
+
}, "*")), React.createElement(Wrapper$e, {
|
|
4590
4595
|
"$direction": direction,
|
|
4591
4596
|
className: "custom-wrapper"
|
|
4592
4597
|
}, renderOptions()));
|
|
4593
4598
|
}
|
|
4594
4599
|
var Separator = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4595
|
-
var labelStyles = /*#__PURE__*/css(_templateObject2$
|
|
4600
|
+
var labelStyles = /*#__PURE__*/css(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4596
4601
|
var RequiredText = /*#__PURE__*/styled.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4597
4602
|
return !props.$required && 'visibility: hidden;';
|
|
4598
4603
|
}, labelStyles);
|
|
4599
4604
|
var LegendContainer = /*#__PURE__*/styled.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4600
4605
|
var Legend = /*#__PURE__*/styled.legend(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n font-family: ", ";\n line-height: 20px;\n"])), fonts.secondary);
|
|
4601
4606
|
var Fieldset = /*#__PURE__*/styled.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4602
|
-
var Wrapper$
|
|
4607
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: 32px;\n padding: 0px 10px;\n border-radius: 15px;\n border: 1px solid #e0e2e7;\n background: #fff;\n height: 30px;\n justify-content: space-evenly;\n"])), function (props) {
|
|
4603
4608
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4604
4609
|
});
|
|
4605
4610
|
|
|
@@ -4636,7 +4641,7 @@ function DeliveryPoint() {
|
|
|
4636
4641
|
}
|
|
4637
4642
|
var Container$M = /*#__PURE__*/styled.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n /* height: 30px; */\n padding: 1px;\n align-items: flex-start;\n align-self: stretch;\n"])));
|
|
4638
4643
|
|
|
4639
|
-
var _templateObject$1a, _templateObject2$
|
|
4644
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$3;
|
|
4640
4645
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4641
4646
|
function Checkbox(props) {
|
|
4642
4647
|
var imageSrc = props.imageSrc,
|
|
@@ -4660,7 +4665,7 @@ function Checkbox(props) {
|
|
|
4660
4665
|
var Image = /*#__PURE__*/styled.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4661
4666
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4662
4667
|
});
|
|
4663
|
-
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$
|
|
4668
|
+
var CircleContainer = /*#__PURE__*/styled.span(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 8px;\n left: 8px;\n"])));
|
|
4664
4669
|
var Circle = /*#__PURE__*/styled.span(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 14px;\n width: 14px;\n background: ", ";\n border-radius: 50%;\n display: inline-block;\n transition: 0.2s ease all;\n"])), function (props) {
|
|
4665
4670
|
return props.$checked ? '#feba30' : 'white';
|
|
4666
4671
|
});
|
|
@@ -4724,7 +4729,7 @@ function OrderServices$1() {
|
|
|
4724
4729
|
}
|
|
4725
4730
|
var Container$N = /*#__PURE__*/styled.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4726
4731
|
|
|
4727
|
-
var _templateObject$1c, _templateObject2$
|
|
4732
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4728
4733
|
function Notes$1(_ref) {
|
|
4729
4734
|
var onNotesChange = _ref.onNotesChange;
|
|
4730
4735
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -4736,9 +4741,9 @@ function Notes$1(_ref) {
|
|
|
4736
4741
|
}));
|
|
4737
4742
|
}
|
|
4738
4743
|
var Label$3 = /*#__PURE__*/styled.span(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4739
|
-
var Container$O = /*#__PURE__*/styled.div(_templateObject2$
|
|
4744
|
+
var Container$O = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4740
4745
|
|
|
4741
|
-
var _templateObject$1d, _templateObject2$
|
|
4746
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$w;
|
|
4742
4747
|
function LogServiceRefusal() {
|
|
4743
4748
|
var _useCurrentAction = useCurrentAction(),
|
|
4744
4749
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4759,7 +4764,7 @@ function LogServiceRefusal() {
|
|
|
4759
4764
|
}))));
|
|
4760
4765
|
}
|
|
4761
4766
|
var ContentContainer$2 = /*#__PURE__*/styled.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n align-self: stretch;\n"])));
|
|
4762
|
-
var Left = /*#__PURE__*/styled.div(_templateObject2$
|
|
4767
|
+
var Left = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
4763
4768
|
var Right$1 = /*#__PURE__*/styled(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4764
4769
|
|
|
4765
4770
|
function ReturnAction() {
|
|
@@ -4786,7 +4791,7 @@ function ReturnReason() {
|
|
|
4786
4791
|
});
|
|
4787
4792
|
}
|
|
4788
4793
|
|
|
4789
|
-
var _templateObject$1e, _templateObject2$
|
|
4794
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4790
4795
|
function CancelOrder() {
|
|
4791
4796
|
var _orderStaticData$canc;
|
|
4792
4797
|
var _useOrderId = useOrderId(),
|
|
@@ -4890,7 +4895,7 @@ function CancelOrder() {
|
|
|
4890
4895
|
options: cancelReasonOptions || [],
|
|
4891
4896
|
onSelect: onSelectCancelReason,
|
|
4892
4897
|
value: cancelReason
|
|
4893
|
-
}), React.createElement(Wrapper$
|
|
4898
|
+
}), React.createElement(Wrapper$f, null, React.createElement(ReturnAction, null), React.createElement(ReturnReason, null))), React.createElement(TopRight, null, React.createElement(Container$P, null, React.createElement(Label$4, null, "Cancelation Note"), React.createElement(TextArea, {
|
|
4894
4899
|
rows: 5,
|
|
4895
4900
|
onChange: onChangeNotes,
|
|
4896
4901
|
value: cancelNotes,
|
|
@@ -4898,15 +4903,15 @@ function CancelOrder() {
|
|
|
4898
4903
|
}))))));
|
|
4899
4904
|
}
|
|
4900
4905
|
var Label$4 = /*#__PURE__*/styled.label(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4901
|
-
var Container$P = /*#__PURE__*/styled.div(_templateObject2$
|
|
4902
|
-
var Wrapper$
|
|
4906
|
+
var Container$P = /*#__PURE__*/styled.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4907
|
+
var Wrapper$f = /*#__PURE__*/styled.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4903
4908
|
var TopLeft = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4904
4909
|
var TopRight = /*#__PURE__*/styled.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4905
4910
|
var Top$2 = /*#__PURE__*/styled.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4906
4911
|
// const Bottom = styled.div``;
|
|
4907
4912
|
var ContentContainer$3 = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 0px 15px;\n align-items: flex-start;\n gap: 10px;\n flex-direction: column;\n"])));
|
|
4908
4913
|
|
|
4909
|
-
var _templateObject$1f, _templateObject2$
|
|
4914
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$y;
|
|
4910
4915
|
function EmailAddress() {
|
|
4911
4916
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
4912
4917
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -4948,10 +4953,10 @@ function EmailAddress() {
|
|
|
4948
4953
|
}), errors.emailError && React.createElement(ErrorText$2, null, errors.emailError));
|
|
4949
4954
|
}
|
|
4950
4955
|
var Label$5 = /*#__PURE__*/styled.label(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
4951
|
-
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$
|
|
4956
|
+
var Container$Q = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4952
4957
|
var ErrorText$2 = /*#__PURE__*/styled.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4953
4958
|
|
|
4954
|
-
var _templateObject$1g, _templateObject2$
|
|
4959
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$z;
|
|
4955
4960
|
function ContactPhone() {
|
|
4956
4961
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
4957
4962
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5013,10 +5018,10 @@ function ContactPhone() {
|
|
|
5013
5018
|
}), errors.homeContactError && React.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5014
5019
|
}
|
|
5015
5020
|
var Label$6 = /*#__PURE__*/styled.label(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5016
|
-
var Container$R = /*#__PURE__*/styled.div(_templateObject2$
|
|
5021
|
+
var Container$R = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5017
5022
|
var ErrorText$3 = /*#__PURE__*/styled.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5018
5023
|
|
|
5019
|
-
var _templateObject$1h, _templateObject2$
|
|
5024
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$A;
|
|
5020
5025
|
function ContactWork$1() {
|
|
5021
5026
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5022
5027
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5078,10 +5083,10 @@ function ContactWork$1() {
|
|
|
5078
5083
|
}), errors.workContactError && React.createElement(ErrorText$4, null, errors.workContactError));
|
|
5079
5084
|
}
|
|
5080
5085
|
var Label$7 = /*#__PURE__*/styled.label(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5081
|
-
var Container$S = /*#__PURE__*/styled.div(_templateObject2$
|
|
5086
|
+
var Container$S = /*#__PURE__*/styled.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5082
5087
|
var ErrorText$4 = /*#__PURE__*/styled.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5083
5088
|
|
|
5084
|
-
var _templateObject$1i, _templateObject2
|
|
5089
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$B;
|
|
5085
5090
|
function ContactMobile$1() {
|
|
5086
5091
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5087
5092
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5143,7 +5148,7 @@ function ContactMobile$1() {
|
|
|
5143
5148
|
}), errors.mobileError && React.createElement(ErrorText$5, null, errors.mobileError));
|
|
5144
5149
|
}
|
|
5145
5150
|
var Label$8 = /*#__PURE__*/styled.label(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5146
|
-
var Container$T = /*#__PURE__*/styled.div(_templateObject2
|
|
5151
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5147
5152
|
var ErrorText$5 = /*#__PURE__*/styled.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5148
5153
|
|
|
5149
5154
|
function ContactTypeDropdown() {
|
|
@@ -5210,7 +5215,7 @@ function ActionDropdown() {
|
|
|
5210
5215
|
});
|
|
5211
5216
|
}
|
|
5212
5217
|
|
|
5213
|
-
var _templateObject$1j, _templateObject2
|
|
5218
|
+
var _templateObject$1j, _templateObject2$10;
|
|
5214
5219
|
function DeliveryDate$1() {
|
|
5215
5220
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5216
5221
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5245,7 +5250,7 @@ function DeliveryDate$1() {
|
|
|
5245
5250
|
}));
|
|
5246
5251
|
}
|
|
5247
5252
|
var Label$9 = /*#__PURE__*/styled.label(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5248
|
-
var Container$U = /*#__PURE__*/styled.div(_templateObject2
|
|
5253
|
+
var Container$U = /*#__PURE__*/styled.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n white-space: nowrap;\n"])));
|
|
5249
5254
|
|
|
5250
5255
|
function convertTo12HourFormat$1(time24) {
|
|
5251
5256
|
var _time24$split, _minutes$toString;
|
|
@@ -5294,19 +5299,19 @@ function TimedServiceDropdown$1() {
|
|
|
5294
5299
|
});
|
|
5295
5300
|
}
|
|
5296
5301
|
|
|
5297
|
-
var _templateObject$1k, _templateObject2$
|
|
5302
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$C, _templateObject4$i;
|
|
5298
5303
|
function CustomerInformation() {
|
|
5299
5304
|
var _orderDetails$order_r;
|
|
5300
5305
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5301
5306
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5302
|
-
return React.createElement(Container$V, null, React.createElement(Title$2, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$
|
|
5307
|
+
return React.createElement(Container$V, null, React.createElement(Title$2, null, "Address"), React.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React.createElement(Wrapper$g, null, React.createElement(EmailAddress, null), React.createElement(ContactPhone, null)), React.createElement(Wrapper$g, null, React.createElement(ContactWork$1, null), React.createElement(ContactMobile$1, null)), React.createElement(Wrapper$g, null, React.createElement(ContactTypeDropdown, null), React.createElement(ActionDropdown, null)), React.createElement(Wrapper$g, null, React.createElement(DeliveryDate$1, null), React.createElement(TimedServiceDropdown$1, null)));
|
|
5303
5308
|
}
|
|
5304
|
-
var Wrapper$
|
|
5305
|
-
var AddressField = /*#__PURE__*/styled.p(_templateObject2$
|
|
5309
|
+
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n .contact-type-dropdown,\n .action-dropdown {\n flex: 1;\n }\n"])));
|
|
5310
|
+
var AddressField = /*#__PURE__*/styled.p(_templateObject2$11 || (_templateObject2$11 = /*#__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"])));
|
|
5306
5311
|
var Title$2 = /*#__PURE__*/styled.span(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Roboto', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n"])));
|
|
5307
5312
|
var Container$V = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__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"])));
|
|
5308
5313
|
|
|
5309
|
-
var _templateObject$1l, _templateObject2$
|
|
5314
|
+
var _templateObject$1l, _templateObject2$12;
|
|
5310
5315
|
function ProductTable$1() {
|
|
5311
5316
|
var _useProductDetails = useProductDetails(),
|
|
5312
5317
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5334,9 +5339,9 @@ function ProductTable$1() {
|
|
|
5334
5339
|
})))));
|
|
5335
5340
|
}
|
|
5336
5341
|
var Title$3 = /*#__PURE__*/styled.h2(_templateObject$1l || (_templateObject$1l = /*#__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"])));
|
|
5337
|
-
var Container$W = /*#__PURE__*/styled.div(_templateObject2$
|
|
5342
|
+
var Container$W = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5338
5343
|
|
|
5339
|
-
var _templateObject$1m, _templateObject2$
|
|
5344
|
+
var _templateObject$1m, _templateObject2$13;
|
|
5340
5345
|
function NotesTable() {
|
|
5341
5346
|
var _useState = useState(null),
|
|
5342
5347
|
moduleIds = _useState[0],
|
|
@@ -5427,9 +5432,9 @@ function NotesTable() {
|
|
|
5427
5432
|
})))));
|
|
5428
5433
|
}
|
|
5429
5434
|
var Title$4 = /*#__PURE__*/styled.h2(_templateObject$1m || (_templateObject$1m = /*#__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"])));
|
|
5430
|
-
var Container$X = /*#__PURE__*/styled.div(_templateObject2$
|
|
5435
|
+
var Container$X = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n > div {\n min-height: 165px;\n }\n"])));
|
|
5431
5436
|
|
|
5432
|
-
var _templateObject$1n, _templateObject2$
|
|
5437
|
+
var _templateObject$1n, _templateObject2$14;
|
|
5433
5438
|
function ConfirmationNotes() {
|
|
5434
5439
|
return React.createElement(Container$Y, null, React.createElement(Label$a, null, "Notes"), React.createElement(TextArea, {
|
|
5435
5440
|
rows: 5,
|
|
@@ -5437,9 +5442,9 @@ function ConfirmationNotes() {
|
|
|
5437
5442
|
}));
|
|
5438
5443
|
}
|
|
5439
5444
|
var Label$a = /*#__PURE__*/styled.label(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5440
|
-
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$
|
|
5445
|
+
var Container$Y = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5441
5446
|
|
|
5442
|
-
var _templateObject$1o, _templateObject2$
|
|
5447
|
+
var _templateObject$1o, _templateObject2$15;
|
|
5443
5448
|
function DeliveryInstructions$1() {
|
|
5444
5449
|
return React.createElement(Container$Z, null, React.createElement(Label$b, null, "Delivery Instructions"), React.createElement(TextArea, {
|
|
5445
5450
|
rows: 5,
|
|
@@ -5447,9 +5452,9 @@ function DeliveryInstructions$1() {
|
|
|
5447
5452
|
}));
|
|
5448
5453
|
}
|
|
5449
5454
|
var Label$b = /*#__PURE__*/styled.label(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5450
|
-
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$
|
|
5455
|
+
var Container$Z = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5451
5456
|
|
|
5452
|
-
var _templateObject$1p, _templateObject2$
|
|
5457
|
+
var _templateObject$1p, _templateObject2$16;
|
|
5453
5458
|
function ContactWith() {
|
|
5454
5459
|
return React.createElement(Container$_, null, React.createElement(Label$c, null, "Contact With"), React.createElement(Input$2, {
|
|
5455
5460
|
style: {
|
|
@@ -5458,9 +5463,9 @@ function ContactWith() {
|
|
|
5458
5463
|
}));
|
|
5459
5464
|
}
|
|
5460
5465
|
var Label$c = /*#__PURE__*/styled.label(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
5461
|
-
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$
|
|
5466
|
+
var Container$_ = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5462
5467
|
|
|
5463
|
-
var _templateObject$1q, _templateObject2$
|
|
5468
|
+
var _templateObject$1q, _templateObject2$17, _templateObject3$D, _templateObject4$j;
|
|
5464
5469
|
function SlotAndInstructions() {
|
|
5465
5470
|
var _orderDetails$order_r;
|
|
5466
5471
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5468,11 +5473,11 @@ function SlotAndInstructions() {
|
|
|
5468
5473
|
return React.createElement(Container$$, null, React.createElement(Slot, null, React.createElement(Title$5, null, "Slot"), React.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React.createElement(ContactWith, null), React.createElement(DeliveryInstructions$1, null), React.createElement(ConfirmationNotes, null));
|
|
5469
5474
|
}
|
|
5470
5475
|
var Value = /*#__PURE__*/styled.span(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
5471
|
-
var Slot = /*#__PURE__*/styled.div(_templateObject2$
|
|
5476
|
+
var Slot = /*#__PURE__*/styled.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5472
5477
|
var Title$5 = /*#__PURE__*/styled.span(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-family: 'Lato', 'Open Sans';\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n"])));
|
|
5473
5478
|
var Container$$ = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__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"])));
|
|
5474
5479
|
|
|
5475
|
-
var _templateObject$1r, _templateObject2$
|
|
5480
|
+
var _templateObject$1r, _templateObject2$18;
|
|
5476
5481
|
// import { filterObject } from '../../../utils';
|
|
5477
5482
|
function ConfirmOrder() {
|
|
5478
5483
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5651,13 +5656,13 @@ function ConfirmOrder() {
|
|
|
5651
5656
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5652
5657
|
showOkButton: false,
|
|
5653
5658
|
showCloseIcon: false
|
|
5654
|
-
}), React.createElement(Wrapper$
|
|
5659
|
+
}), React.createElement(Wrapper$h, null, React.createElement(CustomerInformation, null), React.createElement(SlotAndInstructions, null)), React.createElement(ProductTable$1, null), React.createElement(NotesTable, null)));
|
|
5655
5660
|
}
|
|
5656
|
-
var Wrapper$
|
|
5657
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
5661
|
+
var Wrapper$h = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5662
|
+
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__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"])));
|
|
5658
5663
|
|
|
5659
|
-
var _templateObject2$
|
|
5660
|
-
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$
|
|
5664
|
+
var _templateObject2$19, _templateObject3$E, _templateObject4$k, _templateObject5$a, _templateObject6$8, _templateObject7$8, _templateObject8$4, _templateObject9$2, _templateObject10, _templateObject11, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject18, _templateObject19$1, _templateObject26;
|
|
5665
|
+
var StyledInput = /*#__PURE__*/styled(Input$1)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
5661
5666
|
var StyledTextArea$1 = /*#__PURE__*/styled(TextArea)(_templateObject3$E || (_templateObject3$E = /*#__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"])));
|
|
5662
5667
|
var StyledTextAreas = /*#__PURE__*/styled(TextArea)(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 50px;\n"])));
|
|
5663
5668
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -6324,7 +6329,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6324
6329
|
};
|
|
6325
6330
|
var CustomCancelAndCompleteAction = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6326
6331
|
|
|
6327
|
-
var _templateObject$1t, _templateObject2$
|
|
6332
|
+
var _templateObject$1t, _templateObject2$1a;
|
|
6328
6333
|
function AssigneeDropdown() {
|
|
6329
6334
|
var handleSelectChange = function handleSelectChange() {
|
|
6330
6335
|
// alert('hello');
|
|
@@ -6347,7 +6352,7 @@ function AssigneeDropdown() {
|
|
|
6347
6352
|
}));
|
|
6348
6353
|
}
|
|
6349
6354
|
var FormContainer$2 = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6350
|
-
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject2$
|
|
6355
|
+
var StyledAntSelect = /*#__PURE__*/styled(AntSelect)(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6351
6356
|
|
|
6352
6357
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6353
6358
|
return React.createElement("svg", {
|
|
@@ -6365,9 +6370,9 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6365
6370
|
}));
|
|
6366
6371
|
};
|
|
6367
6372
|
|
|
6368
|
-
var _templateObject$1u, _templateObject2$
|
|
6373
|
+
var _templateObject$1u, _templateObject2$1b, _templateObject3$F, _templateObject4$l, _templateObject8$5, _templateObject10$1, _templateObject11$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject19$2, _templateObject20$1;
|
|
6369
6374
|
var ReferenceContainer = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n width: 740px;\n padding: 10px 15px;\n align-items: center;\n flex: 1 0 0;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background: #fff;\n"])));
|
|
6370
|
-
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$
|
|
6375
|
+
var InnerContainer = /*#__PURE__*/styled.div(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 52px;\n padding: 10px 15px;\n align-items: center;\n gap: 20px;\n flex: 1 0 0;\n"])));
|
|
6371
6376
|
var MiniContainer = /*#__PURE__*/styled.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6372
6377
|
var StyledText = /*#__PURE__*/styled(TextArea)(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n height: 96px;\n padding: 8px 12px;\n align-items: flex-start;\n gap: 4px;\n align-self: stretch;\n border-radius: 22px;\n resize: none;\n"])));
|
|
6373
6378
|
var StyledDateContainer = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n padding: 10px 0;\n padding-left: 33px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
@@ -6460,7 +6465,7 @@ function useFetchSingleReminderData() {
|
|
|
6460
6465
|
return res;
|
|
6461
6466
|
}
|
|
6462
6467
|
|
|
6463
|
-
var _templateObject$1v, _templateObject2$
|
|
6468
|
+
var _templateObject$1v, _templateObject2$1c, _templateObject3$G, _templateObject4$m;
|
|
6464
6469
|
function StatusIndicator(props) {
|
|
6465
6470
|
var statusColor = getStatusColor(props.status);
|
|
6466
6471
|
return React.createElement(Container$11, null, React.createElement(StatusCircleContainer, {
|
|
@@ -6474,7 +6479,7 @@ function StatusIndicator(props) {
|
|
|
6474
6479
|
var StatusCircleContainer = /*#__PURE__*/styled.span(_templateObject$1v || (_templateObject$1v = /*#__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) {
|
|
6475
6480
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6476
6481
|
});
|
|
6477
|
-
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$
|
|
6482
|
+
var StatusCircle = /*#__PURE__*/styled.span(_templateObject2$1c || (_templateObject2$1c = /*#__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) {
|
|
6478
6483
|
return props.color;
|
|
6479
6484
|
});
|
|
6480
6485
|
var Container$11 = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -6640,7 +6645,7 @@ function useFetchReminders() {
|
|
|
6640
6645
|
return perform;
|
|
6641
6646
|
}
|
|
6642
6647
|
|
|
6643
|
-
var _templateObject$1w, _templateObject2$
|
|
6648
|
+
var _templateObject$1w, _templateObject2$1d, _templateObject3$H, _templateObject4$n, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
6644
6649
|
var ViewReminderModal = function ViewReminderModal() {
|
|
6645
6650
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
6646
6651
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6797,7 +6802,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
6797
6802
|
}))))));
|
|
6798
6803
|
};
|
|
6799
6804
|
var StyledWrapper = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 6px 10px;\n align-items: center;\n gap: 5px;\n border-radius: 30px;\n background: #fff;\n"])));
|
|
6800
|
-
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$
|
|
6805
|
+
var StyledLabel = /*#__PURE__*/styled.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6801
6806
|
var StyledSpan = /*#__PURE__*/styled.span(_templateObject3$H || (_templateObject3$H = /*#__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"])));
|
|
6802
6807
|
var StyledCheckbox = /*#__PURE__*/styled.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n input[type='checkbox'] {\n display: none;\n }\n\n input[type='checkbox'] + span:before {\n width: 14px;\n height: 14px;\n border: 1.5px solid #3a3630;\n content: '';\n display: inline-block;\n margin: 0 8px 0 0;\n padding: 0;\n border-radius: 50%;\n }\n\n input[type='checkbox']:checked + span:before {\n background: #feba30;\n border: 1.5px solid #3a3630;\n box-shadow: inset 0px 0px 0px 1px #fff;\n color: #333;\n content: '';\n text-align: center;\n border-radius: 50%;\n display: flex;\n width: 14px;\n height: 14px;\n }\n\n input[type='checkbox']:focus + span::before {\n outline: 0;\n }\n"])));
|
|
6803
6808
|
var OuterDiv = /*#__PURE__*/styled.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -6806,7 +6811,7 @@ var LabelText = /*#__PURE__*/styled.span(_templateObject7$9 || (_templateObject7
|
|
|
6806
6811
|
|
|
6807
6812
|
var _templateObject$1x, _templateObject3$I, _templateObject5$c, _templateObject7$a, _templateObject8$6, _templateObject9$3;
|
|
6808
6813
|
// Shared styles and components
|
|
6809
|
-
var Wrapper$
|
|
6814
|
+
var Wrapper$i = /*#__PURE__*/styled.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6810
6815
|
var SplitContainer = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* width: 95%; */\n min-width: 25vw;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
6811
6816
|
var Label$e = /*#__PURE__*/styled.label(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
6812
6817
|
var ContentContainer$6 = /*#__PURE__*/styled.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n background: #f8fafc;\n border-radius: 15px;\n"])));
|
|
@@ -6825,7 +6830,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
6825
6830
|
}, " * ")), children);
|
|
6826
6831
|
};
|
|
6827
6832
|
|
|
6828
|
-
var _templateObject$1y, _templateObject2$
|
|
6833
|
+
var _templateObject$1y, _templateObject2$1e, _templateObject3$J, _templateObject4$o, _templateObject5$d;
|
|
6829
6834
|
dayjs.extend(utc);
|
|
6830
6835
|
dayjs.extend(isValid);
|
|
6831
6836
|
function CreateReminderModal() {
|
|
@@ -6940,7 +6945,7 @@ function CreateReminderModal() {
|
|
|
6940
6945
|
});
|
|
6941
6946
|
});
|
|
6942
6947
|
};
|
|
6943
|
-
return React.createElement(Wrapper$
|
|
6948
|
+
return React.createElement(Wrapper$i, null, React.createElement(SplitContainer, null, React.createElement(FormRow, {
|
|
6944
6949
|
label: "Assigned To"
|
|
6945
6950
|
}, React.createElement(DoubleDropdownContainer, null, React.createElement(StyledAntSelect$1, {
|
|
6946
6951
|
options: [],
|
|
@@ -7049,7 +7054,7 @@ function CreateReminderModal() {
|
|
|
7049
7054
|
})));
|
|
7050
7055
|
}
|
|
7051
7056
|
var StyleContainer = /*#__PURE__*/styled.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7052
|
-
var Label$f = /*#__PURE__*/styled.label(_templateObject2$
|
|
7057
|
+
var Label$f = /*#__PURE__*/styled.label(_templateObject2$1e || (_templateObject2$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-weight: 500;\n"])));
|
|
7053
7058
|
var StyledAntSelect$1 = /*#__PURE__*/styled(Select)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7054
7059
|
var StyledTextArea$2 = /*#__PURE__*/styled(TextArea)(_templateObject4$o || (_templateObject4$o = /*#__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"])));
|
|
7055
7060
|
var StyledLink = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__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"])));
|
|
@@ -7323,7 +7328,7 @@ function TaskReminderModal() {
|
|
|
7323
7328
|
}
|
|
7324
7329
|
var OrderModal = /*#__PURE__*/styled(OrderActionModal)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7325
7330
|
|
|
7326
|
-
var _templateObject$1A, _templateObject2$
|
|
7331
|
+
var _templateObject$1A, _templateObject2$1f;
|
|
7327
7332
|
function OrderLock() {
|
|
7328
7333
|
var _useCurrentAction = useCurrentAction(),
|
|
7329
7334
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7377,7 +7382,7 @@ function OrderLock() {
|
|
|
7377
7382
|
});
|
|
7378
7383
|
}
|
|
7379
7384
|
var CustomCancelationModal = /*#__PURE__*/styled(CancelationModal)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7380
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7385
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7381
7386
|
|
|
7382
7387
|
function useUpdateFlag() {
|
|
7383
7388
|
var ssoToken = getCookie('id_token');
|
|
@@ -7447,7 +7452,7 @@ function useUpdateFlag() {
|
|
|
7447
7452
|
return create;
|
|
7448
7453
|
}
|
|
7449
7454
|
|
|
7450
|
-
var _templateObject$1B, _templateObject2$
|
|
7455
|
+
var _templateObject$1B, _templateObject2$1g, _templateObject3$K, _templateObject4$p, _templateObject5$e, _templateObject6$a;
|
|
7451
7456
|
function HeaderSection() {
|
|
7452
7457
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7453
7458
|
dataArray = _useSingleFlagData[0];
|
|
@@ -7518,13 +7523,13 @@ function HeaderSection() {
|
|
|
7518
7523
|
})));
|
|
7519
7524
|
}
|
|
7520
7525
|
var Header$1 = /*#__PURE__*/styled.div(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7521
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$
|
|
7526
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled(CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7522
7527
|
var ResolveButton = /*#__PURE__*/styled.button(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #3a3630;\n font-size: 14px;\n font-weight: 600;\n background: transparent;\n border: none;\n cursor: pointer;\n"])));
|
|
7523
7528
|
var Title$6 = /*#__PURE__*/styled.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
7524
7529
|
var StyledOverlay = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__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"])));
|
|
7525
7530
|
var CrossWrapper = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
7526
7531
|
|
|
7527
|
-
var _templateObject$1C, _templateObject2$
|
|
7532
|
+
var _templateObject$1C, _templateObject2$1h;
|
|
7528
7533
|
function TextSection() {
|
|
7529
7534
|
var _useSinglePayload = useSinglePayload(),
|
|
7530
7535
|
payload = _useSinglePayload[0],
|
|
@@ -7543,9 +7548,9 @@ function TextSection() {
|
|
|
7543
7548
|
}));
|
|
7544
7549
|
}
|
|
7545
7550
|
var TextField = /*#__PURE__*/styled(TextArea)(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7546
|
-
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7551
|
+
var Text$7 = /*#__PURE__*/styled.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
7547
7552
|
|
|
7548
|
-
var _templateObject$1D, _templateObject2$
|
|
7553
|
+
var _templateObject$1D, _templateObject2$1i;
|
|
7549
7554
|
function ButtonsSection() {
|
|
7550
7555
|
var _useSinglePayload = useSinglePayload(),
|
|
7551
7556
|
payload = _useSinglePayload[0],
|
|
@@ -7637,9 +7642,9 @@ function ButtonsSection() {
|
|
|
7637
7642
|
}))));
|
|
7638
7643
|
}
|
|
7639
7644
|
var Buttons = /*#__PURE__*/styled.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7640
|
-
var Flex = /*#__PURE__*/styled.div(_templateObject2$
|
|
7645
|
+
var Flex = /*#__PURE__*/styled.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7641
7646
|
|
|
7642
|
-
var _templateObject$1E, _templateObject2$
|
|
7647
|
+
var _templateObject$1E, _templateObject2$1j, _templateObject3$L, _templateObject4$q, _templateObject5$f, _templateObject6$b;
|
|
7643
7648
|
function ActionSection() {
|
|
7644
7649
|
var _useCurrentAction = useCurrentAction(),
|
|
7645
7650
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7678,7 +7683,7 @@ function ActionSection() {
|
|
|
7678
7683
|
setCurrentAction(undefined);
|
|
7679
7684
|
};
|
|
7680
7685
|
var isDisabled = dataArray.task_status_id === 2;
|
|
7681
|
-
return React.createElement(Wrapper$
|
|
7686
|
+
return React.createElement(Wrapper$j, null, React.createElement(Tippy, {
|
|
7682
7687
|
content: React.createElement(TooltipContent, null, 'This task cannot be edited because it has been marked as resolved.'),
|
|
7683
7688
|
placement: "bottom",
|
|
7684
7689
|
arrow: true,
|
|
@@ -7726,13 +7731,13 @@ function RadioButtonsSection() {
|
|
|
7726
7731
|
}));
|
|
7727
7732
|
}
|
|
7728
7733
|
var ButtonWrapper = /*#__PURE__*/styled.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7729
|
-
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$
|
|
7734
|
+
var SaveButton = /*#__PURE__*/styled(Button)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7730
7735
|
var CancelButton = /*#__PURE__*/styled(Button)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7731
7736
|
var DropDowns = /*#__PURE__*/styled.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7732
7737
|
var TooltipContent = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
7733
|
-
var Wrapper$
|
|
7738
|
+
var Wrapper$j = /*#__PURE__*/styled.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7734
7739
|
|
|
7735
|
-
var _templateObject$1F, _templateObject2$
|
|
7740
|
+
var _templateObject$1F, _templateObject2$1k, _templateObject3$M, _templateObject4$r, _templateObject5$g;
|
|
7736
7741
|
function DetailSection() {
|
|
7737
7742
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
7738
7743
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -7745,7 +7750,7 @@ function DetailSection() {
|
|
|
7745
7750
|
}), React.createElement(Order, null, orderColumnData)));
|
|
7746
7751
|
}
|
|
7747
7752
|
var Detail = /*#__PURE__*/styled.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
7748
|
-
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
7753
|
+
var Flex$1 = /*#__PURE__*/styled.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7749
7754
|
var Ref = /*#__PURE__*/styled.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7750
7755
|
var Order = /*#__PURE__*/styled.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7751
7756
|
var StyledLabel$1 = /*#__PURE__*/styled(Label$h)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -7830,7 +7835,7 @@ function useFetchSingleFlagsData() {
|
|
|
7830
7835
|
return res;
|
|
7831
7836
|
}
|
|
7832
7837
|
|
|
7833
|
-
var _templateObject$1G, _templateObject2$
|
|
7838
|
+
var _templateObject$1G, _templateObject2$1l, _templateObject3$N;
|
|
7834
7839
|
function ViewFlag() {
|
|
7835
7840
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7836
7841
|
dataArray = _useSingleFlagData[0],
|
|
@@ -7928,7 +7933,7 @@ function ViewFlag() {
|
|
|
7928
7933
|
return React.createElement(React.Fragment, null, React.createElement(BackgroundModals, null, dataArray && loading && React.createElement(Loader, null), React.createElement(MainContainer$a, null, React.createElement(HeaderSection, null), React.createElement(DetailSection, null), React.createElement(TextSection, null), React.createElement(ButtonsSection, null), React.createElement(SectionsContainer, null, React.createElement(ActionSection, null), React.createElement(RadioButtonsSection, null)))));
|
|
7929
7934
|
}
|
|
7930
7935
|
var SectionsContainer = /*#__PURE__*/styled.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
7931
|
-
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$
|
|
7936
|
+
var BackgroundModals = /*#__PURE__*/styled(BackgroundModal$1)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
7932
7937
|
var MainContainer$a = /*#__PURE__*/styled.div(_templateObject3$N || (_templateObject3$N = /*#__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"])));
|
|
7933
7938
|
|
|
7934
7939
|
var _templateObject$1H;
|
|
@@ -8156,7 +8161,7 @@ function useSystemLogs() {
|
|
|
8156
8161
|
return perform;
|
|
8157
8162
|
}
|
|
8158
8163
|
|
|
8159
|
-
var _templateObject$1J, _templateObject2$
|
|
8164
|
+
var _templateObject$1J, _templateObject2$1m;
|
|
8160
8165
|
var Details = function Details() {
|
|
8161
8166
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8162
8167
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8166,7 +8171,7 @@ var Details = function Details() {
|
|
|
8166
8171
|
return React.createElement(DetailsContainer, null, React.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8167
8172
|
};
|
|
8168
8173
|
var DetailsContainer = /*#__PURE__*/styled.div(_templateObject$1J || (_templateObject$1J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n > svg {\n transform: scale(0.6);\n }\n"])));
|
|
8169
|
-
var Typo = /*#__PURE__*/styled.div(_templateObject2$
|
|
8174
|
+
var Typo = /*#__PURE__*/styled.div(_templateObject2$1m || (_templateObject2$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 32px; /* 160% */\n text-transform: uppercase;\n margin: 0;\n padding: 0;\n\n @media screen and (max-width: 1220px) {\n font-size: 14px;\n }\n"])));
|
|
8170
8175
|
|
|
8171
8176
|
var _templateObject$1K;
|
|
8172
8177
|
var DropDownContainer$1 = /*#__PURE__*/styled.div(_templateObject$1K || (_templateObject$1K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n border-right: 1px solid #d0d5dd;\n padding: 4px;\n @media screen and (max-width: 1220px) {\n font-size: 12px;\n }\n"])));
|
|
@@ -8426,7 +8431,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8426
8431
|
};
|
|
8427
8432
|
var Flex$4 = /*#__PURE__*/styled.div(_templateObject$1P || (_templateObject$1P = /*#__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"])));
|
|
8428
8433
|
|
|
8429
|
-
var _templateObject$1Q, _templateObject2$
|
|
8434
|
+
var _templateObject$1Q, _templateObject2$1n, _templateObject3$O, _templateObject4$s;
|
|
8430
8435
|
function OrderView() {
|
|
8431
8436
|
notification.config({
|
|
8432
8437
|
top: 150
|
|
@@ -8713,13 +8718,13 @@ function OrderView() {
|
|
|
8713
8718
|
return React.createElement(MainContainer$b, null, React.createElement(GeneralHeader, null), React.createElement(DetailsFilters, null), React.createElement(OrderDetails$1, null), React.createElement(ProductsInfo, null), React.createElement(SplitLayout$1, null, React.createElement(NotesContainer, null, React.createElement(Notes, null)), React.createElement(TablesContainer, null, React.createElement(SystemLogs, null))), React.createElement(OrderActions, null));
|
|
8714
8719
|
}
|
|
8715
8720
|
var MainContainer$b = /*#__PURE__*/styled.div(_templateObject$1Q || (_templateObject$1Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-bottom: 30px;\n border-radius: 25px;\n border: 1px solid #e3e3e3;\n"])));
|
|
8716
|
-
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$
|
|
8721
|
+
var SplitLayout$1 = /*#__PURE__*/styled.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8717
8722
|
var NotesContainer = /*#__PURE__*/styled.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8718
8723
|
var TablesContainer = /*#__PURE__*/styled.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8719
8724
|
|
|
8720
8725
|
var _templateObject3$P, _templateObject5$h, _templateObject7$b, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject14$2;
|
|
8721
8726
|
var CoverPage = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 16px;\n border: 1px solid #e3e3e3;\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n padding: 20px 20px 20px 20px;\n top: -60px;\n"])));
|
|
8722
|
-
var Wrapper$
|
|
8727
|
+
var Wrapper$k = /*#__PURE__*/styled.div(_templateObject5$h || (_templateObject5$h = /*#__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 flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
8723
8728
|
var Label$g = /*#__PURE__*/styled.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8724
8729
|
var FilterRow = /*#__PURE__*/styled.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 20px;\n align-self: stretch;\n justify-content: space-between;\n"])));
|
|
8725
8730
|
var FilterColumn = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n align-self: stretch;\n margin: 10px;\n"])));
|
|
@@ -8968,11 +8973,13 @@ function SelectionFilter() {
|
|
|
8968
8973
|
customerId: selectedClient == null ? void 0 : selectedClient.toString()
|
|
8969
8974
|
});
|
|
8970
8975
|
var currentSearch = window.location.search;
|
|
8976
|
+
console.log(currentSearch, 'currentSearch');
|
|
8971
8977
|
if (!currentSearch.includes('filter')) {
|
|
8978
|
+
console.log('inside include');
|
|
8972
8979
|
// for dev
|
|
8973
|
-
navigate("filter?" + queryParams.toString());
|
|
8980
|
+
navigate("/order/return/filter?" + queryParams.toString());
|
|
8974
8981
|
// for local
|
|
8975
|
-
//
|
|
8982
|
+
//navigate(`/filter?${queryParams.toString()}`);
|
|
8976
8983
|
}
|
|
8977
8984
|
}
|
|
8978
8985
|
var selectedClientValue = clientOptions == null ? void 0 : clientOptions.find(function (client) {
|
|
@@ -9104,7 +9111,7 @@ function SelectionFilter() {
|
|
|
9104
9111
|
replace: true
|
|
9105
9112
|
});
|
|
9106
9113
|
};
|
|
9107
|
-
return React.createElement(Wrapper$
|
|
9114
|
+
return React.createElement(Wrapper$k, null, React.createElement(FilterRow, null, React.createElement(LeftColumn, null, React.createElement(FilterColumn, null, React.createElement(Label$g, null, "Clients"), React.createElement(StyledAntSelect$2, {
|
|
9108
9115
|
options: clientOptions,
|
|
9109
9116
|
placeholder: "Select Client Name",
|
|
9110
9117
|
onChange: handleClientChange,
|
|
@@ -9213,7 +9220,7 @@ var Text$8 = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c =
|
|
|
9213
9220
|
// Right side filter
|
|
9214
9221
|
var StyledTableFilter = /*#__PURE__*/styled.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9215
9222
|
|
|
9216
|
-
var _templateObject$1T, _templateObject2$
|
|
9223
|
+
var _templateObject$1T, _templateObject2$1o;
|
|
9217
9224
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9218
9225
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9219
9226
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9240,7 +9247,7 @@ var Container$13 = /*#__PURE__*/styled.div(_templateObject$1T || (_templateObjec
|
|
|
9240
9247
|
// align-self: stretch;
|
|
9241
9248
|
// border-radius: 15px 0px 0px 15px;
|
|
9242
9249
|
// `;
|
|
9243
|
-
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$
|
|
9250
|
+
var ButtonText = /*#__PURE__*/styled.button(_templateObject2$1o || (_templateObject2$1o = /*#__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"])));
|
|
9244
9251
|
|
|
9245
9252
|
var ReturnFilter = function ReturnFilter() {
|
|
9246
9253
|
var _useCustomerData = useCustomerData(),
|
|
@@ -9256,9 +9263,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9256
9263
|
return React.createElement(React.Fragment, null, React.createElement(StyledFiter, null, React.createElement(Text$8, null, customerName), React.createElement(StyledFIlterELements, null, React.createElement(StyledTableFilter, null)), React.createElement(RightFilters, null)));
|
|
9257
9264
|
};
|
|
9258
9265
|
|
|
9259
|
-
var _templateObject$1U, _templateObject2$
|
|
9266
|
+
var _templateObject$1U, _templateObject2$1p, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9260
9267
|
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9261
|
-
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$
|
|
9268
|
+
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$1p || (_templateObject2$1p = /*#__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"])));
|
|
9262
9269
|
// Styled components
|
|
9263
9270
|
var StyledTableWrapper$2 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\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"])));
|
|
9264
9271
|
var StyledTable$3 = /*#__PURE__*/styled.table(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\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 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"])));
|
|
@@ -9449,7 +9456,7 @@ var optionsForReturnPrint = [{
|
|
|
9449
9456
|
label: 'Print Return Labels'
|
|
9450
9457
|
}];
|
|
9451
9458
|
|
|
9452
|
-
var _templateObject$1V, _templateObject2$
|
|
9459
|
+
var _templateObject$1V, _templateObject2$1q;
|
|
9453
9460
|
var options = optionsForReturnPrint;
|
|
9454
9461
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9455
9462
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9466,7 +9473,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9466
9473
|
}));
|
|
9467
9474
|
};
|
|
9468
9475
|
var OptionsList = /*#__PURE__*/styled.ul(_templateObject$1V || (_templateObject$1V = /*#__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"])));
|
|
9469
|
-
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$
|
|
9476
|
+
var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$1q || (_templateObject2$1q = /*#__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: pointer;\n &:last-child {\n border: none;\n }\n"])));
|
|
9470
9477
|
|
|
9471
9478
|
function CaretDownFilledIcon(props) {
|
|
9472
9479
|
return React.createElement("svg", Object.assign({
|
|
@@ -9858,7 +9865,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9858
9865
|
})))));
|
|
9859
9866
|
};
|
|
9860
9867
|
|
|
9861
|
-
var _templateObject$1W, _templateObject2$
|
|
9868
|
+
var _templateObject$1W, _templateObject2$1r;
|
|
9862
9869
|
var DefectsModal = function DefectsModal() {
|
|
9863
9870
|
var options = [{
|
|
9864
9871
|
value: 'bjsCouriers',
|
|
@@ -9911,9 +9918,9 @@ var DefectsModal = function DefectsModal() {
|
|
|
9911
9918
|
}))));
|
|
9912
9919
|
};
|
|
9913
9920
|
var StyledConatiner = /*#__PURE__*/styled.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
9914
|
-
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject2$
|
|
9921
|
+
var GLobalPopupContent = /*#__PURE__*/styled.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9915
9922
|
|
|
9916
|
-
var _templateObject$1X, _templateObject2$
|
|
9923
|
+
var _templateObject$1X, _templateObject2$1s, _templateObject3$R;
|
|
9917
9924
|
var _excluded$4 = ["id"];
|
|
9918
9925
|
var CreateReturnModal = function CreateReturnModal() {
|
|
9919
9926
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -9960,7 +9967,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
9960
9967
|
}
|
|
9961
9968
|
}
|
|
9962
9969
|
}, [selectedlocation]);
|
|
9963
|
-
return React.createElement(React.Fragment, null, React.createElement(Wrapper$
|
|
9970
|
+
return React.createElement(React.Fragment, null, React.createElement(Wrapper$l, null, React.createElement(Alert, {
|
|
9964
9971
|
onClose: function onClose() {},
|
|
9965
9972
|
description: "",
|
|
9966
9973
|
type: "info",
|
|
@@ -9993,8 +10000,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
9993
10000
|
})))));
|
|
9994
10001
|
};
|
|
9995
10002
|
var StyledText$1 = /*#__PURE__*/styled.div(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8d8f90;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
9996
|
-
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$
|
|
9997
|
-
var Wrapper$
|
|
10003
|
+
var Container$14 = /*#__PURE__*/styled.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10004
|
+
var Wrapper$l = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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"])));
|
|
9998
10005
|
|
|
9999
10006
|
var ModalManager = function ModalManager() {
|
|
10000
10007
|
var _useAtom = useAtom(countReducerAtom),
|
|
@@ -10143,9 +10150,9 @@ var ModalManager = function ModalManager() {
|
|
|
10143
10150
|
}));
|
|
10144
10151
|
};
|
|
10145
10152
|
|
|
10146
|
-
var _templateObject$1Y, _templateObject2$
|
|
10153
|
+
var _templateObject$1Y, _templateObject2$1t, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
|
|
10147
10154
|
var StyledContainer = /*#__PURE__*/styled.div(_templateObject$1Y || (_templateObject$1Y = /*#__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"])));
|
|
10148
|
-
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$
|
|
10155
|
+
var StyledContentWrapper = /*#__PURE__*/styled.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
10149
10156
|
var StyledInfoBox = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__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"])));
|
|
10150
10157
|
var StyledLabel$2 = /*#__PURE__*/styled.div(_templateObject4$v || (_templateObject4$v = /*#__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"])));
|
|
10151
10158
|
var StyledPaginationWrapper = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__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"])));
|
|
@@ -10267,7 +10274,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
10267
10274
|
}, React.createElement(NextIcon, null)))));
|
|
10268
10275
|
};
|
|
10269
10276
|
|
|
10270
|
-
var _templateObject$1Z, _templateObject2$
|
|
10277
|
+
var _templateObject$1Z, _templateObject2$1u;
|
|
10271
10278
|
// import { useLocation } from 'react-router-dom';
|
|
10272
10279
|
var ReturnTable = function ReturnTable() {
|
|
10273
10280
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -10301,7 +10308,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
10301
10308
|
})))), React.createElement(ModalManager, null));
|
|
10302
10309
|
};
|
|
10303
10310
|
var Container$15 = /*#__PURE__*/styled.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10304
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$
|
|
10311
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled.section(_templateObject2$1u || (_templateObject2$1u = /*#__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"])));
|
|
10305
10312
|
|
|
10306
10313
|
function LoadIcon() {
|
|
10307
10314
|
return React.createElement("svg", {
|
|
@@ -10319,7 +10326,7 @@ function LoadIcon() {
|
|
|
10319
10326
|
}));
|
|
10320
10327
|
}
|
|
10321
10328
|
|
|
10322
|
-
var _templateObject$1_, _templateObject2$
|
|
10329
|
+
var _templateObject$1_, _templateObject2$1v;
|
|
10323
10330
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
10324
10331
|
var legacyProductId = _ref.legacyProductId;
|
|
10325
10332
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -10347,7 +10354,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
10347
10354
|
}));
|
|
10348
10355
|
};
|
|
10349
10356
|
var OptionsList$1 = /*#__PURE__*/styled.ul(_templateObject$1_ || (_templateObject$1_ = /*#__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"])));
|
|
10350
|
-
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$
|
|
10357
|
+
var OptionsListLi$1 = /*#__PURE__*/styled.li(_templateObject2$1v || (_templateObject2$1v = /*#__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) {
|
|
10351
10358
|
var disabled = _ref2.disabled;
|
|
10352
10359
|
return disabled ? 'not-allowed' : 'pointer';
|
|
10353
10360
|
}, function (_ref3) {
|
|
@@ -10926,7 +10933,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/atom(function (get) {
|
|
|
10926
10933
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
10927
10934
|
});
|
|
10928
10935
|
|
|
10929
|
-
var _templateObject$21, _templateObject2$
|
|
10936
|
+
var _templateObject$21, _templateObject2$1w;
|
|
10930
10937
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
10931
10938
|
var _useAtom = useAtom(filtersReducerReturnAtom),
|
|
10932
10939
|
dispatch = _useAtom[1];
|
|
@@ -11143,7 +11150,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11143
11150
|
};
|
|
11144
11151
|
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
11145
11152
|
// const DropdownContainer = styled.div``;
|
|
11146
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11153
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled.div(_templateObject2$1w || (_templateObject2$1w = /*#__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"])));
|
|
11147
11154
|
|
|
11148
11155
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
11149
11156
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -11229,7 +11236,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
11229
11236
|
}, React.createElement(NextIcon, null)))));
|
|
11230
11237
|
};
|
|
11231
11238
|
|
|
11232
|
-
var _templateObject$22, _templateObject2$
|
|
11239
|
+
var _templateObject$22, _templateObject2$1x;
|
|
11233
11240
|
var _excluded$5 = ["count"];
|
|
11234
11241
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
11235
11242
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -11301,12 +11308,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
11301
11308
|
})))));
|
|
11302
11309
|
};
|
|
11303
11310
|
var Container$17 = /*#__PURE__*/styled.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
11304
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$
|
|
11311
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled.section(_templateObject2$1x || (_templateObject2$1x = /*#__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"])));
|
|
11305
11312
|
|
|
11306
|
-
var _templateObject2$
|
|
11307
|
-
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$
|
|
11313
|
+
var _templateObject2$1y;
|
|
11314
|
+
var StyledBulkItem = /*#__PURE__*/styled.div(_templateObject2$1y || (_templateObject2$1y = /*#__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"])));
|
|
11308
11315
|
|
|
11309
|
-
var _templateObject$23, _templateObject2$
|
|
11316
|
+
var _templateObject$23, _templateObject2$1z;
|
|
11310
11317
|
var SearchType = function SearchType() {
|
|
11311
11318
|
var _useState = useState(''),
|
|
11312
11319
|
searchText = _useState[0],
|
|
@@ -11322,7 +11329,7 @@ var SearchType = function SearchType() {
|
|
|
11322
11329
|
}));
|
|
11323
11330
|
};
|
|
11324
11331
|
var Search = /*#__PURE__*/styled.div(_templateObject$23 || (_templateObject$23 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n svg {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n }\n"])));
|
|
11325
|
-
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$
|
|
11332
|
+
var SearchInput = /*#__PURE__*/styled.input(_templateObject2$1z || (_templateObject2$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #e0e2e7;\n background: #fff;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n display: flex;\n padding: 8.5px 12px;\n align-items: center;\n gap: 8px;\n align-self: stretch;\n padding-left: 39px;\n"])));
|
|
11326
11333
|
|
|
11327
11334
|
var BulkFilter = function BulkFilter() {
|
|
11328
11335
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11661,7 +11668,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/atom(function (get) {
|
|
|
11661
11668
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11662
11669
|
});
|
|
11663
11670
|
|
|
11664
|
-
var _templateObject$24, _templateObject2$
|
|
11671
|
+
var _templateObject$24, _templateObject2$1A, _templateObject3$T;
|
|
11665
11672
|
var _excluded$7 = ["count"];
|
|
11666
11673
|
function ReturnMainTable() {
|
|
11667
11674
|
var _useAtom = useAtom(overviewfiltersReducerAtom),
|
|
@@ -11732,12 +11739,12 @@ function ReturnMainTable() {
|
|
|
11732
11739
|
}))));
|
|
11733
11740
|
}
|
|
11734
11741
|
var Row$7 = /*#__PURE__*/styled.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11735
|
-
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$
|
|
11742
|
+
var Container$18 = /*#__PURE__*/styled.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11736
11743
|
var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$T || (_templateObject3$T = /*#__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"])));
|
|
11737
11744
|
|
|
11738
|
-
var _templateObject$25, _templateObject2$
|
|
11745
|
+
var _templateObject$25, _templateObject2$1B;
|
|
11739
11746
|
var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject$25 || (_templateObject$25 = /*#__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"])));
|
|
11740
|
-
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$
|
|
11747
|
+
var StyledFlex = /*#__PURE__*/styled.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
11741
11748
|
|
|
11742
11749
|
var _templateObject$26;
|
|
11743
11750
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -11745,12 +11752,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
11745
11752
|
};
|
|
11746
11753
|
var Title$7 = /*#__PURE__*/styled.h2(_templateObject$26 || (_templateObject$26 = /*#__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"])));
|
|
11747
11754
|
|
|
11748
|
-
var _templateObject$27, _templateObject2$
|
|
11755
|
+
var _templateObject$27, _templateObject2$1C;
|
|
11749
11756
|
function Breadcrumb(props) {
|
|
11750
11757
|
return React.createElement(BreadcrumbContainer, null, React.createElement(BreadcrumbList, null, props.title || ''), React.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React.createElement(React.Fragment, null, React.createElement(BreadcrumbList, null, props.subPart)));
|
|
11751
11758
|
}
|
|
11752
11759
|
var BreadcrumbContainer = /*#__PURE__*/styled.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11753
|
-
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$
|
|
11760
|
+
var BreadcrumbList = /*#__PURE__*/styled.span(_templateObject2$1C || (_templateObject2$1C = /*#__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"])));
|
|
11754
11761
|
|
|
11755
11762
|
var RouterHeader = function RouterHeader(_ref) {
|
|
11756
11763
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -11880,10 +11887,10 @@ function ReturnClient() {
|
|
|
11880
11887
|
path: "",
|
|
11881
11888
|
element: React.createElement(ReturnMainTable, null)
|
|
11882
11889
|
}), React.createElement(Route, {
|
|
11883
|
-
path: "
|
|
11890
|
+
path: "view",
|
|
11884
11891
|
element: React.createElement(ReturnAfterTable, null)
|
|
11885
11892
|
}), React.createElement(Route, {
|
|
11886
|
-
path: "
|
|
11893
|
+
path: "view/:id",
|
|
11887
11894
|
element: React.createElement(OrderView, null)
|
|
11888
11895
|
}), React.createElement(Route, {
|
|
11889
11896
|
path: "filter",
|