{"version":3,"sources":["webpack:///./src/config/index.js","webpack:///./src/pages/index.jsx"],"names":["module","exports","header","homePage","websiteName","speedBump","borderWithRadious","about","contact","footer","IndexPage","useState","isNotCookiesAlert","setIsNotCookiesAlert","headerLoginButtonStyles","variant","loginVariantTypes","NO_MODAL","grayscale","background","colorsTypes","WHITE","borderColor","color","PRIMARY_DARK","hoverBackground","BLACK","hoverBorderColor","hoverColor","scrollBackground","PRIMARY","scrollBorderColor","scrollColor","hoverScrollBackground","hoverScrollBorderColor","hoverScrollColor","headerMobileLoginButtonStyles","withoutBorderRadius","isScrollChangeColorButton","headerDropdownLoginButtonStyles","hoverFilledBackgroundColor","hoverFilledBorderColor","hoverFilledTextColor","commonProps","config","templateVariantSettings","floatHeader","navigationMenuOptions","dropdownSeparationFromBottom","menuActiveBorderColor","menuSubLinksTitleActiveColor","menuSubItemTitleColor","menuSubItemTextColor","dropdownHoverBackground","colorsVariantsTypes","TRANSPARENT","subItemTextColor","subMenuActiveBackgroundColor","backgroundScreenActive","topIndicator","footerOptions","customIconsAlt","headerLogoReplaceImageWith","headerForceShow","headerLogoFilterEffect","headerBackgroundAfterBreakpoint","backgroundAfterBreakpointHoverHeader","headerActiveBackground","headerHoverActiveBackground","headerTransparentBackground","headerHoverTransparentBackground","noFilterLogoHeader","headerForceFilterMenuIcon","headerMenuIconStyles","filterEffect","filterEffectAfterScroll","activeFilterEffectAfterScroll","headerMobileBackgroundAfterBreakpoint","headerMobileBackgroundAfterBreakpointHover","headerMobileForceShow","headerMobileTransparent","headerMobileNoFilterLogo","headerMobileNoFilterMenuIcon","headerMobileForceFilterMenuIcon","headerMobileBackgroundMenu","headerMobileBackground","headerMobileActiveBackground","headerMobileHoverActiveBackground","headerMobileLoginButtonScrollBackgroundAfterScroll","headerMobileTransparentBackground","headerMobileHoverFloatBackground","headerMobileHoverTransparentBackground","headerMobileLogoFilter","undefined","headerMobileMenuIconStyles","mobileFilterEffect","mobileFilterEffectAfterScroll","mobileActiveFilterEffectAfterScroll","tabsProps","tabOptions","hiddenDivider","showAllBorders","LIGHT","fontSize","textSizesVariantsTypes","SMALL","activeBackgroundColor","oneLine","backgroundColor","VERY_ULTRA_LIGHT","width","height","padding","heroProps","buttonStylesProps","hoverGrayscaleFillBackgroundColor","hoverGrayscaleBorderColor","hoverGrayscaleFilledTextColor","grayscaleAndOFilledTextColor","VERY_SMALL","productsProps","subTitleFontFamily","fontsFamiliesTypes","titleFontFamily","SECONDARY","getData","data","Products","footerFirstLogoOnClick","window","document","footerFirstLogo","querySelector","footerSecondLogo","icons","querySelectorAll","mainLogo","footerThirdLogo","footerFourthLogo","setAttribute","forEach","icon","newA","createElement","newA2","newA3","classList","add","parentElement","appendChild","setTimeout","useLayoutEffect","useEffect","storedSession","sessionStorage","getItem","homeTemplatesVersionVariantTypes","HOME_TEMPLATE_V9","path","headerMobileLogoReplaceImageWith","featureProps","hoverGrayscaleOutlineBackgroundColor","hoverGrayscaleOutlineBorderColor","hoverGrayscaleOutlineDarkTextColor","featureFullProps","calloutProps","calloutMobileProps","calloutCompressedProps","aboutUsTemplatesVersionVariantsTypes","ABOUT_US_TEMPLATE_V3","pageHeaderProps","bodyTextProps","calloutTextProps","calloutButtonProps","contactUsTemplatesVersionVariantsTypes","CONTACT_US_TEMPLATE_V10","submitButton","pageTitleProps","contactProps","branchProps","calloutMobileWithGradientPros","dynamicTemplatesVersionVariantsTypes","DYNAMIC_TEMPLATE_V9","customPageProps","customComponentStyles","hero","dinamic","title","subTitle","fontFamily","img","className","href","type","onClick","setItem"],"mappings":"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","file":"component---src-pages-index-jsx-83460ade7f6bb684d2fd.js","sourcesContent":["const templateVariantSettings = {\n  header: \"BANNER\",\n  homePage: \"HomeTemplateV9\",\n  websiteName: \"Bayou FCU\",\n  speedBump: {\n    borderWithRadious: true,\n  },\n  about: null,\n  contact: null,\n  footer: null,\n};\n\nmodule.exports = templateVariantSettings;\n","import React, { useLayoutEffect, useEffect, useState } from \"react\";\nimport { Router } from \"@reach/router\";\nimport {\n  AboutUsPage,\n  aboutUsTemplatesVersionVariantsTypes, // Variantes de plantillas para el About Us\n  colorsTypes, // Variantes de colores (GENERALMENTE SE UTILIZA ESTE)\n  colorsVariantsTypes, // Variantes de colores (SOLO EN ALGUNOS CASOS)\n  ContactUsPage,\n  contactUsTemplatesVersionVariantsTypes, // Variantes de plantillas para el Contact Us\n  DynamicPage,\n  dynamicTemplatesVersionVariantsTypes,\n  fontsFamiliesTypes, // Variantes de plantillas para las paginas dinámicas\n  // fontsFamiliesTypes, // Variantes de tipos de fuentes para los textos\n  HomePage,\n  homeTemplatesVersionVariantTypes, // Variantes de plantillas para el Home\n  textSizesVariantsTypes, // Variantes de tamaño de textos\n  loginVariantTypes,\n} from \"@homecu/blossom-websites-core-package\";\n\nimport templateVariantSettings from \"config\";\n\n// import { HOMEPAGE_DATA_MODEL } from \"data/cms-models\";\n\nfunction IndexPage() {\n  const [isNotCookiesAlert, setIsNotCookiesAlert] = useState(false);\n  // Personalizar boton de login en el menu de navegación (DESKTOP)\n  const headerLoginButtonStyles = {\n    variant: loginVariantTypes.NO_MODAL,\n    grayscale: true, //  Habilitar o des-habilitar escala de grises\n    // hoverGrayscaleFillBackgroundColor: colorsTypes.PRIMARY_DARK, //  Cambiar el color de fondo en su estado (hover) y con la escala de grises habilitada\n    // hoverGrayscaleBorderColor: colorsTypes.PRIMARY_DARK, //  Cambiar el color de bordes en su estado (hover) y con la escala de grises habilitada\n    // hoverGrayscaleFilledTextColor: colorsTypes.WHITE, // Color de fondo en su estado HOVER (solo aplica cunado la propiedad grayscale es TRUE y cuando la propiedad fill es FILLED)\n    // grayscaleAndOFilledTextColor: colorsTypes.WHITE, // Color de textos (solo aplica cunado la propiedad grayscale es TRUE y cuando la propiedad fill es FILLED)\n    background: colorsTypes.WHITE, // Color de fondo\n    borderColor: colorsTypes.WHITE, // Color de bordes\n    color: colorsTypes.PRIMARY_DARK, //  Cambiar el color de textos\n    hoverBackground: colorsTypes.BLACK, // Color de fondo en su estado (HOVER)\n    hoverBorderColor: colorsTypes.BLACK, // Color de bordes en su estado (HOVER)\n    hoverColor: colorsTypes.WHITE, //  Cambiar el color de textos en su estado (HOVER)\n    scrollBackground: colorsTypes.PRIMARY, // Color de fondo después de hacer SCROLL\n    scrollBorderColor: colorsTypes.WHITE, // Color de bordes después de hacer SCROLL\n    scrollColor: colorsTypes.PRIMARY_DARK, //  Cambiar el color de textos después de hacer SCROLL\n    hoverScrollBackground: colorsTypes.PRIMARY_DARK, // Color de fondo después de hacer scroll en su estado (HOVER)\n    hoverScrollBorderColor: colorsTypes.PRIMARY_DARK, // Color de bordes después de hacer scroll en su estado (HOVER)\n    hoverScrollColor: colorsTypes.WHITE, // Color de textos después de hacer scroll en su estado (HOVER)\n  };\n\n  // Personalizar boton de login en el menu de navegación (MOBILE)\n  const headerMobileLoginButtonStyles = {\n    grayscale: true, //  Habilitar o des-habilitar escala de grises\n    withoutBorderRadius: true, //  Habilitar o des-habilitar escala de grises\n    isScrollChangeColorButton: true, //  Habilitar o des-habilitar es cambio de color al hacer SCROLL\n    // hoverGrayscaleFillBackgroundColor: colorsTypes.PRIMARY_DARK, //  Cambiar el color de fondo en su estado (hover) y con la escala de grises habilitada\n    // hoverGrayscaleBorderColor: colorsTypes.PRIMARY_DARK, //  Cambiar el color de bordes en su estado (hover) y con la escala de grises habilitada\n    // hoverGrayscaleFilledTextColor: colorsTypes.WHITE, // Color de fondo en su estado HOVER (solo aplica cunado la propiedad grayscale es TRUE y cuando la propiedad fill es FILLED)\n    // grayscaleAndOFilledTextColor: colorsTypes.WHITE, // Color de textos (solo aplica cunado la propiedad grayscale es TRUE y cuando la propiedad fill es FILLED)\n    background: colorsTypes.PRIMARY_DARK, // Color de fondo\n    borderColor: colorsTypes.PRIMARY_DARK, // Color de bordes\n    color: colorsTypes.WHITE, //  Cambiar el color de textos\n    hoverBackground: colorsTypes.PRIMARY_DARK, // Color de fondo en su estado (HOVER)\n    hoverBorderColor: colorsTypes.PRIMARY_DARK, // Color de bordes en su estado (HOVER)\n    hoverColor: colorsTypes.WHITE, //  Cambiar el color de textos en su estado (HOVER)\n    scrollBackground: colorsTypes.PRIMARY_DARK, // Color de fondo después de hacer SCROLL\n    scrollBorderColor: colorsTypes.PRIMARY_DARK, // Color de bordes después de hacer SCROLL\n    scrollColor: colorsTypes.WHITE, //  Cambiar el color de textos después de hacer SCROLL\n    hoverScrollBackground: colorsTypes.PRIMARY_DARK, // Color de fondo después de hacer scroll en su estado (HOVER)\n    hoverScrollBorderColor: colorsTypes.PRIMARY_DARK, // Color de bordes después de hacer scroll en su estado (HOVER)\n    hoverScrollColor: colorsTypes.WHITE, // Color de textos después de hacer scroll en su estado (HOVER)\n  };\n\n  // Personalizar boton de login en el Dropdown del menu de navegación\n  const headerDropdownLoginButtonStyles = {\n    hoverFilledBackgroundColor: colorsTypes.PRIMARY, //  Cambiar el color de fondo en su estado (hover)\n    hoverFilledBorderColor: colorsTypes.PRIMARY, //  Cambiar el color de bordes en su estado (hover)\n    hoverFilledTextColor: colorsTypes.WHITE, //  Cambiar el color de texto en su estado (hover)\n  };\n\n  //  Propiedades comunes entre los Pages/Paginas\n  const commonProps = {\n    config: templateVariantSettings, // Configuración inicial de la plantilla\n    //  Configuración personalizada del Navigation Bar (Menu de Navegación)\n    floatHeader: true,\n    navigationMenuOptions: {\n      // Cambiar la altura del sub-menu de navegacion\n      dropdownSeparationFromBottom: 7,\n      menuActiveBorderColor: \"#002142\",\n      menuSubLinksTitleActiveColor: \"#000000\",\n      menuSubItemTitleColor: \"#000000\",\n      menuSubItemTextColor: \"#999999\",\n\n      grayscale: true,\n      dropdownHoverBackground: colorsVariantsTypes.TRANSPARENT,\n      subItemTextColor: \"red\",\n      subMenuActiveBackgroundColor: colorsTypes.BLACK,\n      backgroundScreenActive: true,\n      topIndicator: false,\n    },\n    // Personalizar Footer\n    footerOptions: {\n      customIconsAlt: \"\",\n    },\n    customIconsAlt: \"\",\n    //  HEADER  –>  DESKTOP  –>  START\n    headerDropdownLoginButtonStyles,\n    headerLoginButtonStyles,\n    headerMobileLoginButtonStyles,\n    headerLogoReplaceImageWith: \"\", // Remplazar imagen de logo en el NavBar\n    headerForceShow: true, //  Forzar la visualizacion del NavBar\n    headerLogoFilterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], // Tipos de filtros para el icono del menu de navegación (NavBar)\n    // headerLogoFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el icono del menu de navegación (NavBar) después de hacer SCROLL\n    // // headerLogoReplaceImageWith: \"\", // Remplazar imagen de logo en el NavBar\n    // headerLogoReplaceImageWithAfterBreakpoint: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar después de hacer SCROLL\n    // headerActiveLogoReplaceImageWith: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar ACTIVO\n    headerBackgroundAfterBreakpoint:\n      \" linear-gradient(90.3deg,rgba(85, 41, 6, 0.3) -4.05%,rgba(85, 41, 6, 0.3) -4.04%,rgba(170, 95, 7, 0.3) 71.16%); \", //  Color de fondo del menu de navegación después de hacer SCROLL\n    backgroundAfterBreakpointHoverHeader: \"rgba(0, 16, 31, 0.4)\", // Color de fondo del menu de navegación después de hacer SCROLL en su estado Hover\n    headerActiveBackground: colorsTypes.WHITE, // Color de fondo del menu de navegación en su estado Activo\n    headerHoverActiveBackground: colorsTypes.WHITE, //  Color de fondo del menu de navegación en su estado Activo y Hover\n    headerTransparentBackground: \"rgba(0, 16, 31, 0.4)\", //  Color de fondo del menu de navegación en su estado Transparente\n    headerHoverTransparentBackground: \"rgba(0, 16, 31, 0.4)\", //  Color de fondo del menu de navegación en su estado Transparente & Hover\n    // backgroundScreenHeader: false, // Habilitar o Deshabilitar background de tipo sombra al abrir el menu de navegación\n    noFilterLogoHeader: true, //\n    // headerNoFilterMenuIcon: true, // Forzar el no filtrar el icon del menu\n    headerForceFilterMenuIcon: true, // Forzar el filtrado del icon del menu\n    //  Props adicionales para el icono del menu en el navbar\n    headerMenuIconStyles: {\n      filterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono\n      filterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono después de hacer SCROLL\n      activeFilterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono cuando el MENU esta ACTIVADO y después de hacer SCROLL\n      // mobileFilterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono en MOBILE\n      // mobileFilterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono en MOBILE después de hacer SCROLL\n      // mobileActiveFilterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono en MOBILE cuando el MENU esta ACTIVO después de hacer SCROLL\n    },\n    //  HEADER  –>  DESKTOP  –>  END\n\n    //  HEADER  –>  MOBILE  –>  START\n    // headerMobileLogoReplaceImageWith: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar\n    // headerMobileActiveLogoReplaceImageWith: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar MOBILE ACTIVO\n    // headerMobileLogoReplaceImageWithAfterBreakpoint: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar después de hacer SCROLL\n    // headerMobileLoginButtonIsScrollChangeColorButton: false, // Permite cambiar de colo al boton de LOGIN que esta en el NavBar después de hacer SCROLL\n    // headerMobileActiveLogoReplaceImageWithAfterBreakpoint: `url(\"https://olb-assets.s3.us-east-2.amazonaws.com/images/Healthcare+Service+CU+Logo+Blue.svg\")`, // Remplazar imagen de logo en el NavBar ACTIVO y después de hacer SCROLL\n    // headerMobileLogoFilterEffect: [\"none\"], // Tipos de filtros para el icono del menu de navegación (NavBar)\n    // headerMobileLogoFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el icono del menu de navegación (NavBar) después de hacer SCROLL\n    // headerMobileFilterEffect: [], // Tipos de filtros para el fondo del menu de navegación (NavBar)\n    // headerMobileFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el fondo del menu de navegación (NavBar) después de hacer SCROLL\n    // headerMobileActiveLogoFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el icono del menu de navegación (NavBar ACTIVO) después de hacer SCROLL\n    // headerMobileMenuIconFilterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar)\n    // headerMobileMenuIconFilterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar) después de hacer SCROLL\n    // headerMobileMenuIconActiveFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar ACTIVO) después de hacer SCROLL\n    // headerMenuIconFilterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar)\n    // headerMenuIconFilterEffectAfterScroll: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar) después de hacer SCROLL\n    // headerMenuIconActiveFilterEffectAfterScroll: [\"none\"], // Tipos de filtros para el icon del menu de navegación en el (NavBar ACTIVO) después de hacer SCROLL\n    // headerMobileActiveLogoFilterEffect: [\"none\"], // Tipos de filtros para el icono del menu de navegación (NavBar ACTIVO)\n    headerMobileBackgroundAfterBreakpoint: colorsTypes.WHITE, // Color de fondo del menu de navegación después de hacer SCROLL\n    headerMobileBackgroundAfterBreakpointHover: colorsTypes.WHITE, // Color de fondo del menu de navegación después de hacer SCROLL\n    headerMobileForceShow: true, //  Forzar la visualizacion del NavBar (MOBILE)\n    headerMobileTransparent: false, //  NavBar Transparente\n    headerMobileNoFilterLogo: true, // Forzar el no filtrar el logo del navbar\n    headerMobileNoFilterMenuIcon: true, // Forzar el no filtrar el icono del menu en el navbar\n    headerMobileForceFilterMenuIcon: false, // Filtrado forzoso del icono del menu en el navbar\n    headerMobileBackgroundMenu: colorsTypes.WHITE, //  Color de fondo del Dropdown (Sub-menus)\n    headerMobileBackground: colorsTypes.WHITE, //  Color de fondo del navbar\n    headerMobileActiveBackground: colorsTypes.WHITE, //  Color de fondo del navbar en su estado ACTIVO\n    headerMobileHoverActiveBackground: colorsTypes.WHITE, //  Color de fondo del navbar en su estado ACTIVO & HOVER\n    headerMobileLoginButtonScrollBackgroundAfterScroll: colorsTypes.WHITE, //  Color de fondo del  boton de logon en el NavBar después de hacer SCROLL\n    headerMobileTransparentBackground: colorsTypes.WHITE, //  Color de fondo del navbar (solo funciona cuando la propiedad TRANSPARENT es TRUE)\n    headerMobileHoverFloatBackground: colorsTypes.WHITE, //  Color de fondo del navbar (solo funciona cuando la propiedad FLOAT es TRUE) en esu estado HOVER\n    // headerMobileLoginButtonScrollBackground: colorsTypes.WHITE, //  Color de fondo del boton de login en el navbar (solo funciona cuando se hizo SCROLL)\n    headerMobileHoverTransparentBackground: colorsTypes.WHITE, //  Color de fondo del boton de login en el navbar (solo funciona cuando la propiedad TRANSPARENT es TRUE) (solo funciona cuando se hizo SCROLL) en esu estado HOVER\n    headerMobileLogoFilter: undefined, //  Filtra Logo del navbar\n    //  Props adicionales para el icono del menu en el navbar\n    headerMobileMenuIconStyles: {\n      mobileFilterEffect: [\"invert()\", \"grayscale(1)\", \"saturate(0)\"], //  Filtro personalizado para el icono en MOBILE\n      mobileFilterEffectAfterScroll: [\"none\"], //  Filtro personalizado para el icono en MOBILE después de hacer SCROLL\n      mobileActiveFilterEffectAfterScroll: [\"none\"], //  Filtro personalizado para el icono en MOBILE cuando el MENU esta ACTIVO después de hacer SCROLL\n    },\n    //  HEADER  –>  MOBILE  –>  END\n  };\n\n  // Personalizar Tabs\n  const tabsProps = {\n    // Personalizar Tab\n    tabOptions: {\n      hiddenDivider: true, // Ocultar linea de division\n      showAllBorders: true, //  Mostrar todos los bordes\n      color: colorsVariantsTypes.LIGHT, // Color de textos\n      fontSize: textSizesVariantsTypes.SMALL, //  Tamaño de textos\n      activeBackgroundColor: colorsVariantsTypes.WHITE, //  Color de fondo en su estado activo\n      oneLine: false, //  Textos en una solo linea\n      backgroundColor: colorsVariantsTypes.VERY_ULTRA_LIGHT, // Color de fondo\n      width: \"100%\", //  Ancho\n      height: \"100%\", //  Alto\n      padding: \"15px 25px\", // Espaciado interno del contendor\n    },\n  };\n\n  // Personalizar Hero's\n  const heroProps = {\n    // Personalizar estilos de los botones\n    buttonStylesProps: {\n      grayscale: true, // Habilitar o des-habilitar escala de grises\n      hoverGrayscaleFillBackgroundColor: colorsTypes.PRIMARY_DARK, // Cambiar color de fondo en su estado (hover) y cuando esta habilitada la escala de grises (SOLO APLICA CUANDO EL VALOR FILL ES FILLED)\n      hoverGrayscaleBorderColor: colorsTypes.PRIMARY_DARK, // Cambiar color de bordes en su estado (hover) y cuando esta habilitada la escala de grises\n      hoverGrayscaleFilledTextColor: colorsTypes.WHITE, // Cambiar color de textos en su estado (hover) y cuando esta habilitada la escala de grises (SOLO APLICA CUANDO EL VALOR FILL ES FILLED)\n      grayscaleAndOFilledTextColor: colorsTypes.PRIMARY_DARK,\n      fontSize: textSizesVariantsTypes.VERY_SMALL, //  Tamaño de textos\n      padding: \"10px 30px\", //  Espaciado interno\n    },\n  };\n\n  //  Personalizar Productos\n  const productsProps = {\n    subTitleFontFamily: fontsFamiliesTypes.PRIMARY, //  Tipo de fuente del sub títulos\n    titleFontFamily: fontsFamiliesTypes.SECONDARY, // Tipo de fuente del títulos\n    getData: data => ({\n      data: data.Products,\n    }),\n  };\n\n  const footerFirstLogoOnClick = () => {\n    if (!window || !window.document || !document) {\n      setTimeout(footerFirstLogoOnClick, 350);\n\n      return;\n    }\n\n    const footerFirstLogo =\n      document.querySelector(\".FOOTER__BUSINESS_LOGO:first-child\") ||\n      document.querySelector(\n        \"footer > div:first-child > *:nth-child(2) > *:nth-child(3) > *:nth-child(1) > *:nth-child(1)\",\n      );\n\n    const footerSecondLogo =\n      document.querySelector(\".FOOTER__BUSINESS_LOGO:nth-child(2)\") ||\n      document.querySelector(\n        \"footer > div:first-child > *:nth-child(2) > *:nth-child(3) > *:nth-child(1) > *:nth-child(2)\",\n      );\n    const icons = document.querySelectorAll(\".tw-inline-block.tw-mr-3\");\n    const mainLogo = document.querySelector(\".FOOTER__LOGO\");\n    const footerThirdLogo =\n      document.querySelector(\".FOOTER__BUSINESS_LOGO:nth-child(3)\") ||\n      document.querySelector(\n        \"footer > div:first-child > *:nth-child(2) > *:nth-child(3) > *:nth-child(1) > *:nth-child(2)\",\n      );\n    const footerFourthLogo =\n      document.querySelector(\".FOOTER__BUSINESS_LOGO:nth-child(4)\") ||\n      document.querySelector(\n        \"footer > div:first-child > *:nth-child(2) > *:nth-child(3) > *:nth-child(1) > *:nth-child(2)\",\n      );\n\n    if (!footerFirstLogo) {\n      setTimeout(footerFirstLogoOnClick, 350);\n\n      return;\n    }\n\n    footerFirstLogo.setAttribute(\"alt\", \"NCUA Logo\");\n    footerSecondLogo.setAttribute(\"alt\", \"Logo  CO-OP\");\n    footerThirdLogo.setAttribute(\"alt\", \"Logo Bauer Financial\");\n    footerFourthLogo.setAttribute(\"alt\", \"Equal Logo\");\n    mainLogo.setAttribute(\"alt\", \"logo Bayou\");\n\n    icons.forEach(icon => icon.setAttribute(\"alt\", \"\"));\n    const newA = document.createElement(\"a\");\n    const newA2 = document.createElement(\"a\");\n    const newA3 = document.createElement(\"a\");\n    newA.setAttribute(\"href\", \"https://www.ncua.gov\");\n    newA.classList.add(\"FOOTER__BUSINESS_LOGO_LINK_1\");\n    newA2.setAttribute(\n      \"href\",\n      \"https://co-opcreditunions.org/locator/?ref=co-opsharedbranch.org&sc=1\",\n    );\n    newA2.classList.add(\"FOOTER__BUSINESS_LOGO_LINK_2\");\n    newA3.setAttribute(\"href\", \"https://www.bauerfinancial.com/\");\n    newA3.classList.add(\"FOOTER__BUSINESS_LOGO_LINK_3\");\n\n    footerFirstLogo.parentElement.appendChild(newA);\n    footerSecondLogo.parentElement.appendChild(newA2);\n    footerThirdLogo.parentElement.appendChild(newA3);\n  };\n\n  const handleCookies = () => {\n    setIsNotCookiesAlert(true);\n    sessionStorage.setItem(\"isNotCookiesAlert\", true);\n  };\n\n  useLayoutEffect(() => {\n    setTimeout(footerFirstLogoOnClick, 3000);\n  }, []);\n\n  useEffect(() => {\n    const storedSession = sessionStorage.getItem(\"isNotCookiesAlert\");\n\n    if (storedSession) setIsNotCookiesAlert(storedSession);\n  }, []);\n\n  return (\n    <>\n      <Router>\n        <HomePage\n          {...commonProps}\n          config={templateVariantSettings}\n          variant={homeTemplatesVersionVariantTypes.HOME_TEMPLATE_V9}\n          path=\"/\"\n          // Forzar el uso de un Template\n          // forceCustomVariant\n          // variant={homeTemplatesVersionVariantTypes.HOME_TEMPLATE_V5}\n          headerMobileNoFilterMenuIcon={false} // Forzar el no filtrar el icono del menu en el navbar\n          headerForceShow={false} //  Forzar la visualizacion del NavBar\n          headerMobileLogoReplaceImageWith=\"\" // Remplazar imagen de logo en el NavBar\n          headerMobileForceShow={false} //  Forzar la visualizacion del NavBar\n          headerMobileBackgroundAfterBreakpoint={colorsTypes.WHITE} // Color de fondo del menu de navegación después de hacer SCROLL\n          headerMobileTransparentBackground={colorsTypes.TRANSPARENT} //  Color de fondo del navbar (solo funciona cuando la propiedad TRANSPARENT es TRUE)\n          headerMobileHoverTransparentBackground={colorsTypes.TRANSPARENT} //  Color de fondo del boton de login en el navbar (solo funciona cuando la propiedad TRANSPARENT es TRUE) (solo funciona cuando se hizo SCROLL) en esu estado HOVER\n          headerMobileBackgroundAfterBreakpointHover={colorsTypes.WHITE} // Color de fondo del menu de navegación después de hacer SCROLL\n          headerTransparentBackground={colorsTypes.TRANSPARENT} //  Color de fondo del menu de navegación en su estado Transparente\n          headerHoverTransparentBackground={colorsTypes.TRANSPARENT} // Color de fondo del menu de navegación en su estado Transparente y Hover\n          // Personalizar Hero\n          heroProps={heroProps}\n          // Personalizar Lista de Productos e items\n          productsProps={productsProps}\n          // Personalizar Feature\n          featureProps={{\n            variant: \"V4\",\n            // Personalizar botones\n            buttonStylesProps: {\n              hoverGrayscaleOutlineBackgroundColor: colorsTypes.WHITE, // Color de fondo en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineBorderColor: colorsTypes.WHITE, // Color de borders en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineDarkTextColor: colorsTypes.PRIMARY, // Color de textos en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n            },\n          }}\n          // Personalizar Feature Full\n          featureFullProps={{\n            buttonStylesProps: {\n              hoverGrayscaleOutlineBackgroundColor: colorsTypes.WHITE, // Color de fondo en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineBorderColor: colorsTypes.WHITE, // Color de borders en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineDarkTextColor: colorsTypes.PRIMARY, // Color de textos en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n            },\n          }}\n          // Personalizar Callout\n          calloutProps={{}}\n          // Personalizar Callout Mobile\n          calloutMobileProps={{}}\n          // Personalizar Callout Compressed\n          calloutCompressedProps={{}}\n          // Personalizar Tabs\n          tabsProps={tabsProps}\n        />\n\n        <AboutUsPage\n          {...commonProps}\n          path=\"/about-us\"\n          variant={aboutUsTemplatesVersionVariantsTypes.ABOUT_US_TEMPLATE_V3}\n          // Personalizar Page Header\n          pageHeaderProps={{}}\n          // Personalizar Body Text\n          bodyTextProps={{}}\n          // Personalizar Callout Text\n          calloutTextProps={{}}\n          // Personalizar Callout Button\n          calloutButtonProps={{}}\n          // Personalizar Tabs\n          tabsProps={tabsProps}\n        />\n\n        <ContactUsPage\n          {...commonProps}\n          path=\"/contact-us\"\n          variant={contactUsTemplatesVersionVariantsTypes.CONTACT_US_TEMPLATE_V10}\n          // Personalizar Submit Button\n          submitButton={{}}\n          // Personalizar Header\n          pageHeaderProps={{}}\n          // Personalizar Page Title\n          pageTitleProps={{}}\n          // Personalizar Contact\n          contactProps={{}}\n          // Personalizar Branch\n          branchProps={{}}\n          // Personalizar  Callout\n          calloutProps={{}}\n          // Personalizar  Callout Mobile With Gradient\n          calloutMobileWithGradientPros={{}}\n          // Personalizar Tabs\n          tabsProps={tabsProps}\n        />\n\n        <DynamicPage\n          {...commonProps}\n          variant={dynamicTemplatesVersionVariantsTypes.DYNAMIC_TEMPLATE_V9}\n          path=\"/:id\"\n          // Personalizar Custom Page\n          customPageProps={{\n            ...commonProps.customPageProps,\n            // Personalizar Componentes\n            customComponentStyles: {\n              // Personalizar de Hero's\n              hero: {\n                // Personalizar de Hero's de tipo Dynamic\n                dinamic: {\n                  // Titulo\n                  title: {\n                    fontSize: \"62px\", // Tamaño del titulo\n                  },\n                  // Sub titulo\n                  subTitle: {\n                    fontSize: \"26px\", // Tamaño de los sub titulo\n                    fontFamily: \"var(--secondary-family)\", // Tipo de fuente de los sub titulo\n                  },\n                  img: {},\n                },\n              },\n            },\n          }}\n          // Personalizar Hero\n          heroProps={{}}\n          // Personalizar Lista de Productos\n          productsProps={{}}\n          // Personalizar Feature Full\n          featureFullProps={{\n            buttonStylesProps: {\n              hoverGrayscaleOutlineBackgroundColor: colorsTypes.WHITE, // Color de fondo en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineBorderColor: colorsTypes.WHITE, // Color de borders en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n              hoverGrayscaleOutlineDarkTextColor: colorsTypes.PRIMARY, // Color de textos en su estado hover (solo aplica cuando la propiedad grayscale es true y cuando la propiedad fill es OUTLINE)\n            },\n          }}\n          // Personalizar Feature\n          featureProps={{}}\n          // Personalizar Callout\n          calloutProps={{}}\n          // Personalizar Callout Mobile\n          calloutMobileProps={{}}\n          // Personalizar Callout Compressed\n          calloutCompressedProps={{}}\n          // Personalizar Tabs\n          tabsProps={tabsProps}\n        />\n      </Router>\n\n      {!isNotCookiesAlert && (\n        <div className=\"cookies_container\">\n          <div className=\"cookies_title_container\">\n            <h1 className=\"cookies_title\">Privacy Notice</h1>\n          </div>\n          <div className=\"cookies_description_container\">\n            <p className=\"cookies_description\">\n              This site uses cookies to improve your browsing experience. By using the website, you\n              consent to the use of cookies. To learn more about our commitment to protecting your\n              personal information see our\n              <a href=\"/privacy-disclosure\" className=\"cookies_disclousure_link\">\n                {\" \"}\n                Privacy Disclosure\n              </a>\n              .\n            </p>\n            <div className=\"cookies_button_container\">\n              <button type=\"button\" className=\"cookies_button\" onClick={handleCookies}>\n                Accept\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default IndexPage;\n"],"sourceRoot":""}