tabexseriescomponents 0.0.802 → 0.0.803

package/dist/index.cjs.js

@@ -43942,10 +43942,98 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   }));
 };
 
+var FloatingIcons = function FloatingIcons(props) {
+  var _authdetailsContext$i, _authdetailsContext$i2;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    sectionproperties = _useState2[0];
+    _useState2[1];
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  props.actions.setlang;
+  props.actions.templatepropcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.templateproperties_context;
+  props.actions;
+  var header_cssstyles = {
+    floatingwaicon: glamor.css({
+      position: 'fixed',
+      bottom: sectionproperties.floatingwhatsapppositionfrombottom + 'px',
+      right: sectionproperties.floatingwhatsapppositionfromright + 'px',
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out',
+      width: sectionproperties.floatingwhatsappiconwidth + 'px',
+      height: sectionproperties.floatingwhatappiconheight + 'px',
+      background: sectionproperties.floatingwhatappiconbgcolor,
+      borderRadius: sectionproperties.floatingwhatsappiconborderradius + 'px',
+      fontSize: sectionproperties.floatingwhatsappiconfontsize + 'px',
+      color: sectionproperties.floatingwhatsappiconcolor,
+      ':hover': {
+        color: sectionproperties.floatingwhatsappiconcoloronhover,
+        background: sectionproperties.floatingwhatappiconbgcoloronhover
+      }
+    })
+  };
+  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
+  var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": '',
+    style: {
+      position: 'relative'
+    }
+  }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {},
+    "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 '
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.floatingwhatsappiconiconfontsize
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": header_cssstyles.floatingbtn + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      routingcountext(sectionproperties.floatingbtnlink, false, '');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(FiPhone.FiPhone, {
+    size: 30,
+    color: sectionproperties.uppersection_iconcolor,
+    style: {
+      transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
+    }
+  }))));
+};
+
 function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i, _authdetailsContext$i2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -44274,60 +44362,10 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     style: {
       position: 'relative'
     }
-  }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
-    style: {
-      width: '40px',
-      height: '40px',
-      cursor: 'pointer'
-    }
-  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    "class": header_cssstyles.floatingbtn + ' allcentered ',
-    style: {},
-    onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(FiPhone.FiPhone, {
-    size: 30,
-    color: sectionproperties.uppersection_iconcolor,
-    style: {
-      transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
-    }
-  }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+  }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
@@ -44823,7 +44861,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(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__default["default"].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__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -44847,7 +44885,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(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__default["default"].createElement("div", {
       "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
       onClick: function onClick() {

package/dist/index.esm.js

@@ -43893,10 +43893,98 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   }));
 };
 
+var FloatingIcons = function FloatingIcons(props) {
+  var _authdetailsContext$i, _authdetailsContext$i2;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    sectionproperties = _useState2[0];
+    _useState2[1];
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  props.actions.setlang;
+  props.actions.templatepropcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.templateproperties_context;
+  props.actions;
+  var header_cssstyles = {
+    floatingwaicon: css({
+      position: 'fixed',
+      bottom: sectionproperties.floatingwhatsapppositionfrombottom + 'px',
+      right: sectionproperties.floatingwhatsapppositionfromright + 'px',
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out',
+      width: sectionproperties.floatingwhatsappiconwidth + 'px',
+      height: sectionproperties.floatingwhatappiconheight + 'px',
+      background: sectionproperties.floatingwhatappiconbgcolor,
+      borderRadius: sectionproperties.floatingwhatsappiconborderradius + 'px',
+      fontSize: sectionproperties.floatingwhatsappiconfontsize + 'px',
+      color: sectionproperties.floatingwhatsappiconcolor,
+      ':hover': {
+        color: sectionproperties.floatingwhatsappiconcoloronhover,
+        background: sectionproperties.floatingwhatappiconbgcoloronhover
+      }
+    })
+  };
+  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
+  var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear);
+  return /*#__PURE__*/React.createElement("div", {
+    "class": '',
+    style: {
+      position: 'relative'
+    }
+  }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React.createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {},
+    "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 '
+  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+    size: sectionproperties.floatingwhatsappiconiconfontsize
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), 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)'
+    }
+  }))));
+};
+
 function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i, _authdetailsContext$i2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -44225,60 +44313,10 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     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, {
+  }, /*#__PURE__*/React.createElement(FloatingIcons, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
@@ -44774,7 +44812,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(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"
@@ -44798,7 +44836,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(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() {

package/dist/index.umd.js

@@ -43758,10 +43758,98 @@
       }));
     };
 
