tabexseriescomponents 0.50.190 → 0.50.192

package/dist/index.cjs.js

@@ -383,6 +383,170 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsigninwith: 'Or Sign in with',
           orsignupwith: 'Or Sign up with'
         }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "price", 'Price'), "relatedproducts", 'Related products'), "qty", 'QTY'), "emptyshoppingcart", 'Your shopping cart is empty'), "shopnow", 'Shop now'), "total", 'Total'), "otherinformation", 'Other information'), "productname", 'Product name'), "quantity", 'Quantity'), "orderid", 'Order ID'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), "checkyourorder", 'Check your order'), "search", 'Search'), "searchproducts", 'Search for products...'), "choosecity", 'Choose city'), "choosestategov", 'Choose state/governorate'), "choosecountry", 'Choose country'), "giftcarddicountcode", 'Gift Card Or Discount Code...'), "nosearchresults", 'No search results'), "sale", 'Sale'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), "loggedoutsuccess", 'Logged out successfully'), "addedtocartsuccess", 'Cart is updated successfully'), "promocodeapplied", 'Promo code is applied.'), "promocoderemoved", 'Promo code is removed'), "countryandstateupdatedsuccess", 'Country and state are updated successfully'), "orderaddedsuccess", 'Order is added successfully'), "addedtowishlist", 'Added to your favourites'), "productrmovedfromwishlist", 'Removed from your favourites'), "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), "loggedinsuccess", 'Logged in successfully'), "subtotal", 'Sub total'), "discount", 'Discount'), "outofzone", 'Out of zone'), "total", 'Total'), "cod", 'Cash on Delivery'), "cardondelivery", 'Credit Card On Delivery'), "onlinepayment", 'Online Payment'), "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), "shippingaddress", 'Shipping address'), "cardnumber", 'Card number'), "year", 'Year'), "month", 'Month'), "cvv", 'CVV'), "nameoncard", 'Name On Card'), "country", 'Country'), "addressdetails", 'ِAddress details'), "stategov", 'State/Governorate'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "city", 'City'), "paymentmethod", 'Payment method'), "productimage", 'Product image'), "orderdetails", 'Order details'), "orderinvoice", 'Order invoice'), "promocodediscount", 'Promo code discount'), "address", 'Address'), "update", 'Update'), "phonenumber", 'Mobile number'), "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "name", 'Name'), "email", 'Email'), "password", 'Password'), "confirmpassword", 'Confirm password'), "showmore", 'Show more'), "showless", 'Show less'), "contactdetails", 'Contact Information'), "asaguest", 'As A Guest'), "choosecountryfirst", 'Please choose country first'), "security", 'Security'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), "contactus", 'Contact us'), "slogan", 'Your website & mobile application in one place'), "recent", 'Recent'), "oldest", 'Oldest'), "pricehightolow", 'High to low'), "pricelowtohigh", 'Low to High'), "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), "instock", 'In Stock')),
+        // german
+        germ: {
+          reviews: 'Bewertungen',
+          noproductsfound: 'Keine Produkte gefunden',
+          to: 'Bis',
+          from: 'Von',
+          pleasewriteemail: 'Bitte geben Sie Ihre E-Mail ein',
+          completemissingfields: 'Bitte füllen Sie die fehlenden Felder aus',
+          passwordsdonotmatch: 'Passwörter stimmen nicht überein',
+          compare: 'Vergleichen',
+          menu: 'MENÜ',
+          apply: 'Anwenden',
+          sendverificationcode: 'Bestätigungscode senden',
+          resetpassword: 'Passwort zurücksetzen',
+          clearcart: 'Warenkorb leeren',
+          seemore: 'MEHR ANZEIGEN',
+          sortby: 'Sortieren nach',
+          maximum: 'Maximale Menge',
+          minimum: 'Minimale Menge',
+          sendcode: 'Code senden',
+          verifycode: 'Code bestätigen',
+          writevalidemail: 'Bitte geben Sie eine gültige E-Mail ein',
+          loginregister: 'Anmelden/Registrieren',
+          pleaselogintocheckout: 'Bitte melden Sie sich an, um fortzufahren',
+          reservationtime: 'Zeit',
+          reservationdate: 'Reservierungsdatum',
+          chooseemployee: 'Mitarbeiter auswählen',
+          employee: 'Mitarbeiter',
+          servicename: 'Dienstleistung',
+          reservation: 'Reservierung',
+          viewmore: 'Mehr anzeigen',
+          workinghours: 'Arbeitszeiten',
+          english: 'Englisch',
+          arabic: 'Arabisch',
+          price: 'Preis',
+          dates: 'Daten',
+          hello: 'Hallo',
+          havequestion: 'Haben Sie eine Frage?',
+          orderhistory: 'Frühere Bestellungen',
+          policies: 'Richtlinien',
+          wishlist: 'Favoriten',
+          mywishlist: 'Meine Favoriten',
+          accountinformation: 'Kontoinformationen',
+          account: 'Konto',
+          viewcart: 'Warenkorb anzeigen',
+          cart: 'Warenkorb',
+          myshoppingcart: 'Mein Warenkorb',
+          previousorders: 'Frühere Bestellungen',
+          checkout: 'Zur Kasse',
+          mycart: 'Mein Warenkorb',
+          login: 'Anmelden',
+          signup: 'Registrieren',
+          openinghours: 'Öffnungszeiten',
+          pages: 'Seiten',
+          inprogress: 'In Bearbeitung',
+          status: 'Status',
+          excludingdelivery: 'Ohne Versandkosten',
+          stayconnected: 'Bleiben Sie verbunden',
+          availability: 'Verfügbarkeit',
+          available: 'Verfügbar',
+          limitedquantity: 'Begrenzte Menge',
+          securepayment: 'Sichere Zahlung',
+          trustedshipping: 'Zuverlässiger Versand',
+          callus: 'RUFEN SIE UNS AN',
+          callus2: 'Rufen Sie uns an',
+          returnpolicy: 'Rückgaberecht',
+          shippingpolicy: 'Versandrichtlinie',
+          deliverto: 'Liefern an',
+          support247: 'Support 24/7',
+          select: 'Auswählen',
+          usefullinks: 'Nützliche Links',
+          helpcenter: 'Hilfezentrum',
+          loggedinas: 'Angemeldet als',
+          logout: 'Abmelden',
+          addtocart: 'In den Warenkorb',
+          addtofavorites: 'Zu Favoriten hinzufügen',
+          removefromfav: 'Aus Favoriten entfernen',
+          description: 'Beschreibung',
+          showmore: 'Mehr anzeigen',
+          remove: 'Entfernen',
+          shopbycategory: 'Nach Kategorie einkaufen',
+          confirmorder: 'Bestellung bestätigen',
+          continuetopayment: 'Weiter zur Zahlung',
+          doyouhavepromocode: 'Haben Sie einen Promo-Code?',
+          loginwithfacebook: 'Mit Facebook anmelden',
+          orsigninwith: 'Oder anmelden mit',
+          orsignupwith: 'Oder registrieren mit',
+          relatedproducts: 'Ähnliche Produkte',
+          qty: 'Menge',
+          emptyshoppingcart: 'Ihr Warenkorb ist leer',
+          shopnow: 'Jetzt einkaufen',
+          total: 'Gesamt',
+          otherinformation: 'Weitere Informationen',
+          productname: 'Produktname',
+          quantity: 'Menge',
+          orderid: 'Bestellnummer',
+          numberofproducts: 'Anzahl der Produkte',
+          checkyourorder: 'Überprüfen Sie Ihre Bestellung',
+          search: 'Suchen',
+          searchproducts: 'Produkte suchen...',
+          choosecity: 'Stadt auswählen',
+          choosestategov: 'Bundesland auswählen',
+          choosecountry: 'Land auswählen',
+          giftcarddicountcode: 'Geschenkkarte oder Rabattcode...',
+          nosearchresults: 'Keine Suchergebnisse',
+          sale: 'Angebot',
+          nofavoriteproducts: 'Ihre Favoritenliste ist leer',
+          loggedoutsuccess: 'Erfolgreich abgemeldet',
+          addedtocartsuccess: 'Warenkorb erfolgreich aktualisiert',
+          promocodeapplied: 'Promo-Code wurde angewendet',
+          promocoderemoved: 'Promo-Code wurde entfernt',
+          countryandstateupdatedsuccess: 'Land und Bundesland wurden erfolgreich aktualisiert',
+          orderaddedsuccess: 'Bestellung wurde erfolgreich aufgegeben',
+          addedtowishlist: 'Zu Favoriten hinzugefügt',
+          productrmovedfromwishlist: 'Aus Favoriten entfernt',
+          fillthemissingfields: 'Bitte füllen Sie die fehlenden Felder aus',
+          passwordsdontmatch: 'Passwörter stimmen nicht überein',
+          loggedinsuccess: 'Erfolgreich angemeldet',
+          subtotal: 'Zwischensumme',
+          discount: 'Rabatt',
+          outofzone: 'Außerhalb der Lieferzone',
+          cod: 'Nachnahme',
+          cardondelivery: 'Kreditkarte bei Lieferung',
+          onlinepayment: 'Online-Zahlung',
+          paymentcardinformation: 'Kartendaten',
+          shippingfees: 'Versandkosten',
+          shippingaddress: 'Lieferadresse',
+          cardnumber: 'Kartennummer',
+          year: 'Jahr',
+          month: 'Monat',
+          cvv: 'CVV',
+          nameoncard: 'Name auf der Karte',
+          country: 'Land',
+          addressdetails: 'Adressdetails',
+          stategov: 'Bundesland',
+          city: 'Stadt',
+          paymentmethod: 'Zahlungsmethode',
+          productimage: 'Produktbild',
+          orderdetails: 'Bestelldetails',
+          orderinvoice: 'Rechnung',
+          promocodediscount: 'Rabatt durch Promo-Code',
+          address: 'Adresse',
+          update: 'Aktualisieren',
+          phonenumber: 'Telefonnummer',
+          completerequiredfields: 'Bitte füllen Sie alle Pflichtfelder aus',
+          name: 'Name',
+          email: 'E-Mail',
+          password: 'Passwort',
+          confirmpassword: 'Passwort bestätigen',
+          showless: 'Weniger anzeigen',
+          contactdetails: 'Kontaktinformationen',
+          asaguest: 'Als Gast',
+          choosecountryfirst: 'Bitte wählen Sie zuerst ein Land',
+          security: 'Sicherheit',
+          personalinformation: 'Persönliche Informationen',
+          contactus: 'Kontaktieren Sie uns',
+          slogan: 'Ihre Website & mobile App an einem Ort',
+          recent: 'Neueste',
+          oldest: 'Älteste',
+          pricehightolow: 'Preis: hoch zu niedrig',
+          pricelowtohigh: 'Preis: niedrig zu hoch',
+          pleasecompleteaddressmissingfields: 'Bitte vervollständigen Sie die fehlenden Adressfelder',
+          instock: 'Auf Lager'
+        },
         turk: {
           noproductsfound: 'Hiçbir ürün bulunamadı.',
           reviews: 'Yorumlar',
@@ -1492,7 +1656,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
       var lastlangselected = cookies.get('sitelang');
 
       // Define supported languages
-      var supportedLangs = ['en', 'ar', 'fr', 'es', 'chin', 'rus', 'nrwig', 'ital', 'turk', 'magr'];
+      var supportedLangs = ['en', 'ar', 'fr', 'es', 'chin', 'rus', 'nrwig', 'ital', 'turk', 'magr', 'germ'];
 
       // If cookie is valid, use it; otherwise default to 'en'
       var langToSet = supportedLangs.includes(lastlangselected) ? lastlangselected : 'en';
@@ -1522,7 +1686,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
         nrwig: langObject.nrwig,
         ital: langObject.ital,
         magr: langObject.magr,
-        turk: langObject.turk
+        turk: langObject.turk,
+        germ: langObject.germ
 
         // Add more as needed
       };
@@ -30766,7 +30931,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       cursor: 'default'
     }
-  }, langdetect === 'nrwig' ? 'Språk' : langdetect === 'ar' ? 'اللغة' : langdetect === 'chin' ? '语言' : langdetect === 'es' ? 'Idioma' : langdetect === 'fr' ? 'Langue' : langdetect === 'rus' ? 'Язык' : 'Language')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect === 'nrwig' ? 'Språk' : langdetect === 'ar' ? 'اللغة' : langdetect === 'chin' ? '语言' : langdetect === 'es' ? 'Idioma' : langdetect === 'fr' ? 'Langue' : langdetect === 'rus' ? 'Язык' : langdetect === 'germ' ? 'Sprache' : 'Language')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
@@ -51429,7 +51594,7 @@ function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
   var _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i4, _authdetailsContext$i5;
-  var _useState = React.useState(""),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -51464,7 +51629,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
-  var _useState9 = React.useState(""),
+  var _useState9 = React.useState(''),
     _useState0 = _slicedToArray__default["default"](_useState9, 2),
     Choosenindex = _useState0[0],
     setChoosenindex = _useState0[1];
