@bjsdistribution/dms-client-return 0.0.45 → 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 +217 -207
- 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 +217 -207
- 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 +10 -4
- package/src/components/order-view/general-information/Status.tsx +1 -0
- package/src/components/order-view/order-details/expanded-content/orders-section/RecipientReference.tsx +16 -2
- package/src/index.tsx +3 -3
|
@@ -1512,11 +1512,13 @@ var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject$g || (_template
|
|
|
1512
1512
|
var Consignment = /*#__PURE__*/styled__default.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"])));
|
|
1513
1513
|
var Container$d = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1514
1514
|
|
|
1515
|
-
var _templateObject$h;
|
|
1515
|
+
var _templateObject$h, _templateObject2$f;
|
|
1516
1516
|
function RecipientReference() {
|
|
1517
1517
|
var _useOrderDetails = useOrderDetails(),
|
|
1518
1518
|
orderDetails = _useOrderDetails[0],
|
|
1519
1519
|
setOrderDetails = _useOrderDetails[1];
|
|
1520
|
+
var orderRecipient = orderDetails == null ? void 0 : orderDetails.recipient_reference;
|
|
1521
|
+
var showCopyIcon = orderRecipient !== undefined && orderRecipient !== null && (orderRecipient == null ? void 0 : orderRecipient.length) > 0;
|
|
1520
1522
|
var onChange = function onChange(e) {
|
|
1521
1523
|
setOrderDetails(function (prev) {
|
|
1522
1524
|
return _extends({}, prev, {
|
|
@@ -1524,10 +1526,12 @@ function RecipientReference() {
|
|
|
1524
1526
|
});
|
|
1525
1527
|
});
|
|
1526
1528
|
};
|
|
1527
|
-
return React__default.createElement(Container$e, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1529
|
+
return React__default.createElement(Container$e, null, React__default.createElement(Wrapper$9, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1528
1530
|
label: "Recipient Reference",
|
|
1529
1531
|
htmlFor: "recipient-reference"
|
|
1530
|
-
}), React__default.createElement(
|
|
1532
|
+
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
1533
|
+
text: orderRecipient
|
|
1534
|
+
})), React__default.createElement(dmsComponentLibrary.Input, {
|
|
1531
1535
|
name: "recipient-reference",
|
|
1532
1536
|
type: "text",
|
|
1533
1537
|
placeholder: "Enter Recipient Reference",
|
|
@@ -1539,6 +1543,7 @@ function RecipientReference() {
|
|
|
1539
1543
|
}));
|
|
1540
1544
|
}
|
|
1541
1545
|
var Container$e = /*#__PURE__*/styled__default.div(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1546
|
+
var Wrapper$9 = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1542
1547
|
|
|
1543
1548
|
var _templateObject$i;
|
|
1544
1549
|
function DepotDropdown() {
|
|
@@ -1578,7 +1583,7 @@ function DepotDropdown() {
|
|
|
1578
1583
|
}
|
|
1579
1584
|
var FormContainer = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1580
1585
|
|
|
1581
|
-
var _templateObject$j, _templateObject2$
|
|
1586
|
+
var _templateObject$j, _templateObject2$g;
|
|
1582
1587
|
function Droptime() {
|
|
1583
1588
|
var _useOrderDetails = useOrderDetails(),
|
|
1584
1589
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1603,7 +1608,7 @@ function Droptime() {
|
|
|
1603
1608
|
}));
|
|
1604
1609
|
}
|
|
1605
1610
|
var CustomInput$6 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_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"])));
|
|
1606
|
-
var Container$f = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1611
|
+
var Container$f = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1607
1612
|
|
|
1608
1613
|
var _templateObject$k;
|
|
1609
1614
|
function DeliveryDate() {
|
|
@@ -1650,10 +1655,10 @@ function DeliveryDate() {
|
|
|
1650
1655
|
}
|
|
1651
1656
|
var MainContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1652
1657
|
|
|
1653
|
-
var _templateObject$l, _templateObject2$
|
|
1658
|
+
var _templateObject$l, _templateObject2$h;
|
|
1654
1659
|
function Carrier() {
|
|
1655
1660
|
// show copy icon if there is input value
|
|
1656
|
-
return React__default.createElement(Container$g, null, React__default.createElement(Wrapper$
|
|
1661
|
+
return React__default.createElement(Container$g, null, React__default.createElement(Wrapper$a, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1657
1662
|
label: "Carrier",
|
|
1658
1663
|
htmlFor: "carrier"
|
|
1659
1664
|
}), React__default.createElement(CopyText, {
|
|
@@ -1668,10 +1673,10 @@ function Carrier() {
|
|
|
1668
1673
|
}
|
|
1669
1674
|
}));
|
|
1670
1675
|
}
|
|
1671
|
-
var Wrapper$
|
|
1672
|
-
var Container$g = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1676
|
+
var Wrapper$a = /*#__PURE__*/styled__default.div(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1677
|
+
var Container$g = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1673
1678
|
|
|
1674
|
-
var _templateObject$m, _templateObject2$
|
|
1679
|
+
var _templateObject$m, _templateObject2$i;
|
|
1675
1680
|
function OrderNumber() {
|
|
1676
1681
|
var _orderDetails$order_n;
|
|
1677
1682
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -1685,7 +1690,7 @@ function OrderNumber() {
|
|
|
1685
1690
|
});
|
|
1686
1691
|
});
|
|
1687
1692
|
};
|
|
1688
|
-
return React__default.createElement(Container$h, null, React__default.createElement(Wrapper$
|
|
1693
|
+
return React__default.createElement(Container$h, null, React__default.createElement(Wrapper$b, null, React__default.createElement(dmsComponentLibrary.Label, {
|
|
1689
1694
|
label: "Order Number",
|
|
1690
1695
|
htmlFor: "order-number"
|
|
1691
1696
|
}), showCopyIcon && React__default.createElement(CopyText, {
|
|
@@ -1701,8 +1706,8 @@ function OrderNumber() {
|
|
|
1701
1706
|
}
|
|
1702
1707
|
}));
|
|
1703
1708
|
}
|
|
1704
|
-
var Wrapper$
|
|
1705
|
-
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1709
|
+
var Wrapper$b = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1710
|
+
var Container$h = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1706
1711
|
|
|
1707
1712
|
var _templateObject$n;
|
|
1708
1713
|
function ScheduleAfter() {
|
|
@@ -1785,17 +1790,17 @@ function VehicleTypeDropdown() {
|
|
|
1785
1790
|
}
|
|
1786
1791
|
var FormContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1787
1792
|
|
|
1788
|
-
var _templateObject$p, _templateObject2$
|
|
1793
|
+
var _templateObject$p, _templateObject2$j, _templateObject3$9;
|
|
1789
1794
|
function OrdersSection() {
|
|
1790
1795
|
return React__default.createElement(CustomFormSection$1, null, React__default.createElement(Header, {
|
|
1791
1796
|
label: "Order"
|
|
1792
1797
|
}), React__default.createElement(FormInputs$1, null, React__default.createElement(GroupedInputs$1, null, React__default.createElement(ConsignmentNumber, null), React__default.createElement(Carrier, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(OrderNumber, null), React__default.createElement(DepotDropdown, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(DeliveryDate, null), React__default.createElement(ScheduleAfter, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(Droptime, null)), React__default.createElement(GroupedInputs$1, null, React__default.createElement(RecipientReference, null), React__default.createElement(VehicleTypeDropdown, null))));
|
|
1793
1798
|
}
|
|
1794
1799
|
var GroupedInputs$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
1795
|
-
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1800
|
+
var FormInputs$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
1796
1801
|
var CustomFormSection$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
1797
1802
|
|
|
1798
|
-
var _templateObject$q, _templateObject2$
|
|
1803
|
+
var _templateObject$q, _templateObject2$k;
|
|
1799
1804
|
function OrderStatusNote() {
|
|
1800
1805
|
var _useOrderDetails = useOrderDetails(),
|
|
1801
1806
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1816,9 +1821,9 @@ function OrderStatusNote() {
|
|
|
1816
1821
|
}));
|
|
1817
1822
|
}
|
|
1818
1823
|
var CustomTextArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1819
|
-
var Container$i = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1824
|
+
var Container$i = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1820
1825
|
|
|
1821
|
-
var _templateObject$r, _templateObject2$
|
|
1826
|
+
var _templateObject$r, _templateObject2$l;
|
|
1822
1827
|
function DeliveryInstructions() {
|
|
1823
1828
|
var _useOrderDetails = useOrderDetails(),
|
|
1824
1829
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1839,9 +1844,9 @@ function DeliveryInstructions() {
|
|
|
1839
1844
|
}));
|
|
1840
1845
|
}
|
|
1841
1846
|
var CustomTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1842
|
-
var Container$j = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1847
|
+
var Container$j = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1843
1848
|
|
|
1844
|
-
var _templateObject$s, _templateObject2$
|
|
1849
|
+
var _templateObject$s, _templateObject2$m;
|
|
1845
1850
|
function OtherInstructions() {
|
|
1846
1851
|
var _useOrderDetails = useOrderDetails(),
|
|
1847
1852
|
orderDetails = _useOrderDetails[0],
|
|
@@ -1862,18 +1867,18 @@ function OtherInstructions() {
|
|
|
1862
1867
|
}));
|
|
1863
1868
|
}
|
|
1864
1869
|
var CustomTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n resize: none;\n"])));
|
|
1865
|
-
var Container$k = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
1870
|
+
var Container$k = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1866
1871
|
|
|
1867
|
-
var _templateObject$t, _templateObject2$
|
|
1872
|
+
var _templateObject$t, _templateObject2$n;
|
|
1868
1873
|
function InstructionSection() {
|
|
1869
1874
|
return React__default.createElement(CustomFormSection$2, null, React__default.createElement(Header, {
|
|
1870
1875
|
label: "Instructions / Notes"
|
|
1871
1876
|
}), React__default.createElement(FormInputs$2, null, React__default.createElement(OrderStatusNote, null), React__default.createElement(DeliveryInstructions, null), React__default.createElement(OtherInstructions, null)));
|
|
1872
1877
|
}
|
|
1873
1878
|
var FormInputs$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n"])));
|
|
1874
|
-
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.FormSection)(_templateObject2$
|
|
1879
|
+
var CustomFormSection$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
1875
1880
|
|
|
1876
|
-
var _templateObject$u, _templateObject2$
|
|
1881
|
+
var _templateObject$u, _templateObject2$o;
|
|
1877
1882
|
function convertTo12HourFormat(time24) {
|
|
1878
1883
|
var _time24$split, _minutes$toString;
|
|
1879
1884
|
var _time24$split$map = time24 == null || (_time24$split = time24.split(':')) == null ? void 0 : _time24$split.map(Number),
|
|
@@ -1926,9 +1931,9 @@ function TimedServiceDropdown() {
|
|
|
1926
1931
|
}));
|
|
1927
1932
|
}
|
|
1928
1933
|
var Container$l = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1929
|
-
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
1934
|
+
var StyledSelectDropdown = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
1930
1935
|
|
|
1931
|
-
var _templateObject$v, _templateObject2$
|
|
1936
|
+
var _templateObject$v, _templateObject2$p;
|
|
1932
1937
|
function ServiceTypeDropdown() {
|
|
1933
1938
|
var _orderStaticData$orde;
|
|
1934
1939
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -1966,9 +1971,9 @@ function ServiceTypeDropdown() {
|
|
|
1966
1971
|
}));
|
|
1967
1972
|
}
|
|
1968
1973
|
var Container$m = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
1969
|
-
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
1974
|
+
var StyledSelectDropdown$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n cursor: not-allowed !important;\n opacity: 0.7;\n }\n"])));
|
|
1970
1975
|
|
|
1971
|
-
var _templateObject$w, _templateObject2$
|
|
1976
|
+
var _templateObject$w, _templateObject2$q;
|
|
1972
1977
|
function DeliveryPointDropdown() {
|
|
1973
1978
|
var _orderData$order_serv, _orderStaticData$orde;
|
|
1974
1979
|
var _useOrderStaticData = useOrderStaticData(),
|
|
@@ -2009,7 +2014,7 @@ function DeliveryPointDropdown() {
|
|
|
2009
2014
|
}));
|
|
2010
2015
|
}
|
|
2011
2016
|
var Container$n = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2012
|
-
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$
|
|
2017
|
+
var StyledSelectDropdown$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.SelectDropdown)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.disabled {\n pointer-events: none;\n opacity: 0.7;\n }\n"])));
|
|
2013
2018
|
|
|
2014
2019
|
var _templateObject$x;
|
|
2015
2020
|
function ServiceLevel() {
|
|
@@ -2167,7 +2172,7 @@ var getIcon = function getIcon(input) {
|
|
|
2167
2172
|
return "" + baseURL + subPath;
|
|
2168
2173
|
};
|
|
2169
2174
|
|
|
2170
|
-
var _templateObject$z, _templateObject2$
|
|
2175
|
+
var _templateObject$z, _templateObject2$r, _templateObject3$a;
|
|
2171
2176
|
function ServiceSlider(props) {
|
|
2172
2177
|
// const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
|
|
2173
2178
|
// event.preventDefault();
|
|
@@ -2185,7 +2190,7 @@ function ServiceSlider(props) {
|
|
|
2185
2190
|
})));
|
|
2186
2191
|
}
|
|
2187
2192
|
var ServiceName = /*#__PURE__*/styled__default.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"])));
|
|
2188
|
-
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$
|
|
2193
|
+
var ServiceIcon = /*#__PURE__*/styled__default.img(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n min-width: 28px;\n height: 28px;\n"])));
|
|
2189
2194
|
var Container$q = /*#__PURE__*/styled__default.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"])));
|
|
2190
2195
|
|
|
2191
2196
|
var _templateObject$A;
|
|
@@ -2352,19 +2357,19 @@ var Container$r = /*#__PURE__*/styled__default.div(_templateObject$A || (_templa
|
|
|
2352
2357
|
return disabled && "\n pointer-events: none;\n\n > * {\n pointer-events: none;\n }\n ";
|
|
2353
2358
|
});
|
|
2354
2359
|
|
|
2355
|
-
var _templateObject$B, _templateObject2$
|
|
2360
|
+
var _templateObject$B, _templateObject2$s, _templateObject3$b, _templateObject4$4, _templateObject5$1;
|
|
2356
2361
|
function ServicesSection() {
|
|
2357
2362
|
return React__default.createElement(CustomFormSection$3, null, React__default.createElement(Header, {
|
|
2358
2363
|
label: "Services"
|
|
2359
2364
|
}), React__default.createElement(Top, null, React__default.createElement(DropDownContainer, null, React__default.createElement(TimedServiceDropdown, null), React__default.createElement(ServiceTypeDropdown, null), React__default.createElement(DeliveryPointDropdown, null)), React__default.createElement(RadioContainer, null, React__default.createElement(ServiceLevel, null), React__default.createElement(AssemblyType, null))), React__default.createElement(Bottom, null, React__default.createElement(OrderServices, null)));
|
|
2360
2365
|
}
|
|
2361
2366
|
var Top = /*#__PURE__*/styled__default.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"])));
|
|
2362
|
-
var DropDownContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2367
|
+
var DropDownContainer = /*#__PURE__*/styled__default.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"])));
|
|
2363
2368
|
var RadioContainer = /*#__PURE__*/styled__default.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"])));
|
|
2364
2369
|
var Bottom = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2365
2370
|
var CustomFormSection$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
2366
2371
|
|
|
2367
|
-
var _templateObject$C, _templateObject2$
|
|
2372
|
+
var _templateObject$C, _templateObject2$t, _templateObject3$c;
|
|
2368
2373
|
function AllowTracking() {
|
|
2369
2374
|
var _useOrderDetails = useOrderDetails(),
|
|
2370
2375
|
orderDetails = _useOrderDetails[0];
|
|
@@ -2373,7 +2378,7 @@ function AllowTracking() {
|
|
|
2373
2378
|
return React__default.createElement(Container$s, null, React__default.createElement(CreatedBy, null, React__default.createElement(Text$1, null, "Created: "), " ", createdBy, ", ", createdAt));
|
|
2374
2379
|
}
|
|
2375
2380
|
var Text$1 = /*#__PURE__*/styled__default.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"])));
|
|
2376
|
-
var CreatedBy = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
2381
|
+
var CreatedBy = /*#__PURE__*/styled__default.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"])));
|
|
2377
2382
|
var Container$s = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
2378
2383
|
|
|
2379
2384
|
function useUpdateOrder() {
|
|
@@ -2534,12 +2539,12 @@ function OrderDetailsFooter() {
|
|
|
2534
2539
|
}
|
|
2535
2540
|
var Container$t = /*#__PURE__*/styled__default.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"])));
|
|
2536
2541
|
|
|
2537
|
-
var _templateObject$E, _templateObject2$
|
|
2542
|
+
var _templateObject$E, _templateObject2$u, _templateObject3$d;
|
|
2538
2543
|
function ExpandedContent() {
|
|
2539
2544
|
return React__default.createElement(MainContainer$3, null, React__default.createElement(Container$u, null, React__default.createElement(HalfWidth, null, React__default.createElement(CustomerSection, null)), React__default.createElement(HalfWidth, null, React__default.createElement(OrdersSection, null)), React__default.createElement(InstructionSection, null)), React__default.createElement(ServicesSection, null), React__default.createElement(OrderDetailsFooter, null));
|
|
2540
2545
|
}
|
|
2541
2546
|
var HalfWidth = /*#__PURE__*/styled__default.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"])));
|
|
2542
|
-
var Container$u = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2547
|
+
var Container$u = /*#__PURE__*/styled__default.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"])));
|
|
2543
2548
|
// const InstructionContainer = styled.div`
|
|
2544
2549
|
// display: flex;
|
|
2545
2550
|
// justify-content: center;
|
|
@@ -2585,7 +2590,7 @@ function OrderDetails$1() {
|
|
|
2585
2590
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(ExpandedContent, null));
|
|
2586
2591
|
}
|
|
2587
2592
|
|
|
2588
|
-
var _templateObject$F, _templateObject2$
|
|
2593
|
+
var _templateObject$F, _templateObject2$v, _templateObject3$e;
|
|
2589
2594
|
function AddNote() {
|
|
2590
2595
|
var _useState = React.useState(''),
|
|
2591
2596
|
noteText = _useState[0],
|
|
@@ -2713,7 +2718,7 @@ function AddNote() {
|
|
|
2713
2718
|
}, "SAVE NOTE")));
|
|
2714
2719
|
}
|
|
2715
2720
|
var Container$v = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
2716
|
-
var SaveNoteContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2721
|
+
var SaveNoteContainer = /*#__PURE__*/styled__default.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"])));
|
|
2717
2722
|
var StyledTextArea = /*#__PURE__*/styled__default.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"])));
|
|
2718
2723
|
|
|
2719
2724
|
var NotesTableData = [{
|
|
@@ -2729,13 +2734,13 @@ var NotesTableData = [{
|
|
|
2729
2734
|
tableBody: []
|
|
2730
2735
|
}];
|
|
2731
2736
|
|
|
2732
|
-
var _templateObject2$
|
|
2733
|
-
var Table = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
2737
|
+
var _templateObject2$w, _templateObject3$f, _templateObject4$5, _templateObject12;
|
|
2738
|
+
var Table = /*#__PURE__*/styled__default.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"])));
|
|
2734
2739
|
var Th = /*#__PURE__*/styled__default.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"])));
|
|
2735
2740
|
var Td = /*#__PURE__*/styled__default.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"])));
|
|
2736
2741
|
var IconCover = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n }\n"])));
|
|
2737
2742
|
|
|
2738
|
-
var _templateObject$G, _templateObject2$
|
|
2743
|
+
var _templateObject$G, _templateObject2$x, _templateObject3$g, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
2739
2744
|
var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
2740
2745
|
var _getNotes$data, _getNotes$data2;
|
|
2741
2746
|
var tableHeadData = NotesTableData[0].tableHead; // Assuming NotesTableData contains table header information
|
|
@@ -2765,7 +2770,7 @@ var GenericAuditLogsTable = function GenericAuditLogsTable() {
|
|
|
2765
2770
|
}, "No data found"))))));
|
|
2766
2771
|
};
|
|
2767
2772
|
var AuditTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
2768
|
-
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$
|
|
2773
|
+
var DateTd = /*#__PURE__*/styled__default(Td)(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6d6d6d;\n"])));
|
|
2769
2774
|
var NoDataFound = /*#__PURE__*/styled__default(Td)(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 16px;\n font-size: 16px;\n color: #999;\n"])));
|
|
2770
2775
|
var StyledTable = /*#__PURE__*/styled__default(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"])));
|
|
2771
2776
|
var StyledTr = /*#__PURE__*/styled__default.tr(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:nth-child(even) {\n background-color: #f3fbff;\n }\n"])));
|
|
@@ -2781,7 +2786,7 @@ function AuditLogs() {
|
|
|
2781
2786
|
}
|
|
2782
2787
|
var Container$w = /*#__PURE__*/styled__default.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"])));
|
|
2783
2788
|
|
|
2784
|
-
var _templateObject$I, _templateObject2$
|
|
2789
|
+
var _templateObject$I, _templateObject2$y, _templateObject3$h;
|
|
2785
2790
|
function Notes() {
|
|
2786
2791
|
var _usemoduleIds = usemoduleIds(),
|
|
2787
2792
|
moduleIds = _usemoduleIds[0],
|
|
@@ -2859,7 +2864,7 @@ function Notes() {
|
|
|
2859
2864
|
return React__default.createElement(Container$x, null, React__default.createElement(CardHeader, null, "NOTES"), React__default.createElement(CustomizedFormSection, null, React__default.createElement(AddNote, null), React__default.createElement(AuditLogs, null)));
|
|
2860
2865
|
}
|
|
2861
2866
|
var Container$x = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 5px;\n"])));
|
|
2862
|
-
var CardHeader = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2867
|
+
var CardHeader = /*#__PURE__*/styled__default.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"])));
|
|
2863
2868
|
var CustomizedFormSection = /*#__PURE__*/styled__default.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"])));
|
|
2864
2869
|
|
|
2865
2870
|
var _templateObject$J;
|
|
@@ -2885,7 +2890,7 @@ function ChevronUp(props) {
|
|
|
2885
2890
|
}));
|
|
2886
2891
|
}
|
|
2887
2892
|
|
|
2888
|
-
var _templateObject$K, _templateObject2$
|
|
2893
|
+
var _templateObject$K, _templateObject2$z, _templateObject3$i, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1;
|
|
2889
2894
|
function CollapsableForm(props) {
|
|
2890
2895
|
var _useState = React.useState(true),
|
|
2891
2896
|
isExpanded = _useState[0],
|
|
@@ -2906,7 +2911,7 @@ function CollapsableForm(props) {
|
|
|
2906
2911
|
}, React__default.createElement(ChevronUp, null))))), isExpanded && React__default.createElement(CustomizedFormSection$1, null, React__default.createElement(ExpandedContent$1, null, props.children)));
|
|
2907
2912
|
}
|
|
2908
2913
|
var CustomizedFormSection$1 = /*#__PURE__*/styled__default.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"])));
|
|
2909
|
-
var CardHeader$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2914
|
+
var CardHeader$1 = /*#__PURE__*/styled__default.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"])));
|
|
2910
2915
|
var Text$2 = /*#__PURE__*/styled__default.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"])));
|
|
2911
2916
|
var Container$y = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
|
|
2912
2917
|
var MainContainer$4 = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0;\n"])));
|
|
@@ -2916,7 +2921,7 @@ var IconContainer$1 = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_t
|
|
|
2916
2921
|
var ExpandedContent$1 = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
2917
2922
|
var CollapsedContent = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
2918
2923
|
|
|
2919
|
-
var _templateObject$L, _templateObject2$
|
|
2924
|
+
var _templateObject$L, _templateObject2$A, _templateObject3$j;
|
|
2920
2925
|
function CustomScrollBar(props) {
|
|
2921
2926
|
var children = props.children,
|
|
2922
2927
|
_props$thumbHeight = props.thumbHeight,
|
|
@@ -2935,10 +2940,10 @@ function CustomScrollBar(props) {
|
|
|
2935
2940
|
}, children);
|
|
2936
2941
|
}
|
|
2937
2942
|
var ThumbVertical = /*#__PURE__*/styled__default.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"])));
|
|
2938
|
-
var View = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2943
|
+
var View = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: hidden;\n"])));
|
|
2939
2944
|
var TrackHorizontal = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2940
2945
|
|
|
2941
|
-
var _templateObject$M, _templateObject2$
|
|
2946
|
+
var _templateObject$M, _templateObject2$B, _templateObject3$k, _templateObject4$8, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1;
|
|
2942
2947
|
function DynamicTable(_ref) {
|
|
2943
2948
|
var columns = _ref.columns,
|
|
2944
2949
|
data = _ref.data;
|
|
@@ -2985,7 +2990,7 @@ function DynamicTable(_ref) {
|
|
|
2985
2990
|
// cursor: pointer;
|
|
2986
2991
|
// `;
|
|
2987
2992
|
var Container$z = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 30vh;\n pointer-events: initial;\n @media (max-width: 1024px) {\n height: 40vh;\n }\n"])));
|
|
2988
|
-
var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
2993
|
+
var TableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
2989
2994
|
var TableHeadData = /*#__PURE__*/styled__default.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"])));
|
|
2990
2995
|
var TableData = /*#__PURE__*/styled__default.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"])));
|
|
2991
2996
|
var TableRow = /*#__PURE__*/styled__default.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"])));
|
|
@@ -2994,7 +2999,7 @@ var TableHead = /*#__PURE__*/styled__default.thead(_templateObject7$2 || (_templ
|
|
|
2994
2999
|
var Table$1 = /*#__PURE__*/styled__default.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"])));
|
|
2995
3000
|
var MainContainer$5 = /*#__PURE__*/styled__default.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"])));
|
|
2996
3001
|
|
|
2997
|
-
var _templateObject$N, _templateObject2$
|
|
3002
|
+
var _templateObject$N, _templateObject2$C;
|
|
2998
3003
|
function Event(props) {
|
|
2999
3004
|
var _props$row;
|
|
3000
3005
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_information_id;
|
|
@@ -3010,7 +3015,7 @@ function Event(props) {
|
|
|
3010
3015
|
return React__default.createElement(RowContainer, null, React__default.createElement(Row, null, getDescription(data)));
|
|
3011
3016
|
}
|
|
3012
3017
|
var RowContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3013
|
-
var Row = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3018
|
+
var Row = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3014
3019
|
|
|
3015
3020
|
//to change data into options
|
|
3016
3021
|
var transformOption = function transformOption(option, key) {
|
|
@@ -3057,25 +3062,25 @@ var priorityData = [{
|
|
|
3057
3062
|
color: '#E95252'
|
|
3058
3063
|
}];
|
|
3059
3064
|
|
|
3060
|
-
var _templateObject$O, _templateObject2$
|
|
3065
|
+
var _templateObject$O, _templateObject2$D;
|
|
3061
3066
|
function Date$1(props) {
|
|
3062
3067
|
var _props$row;
|
|
3063
3068
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.created_at;
|
|
3064
3069
|
return React__default.createElement(RowContainer$1, null, React__default.createElement(Row$1, null, formatDate(data)));
|
|
3065
3070
|
}
|
|
3066
3071
|
var RowContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3067
|
-
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3072
|
+
var Row$1 = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3068
3073
|
|
|
3069
|
-
var _templateObject$P, _templateObject2$
|
|
3074
|
+
var _templateObject$P, _templateObject2$E;
|
|
3070
3075
|
function Code(props) {
|
|
3071
3076
|
var _props$row;
|
|
3072
3077
|
var data = props == null || (_props$row = props.row) == null ? void 0 : _props$row.original.event_code;
|
|
3073
3078
|
return React__default.createElement(RowContainer$2, null, React__default.createElement(Row$2, null, data));
|
|
3074
3079
|
}
|
|
3075
3080
|
var RowContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3076
|
-
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3081
|
+
var Row$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3077
3082
|
|
|
3078
|
-
var _templateObject$Q, _templateObject2$
|
|
3083
|
+
var _templateObject$Q, _templateObject2$F;
|
|
3079
3084
|
function Note(props) {
|
|
3080
3085
|
var _props$row;
|
|
3081
3086
|
var data = props == null || (_props$row = props.row) == null || (_props$row = _props$row.original) == null ? void 0 : _props$row.event_notes;
|
|
@@ -3084,7 +3089,7 @@ function Note(props) {
|
|
|
3084
3089
|
}, React__default.createElement(Row$3, null, data));
|
|
3085
3090
|
}
|
|
3086
3091
|
var RowContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
3087
|
-
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3092
|
+
var Row$3 = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3088
3093
|
|
|
3089
3094
|
var tableColumns = [{
|
|
3090
3095
|
header: 'Date',
|
|
@@ -3396,7 +3401,7 @@ function ConfirmedIcon() {
|
|
|
3396
3401
|
}))));
|
|
3397
3402
|
}
|
|
3398
3403
|
|
|
3399
|
-
var _templateObject$S, _templateObject2$
|
|
3404
|
+
var _templateObject$S, _templateObject2$G, _templateObject3$l, _templateObject4$9;
|
|
3400
3405
|
function Status() {
|
|
3401
3406
|
var _useStatusDetails = useStatusDetails(),
|
|
3402
3407
|
orderStatus = _useStatusDetails[0];
|
|
@@ -3443,7 +3448,7 @@ var renderIcon = function renderIcon(value, orderStatus) {
|
|
|
3443
3448
|
}
|
|
3444
3449
|
};
|
|
3445
3450
|
var BoxContainer = /*#__PURE__*/styled__default.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"])));
|
|
3446
|
-
var Heading = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3451
|
+
var Heading = /*#__PURE__*/styled__default.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"])));
|
|
3447
3452
|
var Container$A = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 15px;\n margin-top: 25px;\n"])));
|
|
3448
3453
|
var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3449
3454
|
|
|
@@ -3477,19 +3482,19 @@ var ActionIcon = function ActionIcon() {
|
|
|
3477
3482
|
}));
|
|
3478
3483
|
};
|
|
3479
3484
|
|
|
3480
|
-
var _templateObject$U, _templateObject2$
|
|
3485
|
+
var _templateObject$U, _templateObject2$H, _templateObject3$m, _templateObject4$a, _templateObject5$5, _templateObject6$3, _templateObject7$3;
|
|
3481
3486
|
function Loader(props) {
|
|
3482
3487
|
return React__default.createElement(MainContainer$6, {
|
|
3483
3488
|
id: "loder"
|
|
3484
|
-
}, React__default.createElement(Container$B, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$
|
|
3489
|
+
}, React__default.createElement(Container$B, null, React__default.createElement(Spinner, null), React__default.createElement(Wrapper$c, null, React__default.createElement(Title, null, props.title || 'Loading...'), React__default.createElement(Subtitle, null, props.subtitle || "Sit tight - won't be long!"))));
|
|
3485
3490
|
}
|
|
3486
3491
|
var rotate = /*#__PURE__*/styled.keyframes(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3487
3492
|
// Styled components for the loading spinner
|
|
3488
|
-
var Spinner = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3493
|
+
var Spinner = /*#__PURE__*/styled__default.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);
|
|
3489
3494
|
var Container$B = /*#__PURE__*/styled__default.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"])));
|
|
3490
3495
|
var Subtitle = /*#__PURE__*/styled__default.span(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3491
3496
|
var Title = /*#__PURE__*/styled__default.span(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: white;\n font-size: 25px;\n text-transform: capitalize;\n font-weight: bold;\n"])));
|
|
3492
|
-
var Wrapper$
|
|
3497
|
+
var Wrapper$c = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
3493
3498
|
var MainContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
3494
3499
|
|
|
3495
3500
|
var CreateReturnInitial = {
|
|
@@ -3708,7 +3713,7 @@ var ProductTable = function ProductTable() {
|
|
|
3708
3713
|
};
|
|
3709
3714
|
var Container$C = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* height: 230px; */\n overflow: auto; /* Enable scrolling */\n scrollbar-width: thin;\n"])));
|
|
3710
3715
|
|
|
3711
|
-
var _templateObject$W, _templateObject2$
|
|
3716
|
+
var _templateObject$W, _templateObject2$I;
|
|
3712
3717
|
var payloadAtom = /*#__PURE__*/jotai.atom(null);
|
|
3713
3718
|
var NewReturnDropdown = function NewReturnDropdown() {
|
|
3714
3719
|
var defaultSelectStyle = {
|
|
@@ -3813,9 +3818,9 @@ var NewReturnDropdown = function NewReturnDropdown() {
|
|
|
3813
3818
|
}));
|
|
3814
3819
|
};
|
|
3815
3820
|
var Container$D = /*#__PURE__*/styled__default.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"])));
|
|
3816
|
-
var Text$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3821
|
+
var Text$3 = /*#__PURE__*/styled__default.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"])));
|
|
3817
3822
|
|
|
3818
|
-
var _templateObject$X, _templateObject2$
|
|
3823
|
+
var _templateObject$X, _templateObject2$J, _templateObject3$n;
|
|
3819
3824
|
function ExpandedContent$2() {
|
|
3820
3825
|
var _response$data, _response$data2;
|
|
3821
3826
|
var _useAtom = jotai.useAtom(payloadAtom),
|
|
@@ -3892,17 +3897,17 @@ function ExpandedContent$2() {
|
|
|
3892
3897
|
}, "Move Products"), React__default.createElement(NewReturnDropdown, null))));
|
|
3893
3898
|
}
|
|
3894
3899
|
var MidContainer = /*#__PURE__*/styled__default.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"])));
|
|
3895
|
-
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3900
|
+
var SaveNoteContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n gap: 10px;\n"])));
|
|
3896
3901
|
var Container$E = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
3897
3902
|
|
|
3898
|
-
var _templateObject$Y, _templateObject2$
|
|
3903
|
+
var _templateObject$Y, _templateObject2$K;
|
|
3899
3904
|
function CollapsedContent$1() {
|
|
3900
3905
|
return React__default.createElement(Container$F, null, React__default.createElement(dmsComponentLibrary.SectionHeader, {
|
|
3901
3906
|
label: "Products"
|
|
3902
3907
|
}), React__default.createElement(Dimensions, null, "Products to be Returned"));
|
|
3903
3908
|
}
|
|
3904
3909
|
var Dimensions = /*#__PURE__*/styled__default.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"])));
|
|
3905
|
-
var Container$F = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
3910
|
+
var Container$F = /*#__PURE__*/styled__default.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"])));
|
|
3906
3911
|
|
|
3907
3912
|
// Dropdown
|
|
3908
3913
|
var PrintOptionTOggle = /*#__PURE__*/jotai.atom(null);
|
|
@@ -4029,16 +4034,16 @@ function BackgroundModal(props) {
|
|
|
4029
4034
|
}
|
|
4030
4035
|
var Container$G = /*#__PURE__*/styled__default.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"])));
|
|
4031
4036
|
|
|
4032
|
-
var _templateObject$_, _templateObject2$
|
|
4037
|
+
var _templateObject$_, _templateObject2$L, _templateObject3$o, _templateObject4$b;
|
|
4033
4038
|
function AdditionalInformation(props) {
|
|
4034
4039
|
return React__default.createElement(Container$H, null, React__default.createElement(Rect, null), React__default.createElement(AdditionalInfo, null, React__default.createElement(Text$4, null, props.info)));
|
|
4035
4040
|
}
|
|
4036
4041
|
var Text$4 = /*#__PURE__*/styled__default.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"])));
|
|
4037
|
-
var Container$H = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4042
|
+
var Container$H = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4038
4043
|
var Rect = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 9px;\n height: 45px;\n background: #3a3630;\n"])));
|
|
4039
4044
|
var AdditionalInfo = /*#__PURE__*/styled__default.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"])));
|
|
4040
4045
|
|
|
4041
|
-
var _templateObject$$, _templateObject2$
|
|
4046
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$p, _templateObject4$c;
|
|
4042
4047
|
function OrderActionHeader(props) {
|
|
4043
4048
|
var title = props.title,
|
|
4044
4049
|
actions = props.actions,
|
|
@@ -4047,18 +4052,18 @@ function OrderActionHeader(props) {
|
|
|
4047
4052
|
_props$infoText = props.infoText,
|
|
4048
4053
|
infoText = _props$infoText === void 0 ? ' ' : _props$infoText,
|
|
4049
4054
|
onClose = props.onClose;
|
|
4050
|
-
return React__default.createElement(Container$I, null, React__default.createElement(Wrapper$
|
|
4055
|
+
return React__default.createElement(Container$I, null, React__default.createElement(Wrapper$d, null, React__default.createElement(Title$1, null, title), showInformation && React__default.createElement(AdditionalInformation, {
|
|
4051
4056
|
info: infoText
|
|
4052
4057
|
}), actions), React__default.createElement(IconContainer$2, {
|
|
4053
4058
|
onClick: onClose
|
|
4054
4059
|
}, React__default.createElement(dmsComponentLibrary.CrossIcon, null)));
|
|
4055
4060
|
}
|
|
4056
|
-
var Wrapper$
|
|
4057
|
-
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4061
|
+
var Wrapper$d = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 6px;\n align-items: center;\n width: 90%;\n margin-left: 20px;\n"])));
|
|
4062
|
+
var IconContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg > path {\n fill: #ffffff;\n }\n cursor: pointer;\n"])));
|
|
4058
4063
|
var Title$1 = /*#__PURE__*/styled__default.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"])));
|
|
4059
4064
|
var Container$I = /*#__PURE__*/styled__default.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"])));
|
|
4060
4065
|
|
|
4061
|
-
var _templateObject$10, _templateObject2$
|
|
4066
|
+
var _templateObject$10, _templateObject2$N;
|
|
4062
4067
|
function OrderActionFooter(props) {
|
|
4063
4068
|
var isSubmitDisabled = props.isSubmitDisabled;
|
|
4064
4069
|
return React__default.createElement(Container$J, null, React__default.createElement(SubmitButton, {
|
|
@@ -4069,7 +4074,7 @@ function OrderActionFooter(props) {
|
|
|
4069
4074
|
}, props.submitButtonTitle || 'submit'), props.actions);
|
|
4070
4075
|
}
|
|
4071
4076
|
var SubmitButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4072
|
-
var Container$J = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4077
|
+
var Container$J = /*#__PURE__*/styled__default.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"])));
|
|
4073
4078
|
|
|
4074
4079
|
var _templateObject$11;
|
|
4075
4080
|
function OrderActionModal(props) {
|
|
@@ -4088,7 +4093,7 @@ function OrderActionModal(props) {
|
|
|
4088
4093
|
}
|
|
4089
4094
|
var MainContainer$7 = /*#__PURE__*/styled__default.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"])));
|
|
4090
4095
|
|
|
4091
|
-
var _templateObject$12, _templateObject2$
|
|
4096
|
+
var _templateObject$12, _templateObject2$O;
|
|
4092
4097
|
function OrderActionsDropdown(props) {
|
|
4093
4098
|
return React__default.createElement(Container$K, {
|
|
4094
4099
|
className: props.className
|
|
@@ -4108,7 +4113,7 @@ function OrderActionsDropdown(props) {
|
|
|
4108
4113
|
}));
|
|
4109
4114
|
}
|
|
4110
4115
|
var Label = /*#__PURE__*/styled__default.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"])));
|
|
4111
|
-
var Container$K = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4116
|
+
var Container$K = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4112
4117
|
|
|
4113
4118
|
function DocumentTypeDropdown() {
|
|
4114
4119
|
var onSelect = function onSelect() {};
|
|
@@ -4188,7 +4193,7 @@ function UploadIcon(props) {
|
|
|
4188
4193
|
})));
|
|
4189
4194
|
}
|
|
4190
4195
|
|
|
4191
|
-
var _templateObject$13, _templateObject2$
|
|
4196
|
+
var _templateObject$13, _templateObject2$P, _templateObject3$q, _templateObject4$d, _templateObject5$6, _templateObject6$4, _templateObject7$4;
|
|
4192
4197
|
var Dragger = antd.Upload.Dragger;
|
|
4193
4198
|
var props = {
|
|
4194
4199
|
name: 'file',
|
|
@@ -4216,14 +4221,14 @@ function DocFileUpload() {
|
|
|
4216
4221
|
}, "Upload Button"), React__default.createElement(IconContainer$3, null, React__default.createElement(UploadIcon, null)), React__default.createElement(TextContainer$2, null, React__default.createElement(Text1, null, "or drag and drop your file "), React__default.createElement(Text2, null, "Excel (.xls / .xlsx) or CSV (.csv) Only")))));
|
|
4217
4222
|
}
|
|
4218
4223
|
var MainContainer$8 = /*#__PURE__*/styled__default.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"])));
|
|
4219
|
-
var Text2 = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
4224
|
+
var Text2 = /*#__PURE__*/styled__default.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"])));
|
|
4220
4225
|
var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
|
|
4221
4226
|
var Text1 = /*#__PURE__*/styled__default.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"])));
|
|
4222
4227
|
var IconContainer$3 = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px dashed #0465AC;\n padding: 5px;\n display: flex;\n align-items: center;\n"])));
|
|
4223
4228
|
var UploadButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 16px;\n font-size: 14px;\n padding: 7px 20px;\n"])));
|
|
4224
4229
|
var Container$L = /*#__PURE__*/styled__default.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"])));
|
|
4225
4230
|
|
|
4226
|
-
var _templateObject$14, _templateObject2$
|
|
4231
|
+
var _templateObject$14, _templateObject2$Q, _templateObject3$r, _templateObject4$e;
|
|
4227
4232
|
// import DocFileUpload from './DocFileUpload';
|
|
4228
4233
|
function AddResources() {
|
|
4229
4234
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -4240,7 +4245,7 @@ function AddResources() {
|
|
|
4240
4245
|
}, React__default.createElement(ContentContainer, null, React__default.createElement(Top$1, null, React__default.createElement(DocumentTypeDropdown, null), React__default.createElement(CategoryDropdown, null), React__default.createElement(VisibilityRadioButtons, null)), React__default.createElement(Bottom$1, null, React__default.createElement(Label$1, null, "File"), React__default.createElement(DocFileUpload, null))));
|
|
4241
4246
|
}
|
|
4242
4247
|
var Label$1 = /*#__PURE__*/styled__default.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"])));
|
|
4243
|
-
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4248
|
+
var Bottom$1 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
4244
4249
|
var Top$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n > div {\n min-width: 240px;\n }\n"])));
|
|
4245
4250
|
var ContentContainer = /*#__PURE__*/styled__default.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"])));
|
|
4246
4251
|
|
|
@@ -4380,10 +4385,10 @@ function useUpdateReminderData() {
|
|
|
4380
4385
|
return jotai.useAtom(reminderUpdatePayload);
|
|
4381
4386
|
}
|
|
4382
4387
|
|
|
4383
|
-
var _templateObject$15, _templateObject2$
|
|
4388
|
+
var _templateObject$15, _templateObject2$R, _templateObject3$s;
|
|
4384
4389
|
// Styled components
|
|
4385
4390
|
var StyledTableWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
4386
|
-
var StyledTable$2 = /*#__PURE__*/styled__default.table(_templateObject2$
|
|
4391
|
+
var StyledTable$2 = /*#__PURE__*/styled__default.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"])));
|
|
4387
4392
|
var EmptyDataContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
4388
4393
|
|
|
4389
4394
|
function SplitOrderTable() {
|
|
@@ -4545,7 +4550,7 @@ var fonts = {
|
|
|
4545
4550
|
secondary: "'Lato', sans-serif"
|
|
4546
4551
|
};
|
|
4547
4552
|
|
|
4548
|
-
var _templateObject$17, _templateObject2$
|
|
4553
|
+
var _templateObject$17, _templateObject2$S, _templateObject3$t;
|
|
4549
4554
|
function RadioButton(props) {
|
|
4550
4555
|
return React__default.createElement(RadioContainer$1, null, props.checked && React__default.createElement(RadioButtonCheckIcon, {
|
|
4551
4556
|
color: props.color
|
|
@@ -4557,14 +4562,14 @@ function RadioButton(props) {
|
|
|
4557
4562
|
}, props.label));
|
|
4558
4563
|
}
|
|
4559
4564
|
var Label$2 = /*#__PURE__*/styled__default.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);
|
|
4560
|
-
var Input = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
4565
|
+
var Input = /*#__PURE__*/styled__default.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) {
|
|
4561
4566
|
return props.color || '#6396e5';
|
|
4562
4567
|
}, function (props) {
|
|
4563
4568
|
return props.color || '#6396e5';
|
|
4564
4569
|
});
|
|
4565
4570
|
var RadioContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
|
|
4566
4571
|
|
|
4567
|
-
var _templateObject$18, _templateObject2$
|
|
4572
|
+
var _templateObject$18, _templateObject2$T, _templateObject3$u, _templateObject4$f, _templateObject5$7, _templateObject6$5, _templateObject7$5;
|
|
4568
4573
|
function RadioButtonGroup(props) {
|
|
4569
4574
|
var heading = props.heading,
|
|
4570
4575
|
_props$direction = props.direction,
|
|
@@ -4594,20 +4599,20 @@ function RadioButtonGroup(props) {
|
|
|
4594
4599
|
}
|
|
4595
4600
|
return React__default.createElement(Fieldset, null, React__default.createElement(LegendContainer, null, React__default.createElement(Legend, null, heading), required && React__default.createElement(RequiredText, {
|
|
4596
4601
|
"$required": required || false
|
|
4597
|
-
}, "*")), React__default.createElement(Wrapper$
|
|
4602
|
+
}, "*")), React__default.createElement(Wrapper$e, {
|
|
4598
4603
|
"$direction": direction,
|
|
4599
4604
|
className: "custom-wrapper"
|
|
4600
4605
|
}, renderOptions()));
|
|
4601
4606
|
}
|
|
4602
4607
|
var Separator = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 1px;\n background: #e0e2e7;\n"])));
|
|
4603
|
-
var labelStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
4608
|
+
var labelStyles = /*#__PURE__*/styled.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);
|
|
4604
4609
|
var RequiredText = /*#__PURE__*/styled__default.span(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n ", "\n"])), function (props) {
|
|
4605
4610
|
return !props.$required && 'visibility: hidden;';
|
|
4606
4611
|
}, labelStyles);
|
|
4607
4612
|
var LegendContainer = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 7px;\n"])));
|
|
4608
4613
|
var Legend = /*#__PURE__*/styled__default.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);
|
|
4609
4614
|
var Fieldset = /*#__PURE__*/styled__default.fieldset(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: none;\n padding: 0px;\n"])));
|
|
4610
|
-
var Wrapper$
|
|
4615
|
+
var Wrapper$e = /*#__PURE__*/styled__default.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) {
|
|
4611
4616
|
return props.$direction === 'horizontal' ? 'row' : 'column';
|
|
4612
4617
|
});
|
|
4613
4618
|
|
|
@@ -4644,7 +4649,7 @@ function DeliveryPoint() {
|
|
|
4644
4649
|
}
|
|
4645
4650
|
var Container$M = /*#__PURE__*/styled__default.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"])));
|
|
4646
4651
|
|
|
4647
|
-
var _templateObject$1a, _templateObject2$
|
|
4652
|
+
var _templateObject$1a, _templateObject2$U, _templateObject3$v, _templateObject4$g, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$3;
|
|
4648
4653
|
var _excluded$2 = ["imageSrc", "label", "checked"];
|
|
4649
4654
|
function Checkbox(props) {
|
|
4650
4655
|
var imageSrc = props.imageSrc,
|
|
@@ -4668,7 +4673,7 @@ function Checkbox(props) {
|
|
|
4668
4673
|
var Image = /*#__PURE__*/styled__default.img(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 28px;\n width: 20px;\n filter: ", ";\n"])), function (props) {
|
|
4669
4674
|
return props.$checked ? 'grayscale(0)' : 'grayscale(1)';
|
|
4670
4675
|
});
|
|
4671
|
-
var CircleContainer = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
4676
|
+
var CircleContainer = /*#__PURE__*/styled__default.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"])));
|
|
4672
4677
|
var Circle = /*#__PURE__*/styled__default.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) {
|
|
4673
4678
|
return props.$checked ? '#feba30' : 'white';
|
|
4674
4679
|
});
|
|
@@ -4732,7 +4737,7 @@ function OrderServices$1() {
|
|
|
4732
4737
|
}
|
|
4733
4738
|
var Container$N = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n"])));
|
|
4734
4739
|
|
|
4735
|
-
var _templateObject$1c, _templateObject2$
|
|
4740
|
+
var _templateObject$1c, _templateObject2$V;
|
|
4736
4741
|
function Notes$1(_ref) {
|
|
4737
4742
|
var onNotesChange = _ref.onNotesChange;
|
|
4738
4743
|
var handleTextChange = function handleTextChange(event) {
|
|
@@ -4744,9 +4749,9 @@ function Notes$1(_ref) {
|
|
|
4744
4749
|
}));
|
|
4745
4750
|
}
|
|
4746
4751
|
var Label$3 = /*#__PURE__*/styled__default.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"])));
|
|
4747
|
-
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4752
|
+
var Container$O = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 5px;\n flex-direction: column;\n width: 100%;\n"])));
|
|
4748
4753
|
|
|
4749
|
-
var _templateObject$1d, _templateObject2$
|
|
4754
|
+
var _templateObject$1d, _templateObject2$W, _templateObject3$w;
|
|
4750
4755
|
function LogServiceRefusal() {
|
|
4751
4756
|
var _useCurrentAction = useCurrentAction(),
|
|
4752
4757
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -4767,7 +4772,7 @@ function LogServiceRefusal() {
|
|
|
4767
4772
|
}))));
|
|
4768
4773
|
}
|
|
4769
4774
|
var ContentContainer$2 = /*#__PURE__*/styled__default.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"])));
|
|
4770
|
-
var Left = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4775
|
+
var Left = /*#__PURE__*/styled__default.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"])));
|
|
4771
4776
|
var Right$1 = /*#__PURE__*/styled__default(Left)(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
4772
4777
|
|
|
4773
4778
|
function ReturnAction() {
|
|
@@ -4794,7 +4799,7 @@ function ReturnReason() {
|
|
|
4794
4799
|
});
|
|
4795
4800
|
}
|
|
4796
4801
|
|
|
4797
|
-
var _templateObject$1e, _templateObject2$
|
|
4802
|
+
var _templateObject$1e, _templateObject2$X, _templateObject3$x, _templateObject4$h, _templateObject5$9, _templateObject6$7, _templateObject7$7;
|
|
4798
4803
|
function CancelOrder() {
|
|
4799
4804
|
var _orderStaticData$canc;
|
|
4800
4805
|
var _useOrderId = useOrderId(),
|
|
@@ -4898,7 +4903,7 @@ function CancelOrder() {
|
|
|
4898
4903
|
options: cancelReasonOptions || [],
|
|
4899
4904
|
onSelect: onSelectCancelReason,
|
|
4900
4905
|
value: cancelReason
|
|
4901
|
-
}), React__default.createElement(Wrapper$
|
|
4906
|
+
}), React__default.createElement(Wrapper$f, null, React__default.createElement(ReturnAction, null), React__default.createElement(ReturnReason, null))), React__default.createElement(TopRight, null, React__default.createElement(Container$P, null, React__default.createElement(Label$4, null, "Cancelation Note"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
4902
4907
|
rows: 5,
|
|
4903
4908
|
onChange: onChangeNotes,
|
|
4904
4909
|
value: cancelNotes,
|
|
@@ -4906,15 +4911,15 @@ function CancelOrder() {
|
|
|
4906
4911
|
}))))));
|
|
4907
4912
|
}
|
|
4908
4913
|
var Label$4 = /*#__PURE__*/styled__default.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"])));
|
|
4909
|
-
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4910
|
-
var Wrapper$
|
|
4914
|
+
var Container$P = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4915
|
+
var Wrapper$f = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
4911
4916
|
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
4912
4917
|
var TopRight = /*#__PURE__*/styled__default.div(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
4913
4918
|
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 30px;\n width: 100%;\n"])));
|
|
4914
4919
|
// const Bottom = styled.div``;
|
|
4915
4920
|
var ContentContainer$3 = /*#__PURE__*/styled__default.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"])));
|
|
4916
4921
|
|
|
4917
|
-
var _templateObject$1f, _templateObject2$
|
|
4922
|
+
var _templateObject$1f, _templateObject2$Y, _templateObject3$y;
|
|
4918
4923
|
function EmailAddress() {
|
|
4919
4924
|
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
|
|
4920
4925
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -4956,10 +4961,10 @@ function EmailAddress() {
|
|
|
4956
4961
|
}), errors.emailError && React__default.createElement(ErrorText$2, null, errors.emailError));
|
|
4957
4962
|
}
|
|
4958
4963
|
var Label$5 = /*#__PURE__*/styled__default.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"])));
|
|
4959
|
-
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4964
|
+
var Container$Q = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
4960
4965
|
var ErrorText$2 = /*#__PURE__*/styled__default.span(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
4961
4966
|
|
|
4962
|
-
var _templateObject$1g, _templateObject2$
|
|
4967
|
+
var _templateObject$1g, _templateObject2$Z, _templateObject3$z;
|
|
4963
4968
|
function ContactPhone() {
|
|
4964
4969
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
4965
4970
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5021,10 +5026,10 @@ function ContactPhone() {
|
|
|
5021
5026
|
}), errors.homeContactError && React__default.createElement(ErrorText$3, null, errors.homeContactError));
|
|
5022
5027
|
}
|
|
5023
5028
|
var Label$6 = /*#__PURE__*/styled__default.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"])));
|
|
5024
|
-
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5029
|
+
var Container$R = /*#__PURE__*/styled__default.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5025
5030
|
var ErrorText$3 = /*#__PURE__*/styled__default.span(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5026
5031
|
|
|
5027
|
-
var _templateObject$1h, _templateObject2$
|
|
5032
|
+
var _templateObject$1h, _templateObject2$_, _templateObject3$A;
|
|
5028
5033
|
function ContactWork$1() {
|
|
5029
5034
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5030
5035
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5086,10 +5091,10 @@ function ContactWork$1() {
|
|
|
5086
5091
|
}), errors.workContactError && React__default.createElement(ErrorText$4, null, errors.workContactError));
|
|
5087
5092
|
}
|
|
5088
5093
|
var Label$7 = /*#__PURE__*/styled__default.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"])));
|
|
5089
|
-
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5094
|
+
var Container$S = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5090
5095
|
var ErrorText$4 = /*#__PURE__*/styled__default.span(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5091
5096
|
|
|
5092
|
-
var _templateObject$1i, _templateObject2
|
|
5097
|
+
var _templateObject$1i, _templateObject2$$, _templateObject3$B;
|
|
5093
5098
|
function ContactMobile$1() {
|
|
5094
5099
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5095
5100
|
orderDetails = _useOrderDetailsConfi[0],
|
|
@@ -5151,7 +5156,7 @@ function ContactMobile$1() {
|
|
|
5151
5156
|
}), errors.mobileError && React__default.createElement(ErrorText$5, null, errors.mobileError));
|
|
5152
5157
|
}
|
|
5153
5158
|
var Label$8 = /*#__PURE__*/styled__default.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"])));
|
|
5154
|
-
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2
|
|
5159
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5155
5160
|
var ErrorText$5 = /*#__PURE__*/styled__default.span(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n font-size: 0.85rem;\n margin-top: 4px;\n"])));
|
|
5156
5161
|
|
|
5157
5162
|
function ContactTypeDropdown() {
|
|
@@ -5218,7 +5223,7 @@ function ActionDropdown() {
|
|
|
5218
5223
|
});
|
|
5219
5224
|
}
|
|
5220
5225
|
|
|
5221
|
-
var _templateObject$1j, _templateObject2
|
|
5226
|
+
var _templateObject$1j, _templateObject2$10;
|
|
5222
5227
|
function DeliveryDate$1() {
|
|
5223
5228
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5224
5229
|
orderDetails = _useOrderDetailsConfi[0];
|
|
@@ -5253,7 +5258,7 @@ function DeliveryDate$1() {
|
|
|
5253
5258
|
}));
|
|
5254
5259
|
}
|
|
5255
5260
|
var Label$9 = /*#__PURE__*/styled__default.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"])));
|
|
5256
|
-
var Container$U = /*#__PURE__*/styled__default.div(_templateObject2
|
|
5261
|
+
var Container$U = /*#__PURE__*/styled__default.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"])));
|
|
5257
5262
|
|
|
5258
5263
|
function convertTo12HourFormat$1(time24) {
|
|
5259
5264
|
var _time24$split, _minutes$toString;
|
|
@@ -5302,19 +5307,19 @@ function TimedServiceDropdown$1() {
|
|
|
5302
5307
|
});
|
|
5303
5308
|
}
|
|
5304
5309
|
|
|
5305
|
-
var _templateObject$1k, _templateObject2$
|
|
5310
|
+
var _templateObject$1k, _templateObject2$11, _templateObject3$C, _templateObject4$i;
|
|
5306
5311
|
function CustomerInformation() {
|
|
5307
5312
|
var _orderDetails$order_r;
|
|
5308
5313
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
5309
5314
|
orderDetails = _useOrderDetailsConfi[0];
|
|
5310
|
-
return React__default.createElement(Container$V, null, React__default.createElement(Title$2, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$
|
|
5315
|
+
return React__default.createElement(Container$V, null, React__default.createElement(Title$2, null, "Address"), React__default.createElement(AddressField, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_recipient) == null ? void 0 : _orderDetails$order_r.address), React__default.createElement(Wrapper$g, null, React__default.createElement(EmailAddress, null), React__default.createElement(ContactPhone, null)), React__default.createElement(Wrapper$g, null, React__default.createElement(ContactWork$1, null), React__default.createElement(ContactMobile$1, null)), React__default.createElement(Wrapper$g, null, React__default.createElement(ContactTypeDropdown, null), React__default.createElement(ActionDropdown, null)), React__default.createElement(Wrapper$g, null, React__default.createElement(DeliveryDate$1, null), React__default.createElement(TimedServiceDropdown$1, null)));
|
|
5311
5316
|
}
|
|
5312
|
-
var Wrapper$
|
|
5313
|
-
var AddressField = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
5317
|
+
var Wrapper$g = /*#__PURE__*/styled__default.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"])));
|
|
5318
|
+
var AddressField = /*#__PURE__*/styled__default.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"])));
|
|
5314
5319
|
var Title$2 = /*#__PURE__*/styled__default.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"])));
|
|
5315
5320
|
var Container$V = /*#__PURE__*/styled__default.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"])));
|
|
5316
5321
|
|
|
5317
|
-
var _templateObject$1l, _templateObject2$
|
|
5322
|
+
var _templateObject$1l, _templateObject2$12;
|
|
5318
5323
|
function ProductTable$1() {
|
|
5319
5324
|
var _useProductDetails = useProductDetails(),
|
|
5320
5325
|
orderProductDetails = _useProductDetails[0];
|
|
@@ -5342,9 +5347,9 @@ function ProductTable$1() {
|
|
|
5342
5347
|
})))));
|
|
5343
5348
|
}
|
|
5344
5349
|
var Title$3 = /*#__PURE__*/styled__default.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"])));
|
|
5345
|
-
var Container$W = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5350
|
+
var Container$W = /*#__PURE__*/styled__default.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"])));
|
|
5346
5351
|
|
|
5347
|
-
var _templateObject$1m, _templateObject2$
|
|
5352
|
+
var _templateObject$1m, _templateObject2$13;
|
|
5348
5353
|
function NotesTable() {
|
|
5349
5354
|
var _useState = React.useState(null),
|
|
5350
5355
|
moduleIds = _useState[0],
|
|
@@ -5435,9 +5440,9 @@ function NotesTable() {
|
|
|
5435
5440
|
})))));
|
|
5436
5441
|
}
|
|
5437
5442
|
var Title$4 = /*#__PURE__*/styled__default.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"])));
|
|
5438
|
-
var Container$X = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5443
|
+
var Container$X = /*#__PURE__*/styled__default.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"])));
|
|
5439
5444
|
|
|
5440
|
-
var _templateObject$1n, _templateObject2$
|
|
5445
|
+
var _templateObject$1n, _templateObject2$14;
|
|
5441
5446
|
function ConfirmationNotes() {
|
|
5442
5447
|
return React__default.createElement(Container$Y, null, React__default.createElement(Label$a, null, "Notes"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5443
5448
|
rows: 5,
|
|
@@ -5445,9 +5450,9 @@ function ConfirmationNotes() {
|
|
|
5445
5450
|
}));
|
|
5446
5451
|
}
|
|
5447
5452
|
var Label$a = /*#__PURE__*/styled__default.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"])));
|
|
5448
|
-
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5453
|
+
var Container$Y = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5449
5454
|
|
|
5450
|
-
var _templateObject$1o, _templateObject2$
|
|
5455
|
+
var _templateObject$1o, _templateObject2$15;
|
|
5451
5456
|
function DeliveryInstructions$1() {
|
|
5452
5457
|
return React__default.createElement(Container$Z, null, React__default.createElement(Label$b, null, "Delivery Instructions"), React__default.createElement(dmsComponentLibrary.TextArea, {
|
|
5453
5458
|
rows: 5,
|
|
@@ -5455,9 +5460,9 @@ function DeliveryInstructions$1() {
|
|
|
5455
5460
|
}));
|
|
5456
5461
|
}
|
|
5457
5462
|
var Label$b = /*#__PURE__*/styled__default.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"])));
|
|
5458
|
-
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5463
|
+
var Container$Z = /*#__PURE__*/styled__default.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5459
5464
|
|
|
5460
|
-
var _templateObject$1p, _templateObject2$
|
|
5465
|
+
var _templateObject$1p, _templateObject2$16;
|
|
5461
5466
|
function ContactWith() {
|
|
5462
5467
|
return React__default.createElement(Container$_, null, React__default.createElement(Label$c, null, "Contact With"), React__default.createElement(antd.Input, {
|
|
5463
5468
|
style: {
|
|
@@ -5466,9 +5471,9 @@ function ContactWith() {
|
|
|
5466
5471
|
}));
|
|
5467
5472
|
}
|
|
5468
5473
|
var Label$c = /*#__PURE__*/styled__default.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"])));
|
|
5469
|
-
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5474
|
+
var Container$_ = /*#__PURE__*/styled__default.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
5470
5475
|
|
|
5471
|
-
var _templateObject$1q, _templateObject2$
|
|
5476
|
+
var _templateObject$1q, _templateObject2$17, _templateObject3$D, _templateObject4$j;
|
|
5472
5477
|
function SlotAndInstructions() {
|
|
5473
5478
|
var _orderDetails$order_r;
|
|
5474
5479
|
var _useOrderDetailsConfi = useOrderDetailsConfirmOrder(),
|
|
@@ -5476,11 +5481,11 @@ function SlotAndInstructions() {
|
|
|
5476
5481
|
return React__default.createElement(Container$$, null, React__default.createElement(Slot, null, React__default.createElement(Title$5, null, "Slot"), React__default.createElement(Value, null, orderDetails == null || (_orderDetails$order_r = orderDetails.order_routes) == null ? void 0 : _orderDetails$order_r.slot)), React__default.createElement(ContactWith, null), React__default.createElement(DeliveryInstructions$1, null), React__default.createElement(ConfirmationNotes, null));
|
|
5477
5482
|
}
|
|
5478
5483
|
var Value = /*#__PURE__*/styled__default.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"])));
|
|
5479
|
-
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5484
|
+
var Slot = /*#__PURE__*/styled__default.div(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 5px;\n"])));
|
|
5480
5485
|
var Title$5 = /*#__PURE__*/styled__default.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"])));
|
|
5481
5486
|
var Container$$ = /*#__PURE__*/styled__default.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"])));
|
|
5482
5487
|
|
|
5483
|
-
var _templateObject$1r, _templateObject2$
|
|
5488
|
+
var _templateObject$1r, _templateObject2$18;
|
|
5484
5489
|
// import { filterObject } from '../../../utils';
|
|
5485
5490
|
function ConfirmOrder() {
|
|
5486
5491
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -5659,13 +5664,13 @@ function ConfirmOrder() {
|
|
|
5659
5664
|
title: "There is Orders with identical postcodes that are yet to be delivered.View Orders",
|
|
5660
5665
|
showOkButton: false,
|
|
5661
5666
|
showCloseIcon: false
|
|
5662
|
-
}), React__default.createElement(Wrapper$
|
|
5667
|
+
}), React__default.createElement(Wrapper$h, null, React__default.createElement(CustomerInformation, null), React__default.createElement(SlotAndInstructions, null)), React__default.createElement(ProductTable$1, null), React__default.createElement(NotesTable, null)));
|
|
5663
5668
|
}
|
|
5664
|
-
var Wrapper$
|
|
5665
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5669
|
+
var Wrapper$h = /*#__PURE__*/styled__default.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
5670
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.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"])));
|
|
5666
5671
|
|
|
5667
|
-
var _templateObject2$
|
|
5668
|
-
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$
|
|
5672
|
+
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;
|
|
5673
|
+
var StyledInput = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
5669
5674
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5670
5675
|
var StyledTextAreas = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
5671
5676
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -6332,7 +6337,7 @@ var UnholdOrder = function UnholdOrder() {
|
|
|
6332
6337
|
};
|
|
6333
6338
|
var CustomCancelAndCompleteAction = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
6334
6339
|
|
|
6335
|
-
var _templateObject$1t, _templateObject2$
|
|
6340
|
+
var _templateObject$1t, _templateObject2$1a;
|
|
6336
6341
|
function AssigneeDropdown() {
|
|
6337
6342
|
var handleSelectChange = function handleSelectChange() {
|
|
6338
6343
|
// alert('hello');
|
|
@@ -6355,7 +6360,7 @@ function AssigneeDropdown() {
|
|
|
6355
6360
|
}));
|
|
6356
6361
|
}
|
|
6357
6362
|
var FormContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n width: 285px;\n"])));
|
|
6358
|
-
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$
|
|
6363
|
+
var StyledAntSelect = /*#__PURE__*/styled__default(dmsComponentLibrary.AntSelect)(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
6359
6364
|
|
|
6360
6365
|
var DatePickerIcon = function DatePickerIcon() {
|
|
6361
6366
|
return React__default.createElement("svg", {
|
|
@@ -6373,9 +6378,9 @@ var DatePickerIcon = function DatePickerIcon() {
|
|
|
6373
6378
|
}));
|
|
6374
6379
|
};
|
|
6375
6380
|
|
|
6376
|
-
var _templateObject$1u, _templateObject2$
|
|
6381
|
+
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;
|
|
6377
6382
|
var ReferenceContainer = /*#__PURE__*/styled__default.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"])));
|
|
6378
|
-
var InnerContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6383
|
+
var InnerContainer = /*#__PURE__*/styled__default.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"])));
|
|
6379
6384
|
var MiniContainer = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1;\n"])));
|
|
6380
6385
|
var StyledText = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
6381
6386
|
var StyledDateContainer = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6468,7 +6473,7 @@ function useFetchSingleReminderData() {
|
|
|
6468
6473
|
return res;
|
|
6469
6474
|
}
|
|
6470
6475
|
|
|
6471
|
-
var _templateObject$1v, _templateObject2$
|
|
6476
|
+
var _templateObject$1v, _templateObject2$1c, _templateObject3$G, _templateObject4$m;
|
|
6472
6477
|
function StatusIndicator(props) {
|
|
6473
6478
|
var statusColor = getStatusColor(props.status);
|
|
6474
6479
|
return React__default.createElement(Container$11, null, React__default.createElement(StatusCircleContainer, {
|
|
@@ -6482,7 +6487,7 @@ function StatusIndicator(props) {
|
|
|
6482
6487
|
var StatusCircleContainer = /*#__PURE__*/styled__default.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) {
|
|
6483
6488
|
return props.status === 'SD' ? '#30fe43' : props.status === 'AD' ? '#E95252' : 'transparent';
|
|
6484
6489
|
});
|
|
6485
|
-
var StatusCircle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
6490
|
+
var StatusCircle = /*#__PURE__*/styled__default.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) {
|
|
6486
6491
|
return props.color;
|
|
6487
6492
|
});
|
|
6488
6493
|
var Container$11 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n height: 22px;\n"])));
|
|
@@ -6648,7 +6653,7 @@ function useFetchReminders() {
|
|
|
6648
6653
|
return perform;
|
|
6649
6654
|
}
|
|
6650
6655
|
|
|
6651
|
-
var _templateObject$1w, _templateObject2$
|
|
6656
|
+
var _templateObject$1w, _templateObject2$1d, _templateObject3$H, _templateObject4$n, _templateObject5$b, _templateObject6$9, _templateObject7$9;
|
|
6652
6657
|
var ViewReminderModal = function ViewReminderModal() {
|
|
6653
6658
|
var _reminderData$reminde, _reminderData$order_d, _reminderData$order_d2, _reminderData$reminde2, _reminderData$reminde3, _reminderData$reminde4, _reminderData$reminde5;
|
|
6654
6659
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -6805,7 +6810,7 @@ var ViewReminderModal = function ViewReminderModal() {
|
|
|
6805
6810
|
}))))));
|
|
6806
6811
|
};
|
|
6807
6812
|
var StyledWrapper = /*#__PURE__*/styled__default.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"])));
|
|
6808
|
-
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
6813
|
+
var StyledLabel = /*#__PURE__*/styled__default.label(_templateObject2$1d || (_templateObject2$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n"])));
|
|
6809
6814
|
var StyledSpan = /*#__PURE__*/styled__default.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"])));
|
|
6810
6815
|
var StyledCheckbox = /*#__PURE__*/styled__default.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"])));
|
|
6811
6816
|
var OuterDiv = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 33%;\n"])));
|
|
@@ -6814,7 +6819,7 @@ var LabelText = /*#__PURE__*/styled__default.span(_templateObject7$9 || (_templa
|
|
|
6814
6819
|
|
|
6815
6820
|
var _templateObject$1x, _templateObject3$I, _templateObject5$c, _templateObject7$a, _templateObject8$6, _templateObject9$3;
|
|
6816
6821
|
// Shared styles and components
|
|
6817
|
-
var Wrapper$
|
|
6822
|
+
var Wrapper$i = /*#__PURE__*/styled__default.div(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
6818
6823
|
var SplitContainer = /*#__PURE__*/styled__default.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"])));
|
|
6819
6824
|
var Label$e = /*#__PURE__*/styled__default.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"])));
|
|
6820
6825
|
var ContentContainer$6 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -6833,7 +6838,7 @@ var FormRow = function FormRow(_ref) {
|
|
|
6833
6838
|
}, " * ")), children);
|
|
6834
6839
|
};
|
|
6835
6840
|
|
|
6836
|
-
var _templateObject$1y, _templateObject2$
|
|
6841
|
+
var _templateObject$1y, _templateObject2$1e, _templateObject3$J, _templateObject4$o, _templateObject5$d;
|
|
6837
6842
|
dayjs.extend(utc);
|
|
6838
6843
|
dayjs.extend(dateFns.isValid);
|
|
6839
6844
|
function CreateReminderModal() {
|
|
@@ -6948,7 +6953,7 @@ function CreateReminderModal() {
|
|
|
6948
6953
|
});
|
|
6949
6954
|
});
|
|
6950
6955
|
};
|
|
6951
|
-
return React__default.createElement(Wrapper$
|
|
6956
|
+
return React__default.createElement(Wrapper$i, null, React__default.createElement(SplitContainer, null, React__default.createElement(FormRow, {
|
|
6952
6957
|
label: "Assigned To"
|
|
6953
6958
|
}, React__default.createElement(DoubleDropdownContainer, null, React__default.createElement(StyledAntSelect$1, {
|
|
6954
6959
|
options: [],
|
|
@@ -7057,7 +7062,7 @@ function CreateReminderModal() {
|
|
|
7057
7062
|
})));
|
|
7058
7063
|
}
|
|
7059
7064
|
var StyleContainer = /*#__PURE__*/styled__default.div(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n"])));
|
|
7060
|
-
var Label$f = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
7065
|
+
var Label$f = /*#__PURE__*/styled__default.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"])));
|
|
7061
7066
|
var StyledAntSelect$1 = /*#__PURE__*/styled__default(antd.Select)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .ant-select-selector {\n width: 20vw;\n border-radius: 22px;\n }\n"])));
|
|
7062
7067
|
var StyledTextArea$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.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"])));
|
|
7063
7068
|
var StyledLink = /*#__PURE__*/styled__default.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"])));
|
|
@@ -7331,7 +7336,7 @@ function TaskReminderModal() {
|
|
|
7331
7336
|
}
|
|
7332
7337
|
var OrderModal = /*#__PURE__*/styled__default(OrderActionModal)(_templateObject$1z || (_templateObject$1z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 70%;\n"])));
|
|
7333
7338
|
|
|
7334
|
-
var _templateObject$1A, _templateObject2$
|
|
7339
|
+
var _templateObject$1A, _templateObject2$1f;
|
|
7335
7340
|
function OrderLock() {
|
|
7336
7341
|
var _useCurrentAction = useCurrentAction(),
|
|
7337
7342
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7385,7 +7390,7 @@ function OrderLock() {
|
|
|
7385
7390
|
});
|
|
7386
7391
|
}
|
|
7387
7392
|
var CustomCancelationModal = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelationModal)(_templateObject$1A || (_templateObject$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.8);\n"])));
|
|
7388
|
-
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7393
|
+
var CustomCancelAndCompleteAction$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1f || (_templateObject2$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7389
7394
|
|
|
7390
7395
|
function useUpdateFlag() {
|
|
7391
7396
|
var ssoToken = getCookie('id_token');
|
|
@@ -7455,7 +7460,7 @@ function useUpdateFlag() {
|
|
|
7455
7460
|
return create;
|
|
7456
7461
|
}
|
|
7457
7462
|
|
|
7458
|
-
var _templateObject$1B, _templateObject2$
|
|
7463
|
+
var _templateObject$1B, _templateObject2$1g, _templateObject3$K, _templateObject4$p, _templateObject5$e, _templateObject6$a;
|
|
7459
7464
|
function HeaderSection() {
|
|
7460
7465
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7461
7466
|
dataArray = _useSingleFlagData[0];
|
|
@@ -7526,13 +7531,13 @@ function HeaderSection() {
|
|
|
7526
7531
|
})));
|
|
7527
7532
|
}
|
|
7528
7533
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject$1B || (_templateObject$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n"])));
|
|
7529
|
-
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$
|
|
7534
|
+
var CustomCancelAndCompleteAction$2 = /*#__PURE__*/styled__default(dmsComponentLibrary.CancelAndCompleteAction)(_templateObject2$1g || (_templateObject2$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
7530
7535
|
var ResolveButton = /*#__PURE__*/styled__default.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"])));
|
|
7531
7536
|
var Title$6 = /*#__PURE__*/styled__default.span(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Roboto', sans-serif;\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n text-transform: uppercase;\n color: #3a3630;\n"])));
|
|
7532
7537
|
var StyledOverlay = /*#__PURE__*/styled__default.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"])));
|
|
7533
7538
|
var CrossWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
7534
7539
|
|
|
7535
|
-
var _templateObject$1C, _templateObject2$
|
|
7540
|
+
var _templateObject$1C, _templateObject2$1h;
|
|
7536
7541
|
function TextSection() {
|
|
7537
7542
|
var _useSinglePayload = useSinglePayload(),
|
|
7538
7543
|
payload = _useSinglePayload[0],
|
|
@@ -7551,9 +7556,9 @@ function TextSection() {
|
|
|
7551
7556
|
}));
|
|
7552
7557
|
}
|
|
7553
7558
|
var TextField = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1C || (_templateObject$1C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 97% !important;\n"])));
|
|
7554
|
-
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7559
|
+
var Text$7 = /*#__PURE__*/styled__default.div(_templateObject2$1h || (_templateObject2$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n margin-top: 2%;\n"])));
|
|
7555
7560
|
|
|
7556
|
-
var _templateObject$1D, _templateObject2$
|
|
7561
|
+
var _templateObject$1D, _templateObject2$1i;
|
|
7557
7562
|
function ButtonsSection() {
|
|
7558
7563
|
var _useSinglePayload = useSinglePayload(),
|
|
7559
7564
|
payload = _useSinglePayload[0],
|
|
@@ -7645,9 +7650,9 @@ function ButtonsSection() {
|
|
|
7645
7650
|
}))));
|
|
7646
7651
|
}
|
|
7647
7652
|
var Buttons = /*#__PURE__*/styled__default.div(_templateObject$1D || (_templateObject$1D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7648
|
-
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7653
|
+
var Flex = /*#__PURE__*/styled__default.div(_templateObject2$1i || (_templateObject2$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7649
7654
|
|
|
7650
|
-
var _templateObject$1E, _templateObject2$
|
|
7655
|
+
var _templateObject$1E, _templateObject2$1j, _templateObject3$L, _templateObject4$q, _templateObject5$f, _templateObject6$b;
|
|
7651
7656
|
function ActionSection() {
|
|
7652
7657
|
var _useCurrentAction = useCurrentAction(),
|
|
7653
7658
|
setCurrentAction = _useCurrentAction[1];
|
|
@@ -7686,7 +7691,7 @@ function ActionSection() {
|
|
|
7686
7691
|
setCurrentAction(undefined);
|
|
7687
7692
|
};
|
|
7688
7693
|
var isDisabled = dataArray.task_status_id === 2;
|
|
7689
|
-
return React__default.createElement(Wrapper$
|
|
7694
|
+
return React__default.createElement(Wrapper$j, null, React__default.createElement(Tippy, {
|
|
7690
7695
|
content: React__default.createElement(TooltipContent, null, 'This task cannot be edited because it has been marked as resolved.'),
|
|
7691
7696
|
placement: "bottom",
|
|
7692
7697
|
arrow: true,
|
|
@@ -7734,13 +7739,13 @@ function RadioButtonsSection() {
|
|
|
7734
7739
|
}));
|
|
7735
7740
|
}
|
|
7736
7741
|
var ButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject$1E || (_templateObject$1E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n"])));
|
|
7737
|
-
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$
|
|
7742
|
+
var SaveButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7738
7743
|
var CancelButton = /*#__PURE__*/styled__default(dmsComponentLibrary.Button)(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7739
7744
|
var DropDowns = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 25px;\n"])));
|
|
7740
7745
|
var TooltipContent = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #333;\n color: #fff;\n padding: 5px 10px;\n border-radius: 5px;\n"])));
|
|
7741
|
-
var Wrapper$
|
|
7746
|
+
var Wrapper$j = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
7742
7747
|
|
|
7743
|
-
var _templateObject$1F, _templateObject2$
|
|
7748
|
+
var _templateObject$1F, _templateObject2$1k, _templateObject3$M, _templateObject4$r, _templateObject5$g;
|
|
7744
7749
|
function DetailSection() {
|
|
7745
7750
|
var _dataArray$order_data, _dataArray$order_data2;
|
|
7746
7751
|
var _useSingleFlagData = useSingleFlagData(),
|
|
@@ -7753,7 +7758,7 @@ function DetailSection() {
|
|
|
7753
7758
|
}), React__default.createElement(Order, null, orderColumnData)));
|
|
7754
7759
|
}
|
|
7755
7760
|
var Detail = /*#__PURE__*/styled__default.div(_templateObject$1F || (_templateObject$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 40%;\n flex-wrap: wrap;\n"])));
|
|
7756
|
-
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7761
|
+
var Flex$1 = /*#__PURE__*/styled__default.div(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n"])));
|
|
7757
7762
|
var Ref = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7758
7763
|
var Order = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #7b7874;\n text-decoration: underline;\n font-family: 'Lato', sans-serif;\n"])));
|
|
7759
7764
|
var StyledLabel$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Label)(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 10px;\n font-weight: bold;\n"])));
|
|
@@ -7838,7 +7843,7 @@ function useFetchSingleFlagsData() {
|
|
|
7838
7843
|
return res;
|
|
7839
7844
|
}
|
|
7840
7845
|
|
|
7841
|
-
var _templateObject$1G, _templateObject2$
|
|
7846
|
+
var _templateObject$1G, _templateObject2$1l, _templateObject3$N;
|
|
7842
7847
|
function ViewFlag() {
|
|
7843
7848
|
var _useSingleFlagData = useSingleFlagData(),
|
|
7844
7849
|
dataArray = _useSingleFlagData[0],
|
|
@@ -7936,7 +7941,7 @@ function ViewFlag() {
|
|
|
7936
7941
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(BackgroundModals, null, dataArray && loading && React__default.createElement(Loader, null), React__default.createElement(MainContainer$a, null, React__default.createElement(HeaderSection, null), React__default.createElement(DetailSection, null), React__default.createElement(TextSection, null), React__default.createElement(ButtonsSection, null), React__default.createElement(SectionsContainer, null, React__default.createElement(ActionSection, null), React__default.createElement(RadioButtonsSection, null)))));
|
|
7937
7942
|
}
|
|
7938
7943
|
var SectionsContainer = /*#__PURE__*/styled__default.div(_templateObject$1G || (_templateObject$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 6%;\n"])));
|
|
7939
|
-
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$
|
|
7944
|
+
var BackgroundModals = /*#__PURE__*/styled__default(dmsComponentLibrary.BackgroundModal)(_templateObject2$1l || (_templateObject2$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(1px);\n"])));
|
|
7940
7945
|
var MainContainer$a = /*#__PURE__*/styled__default.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"])));
|
|
7941
7946
|
|
|
7942
7947
|
var _templateObject$1H;
|
|
@@ -8164,7 +8169,7 @@ function useSystemLogs() {
|
|
|
8164
8169
|
return perform;
|
|
8165
8170
|
}
|
|
8166
8171
|
|
|
8167
|
-
var _templateObject$1J, _templateObject2$
|
|
8172
|
+
var _templateObject$1J, _templateObject2$1m;
|
|
8168
8173
|
var Details = function Details() {
|
|
8169
8174
|
var _orderDetails$order_r, _orderDetails$order_r2;
|
|
8170
8175
|
var _useOrderDetails = useOrderDetails(),
|
|
@@ -8174,7 +8179,7 @@ var Details = function Details() {
|
|
|
8174
8179
|
return React__default.createElement(DetailsContainer, null, React__default.createElement(Typo, null, "CUSTOMER RETURN - ", recipient, " , ", postcodeShow));
|
|
8175
8180
|
};
|
|
8176
8181
|
var DetailsContainer = /*#__PURE__*/styled__default.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"])));
|
|
8177
|
-
var Typo = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8182
|
+
var Typo = /*#__PURE__*/styled__default.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"])));
|
|
8178
8183
|
|
|
8179
8184
|
var _templateObject$1K;
|
|
8180
8185
|
var DropDownContainer$1 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -8434,7 +8439,7 @@ var DetailsFilters = function DetailsFilters() {
|
|
|
8434
8439
|
};
|
|
8435
8440
|
var Flex$4 = /*#__PURE__*/styled__default.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"])));
|
|
8436
8441
|
|
|
8437
|
-
var _templateObject$1Q, _templateObject2$
|
|
8442
|
+
var _templateObject$1Q, _templateObject2$1n, _templateObject3$O, _templateObject4$s;
|
|
8438
8443
|
function OrderView() {
|
|
8439
8444
|
antd.notification.config({
|
|
8440
8445
|
top: 150
|
|
@@ -8721,13 +8726,13 @@ function OrderView() {
|
|
|
8721
8726
|
return React__default.createElement(MainContainer$b, null, React__default.createElement(GeneralHeader, null), React__default.createElement(DetailsFilters, null), React__default.createElement(OrderDetails$1, null), React__default.createElement(ProductsInfo, null), React__default.createElement(SplitLayout$1, null, React__default.createElement(NotesContainer, null, React__default.createElement(Notes, null)), React__default.createElement(TablesContainer, null, React__default.createElement(SystemLogs, null))), React__default.createElement(OrderActions, null));
|
|
8722
8727
|
}
|
|
8723
8728
|
var MainContainer$b = /*#__PURE__*/styled__default.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"])));
|
|
8724
|
-
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8729
|
+
var SplitLayout$1 = /*#__PURE__*/styled__default.div(_templateObject2$1n || (_templateObject2$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n @media (max-width: 1024px) {\n display: contents;\n }\n"])));
|
|
8725
8730
|
var NotesContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n"])));
|
|
8726
8731
|
var TablesContainer = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
8727
8732
|
|
|
8728
8733
|
var _templateObject3$P, _templateObject5$h, _templateObject7$b, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$2, _templateObject14$2;
|
|
8729
8734
|
var CoverPage = /*#__PURE__*/styled__default.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"])));
|
|
8730
|
-
var Wrapper$
|
|
8735
|
+
var Wrapper$k = /*#__PURE__*/styled__default.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"])));
|
|
8731
8736
|
var Label$g = /*#__PURE__*/styled__default.div(_templateObject7$b || (_templateObject7$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #8e8a85;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
8732
8737
|
var FilterRow = /*#__PURE__*/styled__default.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"])));
|
|
8733
8738
|
var FilterColumn = /*#__PURE__*/styled__default.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"])));
|
|
@@ -8975,10 +8980,15 @@ function SelectionFilter() {
|
|
|
8975
8980
|
var queryParams = new URLSearchParams({
|
|
8976
8981
|
customerId: selectedClient == null ? void 0 : selectedClient.toString()
|
|
8977
8982
|
});
|
|
8978
|
-
|
|
8979
|
-
|
|
8980
|
-
|
|
8981
|
-
|
|
8983
|
+
var currentSearch = window.location.search;
|
|
8984
|
+
console.log(currentSearch, 'currentSearch');
|
|
8985
|
+
if (!currentSearch.includes('filter')) {
|
|
8986
|
+
console.log('inside include');
|
|
8987
|
+
// for dev
|
|
8988
|
+
navigate("/order/return/filter?" + queryParams.toString());
|
|
8989
|
+
// for local
|
|
8990
|
+
//navigate(`/filter?${queryParams.toString()}`);
|
|
8991
|
+
}
|
|
8982
8992
|
}
|
|
8983
8993
|
var selectedClientValue = clientOptions == null ? void 0 : clientOptions.find(function (client) {
|
|
8984
8994
|
return (client == null ? void 0 : client.value) === selectedClient;
|
|
@@ -9109,7 +9119,7 @@ function SelectionFilter() {
|
|
|
9109
9119
|
replace: true
|
|
9110
9120
|
});
|
|
9111
9121
|
};
|
|
9112
|
-
return React__default.createElement(Wrapper$
|
|
9122
|
+
return React__default.createElement(Wrapper$k, null, React__default.createElement(FilterRow, null, React__default.createElement(LeftColumn, null, React__default.createElement(FilterColumn, null, React__default.createElement(Label$g, null, "Clients"), React__default.createElement(StyledAntSelect$2, {
|
|
9113
9123
|
options: clientOptions,
|
|
9114
9124
|
placeholder: "Select Client Name",
|
|
9115
9125
|
onChange: handleClientChange,
|
|
@@ -9218,7 +9228,7 @@ var Text$8 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateOb
|
|
|
9218
9228
|
// Right side filter
|
|
9219
9229
|
var StyledTableFilter = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9220
9230
|
|
|
9221
|
-
var _templateObject$1T, _templateObject2$
|
|
9231
|
+
var _templateObject$1T, _templateObject2$1o;
|
|
9222
9232
|
// import { StyledBulkItem } from '../../filters/BulkFilterStyle';
|
|
9223
9233
|
// import SearchType from '../../header/route-header/search/SearchType';
|
|
9224
9234
|
// import DownloadIcon from '../../../../assets/icons/DownloadIcon';
|
|
@@ -9245,7 +9255,7 @@ var Container$13 = /*#__PURE__*/styled__default.div(_templateObject$1T || (_temp
|
|
|
9245
9255
|
// align-self: stretch;
|
|
9246
9256
|
// border-radius: 15px 0px 0px 15px;
|
|
9247
9257
|
// `;
|
|
9248
|
-
var ButtonText = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9258
|
+
var ButtonText = /*#__PURE__*/styled__default.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"])));
|
|
9249
9259
|
|
|
9250
9260
|
var ReturnFilter = function ReturnFilter() {
|
|
9251
9261
|
var _useCustomerData = useCustomerData(),
|
|
@@ -9261,9 +9271,9 @@ var ReturnFilter = function ReturnFilter() {
|
|
|
9261
9271
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledFiter, null, React__default.createElement(Text$8, null, customerName), React__default.createElement(StyledFIlterELements, null, React__default.createElement(StyledTableFilter, null)), React__default.createElement(RightFilters, null)));
|
|
9262
9272
|
};
|
|
9263
9273
|
|
|
9264
|
-
var _templateObject$1U, _templateObject2$
|
|
9274
|
+
var _templateObject$1U, _templateObject2$1p, _templateObject3$Q, _templateObject4$u, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
9265
9275
|
var ColumStyle = /*#__PURE__*/styled__default.div(_templateObject$1U || (_templateObject$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 67px;\n align-items: center;\n gap: 7px;\n"])));
|
|
9266
|
-
var GreyBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9276
|
+
var GreyBox = /*#__PURE__*/styled__default.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"])));
|
|
9267
9277
|
// Styled components
|
|
9268
9278
|
var StyledTableWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
9269
9279
|
var StyledTable$3 = /*#__PURE__*/styled__default.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"])));
|
|
@@ -9454,7 +9464,7 @@ var optionsForReturnPrint = [{
|
|
|
9454
9464
|
label: 'Print Return Labels'
|
|
9455
9465
|
}];
|
|
9456
9466
|
|
|
9457
|
-
var _templateObject$1V, _templateObject2$
|
|
9467
|
+
var _templateObject$1V, _templateObject2$1q;
|
|
9458
9468
|
var options = optionsForReturnPrint;
|
|
9459
9469
|
var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
9460
9470
|
var legacyProductId = _ref.legacyProductId;
|
|
@@ -9471,7 +9481,7 @@ var PrintDropDownReturn = function PrintDropDownReturn(_ref) {
|
|
|
9471
9481
|
}));
|
|
9472
9482
|
};
|
|
9473
9483
|
var OptionsList = /*#__PURE__*/styled__default.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"])));
|
|
9474
|
-
var OptionsListLi = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
9484
|
+
var OptionsListLi = /*#__PURE__*/styled__default.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"])));
|
|
9475
9485
|
|
|
9476
9486
|
function CaretDownFilledIcon(props) {
|
|
9477
9487
|
return React__default.createElement("svg", Object.assign({
|
|
@@ -9863,7 +9873,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
9863
9873
|
})))));
|
|
9864
9874
|
};
|
|
9865
9875
|
|
|
9866
|
-
var _templateObject$1W, _templateObject2$
|
|
9876
|
+
var _templateObject$1W, _templateObject2$1r;
|
|
9867
9877
|
var DefectsModal = function DefectsModal() {
|
|
9868
9878
|
var options = [{
|
|
9869
9879
|
value: 'bjsCouriers',
|
|
@@ -9916,9 +9926,9 @@ var DefectsModal = function DefectsModal() {
|
|
|
9916
9926
|
}))));
|
|
9917
9927
|
};
|
|
9918
9928
|
var StyledConatiner = /*#__PURE__*/styled__default.div(_templateObject$1W || (_templateObject$1W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* tex: nowrap; */\n"])));
|
|
9919
|
-
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9929
|
+
var GLobalPopupContent = /*#__PURE__*/styled__default.div(_templateObject2$1r || (_templateObject2$1r = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9920
9930
|
|
|
9921
|
-
var _templateObject$1X, _templateObject2$
|
|
9931
|
+
var _templateObject$1X, _templateObject2$1s, _templateObject3$R;
|
|
9922
9932
|
var _excluded$4 = ["id"];
|
|
9923
9933
|
var CreateReturnModal = function CreateReturnModal() {
|
|
9924
9934
|
var _useSelectedConfirmLo = useSelectedConfirmLoc(),
|
|
@@ -9965,7 +9975,7 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
9965
9975
|
}
|
|
9966
9976
|
}
|
|
9967
9977
|
}, [selectedlocation]);
|
|
9968
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$
|
|
9978
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$l, null, React__default.createElement(dmsComponentLibrary.Alert, {
|
|
9969
9979
|
onClose: function onClose() {},
|
|
9970
9980
|
description: "",
|
|
9971
9981
|
type: "info",
|
|
@@ -9998,8 +10008,8 @@ var CreateReturnModal = function CreateReturnModal() {
|
|
|
9998
10008
|
})))));
|
|
9999
10009
|
};
|
|
10000
10010
|
var StyledText$1 = /*#__PURE__*/styled__default.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"])));
|
|
10001
|
-
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10002
|
-
var Wrapper$
|
|
10011
|
+
var Container$14 = /*#__PURE__*/styled__default.div(_templateObject2$1s || (_templateObject2$1s = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10012
|
+
var Wrapper$l = /*#__PURE__*/styled__default.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"])));
|
|
10003
10013
|
|
|
10004
10014
|
var ModalManager = function ModalManager() {
|
|
10005
10015
|
var _useAtom = jotai.useAtom(countReducerAtom),
|
|
@@ -10148,9 +10158,9 @@ var ModalManager = function ModalManager() {
|
|
|
10148
10158
|
}));
|
|
10149
10159
|
};
|
|
10150
10160
|
|
|
10151
|
-
var _templateObject$1Y, _templateObject2$
|
|
10161
|
+
var _templateObject$1Y, _templateObject2$1t, _templateObject3$S, _templateObject4$v, _templateObject6$c, _templateObject7$d;
|
|
10152
10162
|
var StyledContainer = /*#__PURE__*/styled__default.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"])));
|
|
10153
|
-
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10163
|
+
var StyledContentWrapper = /*#__PURE__*/styled__default.div(_templateObject2$1t || (_templateObject2$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n"])));
|
|
10154
10164
|
var StyledInfoBox = /*#__PURE__*/styled__default.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"])));
|
|
10155
10165
|
var StyledLabel$2 = /*#__PURE__*/styled__default.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"])));
|
|
10156
10166
|
var StyledPaginationWrapper = /*#__PURE__*/styled__default.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"])));
|
|
@@ -10272,7 +10282,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
10272
10282
|
}, React__default.createElement(NextIcon, null)))));
|
|
10273
10283
|
};
|
|
10274
10284
|
|
|
10275
|
-
var _templateObject$1Z, _templateObject2$
|
|
10285
|
+
var _templateObject$1Z, _templateObject2$1u;
|
|
10276
10286
|
// import { useLocation } from 'react-router-dom';
|
|
10277
10287
|
var ReturnTable = function ReturnTable() {
|
|
10278
10288
|
var _UsePaginationData = UsePaginationData(),
|
|
@@ -10306,7 +10316,7 @@ var ReturnTable = function ReturnTable() {
|
|
|
10306
10316
|
})))), React__default.createElement(ModalManager, null));
|
|
10307
10317
|
};
|
|
10308
10318
|
var Container$15 = /*#__PURE__*/styled__default.div(_templateObject$1Z || (_templateObject$1Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
10309
|
-
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
10319
|
+
var DashBoardWrapper$1 = /*#__PURE__*/styled__default.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"])));
|
|
10310
10320
|
|
|
10311
10321
|
function LoadIcon() {
|
|
10312
10322
|
return React__default.createElement("svg", {
|
|
@@ -10324,7 +10334,7 @@ function LoadIcon() {
|
|
|
10324
10334
|
}));
|
|
10325
10335
|
}
|
|
10326
10336
|
|
|
10327
|
-
var _templateObject$1_, _templateObject2$
|
|
10337
|
+
var _templateObject$1_, _templateObject2$1v;
|
|
10328
10338
|
var PrintDropDown = function PrintDropDown(_ref) {
|
|
10329
10339
|
var legacyProductId = _ref.legacyProductId;
|
|
10330
10340
|
var downloadFiles = function downloadFiles(label) {
|
|
@@ -10352,7 +10362,7 @@ var PrintDropDown = function PrintDropDown(_ref) {
|
|
|
10352
10362
|
}));
|
|
10353
10363
|
};
|
|
10354
10364
|
var OptionsList$1 = /*#__PURE__*/styled__default.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"])));
|
|
10355
|
-
var OptionsListLi$1 = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
10365
|
+
var OptionsListLi$1 = /*#__PURE__*/styled__default.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) {
|
|
10356
10366
|
var disabled = _ref2.disabled;
|
|
10357
10367
|
return disabled ? 'not-allowed' : 'pointer';
|
|
10358
10368
|
}, function (_ref3) {
|
|
@@ -10931,7 +10941,7 @@ var filtersReducerReturnAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
10931
10941
|
return set(filtersStateAtom$1, filterReducer$1(get(filtersStateAtom$1), action));
|
|
10932
10942
|
});
|
|
10933
10943
|
|
|
10934
|
-
var _templateObject$21, _templateObject2$
|
|
10944
|
+
var _templateObject$21, _templateObject2$1w;
|
|
10935
10945
|
var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
10936
10946
|
var _useAtom = jotai.useAtom(filtersReducerReturnAtom),
|
|
10937
10947
|
dispatch = _useAtom[1];
|
|
@@ -11148,7 +11158,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
11148
11158
|
};
|
|
11149
11159
|
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$21 || (_templateObject$21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
11150
11160
|
// const DropdownContainer = styled.div``;
|
|
11151
|
-
var StyledAntSelect$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11161
|
+
var StyledAntSelect$4 = /*#__PURE__*/styled__default.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"])));
|
|
11152
11162
|
|
|
11153
11163
|
var PAGE_SIZE_OPTIONS$1 = [50, 100, 150];
|
|
11154
11164
|
var MAX_PAGES_TO_SHOW$1 = 5;
|
|
@@ -11234,7 +11244,7 @@ var ReturnPagination = function ReturnPagination(_ref) {
|
|
|
11234
11244
|
}, React__default.createElement(NextIcon, null)))));
|
|
11235
11245
|
};
|
|
11236
11246
|
|
|
11237
|
-
var _templateObject$22, _templateObject2$
|
|
11247
|
+
var _templateObject$22, _templateObject2$1x;
|
|
11238
11248
|
var _excluded$5 = ["count"];
|
|
11239
11249
|
var ReturnAfterTable = function ReturnAfterTable() {
|
|
11240
11250
|
var _useReturnAfterOrderD = useReturnAfterOrderData(),
|
|
@@ -11306,12 +11316,12 @@ var ReturnAfterTable = function ReturnAfterTable() {
|
|
|
11306
11316
|
})))));
|
|
11307
11317
|
};
|
|
11308
11318
|
var Container$17 = /*#__PURE__*/styled__default.div(_templateObject$22 || (_templateObject$22 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n /* top: -30px; */\n"])));
|
|
11309
|
-
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.section(_templateObject2$
|
|
11319
|
+
var DashBoardWrapper$2 = /*#__PURE__*/styled__default.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"])));
|
|
11310
11320
|
|
|
11311
|
-
var _templateObject2$
|
|
11312
|
-
var StyledBulkItem = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11321
|
+
var _templateObject2$1y;
|
|
11322
|
+
var StyledBulkItem = /*#__PURE__*/styled__default.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"])));
|
|
11313
11323
|
|
|
11314
|
-
var _templateObject$23, _templateObject2$
|
|
11324
|
+
var _templateObject$23, _templateObject2$1z;
|
|
11315
11325
|
var SearchType = function SearchType() {
|
|
11316
11326
|
var _useState = React.useState(''),
|
|
11317
11327
|
searchText = _useState[0],
|
|
@@ -11327,7 +11337,7 @@ var SearchType = function SearchType() {
|
|
|
11327
11337
|
}));
|
|
11328
11338
|
};
|
|
11329
11339
|
var Search = /*#__PURE__*/styled__default.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"])));
|
|
11330
|
-
var SearchInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
11340
|
+
var SearchInput = /*#__PURE__*/styled__default.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"])));
|
|
11331
11341
|
|
|
11332
11342
|
var BulkFilter = function BulkFilter() {
|
|
11333
11343
|
// const [printToogle, setPrintToggle] = useMenuDropDown();
|
|
@@ -11666,7 +11676,7 @@ var overviewfiltersReducerAtom = /*#__PURE__*/jotai.atom(function (get) {
|
|
|
11666
11676
|
return set(filtersStateAtom$2, filterReducer$2(get(filtersStateAtom$2), action));
|
|
11667
11677
|
});
|
|
11668
11678
|
|
|
11669
|
-
var _templateObject$24, _templateObject2$
|
|
11679
|
+
var _templateObject$24, _templateObject2$1A, _templateObject3$T;
|
|
11670
11680
|
var _excluded$7 = ["count"];
|
|
11671
11681
|
function ReturnMainTable() {
|
|
11672
11682
|
var _useAtom = jotai.useAtom(overviewfiltersReducerAtom),
|
|
@@ -11737,12 +11747,12 @@ function ReturnMainTable() {
|
|
|
11737
11747
|
}))));
|
|
11738
11748
|
}
|
|
11739
11749
|
var Row$7 = /*#__PURE__*/styled__default.div(_templateObject$24 || (_templateObject$24 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
11740
|
-
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11750
|
+
var Container$18 = /*#__PURE__*/styled__default.div(_templateObject2$1A || (_templateObject2$1A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n top: -46px;\n"])));
|
|
11741
11751
|
var DashBoardWrapper$3 = /*#__PURE__*/styled__default.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"])));
|
|
11742
11752
|
|
|
11743
|
-
var _templateObject$25, _templateObject2$
|
|
11753
|
+
var _templateObject$25, _templateObject2$1B;
|
|
11744
11754
|
var HeaderWrapper = /*#__PURE__*/styled__default.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"])));
|
|
11745
|
-
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
11755
|
+
var StyledFlex = /*#__PURE__*/styled__default.div(_templateObject2$1B || (_templateObject2$1B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
11746
11756
|
|
|
11747
11757
|
var _templateObject$26;
|
|
11748
11758
|
var HeaderTitle = function HeaderTitle(props) {
|
|
@@ -11750,12 +11760,12 @@ var HeaderTitle = function HeaderTitle(props) {
|
|
|
11750
11760
|
};
|
|
11751
11761
|
var Title$7 = /*#__PURE__*/styled__default.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"])));
|
|
11752
11762
|
|
|
11753
|
-
var _templateObject$27, _templateObject2$
|
|
11763
|
+
var _templateObject$27, _templateObject2$1C;
|
|
11754
11764
|
function Breadcrumb(props) {
|
|
11755
11765
|
return React__default.createElement(BreadcrumbContainer, null, React__default.createElement(BreadcrumbList, null, props.title || ''), React__default.createElement(BreadcrumbList, null, props.subtitle || ''), props.subPart && React__default.createElement(React__default.Fragment, null, React__default.createElement(BreadcrumbList, null, props.subPart)));
|
|
11756
11766
|
}
|
|
11757
11767
|
var BreadcrumbContainer = /*#__PURE__*/styled__default.div(_templateObject$27 || (_templateObject$27 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
11758
|
-
var BreadcrumbList = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
11768
|
+
var BreadcrumbList = /*#__PURE__*/styled__default.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"])));
|
|
11759
11769
|
|
|
11760
11770
|
var RouterHeader = function RouterHeader(_ref) {
|
|
11761
11771
|
var _ref$breadcrumbTitle = _ref.breadcrumbTitle,
|
|
@@ -11885,10 +11895,10 @@ function ReturnClient() {
|
|
|
11885
11895
|
path: "",
|
|
11886
11896
|
element: React__default.createElement(ReturnMainTable, null)
|
|
11887
11897
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
11888
|
-
path: "
|
|
11898
|
+
path: "view",
|
|
11889
11899
|
element: React__default.createElement(ReturnAfterTable, null)
|
|
11890
11900
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
11891
|
-
path: "
|
|
11901
|
+
path: "view/:id",
|
|
11892
11902
|
element: React__default.createElement(OrderView, null)
|
|
11893
11903
|
}), React__default.createElement(reactRouterDom.Route, {
|
|
11894
11904
|
path: "filter",
|