tabexseriescomponents 0.0.370 → 0.0.371

package/dist/index.cjs.js

@@ -36363,7 +36363,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
 function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(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;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -37038,7 +37038,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }
       }))));
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), 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", {
     "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"
@@ -37062,7 +37062,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       background: '#f4f4f4',
       borderRadius: 5
     }
-  }, 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) {
+  }, 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) {
     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() {
@@ -41864,7 +41864,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
+  var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -41904,7 +41904,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     });
     return policyobj;
   };
-  var footerStyles = {
+  var footerStyles = (_footerStyles = {
     payimgcont: glamor.css({
       marginLeft: '10px',
       marginRight: '10px'
@@ -42016,7 +42016,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.prodCatColor,
       fontWeight: sectionproperties.prodCatFontWeight
     })
-  };
+  }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _footerStyles);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42319,6 +42331,31 @@ var Newsletterfooter = function Newsletterfooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
+  }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex align-items-center justify-content-start  p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i19;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("img", {
+    "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i20;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
+    }
   })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {

package/dist/index.esm.js

@@ -36314,7 +36314,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
 function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(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;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -36989,7 +36989,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }
       }))));
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), 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", {
     "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"
@@ -37013,7 +37013,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       background: '#f4f4f4',
       borderRadius: 5
     }
-  }, 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) {
+  }, 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) {
     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() {
@@ -41815,7 +41815,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
+  var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -41855,7 +41855,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     });
     return policyobj;
   };
-  var footerStyles = {
+  var footerStyles = (_footerStyles = {
     payimgcont: css({
       marginLeft: '10px',
       marginRight: '10px'
@@ -41967,7 +41967,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.prodCatColor,
       fontWeight: sectionproperties.prodCatFontWeight
     })
-  };
+  }, _defineProperty(_footerStyles, "apptore", css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _defineProperty(_footerStyles, "googleplay", css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _footerStyles);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42270,6 +42282,31 @@ var Newsletterfooter = function Newsletterfooter(props) {
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
+  }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex align-items-center justify-content-start  p-sm-0"
+  }, /*#__PURE__*/React.createElement("img", {
+    "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i19;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i20;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
+    }
   })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React.createElement("hr", {

package/dist/index.umd.js

@@ -36196,7 +36196,7 @@
     function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(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;
+      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -36871,7 +36871,7 @@
             }
           }))));
         }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), 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", {
         "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"
@@ -36895,7 +36895,7 @@
           background: '#f4f4f4',
           borderRadius: 5
         }
-      }, 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) {
+      }, 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) {
         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() {
@@ -41697,7 +41697,7 @@
     function ownKeys$1m(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$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Newsletterfooter = function Newsletterfooter(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
+      var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -41737,7 +41737,7 @@
         });
         return policyobj;
       };
-      var footerStyles = {
+      var footerStyles = (_footerStyles = {
         payimgcont: glamor.css({
           marginLeft: '10px',
           marginRight: '10px'
@@ -41849,7 +41849,19 @@
           color: sectionproperties.prodCatColor,
           fontWeight: sectionproperties.prodCatFontWeight
         })
-      };
+      }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
+        width: '35%',
+        objectFit: 'contain',
+        '@media (max-width: 800px)': {
+          width: '30%'
+        }
+      })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
+        width: '35%',
+        objectFit: 'contain',
+        '@media (max-width: 800px)': {
+          width: '30%'
+        }
+      })), _footerStyles);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
           var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42152,6 +42164,31 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.youtubebtniconfontsize
+      }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 d-flex align-items-center justify-content-start  p-sm-0"
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
+        src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+        onClick: function onClick() {
+          var _authdetailsContext$i19;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("img", {
+        "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
+        src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+        onClick: function onClick() {
+          var _authdetailsContext$i20;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
+        }
       })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0  d-block my-3"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.370",
+    "version": "0.0.371",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {
@@ -17,6 +17,7 @@
         "@react-oauth/google": "^0.2.6",
         "@rollup/plugin-node-resolve": "^13.3.0",
         "axios": "^0.27.2",
+        "before-after-react": "^1.0.5",
         "glamor": "^2.20.40",
         "google-map-react": "^2.2.0",
         "imagekitio-react": "^1.1.1",