tabexseriescomponents 0.2.798 → 0.2.799

package/dist/index.esm.js

@@ -11,7 +11,6 @@ import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import { css } from 'glamor';
 import { GoogleOAuthProvider, GoogleLogin } from '@react-oauth/google';
 import jwtDecode from 'jwt-decode';
-import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props';
 import { FaFacebookF } from '@react-icons/all-files/fa/FaFacebookF';
 import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
 import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
@@ -545,49 +544,15 @@ var generalstyles = {"shadow_bottom":"general-module_shadow_bottom__YcJR3","over
 styleInject(css_248z$M);
 
 var FacebookLoginButton = function FacebookLoginButton(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2;
   // const { lang, langdetect } = useContext(LanguageContext);
   // const { fetchAuthorizationQueryContext, SocialLoginMutationContext } = useContext(FetchingContext);
-  var lang = props.actions.lang;
+  props.actions.lang;
   props.actions.langdetect;
-  var authdetailsContext = props.actions.authdetailsContext;
-  var SocialLoginMutationContext = props.actions.SocialLoginMutationContext;
+  props.actions.authdetailsContext;
+  props.actions.SocialLoginMutationContext;
   return /*#__PURE__*/React.createElement("div", {
     className: ""
-  }, ((_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcred) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebookloginappid) != null && /*#__PURE__*/React.createElement(FacebookLogin, {
-    cssClass: "".concat(generalstyles.btn, " ").concat(generalstyles.btn_primary, " ").concat(loginstyles$1.loginbtn) + ' w-100 mb-3 d-flex align-items-center justify-content-center ',
-    appId: (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcred) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebookloginappid,
-    fields: "name,email",
-    callback: function callback(responseFacebook) {
-      var googleresp = responseFacebook;
-      if (googleresp.status != 'unknown') {
-        SocialLoginMutationContext.mutate({
-          email: googleresp.email,
-          name: googleresp.name,
-          loginplattype: 'facebook'
-        });
-      }
-    },
-    render: function render(renderProps) {
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        onClick: renderProps.onClick,
-        className: ' d-flex align-items-center justify-content-center  text-secondaryhovercontainer',
-        style: {
-          border: '1px solid #ccc',
-          height: '38px',
-          borderRadius: '3px',
-          width: '218px'
-        }
-      }, /*#__PURE__*/React.createElement(FaFacebookF, {
-        size: 15,
-        color: "black",
-        className: "ml-1 mr-1 text-secondaryhover"
-      }), /*#__PURE__*/React.createElement("p", {
-        className: "m-0 p-0 font_13 ml-1 mr-1 text-secondaryhover"
-      }, lang.loginwithfacebook));
-    }
-  }));
+  });
 };
 
 var Imagekitimagecomp = function Imagekitimagecomp(props) {
@@ -22412,6 +22377,8 @@ var Searchlist$1 = function Searchlist(props) {
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
+  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
+  var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
   var _useState3 = useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
     _useState4 = _slicedToArray(_useState3, 2),
     searchinput = _useState4[0],
@@ -22489,7 +22456,7 @@ var Searchlist$1 = function Searchlist(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 m-0 w-100",
+    className: "col-lg-12 p-0 m-0 w-100 allcentered",
     style: {
       zIndex: 1000
     }
@@ -22530,6 +22497,9 @@ var Searchlist$1 = function Searchlist(props) {
       },
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+        setSearchHeaderInputContext('');
+        setsearchinput('');
+        setsearchbarCanvasContext(false);
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
@@ -22583,6 +22553,9 @@ var Searchlist$1 = function Searchlist(props) {
       },
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+        setSearchHeaderInputContext('');
+        setsearchinput('');
+        setsearchbarCanvasContext(false);
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
@@ -24781,9 +24754,20 @@ var SocialMediaSection = function SocialMediaSection(props) {
       }
     }),
     icon: css({
-      color: '#bd8d46',
+      // color: '#bd8d46',
+      color: templateproperties_context.socialmediaiconcolor,
       ':hover': {
-        color: '#000'
+        color: templateproperties_context.socialmediaiconcoloronhover,
+        transition: '.3s'
+        // color: '#000',
+      }
+    }),
+    storeinfoprop: css({
+      color: templateproperties_context.socialmediasectioniconcolor,
+      fontSize: 18,
+      ':hover': {
+        color: templateproperties_context.socialmediasectioniconcoloronhover,
+        transition: '.3s'
       }
     })
   };
