tabexseriescomponents 0.0.80 → 0.0.81

package/dist/index.cjs.js

@@ -766,6 +766,7 @@ var Login = function Login(props) {
         LoginMutation.mutate(payloadobj);
       }
     },
+    type: 'button',
     disabled: LoginMutation.isLoading == true ? true : false
   }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "#fff",
@@ -3711,6 +3712,17 @@ var Viewcart = function Viewcart(props) {
       setsectionproperties(_objectSpread$1t({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  React.useEffect(function () {
+    var _templatepropcontext, _templatepropcontext$;
+
+    var cartindex = (_templatepropcontext = templatepropcontext) === null || _templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = _templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
+      return x.staticpageid == '6218bccb84d2b';
+    });
+
+    if (cartindex >= 0) {
+      setCurrentPageId(cartindex);
+    }
+  }, []);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (sectionproperties.bgsection_imagearrayofobjs != null) {
@@ -5699,6 +5711,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
+  var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
 
   var _useState = React.useState(''),
@@ -26678,7 +26691,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       setdropdownselect(!dropdownselect);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex w-100 align-items-center '
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown dropdown-toggle_w100 d-flex w-100 align-items-center pl-2 pr-2 '
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
     "class": "d-flex w-100 align-items-center",
     style: {
@@ -30102,11 +30115,11 @@ var Card20 = function Card20(props) {
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: '/tr:w-300,h-300/' + item.image,
+    path: item.image,
     style: (_ref = {
       width: '100%',
       height: '100%',
-      objectFit: 'cover',
+      objectFit: sectionproperties.bgcovercontain,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -30130,10 +30143,6 @@ var Card20 = function Card20(props) {
       color: sectionproperties.badge_color
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex mr-1 align-items-center justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement(bi.BiTimeFive, {
-    size: sectionproperties.badge_fontsize + 'px'
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
@@ -30814,8 +30823,8 @@ var Card23 = function Card23(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
   var _useState5 = React.useState(props.cardinfoindexprops),
       _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30842,6 +30851,23 @@ var Card23 = function Card23(props) {
     }
   }, [StatePagePropertiesContext]);
   var cardsstyles2 = {
+    showmodal: glamor.css({
+      backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      width: sectionproperties.generalbtn_width + 'px',
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      color: sectionproperties.generalbtn_textColor,
+      cursor: 'pointer',
+      transition: '0.3s',
+      ':hover': {
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
     productNameStyles: glamor.css({
       color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -31027,15 +31053,16 @@ var Card23 = function Card23(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(fa.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))), /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": " ".concat(cardsstyles2.view_btn),
-    onClick: function onClick() {
+    "class": " ".concat(cardsstyles2.showmodal),
+    onClick: function onClick(e) {
+      e.stopPropagation();
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement(bs.BsEye, {
-    size: sectionproperties.favBtnIconfontsize
+    size: sectionproperties.generalbtn_fontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
     style: {
@@ -37706,6 +37733,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: '.3s'
     }),
     productNameStyles: glamor.css({
+      color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,

package/dist/index.esm.js

@@ -723,6 +723,7 @@ var Login = function Login(props) {
         LoginMutation.mutate(payloadobj);
       }
     },
+    type: 'button',
     disabled: LoginMutation.isLoading == true ? true : false
   }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
     color: "#fff",
@@ -3668,6 +3669,17 @@ var Viewcart = function Viewcart(props) {
       setsectionproperties(_objectSpread$1t({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    var _templatepropcontext, _templatepropcontext$;
+
+    var cartindex = (_templatepropcontext = templatepropcontext) === null || _templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = _templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
+      return x.staticpageid == '6218bccb84d2b';
+    });
+
+    if (cartindex >= 0) {
+      setCurrentPageId(cartindex);
+    }
+  }, []);
   useEffect(function () {
     if (sectionproperties.length != 0) {
       if (sectionproperties.bgsection_imagearrayofobjs != null) {
@@ -5656,6 +5668,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
+  var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
 
   var _useState = useState(''),
@@ -26635,7 +26648,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       setdropdownselect(!dropdownselect);
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex w-100 align-items-center '
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown dropdown-toggle_w100 d-flex w-100 align-items-center pl-2 pr-2 '
   }, /*#__PURE__*/React.createElement(Dropdown, {
     "class": "d-flex w-100 align-items-center",
     style: {
@@ -30059,11 +30072,11 @@ var Card20 = function Card20(props) {
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: '/tr:w-300,h-300/' + item.image,
+    path: item.image,
     style: (_ref = {
       width: '100%',
       height: '100%',
-      objectFit: 'cover',
+      objectFit: sectionproperties.bgcovercontain,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -30087,10 +30100,6 @@ var Card20 = function Card20(props) {
       color: sectionproperties.badge_color
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex mr-1 align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement(BiTimeFive, {
-    size: sectionproperties.badge_fontsize + 'px'
-  })), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
@@ -30771,8 +30780,8 @@ var Card23 = function Card23(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
   var _useState5 = useState(props.cardinfoindexprops),
       _useState6 = _slicedToArray(_useState5, 2);
@@ -30799,6 +30808,23 @@ var Card23 = function Card23(props) {
     }
   }, [StatePagePropertiesContext]);
   var cardsstyles2 = {
+    showmodal: css({
+      backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      width: sectionproperties.generalbtn_width + 'px',
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      color: sectionproperties.generalbtn_textColor,
+      cursor: 'pointer',
+      transition: '0.3s',
+      ':hover': {
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -30984,15 +31010,16 @@ var Card23 = function Card23(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))), /*#__PURE__*/React.createElement("button", {
-    "class": " ".concat(cardsstyles2.view_btn),
-    onClick: function onClick() {
+    "class": " ".concat(cardsstyles2.showmodal),
+    onClick: function onClick(e) {
+      e.stopPropagation();
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React.createElement(BsEye, {
-    size: sectionproperties.favBtnIconfontsize
+    size: sectionproperties.generalbtn_fontsize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100",
     style: {
@@ -37663,6 +37690,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: '.3s'
     }),
     productNameStyles: css({
+      color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,

package/dist/index.umd.js

@@ -706,6 +706,7 @@
             LoginMutation.mutate(payloadobj);
           }
         },
+        type: 'button',
         disabled: LoginMutation.isLoading == true ? true : false
       }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, LoginMutation.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
         color: "#fff",
@@ -3651,6 +3652,17 @@
           setsectionproperties(_objectSpread$1t({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
+      React.useEffect(function () {
+        var _templatepropcontext, _templatepropcontext$;
+
+        var cartindex = (_templatepropcontext = templatepropcontext) === null || _templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = _templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
+          return x.staticpageid == '6218bccb84d2b';
+        });
+
+        if (cartindex >= 0) {
+          setCurrentPageId(cartindex);
+        }
+      }, []);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
           if (sectionproperties.bgsection_imagearrayofobjs != null) {
@@ -5639,6 +5651,7 @@
       var authdetailsContext = props.actions.authdetailsContext;
       var instapikey = props.actions.instapikey;
       var templatepropcontext = props.actions.templatepropcontext;
+      var NotificationManager = props.actions.NotificationManager;
       var actions = props.actions;
 
       var _useState = React.useState(''),
@@ -26618,7 +26631,7 @@
           setdropdownselect(!dropdownselect);
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex w-100 align-items-center '
+        "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown dropdown-toggle_w100 d-flex w-100 align-items-center pl-2 pr-2 '
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
         "class": "d-flex w-100 align-items-center",
         style: {
@@ -30042,11 +30055,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: '/tr:w-300,h-300/' + item.image,
+        path: item.image,
         style: (_ref = {
           width: '100%',
           height: '100%',
-          objectFit: 'cover',
+          objectFit: sectionproperties.bgcovercontain,
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -30070,10 +30083,6 @@
           color: sectionproperties.badge_color
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "d-flex mr-1 align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(bi.BiTimeFive, {
-        size: sectionproperties.badge_fontsize + 'px'
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           fontSize: sectionproperties.badge_fontsize + 'px'
         }
@@ -30754,8 +30763,8 @@
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var addtofavoritescontext = props.addtofavoritescontext;
-      var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-      var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+      var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+      var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
       var _useState5 = React.useState(props.cardinfoindexprops),
           _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30782,6 +30791,23 @@
         }
       }, [StatePagePropertiesContext]);
       var cardsstyles2 = {
+        showmodal: glamor.css({
+          backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+          height: sectionproperties.generalbtn_height + 'px',
+          width: sectionproperties.generalbtn_width + 'px',
+          fontSize: sectionproperties.generalbtn_fontsize + 'px',
+          color: sectionproperties.generalbtn_textColor,
+          cursor: 'pointer',
+          transition: '0.3s',
+          ':hover': {
+            backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        }),
         productNameStyles: glamor.css({
           color: sectionproperties.prodNameColor,
           fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -30967,15 +30993,16 @@
       }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(fa.FaRegHeart, {
         size: sectionproperties.favBtnIconfontsize
       }))), /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": " ".concat(cardsstyles2.view_btn),
-        onClick: function onClick() {
+        "class": " ".concat(cardsstyles2.showmodal),
+        onClick: function onClick(e) {
+          e.stopPropagation();
           setShowProductInfoModalContext(true);
           setProductIdProdutInfoModalContext(item.productid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
       }, /*#__PURE__*/React__default["default"].createElement(bs.BsEye, {
-        size: sectionproperties.favBtnIconfontsize
+        size: sectionproperties.generalbtn_fontsize
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100",
         style: {
@@ -37646,6 +37673,7 @@
           transition: '.3s'
         }),
         productNameStyles: glamor.css({
+          color: sectionproperties.prodNameColor,
           fontSize: sectionproperties.prodNameFontSize + 'px',
           textTransform: sectionproperties.prodNameTextTranform,
           fontWeight: sectionproperties.prodNameFontWeight,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.80",
+	"version": "0.0.81",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {