tabexseriescomponents 0.0.629 → 0.0.631

package/dist/index.cjs.js

@@ -2464,6 +2464,15 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState10 = _slicedToArray__default["default"](_useState9, 2);
     _useState10[0];
     var settotalprice = _useState10[1];
+  var _useState11 = React.useState(null),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    gallery = _useState12[0],
+    setGallery = _useState12[1]; // Store reference to the gallery
+  var toggleFullScreen = function toggleFullScreen() {
+    if (gallery) {
+      gallery.toggleFullScreen();
+    }
+  };
   React.useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2697,7 +2706,11 @@ var Product_itemtype = function Product_itemtype(props) {
     startIndex: currentshowingimageindex,
     onSlide: function onSlide(d) {
       setcurrentshowingimageindex(d);
-    }
+    },
+    ref: function ref(el) {
+      return setGallery(el);
+    },
+    onClick: toggleFullScreen
   })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 d-none d-md-block"
   }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
@@ -10623,7 +10636,7 @@ var Checkout = function Checkout(props) {
         className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
         style: {
           background: sectionproperties.summary_sectionbgcolor,
-          borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
+          borderRadius: sectionproperties.summary_sectionborderradius + 'px',
           border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57172,10 +57185,7 @@ var VideosSection = function VideosSection(props) {
         width: '100%',
         objectFit: sectionproperties.bgcovercontain
       }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": bgcssstyles.lau + ' allcentered ',
-      style: {}
-    }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectionbgstyle == 'Besides each other' ? 'col-lg-8 px-3' : 'col-lg-12 p-0 mt-3',
       style: {
         display: sectionproperties.slideshowtext1_show == 'Hide' && sectionproperties.slideshowtext1_show == 'Hide' ? 'none' : 'flex'
@@ -60920,6 +60930,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var routingcountext = props.actions.routingcountext;
+  var authdetailsContext = props.actions.authdetailsContext;
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -61160,6 +61171,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
     style: {}
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    var _authdetailsContext$i;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
@@ -61185,7 +61197,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         //     : '',
         borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
+        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
       onClick: function onClick() {
         // if (cardinfoitem.iscardclickable == 'Yes') {

package/dist/index.esm.js

@@ -2415,6 +2415,15 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState10 = _slicedToArray(_useState9, 2);
     _useState10[0];
     var settotalprice = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    gallery = _useState12[0],
+    setGallery = _useState12[1]; // Store reference to the gallery
+  var toggleFullScreen = function toggleFullScreen() {
+    if (gallery) {
+      gallery.toggleFullScreen();
+    }
+  };
   useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2648,7 +2657,11 @@ var Product_itemtype = function Product_itemtype(props) {
     startIndex: currentshowingimageindex,
     onSlide: function onSlide(d) {
       setcurrentshowingimageindex(d);
-    }
+    },
+    ref: function ref(el) {
+      return setGallery(el);
+    },
+    onClick: toggleFullScreen
   })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "w-100 d-none d-md-block"
   }, /*#__PURE__*/React.createElement(ImageGallery, {
@@ -10574,7 +10587,7 @@ var Checkout = function Checkout(props) {
         className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
         style: {
           background: sectionproperties.summary_sectionbgcolor,
-          borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
+          borderRadius: sectionproperties.summary_sectionborderradius + 'px',
           border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
         }
       }, /*#__PURE__*/React.createElement("div", {
@@ -57123,10 +57136,7 @@ var VideosSection = function VideosSection(props) {
         width: '100%',
         objectFit: sectionproperties.bgcovercontain
       }
-    })), /*#__PURE__*/React.createElement("div", {
-      "class": bgcssstyles.lau + ' allcentered ',
-      style: {}
-    }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React.createElement("div", {
+    })))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectionbgstyle == 'Besides each other' ? 'col-lg-8 px-3' : 'col-lg-12 p-0 mt-3',
       style: {
         display: sectionproperties.slideshowtext1_show == 'Hide' && sectionproperties.slideshowtext1_show == 'Hide' ? 'none' : 'flex'
@@ -60871,6 +60881,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var routingcountext = props.actions.routingcountext;
+  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -61111,6 +61122,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
     style: {}
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    var _authdetailsContext$i;
     return /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
@@ -61136,7 +61148,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         //     : '',
         borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
+        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
       onClick: function onClick() {
         // if (cardinfoitem.iscardclickable == 'Yes') {

package/dist/index.umd.js

@@ -2288,6 +2288,15 @@
         _useState10 = _slicedToArray__default["default"](_useState9, 2);
         _useState10[0];
         var settotalprice = _useState10[1];
+      var _useState11 = React.useState(null),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2),
+        gallery = _useState12[0],
+        setGallery = _useState12[1]; // Store reference to the gallery
+      var toggleFullScreen = function toggleFullScreen() {
+        if (gallery) {
+          gallery.toggleFullScreen();
+        }
+      };
       React.useEffect(function () {
         var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
         if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2521,7 +2530,11 @@
         startIndex: currentshowingimageindex,
         onSlide: function onSlide(d) {
           setcurrentshowingimageindex(d);
-        }
+        },
+        ref: function ref(el) {
+          return setGallery(el);
+        },
+        onClick: toggleFullScreen
       })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "w-100 d-none d-md-block"
       }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
@@ -10447,7 +10460,7 @@
             className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
             style: {
               background: sectionproperties.summary_sectionbgcolor,
-              borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
+              borderRadius: sectionproperties.summary_sectionborderradius + 'px',
               border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -56996,10 +57009,7 @@
             width: '100%',
             objectFit: sectionproperties.bgcovercontain
           }
-        })), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": bgcssstyles.lau + ' allcentered ',
-          style: {}
-        }))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
+        })))), sectionproperties.sectionbgstyle != 'Text Above' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.sectionbgstyle == 'Besides each other' ? 'col-lg-8 px-3' : 'col-lg-12 p-0 mt-3',
           style: {
             display: sectionproperties.slideshowtext1_show == 'Hide' && sectionproperties.slideshowtext1_show == 'Hide' ? 'none' : 'flex'
@@ -60744,6 +60754,7 @@
       var langdetect = props.actions.langdetect;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
       var routingcountext = props.actions.routingcountext;
+      var authdetailsContext = props.actions.authdetailsContext;
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -60984,6 +60995,7 @@
         "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
         style: {}
       }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+        var _authdetailsContext$i;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
           style: {
@@ -61009,7 +61021,8 @@
             //     : '',
             borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
             borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-            boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+            boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
+            height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
           },
           onClick: function onClick() {
             // if (cardinfoitem.iscardclickable == 'Yes') {

package/package.json

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