@@ -51517,36 +51682,36 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, [fetchCategoriesQueryContext.isSuccess]);
   var header_cssstyles = {
     floatingwaicon: glamor.css({
-      position: "fixed",
-      bottom: sectionproperties.floatingwhatsapppositionfrombottom + "px",
-      right: sectionproperties.floatingwhatsapppositionfromright + "px",
+      position: 'fixed',
+      bottom: sectionproperties.floatingwhatsapppositionfrombottom + 'px',
+      right: sectionproperties.floatingwhatsapppositionfromright + 'px',
       zIndex: 999999,
-      transition: "all 0.3s ease-out",
-      width: sectionproperties.floatingwhatsappiconwidth + "px",
-      height: sectionproperties.floatingwhatappiconheight + "px",
+      transition: 'all 0.3s ease-out',
+      width: sectionproperties.floatingwhatsappiconwidth + 'px',
+      height: sectionproperties.floatingwhatappiconheight + 'px',
       background: sectionproperties.floatingwhatappiconbgcolor,
-      borderRadius: sectionproperties.floatingwhatsappiconborderradius + "px",
-      fontSize: sectionproperties.floatingwhatsappiconfontsize + "px",
+      borderRadius: sectionproperties.floatingwhatsappiconborderradius + 'px',
+      fontSize: sectionproperties.floatingwhatsappiconfontsize + 'px',
       color: sectionproperties.floatingwhatsappiconcolor,
-      ":hover": {
+      ':hover': {
         color: sectionproperties.floatingwhatsappiconcoloronhover,
         background: sectionproperties.floatingwhatappiconbgcoloronhover
       }
     }),
     upperheadersection: glamor.css({
       background: sectionproperties.uppersection_bgcolor,
-      paddingLeft: langdetect != "ar" ? sectionproperties.uppersection_paddingleft + "px" : sectionproperties.uppersection_paddingright + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.uppersection_paddingright + "px" : sectionproperties.uppersection_paddingleft + "px",
-      paddingTop: sectionproperties.uppersection_paddingtop + "px",
-      paddingBottom: sectionproperties.uppersection_paddingbottom + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
+      paddingTop: sectionproperties.uppersection_paddingtop + 'px',
+      paddingBottom: sectionproperties.uppersection_paddingbottom + 'px'
     }),
     languagecontainer: glamor.css({
       color: sectionproperties.language_container_color,
-      fontSize: sectionproperties.language_container_fontsize + "px",
+      fontSize: sectionproperties.language_container_fontsize + 'px',
       fontWeight: 600,
-      cursor: "pointer",
-      transition: ".3s",
-      ":hover": {
+      cursor: 'pointer',
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.language_container_coloronhover
       }
     }),
@@ -51558,129 +51723,129 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       //         : 'transparent'
       //     : sectionproperties.lowersection_backgroundColor,
 
-      sectionproperties.keepheadertransparent == "Yes" ? scrollYposittionprops > 100 ? sectionproperties.lowersection_backgroundColor : "transparent" : sectionproperties.headerstyles_bgtransparent == "Transparent" && window.location.pathname == "/home" ? scrollYposittionprops > 100 ? sectionproperties.lowersection_backgroundColor : "transparent" : sectionproperties.lowersection_backgroundColor,
+      sectionproperties.keepheadertransparent == 'Yes' ? scrollYposittionprops > 100 ? sectionproperties.lowersection_backgroundColor : 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 100 ? sectionproperties.lowersection_backgroundColor : 'transparent' : sectionproperties.lowersection_backgroundColor,
       // background: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
-      paddingLeft: langdetect != "ar" ? sectionproperties.lowersection_paddingleft + "px" : sectionproperties.lowersection_paddingright + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.lowersection_paddingright + "px" : sectionproperties.lowersection_paddingleft + "px",
-      paddingTop: sectionproperties.lowersection_paddingtop + "px",
-      paddingBottom: sectionproperties.lowersection_paddingbottom + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
+      paddingTop: sectionproperties.lowersection_paddingtop + 'px',
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
     }),
     searchicon: glamor.css({
       color: sectionproperties.searchbaricon_color,
-      ":hover": {
-        transition: ".3s",
-        cursor: "pointer",
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
         color: sectionproperties.searchbariconcoloronhover
       }
     }),
     menuicon: glamor.css({
       color: sectionproperties.menuiconcolor,
-      ":hover": {
-        transition: ".3s",
-        cursor: "pointer",
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
         color: sectionproperties.menuiconcoloronhover
       }
     }),
     searchbarcont: glamor.css({
-      position: "relative",
-      width: sectionproperties.searchbarcont_width + "%",
-      height: sectionproperties.searchbarcont_height + "px",
-      border: sectionproperties.searchbarcontinput_borderwidth + "px  solid" + sectionproperties.searchbarcontinput_bordercolor,
+      position: 'relative',
+      width: sectionproperties.searchbarcont_width + '%',
+      height: sectionproperties.searchbarcont_height + 'px',
+      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
       background: sectionproperties.searchbarcont_bgcolor,
-      borderRadius: sectionproperties.searchbarcont_borderRadius + "px",
-      transition: ".3s"
+      borderRadius: sectionproperties.searchbarcont_borderRadius + 'px',
+      transition: '.3s'
     }),
     searchbar_icon_cont: glamor.css({
       color: sectionproperties.searchbaricon_color,
-      transition: "0.3s ease",
-      position: "absolute",
-      right: langdetect != "ar" ? 5 : "",
-      left: langdetect != "ar" ? "" : 5,
-      transform: langdetect != "ar" ? "scaleX(1)" : "scaleX(-1)",
+      transition: '0.3s ease',
+      position: 'absolute',
+      right: langdetect != 'ar' ? 5 : '',
+      left: langdetect != 'ar' ? '' : 5,
+      transform: langdetect != 'ar' ? 'scaleX(1)' : 'scaleX(-1)',
       bottom: 0,
       top: 0,
-      margin: "auto"
+      margin: 'auto'
     }),
     searchbarcont_input: glamor.css({
-      height: "100%",
-      width: "100%",
+      height: '100%',
+      width: '100%',
       color: sectionproperties.searchbarcontinput_color,
       fontWeight: sectionproperties.searchbarcont_inputfontweight,
-      fontSize: sectionproperties.searchbarcontinput_fontsize + "px",
-      borderBottom: sectionproperties.searchbarcontinput_borderBottom + "px solid " + sectionproperties.searchbarcontinput_borderBottomcolor,
-      paddingLeft: langdetect != "ar" ? sectionproperties.searchbarcont_paddingLeft + "px" : sectionproperties.searchbarcont_paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.searchbarcont_paddingRight + "px" : sectionproperties.searchbarcont_paddingLeft + "px",
-      paddingBottom: sectionproperties.searchbarcont_paddingBottom + "rem",
-      outline: "none",
-      transition: "0.3s",
-      backgroundColor: "transparent",
-      ":focus": {
+      fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
+      borderBottom: sectionproperties.searchbarcontinput_borderBottom + 'px solid ' + sectionproperties.searchbarcontinput_borderBottomcolor,
+      paddingLeft: langdetect != 'ar' ? sectionproperties.searchbarcont_paddingLeft + 'px' : sectionproperties.searchbarcont_paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.searchbarcont_paddingRight + 'px' : sectionproperties.searchbarcont_paddingLeft + 'px',
+      paddingBottom: sectionproperties.searchbarcont_paddingBottom + 'rem',
+      outline: 'none',
+      transition: '0.3s',
+      backgroundColor: 'transparent',
+      ':focus': {
         borderColor: sectionproperties.searchbarcontinput_bordercoloronfocus
       }
     }),
     navbarItem: glamor.css({
-      fontSize: sectionproperties.lowersection_fontsize + "px",
+      fontSize: sectionproperties.lowersection_fontsize + 'px',
       color: sectionproperties.lowersection_fontColor,
       fontWeight: sectionproperties.lowersection_textfontweight,
       textTransform: sectionproperties.lowersection_textTransform,
-      ":hover": {
-        cursor: "pointer",
-        transition: ".3s",
+      ':hover': {
+        cursor: 'pointer',
+        transition: '.3s',
         color: sectionproperties.lowersection_fontColoronhover
       }
     }),
     badge_counter_header_notifications: glamor.css({
-      width: sectionproperties.badge_width + "px",
-      height: sectionproperties.badge_height + "px",
+      width: sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
       background: sectionproperties.badge_bgcolor,
       color: sectionproperties.badge_color,
-      borderRadius: sectionproperties.badge_borderradius + "px",
-      fontSize: sectionproperties.badge_fontsize + "px",
+      borderRadius: sectionproperties.badge_borderradius + 'px',
+      fontSize: sectionproperties.badge_fontsize + 'px',
       fontWeight: sectionproperties.badgefontweight
     }),
     wishlist_btn: glamor.css({
-      width: sectionproperties.favBtnWidth + "px",
-      height: sectionproperties.favBtnHeight + "px",
-      background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.favBtnWidth + 'px',
+      height: sectionproperties.favBtnHeight + 'px',
+      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
+      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.favBtniconcolor,
-      border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
+      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover,
         borderColor: sectionproperties.favBtnTextcoloronhover
       }
     }),
     cart_btn: glamor.css({
-      width: sectionproperties.cartBtnWidth == 0 ? "auto" : sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight == 0 ? "auto" : sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     cartbadge: glamor.css({
-      top: sectionproperties.cartbadgetop + "px",
-      right: sectionproperties.cartbadgeright + "px"
+      top: sectionproperties.cartbadgetop + 'px',
+      right: sectionproperties.cartbadgeright + 'px'
     }),
     user_btn: glamor.css({
       background: sectionproperties.userBtnbgColor,
-      width: sectionproperties.userBtnWidth + "px",
-      height: sectionproperties.userBtnHeight + "px",
-      borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + "px",
+      width: sectionproperties.userBtnWidth + 'px',
+      height: sectionproperties.userBtnHeight + 'px',
+      borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
       color: sectionproperties.userBtniconcolor,
-      fontSize: sectionproperties.userBtniconfontsize + "px",
-      border: sectionproperties.userbtnborderwidth + "px solid " + sectionproperties.userbtnbordercolor,
-      cursor: "pointer",
-      transition: ".3s",
-      ":hover": {
+      fontSize: sectionproperties.userBtniconfontsize + 'px',
+      border: sectionproperties.userbtnborderwidth + 'px solid ' + sectionproperties.userbtnbordercolor,
+      cursor: 'pointer',
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.userBtnTextcoloronhover,
         background: sectionproperties.userBtnbgColoronhover,
         borderColor: sectionproperties.userBtnTextcoloronhover
@@ -51690,111 +51855,111 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       fontWeight: sectionproperties.userBtnTextfontweight,
       textTransform: sectionproperties.userBtnTexttransform,
       color: sectionproperties.userBtnTextcolor,
-      fontSize: sectionproperties.userBtntextfontsize + "px",
-      lineHeight: sectionproperties.userBtntextfontsize + "px",
-      transition: ".3s"
+      fontSize: sectionproperties.userBtntextfontsize + 'px',
+      lineHeight: sectionproperties.userBtntextfontsize + 'px',
+      transition: '.3s'
     }),
     loggedinuserbtn: glamor.css({
-      width: sectionproperties.loggedinuserbtn_width + "px",
-      height: sectionproperties.loggedinuserbtn_height + "px",
-      border: sectionproperties.userlogginbtnborderwidth + "px solid " + sectionproperties.userlogginbtnbordercolor,
-      borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + "px",
+      width: sectionproperties.loggedinuserbtn_width + 'px',
+      height: sectionproperties.loggedinuserbtn_height + 'px',
+      border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
+      borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
       background: sectionproperties.userBtnbgColor_loggedin,
       color: sectionproperties.userBtniconcolor_loggedin,
-      transition: ".3s"
+      transition: '.3s'
     }),
     userBtnLoggedinContainer: glamor.css({
-      transition: ".3s",
-      ":hover .loggedinuserbtn": {
-        transition: ".3s",
+      transition: '.3s',
+      ':hover .loggedinuserbtn': {
+        transition: '.3s',
         color: sectionproperties.userBtnTextcoloronhover_loggedin,
         borderColor: sectionproperties.userBtnTextcoloronhover_loggedin
       },
-      ":hover .loggedinuserbtnbg": {
+      ':hover .loggedinuserbtnbg': {
         backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
         color: sectionproperties.userbtn_loggedin_iconcoloronhover
       }
     }),
     dropdownitemcontainer: glamor.css({
-      fontSize: sectionproperties.dropdown_fontsize + "px",
+      fontSize: sectionproperties.dropdown_fontsize + 'px',
       color: sectionproperties.dropdown_color,
       fontWeight: sectionproperties.dropdown_fontweight,
       textTransform: sectionproperties.dropdown_texttransform,
-      padding: "0.3rem 0.8rem",
-      display: "flex",
-      alignItems: "center",
-      transition: ".3s",
-      ":hover": {
+      padding: '0.3rem 0.8rem',
+      display: 'flex',
+      alignItems: 'center',
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.dropdown_hovercolor
       }
     }),
     header_logo: glamor.css({
-      width: templateproperties_context.logo_width + "px",
-      height: templateproperties_context.logo_height + "px"
+      width: templateproperties_context.logo_width + 'px',
+      height: templateproperties_context.logo_height + 'px'
     }),
     closesliderbtn: glamor.css({
-      width: sectionproperties.closeSliderWidth + "px",
-      height: sectionproperties.closeSliderHeight + "px",
-      borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + "px",
+      width: sectionproperties.closeSliderWidth + 'px',
+      height: sectionproperties.closeSliderHeight + 'px',
+      borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
       backgroundColor: sectionproperties.closeSliderBgColor,
       color: sectionproperties.closeSlider_color,
-      ":hover": {
-        transition: ".3s",
-        cursor: "pointer",
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
         backgroundColor: sectionproperties.closeSliderBgColorHover,
         color: sectionproperties.closeSlider_colorOnHover
       }
     }),
     collectionname: glamor.css({
-      fontSize: sectionproperties.collectionsectiontextfontsize + "px",
+      fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
       color: sectionproperties.collectionsectiontextcolor,
       fontWeight: sectionproperties.collectionsectiontextfontweight,
-      ":hover": {
+      ':hover': {
         color: sectionproperties.collectionsectiontextcoloronhover,
-        transition: ".3s"
+        transition: '.3s'
       }
     })
   };
   "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen);
   "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(headerstyles$g.header_container) + " headeroffcanvas row m-0 w-100 d-flex justify-content-center ",
+    "class": "".concat(headerstyles$g.header_container) + ' headeroffcanvas row m-0 w-100 d-flex justify-content-center ',
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), templateproperties_context.showsocialmedia == "Show" && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+  }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  }), sectionproperties.showdownloadapp == "Show" && /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
+  }), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 d-md-none",
     style: {
       position: sectionproperties.headerstyles_position,
-      marginTop: sectionproperties.header_marginTop + "px",
-      marginBottom: sectionproperties.header_marginBottom + "px",
-      width: sectionproperties.header_width + "vw",
+      marginTop: sectionproperties.header_marginTop + 'px',
+      marginBottom: sectionproperties.header_marginBottom + 'px',
+      width: sectionproperties.header_width + 'vw',
       zIndex: 1000,
       top: 0,
-      borderBottom: sectionproperties.headerborderbottomwidth + "px solid " + sectionproperties.headerbordercolor
+      borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, templateproperties_context.showtextslider == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), sectionproperties.showupperheadersection == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
+  })), sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.upperheadersection + " row m-0 w-100 d-flex align-items-center px-1025-1 "
+    "class": header_cssstyles.upperheadersection + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 p-0 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -51802,25 +51967,25 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      fontSize: sectionproperties.generaltext_fontSize + "px",
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
       color: sectionproperties.generaltext_fontColor,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
   }, sectionproperties["general_text_content_".concat(langdetect)] || sectionproperties.general_text_content))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 p-0 d-flex justify-content-end align-items-center"
