tabexseriescomponents 0.0.146 → 0.0.147

package/dist/index.cjs.js

@@ -1084,7 +1084,7 @@ var Product_itemtype = function Product_itemtype(props) {
       itemobj.decriptionlang = 'ar';
     }
     setitem(itemobj);
-    settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
+    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
     setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   }, [props.itemprops]);
   function stringIsEnglish(str) {
@@ -1113,7 +1113,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
+    className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 ",
     style: {
@@ -1126,16 +1126,21 @@ var Product_itemtype = function Product_itemtype(props) {
     showNav: false,
     showPlayButton: false,
     showFullscreenButton: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 mt-4"
+  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mt-5 mt-md-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-start"
+    "class": "col-lg-12 d-flex justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "Demo__container row m-0 align-items-center d-flex mt-2"
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: sectionproperties.sharebtn_FontWeight,
+      color: sectionproperties.sharebtn_color,
+      fontSize: sectionproperties.sharebtn_fontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "Demo__container row m-0 w-100 allcentered mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "Demo__some-network ml-2 mr-2"
   }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
@@ -1302,7 +1307,7 @@ var Product_itemtype = function Product_itemtype(props) {
       }
     }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
+        className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
         style: {
           backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
           minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1310,7 +1315,7 @@ var Product_itemtype = function Product_itemtype(props) {
           borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
+        className: 'm-0 p-0 allcentered font-weight-500',
         style: {
           color: sectionproperties.variantcontainer_color,
           fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1365,7 +1370,7 @@ var Product_itemtype = function Product_itemtype(props) {
         });
       } else if (item.optionname == 'size') {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1387,7 +1392,7 @@ var Product_itemtype = function Product_itemtype(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       } else {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -34844,6 +34849,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }
   }, [sectionproperties]);
   var section_styles = {
+    sectiontitlespan: glamor.css({
+      ':after': {
+        height: '5px',
+        width: '5%',
+        backgroundColor: 'red'
+      }
+    }),
     btn: glamor.css({
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -34866,8 +34878,84 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     })
   };
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      style: {
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
+  };
+  var Content = function Content() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 mb-auto"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        marginTop: sectionproperties.sectionTitleMarginTop + 'px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-flex align-items-center flex-row d-sm-none",
+      style: {
+        position: 'relative',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSize + 'px'
+      }
+    }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-none align-items-center flex-row d-sm-flex",
+      style: {
+        position: 'relative',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
+    }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-md-center"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "p-0 text-md-center",
+      style: {
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+        color: sectionproperties.slideshowText2ContentColor,
+        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+        paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+      },
+      dangerouslySetInnerHTML: {
+        __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
+      }
+    })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": "".concat(section_styles.btn)
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
+  };
+  var Image = function Image() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
+    }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
+      style: {
+        objectFit: 'contain',
+        margin: 0,
+        padding: 0,
+        height: '400px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      }
+    }));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center pl-md-3 pr-md-3',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34879,61 +34967,18 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
+      borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      width: sectionproperties.width + 'vw'
     }
+  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mb-auto"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
-    style: {
-      justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    style: {
-      color: sectionproperties.slideshowText1ContentColor,
-      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-      marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-      marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-md-center"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "p-0 text-md-center",
-    style: {
-      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-      color: sectionproperties.slideshowText2ContentColor,
-      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-    },
-    dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
-    }
-  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn)
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
-  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
-    style: {
-      objectFit: 'contain',
-      margin: 0,
-      padding: 0,
-      height: '400px',
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
-    }
-  })));
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, Image(), Content())));
 };
 
 function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/dist/index.esm.js

@@ -1041,7 +1041,7 @@ var Product_itemtype = function Product_itemtype(props) {
       itemobj.decriptionlang = 'ar';
     }
     setitem(itemobj);
