{"version":3,"sources":["webpack:///./src/js/react-modules/ms-footer-sections/index.tsx"],"names":["FooterSections","sections","sectionsArray","useMemo","_sections","JSON","parse","Column1","Column2","Column3","useState","isMobile","setIsMobile","useEffect","updateDimensions","window","addEventListener","removeEventListener","width","innerWidth","map","column","section","key","heading","className","title","links","length","link","label","href","target","slice","index"],"mappings":"0rCAqJeA,UA9IQ,SAAC,GAA0C,QAAxCC,EAAwC,EAAxCA,SAClBC,EAAgBC,mBAAQ,WAC5B,GAAIF,EAAU,CACZ,IAAMG,EAAYC,KAAKC,MAAML,GAE7B,MAAO,CAACG,EAAUG,QAASH,EAAUI,QAASJ,EAAUK,YAEzD,CAACR,IAEJ,IAAgCS,oBAAkB,GAAlD,GAAOC,EAAP,KAAiBC,EAAjB,KACAC,qBAAU,WAGR,OAFAC,IACAC,OAAOC,iBAAiB,SAAUF,GAC3B,kBAAMC,OAAOE,oBAAoB,SAAUH,MACjD,IAEH,IAAMA,EAAmB,WACvB,IAAMI,EAAQH,OAAOI,WAEnBP,IADEM,EAAQ,OAOd,OACE,oCACGP,EACC,kBAAC,IAAD,KACGT,EAAckB,KAAI,SAAAC,GACjB,OAAOA,EAAOD,KACZ,SAACE,GAAD,OAIE,kBAAC,IAAD,CACEC,IAAKD,EAAQE,QACbC,UAAU,oCACVC,MAAOJ,EAAQE,SAEdF,EAAQK,MAAMC,OAAS,GACtB,wBAAIH,UAAU,gCACXH,EAAQK,MAAMP,KAAI,SAAAS,GAAI,OACrB,wBAAIN,IAAKM,EAAKC,OACZ,kBAAC,IAAD,CACEL,UAAU,sBACVM,KAAMF,EAAKA,KACXG,OAAQH,EAAKG,QAEZH,EAAKC,oBAY1B,oCACE,yBAAKL,UAAU,mCAAf,UACGvB,EAAc+B,MAAM,EAAG,UAD1B,aACG,EAA2Bb,KAAI,SAACC,EAAQa,GACvC,OACE,yBACEX,IAAKW,EACLT,UAAU,wCAETJ,EAAOD,KACN,SACEE,EAIAY,GALF,OAOE,yBAAKT,UAAU,6BAA6BF,IAAKW,GAC/C,wBAAIT,UAAU,mCACXH,EAAQE,SAEVF,EAAQK,MAAMC,OAAS,GACtB,wBAAIH,UAAU,gCACXH,EAAQK,MAAMP,KAAI,SAAAS,GAAI,OACrB,wBAAIN,IAAKM,EAAKC,OACZ,kBAAC,IAAD,CACEL,UAAU,sBACVM,KAAMF,EAAKA,KACXG,OAAQH,EAAKG,QAEZH,EAAKC,qBAa9B,yBAAKL,UAAU,kCAAf,UACGvB,EAAc+B,MAAM,UADvB,aACG,EAAwBb,KAAI,SAAAC,GAC3B,OAAOA,EAAOD,KACZ,SACEE,EAIAY,GALF,OAOE,yBAAKT,UAAU,6BAA6BF,IAAKW,GAC/C,wBAAIT,UAAU,mCACXH,EAAQE,SAEVF,EAAQK,MAAMC,OAAS,GACtB,wBAAIH,UAAU,gCACXH,EAAQK,MAAMP,KAAI,SAAAS,GAAI,OACrB,wBAAIN,IAAKM,EAAKC,OACZ,kBAAC,IAAD,CACEL,UAAU,sBACVM,KAAMF,EAAKA,KACXG,OAAQH,EAAKG,QAEZH,EAAKC","file":"104.bundle.js?v=e4d732353ccc400ca420","sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { Accordion, AccordionItem, Link } from 'carbon-components-react';\n\ntype propTypesFooterSections = {\n  sections: string;\n};\n\nconst FooterSections = ({ sections }: propTypesFooterSections) => {\n  const sectionsArray = useMemo(() => {\n    if (sections) {\n      const _sections = JSON.parse(sections);\n\n      return [_sections.Column1, _sections.Column2, _sections.Column3];\n    }\n  }, [sections]);\n\n  const [isMobile, setIsMobile] = useState<boolean>(false);\n  useEffect(() => {\n    updateDimensions();\n    window.addEventListener('resize', updateDimensions);\n    return () => window.removeEventListener('resize', updateDimensions);\n  }, []);\n\n  const updateDimensions = () => {\n    const width = window.innerWidth;\n    if (width > 576) {\n      setIsMobile(false);\n    } else {\n      setIsMobile(true);\n    }\n  };\n\n  return (\n    <>\n      {isMobile ? (\n        <Accordion>\n          {sectionsArray.map(column => {\n            return column.map(\n              (section: {\n                heading: string;\n                links: { label: string; link: string; target: string  }[];\n              }) => (\n                <AccordionItem\n                  key={section.heading}\n                  className=\"ms-footer-sections__nav-accordion\"\n                  title={section.heading}\n                >\n                  {section.links.length > 0 && (\n                    <ul className=\"ms-footer-sections__nav-list\">\n                      {section.links.map(link => (\n                        <li key={link.label}>\n                          <Link\n                            className=\"ms-footer-nav__link\"\n                            href={link.link}\n                            target={link.target}\n                          >\n                            {link.label}\n                          </Link>\n                        </li>\n                      ))}\n                    </ul>\n                  )}\n                </AccordionItem>\n              )\n            );\n          })}\n        </Accordion>\n      ) : (\n        <>\n          <div className=\"ms-footer-sections__two-columns\">\n            {sectionsArray.slice(0, 2)?.map((column, index) => {\n              return (\n                <div\n                  key={index}\n                  className=\"ms-footer-sections__column-container\"\n                >\n                  {column.map(\n                    (\n                      section: {\n                        heading: string;\n                        links: { label: string; link: string; target: string }[];\n                      },\n                      index: number\n                    ) => (\n                      <div className=\"ms-footer-sections__column\" key={index}>\n                        <h2 className=\"ms-footer-sections__nav-heading\">\n                          {section.heading}\n                        </h2>\n                        {section.links.length > 0 && (\n                          <ul className=\"ms-footer-sections__nav-list\">\n                            {section.links.map(link => (\n                              <li key={link.label}>\n                                <Link\n                                  className=\"ms-footer-nav__link\"\n                                  href={link.link}\n                                  target={link.target}\n                                >\n                                  {link.label}\n                                </Link>\n                              </li>\n                            ))}\n                          </ul>\n                        )}\n                      </div>\n                    )\n                  )}\n                </div>\n              );\n            })}\n          </div>\n          <div className=\"ms-footer-sections__one-column\">\n            {sectionsArray.slice(2)?.map(column => {\n              return column.map(\n                (\n                  section: {\n                    heading: string;\n                    links: { label: string; link: string; target: string  }[];\n                  },\n                  index: number\n                ) => (\n                  <div className=\"ms-footer-sections__column\" key={index}>\n                    <h2 className=\"ms-footer-sections__nav-heading\">\n                      {section.heading}\n                    </h2>\n                    {section.links.length > 0 && (\n                      <ul className=\"ms-footer-sections__nav-list\">\n                        {section.links.map(link => (\n                          <li key={link.label}>\n                            <Link\n                              className=\"ms-footer-nav__link\"\n                              href={link.link}\n                              target={link.target}\n                            >\n                              {link.label}\n                            </Link>\n                          </li>\n                        ))}\n                      </ul>\n                    )}\n                  </div>\n                )\n              );\n            })}\n          </div>\n        </>\n      )}\n    </>\n  );\n};\nexport default FooterSections;\n"],"sourceRoot":""}