tabexseriescomponents 0.0.129 → 0.0.131

package/dist/index.esm.js

@@ -46,6 +46,7 @@ import { HiOutlineChevronRight } from '@react-icons/all-files/hi/HiOutlineChevro
 import { HiOutlineChevronLeft } from '@react-icons/all-files/hi/HiOutlineChevronLeft';
 import { GoGlobe } from '@react-icons/all-files/go/GoGlobe';
 import { VscGlobe } from '@react-icons/all-files/vsc/VscGlobe';
+import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
 import { BiSad } from '@react-icons/all-files/bi/BiSad';
 import TextareaAutosize from 'react-textarea-autosize';
@@ -69,7 +70,6 @@ import { ScrollMenu } from 'react-horizontal-scrolling-menu';
 import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircleRight';
 import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
 import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
-import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { BiLogOutCircle } from '@react-icons/all-files/bi/BiLogOutCircle';
 import { BiChevronDown } from '@react-icons/all-files/bi/BiChevronDown';
 import { BiUser } from '@react-icons/all-files/bi/BiUser';
@@ -3402,7 +3402,7 @@ var Ordershistory = function Ordershistory(props) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, !fetchorderhistoryQueryContext.isFetching && fetchorderhistoryQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
-    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -3521,7 +3521,8 @@ var Ordershistory = function Ordershistory(props) {
     className: "w-100",
     style: {
       background: 'white',
-      padding: '20px'
+      padding: '20px',
+      minHeight: '70vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(generalstyles.table_responsive) + ' col-lg-12 '
@@ -3681,7 +3682,7 @@ var Ordershistory = function Ordershistory(props) {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
       className: ' col-lg-12 col-md-12 d-flex p-0'
-    }, /*#__PURE__*/React.createElement("div", {
+    }, item.mainproductimage != undefined && item.mainproductimage != '' && item.mainproductimage != null && /*#__PURE__*/React.createElement("div", {
       className: "".concat(orderhistory_cssstyles.tableimagecont)
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
@@ -3690,9 +3691,16 @@ var Ordershistory = function Ordershistory(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
+    })), item.mainproductimage == '' && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(orderhistory_cssstyles.tableimagecont) + ' allcentered ',
+      style: {
+        background: '#eee'
+      }
+    }, /*#__PURE__*/React.createElement(FiLayers, {
+      color: "#ccc"
     })), /*#__PURE__*/React.createElement("div", {
       className: " pl-2 pr-2 ",
       style: {
@@ -3703,12 +3711,18 @@ var Ordershistory = function Ordershistory(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
     }, /*#__PURE__*/React.createElement("p", {
-      className: orderhistory_cssstyles.productNameStyles + ' p-0 m-0 wordbreak '
+      className: orderhistory_cssstyles.productNameStyles + ' p-0 m-0 wordbreak wordbreak3 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
     }, item.productname)), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
     }, /*#__PURE__*/React.createElement("p", {
-      className: orderhistory_cssstyles.productPricestyles + ' m-0 p-0 wordbreak '
-    }, langdetect == 'en' ? 'EGP' : '', " ", item.finalprice, " x ", item.quantity, ' ', langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
+      className: orderhistory_cssstyles.productPricestyles + ' m-0 p-0 wordbreak d-flex flex-row ',
+      style: {
+        direction: 'ltr'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, item.quantity, " x ", item.finalprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'))), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
     }, item.isvariant == 1 && /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100"
@@ -4142,7 +4156,7 @@ var Wishlist = function Wishlist(props) {
   }, lang.mywishlist)))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -4718,7 +4732,7 @@ var Viewcart = function Viewcart(props) {
   }, lang.mycart)))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -4793,13 +4807,16 @@ var Viewcart = function Viewcart(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-8 col-sm-8 col-md-8"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(viewcart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak d-flex justify-content-start '
+      className: "".concat(viewcart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
     }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
       return /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
@@ -7029,7 +7046,7 @@ var AccountInformation = function AccountInformation(props) {
   }, lang.accountinformation)))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -7247,9 +7264,12 @@ var Policies = function Policies(props) {
       fontWeight: sectionproperties.imagetextfontWeight
     }
   }, lang.policies)))), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0"