@@ -24799,28 +24783,20 @@ var SocialMediaSection = function SocialMediaSection(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": templateproperties_context.showstoreinfo == 'Show' ? 'col-lg-6 p-0 text-start d-flex flex-row d-md-none' : 'd-none p-0'
   }, templateproperties_context.showaddress == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 cursor-pointer d-flex flex-row d-flex align-items-center",
+    "class": header_cssstyles.storeinfoprop + ' m-0 p-0 cursor-pointer d-flex flex-row d-flex align-items-center ',
     onClick: function onClick() {
       window.open(templateproperties_context.locationlink, '_blank');
-    },
-    style: {
-      color: '#b2b2b2',
-      fontSize: 18
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.icon + ' h-100 d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React.createElement(FaMap, {
     size: 28
   })), /*#__PURE__*/React.createElement("span", {
-    "class": "mx-2"
+    "class": header_cssstyles.storeinfoprop + ' mx-2 '
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.address_en)), templateproperties_context.showphonenumber == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mx-4 cursor-pointer d-flex align-items-center",
+    "class": header_cssstyles.storeinfoprop + ' m-0 p-0 mx-4 cursor-pointer d-flex align-items-center ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
-    },
-    style: {
-      color: '#b2b2b2',
-      fontSize: 18
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.icon + ' fa fa-phone ',
@@ -24828,7 +24804,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
       fontSize: 25
     }
   }), /*#__PURE__*/React.createElement("span", {
-    "class": "mx-2"
+    "class": header_cssstyles.storeinfoprop + ' mx-2 '
   }, " ", authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), /*#__PURE__*/React.createElement("div", {
     "class": templateproperties_context.showstoreinfo == 'Show' ? 'col-lg-6 p-0 text-end justify-content-md-center col-md-12' : 'col-lg-12 allcentered p-0'
   }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
@@ -32955,14 +32931,13 @@ var Simpleheader = function Simpleheader(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
-  var _useState3 = useState(false),
+  // const [openSearchBar, setopenSearchBar] = useState(false);
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    openSearchBar = _useState4[0],
-    setopenSearchBar = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    logoarrayofobjects = _useState6[0],
-    setlogoarrayofobjects = _useState6[1];
+    logoarrayofobjects = _useState4[0],
+    setlogoarrayofobjects = _useState4[1];
+  var searchbarCanvasContext = props.actions.searchbarCanvasContext;
+  var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -33347,7 +33322,7 @@ var Simpleheader = function Simpleheader(props) {
       fontSize: sectionproperties.searchtextfontsize + 'px'
     },
     onClick: function onClick() {
-      setopenSearchBar(true);
+      setsearchbarCanvasContext(true);
     }
   }, sectionproperties.searchbaricon_fontsize != 0 && /*#__PURE__*/React.createElement("i", {
     className: header_cssstyles.searchicon + ' h-100 allcentered '
@@ -33741,9 +33716,9 @@ var Simpleheader = function Simpleheader(props) {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }), /*#__PURE__*/React.createElement(Offcanvas, {
-    show: openSearchBar,
+    show: searchbarCanvasContext,
     onHide: function onHide() {
-      setopenSearchBar(false);
+      setsearchbarCanvasContext(false);
     },
     placement: "top",
     scroll: true,
@@ -33786,7 +33761,7 @@ var Simpleheader = function Simpleheader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
     onClick: function onClick() {
-      setopenSearchBar(false);
+      setsearchbarCanvasContext(false);
       setSearchHeaderInputContext('');
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -45517,9 +45492,9 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     logoarrayofobjects = _useState4[0],
     setlogoarrayofobjects = _useState4[1];
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    openSearchBar = _useState6[0],
-    setopenSearchBar = _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     openSideNav = _useState8[0],
@@ -45535,6 +45510,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     _useState12 = _slicedToArray(_useState11, 2),
     pcollarray = _useState12[0],
     setpcollarray = _useState12[1];
+  var searchbarCanvasContext = props.actions.searchbarCanvasContext;
+  var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -45901,7 +45878,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.searchicon + ' h-100 allcentered ',
     onClick: function onClick() {
-      setopenSearchBar(true);
+      setsearchbarCanvasContext(true);
+      // setopenSearchBar(true);
     }
   }, /*#__PURE__*/React.createElement(FiSearch, {
     size: sectionproperties.searchbaricon_fontsize
@@ -46116,9 +46094,9 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       subheadercontentpositionprops: 'center'
     }
   }))), /*#__PURE__*/React.createElement(Offcanvas, {
-    show: openSearchBar,
+    show: searchbarCanvasContext,
     onHide: function onHide() {
-      setopenSearchBar(false);
+      setsearchbarCanvasContext(false);
     },
     placement: langdetect == 'en' ? 'end' : 'start',
     scroll: true,
@@ -46147,7 +46125,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.closesliderbtn + ' h-100 allcentered ',
     onClick: function onClick() {
-      setopenSearchBar(false);
+      setsearchbarCanvasContext(false);
     }
   }, /*#__PURE__*/React.createElement(AiOutlineClose, {
     size: sectionproperties.closeSlider_fontSize
@@ -46170,7 +46148,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.searchicon + ' h-100 allcentered ',
     onClick: function onClick() {
-      setopenSearchBar(true);
+      setsearchbarCanvasContext(true);
     }
   }, /*#__PURE__*/React.createElement(FiSearch, {
     size: sectionproperties.searchbaricon_fontsize
@@ -46220,6 +46198,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
         onClick: function onClick() {
           routingcountext(item.navigationroute);
+          setopenSideNav(false);
         },
         style: {
           marginTop: sectionproperties.navitemmarginvertical + 'px',
@@ -46310,6 +46289,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
         onClick: function onClick() {
           routingcountext(item.navigationroute);
+          setopenSideNav(false);
         },
         style: {
           marginTop: sectionproperties.navitemmarginvertical + 'px',
@@ -46433,17 +46413,13 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
 function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Minimalheader = function Minimalheader(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  props.actions.LogoutMutationContext;
-  props.actions.fetchcustomercartQueryContext;
-  props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
@@ -46525,7 +46501,9 @@ var Minimalheader = function Minimalheader(props) {
       width: sectionproperties.header_width + 'vw',
       zIndex: 1000,
       top: 0,
-      backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? scrollYposittionprops > 100 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 100 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
+      backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? scrollYposittionprops > 100 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 100 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor
+    }),
+    headerinnercontainer: css({
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -46657,80 +46635,42 @@ var Minimalheader = function Minimalheader(props) {
       }
     })
   };
+  var FloatingButtonsandSocialMedia = function FloatingButtonsandSocialMedia() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement(FloatingIcons, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions
+    }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
+      sectionpropertiesprops: sectionproperties,
+      templateproperties_contextprops: templateproperties_context,
+      actions: actions
+    }), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement(DownloadApp, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions
+    }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex d-md-none"
+    }, /*#__PURE__*/React.createElement(MarqueeHeader, {
+      sectionpropertiesprops: sectionproperties,
+      templateproperties_contextprops: templateproperties_context,
+      actions: actions
+    })));
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$g.header_container) + ' headeroffcanvas row m-0 w-100 d-flex justify-content-center ',
     style: {
       position: 'relative'
     }
