{"version":3,"file":"Footer-chunk-CBOxm0ng.js","sources":["../../theme/ts/services/footerService.ts","../../theme/ts/components/frontend-ui/SocialLinks/SocialLinks.tsx","../../theme/ts/components/frontend-ui/Footer/NavTopic.tsx","../../theme/ts/components/frontend-ui/Footer/Footer.tsx"],"sourcesContent":["import fetch from 'isomorphic-fetch';\nimport { url } from '@ts/utils/url';\n\nexport type FooterLinks = {\n  icon: string;\n  id: string;\n  title: string;\n  url: string;\n};\n\nexport type FooterResDto = {\n  company: FooterLinks[];\n  legal: FooterLinks[];\n  services: FooterLinks[];\n};\n\nexport class FooterService {\n  constructor(private readonly portalUrl: string = url.getPortalUrl()) {}\n\n  getFooterLinks = async () => {\n    const url = `${this.portalUrl}/@actions`;\n\n    const settings: RequestInit = {\n      method: 'GET',\n      headers: {\n        Accept: 'application/json',\n      },\n    };\n\n    const response = await fetch(url, settings);\n\n    if (!response.ok) {\n      const msg = await response.text();\n      throw new Error(`Status code:${response.status}\\nError:${msg}`);\n    }\n\n    const res = await response.json();\n\n    const footerRes: FooterResDto = {\n      legal: res.legal_actions,\n      company: res.company_actions,\n      services: res.services_actions,\n    };\n\n    return footerRes;\n  };\n}\n","import { Icon } from '../Icon/Icon';\n\ntype SocialMedia = 'facebook' | 'twitter' | 'instagram' | 'youtube';\n\nconst mediaIcon: { [key in SocialMedia]: { width: number; height: number } } = {\n  facebook: {\n    width: 20,\n    height: 20,\n  },\n  twitter: {\n    width: 18,\n    height: 18,\n  },\n  instagram: {\n    width: 20,\n    height: 20,\n  },\n  youtube: {\n    width: 24,\n    height: 17,\n  },\n};\n\nconst urls: { [key in SocialMedia]: { url: string } } = {\n  facebook: {\n    url: 'https://www.facebook.com/derfreitag/',\n  },\n  twitter: {\n    url: 'https://twitter.com/derfreitag/',\n  },\n  instagram: {\n    url: 'https://www.instagram.com/freitag/',\n  },\n  youtube: {\n    url: 'https://www.youtube.com/channel/UCqs44Wf09ppRItc5uqNBMxA',\n  },\n};\n\ntype Props = {\n  socialMedia?: SocialMedia[];\n};\n\nexport const SocialLinks = ({\n  socialMedia = ['facebook', 'twitter', 'instagram'],\n}: Props) => {\n  return (\n    <ul className=\"bo-social-links\">\n      {socialMedia.map(name => (\n        <li className=\"bo-social-links__item\" key={name} data-testid={name}>\n          <a href={urls[name].url} target=\"_blank\" rel=\"noopener noreferrer\">\n            <Icon\n              iconName={name}\n              width={mediaIcon[name].width}\n              height={mediaIcon[name].height}\n            />\n          </a>\n        </li>\n      ))}\n    </ul>\n  );\n};\n","import { useEffect, useRef } from 'preact/hooks';\nimport { FooterLinks } from '@ts/services/footerService';\nimport { useMediaQuery, useToggle } from 'usehooks-ts';\nimport { Icon } from '../Icon/Icon';\n\nexport const calculateDuration = (height: number) => {\n  const baseSpeed = 2;\n  const minHeight = 200; // Element's min height to apply `smooth speed`\n  const speedAdjustmentFactor = 0.03; // Adjust `smooth speed` for shorter elements\n\n  // Calculate adjusted speed based on height\n  const adjustedSpeed =\n    baseSpeed + (minHeight - height) * speedAdjustmentFactor;\n  const duration = height * Math.max(adjustedSpeed, baseSpeed);\n\n  return duration;\n};\n\nexport const applyStyles = (\n  target: HTMLDivElement,\n  { maxHeight = '0px', marginBottom = '0px', transition = '0ms' },\n) => {\n  Object.assign(target.style, {\n    transition,\n    maxHeight,\n    marginBottom,\n  });\n};\n\ntype NavItemProps = {\n  title: string;\n  links: FooterLinks[] | undefined;\n};\n\nexport const NavTopic = ({ title, links }: NavItemProps) => {\n  const navItemsRef = useRef<HTMLDivElement>(null);\n  const [isOpen, toggleIsOpen, setIsOpen] = useToggle(false);\n  const matchesLargeMedia = useMediaQuery('(min-width: 760px)', {\n    initializeWithValue: true,\n  }); // Mid-tablet media query\n\n  const handleToggleNav = () => {\n    if (matchesLargeMedia) return;\n\n    const target = navItemsRef.current;\n    if (!target) return;\n\n    const height = `${target.scrollHeight}px`;\n    const duration = calculateDuration(target.scrollHeight);\n\n    const styles = isOpen\n      ? {\n          transition: `all ${duration}ms ease-in-out`,\n        }\n      : {\n          maxHeight: height,\n          marginBottom: '30px',\n          transition: `all ${duration}ms ease-in-out`,\n        };\n\n    applyStyles(target, styles);\n\n    toggleIsOpen();\n  };\n\n  const resetToggleNav = () => {\n    const target = navItemsRef.current;\n    if (!target) return;\n\n    const styles = matchesLargeMedia\n      ? { maxHeight: '100%', marginBottom: '30px' }\n      : {};\n\n    applyStyles(target, styles);\n\n    setIsOpen(() => matchesLargeMedia);\n  };\n\n  useEffect(() => {\n    resetToggleNav();\n  }, [matchesLargeMedia]);\n\n  return (\n    <nav\n      className=\"bc-footer__nav-topic\"\n      aria-label={`Footer navigation: ${title}`}\n    >\n      <div className=\"bc-footer__nav-title\" onClick={handleToggleNav}>\n        {title}\n\n        <Icon\n          iconName={isOpen ? 'chevron-up' : 'chevron-down'}\n          width={20}\n          height={20}\n        />\n      </div>\n      <div\n        className=\"bc-footer__nav-items\"\n        ref={navItemsRef}\n        data-testid={`${title}-items`}\n      >\n        {links?.map((link, index) => (\n          <a key={index} href={link.url} className=\"bc-footer__nav-link\">\n            {link.title}\n          </a>\n        ))}\n      </div>\n    </nav>\n  );\n};\n","import { useEffect, useState } from 'preact/hooks';\nimport {\n  FooterResDto,\n  FooterLinks,\n  FooterService,\n} from '@ts/services/footerService';\nimport { SocialLinks } from '../SocialLinks/SocialLinks';\nimport { useComponent } from '../preact';\nimport { NavTopic } from './NavTopic';\nimport { Icon } from '../Icon/Icon';\n\ntype NavKey = 'legal' | 'company' | 'services';\n\ntype NavData = {\n  key: NavKey;\n  title: string;\n  links: FooterLinks[] | undefined;\n};\n\nexport const Footer = ({ footerService = new FooterService() }) => {\n  const [footerLinks, setFooterLinks] = useState<FooterResDto>();\n\n  const navData: NavData[] = [\n    {\n      key: 'legal',\n      title: 'Rechtliches',\n      links: footerLinks?.legal,\n    },\n    {\n      key: 'company',\n      title: 'Unternehmen',\n      links: footerLinks?.company,\n    },\n    {\n      key: 'services',\n      title: 'Kontakt & Service',\n      links: footerLinks?.services,\n    },\n  ];\n\n  const getLinks = async (service: FooterService): Promise<void> => {\n    try {\n      const footerLinks = await service.getFooterLinks();\n\n      setFooterLinks(() => footerLinks);\n    } catch (error) {\n      if (error instanceof Error)\n        console.error(`Error getting footer links: ${error.message}`);\n    }\n  };\n\n  useEffect(() => {\n    getLinks(footerService);\n  }, []);\n\n  const dateObj = new Date();\n\n  return (\n    <footer className=\"bc-footer\">\n      <div className=\"bc-footer__headline\">\n        <div className=\"bc-footer__logo\">\n          <Icon iconName=\"logof\" width={30} height={40} />\n        </div>\n        <div className=\"bc-footer__claim\">\n          Wir wollen bloß die Welt verändern.\n        </div>\n      </div>\n      <div className=\"bc-footer__nav\">\n        {navData.map(({ key, title, links }) => (\n          <NavTopic key={key} title={title} links={links} />\n        ))}\n      </div>\n\n      <div className=\"bc-footer__trail\">\n        © {dateObj.getFullYear()} der Freitag Mediengesellschaft mbH & Co. KG\n        <SocialLinks\n          socialMedia={['facebook', 'twitter', 'instagram', 'youtube']}\n        />\n      </div>\n    </footer>\n  );\n};\n\nuseComponent('.pts-footer', () => {\n  return <Footer />;\n});\n"],"names":["FooterService","constructor","portalUrl","url","getPortalUrl","getFooterLinks","response","fetch","method","headers","Accept","ok","msg","text","Error","status","res","json","footerRes","legal","legal_actions","company","company_actions","services","services_actions","mediaIcon","facebook","width","height","twitter","instagram","youtube","urls","SocialLinks","socialMedia","_jsx","className","children","map","name","href","target","rel","Icon","iconName","calculateDuration","adjustedSpeed","baseSpeed","minHeight","speedAdjustmentFactor","duration","Math","max","applyStyles","maxHeight","marginBottom","transition","assign","style","NavTopic","title","links","navItemsRef","useRef","isOpen","toggleIsOpen","setIsOpen","useToggle","matchesLargeMedia","useMediaQuery","initializeWithValue","handleToggleNav","current","scrollHeight","styles","resetToggleNav","useEffect","_jsxs","onClick","ref","link","index","Footer","footerService","footerLinks","setFooterLinks","useState","navData","key","getLinks","service","error","console","message","dateObj","Date","getFullYear","useComponent"],"mappings":"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"}