+    className: "col-lg-12 p-0",
+    style: {
+      minHeight: '70vh'
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    className: "row ml-0 mr-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -7664,7 +7684,10 @@ var CartSlider = function CartSlider(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak d-flex align-items-start '
+      className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex align-items-start ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
     }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
       className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex '
     }, item.quantity, " x", /*#__PURE__*/React.createElement("span", {
@@ -22470,8 +22493,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-xl-3 col-lg-4 plr-1025-1",
     style: {
-      paddingLeft: langdetect == 'en' ? '5rem' : 0,
-      paddingRight: langdetect == 'ar' ? '5rem' : 0
+      paddingLeft: langdetect == 'en' ? '3rem' : 0,
+      paddingRight: langdetect == 'ar' ? '3rem' : 0
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-between h-100"
@@ -23643,9 +23666,9 @@ var Allinonefooter = function Allinonefooter(props) {
       color: sectionproperties.iconcontainercolor,
       backgroundColor: sectionproperties.iconcontainerbg,
       border: sectionproperties.iconcontainer_borderWidth + 'px solid ' + sectionproperties.iconcontainer_bordercolor,
+      transition: '.3s',
       ':hover': {
-        backgroundColor: sectionproperties.iconcontainerbgonhover,
-        color: sectionproperties.iconcontainercoloronhover
+        backgroundColor: sectionproperties.iconcontainerbgonhover
       }
     }),
     iconTextStyle: css({
@@ -23654,9 +23677,10 @@ var Allinonefooter = function Allinonefooter(props) {
       fontWeight: sectionproperties.footerinfotext_secondaryfontweight
     }),
     footerinfoContainer: css({
-      ':hover .footerinfo': {
+      ':hover .iconStyle': {
         transition: '.3s',
-        color: sectionproperties.footerinfotext_coloronhover
+        color: sectionproperties.footerinfotext_coloronhover,
+        borderColor: sectionproperties.footerinfotext_coloronhover
       }
     }),
     logoStyles: css({
@@ -23772,7 +23796,7 @@ var Allinonefooter = function Allinonefooter(props) {
         window.open('tel:+' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : (_authdetailsContext$i3 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.mobile), '_self');
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(footerStyles.iconStyle) + ' allcentered ' + "".concat(langdetect == 'en' ? ' mr-2 ' : ' ml-2 ')
+      "class": "".concat(footerStyles.iconStyle) + ' allcentered iconStyle ' + "".concat(langdetect == 'en' ? ' mr-2 ' : ' ml-2 ')
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex justify-content-center align-items-center"
     }, /*#__PURE__*/React.createElement(AiOutlinePhone, {
@@ -23783,7 +23807,7 @@ var Allinonefooter = function Allinonefooter(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? 'Contact us' : 'إتصل بنا'), /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(footerStyles.iconTextStyle) + ' p-0 m-0 wordbreak footerinfo ',
+      "class": "".concat(footerStyles.iconTextStyle) + ' p-0 m-0 wordbreak iconStyle ',
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
@@ -23794,7 +23818,7 @@ var Allinonefooter = function Allinonefooter(props) {
         window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email), '_self');
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(footerStyles.iconStyle) + ' allcentered ' + "".concat(langdetect == 'en' ? ' mr-2 ' : ' ml-2 ')
+      "class": "".concat(footerStyles.iconStyle) + ' allcentered iconStyle ' + "".concat(langdetect == 'en' ? ' mr-2 ' : ' ml-2 ')
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex justify-content-center align-items-center"
     }, /*#__PURE__*/React.createElement(AiOutlineMail, {
@@ -23805,7 +23829,7 @@ var Allinonefooter = function Allinonefooter(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? 'Email' : 'البريد الإلكتروني'), /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(footerStyles.iconTextStyle) + ' p-0 m-0 wordbreak text-transform-none footerinfo ',
+      "class": "".concat(footerStyles.iconTextStyle) + ' p-0 m-0 wordbreak text-transform-none iconStyle ',
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
@@ -35700,10 +35724,10 @@ var Slideshowfade = function Slideshowfade(props) {
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: langdetect == 'en' ? item.imageen : item.imagear,
+      path: langdetect == 'en' ? 'tr:w-2000,h-700' + item.imageen : 'tr:w-2000,h-700' + item.imagear,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'cover',
+        objectFit: sectionproperties.bgcovercontain,
         margin: 0,
         padding: 0,
         width: '100%',
@@ -35732,7 +35756,7 @@ var Slideshowfade = function Slideshowfade(props) {
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: langdetect == 'en' ? item.image_resp_en : item.image_resp_ar,
+      path: langdetect == 'en' ? 'tr:w-2000,h-700' + item.image_resp_en : 'tr:w-2000,h-700' + item.image_resp_ar,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
         objectFit: 'contain',
@@ -36604,8 +36628,8 @@ var NewProductcard = function NewProductcard(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -36636,6 +36660,9 @@ var NewProductcard = function NewProductcard(props) {
       setsectionproperties(_objectSpread$x({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     colorvariantcontainer: css({
       width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -36999,8 +37026,8 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var langdetect = props.actions.langdetect;
   props.actions.StaticPagesLinksContext;
@@ -37017,6 +37044,9 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
     });
     setsectionproperties(_objectSpread$w({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -37167,8 +37197,8 @@ var Card20 = function Card20(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -37193,6 +37223,9 @@ var Card20 = function Card20(props) {
     });
     setsectionproperties(_objectSpread$v({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var cardstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -37409,8 +37442,8 @@ var Card21 = function Card21(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -37443,6 +37476,9 @@ var Card21 = function Card21(props) {
       setsectionproperties(_objectSpread$u({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var cardsstyles2 = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -37737,8 +37773,8 @@ var Card22 = function Card22(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -37771,6 +37807,9 @@ var Card22 = function Card22(props) {
       setsectionproperties(_objectSpread$t({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var cardsstyles2 = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -37965,8 +38004,8 @@ var Card23 = function Card23(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -37999,6 +38038,9 @@ var Card23 = function Card23(props) {
       setsectionproperties(_objectSpread$s({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var cardsstyles2 = {
     showmodal: css({
       backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
@@ -38259,12 +38301,15 @@ var Card23 = function Card23(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 "
+    "class": "col-lg-12 p-0 ",
+    style: {
+      minHeight: '6vh'
+    }
   }, /*#__PURE__*/React.createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 ',
+    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
@@ -38321,8 +38366,8 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -38355,6 +38400,9 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
       setsectionproperties(_objectSpread$r({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var cardsstyles2 = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -38696,9 +38744,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
-    if (props.cardinfoitemprops != undefined) {
-      setitem(props.cardinfoitemprops);
-    }
+    setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var updatequantity = function updatequantity(type) {
     var tempitem = _objectSpread$q({}, item);
@@ -39167,8 +39213,8 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -39197,6 +39243,9 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
       setsectionproperties(_objectSpread$p({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -39344,8 +39393,8 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -39378,6 +39427,9 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
       setsectionproperties(_objectSpread$o({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -39543,8 +39595,8 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -39573,6 +39625,9 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
       setsectionproperties(_objectSpread$n({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var categorycard_cssstyles = {
     categoryCard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
@@ -39722,8 +39777,8 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -39752,6 +39807,9 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
       setsectionproperties(_objectSpread$m({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var categorycard_cssstyles = {
     cardcontainer: css({
       position: 'relative',
@@ -39881,8 +39939,8 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   props.actions.langdetect;
@@ -39915,6 +39973,9 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
       setsectionproperties(_objectSpread$l({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     categoryCard: css((_css = {
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
@@ -40035,8 +40096,8 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -40069,6 +40130,9 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       setsectionproperties(_objectSpread$k({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var categorycard_cssstyles = {
     categorycard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -40211,8 +40275,8 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -40245,6 +40309,9 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
       setsectionproperties(_objectSpread$j({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     cardcontainer: css({
       marginTop: sectionproperties.marginTop + 'px',
@@ -40378,8 +40445,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -40405,6 +40472,9 @@ var Classiccategorycard = function Classiccategorycard(props) {
       setsectionproperties(_objectSpread$i({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     imagestyle: css({
       width: sectionproperties.image_width + 'px',
@@ -40508,8 +40578,8 @@ var Horizontalcard = function Horizontalcard(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -40538,6 +40608,9 @@ var Horizontalcard = function Horizontalcard(props) {
       setsectionproperties(_objectSpread$h({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       marginTop: sectionproperties.marginTop + 'px',
@@ -40783,6 +40856,9 @@ var MenuCard = function MenuCard(props) {
       setsectionproperties(_objectSpread$g({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -41243,6 +41319,9 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       setsectionproperties(_objectSpread$f({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   useEffect(function () {
     if (props.cardinfoitemprops != undefined) {
       setitem(props.cardinfoitemprops);
@@ -41679,6 +41758,9 @@ var ModernProductCard = function ModernProductCard(props) {
       setsectionproperties(_objectSpread$e({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -42043,8 +42125,8 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -42075,6 +42157,9 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
       setsectionproperties(_objectSpread$d({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -42316,8 +42401,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -42352,6 +42437,9 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
       setsectionproperties(_objectSpread$c({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productCard: css({
       position: 'relative',
@@ -42554,8 +42642,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -42586,6 +42674,9 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
       setsectionproperties(_objectSpread$b({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     cardContainer: css({
       // minHeight: 600,
@@ -42824,8 +42915,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -42856,6 +42947,9 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       setsectionproperties(_objectSpread$a({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       position: 'relative',
@@ -43075,8 +43169,8 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -43107,6 +43201,9 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       setsectionproperties(_objectSpread$9({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     colorvariantcontainer: css({
       width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -43420,8 +43517,8 @@ var Productcard6 = function Productcard6(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -43452,6 +43549,9 @@ var Productcard6 = function Productcard6(props) {
       setsectionproperties(_objectSpread$8({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css((_css = {
       position: 'relative',
@@ -43639,8 +43739,8 @@ var Productcard7 = function Productcard7(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -43671,6 +43771,9 @@ var Productcard7 = function Productcard7(props) {
       setsectionproperties(_objectSpread$7({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -43885,8 +43988,8 @@ var Productcarddefault = function Productcarddefault(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -43917,6 +44020,9 @@ var Productcarddefault = function Productcarddefault(props) {
       setsectionproperties(_objectSpread$6({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -44162,6 +44268,9 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
       setsectionproperties(_objectSpread$5({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   useEffect(function () {
     if (props.cardinfoitemprops != undefined) {
       setitem(props.cardinfoitemprops);
@@ -44427,6 +44536,9 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
       setsectionproperties(_objectSpread$4({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   useEffect(function () {
     if (props.cardinfoitemprops != undefined) {
       setitem(props.cardinfoitemprops);
@@ -44523,8 +44635,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var langdetect = props.actions.langdetect;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
@@ -44543,6 +44655,9 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
     });
     setsectionproperties(_objectSpread$3({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -44666,8 +44781,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -44702,6 +44817,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
       setsectionproperties(_objectSpread$2({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -44919,8 +45037,8 @@ var StylishProductCard = function StylishProductCard(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState(props.cardinfoitemprops),
     _useState4 = _slicedToArray(_useState3, 2),
-    item = _useState4[0];
-    _useState4[1];
+    item = _useState4[0],
+    setitem = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -44951,6 +45069,9 @@ var StylishProductCard = function StylishProductCard(props) {
       setsectionproperties(_objectSpread$1({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     productcard: css({
       marginTop: sectionproperties.marginTop + 'px',
@@ -45273,6 +45394,9 @@ var ProductCardWithTextOnImage = function ProductCardWithTextOnImage(props) {
       setsectionproperties(_objectSpread({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    setitem(props.cardinfoitemprops);
+  }, [props.cardinfoitemprops]);
   useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.arrayofobjectimagesonly != undefined) {
       var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);