tabexseriescomponents 0.0.621 → 0.0.623

package/dist/index.cjs.js

@@ -71,7 +71,6 @@ var HiUser = require('@react-icons/all-files/hi/HiUser');
 var GrMail = require('@react-icons/all-files/gr/GrMail');
 var FiCheckCircle = require('@react-icons/all-files/fi/FiCheckCircle');
 var BiPhone = require('@react-icons/all-files/bi/BiPhone');
-require('@paypal/react-paypal-js');
 var PhoneInput = require('react-phone-input-2');
 var BsChevronLeft = require('@react-icons/all-files/bs/BsChevronLeft');
 var BsChevronRight = require('@react-icons/all-files/bs/BsChevronRight');
@@ -10131,7 +10130,7 @@ var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
 var Checkout = function Checkout(props) {
-  var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _fetchcustomercartQue88;
+  var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
@@ -11473,17 +11472,38 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'bankinstallments' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'paypal' ? true : false,
     onChange: function onChange() {
       var _fetchcustomercartQue85;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'bankinstallments') {
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'paypal') {
+        cartinfoupdater('paymentmethod', 'paypal');
+      }
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("svg", {
+    viewBox: "0 0 21 21",
+    className: checkoutstyles.svgstyles + ' h-100 '
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+  })), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
+  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "checkbox",
+    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'bankinstallments' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue87;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'bankinstallments') {
         cartinfoupdater('paymentmethod', 'bankinstallments');
       }
     }
@@ -11494,17 +11514,17 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'Aman' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.customercart) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.paymentmethod) == 'Aman' ? true : false,
     onChange: function onChange() {
-      var _fetchcustomercartQue87;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'Aman') {
+      var _fetchcustomercartQue89;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.customercart) === null || _fetchcustomercartQue89 === void 0 ? void 0 : _fetchcustomercartQue89.paymentmethod) != 'Aman') {
         cartinfoupdater('paymentmethod', 'Aman');
       }
     }
@@ -11515,7 +11535,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue90 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue90 === void 0 || (_fetchcustomercartQue90 = _fetchcustomercartQue90.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -60902,6 +60922,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }
   }, [sectionproperties]);
   var sectionStyles = {
+    containerrrr: glamor.css({
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderLeftWidth: 0,
+      borderRightWidth: 0,
+      '@media (max-width: 800px)': {
+        marginTop: sectionproperties.marginTopResp + 'px'
+      }
+    }),
     imgcontainer: glamor.css({
       ':before': {
         width: '100%',
@@ -60958,8 +60999,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     imageContainer: glamor.css({
-      width: sectionproperties.image_width + 'px',
-      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+      height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
       borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60971,8 +61012,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         backgroundColor: sectionproperties.activedotcolor
       },
       '@media (max-width: 800px)': {
-        width: sectionproperties.innerwidthheightresp + 'px',
-        height: sectionproperties.innerwidthheightresp + 'px'
+        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: glamor.css({
@@ -60986,12 +61027,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     btnstyles: glamor.css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: 'underline',
+      textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+      backgroundColor: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius,
       ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        transition: '.3s'
       }
     }),
     outercontainer: glamor.css({
@@ -61041,25 +61088,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderLeftWidth: 0,
-      borderRightWidth: 0
-    }
+    "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+    style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered p-0",
     style: {
@@ -61129,7 +61159,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         // if (cardinfoitem.iscardclickable == 'Yes') {
         //     window.open(cardinfoitem.btnlink, '_blank');
         // }
-        if (cardinfoitem.btntype == 'Web Product Link') {
+        if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
           routingcountext(cardinfoitem.btnlink, false, '');
         } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
           // window.open(cardinfoitem.btnlink, '_target');

package/dist/index.esm.js

@@ -69,7 +69,6 @@ import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
 import { BiPhone } from '@react-icons/all-files/bi/BiPhone';
-import '@paypal/react-paypal-js';
 import PhoneInput from 'react-phone-input-2';
 import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
 import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
@@ -10082,7 +10081,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var Checkout = function Checkout(props) {
-  var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _fetchcustomercartQue88;
+  var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
@@ -11424,17 +11423,38 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'bankinstallments' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'paypal' ? true : false,
     onChange: function onChange() {
       var _fetchcustomercartQue85;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'bankinstallments') {
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'paypal') {
+        cartinfoupdater('paymentmethod', 'paypal');
+      }
+    }
+  }), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 21 21",
+    className: checkoutstyles.svgstyles + ' h-100 '
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+  })), /*#__PURE__*/React.createElement("p", {
+    className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
+  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'bankinstallments' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue87;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'bankinstallments') {
         cartinfoupdater('paymentmethod', 'bankinstallments');
       }
     }
@@ -11445,17 +11465,17 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'Aman' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.customercart) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.paymentmethod) == 'Aman' ? true : false,
     onChange: function onChange() {
-      var _fetchcustomercartQue87;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'Aman') {
+      var _fetchcustomercartQue89;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.customercart) === null || _fetchcustomercartQue89 === void 0 ? void 0 : _fetchcustomercartQue89.paymentmethod) != 'Aman') {
         cartinfoupdater('paymentmethod', 'Aman');
       }
     }
@@ -11466,7 +11486,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue90 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue90 === void 0 || (_fetchcustomercartQue90 = _fetchcustomercartQue90.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -60853,6 +60873,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }
   }, [sectionproperties]);
   var sectionStyles = {
+    containerrrr: css({
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderLeftWidth: 0,
+      borderRightWidth: 0,
+      '@media (max-width: 800px)': {
+        marginTop: sectionproperties.marginTopResp + 'px'
+      }
+    }),
     imgcontainer: css({
       ':before': {
         width: '100%',
@@ -60909,8 +60950,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     imageContainer: css({
-      width: sectionproperties.image_width + 'px',
-      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+      height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
       borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60922,8 +60963,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         backgroundColor: sectionproperties.activedotcolor
       },
       '@media (max-width: 800px)': {
-        width: sectionproperties.innerwidthheightresp + 'px',
-        height: sectionproperties.innerwidthheightresp + 'px'
+        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: css({
@@ -60937,12 +60978,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     btnstyles: css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: 'underline',
+      textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+      backgroundColor: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius,
       ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        transition: '.3s'
       }
     }),
     outercontainer: css({
@@ -60992,25 +61039,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       left: 0
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-      borderLeftWidth: 0,
-      borderRightWidth: 0
-    }
+    "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+    style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered p-0",
     style: {
@@ -61080,7 +61110,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         // if (cardinfoitem.iscardclickable == 'Yes') {
         //     window.open(cardinfoitem.btnlink, '_blank');
         // }
-        if (cardinfoitem.btntype == 'Web Product Link') {
+        if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
           routingcountext(cardinfoitem.btnlink, false, '');
         } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
           // window.open(cardinfoitem.btnlink, '_target');

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@mui/system'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('@paypal/react-paypal-js'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@mui/system', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', '@paypal/react-paypal-js', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, null, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, null, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, system, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, reactPaypalJs, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@mui/system'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@mui/system', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, null, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, system, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -9954,7 +9954,7 @@
       return import('react-select');
     });
     var Checkout = function Checkout(props) {
-      var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _fetchcustomercartQue88;
+      var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
       var _useState = React.useState(null),
         _useState2 = _slicedToArray__default["default"](_useState, 2);
         _useState2[0];
@@ -11296,17 +11296,38 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "checkbox",
         className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-        checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'bankinstallments' ? true : false,
+        checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue84 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.data) === null || _fetchcustomercartQue84 === void 0 || (_fetchcustomercartQue84 = _fetchcustomercartQue84.customercart) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.paymentmethod) == 'paypal' ? true : false,
         onChange: function onChange() {
           var _fetchcustomercartQue85;
-          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'bankinstallments') {
+          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue85 === void 0 || (_fetchcustomercartQue85 = _fetchcustomercartQue85.customercart) === null || _fetchcustomercartQue85 === void 0 ? void 0 : _fetchcustomercartQue85.paymentmethod) != 'paypal') {
+            cartinfoupdater('paymentmethod', 'paypal');
+          }
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("svg", {
+        viewBox: "0 0 21 21",
+        className: checkoutstyles.svgstyles + ' h-100 '
+      }, /*#__PURE__*/React__default["default"].createElement("path", {
+        d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+      })), /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
+      }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "checkbox",
+        className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+        checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'bankinstallments' ? true : false,
+        onChange: function onChange() {
+          var _fetchcustomercartQue87;
+          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'bankinstallments') {
             cartinfoupdater('paymentmethod', 'bankinstallments');
           }
         }
@@ -11317,17 +11338,17 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "checkbox",
         className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-        checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue86 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.data) === null || _fetchcustomercartQue86 === void 0 || (_fetchcustomercartQue86 = _fetchcustomercartQue86.customercart) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.paymentmethod) == 'Aman' ? true : false,
+        checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.customercart) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.paymentmethod) == 'Aman' ? true : false,
         onChange: function onChange() {
-          var _fetchcustomercartQue87;
-          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue87 === void 0 || (_fetchcustomercartQue87 = _fetchcustomercartQue87.customercart) === null || _fetchcustomercartQue87 === void 0 ? void 0 : _fetchcustomercartQue87.paymentmethod) != 'Aman') {
+          var _fetchcustomercartQue89;
+          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue89 === void 0 || (_fetchcustomercartQue89 = _fetchcustomercartQue89.customercart) === null || _fetchcustomercartQue89 === void 0 ? void 0 : _fetchcustomercartQue89.paymentmethod) != 'Aman') {
             cartinfoupdater('paymentmethod', 'Aman');
           }
         }
@@ -11338,7 +11359,7 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue88 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue88 === void 0 || (_fetchcustomercartQue88 = _fetchcustomercartQue88.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Aman' : 'Aman')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue90 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue90 === void 0 || (_fetchcustomercartQue90 = _fetchcustomercartQue90.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 w-100 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
@@ -60725,6 +60746,27 @@
         }
       }, [sectionproperties]);
       var sectionStyles = {
+        containerrrr: glamor.css({
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          paddingLeft: sectionproperties.paddingLeft + 'px',
+          paddingRight: sectionproperties.paddingRight + 'px',
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+          border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+          borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+          borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+          borderLeftWidth: 0,
+          borderRightWidth: 0,
+          '@media (max-width: 800px)': {
+            marginTop: sectionproperties.marginTopResp + 'px'
+          }
+        }),
         imgcontainer: glamor.css({
           ':before': {
             width: '100%',
@@ -60781,8 +60823,8 @@
           }
         }),
         imageContainer: glamor.css({
-          width: sectionproperties.image_width + 'px',
-          height: sectionproperties.image_height + 'px',
+          width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width + '%' : sectionproperties.image_width + 'px',
+          height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_height + '%' : sectionproperties.image_height + 'px',
           borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -60794,8 +60836,8 @@
             backgroundColor: sectionproperties.activedotcolor
           },
           '@media (max-width: 800px)': {
-            width: sectionproperties.innerwidthheightresp + 'px',
-            height: sectionproperties.innerwidthheightresp + 'px'
+            width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
+            height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
           }
         }),
         cardContainer: glamor.css({
@@ -60809,12 +60851,18 @@
           }
         }),
         btnstyles: glamor.css({
+          width: sectionproperties.generalbtn_width + 'px',
+          height: sectionproperties.generalbtn_height + 'px',
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
           color: sectionproperties.generalbtn_textColor,
           fontWeight: sectionproperties.generalbtn_fontweight,
-          textDecoration: 'underline',
+          textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+          backgroundColor: sectionproperties.generalbtn_bgColor,
+          borderRadius: sectionproperties.generalbtnborderradius,
           ':hover': {
-            color: sectionproperties.generalbtn_textColoronhover
+            color: sectionproperties.generalbtn_textColoronhover,
+            backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+            transition: '.3s'
           }
         }),
         outercontainer: glamor.css({
@@ -60864,25 +60912,8 @@
           left: 0
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3",
-        style: {
-          marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          paddingLeft: sectionproperties.paddingLeft + 'px',
-          paddingRight: sectionproperties.paddingRight + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-          border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-          borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-          borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
-          borderLeftWidth: 0,
-          borderRightWidth: 0
-        }
+        "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
+        style: {}
       }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered p-0",
         style: {
@@ -60952,7 +60983,7 @@
             // if (cardinfoitem.iscardclickable == 'Yes') {
             //     window.open(cardinfoitem.btnlink, '_blank');
             // }
-            if (cardinfoitem.btntype == 'Web Product Link') {
+            if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
               routingcountext(cardinfoitem.btnlink, false, '');
             } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab' && cardinfoitem.btntype != 'Web Product Link') {
               // window.open(cardinfoitem.btnlink, '_target');

package/package.json

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