-  }, sectionproperties.showlanuagecontainer == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.languagecontainer + " m-0 p-0 ",
+  }, sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": header_cssstyles.languagecontainer + ' m-0 p-0 ',
     onClick: function onClick() {
-      if (langdetect != "ar") {
-        setlang("ar");
+      if (langdetect != 'ar') {
+        setlang('ar');
       } else {
-        setlang("en");
+        setlang('en');
       }
     }
-  }, langdetect != "ar" ? "En" : "لغة عربية")))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? 'En' : 'لغة عربية')))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.lowerHeaderSection) + " row m-0 w-100 d-flex align-items-center px-1025-1 "
+    "class": "".concat(header_cssstyles.lowerHeaderSection) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
@@ -51829,16 +51994,16 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": header_cssstyles.menuicon + " h-100 allcentered ",
+    "class": header_cssstyles.menuicon + ' h-100 allcentered ',
     onClick: function onClick() {
       setopenSideNav(true);
     }
   }, /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
     size: sectionproperties.menuiconfontsize
-  }))), sectionproperties.searchbar_show == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered mx-5"
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": header_cssstyles.searchicon + " h-100 allcentered ",
+    "class": header_cssstyles.searchicon + ' h-100 allcentered ',
     onClick: function onClick() {
       setsearchbarCanvasContext(true);
       // setopenSearchBar(true);
@@ -51848,226 +52013,260 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.header_logo) + " allcentered ",
+    "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
     style: {
-      cursor: "pointer"
+      cursor: 'pointer'
     },
     onClick: function onClick() {
-      routingcountext("home");
+      routingcountext('home');
     }
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: langdetect != "ar" ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    path: langdetect != 'ar' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
     style: {
-      maxWidth: "100%",
-      maxHeight: "100%",
-      objectFit: "contain"
+      maxWidth: '100%',
+      maxHeight: '100%',
+      objectFit: 'contain'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
-  }, sectionproperties.showupperheadersection == "Hide" && sectionproperties.showlanuagecontainer == "Show" && sectionproperties.languagecontainertype != "Dropdown" && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.languagecontainer + " m-0 p-0 ",
+  }, sectionproperties.showupperheadersection == 'Hide' && sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.languagecontainertype != 'Dropdown' && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": header_cssstyles.languagecontainer + ' m-0 p-0 ',
     onClick: function onClick() {
-      if (langdetect != "ar") {
-        setlang("ar");
+      if (langdetect != 'ar') {
+        setlang('ar');
       } else {
-        setlang("en");
+        setlang('en');
       }
     }
-  }, langdetect != "ar" ? "En" : "لغة عربية"), sectionproperties.showupperheadersection == "Hide" && sectionproperties.showlanuagecontainer == "Show" && sectionproperties.languagecontainertype == "Dropdown" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect != "ar" ? "headerdropdownml" : "headerdropdownmr"
+  }, langdetect != 'ar' ? 'En' : 'لغة عربية'), sectionproperties.showupperheadersection == 'Hide' && sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.languagecontainertype == 'Dropdown' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect != 'ar' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
-    "class": "".concat(headerstyles$g.header_menu) + " allcentered "
-  }, langdetect == "ar" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + " row m-0  w-100 ml-4 "
+    "class": "".concat(headerstyles$g.header_menu) + ' allcentered '
+  }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 ml-4 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex align-items-center "
   }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629", /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered ml-auto pr-3"
-  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect != "ar" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + " row m-0  w-100 mr-4 "
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 mr-4 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex align-items-center"
   }, "En", /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'rus' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 mr-4 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center"
+  }, "\u0420\u0443", /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'germ' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 mr-4 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center"
+  }, "DE", /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
   }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
-      setlang("ar");
+      setlang('ar');
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " d-flex align-items-center m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + " dropdownitem d-flex align-items-center m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
-      setlang("en");
+      setlang('en');
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " d-flex align-items-center m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + " dropdownitem d-flex align-items-center m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, "En"))))))), sectionproperties.ShowUserBtn == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "En")))), sectionproperties.showrussian == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    "class": "".concat(header_cssstyles.dropdownitem),
+    onClick: function onClick() {
+      setlang('rus');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "ml-2 mr-2"
+  }, "\u0420\u0443\u0441\u0441\u043A\u0438\u0439")))), sectionproperties.showgerman == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    "class": "".concat(header_cssstyles.dropdownitem),
+    onClick: function onClick() {
+      setlang('germ');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "ml-2 mr-2"
+  }, "Deutsch"))))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
-      marginRight: langdetect != "ar" ? "30px" : 0,
-      marginLeft: langdetect != "ar" ? 0 : "30px"
+      marginRight: langdetect != 'ar' ? '30px' : 0,
+      marginLeft: langdetect != 'ar' ? 0 : '30px'
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " ".concat(header_cssstyles.user_btn) + " d-flex align-items-center justify-content-center ",
+    "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
     sytle: {
-      position: "relative"
+      position: 'relative'
     },
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": " h-100 d-flex align-items-center "
+    "class": ' h-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, {
     size: sectionproperties.userBtnTextfontsize
   }))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.userBtnLoggedinContainer + " allcentered ",