-  }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
-    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
-    target: '_blank',
-    style: {
-      position: 'fixed',
-      bottom: sectionproperties.whatsapppositionfrombottom + 'px',
-      right: sectionproperties.whatsapppositionfromright + 'px',
-      zIndex: 999999,
-      transition: 'all 0.3s ease-out'
-    }
-  }, /*#__PURE__*/React.createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
-    style: {
-      width: '40px',
-      height: '40px',
-      cursor: 'pointer'
-    }
-  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'fixed',
-      bottom: sectionproperties.floatingbtnfrombottom + 'px',
-      right: sectionproperties.floatingbtnfromright + 'px',
-      zIndex: 999999,
-      transition: 'all 0.3s ease-out',
-      width: '100%'
-    },
-    "class": "text-end"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.floatingbtn + ' allcentered ',
-    style: {},
-    onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("a", {
-    href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
-    target: '_self',
-    style: {
-      position: 'fixed',
-      bottom: sectionproperties.callppositionfrombottom + 'px',
-      right: sectionproperties.callppositionfromright + 'px',
-      zIndex: 999999,
-      transition: 'all 0.3s ease-out'
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
-  }, /*#__PURE__*/React.createElement(FiPhone, {
-    size: 30,
-    color: sectionproperties.uppersection_iconcolor,
-    style: {
-      transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
-    }
-  }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
-    sectionpropertiesprops: sectionproperties,
-    templateproperties_contextprops: templateproperties_context,
-    actions: actions
-  }), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement(DownloadApp, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex d-md-none"
-  }, /*#__PURE__*/React.createElement(MarqueeHeader, {
-    sectionpropertiesprops: sectionproperties,
-    templateproperties_contextprops: templateproperties_context,
-    actions: actions
-  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-none d-md-flex"
+  }, FloatingButtonsandSocialMedia()), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.headercontainer) + ' row m-0 d-md-none ',
     style: {}
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, FloatingButtonsandSocialMedia()), /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.headerinnercontainer) + ' row m-0 w-100 ',
+    style: {}
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-6 col-sm-12 text-start p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -46783,7 +46723,7 @@ var Minimalheader = function Minimalheader(props) {
       height: 1,
       background: scrollYposittionprops > 100 ? sectionproperties.vl_secondarybg : sectionproperties.vl_bg
     }
