{"version":3,"file":"Footer-CGoI_46M-chunk.js","sources":["../../../GSDClient/Scripts/Components/Footer/ListSection.tsx","../../../GSDClient/Scripts/Components/Footer/PartnerSectionImage.tsx","../../../GSDClient/Scripts/Components/Footer/PartnerSection.tsx","../../../GSDClient/Scripts/Components/Footer/SocialSection.tsx","../../../GSDClient/Scripts/Components/Footer.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\n\nimport { ISectionModel } from 'Types/Litium';\nimport DividerWide from 'Components/DividerWide';\nimport DropdownArrow from 'Components/DropDownArrow';\nimport Markup from 'Components/Markup';\n\nconst ListSection = ({ listSection }: { listSection: ISectionModel[] }) => {\n    const [openIndex, setOpenIndex] = useState(-1);\n\n    return (\n        <div\n            style={\n                {\n                    '--box-width-desktop': '996px',\n                } as React.CSSProperties\n            }\n            className=\"flex flex-col pb-2 pt-6 lg:pb-8 lg:pt-10\"\n        >\n            <div className=\"hidden lg:flex\">\n                <DividerWide />\n            </div>\n            <ul className=\"grid w-full grid-cols-1 justify-center px-4.5 pb-3 pt-6 lg:grid-cols-[repeat(4,_minmax(_min-content,_250px))] lg:gap-5\">\n                <li className=\"lg:hidden\">\n                    <DividerWide />\n                </li>\n                {listSection.map((item, index) => (\n                    <Fragment key={index}>\n                        {(item.links?.findIndex(\n                            link => link.href?.length > 0\n                        ) >= 0 ||\n                            item.text?.value?.length > 0) && (\n                            <>\n                                <li className=\"mb-2 mt-4 lg:my-0\">\n                                    <p className=\"mb-2 hidden w-full font-montserrat text-lg font-bold lg:block\">\n                                        {item.title}\n                                    </p>\n                                    <button\n                                        onClick={() =>\n                                            setOpenIndex(prevOpenIndex =>\n                                                prevOpenIndex === index\n                                                    ? -1\n                                                    : index\n                                            )\n                                        }\n                                        className=\"flex w-full items-center justify-between font-montserrat text-sm font-semibold lg:hidden\"\n                                    >\n                                        {item.title}\n                                        <span className=\"block h-4 w-4 lg:hidden\">\n                                            <DropdownArrow\n                                                showPlus={index === openIndex}\n                                            />\n                                        </span>\n                                    </button>\n                                    <div\n                                        className={`mt-2 grid overflow-hidden transition-all duration-layout ${\n                                            index === openIndex\n                                                ? 'visible grid-rows-[1fr]'\n                                                : 'invisible grid-rows-[0fr]'\n                                        } lg:visible lg:mt-0 lg:block`}\n                                    >\n                                        <ul className=\"ml-0.5 overflow-hidden lg:mt-0\">\n                                            {item.links.map(\n                                                (subItem, subIndex: number) =>\n                                                    subItem.href && (\n                                                        <li\n                                                            className=\"mb-2\"\n                                                            key={subIndex}\n                                                        >\n                                                            <a\n                                                                className=\"font-roboto text-sm hover:underline\"\n                                                                href={\n                                                                    subItem.href\n                                                                }\n                                                            >\n                                                                {subItem.text}\n                                                            </a>\n                                                        </li>\n                                                    )\n                                            )}\n                                            {item.text && (\n                                                <Markup\n                                                    html={item.text?.value}\n                                                    as=\"li\"\n                                                />\n                                            )}\n                                        </ul>\n                                    </div>\n                                </li>\n                                <li className=\"lg:hidden\">\n                                    <DividerWide />\n                                </li>\n                            </>\n                        )}\n                    </Fragment>\n                ))}\n            </ul>\n        </div>\n    );\n};\n\nexport default ListSection;\n","import { IImageBaseViewModel } from 'Types/Litium';\nimport { dpr } from 'Utils/dpr';\nimport { getNewDimensionsWithAspectRatio } from 'Utils/getNewDimensionsWithAspectRatio';\nimport tailwindBreakpoints from 'Utils/tailwindBreakpoints';\n\nconst PartnerSectionImage = ({ image }: { image: IImageBaseViewModel }) => (\n    <picture>\n        <source\n            width={\n                image.width > 0\n                    ? getNewDimensionsWithAspectRatio(\n                          image.width,\n                          image.height,\n                          40,\n                          'width'\n                      )\n                    : ''\n            }\n            height={image.height > 0 ? 40 : ''}\n            media={`(min-width: ${tailwindBreakpoints.lg})`}\n            srcSet={`${image.src}?format=webp&height=40`}\n        />\n        <img\n            className=\"h-8 max-w-max lg:h-10\"\n            height={image.height > 0 ? 32 : ''}\n            width={\n                image.width > 0\n                    ? getNewDimensionsWithAspectRatio(\n                          image.width,\n                          image.height,\n                          32,\n                          'width'\n                      )\n                    : ''\n            }\n            src={`${image.src}?format=webp&height=32`}\n            srcSet={dpr(`${image.src}?format=webp&height=32`)}\n            alt={image.altText}\n        />\n    </picture>\n);\n\nexport default PartnerSectionImage;\n","import { IImageSectionModel } from 'Types/Litium';\n\nimport PartnerSectionImage from 'Components/Footer/PartnerSectionImage';\n\nconst PartnerSection = ({\n    partnerSection,\n}: {\n    partnerSection: IImageSectionModel[];\n}) => (\n    <ul className=\"flex w-full flex-wrap justify-center gap-3 px-4.5 pb-8 pt-3 lg:px-0\">\n        {partnerSection.map((item, index) => (\n            <li key={index}>\n                {item?.linkUrl?.length > 0 ? (\n                    <a\n                        href={item.linkUrl}\n                        className=\"font-montserrat text-sm\"\n                        aria-label={item.image.altText}\n                    >\n                        <PartnerSectionImage image={item.image} />\n                    </a>\n                ) : (\n                    <div className=\"font-montserrat text-sm\">\n                        <PartnerSectionImage image={item.image} />\n                    </div>\n                )}\n            </li>\n        ))}\n    </ul>\n);\n\nexport default PartnerSection;\n","import { dpr } from 'Utils/dpr';\nimport { getNewDimensionsWithAspectRatio } from 'Utils/getNewDimensionsWithAspectRatio';\n\nimport { IImageSectionModel } from 'Types/Litium';\n\nconst SocialSection = ({\n    socialSection,\n}: {\n    socialSection: IImageSectionModel[];\n}) => (\n    <ul className=\"flex w-full flex-wrap justify-center gap-4 px-4.5 pb-4 lg:mx-auto lg:px-0 lg:pb-4\">\n        {socialSection.map((item, index) => (\n            <li key={index}>\n                <a\n                    href={item.linkUrl}\n                    target=\"_blank\"\n                    className=\"font-montserrat text-sm\"\n                    rel=\"noreferrer\"\n                >\n                    <img\n                        className=\"h-8 w-8 max-w-max\"\n                        height={item.image.height > 0 ? 32 : undefined}\n                        width={\n                            item.image.width > 0\n                                ? getNewDimensionsWithAspectRatio(\n                                      item.image.width,\n                                      item.image.height,\n                                      32,\n                                      'width'\n                                  )\n                                : undefined\n                        }\n                        src={`${item.image.src}?format=webp&height=32`}\n                        srcSet={dpr(`${item.image.src}?format=webp&height=32`)}\n                        alt={item.image.altText}\n                    />\n                </a>\n            </li>\n        ))}\n    </ul>\n);\n\nexport default SocialSection;\n","import { IFooterViewModel } from 'Types/Litium';\nimport NewsletterSignup from 'Blocks/NewsletterSignup';\nimport Divider from 'Components/Divider';\nimport ListSection from 'Components/Footer/ListSection';\nimport PartnerSection from 'Components/Footer/PartnerSection';\nimport SocialSection from 'Components/Footer/SocialSection';\nimport Markup from 'Components/Markup';\n\nconst Footer = ({\n    listSection,\n    socialSection,\n    partnerSection,\n    additionalFooterInformation,\n    newsletterBackgroundImage,\n    newsletterHeader,\n    newsletterConfirmationText,\n    newsletterSignupEmailLabel,\n    newsletterSubmitText,\n    newsletterTermsAndConditionText,\n    newsletterInputFields,\n}: IFooterViewModel) => (\n    <footer id=\"footer\" className=\"flex flex-col bg-merino\">\n        {newsletterSubmitText && (\n            <div className=\"pt-6 lg:pt-10\">\n                <NewsletterSignup\n                    backgroundImage={newsletterBackgroundImage}\n                    inputFields={newsletterInputFields}\n                    confirmationText={newsletterConfirmationText}\n                    termsAndConditionText={newsletterTermsAndConditionText}\n                    submitText={newsletterSubmitText}\n                    header={newsletterHeader}\n                    emailLabel={newsletterSignupEmailLabel}\n                />\n            </div>\n        )}\n        <ListSection listSection={listSection} />\n        <SocialSection socialSection={socialSection} />\n        <div className=\"flex h-full w-full flex-col items-center justify-center\">\n            <Divider />\n            {additionalFooterInformation?.value && (\n                <Markup\n                    html={additionalFooterInformation.value}\n                    cssClass=\"w-full max-w-none py-3 px-4.5 mb-0\"\n                />\n            )}\n        </div>\n        <Divider />\n        <PartnerSection partnerSection={partnerSection} />\n    </footer>\n);\n\nexport default Footer;\n"],"names":["ListSection","listSection","openIndex","setOpenIndex","useState","jsxs","jsx","DividerWide","item","index","Fragment","_a","link","_c","_b","prevOpenIndex","DropdownArrow","subItem","subIndex","Markup","_d","PartnerSectionImage","image","getNewDimensionsWithAspectRatio","tailwindBreakpoints","dpr","PartnerSection","partnerSection","SocialSection","socialSection","Footer","additionalFooterInformation","newsletterBackgroundImage","newsletterHeader","newsletterConfirmationText","newsletterSignupEmailLabel","newsletterSubmitText","newsletterTermsAndConditionText","newsletterInputFields","NewsletterSignup","Divider"],"mappings":"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"}