@salesgenterp/ui-components 0.4.499 → 0.4.500

package/dist/index.js

@@ -32,7 +32,7 @@ var router = require('next/router');
 var Cards = _interopDefault(require('react-credit-cards'));
 var hi = require('react-icons/hi');
 var bs = require('react-icons/bs');
-require('react-icons/tfi');
+var tfi = require('react-icons/tfi');
 var go = require('react-icons/go');
 var ri = require('react-icons/ri');
 var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
@@ -13506,6 +13506,10 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
       var orderDetails = _extends({
         discountCouponList: []
       }, details);
+      if (placeQuotation && orderDetails.salesOrderDto) {
+        var _orderDetails$salesOr;
+        orderDetails.salesOrderDto.quotationNotes = orderDetails === null || orderDetails === void 0 ? void 0 : (_orderDetails$salesOr = orderDetails.salesOrderDto) === null || _orderDetails$salesOr === void 0 ? void 0 : _orderDetails$salesOr.orderNotes;
+      }
       return Promise.resolve(_catch(function () {
         return Promise.resolve(placeQuotation ? addQuotation({
           apiEndPoint: apiEndPoint,
@@ -14971,6 +14975,442 @@ var MaintenancePage = function MaintenancePage(_ref) {
   }, description ? description : 'Our website is currently undergoing some updates. We’ll be back online shortly!')));
 };
 
+var getNewArrivalRestockedDate = function getNewArrivalRestockedDate(_ref) {
+  var apiEndPoint = _ref.apiEndPoint,
+    token = _ref.token;
+  try {
+    var storeId = erCookieStorage.getItem('storeId') || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      method: 'GET',
+      url: "/ecommerce/product/newArrivalCount?storeIds=" + storeId,
+      errorMessage: 'Error getting the data'
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getNewArrivalData = function getNewArrivalData(_ref2) {
+  var apiEndPoint = _ref2.apiEndPoint,
+    token = _ref2.token,
+    queryParams = _ref2.queryParams;
+  try {
+    var storeId = erCookieStorage.getItem('storeId') || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      method: 'GET',
+      url: "/ecommerce/product/newArrivalDetails?storeIds=" + storeId,
+      queryParams: queryParams,
+      errorMessage: 'Error getting the data'
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getRestockedData = function getRestockedData(_ref3) {
+  var apiEndPoint = _ref3.apiEndPoint,
+    token = _ref3.token,
+    queryParams = _ref3.queryParams;
+  try {
+    var storeId = erCookieStorage.getItem('storeId') || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      method: 'GET',
+      url: "/ecommerce/product/newArrivalDetails?storeIds=" + storeId,
+      queryParams: queryParams,
+      errorMessage: 'Error getting the data'
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
+var _templateObject$S;
+var NewArrival = function NewArrival(_ref) {
+  var _newArrivalItems$cont;
+  var apiEndPoint = _ref.apiEndPoint,
+    token = _ref.token,
+    primaryColor = _ref.primaryColor,
+    fontColor = _ref.fontColor,
+    prodctCard = _ref.prodctCard,
+    newReleasedData = _ref.newReleasedData;
+  var _useState = React.useState(),
+    selectedDate = _useState[0],
+    setSelectedDate = _useState[1];
+  var _useState2 = React.useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = React.useState(),
+    newArrivalItems = _useState3[0],
+    setNewArrivalItems = _useState3[1];
+  React.useEffect(function () {
+    if (newReleasedData && (newReleasedData === null || newReleasedData === void 0 ? void 0 : newReleasedData.length) > 1) {
+      var _newReleasedData$;
+      setSelectedDate((_newReleasedData$ = newReleasedData[0]) === null || _newReleasedData$ === void 0 ? void 0 : _newReleasedData$.date);
+    }
+  }, [newReleasedData]);
+  React.useEffect(function () {
+    if (selectedDate) {
+      (function () {
+        try {
+          var _temp2 = function _temp2() {
+            setLoading(false);
+          };
+          setLoading(true);
+          var _temp = _catch(function () {
+            return Promise.resolve(getNewArrivalData({
+              apiEndPoint: apiEndPoint,
+              token: token,
+              queryParams: {
+                page: 0,
+                size: 999,
+                date: selectedDate,
+                type: 'NewReleased'
+              }
+            })).then(function (response) {
+              var newArrivalItem = response;
+              if (newArrivalItem) {
+                setNewArrivalItems(newArrivalItem);
+              }
+            });
+          }, function () {});
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        } catch (e) {
+          Promise.reject(e);
+        }
+      })();
+    }
+  }, [selectedDate]);
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, newReleasedData === null || newReleasedData === void 0 ? void 0 : newReleasedData.map(function (item, i) {
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      lg: 2,
+      md: 4,
+      sm: 4,
+      xs: 6,
+      key: i,
+      spacing: 2,
+      gap: 2
+    }, /*#__PURE__*/React__default.createElement(DateCard, {
+      item: item,
+      selectedDate: selectedDate,
+      setSelectedDate: setSelectedDate,
+      primaryColor: primaryColor,
+      fontColor: fontColor
+    }));
+  }), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/React__default.createElement(tfi.TfiMenuAlt, {
+    size: 20
+  }), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontSize: '1.5rem',
+      fontWeight: '500'
+    }
+  }, newArrivalItems === null || newArrivalItems === void 0 ? void 0 : newArrivalItems.totalElements, " item(s)"))), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(material.Divider, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(DataLoader, {
+    loading: loading
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React__default.createElement(ProductsGrid, null, newArrivalItems === null || newArrivalItems === void 0 ? void 0 : (_newArrivalItems$cont = newArrivalItems.content) === null || _newArrivalItems$cont === void 0 ? void 0 : _newArrivalItems$cont.map(function (product, i) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: i
+    }, prodctCard(product));
+  })))))));
+};
+var DateCard = function DateCard(_ref2) {
+  var item = _ref2.item,
+    setSelectedDate = _ref2.setSelectedDate,
+    selectedDate = _ref2.selectedDate,
+    primaryColor = _ref2.primaryColor,
+    fontColor = _ref2.fontColor;
+  return /*#__PURE__*/React__default.createElement(material.Box, {
+    onClick: function onClick() {
+      setSelectedDate(item === null || item === void 0 ? void 0 : item.date);
+    },
+    sx: {
+      display: 'flex',
+      gap: '1rem',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      paddingLeft: '1rem',
+      border: "1px solid " + primaryColor,
+      maxWidth: '200px',
+      borderRadius: '4px',
+      fontWeight: '500',
+      backgroundColor: selectedDate == (item === null || item === void 0 ? void 0 : item.date) ? primaryColor : '#ffffff',
+      cursor: 'pointer',
+      color: selectedDate == (item === null || item === void 0 ? void 0 : item.date) ? fontColor != null ? fontColor : '#ffffff' : '#000000'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontWeight: '500'
+    }
+  }, item === null || item === void 0 ? void 0 : item.month), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontWeight: '500'
+    }
+  }, item === null || item === void 0 ? void 0 : item.date), /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      fontWeight: '700',
+      padding: '0.7rem 1rem',
+      borderRadius: '3px',
+      color: selectedDate != (item === null || item === void 0 ? void 0 : item.date) ? fontColor != null ? fontColor : '#ffffff' : '#000000',
+      backgroundColor: selectedDate == (item === null || item === void 0 ? void 0 : item.date) ? '#ffffff' : primaryColor
+    }
+  }, item === null || item === void 0 ? void 0 : item.count));
+};
+var ProductsGrid = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n  grid-gap: 1.4rem;\n  padding: 2rem 0;\n  grid-row-gap: 22px;\n  margin-bottom: 4em;\n  @media only screen and (max-width: 1445px) {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n  @media only screen and (max-width: 1200px) {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n  @media only screen and (max-width: 580px) {\n    grid-template-columns: 1fr 1fr;\n    padding-top: 0rem;\n    /* width: 100vw; */\n    margin-top: 1em;\n    grid-gap: 1rem;\n  }\n"])));
+
+var ReStockedItem = function ReStockedItem(_ref) {
+  var _newArrivalItems$cont;
+  var apiEndPoint = _ref.apiEndPoint,
+    token = _ref.token,
+    primaryColor = _ref.primaryColor,
+    prodctCard = _ref.prodctCard,
+    reStocked = _ref.reStocked,
+    fontColor = _ref.fontColor;
+  var _useState = React.useState(),
+    selectedDate = _useState[0],
+    setSelectedDate = _useState[1];
+  var _useState2 = React.useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = React.useState(),
+    newArrivalItems = _useState3[0],
+    setNewArrivalItems = _useState3[1];
+  React.useEffect(function () {
+    if (reStocked && (reStocked === null || reStocked === void 0 ? void 0 : reStocked.length) > 1) {
+      var _reStocked$;
+      setSelectedDate((_reStocked$ = reStocked[0]) === null || _reStocked$ === void 0 ? void 0 : _reStocked$.date);
+    }
+  }, [reStocked]);
+  React.useEffect(function () {
+    if (selectedDate) {
+      (function () {
+        try {
+          var _temp2 = function _temp2() {
+            setLoading(false);
+          };
+          setLoading(true);
+          var _temp = _catch(function () {
+            return Promise.resolve(getRestockedData({
+              apiEndPoint: apiEndPoint,
+              token: token,
+              queryParams: {
+                page: 0,
+                size: 999,
+                date: selectedDate,
+                type: 'Restocked'
+              }
+            })).then(function (response) {
+              var newArrivalItem = response;
+              if (newArrivalItem) {
+                setNewArrivalItems(newArrivalItem);
+              }
+            });
+          }, function () {});
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        } catch (e) {
+          Promise.reject(e);
+        }
+      })();
+    }
+  }, [selectedDate]);
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, reStocked === null || reStocked === void 0 ? void 0 : reStocked.map(function (item, i) {
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      lg: 2,
+      md: 4,
+      sm: 4,
+      xs: 6,
+      key: i,
+      spacing: 2,
+      gap: 2
+    }, /*#__PURE__*/React__default.createElement(DateCard, {
+      item: item,
+      selectedDate: selectedDate,
+      setSelectedDate: setSelectedDate,
+      primaryColor: primaryColor,
+      fontColor: fontColor
+    }));
+  }), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/React__default.createElement(tfi.TfiMenuAlt, {
+    size: 20
+  }), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontSize: '1.5rem',
+      fontWeight: '500'
+    }
+  }, newArrivalItems === null || newArrivalItems === void 0 ? void 0 : newArrivalItems.totalElements, " item(s)"))), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(material.Divider, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(DataLoader, {
+    loading: loading
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React__default.createElement(ProductsGrid, null, newArrivalItems === null || newArrivalItems === void 0 ? void 0 : (_newArrivalItems$cont = newArrivalItems.content) === null || _newArrivalItems$cont === void 0 ? void 0 : _newArrivalItems$cont.map(function (product, i) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: i
+    }, prodctCard(product));
+  })))))));
+};
+
+var _excluded$7 = ["children", "value", "index"];
+var NewArrivalPage = function NewArrivalPage(_ref) {
+  var apiEndPoint = _ref.apiEndPoint,
+    token = _ref.token,
+    _ref$primaryColor = _ref.primaryColor,
+    primaryColor = _ref$primaryColor === void 0 ? '#424242' : _ref$primaryColor,
+    prodctCard = _ref.prodctCard,
+    _ref$fontColor = _ref.fontColor,
+    fontColor = _ref$fontColor === void 0 ? '#ffffff' : _ref$fontColor;
+  var _useState = React.useState(0),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = React.useState(),
+    newReleasedData = _useState2[0],
+    setNewReleaseData = _useState2[1];
+  var _useState3 = React.useState(),
+    reStockedData = _useState3[0],
+    setReStockedData = _useState3[1];
+  var _useState4 = React.useState(false),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var handleChange = function handleChange(event, newValue) {
+    setValue(newValue);
+  };
+  React.useEffect(function () {
+    if (apiEndPoint && token) {
+      (function () {
+        try {
+          var _temp2 = function _temp2() {
+            setLoading(false);
+          };
+          setLoading(true);
+          var _temp = _catch(function () {
+            return Promise.resolve(getNewArrivalRestockedDate({
+              apiEndPoint: apiEndPoint,
+              token: token
+            })).then(function (response) {
+              var _response$newArrivalC, _response$newArrivalC2;
+              var newReleased = response === null || response === void 0 ? void 0 : (_response$newArrivalC = response.newArrivalCountForNewProductsAndRestockedProduct) === null || _response$newArrivalC === void 0 ? void 0 : _response$newArrivalC.NewReleased;
+              var reStockedData = response === null || response === void 0 ? void 0 : (_response$newArrivalC2 = response.newArrivalCountForNewProductsAndRestockedProduct) === null || _response$newArrivalC2 === void 0 ? void 0 : _response$newArrivalC2.ReStocked;
+              if (newReleased) {
+                setNewReleaseData(newReleased);
+              }
+              if (reStockedData) {
+                setReStockedData(reStockedData);
+              }
+            });
+          }, function () {});
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        } catch (e) {
+          Promise.reject(e);
+        }
+      })();
+    }
+  }, [apiEndPoint, token]);
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataLoader, {
+    loading: loading
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      borderColor: 'divider'
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Tabs, {
+    value: value,
+    onChange: handleChange,
+    "aria-label": "basic tabs example",
+    TabIndicatorProps: {
+      style: {
+        backgroundColor: primaryColor
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Tab, {
+    label: "New Arrival",
+    style: {
+      color: '#000000',
+      fontSize: '1rem'
+    }
+  }), /*#__PURE__*/React__default.createElement(material.Tab, {
+    label: "ReStocked Item",
+    style: {
+      color: '#000000',
+      fontSize: '1rem'
+    }
+  })), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
+    value: value,
+    index: 0
+  }, /*#__PURE__*/React__default.createElement(NewArrival, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    primaryColor: primaryColor,
+    prodctCard: prodctCard,
+    newReleasedData: newReleasedData,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(CustomTabPanel, {
+    value: value,
+    index: 1
+  }, /*#__PURE__*/React__default.createElement(ReStockedItem, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    primaryColor: primaryColor,
+    prodctCard: prodctCard,
+    reStocked: reStockedData,
+    fontColor: fontColor
+  })))));
+};
+function CustomTabPanel(props) {
+  var children = props.children,
+    value = props.value,
+    index = props.index,
+    other = _objectWithoutPropertiesLoose(props, _excluded$7);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    role: "tabpanel",
+    hidden: value !== index,
+    id: "simple-tabpanel-" + index,
+    "aria-labelledby": "simple-tab-" + index
+  }, other), value === index && /*#__PURE__*/React__default.createElement(material.Box, {
+    style: {
+      padding: '1rem 0'
+    }
+  }, children));
+}
+
 exports.APIStaticPage = APIStaticPage;
 exports.AccountDetails = AccountDetails;
 exports.BrandList = BrandList;
@@ -14983,6 +15423,7 @@ exports.ContactUsForm = ContactUsForm;
 exports.GTagManager = GTagManager;
 exports.HomeBanner = HomeBanner;
 exports.MaintenancePage = MaintenancePage;
+exports.NewArrivalPage = NewArrivalPage;
 exports.OutOfStock = OutOfStock;
 exports.QuickOrder = QuickOrder;
 exports.RenderTawk = RenderTawk;