+    "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.loggedinuserbtn + " loggedinuserbtn loggedinuserbtnbg "
+    "class": header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": " h-100 allcentered "
+    "class": ' h-100 allcentered '
   }, /*#__PURE__*/React__default["default"].createElement(BiUserCircle.BiUserCircle, {
     size: sectionproperties.loggedinusericonfontsize
   }))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
     style: {
-      minWidth: "200px"
+      minWidth: '200px'
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " allcenetered m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": " allcenetered m-0 p-0 "
-  }, langdetect != "ar" ? "My Account" : "حسابى"))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    "class": ' allcenetered m-0 p-0 '
+  }, langdetect != 'ar' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " allcenetered m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": " allcenetered m-0 p-0 "
+    "class": ' allcenetered m-0 p-0 '
   }, sectionproperties["previousorders_title".concat(langdetect)] || sectionproperties.previousorders_titleen))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " allcenetered m-0 p-0 "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": " allcenetered m-0 p-0 "
+    "class": ' allcenetered m-0 p-0 '
   }, lang.wishlist))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + " text-uppercase m-0 p-0 d-flex align-items-center "
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' text-uppercase m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": " allcenetered m-0 p-0 "
-  }, lang.logout)))))), sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.wishlist_btn) + " cursor-pointer allcentered ",
+    "class": ' allcenetered m-0 p-0 '
+  }, lang.logout)))))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.wishlist_btn) + ' cursor-pointer allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     },
     style: {
-      marginRight: langdetect != "ar" ? "30px" : 0,
-      marginLeft: langdetect != "ar" ? 0 : "30px"
+      marginRight: langdetect != 'ar' ? '30px' : 0,
+      marginLeft: langdetect != 'ar' ? 0 : '30px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": " pr-0  ",
+    "class": ' pr-0  ',
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "allcentered"
-  }, sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     style: {
-      fontSize: sectionproperties.favBtnIconfontsize + "px"
+      fontSize: sectionproperties.favBtnIconfontsize + 'px'
     }
-  }), sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
+  }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
     style: {
-      fontSize: sectionproperties.favBtnIconfontsize + "px"
+      fontSize: sectionproperties.favBtnIconfontsize + 'px'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$g.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications),
     style: {
-      top: sectionproperties.wishlistbadgetop + "px",
-      right: sectionproperties.wishlistbadgeright + "px"
+      top: sectionproperties.wishlistbadgetop + 'px',
+      right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, (favoriteprojectscountContext === null || favoriteprojectscountContext === void 0 ? void 0 : favoriteprojectscountContext.length) >= 10 ? "+9" : favoriteprojectscountContext === null || favoriteprojectscountContext === void 0 ? void 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.cart_btn) + " cursor-pointer allcentered  ",
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, (favoriteprojectscountContext === null || favoriteprojectscountContext === void 0 ? void 0 : favoriteprojectscountContext.length) >= 10 ? '+9' : favoriteprojectscountContext === null || favoriteprojectscountContext === void 0 ? void 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": " pr-0 ",
+    "class": ' pr-0 ',
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": " allcentered h-100 "
-  }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    "class": ' allcentered h-100 '
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Calendar 1" && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(headerstyles$g.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + " d-flex justify-content-center text-center ",
+    className: "".concat(headerstyles$g.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
     style: {
-      top: sectionproperties.cartbadgetop + "px",
-      right: sectionproperties.cartbadgeright + "px"
+      top: sectionproperties.cartbadgetop + 'px',
+      right: sectionproperties.cartbadgeright + 'px'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? "+9" : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, sectionproperties.showhidesubheader == "Show" && sectionproperties.subheaderposition == "Full Width" && /*#__PURE__*/React__default["default"].createElement(Subheader, {
+  }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
-      subheaderpositionprops: "Full Width",
-      paddingLeftprops: "30px",
-      paddingRightprops: "30px",
-      subheadercontentpositionprops: "center"
+      subheaderpositionprops: 'Full Width',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
+      subheadercontentpositionprops: 'center'
     }
   }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: searchbarCanvasContext,
     onHide: function onHide() {
       setsearchbarCanvasContext(false);
     },
-    placement: langdetect != "ar" ? "end" : "start",
+    placement: langdetect != 'ar' ? 'end' : 'start',
     scroll: true,
     backdrop: true,
     style: {
-      background: "white",
-      height: "100vh",
-      width: "35vw",
-      overflowY: "hidden"
+      background: 'white',
+      height: '100vh',
+      width: '35vw',
+      overflowY: 'hidden'
     }
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 px-4 py-3"
@@ -52080,12 +52279,12 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       fontWeight: 500,
       color: sectionproperties.closeSlider_color
     }
-  }, langdetect != "ar" ? "Search" : "البحث")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? 'Search' : 'البحث')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 p-0 d-flex align-items-center justify-content-end mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.closesliderbtn + " allcentered "
+    "class": header_cssstyles.closesliderbtn + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": header_cssstyles.closesliderbtn + " h-100 allcentered ",
+    "class": header_cssstyles.closesliderbtn + ' h-100 allcentered ',
     onClick: function onClick() {
       setsearchbarCanvasContext(false);
     }
@@ -52096,19 +52295,19 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont,
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
-    placeholder: langdetect != "ar" ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    placeholder: langdetect != 'ar' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
     "class": "".concat(header_cssstyles.searchbarcont_input),
     onChange: function onChange(event) {
       setSearchHeaderInputContext(event.target.value);
     }
   }), /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": " ".concat(header_cssstyles.searchbar_icon_cont) + " d-flex align-items-center justify-content-center "
+    "class": " ".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": header_cssstyles.searchicon + " h-100 allcentered ",
+    "class": header_cssstyles.searchicon + ' h-100 allcentered ',
     onClick: function onClick() {
       setsearchbarCanvasContext(true);
     }
@@ -52116,55 +52315,55 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     size: sectionproperties.searchbaricon_fontsize
   }))), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,
-    srcfromprops: "searchlistsliderheaderfullwidth",
+    srcfromprops: 'searchlistsliderheaderfullwidth',
     actions: actions
   })))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: openSideNav,
     onHide: function onHide() {
       setopenSideNav(false);
     },
