pcm-shared-components 2.0.2 → 2.0.4

package/dist/components/Buttons/ProductItemButton/index.js

@@ -39,6 +39,10 @@ const useStyles = makeStyles(theme => ({
     maxHeight: ({
       PRODUCT_BUTTON_HEIGHT
     }) => PRODUCT_BUTTON_HEIGHT,
+    paddingRight: ({
+      hasImage,
+      isTierPricing
+    }) => hasImage && isTierPricing ? 0 : undefined,
     textAlign: 'center',
     fontSize: 16,
     borderRadius: 5,
@@ -55,6 +59,10 @@ const useStyles = makeStyles(theme => ({
     maxHeight: ({
       PRODUCT_BUTTON_HEIGHT
     }) => PRODUCT_BUTTON_HEIGHT,
+    paddingRight: ({
+      hasImage,
+      isTierPricing
+    }) => hasImage && isTierPricing ? 0 : undefined,
     textAlign: 'center',
     borderRadius: 5,
     backgroundColor: theme.palette && theme.palette.action.focus ? theme.palette.action.focus : undefined,
@@ -85,7 +93,7 @@ const useStyles = makeStyles(theme => ({
     textOverflow: 'ellipsis'
   },
   productTirePrice: {
-    fontSize: 20,
+    fontSize: 14,
     lineHeight: 1.3,
     "-webkit-line-clamp": 1,
     WebkitLineClamp: 1,
@@ -148,7 +156,9 @@ export const ProductItemButton = props => {
     PRODUCT_BUTTON_GUTTER,
     PRODUCT_BUTTON_HEIGHT,
     PRODUCT_SMALL_BUTTON_WIDTH,
-    PRODUCT_LARGE_BUTTON_WIDTH
+    PRODUCT_LARGE_BUTTON_WIDTH,
+    hasImage: productData.pictures && productData.pictures.length > 0 ? true : false,
+    isTierPricing: Number(productData.is_unit_pricing) !== 1 ? true : false
   });
   const compTheme = theme ? theme : useTheme();
   const defaultTheme = createTheme(compTheme); //---------------------------------------------------
@@ -168,23 +178,20 @@ export const ProductItemButton = props => {
     price,
     sub_title
   }) => {
-    return /*#__PURE__*/React.createElement("div", {
+    const thisPrice = toFloat_2_decimal(price);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, parseFloat(thisPrice) > 0 ? /*#__PURE__*/React.createElement("div", {
       className: clsx('flex flex-col mx-auto')
     }, /*#__PURE__*/React.createElement("p", {
       className: clsx(classes.productTirePrice, 'p-0 my-0 mx-auto ')
-    }, toFloat_0_decimal(price)), /*#__PURE__*/React.createElement("p", {
+    }, toFloat_2_decimal(price)), /*#__PURE__*/React.createElement("p", {
       className: clsx(classes.tierPriceSubtitle, ' mx-auto ')
-    }, sub_title));
+    }, sub_title)) : /*#__PURE__*/React.createElement(React.Fragment, null));
   };
 
-  const toFloat_2_decimal = (value, with_thousand_separators = true) => {
+  const toFloat_2_decimal = value => {
     try {
       if (value) {
         value = parseFloat(Math.round(value * 100) / 100).toFixed(2);
-
-        if (with_thousand_separators) {
-          value = thousandsSeparators(value);
-        }
       }
     } catch (e) {
       console.error(e.message);
@@ -193,14 +200,10 @@ export const ProductItemButton = props => {
     return value;
   };
 
-  const toFloat_0_decimal = (value, with_thousand_separators = true) => {
+  const toFloat_0_decimal = value => {
     try {
       if (value) {
         value = parseFloat(Math.round(value * 100) / 100).toFixed(0);
-
-        if (with_thousand_separators) {
-          value = thousandsSeparators(value);
-        }
       }
     } catch (e) {
       console.error(e.message);
@@ -238,7 +241,7 @@ export const ProductItemButton = props => {
     title: productData.description,
     arrow: true
   }, /*#__PURE__*/React.createElement(InfoIcon, {
-    fontSize: "large"
+    fontSize: "normal"
   })))), productData.pictures && productData.pictures.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "absolute left-0 -ml-10  z-99",
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "private": false,
   "main": "dist/index.js",
   "babel": {