tabexseriescomponents 0.0.129 → 0.0.130

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"
@@ -36604,8 +36627,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 +36659,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 +37025,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 +37043,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 +37196,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 +37222,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 +37441,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 +37475,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 +37772,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 +37806,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 +38003,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 +38037,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 +38300,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 +38365,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 +38399,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 +38743,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 +39212,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 +39242,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 +39392,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 +39426,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 +39594,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 +39624,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 +39776,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 +39806,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 +39938,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 +39972,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 +40095,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 +40129,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 +40274,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 +40308,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 +40444,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 +40471,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 +40577,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 +40607,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 +40855,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 +41318,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 +41757,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 +42124,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 +42156,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 +42400,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 +42436,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 +42641,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 +42673,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 +42914,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 +42946,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 +43168,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 +43200,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 +43516,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 +43548,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 +43738,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 +43770,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 +43987,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 +44019,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 +44267,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 +44535,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 +44634,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 +44654,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 +44780,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 +44816,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 +45036,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 +45068,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 +45393,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);