-    placement: langdetect != "ar" ? "start" : "end",
+    placement: langdetect != 'ar' ? 'start' : 'end',
     scroll: true,
     backdrop: true,
     style: {
       background: sectionproperties.lowersection_backgroundColor,
-      height: "100vh",
-      width: "20vw"
+      height: '100vh',
+      width: '20vw'
     }
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 px-2 py-4 pb-5"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-end",
     style: {
-      marginBottom: sectionproperties.closesliderbtnmarginbottom + "rem"
+      marginBottom: sectionproperties.closesliderbtnmarginbottom + 'rem'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.closesliderbtn + " allcentered px-4"
+    "class": header_cssstyles.closesliderbtn + ' allcentered px-4'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.closesliderbtn + " h-100 allcentered ",
+    "class": header_cssstyles.closesliderbtn + ' h-100 allcentered ',
     onClick: function onClick() {
       setopenSideNav(false);
     },
     style: {
-      fontSize: sectionproperties.closeSlider_fontSize + "px",
-      width: "auto",
-      height: "auto"
+      fontSize: sectionproperties.closeSlider_fontSize + 'px',
+      width: 'auto',
+      height: 'auto'
     }
-  }, langdetect != "ar" ? "Close" : "غلق"))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? 'Close' : 'غلق'))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 px-3 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect != "ar" ? templateproperties_context.templatefontfamilyarabic == "Changa" ? "row m-0 w-100 mt-3 Changa" : templateproperties_context.templatefontfamily == "OPTIRadiantBold-Condensed" ? "row m-0 w-100 mt-3 fontfamilybold" : templateproperties_context.templatefontfamily == "ASUL" ? "row m-0 w-100 mt-3 ASUL" : templateproperties_context.templatefontfamily == "Alata" ? "row m-0 w-100 mt-3 alata" : templateproperties_context.templatefontfamily == "Montserrat" ? "row m-0 w-100 mt-3 montserrat" : "row m-0 w-100 mt-3" : templateproperties_context.templatefontfamilyarabic == "Roboto" ? "row m-0 w-100 mt-3 roboto" : templateproperties_context.templatefontfamilyarabic == "ZaridSlab" ? "row m-0 w-100 mt-3 zaridslab" : "row m-0 w-100 mt-3"
+    className: langdetect != 'ar' ? templateproperties_context.templatefontfamilyarabic == 'Changa' ? 'row m-0 w-100 mt-3 Changa' : templateproperties_context.templatefontfamily == 'OPTIRadiantBold-Condensed' ? 'row m-0 w-100 mt-3 fontfamilybold' : templateproperties_context.templatefontfamily == 'ASUL' ? 'row m-0 w-100 mt-3 ASUL' : templateproperties_context.templatefontfamily == 'Alata' ? 'row m-0 w-100 mt-3 alata' : templateproperties_context.templatefontfamily == 'Montserrat' ? 'row m-0 w-100 mt-3 montserrat' : 'row m-0 w-100 mt-3' : templateproperties_context.templatefontfamilyarabic == 'Roboto' ? 'row m-0 w-100 mt-3 roboto' : templateproperties_context.templatefontfamilyarabic == 'ZaridSlab' ? 'row m-0 w-100 mt-3 zaridslab' : 'row m-0 w-100 mt-3'
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.navbarItem + " col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ",
+        "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
         onClick: function onClick() {
           routingcountext(item.navigationroute);
           setopenSideNav(false);
         },
         style: {
-          marginTop: sectionproperties.navitemmarginvertical + "px",
-          marginBottom: sectionproperties.navitemmarginvertical + "px"
+          marginTop: sectionproperties.navitemmarginvertical + 'px',
+          marginBottom: sectionproperties.navitemmarginvertical + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
@@ -52174,7 +52373,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         "class": "m-0 p-0"
       }, " ", item["pagename_".concat(langdetect)] || item.pagename))));
     }
-  }), sectionproperties.subheaderParentType == "Parent Collections" && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+  }), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, pcollarray.map(function (item, index) {
@@ -52187,24 +52386,24 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
           setChoosenindex(index);
         }
       }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: " row m-0 p-0 "
+        className: ' row m-0 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.navbarItem + " col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ",
+        "class": header_cssstyles.navbarItem + ' col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
         onClick: function onClick() {
           // routingcountext(item.navigationroute);
         },
         style: {
-          marginTop: sectionproperties.navitemmarginvertical + "px",
-          marginBottom: sectionproperties.navitemmarginvertical + "px"
+          marginTop: sectionproperties.navitemmarginvertical + 'px',
+          marginBottom: sectionproperties.navitemmarginvertical + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(header_cssstyles.navbarItem) + " mb-0 p-0 "
+        className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 '
       }, item["title_".concat(langdetect)] || item.title_en)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
       }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
         if (state.expanded == true) {
           return /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "".concat(header_cssstyles.navbarItem) + " collapsetitle h-100 d-flex align-items-center justify-content-end   "
+            className: "".concat(header_cssstyles.navbarItem) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
           }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
             style: {
               // color: '#000',
@@ -52213,7 +52412,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
           }));
         } else {
           return /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "".concat(header_cssstyles.navbarItem) + " collapsetitle h-100 d-flex align-items-center justify-content-end   "
+            className: "".concat(header_cssstyles.navbarItem) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
           }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
             style: {
               fontSize: 15
@@ -52229,17 +52428,17 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 p-0"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: " row m-0 p-0 mb-2 "
+            className: ' row m-0 p-0 mb-2 '
           }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: " row m-0 w-100 px-3 "
+            className: ' row m-0 w-100 px-3 '
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-10 p-0 text-start",
             onClick: function onClick() {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + collitem.collectionid);
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
               setopenSideNav(false);
             }
           }, /*#__PURE__*/React__default["default"].createElement("p", {
-            className: "".concat(header_cssstyles.navbarItem) + " mb-0 p-0 ",
+            className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
             style: {}
           }, collitem["title_".concat(langdetect)] || collitem.title_en)))));
         }
@@ -52248,17 +52447,17 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   })), templatepropcontext.pagesnprop.map(function (item, index) {
     var _authdetailsContext$i3;
     // not your dream home
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != "6790ae890234e") {
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '6790ae890234e') {
       if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": header_cssstyles.navbarItem + " col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ",
+          "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
           onClick: function onClick() {
             routingcountext(item.navigationroute);
             setopenSideNav(false);
           },
           style: {
-            marginTop: sectionproperties.navitemmarginvertical + "px",
-            marginBottom: sectionproperties.navitemmarginvertical + "px"
+            marginTop: sectionproperties.navitemmarginvertical + 'px',
+            marginBottom: sectionproperties.navitemmarginvertical + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
@@ -52272,16 +52471,16 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     // your dream home version
     else {
       // any pages other than shop pages
-      if (item.pagename != "Shop" && item.pagename != "Shop Cushions" && item.pagename != "Shop Tables" && item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
+      if (item.pagename != 'Shop' && item.pagename != 'Shop Cushions' && item.pagename != 'Shop Tables' && item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": header_cssstyles.navbarItem + " col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ",
+          "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
           onClick: function onClick() {
             routingcountext(item.navigationroute);
             setopenSideNav(false);
           },
           style: {
-            marginTop: sectionproperties.navitemmarginvertical + "px",
-            marginBottom: sectionproperties.navitemmarginvertical + "px"
+            marginTop: sectionproperties.navitemmarginvertical + 'px',
+            marginBottom: sectionproperties.navitemmarginvertical + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
@@ -52290,7 +52489,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"
         }, " ", item["pagename_".concat(langdetect)] || item.pagename))));
-      } else if (item.pagename == "Shop" && item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
+      } else if (item.pagename == 'Shop' && item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
         return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
           allowMultipleExpanded: false,
           allowZeroExpanded: true
@@ -52301,21 +52500,21 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
             setChoosenindex(index);
           }
         }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " row m-0 p-0 "
+          className: ' row m-0 p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": header_cssstyles.navbarItem + " col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ",
+          "class": header_cssstyles.navbarItem + ' col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
           style: {
-            marginTop: sectionproperties.navitemmarginvertical + "px",
-            marginBottom: sectionproperties.navitemmarginvertical + "px"
+            marginTop: sectionproperties.navitemmarginvertical + 'px',
+            marginBottom: sectionproperties.navitemmarginvertical + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "".concat(header_cssstyles.navbarItem) + " mb-0 p-0 "
-        }, langdetect != "ar" ? "Shop" : "Shop")), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 '
+        }, langdetect != 'ar' ? 'Shop' : 'Shop')), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
         }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "".concat(header_cssstyles.navbarItem) + " collapsetitle h-100 d-flex align-items-center justify-content-end   "
+              className: "".concat(header_cssstyles.navbarItem) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
             }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
               style: {
                 fontSize: 15
@@ -52323,7 +52522,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
             }));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "".concat(header_cssstyles.navbarItem) + " collapsetitle h-100 d-flex align-items-center justify-content-end   "
+              className: "".concat(header_cssstyles.navbarItem) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
             }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
               style: {
                 fontSize: 15
@@ -52337,138 +52536,90 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " row m-0 p-0 mb-2 "
+          className: ' row m-0 p-0 mb-2 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " row m-0 w-100 px-3 "
+          className: ' row m-0 w-100 px-3 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-10 p-0 text-start",
           onClick: function onClick() {
-            routingcountext("shopcushions");
+            routingcountext('shopcushions');
             setopenSideNav(false);
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "".concat(header_cssstyles.navbarItem) + " mb-0 p-0 ",
+          className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
           style: {}
-        }, "SHOP CUSHIONS"))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, 'SHOP CUSHIONS'))))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " row m-0 p-0 mb-2 "
+          className: ' row m-0 p-0 mb-2 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " row m-0 w-100 px-3 "
+          className: ' row m-0 w-100 px-3 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-10 p-0 text-start",
           onClick: function onClick() {
-            routingcountext("shoptables");
+            routingcountext('shoptables');
             setopenSideNav(false);
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "".concat(header_cssstyles.navbarItem) + " mb-0 p-0 ",
+          className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
           style: {}
-        }, "SHOP TABLES")))))))));
+        }, 'SHOP TABLES')))))))));
       }
     }
   }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer "
+    "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.navbarItem + " col-lg-12 p-0 d-flex align-items-center justify-content-start ",
+    "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start ',
     style: {
-      marginTop: sectionproperties.navitemmarginvertical + "px",
-      marginBottom: sectionproperties.navitemmarginvertical + "px"
+      marginTop: sectionproperties.navitemmarginvertical + 'px',
+      marginBottom: sectionproperties.navitemmarginvertical + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.lowersection_fontColor,
-      cursor: "default"
+      cursor: 'default'
     }
-  }, langdetect != "ar" ? "Currency" : "العملة")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? 'Currency' : 'العملة')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
     style: {
-      background: "#f4f4f4",
+      background: '#f4f4f4',
       borderRadius: 5
     }
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcurrencies) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": header_cssstyles.navbarItem + " col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ",
+      "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
       onClick: function onClick() {
         setcurrencyfunccontext(item);
       }
     }, /*#__PURE__*/React__default["default"].createElement("label", {
-      "class": langdetect != "ar" ? "".concat(formstyles.radiobtn_label) + " p-0 " : "".concat(formstyles.radiobtn_label, " ").concat(formstyles.radiobtn_label_translated) + " p-0 "
+      "class": langdetect != 'ar' ? "".concat(formstyles.radiobtn_label) + ' p-0 ' : "".concat(formstyles.radiobtn_label, " ").concat(formstyles.radiobtn_label_translated) + ' p-0 '
     }, /*#__PURE__*/React__default["default"].createElement("input", {
       type: "radio",
       name: "radio",
       value: item.currencyname_en,
       checked: item.currencyname_en == (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en) ? true : false
-    }), /*#__PURE__*/React__default["default"].createElement("span", null, " ", langdetect != "ar" ? item.currencyname_en : item.currencyname_ar)));
-  }))))), sectionproperties.showlanuagecontainer == "Show" && sectionproperties.showupperheadersection == "Hide" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer "
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.navbarItem + " col-lg-12 p-0 d-flex align-items-center justify-content-start ",
-    style: {
-      marginTop: sectionproperties.navitemmarginvertical + "px",
-      marginBottom: sectionproperties.navitemmarginvertical + "px"
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.lowersection_fontColor,
-      cursor: "default"
-    }
-  }, langdetect === "ar" ? "اللغة" : langdetect === "chin" ? "语言" : langdetect === "es" ? "Idioma" : langdetect === "fr" ? "Langue" : langdetect === "rus" ? "Язык" : "Language")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100",
-    style: {
-      background: "#f4f4f4",
-      borderRadius: 5
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.navbarItem + " col-lg-6 p-0 allcentered py-2 px-2 cursor-pointer ",
-    onClick: function onClick() {
-      setlang("en");
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.languagecontainer + " m-0 p-0 w-100 allcentered py-3 ",
-    style: {
-      background: langdetect != "ar" ? "white" : "transparent",
-      borderRadius: 5,
-      fontSize: 15
-    }
-  }, langdetect != "ar" ? "En" : "لغة إنجليزية")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.navbarItem + " col-lg-6 p-0 allcentered py-2 px-2 cursor-pointer ",
-    onClick: function onClick() {
-      setlang("ar");
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.languagecontainer + " m-0 p-0 w-100 allcentered py-3 ",
-    style: {
-      borderRadius: 5,
-      background: langdetect == "ar" ? "white" : "transparent",
-      fontSize: 15
-    }
-  }, langdetect != "ar" ? "Arabic" : "لغة عربية"))))))))))), sectionproperties.responsiveheaderstyle == "Style 1" && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    }), /*#__PURE__*/React__default["default"].createElement("span", null, " ", langdetect != 'ar' ? item.currencyname_en : item.currencyname_ar)));
+  })))))))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == "Style 1 With Canvas" && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == "Style 2" && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == "Style 2 With Subheader" && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == "Style 2 With Merged Subheader" && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == "Style 2 With Subheader Only" && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader Only' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }));