tabexseriescomponents 0.2.954 → 0.2.956

package/dist/index.cjs.js

@@ -3830,9 +3830,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
     size: 26
   }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : 'w-100 d-block d-md-none',
+    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : productinfo_cssstyles.showthumbnail + '  w-100 d-block d-md-none showthumbnail',
     style: {
-      borderRadius: sectionproperties.imageborderradius + 'px',
+      borderRadius: sectionproperties.showthumbnail == 'Hide' ? sectionproperties.imageborderradius + 'px' : 0,
       overflow: 'hidden',
       // height: '500px',
       // height: sectionproperties.evencols == 'Yes' ? '550px' : '',
@@ -9853,6 +9853,11 @@ var Productinfo = function Productinfo(props) {
   //     );
   // };
   var productinfo_cssstyles = _defineProperty__default["default"]({
+    // showthumbnail: css({
+    //     '.image-gallery-image': {
+    //         borderRadius: '30px',
+    //     },
+    // }),
     relatedproducttitle: glamor.css({
       fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
       color: sectionproperties.relatedproductstitlecolor,
@@ -70661,6 +70666,11 @@ var MarqueeSection = function MarqueeSection(props) {
     visible = _useState4[0],
     setVisible = _useState4[1];
   props.actions.ikimagecredcontext;
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var langdetect = props.actions.langdetect;
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -70672,6 +70682,44 @@ var MarqueeSection = function MarqueeSection(props) {
     });
     setsectionproperties(_objectSpread$12({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  React.useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.card_arrayofobjects != null) {
+        var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
+        if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
+          setcardsarray(_toConsumableArray__default["default"](bgsection_imagearrayofobjsparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
+  var section_styles = {
+    textstyle: glamor.css({
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: sectionproperties.generaltext_fontWeight,
+      opacity: sectionproperties.generaltext_opacity,
+      // fontSize: 40,
+      // color: '#fff',
+      // opacity: 0.7,
+      marginLeft: '100px',
+      marginRight: '100px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.generaltext_fontsizeresponsive + 'px'
+      }
+    }),
+    container: glamor.css({
+      backgroundColor: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      // background: '#252223',
+      // paddingTop: '30px',
+      // paddingBottom: '30px',
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingtopresponsive + 'px',
+        paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
+      }
+    })
+  };
   React.useEffect(function () {
     if (sectionproperties !== null && sectionproperties !== void 0 && sectionproperties.durationInSeconds) {
       var timeout = setTimeout(function () {
@@ -70685,34 +70733,20 @@ var MarqueeSection = function MarqueeSection(props) {
   }, [sectionproperties]);
   if (!visible) return null;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center ',
-    "data-aos": 'fade-up',
-    style: {
-      background: '#f6f2ef'
-    }
+    "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
+    // data-aos={'fade-up'}
+    ,
+    style: {}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "rotating-text-container rotating-text-containermarqueesection"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "d-flex flex-row align-items-center rotating-text"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' mb-0 p-0 font-md-20 ',
-    style: {
-      fontSize: 180,
-      color: '#000',
-      opacity: 0.3,
-      marginLeft: '100px',
-      marginRight: '100px'
-    }
-  }, "Integrated Health"), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' mb-0 p-0 font-md-20 ',
-    style: {
-      fontSize: 180,
-      color: '#000',
-      opacity: 0.3,
-      marginLeft: '100px',
-      marginRight: '100px'
-    }
-  }, "Integrated Health"))));
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_styles.textstyle + ' mb-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
+  }))));
 };
 
 function ownKeys$11(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; }
@@ -71832,7 +71866,7 @@ var Freetextsection = function Freetextsection(props) {
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor
     }