+    var FloatingIcons = function FloatingIcons(props) {
+      var _authdetailsContext$i, _authdetailsContext$i2;
+      var _useState = React.useState(''),
+        _useState2 = _slicedToArray__default["default"](_useState, 2),
+        sectionproperties = _useState2[0];
+        _useState2[1];
+      props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      props.actions.setlang;
+      props.actions.templatepropcontext;
+      var authdetailsContext = props.actions.authdetailsContext;
+      props.actions.templateproperties_context;
+      props.actions;
+      var header_cssstyles = {
+        floatingwaicon: glamor.css({
+          position: 'fixed',
+          bottom: sectionproperties.floatingwhatsapppositionfrombottom + 'px',
+          right: sectionproperties.floatingwhatsapppositionfromright + 'px',
+          zIndex: 999999,
+          transition: 'all 0.3s ease-out',
+          width: sectionproperties.floatingwhatsappiconwidth + 'px',
+          height: sectionproperties.floatingwhatappiconheight + 'px',
+          background: sectionproperties.floatingwhatappiconbgcolor,
+          borderRadius: sectionproperties.floatingwhatsappiconborderradius + 'px',
+          fontSize: sectionproperties.floatingwhatsappiconfontsize + 'px',
+          color: sectionproperties.floatingwhatsappiconcolor,
+          ':hover': {
+            color: sectionproperties.floatingwhatsappiconcoloronhover,
+            background: sectionproperties.floatingwhatappiconbgcoloronhover
+          }
+        })
+      };
+      var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
+      var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": '',
+        style: {
+          position: 'relative'
+        }
+      }, sectionproperties.showfloatingwaicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+        href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {},
+        "class": header_cssstyles.floatingwaicon + ' allcentered px-2 py-1 '
+      }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+        size: sectionproperties.floatingwhatsappiconiconfontsize
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+      }, langdetect == 'en' ? sectionproperties.floatingwhatsappicontexten : sectionproperties.floatingwhatsappicontextar)), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": header_cssstyles.floatingbtn + ' allcentered ',
+        style: {},
+        onClick: function onClick() {
+          routingcountext(sectionproperties.floatingbtnlink, false, '');
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0"
+      }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(FiPhone.FiPhone, {
+        size: 30,
+        color: sectionproperties.uppersection_iconcolor,
+        style: {
+          transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
+        }
+      }))));
+    };
+
     function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
-      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
+      var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i, _authdetailsContext$i2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -44090,60 +44178,10 @@
         style: {
           position: 'relative'
         }
-      }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("img", {
-        src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
-        style: {
-          width: '40px',
-          height: '40px',
-          cursor: 'pointer'
-        }
-      })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-        "class": header_cssstyles.floatingbtn + ' allcentered ',
-        style: {},
-        onClick: function onClick() {
-          routingcountext(sectionproperties.floatingbtnlink, false, '');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0"
-      }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(FiPhone.FiPhone, {
-        size: 30,
-        color: sectionproperties.uppersection_iconcolor,
-        style: {
-          transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
-        }
-      }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+      }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
         sectionpropertiesprops: sectionproperties,
         templateproperties_contextprops: templateproperties_context,
         actions: actions
@@ -44639,7 +44677,7 @@
             "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__default["default"].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__default["default"].createElement("div", {
         "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
@@ -44663,7 +44701,7 @@
           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__default["default"].createElement("div", {
           "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
           onClick: function onClick() {

package/package.json

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