-  }))), /*#__PURE__*/React.createElement(Offcanvas, {
+  })))), /*#__PURE__*/React.createElement(Offcanvas, {
     show: openSearchBar,
     onHide: function onHide() {
       setopenSearchBar(false);
@@ -46992,7 +46932,7 @@ var Minimalheader = function Minimalheader(props) {
         "class": "m-0 p-0"
       }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcurrencies) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.length) > 1 && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -47016,7 +46956,7 @@ var Minimalheader = function Minimalheader(props) {
       background: '#f4f4f4',
       borderRadius: 5
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
       onClick: function onClick() {
@@ -47096,13 +47036,13 @@ var Minimalheader = function Minimalheader(props) {
     "class": "col-lg-12"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null && sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i5;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null) {
-        var _authdetailsContext$i6;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink, '_blank');
+      var _authdetailsContext$i4;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
+        var _authdetailsContext$i5;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -47111,13 +47051,13 @@ var Minimalheader = function Minimalheader(props) {
     size: sectionproperties.iconcontainer_iconfontsize
   }), langdetect == 'ar' && /*#__PURE__*/React.createElement(FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
-  })), "Facebook"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), "Facebook"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.instagrambtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink) != null) {
-        var _authdetailsContext$i9;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink, '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
+        var _authdetailsContext$i8;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -47126,13 +47066,13 @@ var Minimalheader = function Minimalheader(props) {
     size: sectionproperties.iconcontainer_iconfontsize
   }), langdetect == 'ar' && /*#__PURE__*/React.createElement(FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
-  })), "Instagram"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.twitterlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), "Instagram"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.twitterlink) != null && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i11;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null) {
-        var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.twitterlink, '_blank');
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.twitterlink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -47141,13 +47081,13 @@ var Minimalheader = function Minimalheader(props) {
     size: sectionproperties.iconcontainer_iconfontsize
   }), langdetect == 'ar' && /*#__PURE__*/React.createElement(FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
-  })), "X"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), "X"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i14;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null) {
-        var _authdetailsContext$i15;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -47156,13 +47096,13 @@ var Minimalheader = function Minimalheader(props) {
     size: sectionproperties.iconcontainer_iconfontsize
   }), langdetect == 'ar' && /*#__PURE__*/React.createElement(FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
-  })), "LinkedIn"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
+  })), "LinkedIn"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i17;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink) != null) {
-        var _authdetailsContext$i18;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.youtubelink, '_blank');
+      var _authdetailsContext$i16;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.youtubelink) != null) {
+        var _authdetailsContext$i17;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {