tabexseriescomponents 0.0.425 → 0.0.427

package/dist/index.cjs.js

@@ -142,6 +142,8 @@ var AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
 var FaArrowAltCircleRight = require('@react-icons/all-files/fa/FaArrowAltCircleRight');
 var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLeft');
 var Select$5 = require('react-select');
+var GoStar = require('@react-icons/all-files/go/GoStar');
+var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
 var reactSlideshowImage = require('react-slideshow-image');
@@ -18329,7 +18331,7 @@ styleInject(css_248z$B);
 function ownKeys$1$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Subheader = function Subheader(props) {
-  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope4, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope13, _templatepropcontext$2, _props$subheaderprope16, _props$subheaderprope17, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _props$subheaderprope35, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery9;
+  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope4, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope13, _templatepropcontext$2, _props$subheaderprope16, _props$subheaderprope17, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _props$subheaderprope35, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _props$subheaderprope38, _props$subheaderprope39, _props$subheaderprope40, _props$subheaderprope41, _fetchCategoriesQuery9, _fetchCategoriesQuery10;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -18351,18 +18353,22 @@ var Subheader = function Subheader(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     Choosenindex = _useState6[0],
     setChoosenindex = _useState6[1];
-  var _useState7 = React.useState({}),
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    sectionproperties = _useState8[0],
-    setsectionproperties = _useState8[1];
-  var _useState9 = React.useState([]),
+    Choosenname = _useState8[0],
+    setChoosenname = _useState8[1];
+  var _useState9 = React.useState({}),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    pcollarray = _useState10[0],
-    setpcollarray = _useState10[1];
+    sectionproperties = _useState10[0],
+    setsectionproperties = _useState10[1];
   var _useState11 = React.useState([]),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2);
-    _useState12[0];
-    _useState12[1];
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    pcollarray = _useState12[0],
+    setpcollarray = _useState12[1];
+  var _useState13 = React.useState([]),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    _useState14[1];
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   React.useEffect(function () {
@@ -18626,6 +18632,7 @@ var Subheader = function Subheader(props) {
           setshowdownheadermenu(true);
           setChoosenindex(index);
           setcurrentimagecollection(item.parentcollectionlogo);
+          setChoosenname(item.title_en);
         },
         style: {
           marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
@@ -18660,7 +18667,6 @@ var Subheader = function Subheader(props) {
       background: sectionproperties.subheaderbgresp,
       paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
-      // display: sectionproperties.showresponsivesubheader == 'Show' ? 'flex' : '',
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -18731,7 +18737,7 @@ var Subheader = function Subheader(props) {
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar);
     }
-  })))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.categories[Choosenindex]) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.parentcolletions) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : _fetchCategoriesQuery5.length) != 0 && sectionproperties.subheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.categories[Choosenindex]) === null || _fetchCategoriesQuery5 === void 0 || (_fetchCategoriesQuery5 = _fetchCategoriesQuery5.parentcolletions) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : _fetchCategoriesQuery5.length) != 0 && sectionproperties.subheaderstyle == 'Style 1' && sectionproperties.subheaderdropdownstyle2 != 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
     onMouseLeave: function onMouseLeave() {
       setshowdownheadermenu(false);
@@ -18851,7 +18857,30 @@ var Subheader = function Subheader(props) {
         "class": "mt-3 mb-0"
       }))));
     }
-  }), sectionproperties.subheaderdropdownstyle2 == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), Choosenindex.length != 0 && pcollarray[Choosenindex].collections.length != 0 && sectionproperties.subheaderstyle == 'Style 1' && sectionproperties.subheaderdropdownstyle2 == 'Style 2' && Choosenname != 'NEW IN' && Choosenname != 'ALL PRODUCTS' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
+    onMouseLeave: function onMouseLeave() {
+      setshowdownheadermenu(false);
+      setChoosenindex('');
+    },
+    style: {
+      width: sectionproperties.subheader_width + '%',
+      zIndex: 2000,
+      position: ((_props$subheaderprope38 = props.subheaderpropertiesprops) === null || _props$subheaderprope38 === void 0 ? void 0 : _props$subheaderprope38.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
+      top: ((_props$subheaderprope39 = props.subheaderpropertiesprops) === null || _props$subheaderprope39 === void 0 ? void 0 : _props$subheaderprope39.headernameprops) == 'Stylish Header' && ((_props$subheaderprope40 = props.subheaderpropertiesprops) === null || _props$subheaderprope40 === void 0 ? void 0 : _props$subheaderprope40.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope41 = props.subheaderpropertiesprops) === null || _props$subheaderprope41 === void 0 ? void 0 : _props$subheaderprope41.subheaderpositionprops) == 'in nav' ? 30 : '',
+      border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
+      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.subheaderdropdownstyle2 == 'Style 2' ? 'row m-0 w-100 d-flex px-5 py-5 d-flex align-items-center' : 'row m-0 w-100 d-flex pt-3 pb-3'
+  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
+  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+    size: 30
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "font-16 font-weight-500 m-0 p-0"
+  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -18860,7 +18889,7 @@ var Subheader = function Subheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center"
   }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
-    if (item.isshowntocustomers == 1) {
+    if (item.isshowntocustomers == 1 && item.isinftiler == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 mb-2 mt-2",
         style: {
@@ -18897,7 +18926,7 @@ var Subheader = function Subheader(props) {
       height: '100%',
       objectFit: 'contain'
     }
-  })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery10 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery10 === void 0 || (_fetchCategoriesQuery10 = _fetchCategoriesQuery10.data) === null || _fetchCategoriesQuery10 === void 0 || (_fetchCategoriesQuery10 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery10 === void 0 || (_fetchCategoriesQuery10 = _fetchCategoriesQuery10.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100"
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
@@ -19227,7 +19256,10 @@ var Headerresponsive = function Headerresponsive(props) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
+    className: "col-lg-12 p-0",
+    style: {
+      position: sectionproperties.headerresponsive == 'Absolute' ? 'absolute' : sectionproperties.headerresponsive == 'Fixed' ? 'fixed' : 'relative'
+    }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 d-none d-md-flex p-0 '
   }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
@@ -20372,7 +20404,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2;
+  var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -20700,14 +20732,17 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       zIndex: 10000,
       top: sectionproperties.respheaderposition == 'absolute' ? '50px' : 0
     }
-  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 d-none d-md-flex p-0 '
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0",
     style: {
       background: sectionproperties.responsiveheadertransparentbg == 'Transparent' ? 'transparent' : sectionproperties.resposive_bgcolor
@@ -20732,6 +20767,19 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
     size: 22,
     color: sectionproperties.cart_BtnTextcolor_resp
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Wishlist);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
   })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
   }, InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21160,7 +21208,11 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       transition: '.3s',
       color: '#000'
     }
-  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      minHeight: '80vh'
+    }
+  }, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 anim '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
@@ -21657,6 +21709,59 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })));
     }
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex flex-row allcentered p-3",
+    style: {
+      background: '#eee'
+    }
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' d-flex align-items-center justify-content-center mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i4;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
+        var _authdetailsContext$i5;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: '20',
+    color: '#62564b'
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' d-flex align-items-center justify-content-center mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
+        var _authdetailsContext$i8;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: '22',
+    color: '#62564b'
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' d-flex align-items-center justify-content-center mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
+    size: '20',
+    color: '#62564b'
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' d-flex align-items-center justify-content-center mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.youtubelink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
+    size: '20',
+    color: '#62564b'
   })))))));
 };
 
@@ -27308,13 +27413,7 @@ var Simpleheader = function Simpleheader(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
-    sectionpropertiesprops: sectionproperties,
-    templateproperties_contextprops: templateproperties_context,
-    actions: actions
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
@@ -27367,7 +27466,7 @@ var Simpleheader = function Simpleheader(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? "".concat(headerstyles$9.nav__item) + ' col-lg-8 p-0 d-flex flex-row align-items-center ' : "".concat(headerstyles$9.nav__item) + ' col-lg-2 p-0 d-flex flex-row align-items-center ',
+    "class": sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? "".concat(headerstyles$9.nav__item) + ' col-lg-8 p-0 d-flex flex-row align-items-center ' : "".concat(headerstyles$9.nav__item) + ' col-lg-4 p-0 d-flex flex-row align-items-center ',
     style: {
       justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
@@ -56027,6 +56126,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -56134,6 +56234,15 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
       }
+    }),
+    btnstyles: glamor.css({
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      color: sectionproperties.generalbtn_textColor,
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      textDecoration: 'underline',
+      ':hover': {
+        color: sectionproperties.generalbtn_textColoronhover
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -56279,7 +56388,36 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         maxWidth: sectionproperties.iconcontainerwidth + '%',
         objectFit: 'contain'
       }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), sectionproperties.showrating == 'Show' && cardinfoitem.ratingnumber != null && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mb-1"
+    }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+      count: 5,
+      value: parseFloat(cardinfoitem.ratingnumber),
+      edit: false,
+      size: 18,
+      emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(GoStar.GoStar, {
+        style: {
+          color: '#ccc'
+        }
+      })),
+      halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(IoIosStar.IoIosStar, {
+        style: {
+          color: sectionproperties.generalbtn_textColor
+        }
+      })),
+      filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(IoIosStar.IoIosStar, {
+        style: {
+          color: sectionproperties.generalbtn_textColor
+        }
+      })),
+      activeColor: sectionproperties.generalbtn_textColor
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -56321,7 +56459,20 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         maxWidth: sectionproperties.iconcontainerwidth + '%',
         objectFit: 'contain'
       }
-    })))));
+    }))), sectionproperties.generalbtn_show = cardinfoitem.iscardclickable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 mt-2 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": "".concat(sectionStyles.btnstyles),
+      onClick: function onClick() {
+        if (cardinfoitem.btntype == 'Web Product Link') {
+          routingcountext(cardinfoitem.btnlink, false, '');
+        } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
+          window.open(cardinfoitem.btnlink, '_target');
+        } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'New Tab' && cardinfoitem.btntype != 'Web Product Link') {
+          window.open(cardinfoitem.btnlink, '_blank');
+        }
+      }
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
   }))));
 };
 
@@ -70660,7 +70811,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
-    }
+    },
+    "class": "font-md-20"
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
@@ -70749,13 +70901,23 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": "m-0 p-0"
   }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
-  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
+      color: sectionproperties.measurementunitcolor
+    }
+  }, item.measurmentunit), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0",
+    style: {
+      minHeight: '6vh'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 m-0 ',
+    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 font-md-13 wordbreak-md-4 m-0 ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }