{"version":3,"file":"static/chunks/930-ff218c693757e2f5.js","mappings":"gKAEO,SAASA,EAAqBC,CAIpC,KAJoC,CACnCC,YAAAA,CAAW,CAGZ,CAJoCD,EAQnC,MAAOE,CAHYC,EAAAA,EAAAA,CAAAA,IACWC,EAAAA,CAAUA,CAACC,EAAE,CAGzC,GAAAC,EAAAC,GAAA,EAACC,IAAAA,CAAEC,UAAU,gBAAgBC,KAAM,OAAmBC,MAAA,CAAZV,YACvCA,IAGH,GAAAK,EAAAC,GAAA,EAACK,SAAAA,UAAQX,GAEb,wECXe,SAASY,EAAWb,CAA6B,KAA7B,CAAEc,SAAAA,CAAQ,CAAmB,CAA7Bd,EACjC,MAAO,GAAAM,EAAAC,GAAA,EAACQ,KAAAA,CAAGN,UAAU,+BAAuBK,GAC9C,gGCMe,SAASE,EAAmBhB,CAOjB,KAPiB,CACzCU,KAAAA,CAAI,CACJI,SAAAA,CAAQ,CACRG,WAAAA,CAAU,CACVC,WAAAA,CAAU,CACVC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACiB,CAPiBpB,EAQzC,MACE,GAAAM,EAAAC,GAAA,EAACc,KAAAA,UACC,GAAAf,EAAAC,GAAA,EAACe,EAAAA,IAAIA,CAAAA,CACHZ,KAAMA,EACNa,cAAaN,EACbR,UAAU,6BACVe,IAAKN,EAAa,WAAa,GAC/BO,OAAQP,EAAa,SAAW,QAChCC,OAAQA,EACRC,QAASA,WAERN,KAIT,4GCnCO,SAASY,EAAe1B,CAIC,KAJD,CAC7Bc,SAAAA,CAAQ,CACRL,UAAAA,CAAS,CACT,GAAGkB,EAC2B,CAJD3B,EAK7B,MACE,GAAA4B,EAAArB,GAAA,EAACsB,QAAAA,CACCpB,UAAWqB,CAAAA,EAAAA,EAAAA,CAAAA,EACT,0GACArB,GAED,GAAGkB,CAAU,UAEbb,GAGP,CClBO,SAASiB,EAAc/B,CAAqC,KAArC,CAAEc,SAAAA,CAAQ,CAA2B,CAArCd,EAC5B,MACE,GAAA4B,EAAArB,GAAA,EAACyB,OAAAA,CAAKvB,UAAU,wGACbK,GAGP,gRSFe,SAASmB,EAAejC,CAIA,KAJA,CACrCc,SAAAA,CAAQ,CACRL,UAAAA,CAAS,CACT,GAAGyB,EACkC,CAJAlC,EAKrC,MACE,GAAAM,EAAAC,GAAA,EAAC4B,KAAAA,CACC1B,UAAWqB,CAAAA,EAAAA,EAAAA,CAAAA,EACTM,IAAAA,SAAAA,CACA,yCACA3B,GAED,GAAGyB,CAAQ,UAEXpB,GAGP,oFCdYV,iCASL,SAASD,IACd,GAAM,CAACkC,EAAaC,EAAe,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAiB,GAevD,MAbAC,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,IAAMC,EAAeC,IAAS,KAC5BJ,EAAeK,OAAOC,UAAU,CAClC,EAjBkB,KAsBlB,OAHAN,EAAeK,OAAOC,UAAU,EAChCD,OAAOE,gBAAgB,CAAC,SAAUJ,GAE3B,KACLE,OAAOG,mBAAmB,CAAC,SAAUL,EACvC,CACF,EAAG,EAAE,EAEEJ,CACT,EA1BYjC,EAAAA,GAAAA,CAAAA,EAAAA,CAAAA,CAAAA","sources":["webpack://_N_E/./components/ClickablePhoneNumber.tsx","webpack://_N_E/./components/FooterSC/List.tsx","webpack://_N_E/./components/FooterSC/ListItemLink.tsx","webpack://_N_E/./components/page-with-aside-layout/AsideContainer.tsx","webpack://_N_E/./components/page-with-aside-layout/MainContainer.tsx","webpack://_N_E/./components/FooterSC/LinksSection.tsx","webpack://_N_E/./components/FooterSC/NewsletterSkeleton.tsx","webpack://_N_E/./components/FooterSC/NewsletterWrapper.tsx","webpack://_N_E/./components/FooterSC/SocialMediaList.tsx","webpack://_N_E/./components/FooterSC/InternalFooter.tsx","webpack://_N_E/./components/FooterSC/Footer.tsx","webpack://_N_E/./components/page-with-aside-layout/PageWithAsideLayout.tsx","webpack://_N_E/./components/page-with-aside-layout/index.ts","webpack://_N_E/./components/typography/PrimaryHeading.tsx","webpack://_N_E/./hooks/useScreenSize.tsx"],"sourcesContent":["import { ScreenSize, useScreenSize } from '@/hooks/useScreenSize';\n\nexport function ClickablePhoneNumber({\n  phoneNumber,\n}: {\n  phoneNumber: React.ReactNode;\n}) {\n  const screenSize = useScreenSize();\n  const isMobile = screenSize < ScreenSize.SM;\n\n  return isMobile ? (\n    <a className=\"font-semibold\" href={`tel:${phoneNumber}`}>\n      {phoneNumber}\n    </a>\n  ) : (\n    <strong>{phoneNumber}</strong>\n  );\n}\n","import { ReactNode } from 'react';\n\ntype FooterListProps = {\n  children: ReactNode;\n};\n\nexport default function FooterList({ children }: FooterListProps) {\n  return <ul className=\"flex flex-col gap-5\">{children}</ul>;\n}\n","import { ReactNode } from 'react';\n\nimport { Link } from '@/navigation';\nimport { Locale } from '@/utils/type-utils';\n\ntype FooterListItemLinkProps = {\n  href: string;\n  children: ReactNode;\n  dataTestId: string;\n  locale?: Locale;\n  isExternal?: boolean;\n  onClick?: () => void;\n};\n\nexport default function FooterListItemLink({\n  href,\n  children,\n  dataTestId,\n  isExternal,\n  locale,\n  onClick,\n}: FooterListItemLinkProps) {\n  return (\n    <li>\n      <Link\n        href={href}\n        data-testid={dataTestId}\n        className=\"font-light hover:underline\"\n        rel={isExternal ? 'noopener' : ''}\n        target={isExternal ? '_blank' : '_self'}\n        locale={locale}\n        onClick={onClick}\n      >\n        {children}\n      </Link>\n    </li>\n  );\n}\n","import clsx from 'clsx';\n\nexport function AsideContainer({\n  children,\n  className,\n  ...asideProps\n}: React.ComponentProps<'aside'>) {\n  return (\n    <aside\n      className={clsx(\n        'bg-almond-99 w-full lg:w-[375px] xl:w-[42%] py-6 sm:py-8 md:py-12 xl:pr-[calc(((100vw-1440px)/2)+2rem)]',\n        className\n      )}\n      {...asideProps}\n    >\n      {children}\n    </aside>\n  );\n}\n","export function MainContainer({ children }: React.PropsWithChildren) {\n  return (\n    <main className=\"px-5 py-6 lg:flex-1 sm:px-10 sm:py-8 md:pt-12 lg:pr-10 xl:pl-[calc(((100vw-1440px)/2)+2rem)]\">\n      {children}\n    </main>\n  );\n}\n","import List from './List';\nimport ListItemLink from './ListItemLink';\nimport Title from './ListTitle';\nimport Section from './Section';\n\ntype LinksSectionProps = {\n  title: string;\n  items: {\n    href: string;\n    dataTestId: string;\n    label: string;\n    isExternal?: boolean;\n  }[];\n};\n\nexport default function LinksSection({ title, items }: LinksSectionProps) {\n  return (\n    <Section>\n      <Title>{title}</Title>\n      <List>\n        {items.map((item) => (\n          <ListItemLink\n            key={item.dataTestId}\n            href={item.href}\n            dataTestId={item.dataTestId}\n            isExternal={item.isExternal}\n          >\n            {item.label}\n          </ListItemLink>\n        ))}\n      </List>\n    </Section>\n  );\n}\n","import { getTranslations } from 'next-intl/server';\n\nimport Title from './ListTitle';\nimport Section from './Section';\n\nexport default async function NewsletterSkeleton({\n  locale,\n}: {\n  locale: string;\n}) {\n  const t = await getTranslations({\n    locale,\n    namespace: 'footer.newsletter',\n  });\n\n  return (\n    <Section>\n      <Title>{t('title')}</Title>\n      <div className=\"flex flex-col mb-5 xl:flex-row gap-y-3\">\n        <div className=\"lg:mr-5 md:min-w-[200px]\">{t('description')}</div>\n        <form className=\"flex flex-col md:flex-row md:items-center\">\n          <div className=\"min-h-12 lg:max-w-[300px] mb-4 md:mr-5 md:mb-0 md:w-96 bg-white animate-pulse rounded\" />\n          <div className=\"min-h-12 lg:max-w-[350px] bg-white lg:w-96 animate-pulse rounded\" />\n          <button\n            data-testid=\"newsletter-submit-btn\"\n            className=\"self-end w-40 h-12 mt-4 border-2 border-white rounded-full md:self-auto md:mt-0 sm:ml-5 xl:px-10 hover:bg-white hover:text-teal-40\"\n            type=\"submit\"\n            disabled\n          >\n            {t('sign-up-button')}\n          </button>\n        </form>\n      </div>\n    </Section>\n  );\n}\n","import { fetchIndustriousMicroLocations } from '@/lib/locations/location-api';\nimport { mapLocationsToOptions } from '@/utils/locations';\n\nimport Newsletter from './Newsletter';\n\nexport default async function NewsletterWrapper({\n  locale,\n}: {\n  locale: string;\n}) {\n  const locations = await fetchIndustriousMicroLocations(locale);\n  const locationOptions = mapLocationsToOptions(locations);\n\n  return <Newsletter locationOptions={locationOptions} locale={locale} />;\n}\n","import { getTranslations } from 'next-intl/server';\nimport Image from 'next/image';\n\nimport { Link } from '@/navigation';\nimport facebookIcon from '@/public/icons/facebookIcon.svg';\nimport instagramIcon from '@/public/icons/instagramIcon.svg';\nimport linkedinIcon from '@/public/icons/linkedinIcon.svg';\nimport twitterIcon from '@/public/icons/twitterIcon.svg';\n\nexport default async function SocialModialList({ locale }: { locale: string }) {\n  const t = await getTranslations({\n    locale,\n    namespace: 'footer',\n  });\n\n  return (\n    <>\n      <style>\n        {`.icon:hover {\n            /* color yellow #eab308 */\n            filter: brightness(0) saturate(100%) invert(73%) sepia(29%) saturate(4588%)\n              hue-rotate(8deg) brightness(104%) contrast(94%);\n          \n        }`}\n      </style>\n      <ul className=\"flex gap-2 mt-4\">\n        <Link\n          href=\"https://www.facebook.com/IndustriousOffice\"\n          data-testid=\"link-facebook\"\n          target=\"_blank\"\n        >\n          <Image\n            className=\"icon\"\n            src={facebookIcon}\n            alt={t('alt-icon-facebook')}\n          />\n        </Link>\n        <Link\n          href=\"https://twitter.com/industrioushq\"\n          data-testid=\"link-twitter\"\n          target=\"_blank\"\n        >\n          <Image\n            className=\"icon\"\n            src={twitterIcon}\n            alt={t('alt-icon-twitter')}\n          />\n        </Link>\n        <Link\n          href=\"https://www.instagram.com/industrioushq\"\n          data-testid=\"link-instagram\"\n          target=\"_blank\"\n        >\n          <Image\n            className=\"icon\"\n            src={instagramIcon}\n            alt={t('alt-icon-instagram')}\n          />\n        </Link>\n        <Link\n          href=\"https://www.linkedin.com/company/industrioushq\"\n          data-testid=\"link-linkedin\"\n          target=\"_blank\"\n        >\n          <Image\n            className=\"icon\"\n            src={linkedinIcon}\n            alt={t('alt-icon-linkedin')}\n          />\n        </Link>\n      </ul>\n    </>\n  );\n}\n","import { getTranslations } from 'next-intl/server';\nimport Image from 'next/image';\nimport { Suspense } from 'react';\n\nimport { Link } from '@/components/Link';\nimport VerticalLogo from '@/public/icons/verticalLogoWhiteIcon.svg';\n\nimport LanguageSection from './LanguageSection';\nimport LinksSection from './LinksSection';\nimport NewsletterSkeleton from './NewsletterSkeleton';\nimport NewsletterWrapper from './NewsletterWrapper';\nimport SocialMediaList from './SocialMediaList';\n\nexport default async function InternalFooter({ locale }: { locale: string }) {\n  const t = await getTranslations({\n    locale,\n    namespace: 'footer',\n  });\n\n  return (\n    <footer className=\"text-white bg-teal-40 py-14\">\n      <div className=\"base-container\">\n        <Suspense fallback={<NewsletterSkeleton locale={locale} />}>\n          <NewsletterWrapper locale={locale} />\n        </Suspense>\n        <hr className=\"mb-6\" />\n        <div className=\"grid grid-cols-2 gap-x-5 gap-y-10 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6\">\n          <LinksSection\n            title={t('industrious')}\n            items={[\n              {\n                href: '/about-us',\n                dataTestId: 'link-about',\n                label: t('about'),\n              },\n              {\n                href: '/locations',\n                dataTestId: 'link-locations',\n                label: t('locations'),\n              },\n              {\n                href: '/about-us#faqs',\n                dataTestId: 'link-faq',\n                label: t('faq'),\n              },\n              {\n                href: '/about-us#team',\n                dataTestId: 'link-team',\n                label: t('team'),\n              },\n              { href: '/blog', dataTestId: 'link-blog', label: t('blog') },\n            ]}\n          />\n          <LinksSection\n            title={t('solutions')}\n            items={[\n              {\n                href: '/solutions/offices',\n                dataTestId: 'link-offices',\n                label: t('offices'),\n              },\n              {\n                href: '/solutions/suites',\n                dataTestId: 'link-suites',\n                label: t('suites'),\n              },\n              {\n                href: '/solutions/coworking-membership',\n                dataTestId: 'link-access',\n                label: t('access'),\n              },\n              {\n                href: '/solutions/virtual',\n                dataTestId: 'link-virtual',\n                label: t('virtual'),\n              },\n              {\n                href: '/solutions/conference-and-meeting-rooms',\n                dataTestId: 'link-meetings',\n                label: t('meetings'),\n              },\n            ]}\n          />\n          <LinksSection\n            title={t('partnerships')}\n            items={[\n              {\n                href: '/brokers',\n                dataTestId: 'broker',\n                label: t('brokers'),\n              },\n              {\n                href: '/enterprise',\n                dataTestId: 'link-enterprise',\n                label: t('enterprise'),\n              },\n              {\n                href: '/landlords',\n                dataTestId: 'link-partnerships',\n                label: t('landlords'),\n              },\n            ]}\n          />\n          <div>\n            <LinksSection\n              title={t('connect')}\n              items={[\n                {\n                  href: '/contact-us',\n                  dataTestId: 'contact-us',\n                  label: t('contact'),\n                },\n                {\n                  href: '/contact-us?prMediaForm=open',\n                  dataTestId: 'link-press',\n                  label: t('press'),\n                },\n                {\n                  href: '/careers',\n                  dataTestId: 'link-careers',\n                  label: t('careers'),\n                },\n              ]}\n            />\n            <SocialMediaList locale={locale} />\n          </div>\n\n          <LinksSection\n            title={t('members')}\n            items={[\n              {\n                href: 'https://portal.industriousoffice.com',\n                dataTestId: 'link-signin',\n                label: t('signin'),\n                isExternal: true,\n              },\n              {\n                href: 'https://apps.apple.com/us/app/industrious-office/id1571362704',\n                dataTestId: 'link-download-ios',\n                label: t('download-ios'),\n                isExternal: true,\n              },\n              {\n                href: 'https://play.google.com/store/apps/details?id=com.industriousoffice.app',\n                dataTestId: 'link-download-android',\n                label: t('download-android'),\n                isExternal: true,\n              },\n            ]}\n          />\n          <LanguageSection />\n        </div>\n        <div className=\"flex flex-col items-center gap-y-8 lg:flex-row lg:items-end justify-between mt-[48px] sm:mt-[70px]\">\n          <Link className=\"pb-[5px] lg:mb-0\" href=\"/\" data-testid=\"footer-logo\">\n            <Image src={VerticalLogo} alt=\"Industrious Logo\" width={130} />\n          </Link>\n          <div className=\"flex flex-wrap justify-center gap-5 text-sm text-center gap-y-4 lg:items-end\">\n            <Link\n              className=\"hover:underline\"\n              href=\"/site-portal-terms\"\n              data-testid=\"link-terms\"\n            >\n              {t('terms')}\n            </Link>\n            <Link\n              className=\"hover:underline\"\n              href=\"/privacy-policy\"\n              data-testid=\"link-privacy\"\n            >\n              {t('privacy')}\n            </Link>\n            <div data-testid=\"copyrights\">{t('copyrights')}</div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","import FooterFilter from './FooterFilter';\nimport InternalFooter from './InternalFooter';\n\nexport default function Footer({ locale }: { locale: string }) {\n  return (\n    <FooterFilter>\n      <InternalFooter locale={locale} />\n    </FooterFilter>\n  );\n}\n","import Footer from '@/components/FooterSC/Footer';\nimport { Header } from '@/components/Header/Header';\n\ntype RootLayoutProps = {\n  children: React.ReactNode;\n  locale: string;\n};\n\nexport function PageWithAsideLayout({ children, locale }: RootLayoutProps) {\n  return (\n    <>\n      <Header />\n      <div className=\"flex flex-col lg:flex-row lg:min-h-[calc(100vh-70px)]\">\n        {children}\n      </div>\n      <Footer locale={locale} />\n    </>\n  );\n}\n","export * from './AsideContainer';\nexport * from './MainContainer';\nexport * from './PageWithAsideLayout';\n","import { tiemposFont } from '@/theme/tiemposFont';\n\nimport clsx from 'clsx';\n\nexport default function PrimaryHeading({\n  children,\n  className,\n  ...divProps\n}: React.ComponentPropsWithoutRef<'h1'>) {\n  return (\n    <h1\n      className={clsx(\n        tiemposFont.className,\n        'text-4xl font-medium tracking-[0.35px]',\n        className\n      )}\n      {...divProps}\n    >\n      {children}\n    </h1>\n  );\n}\n","'use client';\n\nimport debounce from 'lodash.debounce';\nimport { useEffect, useState } from 'react';\n\nconst DEBOUNCE_TIME = 100;\n\nexport enum ScreenSize {\n  XXS = 320,\n  XS = 375,\n  SM = 500,\n  MD = 600,\n  LG = 960,\n  XL = 1440,\n}\n\nexport function useScreenSize(): number {\n  const [widthWindow, setWidthWindow] = useState<number>(0);\n\n  useEffect(() => {\n    const handleResize = debounce(() => {\n      setWidthWindow(window.innerWidth);\n    }, DEBOUNCE_TIME);\n\n    setWidthWindow(window.innerWidth);\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return widthWindow;\n}\n"],"names":["ClickablePhoneNumber","param","phoneNumber","isMobile","useScreenSize","ScreenSize","SM","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","a","className","href","concat","strong","FooterList","children","ul","FooterListItemLink","dataTestId","isExternal","locale","onClick","li","Link","data-testid","rel","target","AsideContainer","asideProps","jsx_runtime","aside","clsx","MainContainer","main","PrimaryHeading","divProps","h1","tiemposFont","widthWindow","setWidthWindow","useState","useEffect","handleResize","debounce","window","innerWidth","addEventListener","removeEventListener"],"sourceRoot":""}