tabexseriescomponents 0.0.86 → 0.0.87

package/dist/index.cjs.js

@@ -1392,8 +1392,8 @@ var Productinfo = function Productinfo(props) {
   }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
     style: {
-      paddingLeft: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginLeft + 'px',
-      paddingRight: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginRight + 'px'
+      paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+      paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-9 pl-2 pr-2 mb-md-3"
@@ -10117,7 +10117,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
       style: {
         fontSize: sectionproperties.sectionTitleFontSize + 'px',
         color: sectionproperties.sectionTitleColor,
@@ -10135,10 +10135,11 @@ var ModernCardsSection = function ModernCardsSection(props) {
       style: {
         fontSize: sectionproperties.prodCatFontSize + 'px',
         color: sectionproperties.prodCatColor,
-        fontWeight: sectionproperties.prodCatFontWeight
+        fontWeight: sectionproperties.prodCatFontWeight,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-start justify-content-md-center'
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-start justify-content-md-center'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
       onClick: function onClick() {
@@ -10188,7 +10189,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : 'scrollmenuclassnameitem',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10230,7 +10231,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
       zIndex: 2
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 p-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-0 pr-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -14904,7 +14905,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }
   }, [sectionproperties]);
-  var footerStyles = {
+  var sectionStyles = {
     imgcontainer: glamor.css({
       ':before': {
         width: '100%',
@@ -14919,6 +14920,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         top: 0,
         bottom: 0
       }
+    }),
+    sectiontitlespan: glamor.css({
+      ':after': {
+        height: '5px',
+        width: sectionproperties.sectitle_lineafterwidth + '%',
+        backgroundColor: sectionproperties.linebgcolor
+      }
+    }),
+    line_left: glamor.css({
+      height: '1px',
+      position: 'relative',
+      flex: '1 1 auto',
+      minWidth: '10%',
+      background: sectionproperties.linebgcolor
+    }),
+    line_right: glamor.css({
+      height: '1px',
+      position: 'relative',
+      flex: '1 1 auto',
+      minWidth: '10%',
+      background: sectionproperties.linebgcolor
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14927,7 +14949,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       position: 'relative'
     }
   }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": footerStyles.imgcontainer
+    "class": sectionStyles.imgcontainer
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
@@ -14945,7 +14967,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
+    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -14962,14 +14984,54 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       borderLeftWidth: 0,
       borderRightWidth: 0
     }
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center flex-row allcentered",
+    style: {
+      position: 'relative',
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+    }
+  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_left
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": // font-sm-18 font-md-20
+    sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_right
+  })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
       style: {
         zIndex: 2
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
+      "class": "row m-0 w-100",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        paddingTop: sectionproperties.reservation_padding_top + 'px',
+        paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 allcentered p-0",
       style: {
@@ -19609,7 +19671,7 @@ var CTAHeader = function CTAHeader(props) {
     "class": "row m-0 w-100 justify-content-center",
     style: {
       width: '100vw',
-      zIndex: 100
+      zIndex: 1000
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -19617,7 +19679,7 @@ var CTAHeader = function CTAHeader(props) {
       position: sectionproperties.headerstyles_position
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.upperheader + ' row m-0 w-100 pt-2 pb-2 justify-content-center '
+    "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19665,7 +19727,10 @@ var CTAHeader = function CTAHeader(props) {
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
   }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
+    "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
+    onClick: function onClick() {
+      setSearchHeaderInputContext('');
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19700,7 +19765,8 @@ var CTAHeader = function CTAHeader(props) {
     "class": "headerdropdownml",
     style: {
       marginLeft: langdetect == 'en' ? '1.2rem' : 0,
-      marginRight: langdetect == 'ar' ? '1.2rem' : 0
+      marginRight: langdetect == 'ar' ? '1.2rem' : 0,
+      zIndex: 1000
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
@@ -25914,7 +25980,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var SearchFocusedHeader = function SearchFocusedHeader(props) {
-  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i13, _authdetailsContext$i14;
+  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i9, _authdetailsContext$i10, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i11, _authdetailsContext$i12;
 
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -26483,7 +26549,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     style: {
       maxWidth: '60px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
@@ -26518,7 +26584,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.customerinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -26694,7 +26760,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       minWidth: '250px',
       marginLeft: '0px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
@@ -29975,9 +30041,9 @@ var Card20 = function Card20(props) {
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
   var _useState5 = React.useState(props.cardinfoindexprops),
       _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30169,6 +30235,9 @@ var Card20 = function Card20(props) {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
     },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
     "class": "".concat(cardstyles.productNameStyles) + '  wordbreak wordbreak1 -noellipsis m-0 '
   }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',

package/dist/index.esm.js

@@ -1349,8 +1349,8 @@ var Productinfo = function Productinfo(props) {
   }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
     style: {
-      paddingLeft: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginLeft + 'px',
-      paddingRight: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginRight + 'px'
+      paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+      paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-9 pl-2 pr-2 mb-md-3"
@@ -10074,7 +10074,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
     }, /*#__PURE__*/React.createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
       style: {
         fontSize: sectionproperties.sectionTitleFontSize + 'px',
         color: sectionproperties.sectionTitleColor,
@@ -10092,10 +10092,11 @@ var ModernCardsSection = function ModernCardsSection(props) {
       style: {
         fontSize: sectionproperties.prodCatFontSize + 'px',
         color: sectionproperties.prodCatColor,
-        fontWeight: sectionproperties.prodCatFontWeight
+        fontWeight: sectionproperties.prodCatFontWeight,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-start justify-content-md-center'
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-start justify-content-md-center'
     }, /*#__PURE__*/React.createElement("button", {
       "class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
       onClick: function onClick() {
@@ -10145,7 +10146,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : 'scrollmenuclassnameitem',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
@@ -10187,7 +10188,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
       zIndex: 2
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 p-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-0 pr-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -14861,7 +14862,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }
   }, [sectionproperties]);
-  var footerStyles = {
+  var sectionStyles = {
     imgcontainer: css({
       ':before': {
         width: '100%',
@@ -14876,6 +14877,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         top: 0,
         bottom: 0
       }
+    }),
+    sectiontitlespan: css({
+      ':after': {
+        height: '5px',
+        width: sectionproperties.sectitle_lineafterwidth + '%',
+        backgroundColor: sectionproperties.linebgcolor
+      }
+    }),
+    line_left: css({
+      height: '1px',
+      position: 'relative',
+      flex: '1 1 auto',
+      minWidth: '10%',
+      background: sectionproperties.linebgcolor
+    }),
+    line_right: css({
+      height: '1px',
+      position: 'relative',
+      flex: '1 1 auto',
+      minWidth: '10%',
+      background: sectionproperties.linebgcolor
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -14884,7 +14906,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       position: 'relative'
     }
   }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": footerStyles.imgcontainer
+    "class": sectionStyles.imgcontainer
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
@@ -14902,7 +14924,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
+    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -14919,14 +14941,54 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       borderLeftWidth: 0,
       borderRightWidth: 0
     }
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex align-items-center flex-row allcentered",
+    style: {
+      position: 'relative',
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+    }
+  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
+    "class": sectionStyles.line_left
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": // font-sm-18 font-md-20
+    sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
+    "class": sectionStyles.line_right
+  })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
       style: {
         zIndex: 2
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100"
+      "class": "row m-0 w-100",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        paddingTop: sectionproperties.reservation_padding_top + 'px',
+        paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 allcentered p-0",
       style: {
@@ -19566,7 +19628,7 @@ var CTAHeader = function CTAHeader(props) {
     "class": "row m-0 w-100 justify-content-center",
     style: {
       width: '100vw',
-      zIndex: 100
+      zIndex: 1000
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -19574,7 +19636,7 @@ var CTAHeader = function CTAHeader(props) {
       position: sectionproperties.headerstyles_position
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.upperheader + ' row m-0 w-100 pt-2 pb-2 justify-content-center '
+    "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -19622,7 +19684,10 @@ var CTAHeader = function CTAHeader(props) {
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
   }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
+    "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
+    onClick: function onClick() {
+      setSearchHeaderInputContext('');
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -19657,7 +19722,8 @@ var CTAHeader = function CTAHeader(props) {
     "class": "headerdropdownml",
     style: {
       marginLeft: langdetect == 'en' ? '1.2rem' : 0,
-      marginRight: langdetect == 'ar' ? '1.2rem' : 0
+      marginRight: langdetect == 'ar' ? '1.2rem' : 0,
+      zIndex: 1000
     }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
@@ -25871,7 +25937,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var SearchFocusedHeader = function SearchFocusedHeader(props) {
-  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i13, _authdetailsContext$i14;
+  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i9, _authdetailsContext$i10, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i11, _authdetailsContext$i12;
 
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -26440,7 +26506,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     style: {
       maxWidth: '60px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
@@ -26475,7 +26541,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.customerinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -26651,7 +26717,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       minWidth: '250px',
       marginLeft: '0px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown.Item, {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
@@ -29932,9 +29998,9 @@ var Card20 = function Card20(props) {
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
   var _useState5 = useState(props.cardinfoindexprops),
       _useState6 = _slicedToArray(_useState5, 2);
@@ -30126,6 +30192,9 @@ var Card20 = function Card20(props) {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
     },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
     "class": "".concat(cardstyles.productNameStyles) + '  wordbreak wordbreak1 -noellipsis m-0 '
   }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',

package/dist/index.umd.js

@@ -1332,8 +1332,8 @@
       }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
         style: {
-          paddingLeft: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginLeft + 'px',
-          paddingRight: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginRight + 'px'
+          paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+          paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-9 pl-2 pr-2 mb-md-3"
@@ -10057,7 +10057,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
+          "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
           style: {
             fontSize: sectionproperties.sectionTitleFontSize + 'px',
             color: sectionproperties.sectionTitleColor,
@@ -10075,10 +10075,11 @@
           style: {
             fontSize: sectionproperties.prodCatFontSize + 'px',
             color: sectionproperties.prodCatColor,
-            fontWeight: sectionproperties.prodCatFontWeight
+            fontWeight: sectionproperties.prodCatFontWeight,
+            textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-start justify-content-md-center'
+          "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-start justify-content-md-center'
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
           onClick: function onClick() {
@@ -10128,7 +10129,7 @@
               }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
                 transitionBehavior: 'auto',
                 wrapperClassName: '',
-                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : 'scrollmenuclassnameitem',
+                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
                 scrollContainerClassName: 'scrollmenuclasssubscrollbar'
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10170,7 +10171,7 @@
           zIndex: 2
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 p-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
+        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-0 pr-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -14844,7 +14845,7 @@
           }
         }
       }, [sectionproperties]);
-      var footerStyles = {
+      var sectionStyles = {
         imgcontainer: glamor.css({
           ':before': {
             width: '100%',
@@ -14859,6 +14860,27 @@
             top: 0,
             bottom: 0
           }
+        }),
+        sectiontitlespan: glamor.css({
+          ':after': {
+            height: '5px',
+            width: sectionproperties.sectitle_lineafterwidth + '%',
+            backgroundColor: sectionproperties.linebgcolor
+          }
+        }),
+        line_left: glamor.css({
+          height: '1px',
+          position: 'relative',
+          flex: '1 1 auto',
+          minWidth: '10%',
+          background: sectionproperties.linebgcolor
+        }),
+        line_right: glamor.css({
+          height: '1px',
+          position: 'relative',
+          flex: '1 1 auto',
+          minWidth: '10%',
+          background: sectionproperties.linebgcolor
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14867,7 +14889,7 @@
           position: 'relative'
         }
       }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": footerStyles.imgcontainer
+        "class": sectionStyles.imgcontainer
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
@@ -14885,7 +14907,7 @@
           left: 0
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
+        "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
         style: {
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
@@ -14902,14 +14924,54 @@
           borderLeftWidth: 0,
           borderRightWidth: 0
         }
-      }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+      }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
+        style: {
+          marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+          marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "d-flex align-items-center flex-row allcentered",
+        style: {
+          position: 'relative',
+          width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+        }
+      }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": sectionStyles.line_left
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": // font-sm-18 font-md-20
+        sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+        style: {
+          fontSize: sectionproperties.sectionTitleFontSize + 'px',
+          color: sectionproperties.sectionTitleColor,
+          fontWeight: sectionproperties.sectionTitleFontWeight,
+          paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+          paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+          textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+        }
+      }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": sectionStyles.line_right
+      })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
+          "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
           style: {
             zIndex: 2
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "row m-0 w-100"
+          "class": "row m-0 w-100",
+          style: {
+            background: sectionproperties.reservation_bgcolor,
+            paddingTop: sectionproperties.reservation_padding_top + 'px',
+            paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+            paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+            borderRadius: sectionproperties.reservation_borderradius + 'px',
+            border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 allcentered p-0",
           style: {
@@ -19549,7 +19611,7 @@
         "class": "row m-0 w-100 justify-content-center",
         style: {
           width: '100vw',
-          zIndex: 100
+          zIndex: 1000
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -19557,7 +19619,7 @@
           position: sectionproperties.headerstyles_position
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.upperheader + ' row m-0 w-100 pt-2 pb-2 justify-content-center '
+        "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
       }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19605,7 +19667,10 @@
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
       }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
+        "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
+        onClick: function onClick() {
+          setSearchHeaderInputContext('');
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19640,7 +19705,8 @@
         "class": "headerdropdownml",
         style: {
           marginLeft: langdetect == 'en' ? '1.2rem' : 0,
-          marginRight: langdetect == 'ar' ? '1.2rem' : 0
+          marginRight: langdetect == 'ar' ? '1.2rem' : 0,
+          zIndex: 1000
         }
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
@@ -25854,7 +25920,7 @@
     function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
     var SearchFocusedHeader = function SearchFocusedHeader(props) {
-      var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i13, _authdetailsContext$i14;
+      var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i9, _authdetailsContext$i10, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i11, _authdetailsContext$i12;
 
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -26423,7 +26489,7 @@
         style: {
           maxWidth: '60px'
         }
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Login);
         }
@@ -26458,7 +26524,7 @@
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.accountinfo);
         }
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.customerinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Ordershistory);
         }
@@ -26634,7 +26700,7 @@
           minWidth: '250px',
           marginLeft: '0px'
         }
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
           onClick: function onClick() {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
@@ -29915,9 +29981,9 @@
       var langdetect = props.actions.langdetect;
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-      var addtofavoritescontext = props.addtofavoritescontext;
-      var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-      var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+      var addtofavoritescontext = props.actions.addtofavoritescontext;
+      var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+      var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
 
       var _useState5 = React.useState(props.cardinfoindexprops),
           _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30109,6 +30175,9 @@
             routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
           }
         },
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
         "class": "".concat(cardstyles.productNameStyles) + '  wordbreak wordbreak1 -noellipsis m-0 '
       }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',

package/package.json

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