-  }, "A breakthrough in dental care: the first in Egypt to offer medical and cosmetic dental coverage in one cost-efficient, high-quality packages. Panacea makes the dental experince personal, seamless, and accessible for everyone.")))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
     style: {
       // background: 'white',
@@ -74001,7 +74035,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 mx-auto ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',

package/dist/index.esm.js

@@ -3779,9 +3779,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement(FiLayers, {
     size: 26
   }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : 'w-100 d-block d-md-none',
+    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : productinfo_cssstyles.showthumbnail + '  w-100 d-block d-md-none showthumbnail',
     style: {
-      borderRadius: sectionproperties.imageborderradius + 'px',
+      borderRadius: sectionproperties.showthumbnail == 'Hide' ? sectionproperties.imageborderradius + 'px' : 0,
       overflow: 'hidden',
       // height: '500px',
       // height: sectionproperties.evencols == 'Yes' ? '550px' : '',
@@ -9802,6 +9802,11 @@ var Productinfo = function Productinfo(props) {
   //     );
   // };
   var productinfo_cssstyles = _defineProperty({
+    // showthumbnail: css({
+    //     '.image-gallery-image': {
+    //         borderRadius: '30px',
+    //     },
+    // }),
     relatedproducttitle: css({
       fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
       color: sectionproperties.relatedproductstitlecolor,
@@ -70610,6 +70615,11 @@ var MarqueeSection = function MarqueeSection(props) {
     visible = _useState4[0],
     setVisible = _useState4[1];
   props.actions.ikimagecredcontext;
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var langdetect = props.actions.langdetect;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -70621,6 +70631,44 @@ var MarqueeSection = function MarqueeSection(props) {
     });
     setsectionproperties(_objectSpread$12({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.card_arrayofobjects != null) {
+        var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
+        if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
+          setcardsarray(_toConsumableArray(bgsection_imagearrayofobjsparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
+  var section_styles = {
+    textstyle: css({
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: sectionproperties.generaltext_fontWeight,
+      opacity: sectionproperties.generaltext_opacity,
+      // fontSize: 40,
+      // color: '#fff',
+      // opacity: 0.7,
+      marginLeft: '100px',
+      marginRight: '100px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.generaltext_fontsizeresponsive + 'px'
+      }
+    }),
+    container: css({
+      backgroundColor: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      // background: '#252223',
+      // paddingTop: '30px',
+      // paddingBottom: '30px',
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingtopresponsive + 'px',
+        paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
+      }
+    })
+  };
   useEffect(function () {
     if (sectionproperties !== null && sectionproperties !== void 0 && sectionproperties.durationInSeconds) {
       var timeout = setTimeout(function () {
@@ -70634,34 +70682,20 @@ var MarqueeSection = function MarqueeSection(props) {
   }, [sectionproperties]);
   if (!visible) return null;
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center ',
-    "data-aos": 'fade-up',
-    style: {
-      background: '#f6f2ef'
-    }
+    "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
+    // data-aos={'fade-up'}
+    ,
+    style: {}
   }, /*#__PURE__*/React.createElement("div", {
     "class": "rotating-text-container rotating-text-containermarqueesection"
   }, /*#__PURE__*/React.createElement("span", {
     "class": "d-flex flex-row align-items-center rotating-text"
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' mb-0 p-0 font-md-20 ',
-    style: {
-      fontSize: 180,
-      color: '#000',
-      opacity: 0.3,
-      marginLeft: '100px',
-      marginRight: '100px'
-    }
-  }, "Integrated Health"), /*#__PURE__*/React.createElement("p", {
-    "class": ' mb-0 p-0 font-md-20 ',
-    style: {
-      fontSize: 180,
-      color: '#000',
-      opacity: 0.3,
-      marginLeft: '100px',
-      marginRight: '100px'
-    }
-  }, "Integrated Health"))));
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": section_styles.textstyle + ' mb-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
+  }))));
 };
 
 function ownKeys$11(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; }
@@ -71781,7 +71815,7 @@ var Freetextsection = function Freetextsection(props) {
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor
     }
-  }, "A breakthrough in dental care: the first in Egypt to offer medical and cosmetic dental coverage in one cost-efficient, high-quality packages. Panacea makes the dental experince personal, seamless, and accessible for everyone.")))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
     style: {
       // background: 'white',
@@ -73950,7 +73984,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 mx-auto ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',

package/dist/index.umd.js

@@ -3639,9 +3639,9 @@
       }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
         size: 26
       }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : 'w-100 d-block d-md-none',
+        "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : productinfo_cssstyles.showthumbnail + '  w-100 d-block d-md-none showthumbnail',
         style: {
-          borderRadius: sectionproperties.imageborderradius + 'px',
+          borderRadius: sectionproperties.showthumbnail == 'Hide' ? sectionproperties.imageborderradius + 'px' : 0,
           overflow: 'hidden',
           // height: '500px',
           // height: sectionproperties.evencols == 'Yes' ? '550px' : '',
@@ -9662,6 +9662,11 @@
       //     );
       // };
       var productinfo_cssstyles = _defineProperty__default["default"]({
+        // showthumbnail: css({
+        //     '.image-gallery-image': {
+        //         borderRadius: '30px',
+        //     },
+        // }),
         relatedproducttitle: glamor.css({
           fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
           color: sectionproperties.relatedproductstitlecolor,
@@ -70470,6 +70475,11 @@
         visible = _useState4[0],
         setVisible = _useState4[1];
       props.actions.ikimagecredcontext;
+      var _useState5 = React.useState([]),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        cardsarray = _useState6[0],
+        setcardsarray = _useState6[1];
+      var langdetect = props.actions.langdetect;
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -70481,6 +70491,44 @@
         });
         setsectionproperties(_objectSpread$12({}, secpropobj));
       }, [StatePagePropertiesContext]);
+      React.useEffect(function () {
+        if (sectionproperties.length != 0) {
+          if (sectionproperties.card_arrayofobjects != null) {
+            var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
+            if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
+              setcardsarray(_toConsumableArray__default["default"](bgsection_imagearrayofobjsparsed));
+            }
+          }
+        }
+      }, [sectionproperties]);
+      var section_styles = {
+        textstyle: glamor.css({
+          fontSize: sectionproperties.generaltext_fontSize + 'px',
+          color: sectionproperties.generaltext_fontColor,
+          fontWeight: sectionproperties.generaltext_fontWeight,
+          opacity: sectionproperties.generaltext_opacity,
+          // fontSize: 40,
+          // color: '#fff',
+          // opacity: 0.7,
+          marginLeft: '100px',
+          marginRight: '100px',
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.generaltext_fontsizeresponsive + 'px'
+          }
+        }),
+        container: glamor.css({
+          backgroundColor: sectionproperties.backgroundColor,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          // background: '#252223',
+          // paddingTop: '30px',
+          // paddingBottom: '30px',
+          '@media (max-width: 800px)': {
+            paddingTop: sectionproperties.paddingtopresponsive + 'px',
+            paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
+          }
+        })
+      };
       React.useEffect(function () {
         if (sectionproperties !== null && sectionproperties !== void 0 && sectionproperties.durationInSeconds) {
           var timeout = setTimeout(function () {
@@ -70494,34 +70542,20 @@
       }, [sectionproperties]);
       if (!visible) return null;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center ',
-        "data-aos": 'fade-up',
-        style: {
-          background: '#f6f2ef'
-        }
+        "class": section_styles.container + ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center '
+        // data-aos={'fade-up'}
+        ,
+        style: {}
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "rotating-text-container rotating-text-containermarqueesection"
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "d-flex flex-row align-items-center rotating-text"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": ' mb-0 p-0 font-md-20 ',
-        style: {
-          fontSize: 180,
-          color: '#000',
-          opacity: 0.3,
-          marginLeft: '100px',
-          marginRight: '100px'
-        }
-      }, "Integrated Health"), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": ' mb-0 p-0 font-md-20 ',
-        style: {
-          fontSize: 180,
-          color: '#000',
-          opacity: 0.3,
-          marginLeft: '100px',
-          marginRight: '100px'
-        }
-      }, "Integrated Health"))));
+      }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": section_styles.textstyle + ' mb-0 p-0 ',
+          style: {}
+        }, langdetect == 'en' ? cardinfoitem.arraytitleen : cardinfoitem.arraytitlear);
+      }))));
     };
 
     function ownKeys$11(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; }
@@ -71641,7 +71675,7 @@
           fontWeight: sectionproperties.prodCatFontWeight,
           color: sectionproperties.prodCatColor
         }
-      }, "A breakthrough in dental care: the first in Egypt to offer medical and cosmetic dental coverage in one cost-efficient, high-quality packages. Panacea makes the dental experince personal, seamless, and accessible for everyone.")))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
         style: {
           // background: 'white',
@@ -73810,7 +73844,7 @@
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+        "class": ' row ml-0 mr-0 align-items-center w-md-100 mx-auto ',
         style: {
           width: sectionproperties.width + 'vw',
           marginTop: sectionproperties.marginTop + 'px',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.954",
+    "version": "0.2.956",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",