@salesgenterp/ui-components 0.4.222 → 0.4.224

package/dist/index.js

@@ -1158,9 +1158,9 @@ var Dashboard = function Dashboard(_ref) {
     defaultStoreId = _ref.defaultStoreId,
     storeIdList = _ref.storeIdList,
     isNightMode = _ref.isNightMode,
-    sectionLeftImageSrc = _ref.sectionLeftImageSrc,
-    sectionRightImageSrc = _ref.sectionRightImageSrc,
-    discountImageSrc = _ref.discountImageSrc,
+    sectionLeftImageSection = _ref.sectionLeftImageSection,
+    sectionRightImageSection = _ref.sectionRightImageSection,
+    discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage;
   var _useState = React.useState({}),
     customerData = _useState[0],
@@ -1337,7 +1337,7 @@ var Dashboard = function Dashboard(_ref) {
     fontColor: fontColor,
     primaryColor: primaryColor,
     backgroundColor: backgroundColor
-  }, /*#__PURE__*/React__default.createElement("span", null, currentTimeText()), ' ', /*#__PURE__*/React__default.createElement("b", null, customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.name, "!"))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement("span", null, currentTimeText()), /*#__PURE__*/React__default.createElement("b", null, " ", customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.name, "!"))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 3
   }, totalDataSource === null || totalDataSource === void 0 ? void 0 : totalDataSource.map(function (data) {
@@ -1372,10 +1372,16 @@ var Dashboard = function Dashboard(_ref) {
     xs: 12,
     sm: 6,
     md: 8
-  }, sectionLeftImageSrc ? /*#__PURE__*/React__default.createElement(ImageContainer, {
+  }, sectionLeftImageSection !== null && sectionLeftImageSection !== void 0 && sectionLeftImageSection.sectionLeftImageSrc ? /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
-    image: sectionLeftImageSrc,
-    alt: "image"
+    image: sectionLeftImageSection === null || sectionLeftImageSection === void 0 ? void 0 : sectionLeftImageSection.sectionLeftImageSrc,
+    alt: "image",
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      (sectionLeftImageSection === null || sectionLeftImageSection === void 0 ? void 0 : sectionLeftImageSection.onClick) && (sectionLeftImageSection === null || sectionLeftImageSection === void 0 ? void 0 : sectionLeftImageSection.onClick());
+    }
   }) : /*#__PURE__*/React__default.createElement(CategoryContainer, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 2
@@ -1401,10 +1407,16 @@ var Dashboard = function Dashboard(_ref) {
     xs: 12,
     sm: 6,
     md: 4
-  }, sectionRightImageSrc ? /*#__PURE__*/React__default.createElement(ImageContainer, {
+  }, sectionRightImageSection !== null && sectionRightImageSection !== void 0 && sectionRightImageSection.sectionRightImageSrc ? /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
-    image: sectionRightImageSrc,
-    alt: "image"
+    image: sectionRightImageSection === null || sectionRightImageSection === void 0 ? void 0 : sectionRightImageSection.sectionRightImageSrc,
+    alt: "image",
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      (sectionRightImageSection === null || sectionRightImageSection === void 0 ? void 0 : sectionRightImageSection.onClick) && (sectionRightImageSection === null || sectionRightImageSection === void 0 ? void 0 : sectionRightImageSection.onClick());
+    }
   }) : /*#__PURE__*/React__default.createElement(DiscoverContainer, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 2,
@@ -1602,8 +1614,14 @@ var Dashboard = function Dashboard(_ref) {
     xs: 12
   }, /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
-    image: discountImageSrc || 'https://d23gso0b80cetw.cloudfront.net/dashboard-image/Ad.png',
-    alt: "image"
+    image: (discountImageSection === null || discountImageSection === void 0 ? void 0 : discountImageSection.discountImageSrc) || 'https://d23gso0b80cetw.cloudfront.net/dashboard-image/Ad.png',
+    alt: "image",
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      (discountImageSection === null || discountImageSection === void 0 ? void 0 : discountImageSection.onClick) && (discountImageSection === null || discountImageSection === void 0 ? void 0 : discountImageSection.onClick());
+    }
   })))))))));
 };
 var Root$2 = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose([""])));