-    settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
+    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
     setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   }, [props.itemprops]);
   function stringIsEnglish(str) {
@@ -1070,7 +1070,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100'
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
+    className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 ",
     style: {
@@ -1083,16 +1083,21 @@ var Product_itemtype = function Product_itemtype(props) {
     showNav: false,
     showPlayButton: false,
     showFullscreenButton: true
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 mt-4"
+  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mt-5 mt-md-4"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-start"
+    "class": "col-lg-12 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React.createElement("div", {
-    className: "Demo__container row m-0 align-items-center d-flex mt-2"
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: sectionproperties.sharebtn_FontWeight,
+      color: sectionproperties.sharebtn_color,
+      fontSize: sectionproperties.sharebtn_fontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React.createElement("div", {
+    className: "Demo__container row m-0 w-100 allcentered mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "Demo__some-network ml-2 mr-2"
   }, /*#__PURE__*/React.createElement(FacebookShareButton, {
@@ -1259,7 +1264,7 @@ var Product_itemtype = function Product_itemtype(props) {
       }
     }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
       return /*#__PURE__*/React.createElement("div", {
-        className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
+        className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
         style: {
           backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
           minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1267,7 +1272,7 @@ var Product_itemtype = function Product_itemtype(props) {
           borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
         }
       }, /*#__PURE__*/React.createElement("p", {
-        className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
+        className: 'm-0 p-0 allcentered font-weight-500',
         style: {
           color: sectionproperties.variantcontainer_color,
           fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1322,7 +1327,7 @@ var Product_itemtype = function Product_itemtype(props) {
         });
       } else if (item.optionname == 'size') {
         return /*#__PURE__*/React.createElement("div", {
-          className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1344,7 +1349,7 @@ var Product_itemtype = function Product_itemtype(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       } else {
         return /*#__PURE__*/React.createElement("div", {
-          className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -34801,6 +34806,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }
   }, [sectionproperties]);
   var section_styles = {
+    sectiontitlespan: css({
+      ':after': {
+        height: '5px',
+        width: '5%',
+        backgroundColor: 'red'
+      }
+    }),
     btn: css({
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -34823,8 +34835,84 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     })
   };
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      style: {
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
+  };
+  var Content = function Content() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 mb-auto"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        marginTop: sectionproperties.sectionTitleMarginTop + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "d-flex align-items-center flex-row d-sm-none",
+      style: {
+        position: 'relative',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSize + 'px'
+      }
+    }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
+      "class": "d-none align-items-center flex-row d-sm-flex",
+      style: {
+        position: 'relative',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
+    }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-md-center"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "p-0 text-md-center",
+      style: {
+        textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+        color: sectionproperties.slideshowText2ContentColor,
+        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+        paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+      },
+      dangerouslySetInnerHTML: {
+        __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
+      }
+    })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(section_styles.btn)
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
+  };
+  var Image = function Image() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
+    }, /*#__PURE__*/React.createElement(IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
+      style: {
+        objectFit: 'contain',
+        margin: 0,
+        padding: 0,
+        height: '400px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      }
+    }));
+  };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center pl-md-3 pr-md-3',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34836,61 +34924,18 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
+      borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      width: sectionproperties.width + 'vw'
     }
+  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 mb-auto"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
-    style: {
-      justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: sectionproperties.slideshowText1ContentColor,
-      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-      marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-      marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-md-center"
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "p-0 text-md-center",
-    style: {
-      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-      color: sectionproperties.slideshowText2ContentColor,
-      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-    },
-    dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
-    }
-  })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(section_styles.btn)
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
-  }, /*#__PURE__*/React.createElement(IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
-    style: {
-      objectFit: 'contain',
-      margin: 0,
-      padding: 0,
-      height: '400px',
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
-    }
-  })));
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, Image(), Content())));
 };
 
 function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/dist/index.umd.js

@@ -952,7 +952,7 @@
           itemobj.decriptionlang = 'ar';
         }
         setitem(itemobj);
-        settitle(fetchProductInfoQueryContext.data.data.productinfo.description_en);
+        settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
         setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinfo/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
       }, [props.itemprops]);
       function stringIsEnglish(str) {
@@ -981,7 +981,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row m-0 w-100'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1"
+        className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 ",
         style: {
@@ -994,16 +994,21 @@
         showNav: false,
         showPlayButton: false,
         showFullscreenButton: true
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 mt-4"
+      })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 mt-5 mt-md-4"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 d-flex justify-content-start"
+        "class": "col-lg-12 d-flex justify-content-center"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0"
-      }, langdetect == 'en' ? 'Share this product' : 'مشاركة هذا المنتج')), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "Demo__container row m-0 align-items-center d-flex mt-2"
+        "class": "m-0 p-0",
+        style: {
+          fontWeight: sectionproperties.sharebtn_FontWeight,
+          color: sectionproperties.sharebtn_color,
+          fontSize: sectionproperties.sharebtn_fontSize + 'px'
+        }
+      }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "Demo__container row m-0 w-100 allcentered mt-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "Demo__some-network ml-2 mr-2"
       }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
