{"version":3,"file":"component---src-pages-downloads-js-626fa234fdbe9eac177c.js","mappings":"yJAEe,SAASA,EAAT,GAAmC,IAAbC,EAAY,EAAZA,SACnC,OAAO,uBAAKC,UAAU,gBAAgBD,K,4FCDjC,SAASE,EAAT,GAA+C,IAAxBF,EAAuB,EAAvBA,SAAUG,EAAa,EAAbA,UACtC,OACE,uBAAKF,UAAWE,EAAS,gBAAmBA,EAAnB,gBACtBH,GAKA,SAASI,EAAT,GAA8C,IAA5BJ,EAA2B,EAA3BA,SAAUK,EAAiB,EAAjBA,KAAMC,EAAW,EAAXA,QACvC,MAAgB,UAATD,EACL,uBACEJ,UACEK,EAAO,8CAC2CD,EAD3C,IACmDC,EADnD,8CAE2CD,GAGpD,uBAAKJ,UAAU,iCAAiCD,IAGlD,uBACEC,UAAS,8CAAgDI,EAAhD,eAET,uBAAKJ,UAAU,sDACZD,M,67YCZT,SAASO,EAAT,GAAwC,IAAhBC,EAAe,EAAfA,YACtB,OACE,uBAAKP,UAAU,qBACb,qBACEQ,MAAMC,EAAAA,EAAAA,YAAW,KAAOF,EAAYG,SAASF,KAC7CR,UAAU,4BAEV,gBAAC,IAAD,CACEW,KAAMJ,EAAYG,SAASE,MAC3BC,IAAKN,EAAYG,SAASG,OAG9B,qBACEb,UAAU,yCACVQ,MAAMC,EAAAA,EAAAA,YAAW,KAAOF,EAAYG,SAASF,MAE5CD,EAAYG,SAASI,MAMf,SAASC,IACtB,IAAOC,GAAYC,EAAAA,EAAAA,IAAc,OAAQC,EAAAA,IAAzC,GACMC,GAAUC,EAAAA,EAAAA,UAChB,GAAsCC,EAAAA,EAAAA,WAAS,GAAxCC,EAAP,KAAoBC,EAApB,KACA,GAAsCF,EAAAA,EAAAA,WACpCG,EAAAA,EAAAA,GAAWC,EAAsB,WAAY,OADxClB,EAAP,KAAoBmB,EAApB,KAIMC,GAAoBH,EAAAA,EAAAA,GACxBI,EACA,OACA,aACA7B,SAAS8B,QAAO,SAAAC,GAAK,MAAmB,yBAAfA,EAAMC,QAiBjC,OAfAC,EAAAA,EAAAA,YAAU,WACR,IAAIC,GAAmBT,EAAAA,EAAAA,GACrBC,EACA,WACAT,GAGEiB,IACFP,EAAeO,GACfV,EAA6C,OAA9BU,EAAiBjB,WAGlCG,EAAQe,QAAQC,UAAY5B,EAAY6B,OACvC,CAACpB,EAAUT,IAGZ,gBAAC,IAAD,KACE,gBAAC8B,EAAA,EAAD,KACE,wBAAMC,KAAM/B,EAAYS,YAE1B,2BACEhB,UAAS,4BACPsB,EAAc,2BAA6B,cAG7C,uBAAKtB,UAAU,iCACb,0BAAQA,UAAU,gBAChB,uBAAKA,UAAU,sBACb,gBAAC,IAAD,MACA,sBAAIA,UAAU,wBACXO,EAAYgC,gBAGjB,sBAAIvC,UAAU,2BAA2BO,EAAYiC,UAIzD,gBAAC,IAAD,CAAatC,UAAU,sBACrB,gBAAC,IAAD,CAAQE,KAAK,QACX,uBAAKqC,IAAKtB,IACV,gBAAC,IAAD,KACE,gBAACb,EAAD,CAAcC,YAAaA,MAI/B,gBAAC,IAAD,CAAQH,KAAK,SACX,gBAACE,EAAD,CAAcC,YAAaA,MAI/B,uBACEP,UAAU,gCACV0C,MAAO,CACLC,WAAY,GACZC,UAAW,oBACXC,UAAW,KAGb,sBAAI7C,UAAU,mDACXO,EAAYuC,WAGdnB,GACC,uBAAK3B,UAAU,6BACb,0BACG2B,EAAkBoB,KAAI,SAACC,EAAMC,GAAP,OACrB,sBAAIC,IAAG,sBAAwBD,GAC7B,qBAAGzC,MAAMC,EAAAA,EAAAA,YAAW,KAAOuC,EAAKxC,MAC7BD,EAAYyC,EAAKjB,aAQ9B,gBAAC,IAAD,CACEoB,SAAS,OACTC,MAAO7C,EAAY8C","sources":["webpack://imf-2021/./src/components/mobile-only.js","webpack://imf-2021/./src/components/page-column.js","webpack://imf-2021/./src/pages/downloads.js"],"sourcesContent":["import React from \"react\"\n\nexport default function MobileOnly({ children }) {\n  return <div className=\"mobile-media\">{children}</div>\n}\n","import React from \"react\"\n\nexport function PageColumns({ children, modifiers }) {\n  return (\n    <div className={modifiers ? `page-columns ${modifiers}` : `page-columns`}>\n      {children}\n    </div>\n  )\n}\n\nexport function Column({ children, type, classes }) {\n  return type === \"media\" ? (\n    <div\n      className={\n        classes\n          ? `page-columns__column page-columns__column--${type} ${classes}`\n          : `page-columns__column page-columns__column--${type}`\n      }\n    >\n      <div className=\"container md:container--large\">{children}</div>\n    </div>\n  ) : (\n    <div\n      className={`page-columns__column page-columns__column--${type} text-block`}\n    >\n      <div className=\"container md:container--large lg:container--medium\">\n        {children}\n      </div>\n    </div>\n  )\n}\n","import React, { useState, useEffect, useRef } from \"react\"\nimport { withPrefix } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport Image from \"../components/image\"\nimport { PageColumns, Column } from \"../components/page-column\"\nimport Logo from \"../components/svg/logo\"\nimport MobileOnly from \"../components/mobile-only\"\nimport DownloadFullReport from \"../components/download-full-report\"\nimport downloadTranslations from \"../data/download-translations.json\"\nimport menu from \"../data/menu.json\"\nimport findObject from \"../helpers/find-object\"\nimport { useQueryParam, StringParam } from \"use-query-params\"\nimport { Helmet } from \"react-helmet\"\n\nfunction DownloadUnit({ translation }) {\n  return (\n    <div className=\"downloads__report\">\n      <a\n        href={withPrefix(\"/\") + translation.download.href}\n        className=\"downloads__report__image\"\n      >\n        <Image\n          path={translation.download.image}\n          alt={translation.download.alt}\n        />\n      </a>\n      <a\n        className=\"cta--inverse downloads__report__button\"\n        href={withPrefix(\"/\") + translation.download.href}\n      >\n        {translation.download.cta}\n      </a>\n    </div>\n  )\n}\n\nexport default function Downloads() {\n  const [language] = useQueryParam(\"lang\", StringParam)\n  const textRef = useRef()\n  const [languageRTL, setLanguageRTL] = useState(false)\n  const [translation, setTranslation] = useState(\n    findObject(downloadTranslations, \"language\", \"en\")\n  )\n\n  const downloadResources = findObject(\n    menu,\n    \"name\",\n    \"Downloads\"\n  ).children.filter(child => child.name !== \"Download Full Report\")\n\n  useEffect(() => {\n    let validTranslation = findObject(\n      downloadTranslations,\n      \"language\",\n      language\n    )\n\n    if (validTranslation) {\n      setTranslation(validTranslation)\n      setLanguageRTL(validTranslation.language === \"ar\")\n    }\n\n    textRef.current.innerHTML = translation.text\n  }, [language, translation])\n\n  return (\n    <Layout>\n      <Helmet>\n        <html lang={translation.language} />\n      </Helmet>\n      <section\n        className={`page page--margin-small ${\n          languageRTL ? \"downloads downloads--rtl\" : \"downloads\"\n        }`}\n      >\n        <div className=\"container md:container--large\">\n          <header className=\"page__header\">\n            <div className=\"page__header__logo\">\n              <Logo />\n              <h2 className=\"title--m md:title--l\">\n                {translation.annual_report}\n              </h2>\n            </div>\n            <h1 className=\"title--xl md:title--xxl\">{translation.header}</h1>\n          </header>\n        </div>\n\n        <PageColumns modifiers=\"downloads__content\">\n          <Column type=\"text\">\n            <div ref={textRef} />\n            <MobileOnly>\n              <DownloadUnit translation={translation} />\n            </MobileOnly>\n          </Column>\n\n          <Column type=\"media\">\n            <DownloadUnit translation={translation} />\n          </Column>\n        </PageColumns>\n\n        <div\n          className=\"container md:container--large\"\n          style={{\n            paddingTop: 50,\n            borderTop: \"1px solid #dadada\",\n            marginTop: 80,\n          }}\n        >\n          <h3 className=\"title title--l md:title--xl util__text-centered\">\n            {translation.resources}\n          </h3>\n\n          {downloadResources && (\n            <div className=\"downloads__resources-list\">\n              <ul>\n                {downloadResources.map((item, index) => (\n                  <li key={`download-resources-${index}`}>\n                    <a href={withPrefix(\"/\") + item.href}>\n                      {translation[item.name]}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          <DownloadFullReport\n            location=\"page\"\n            title={translation.download_the_pdf_report}\n          />\n        </div>\n      </section>\n    </Layout>\n  )\n}\n"],"names":["MobileOnly","children","className","PageColumns","modifiers","Column","type","classes","DownloadUnit","translation","href","withPrefix","download","path","image","alt","cta","Downloads","language","useQueryParam","StringParam","textRef","useRef","useState","languageRTL","setLanguageRTL","findObject","downloadTranslations","setTranslation","downloadResources","menu","filter","child","name","useEffect","validTranslation","current","innerHTML","text","Helmet","lang","annual_report","header","ref","style","paddingTop","borderTop","marginTop","resources","map","item","index","key","location","title","download_the_pdf_report"],"sourceRoot":""}