@@ -3701,9 +3719,9 @@ var AccountDetails = function AccountDetails(_ref) {
     path = _ref.path,
     onChangePath = _ref.onChangePath,
     maxWidth = _ref.maxWidth,
-    sectionLeftImageSrc = _ref.sectionLeftImageSrc,
-    sectionRightImageSrc = _ref.sectionRightImageSrc,
-    discountImageSrc = _ref.discountImageSrc,
+    sectionLeftImageSection = _ref.sectionLeftImageSection,
+    sectionRightImageSection = _ref.sectionRightImageSection,
+    discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage;
   var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
   var isMobile = useMediaQuery('(max-width:800px)');
@@ -3815,9 +3833,9 @@ var AccountDetails = function AccountDetails(_ref) {
           storeIdList: storeIdList,
           defaultStoreId: defaultStoreId,
           isNightMode: isNightMode,
-          sectionLeftImageSrc: sectionLeftImageSrc,
-          sectionRightImageSrc: sectionRightImageSrc,
-          discountImageSrc: discountImageSrc,
+          sectionLeftImageSection: sectionLeftImageSection,
+          sectionRightImageSection: sectionRightImageSection,
+          discountImageSection: discountImageSection,
           hideDiscountImage: hideDiscountImage
         });
       case 'My Profile':
@@ -4111,15 +4129,14 @@ var CartDrawer = function CartDrawer(_ref) {
     loading = _ref.loading,
     imgnotfoundUrl = _ref.imgnotfoundUrl;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CartDrawerContainer, {
+    className: "cartDrawer-container",
     maxWidth: maxWidth
   }, /*#__PURE__*/React__default.createElement(CartDrawerBar, null, /*#__PURE__*/React__default.createElement("h2", null, "Your Cart"), /*#__PURE__*/React__default.createElement(gr.GrClose, {
     className: "icon",
     onClick: function onClick() {
       handleClose();
     }
-  })), /*#__PURE__*/React__default.createElement(material.Box, {
-    bgcolor: "#fff"
-  }, cartData && (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity) > 0 ? /*#__PURE__*/React__default.createElement(CartDrawerProductContainer, {
+  })), /*#__PURE__*/React__default.createElement(material.Box, null, cartData && (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity) > 0 ? /*#__PURE__*/React__default.createElement(CartDrawerProductContainer, {
     opacity: loading ? '.4' : '1'
   }, cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.map(function (product, i) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, loading && /*#__PURE__*/React__default.createElement(CartDrawerLoader, null, /*#__PURE__*/React__default.createElement(reactSpinners.PuffLoader, {
@@ -4138,7 +4155,7 @@ var CartDrawer = function CartDrawer(_ref) {
     color: color
   }, /*#__PURE__*/React__default.createElement(bs.BsCartX, {
     className: "icon"
-  }), /*#__PURE__*/React__default.createElement("h6", null, "OOps!"), /*#__PURE__*/React__default.createElement("p", null, "your cart is empty"))), cartData && (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity) > 0 && /*#__PURE__*/React__default.createElement(CartDrawerBottomSection, null, /*#__PURE__*/React__default.createElement(material.Stack, {
+  }), /*#__PURE__*/React__default.createElement("h6", null, "Oops!"), /*#__PURE__*/React__default.createElement("p", null, "your cart is empty"))), cartData && (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity) > 0 && /*#__PURE__*/React__default.createElement(CartDrawerBottomSection, null, /*#__PURE__*/React__default.createElement(material.Stack, {
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
@@ -6426,14 +6443,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     className: "text"
   }, "order total :"), /*#__PURE__*/React__default.createElement("h6", {
     className: "total"
-  }, renderMoney(total + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) - (discountTotal || 0)))), discountTotal && discountTotal > 0 && /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
+  }, renderMoney(total + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) - (discountTotal || 0)))), discountTotal && discountTotal > 0 ? /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
     className: "text"
   }, "Discount Total :"), /*#__PURE__*/React__default.createElement("h6", {
     className: "total",
     style: {
       fontSize: '1rem'
     }
-  }, renderMoney(discountTotal || 0))), /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
+  }, renderMoney(discountTotal || 0))) : null, /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
     className: "heading"
   }, "Billing Information"), billingInformation !== null && billingInformation !== void 0 && billingInformation.title ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
@@ -8127,7 +8144,7 @@ var Step4 = function Step4(_ref) {
         fontSize: '0.8rem'
       }
     }, renderMoney(coupon === null || coupon === void 0 ? void 0 : coupon.amount))));
-  }), discountTotal && discountTotal > 0 && /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
+  }), discountTotal && discountTotal > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1,
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
@@ -8140,7 +8157,7 @@ var Step4 = function Step4(_ref) {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm  primaryColor"
-  }, renderMoney(discountTotal)))), storeCredits && storeCredits > 0 && /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
+  }, renderMoney(discountTotal)))) : null, storeCredits && storeCredits > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1,
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
@@ -8153,7 +8170,7 @@ var Step4 = function Step4(_ref) {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm price"
-  }, "- $", (storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)) || 0))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
+  }, "- $", (storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)) || 0))) : null, /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1,
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {