@salesgenterp/ui-components 0.4.293 → 0.4.294

package/dist/index.js

@@ -1602,6 +1602,7 @@ var Dashboard = function Dashboard(_ref) {
     defaultStoreId = _ref.defaultStoreId,
     storeIdList = _ref.storeIdList,
     isNightMode = _ref.isNightMode,
+    exploreCategoryImage = _ref.exploreCategoryImage,
     sectionLeftImageSection = _ref.sectionLeftImageSection,
     sectionRightImageSection = _ref.sectionRightImageSection,
     discountImageSection = _ref.discountImageSection,
@@ -1844,10 +1845,13 @@ var Dashboard = function Dashboard(_ref) {
     md: 5
   }, /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
-    image: "https://d23gso0b80cetw.cloudfront.net/dashboard-image/Group+168+(1).png",
+    image: (exploreCategoryImage === null || exploreCategoryImage === void 0 ? void 0 : exploreCategoryImage.src) || 'https://d23gso0b80cetw.cloudfront.net/dashboard-image/Group+168+(1).png',
     alt: "image",
     style: {
       padding: '0 1rem'
+    },
+    onClick: function onClick() {
+      (exploreCategoryImage === null || exploreCategoryImage === void 0 ? void 0 : exploreCategoryImage.onClick) && (exploreCategoryImage === null || exploreCategoryImage === void 0 ? void 0 : exploreCategoryImage.onClick());
     }
   }))))), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
@@ -2085,7 +2089,7 @@ var MeetContainer = styled__default.h4(_templateObject3$2 || (_templateObject3$2
 var TypographyContainer$2 = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
-var CardMediaContainer = styled__default(material.CardMedia)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  border-radius: 50%;\n  max-width: 80px;\n  margin: 1.5rem 0;\n"])));
+var CardMediaContainer = styled__default(material.CardMedia)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  border-radius: 16%;\n  max-width: 80px;\n  margin: 1.5rem 0;\n"])));
 var DividerContainer = styled__default(material.Divider)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose([""])));
 var CardContainer = styled__default(material.Stack)(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  border-radius: 14px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  max-width: 300px;\n"])), function (props) {
   return props.isNightMode ? props.secondaryColor : "rgba(" + hexToRgbA(props.primaryColor) + ",0.1)";
@@ -3574,6 +3578,7 @@ var AccountDetails = function AccountDetails(_ref) {
     onChangePath = _ref.onChangePath,
     maxWidth = _ref.maxWidth,
     sectionLeftImageSection = _ref.sectionLeftImageSection,
+    exploreCategoryImage = _ref.exploreCategoryImage,
     sectionRightImageSection = _ref.sectionRightImageSection,
     discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage,
@@ -3687,6 +3692,7 @@ var AccountDetails = function AccountDetails(_ref) {
           storeIdList: storeIdList,
           defaultStoreId: defaultStoreId,
           isNightMode: isNightMode,
+          exploreCategoryImage: exploreCategoryImage,
           sectionLeftImageSection: sectionLeftImageSection,
           sectionRightImageSection: sectionRightImageSection,
           discountImageSection: discountImageSection,