@@ -1170,7 +1175,7 @@
           }
         }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: productinfostyles.variant_container + ' mr-2 variabttcontainer ',
+            className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
             style: {
               backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
               minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
@@ -1178,7 +1183,7 @@
               borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
             }
           }, /*#__PURE__*/React__default["default"].createElement("p", {
-            className: 'm-0 p-0 d-flex align-items-center justify-content-start font-weight-500',
+            className: 'm-0 p-0 allcentered font-weight-500',
             style: {
               color: sectionproperties.variantcontainer_color,
               fontSize: sectionproperties.variantcontainer_fontSize + 'px'
@@ -1233,7 +1238,7 @@
             });
           } else if (item.optionname == 'size') {
             return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+              className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
               onClick: function onClick() {
                 if (optionvaluesitem.isenabled == 1) {
                   selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -1255,7 +1260,7 @@
             }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: productinfostyles.variant_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+              className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
               onClick: function onClick() {
                 if (optionvaluesitem.isenabled == 1) {
                   selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
@@ -34712,6 +34717,13 @@
         }
       }, [sectionproperties]);
       var section_styles = {
+        sectiontitlespan: glamor.css({
+          ':after': {
+            height: '5px',
+            width: '5%',
+            backgroundColor: 'red'
+          }
+        }),
         btn: glamor.css({
           width: sectionproperties.generalbtn_width + 'px',
           height: sectionproperties.generalbtn_height + 'px',
@@ -34734,8 +34746,84 @@
           }
         })
       };
+      var SectionTitle = function SectionTitle() {
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+          style: {
+            color: sectionproperties.sectionTitleColor,
+            fontWeight: sectionproperties.sectionTitleFontWeight,
+            textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+          }
+        }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar);
+      };
+      var Content = function Content() {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 mb-auto"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+          style: {
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+            marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+            marginTop: sectionproperties.sectionTitleMarginTop + 'px'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "d-flex align-items-center flex-row d-sm-none",
+          style: {
+            position: 'relative',
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+            fontSize: sectionproperties.sectionTitleFontSize + 'px'
+          }
+        }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "d-none align-items-center flex-row d-sm-flex",
+          style: {
+            position: 'relative',
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+          }
+        }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex justify-content-md-center"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "p-0 text-md-center",
+          style: {
+            textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+            color: sectionproperties.slideshowText2ContentColor,
+            fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+            fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+            paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+          },
+          dangerouslySetInnerHTML: {
+            __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
+          }
+        })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("button", {
+          "class": "".concat(section_styles.btn)
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
+      };
+      var Image = function Image() {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
+        }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+          urlEndpoint: IKurlEndpoint,
+          publicKey: IKpublicKey,
+          path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
+          style: {
+            objectFit: 'contain',
+            margin: 0,
+            padding: 0,
+            height: '400px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+          }
+        }));
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center pl-md-3 pr-md-3',
+        "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center pl-md-3 pr-md-3',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -34747,61 +34835,18 @@
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderTopRightRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomRightRadius + 'px',
-          borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px'
+          borderBottomRightRadius: sectionproperties.borderBottomLeftRadius + 'px',
+          width: sectionproperties.width + 'vw'
         }
+      }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 mb-auto"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex justify-content-md-center",
-        style: {
-          justifyContent: sectionproperties.text1centered == 'Centered' ? 'center' : 'start'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        style: {
-          color: sectionproperties.slideshowText1ContentColor,
-          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-          fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-          marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-          marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
-        }
-      }, langdetect == 'en' ? sectionproperties.slideshowText1Content : sectionproperties.slideshowText1Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex justify-content-md-center"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "p-0 text-md-center",
-        style: {
-          textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
-          color: sectionproperties.slideshowText2ContentColor,
-          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-          fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-          paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-        },
-        dangerouslySetInnerHTML: {
-          __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
-        }
-      })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": "".concat(section_styles.btn)
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center"
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-        urlEndpoint: IKurlEndpoint,
-        publicKey: IKpublicKey,
-        path: imagesarray.length != 0 ? '/tr:w-500/' + imagesarray[0].bgsection_image : '',
-        style: {
-          objectFit: 'contain',
-          margin: 0,
-          padding: 0,
-          height: '400px',
-          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
-        }
-      })));
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, Image(), Content())));
     };
 
     function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/package.json

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