{"version":3,"file":"static/chunks/pages/important-problems-d7493717bdf511bf.js","mappings":"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","sources":["webpack://_N_E/./node_modules/classnames/index.js","webpack://_N_E/?82c5","webpack://_N_E/./public/images/roy-morgan-logo.png","webpack://_N_E/./public/images/rmr-loader.svg","webpack://_N_E/./components/loader.tsx","webpack://_N_E/./lib/api.ts","webpack://_N_E/./lib/graphql-fragments/pageMeta.ts","webpack://_N_E/./components/important-problems-tile.tsx","webpack://_N_E/./lib/queries/important-problems/getAllImportantProblems.ts","webpack://_N_E/./pages/important-problems/index.tsx","webpack://_N_E/./styles/components/important-problem-tile.module.scss","webpack://_N_E/./styles/components/loader.module.scss","webpack://_N_E/./styles/components/page-templates/important-problems.module.scss","webpack://_N_E/./node_modules/prop-types/factoryWithThrowingShims.js","webpack://_N_E/./node_modules/prop-types/index.js","webpack://_N_E/./node_modules/prop-types/lib/ReactPropTypesSecret.js","webpack://_N_E/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://_N_E/./node_modules/react-transition-group/esm/utils/ChildMapping.js","webpack://_N_E/./node_modules/react-transition-group/esm/TransitionGroup.js","webpack://_N_E/<anon>"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/important-problems\",\n      function () {\n        return require(\"private-next-pages/important-problems/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/important-problems\"])\n      });\n    }\n  ","export default {\"src\":\"/_next/static/media/roy-morgan-logo.01f0bc7f.png\",\"height\":56,\"width\":176,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAANUlEQVR42mNgqGOwZeBnUGYQYICC/wz9DLwMlgwaDOIMMgzsDAwFDPYMfAyKDPIMygyqDNwAfGAEhM88gaQAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":3};","export default {\"src\":\"/_next/static/media/rmr-loader.f55d834a.svg\",\"height\":204,\"width\":204};","import styles from '../styles/components/loader.module.scss';\nimport Image from 'next/image';\nimport classNames from 'classnames';\nimport rmrLoader from '../public/images/rmr-loader.svg';\n\nexport default function Loader({className}: {className?: string}): JSX.Element {\n  return (\n    <div className={classNames(styles.loader_wrapper, className)}>\n      <Image\n        src={rmrLoader.src}\n        alt=\"Loading Graphic\"\n        height={rmrLoader.height}\n        width={rmrLoader.width}\n      />\n    </div>\n  );\n}\n","import * as Sentry from '@sentry/nextjs';\n\nconst API_URL = `${process.env.NEXT_PUBLIC_WP_API}`;\n\nexport async function fetchAPI(\n  query: string,\n  { variables }: { variables?: unknown }\n) {\n  try {\n    const headers = { 'Content-Type': 'application/json' };\n    const res = await fetch(API_URL + \"graphql\", {\n      method: 'POST',\n      headers,\n      body: JSON.stringify({\n        query,\n        variables,\n      }),\n      keepalive: false, // This is to attempt to fix socket hang up issue\n                        // Reference: https://stackoverflow.com/questions/62818064/keep-getting-socket-hang-up-when-using-node-fetch/62818137#62818137\n                        // My thoughts are:\n                        //  - CMS is running on HTTP 1.1 which does not support multiplexing\n                        //  - Next can trigger multiple requests at the same time during peak usage\n                        //  - The server is not able to handle the requests fast enough, causing the socket to hang up\n    });\n\n    const json = await res.json();\n\n    if (json.errors) {\n      throw new Error(`Failed to fetch API: ${JSON.stringify(json.errors)}`);\n    }\n    return json.data;\n  } catch (e) {\n    Sentry.captureException(e, {\n      extra: {\n        query,\n        variables,\n      },\n    });\n\n    // Throw the error again so ISR serves old data, therefore\n    // need to check whether it is server side\n    if (typeof window === 'undefined') {\n      throw e;\n    }\n  }\n\n  return {};\n}\n","export const PAGE_META = `\n\tgeneralSettings {\n\t\ttitle\n\t}\n\tthemeSettings {\n\t\tthemeSettings {\n\t\t\tfooterLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\theaderLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\t\tnewsletter {\n\t\t\t\ttitle\n\t\t\t\tcontent\n\t\t\t}\n\t\t}\n\t}\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  menu: menu(id: \"Header Menu\", idType: NAME) {\n    name\n    menuItems(where: {parentId: 0}) {\n      nodes {\n        path\n        label\n        childItems(first: 50) {\n          nodes {\n            path\n            label\n            childItems(first: 50) {\n              nodes {\n                label\n                path\n              }\n            }\n          }\n        }\n      }\n    }\n    slug\n  }\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t\tdescription\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\n    name\n    menuItems {\n      nodes {\n        path\n        label\n      }\n    }\n    slug\n  }\n`;\n\nexport const PAGE_META_FINDINGS = `\n\tgeneralSettings {\n\t\ttitle\n\t}\n\tthemeSettings {\n\t\tthemeSettings {\n\t\t\tfooterLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\theaderLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\tmarginOfError\n\t\t}\n\t}\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  menu: menu(id: \"Header Menu\", idType: NAME) {\n    name\n    menuItems(where: {parentId: 0}) {\n      nodes {\n        path\n        label\n        childItems(first: 50) {\n          nodes {\n            path\n            label\n            childItems(first: 50) {\n              nodes {\n                label\n                path\n              }\n            }\n          }\n        }\n      }\n    }\n    slug\n  }\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t\tdescription\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\n    name\n    menuItems {\n      nodes {\n        path\n        label\n      }\n    }\n    slug\n  }\n`;\n\nexport const PAGE_META_LISTING = `\n\tgeneralSettings {\n\t\ttitle\n\t}\n\tthemeSettings {\n\t\tthemeSettings {\n\t\t\tfooterLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\theaderLogo {\n\t\t\t\tmediaItemUrl\n\t\t\t}\n\t\t\tlistingPageHeaders {\n\t\t\t\tpage\n\t\t\t\ttitle\n\t\t\t\tcontent\n\t\t\t\tshowCallbackButton\n\t\t\t\trequestCallbackButton {\n\t\t\t\t\tbuttonText\n\t\t\t\t\tmodalFormId\n\t\t\t\t\tmodalText\n\t\t\t\t\tmodalTitle\n\t\t\t\t\ttitle\n\t\t\t\t}\n\t\t\t}\n\t\t\tlistingPageTestimonials {\n\t\t\t\tpage\n\t          \tquote\n\t\t\t\tquoteSource\n\t\t\t\tclickThroughLink {\n\t\t\t\t\ttitle\n\t\t\t\t\turl\n\t\t\t\t}\n\t          \timage {\n\t            \tsourceUrl\n\t            \tmediaDetails {\n\t\t              \theight\n\t\t              \twidth\n\t            \t}\n\t          \t}\n\t\t\t}\n\t\t\tnewsletter {\n\t\t\t\ttitle\n\t\t\t\tcontent\n\t\t\t}\n\t\t}\n\t}\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  menu: menu(id: \"Header Menu\", idType: NAME) {\n    name\n    menuItems(where: {parentId: 0}) {\n      nodes {\n        path\n        label\n        childItems(first: 50) {\n          nodes {\n            path\n            label\n            childItems(first: 50) {\n              nodes {\n                label\n                path\n              }\n            }\n          }\n        }\n      }\n    }\n    slug\n  }\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t\tdescription\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\n\t\tname\n\t\tmenuItems {\n\t\t\tnodes {\n\t\t\t\tpath\n\t\t\t\tlabel\n\t\t\t}\n\t\t}\n\t\tslug\n\t}\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\n    name\n    menuItems {\n      nodes {\n        path\n        label\n      }\n    }\n    slug\n  }\n`;\n","import styles from '../styles/components/important-problem-tile.module.scss';\nimport Link from 'next/link';\nimport rmrLogo from '../public/images/roy-morgan-logo.png';\nimport type { Category } from '../types/api';\n\ninterface Props {\n  title?: string;\n  featuredImage?: {\n    node: {\n      sourceUrl: string;\n      mediaDetails: {\n        height: number;\n        width: number;\n      }\n    }\n  }\n  importantProblemCategories: { nodes: Array<Category> }\n  slug?: string;\n  excerpt?: string;\n}\n\nexport default function ImportantProblemTile({\n  title,\n  featuredImage,\n  importantProblemCategories,\n  slug,\n  excerpt,\n}: Props): JSX.Element {\n  let image = rmrLogo;\n  if (featuredImage?.node?.sourceUrl) {\n    image = {\n      src: featuredImage?.node?.sourceUrl,\n      height: featuredImage?.node?.mediaDetails?.height,\n      width: featuredImage?.node?.mediaDetails?.width,\n    };\n  }\n\n  return (\n    <div className={styles.resource_listing__tile}>\n      <div className={styles.resource_listing__image_wrapper}>\n        <Link href={'/important-problems/' + slug}>\n\n          <img\n            className={styles.resource_listing__image}\n            src={image.src}\n            alt=\"RMR Logo\"\n          />\n\n        </Link>\n      </div>\n      <div className={styles.resource_listing__category}>\n        {importantProblemCategories && importantProblemCategories?.nodes.length > 0 && importantProblemCategories?.nodes[0].name}\n      </div>\n      <Link\n        href={'/important-problems/' + slug}\n        className={styles.resource_listing__title_link}>\n\n        <h3 className={styles.resource_listing__title}>{title}</h3>\n\n      </Link>\n      <div className={styles.resource_listing__excerpt}>{excerpt}</div>\n      <Link\n        href={'/important-problems/' + slug}\n        className={styles.resource_listing__link}>\n        Read more\n      </Link>\n    </div>\n  );\n}\n","import { fetchAPI } from '../../api';\n\nimport { PAGE_META } from '../../graphql-fragments/pageMeta';\n\nexport async function getAllImportantProblems(cursor: string | true | undefined) {\n  const data = await fetchAPI(\n    `\n    query ImportantProblems {\n      importantProblems(first: 12) {\n        edges {\n          node {\n            slug\n            excerpt\n            featuredImage {\n              node {\n                sourceUrl\n                mediaDetails {\n                  height\n                  width\n                }\n              }\n            }\n            title\n            date\n            importantProblemCategories {\n              nodes {\n                importantProblemCategoryId\n                name\n                slug\n              }\n            }\n          }\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n          hasPreviousPage\n        }\n      }\n      generalSettings {\n        title\n      }     \n      ${PAGE_META}\n      importantProblemCategories {\n        edges {\n          node {\n            importantProblemCategoryId\n            slug\n            name\n            link\n          }\n        }\n      }\n    }\n  `,\n    {}\n  );\n  return data;\n}\n","import styles from '../../styles/components/page-templates/important-problems.module.scss';\nimport { useRouter } from 'next/router';\nimport Container from '../../components/container';\nimport ImportantProblemsTile from '../../components/important-problems-tile';\nimport Layout from '../../components/layout';\nimport { getAllImportantProblems } from '../../lib/queries/important-problems/getAllImportantProblems';\nimport Head from 'next/head';\nimport Loader from '../../components/loader';\nimport type { Header } from '../../types/header';\nimport Image from 'next/image';\nimport type { Footer } from '../../types/footer';\nimport type { Category, ImportantProblem } from '../../types/api';\nimport { Menu } from '../../types/menu';\nimport { useState, useEffect } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { initAccount, loadAccount } from '../../lib/account';\nimport { Account } from '../../types/account';\n\ninterface Props {\n  importantProblemsData: ImportantProblemsData;\n}\n\ninterface ImportantProblemsData {\n  importantProblems?: Array<{ node: ImportantProblem }>;\n  pageInfo?: {\n    endCursor?: string;\n    hasNextPage?: boolean;\n    hasPreviousPage?: boolean;\n  };\n  importantProblemCategories: { nodes: Array<Category> }\n  header: Header;\n  footer: Footer;\n}\n\nasync function loadPage(): Promise<ImportantProblemsData> {\n  const allImportantProblems = await getAllImportantProblems('');\n  return {\n    importantProblems: allImportantProblems?.importantProblems?.edges,\n    importantProblemCategories: allImportantProblems?.importantProblemCategories?.edges,\n    pageInfo: allImportantProblems?.importantProblems?.pageInfo,\n    header: {\n      generalSettings: allImportantProblems?.generalSettings,\n      themeSettings: allImportantProblems?.themeSettings?.themeSettings || null,\n      menu: allImportantProblems?.menu,\n    },\n    footer: {\n      footerColOneMenu: allImportantProblems?.footerColOneMenu || ({} as Menu),\n      footerColTwoMenu: allImportantProblems?.footerColTwoMenu || ({} as Menu),\n      footerColThreeMenu: allImportantProblems?.footerColThreeMenu || ({} as Menu),\n      footerConnectMenu: allImportantProblems?.footerConnectMenu || ({} as Menu),\n      themeSettings: allImportantProblems?.themeSettings?.themeSettings || null,\n    },\n  };\n}\n\nexport default function ImportantProblems({ importantProblemsData }: Props): JSX.Element {\n  const router = useRouter();\n  const [data, setData] = useState(importantProblemsData);\n  const [account, setAccount] = useState<Account | undefined>(undefined);\n\n  useEffect(() => {\n    setAccount(initAccount());\n    async function fetchData() {\n      const data = await loadPage();\n\n      if (data) {\n        setData(data);\n      }\n\n      const account = await loadAccount();\n      setAccount(account);\n    }\n    fetchData();\n  }, []);\n\n  const [categoryToShow, setCategoryToShow] = useState(false);\n  const [categoryIdToShow, setCategoryIdToShow] = useState(false);\n  const [postsToShow, setPostsToShow] = useState<\n    Array<{ node: ImportantProblem }> | undefined\n  >([]);\n  const [nextCursor, setNextCursor] = useState(false);\n  const [hasNextPage, setHasNextPage] = useState(false);\n  const [loadingMorePosts, setLoadingMorePosts] = useState(false);\n\n  const currentPosts =\n    (postsToShow && categoryToShow) ||\n    (postsToShow &&\n      data &&\n      data.importantProblems &&\n      postsToShow.length > data.importantProblems.length)\n      ? postsToShow\n      : data.importantProblems;\n  const currentCursor =\n    nextCursor && hasNextPage ? nextCursor : data.pageInfo?.endCursor;\n\n  return (\n    <Layout header={data.header} footer={data.footer} account={account}>\n      <Container>\n        {router.isFallback ? (\n          <Loader />\n        ) : (\n          <>\n            <Head>\n              <title>Important Problems - {data.header?.generalSettings?.title}</title>\n            </Head>\n\n            <h2 className={styles.resources_title}>Important Problems</h2>\n\n            <TransitionGroup className=\"todo-list\">\n              {currentPosts && currentPosts.length > 0 ? (\n                <div className={styles.resource_listing__wrapper}>\n                  {Object.values(currentPosts).map(function (post, i) {\n                    return (\n                      <CSSTransition\n                        key={i}\n                        timeout={500}\n                        className=\"resource_listing__tile_wrapper\"\n                      >\n                        <ImportantProblemsTile\n                          key={i}\n                          title={post?.node?.title}\n                          featuredImage={post?.node?.featuredImage}\n                          importantProblemCategories={post?.node?.importantProblemCategories}\n                          slug={post?.node?.slug}\n                          excerpt={post?.node?.excerpt}\n                        />\n                      </CSSTransition>\n                    );\n                  })}\n                </div>\n              ) : (\n                <div className={styles.resources__no_posts}>No Posts</div>\n              )}\n            </TransitionGroup>\n          </>\n        )}\n      </Container>\n    </Layout>\n  );\n}\n\nexport async function getStaticProps(): Promise<{\n  props: Props;\n  revalidate: number;\n}> {\n  const page = await loadPage();\n  return {\n    props: {\n      importantProblemsData: page,\n    },\n    revalidate: 30,\n  };\n}\n","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loader_wrapper\":\"loader_loader_wrapper__Mov1C\"};","// extracted by mini-css-extract-plugin","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","import { Children, cloneElement, isValidElement } from 'react';\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\n\nexport function getChildMapping(children, mapFn) {\n  var mapper = function mapper(child) {\n    return mapFn && isValidElement(child) ? mapFn(child) : child;\n  };\n\n  var result = Object.create(null);\n  if (children) Children.map(children, function (c) {\n    return c;\n  }).forEach(function (child) {\n    // run the map function here instead so that the key is the computed one\n    result[child.key] = mapper(child);\n  });\n  return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nexport function mergeChildMappings(prev, next) {\n  prev = prev || {};\n  next = next || {};\n\n  function getValueForKey(key) {\n    return key in next ? next[key] : prev[key];\n  } // For each key of `next`, the list of keys to insert before that key in\n  // the combined list\n\n\n  var nextKeysPending = Object.create(null);\n  var pendingKeys = [];\n\n  for (var prevKey in prev) {\n    if (prevKey in next) {\n      if (pendingKeys.length) {\n        nextKeysPending[prevKey] = pendingKeys;\n        pendingKeys = [];\n      }\n    } else {\n      pendingKeys.push(prevKey);\n    }\n  }\n\n  var i;\n  var childMapping = {};\n\n  for (var nextKey in next) {\n    if (nextKeysPending[nextKey]) {\n      for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n        var pendingNextKey = nextKeysPending[nextKey][i];\n        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n      }\n    }\n\n    childMapping[nextKey] = getValueForKey(nextKey);\n  } // Finally, add the keys which didn't appear before any key in `next`\n\n\n  for (i = 0; i < pendingKeys.length; i++) {\n    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n  }\n\n  return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n  return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nexport function getInitialChildMapping(props, onExited) {\n  return getChildMapping(props.children, function (child) {\n    return cloneElement(child, {\n      onExited: onExited.bind(null, child),\n      in: true,\n      appear: getProp(child, 'appear', props),\n      enter: getProp(child, 'enter', props),\n      exit: getProp(child, 'exit', props)\n    });\n  });\n}\nexport function getNextChildMapping(nextProps, prevChildMapping, onExited) {\n  var nextChildMapping = getChildMapping(nextProps.children);\n  var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n  Object.keys(children).forEach(function (key) {\n    var child = children[key];\n    if (!isValidElement(child)) return;\n    var hasPrev = (key in prevChildMapping);\n    var hasNext = (key in nextChildMapping);\n    var prevChild = prevChildMapping[key];\n    var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)\n\n    if (hasNext && (!hasPrev || isLeaving)) {\n      // console.log('entering', key)\n      children[key] = cloneElement(child, {\n        onExited: onExited.bind(null, child),\n        in: true,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    } else if (!hasNext && hasPrev && !isLeaving) {\n      // item is old (exiting)\n      // console.log('leaving', key)\n      children[key] = cloneElement(child, {\n        in: false\n      });\n    } else if (hasNext && hasPrev && isValidElement(prevChild)) {\n      // item hasn't changed transition states\n      // copy over the last transition props;\n      // console.log('unchanged', key)\n      children[key] = cloneElement(child, {\n        onExited: onExited.bind(null, child),\n        in: prevChild.props.in,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    }\n  });\n  return children;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { getChildMapping, getInitialChildMapping, getNextChildMapping } from './utils/ChildMapping';\n\nvar values = Object.values || function (obj) {\n  return Object.keys(obj).map(function (k) {\n    return obj[k];\n  });\n};\n\nvar defaultProps = {\n  component: 'div',\n  childFactory: function childFactory(child) {\n    return child;\n  }\n};\n/**\n * The `<TransitionGroup>` component manages a set of transition components\n * (`<Transition>` and `<CSSTransition>`) in a list. Like with the transition\n * components, `<TransitionGroup>` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the `<TransitionGroup>`.\n *\n * Note that `<TransitionGroup>`  does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(TransitionGroup, _React$Component);\n\n  function TransitionGroup(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n\n    var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n    _this.state = {\n      contextValue: {\n        isMounting: true\n      },\n      handleExited: handleExited,\n      firstRender: true\n    };\n    return _this;\n  }\n\n  var _proto = TransitionGroup.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.mounted = true;\n    this.setState({\n      contextValue: {\n        isMounting: false\n      }\n    });\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.mounted = false;\n  };\n\n  TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n    var prevChildMapping = _ref.children,\n        handleExited = _ref.handleExited,\n        firstRender = _ref.firstRender;\n    return {\n      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n      firstRender: false\n    };\n  } // node is `undefined` when user provided `nodeRef` prop\n  ;\n\n  _proto.handleExited = function handleExited(child, node) {\n    var currentChildMapping = getChildMapping(this.props.children);\n    if (child.key in currentChildMapping) return;\n\n    if (child.props.onExited) {\n      child.props.onExited(node);\n    }\n\n    if (this.mounted) {\n      this.setState(function (state) {\n        var children = _extends({}, state.children);\n\n        delete children[child.key];\n        return {\n          children: children\n        };\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        Component = _this$props.component,\n        childFactory = _this$props.childFactory,\n        props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n    var contextValue = this.state.contextValue;\n    var children = values(this.state.children).map(childFactory);\n    delete props.appear;\n    delete props.enter;\n    delete props.exit;\n\n    if (Component === null) {\n      return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n        value: contextValue\n      }, children);\n    }\n\n    return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n      value: contextValue\n    }, /*#__PURE__*/React.createElement(Component, props, children));\n  };\n\n  return TransitionGroup;\n}(React.Component);\n\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * `<TransitionGroup>` renders a `<div>` by default. You can change this\n   * behavior by providing a `component` prop.\n   * If you use React v16+ and would like to avoid a wrapping `<div>` element\n   * you can pass in `component={null}`. This is useful if the wrapping div\n   * borks your css styles.\n   */\n  component: PropTypes.any,\n\n  /**\n   * A set of `<Transition>` components, that are toggled `in` and out as they\n   * leave. the `<TransitionGroup>` will inject specific transition props, so\n   * remember to spread them through if you are wrapping the `<Transition>` as\n   * with our `<Fade>` example.\n   *\n   * While this component is meant for multiple `Transition` or `CSSTransition`\n   * children, sometimes you may want to have a single transition child with\n   * content that you want to be transitioned out and in when you change it\n   * (e.g. routes, images etc.) In that case you can change the `key` prop of\n   * the transition child as you change its content, this will cause\n   * `TransitionGroup` to transition the child out and back in.\n   */\n  children: PropTypes.node,\n\n  /**\n   * A convenience prop that enables or disables appear animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  appear: PropTypes.bool,\n\n  /**\n   * A convenience prop that enables or disables enter animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  enter: PropTypes.bool,\n\n  /**\n   * A convenience prop that enables or disables exit animations\n   * for all children. Note that specifying this will override any defaults set\n   * on individual children Transitions.\n   */\n  exit: PropTypes.bool,\n\n  /**\n   * You may need to apply reactive updates to a child as it is exiting.\n   * This is generally done by using `cloneElement` however in the case of an exiting\n   * child the element has already been removed and not accessible to the consumer.\n   *\n   * If you do need to update a child as it leaves you can provide a `childFactory`\n   * to wrap every child, even the ones that are leaving.\n   *\n   * @type Function(child: ReactElement) -> ReactElement\n   */\n  childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[638],{\n\n/***/ 4184:\n/***/ (function(module, exports) {\n\nvar __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif ( true && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (true) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\t!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {\n\t\t\treturn classNames;\n\t\t}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t} else {}\n}());\n\n\n/***/ }),\n\n/***/ 9041:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/important-problems\",\n      function () {\n        return __webpack_require__(1832);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 5551:\n/***/ (function(__unused_webpack_module, __webpack_exports__) {\n\n\"use strict\";\n/* harmony default export */ __webpack_exports__[\"Z\"] = ({\"src\":\"/_next/static/media/roy-morgan-logo.01f0bc7f.png\",\"height\":56,\"width\":176,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAQAAAAEwYbDAAAANUlEQVR42mNgqGOwZeBnUGYQYICC/wz9DLwMlgwaDOIMMgzsDAwFDPYMfAyKDPIMygyqDNwAfGAEhM88gaQAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":3});\n\n/***/ }),\n\n/***/ 4807:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"Z\": function() { return /* binding */ Loader; }\n});\n\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(5893);\n// EXTERNAL MODULE: ./styles/components/loader.module.scss\nvar loader_module = __webpack_require__(5095);\nvar loader_module_default = /*#__PURE__*/__webpack_require__.n(loader_module);\n// EXTERNAL MODULE: ./node_modules/next/image.js\nvar next_image = __webpack_require__(5675);\nvar image_default = /*#__PURE__*/__webpack_require__.n(next_image);\n// EXTERNAL MODULE: ./node_modules/classnames/index.js\nvar classnames = __webpack_require__(4184);\nvar classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);\n;// CONCATENATED MODULE: ./public/images/rmr-loader.svg\n/* harmony default export */ var rmr_loader = ({\"src\":\"/_next/static/media/rmr-loader.f55d834a.svg\",\"height\":204,\"width\":204});\n;// CONCATENATED MODULE: ./components/loader.tsx\n\n\n\n\n\nfunction Loader(param) {\n    let { className  } = param;\n    return /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n        className: classnames_default()((loader_module_default()).loader_wrapper, className),\n        children: /*#__PURE__*/ (0,jsx_runtime.jsx)((image_default()), {\n            src: rmr_loader.src,\n            alt: \"Loading Graphic\",\n            height: rmr_loader.height,\n            width: rmr_loader.width\n        })\n    });\n}\n\n\n/***/ }),\n\n/***/ 1895:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"I\": function() { return /* binding */ fetchAPI; }\n/* harmony export */ });\n/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2876);\n\nconst API_URL = \"\".concat(\"https://cms.roymorganuat.com/\");\nasync function fetchAPI(query, param) {\n    let { variables  } = param;\n    try {\n        const headers = {\n            \"Content-Type\": \"application/json\"\n        };\n        const res = await fetch(API_URL + \"graphql\", {\n            method: \"POST\",\n            headers,\n            body: JSON.stringify({\n                query,\n                variables\n            }),\n            keepalive: false\n        });\n        const json = await res.json();\n        if (json.errors) {\n            throw new Error(\"Failed to fetch API: \".concat(JSON.stringify(json.errors)));\n        }\n        return json.data;\n    } catch (e) {\n        _sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__/* .captureException */ .Tb(e, {\n            extra: {\n                query,\n                variables\n            }\n        });\n        // Throw the error again so ISR serves old data, therefore\n        // need to check whether it is server side\n        if (false) {}\n    }\n    return {};\n}\n\n\n/***/ }),\n\n/***/ 3572:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"mt\": function() { return /* binding */ PAGE_META_LISTING; },\n/* harmony export */   \"um\": function() { return /* binding */ PAGE_META; }\n/* harmony export */ });\n/* unused harmony export PAGE_META_FINDINGS */\nconst PAGE_META = '\\n\tgeneralSettings {\\n\t\ttitle\\n\t}\\n\tthemeSettings {\\n\t\tthemeSettings {\\n\t\t\tfooterLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\theaderLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\t\tnewsletter {\\n\t\t\t\ttitle\\n\t\t\t\tcontent\\n\t\t\t}\\n\t\t}\\n\t}\\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  menu: menu(id: \"Header Menu\", idType: NAME) {\\n    name\\n    menuItems(where: {parentId: 0}) {\\n      nodes {\\n        path\\n        label\\n        childItems(first: 50) {\\n          nodes {\\n            path\\n            label\\n            childItems(first: 50) {\\n              nodes {\\n                label\\n                path\\n              }\\n            }\\n          }\\n        }\\n      }\\n    }\\n    slug\\n  }\\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t\tdescription\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\\n    name\\n    menuItems {\\n      nodes {\\n        path\\n        label\\n      }\\n    }\\n    slug\\n  }\\n';\nconst PAGE_META_FINDINGS = '\\n\tgeneralSettings {\\n\t\ttitle\\n\t}\\n\tthemeSettings {\\n\t\tthemeSettings {\\n\t\t\tfooterLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\theaderLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\tmarginOfError\\n\t\t}\\n\t}\\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  menu: menu(id: \"Header Menu\", idType: NAME) {\\n    name\\n    menuItems(where: {parentId: 0}) {\\n      nodes {\\n        path\\n        label\\n        childItems(first: 50) {\\n          nodes {\\n            path\\n            label\\n            childItems(first: 50) {\\n              nodes {\\n                label\\n                path\\n              }\\n            }\\n          }\\n        }\\n      }\\n    }\\n    slug\\n  }\\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t\tdescription\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\\n    name\\n    menuItems {\\n      nodes {\\n        path\\n        label\\n      }\\n    }\\n    slug\\n  }\\n';\nconst PAGE_META_LISTING = '\\n\tgeneralSettings {\\n\t\ttitle\\n\t}\\n\tthemeSettings {\\n\t\tthemeSettings {\\n\t\t\tfooterLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\theaderLogo {\\n\t\t\t\tmediaItemUrl\\n\t\t\t}\\n\t\t\tlistingPageHeaders {\\n\t\t\t\tpage\\n\t\t\t\ttitle\\n\t\t\t\tcontent\\n\t\t\t\tshowCallbackButton\\n\t\t\t\trequestCallbackButton {\\n\t\t\t\t\tbuttonText\\n\t\t\t\t\tmodalFormId\\n\t\t\t\t\tmodalText\\n\t\t\t\t\tmodalTitle\\n\t\t\t\t\ttitle\\n\t\t\t\t}\\n\t\t\t}\\n\t\t\tlistingPageTestimonials {\\n\t\t\t\tpage\\n\t          \tquote\\n\t\t\t\tquoteSource\\n\t\t\t\tclickThroughLink {\\n\t\t\t\t\ttitle\\n\t\t\t\t\turl\\n\t\t\t\t}\\n\t          \timage {\\n\t            \tsourceUrl\\n\t            \tmediaDetails {\\n\t\t              \theight\\n\t\t              \twidth\\n\t            \t}\\n\t          \t}\\n\t\t\t}\\n\t\t\tnewsletter {\\n\t\t\t\ttitle\\n\t\t\t\tcontent\\n\t\t\t}\\n\t\t}\\n\t}\\n\ttopmenu: menu(id: \"Top Menu\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  menu: menu(id: \"Header Menu\", idType: NAME) {\\n    name\\n    menuItems(where: {parentId: 0}) {\\n      nodes {\\n        path\\n        label\\n        childItems(first: 50) {\\n          nodes {\\n            path\\n            label\\n            childItems(first: 50) {\\n              nodes {\\n                label\\n                path\\n              }\\n            }\\n          }\\n        }\\n      }\\n    }\\n    slug\\n  }\\n\tfooterColOneMenu: menu(id: \"Footer Menu Col One\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t\tdescription\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColTwoMenu: menu(id: \"Footer Menu Col Two\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n\tfooterColThreeMenu: menu(id: \"Footer Menu Col Three\", idType: NAME) {\\n\t\tname\\n\t\tmenuItems {\\n\t\t\tnodes {\\n\t\t\t\tpath\\n\t\t\t\tlabel\\n\t\t\t}\\n\t\t}\\n\t\tslug\\n\t}\\n  footerConnectMenu: menu(id: \"Footer Menu Connect\", idType: NAME) {\\n    name\\n    menuItems {\\n      nodes {\\n        path\\n        label\\n      }\\n    }\\n    slug\\n  }\\n';\n\n\n/***/ }),\n\n/***/ 1832:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"__N_SSG\": function() { return /* binding */ __N_SSG; },\n  \"default\": function() { return /* binding */ ImportantProblems; }\n});\n\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(5893);\n// EXTERNAL MODULE: ./styles/components/page-templates/important-problems.module.scss\nvar important_problems_module = __webpack_require__(2478);\nvar important_problems_module_default = /*#__PURE__*/__webpack_require__.n(important_problems_module);\n// EXTERNAL MODULE: ./node_modules/next/router.js\nvar next_router = __webpack_require__(1163);\n// EXTERNAL MODULE: ./components/container.js\nvar container = __webpack_require__(959);\n// EXTERNAL MODULE: ./styles/components/important-problem-tile.module.scss\nvar important_problem_tile_module = __webpack_require__(7623);\nvar important_problem_tile_module_default = /*#__PURE__*/__webpack_require__.n(important_problem_tile_module);\n// EXTERNAL MODULE: ./node_modules/next/link.js\nvar next_link = __webpack_require__(1664);\nvar link_default = /*#__PURE__*/__webpack_require__.n(next_link);\n// EXTERNAL MODULE: ./public/images/roy-morgan-logo.png\nvar roy_morgan_logo = __webpack_require__(5551);\n;// CONCATENATED MODULE: ./components/important-problems-tile.tsx\n\n\n\n\nfunction ImportantProblemTile(param) {\n    let { title , featuredImage , importantProblemCategories , slug , excerpt  } = param;\n    var _featuredImage_node;\n    let image = roy_morgan_logo/* default */.Z;\n    if (featuredImage === null || featuredImage === void 0 ? void 0 : (_featuredImage_node = featuredImage.node) === null || _featuredImage_node === void 0 ? void 0 : _featuredImage_node.sourceUrl) {\n        var _featuredImage_node1, _featuredImage_node2, _featuredImage_node_mediaDetails, _featuredImage_node3, _featuredImage_node_mediaDetails1;\n        image = {\n            src: featuredImage === null || featuredImage === void 0 ? void 0 : (_featuredImage_node1 = featuredImage.node) === null || _featuredImage_node1 === void 0 ? void 0 : _featuredImage_node1.sourceUrl,\n            height: featuredImage === null || featuredImage === void 0 ? void 0 : (_featuredImage_node2 = featuredImage.node) === null || _featuredImage_node2 === void 0 ? void 0 : (_featuredImage_node_mediaDetails = _featuredImage_node2.mediaDetails) === null || _featuredImage_node_mediaDetails === void 0 ? void 0 : _featuredImage_node_mediaDetails.height,\n            width: featuredImage === null || featuredImage === void 0 ? void 0 : (_featuredImage_node3 = featuredImage.node) === null || _featuredImage_node3 === void 0 ? void 0 : (_featuredImage_node_mediaDetails1 = _featuredImage_node3.mediaDetails) === null || _featuredImage_node_mediaDetails1 === void 0 ? void 0 : _featuredImage_node_mediaDetails1.width\n        };\n    }\n    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n        className: (important_problem_tile_module_default()).resource_listing__tile,\n        children: [\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                className: (important_problem_tile_module_default()).resource_listing__image_wrapper,\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                    href: \"/important-problems/\" + slug,\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"img\", {\n                        className: (important_problem_tile_module_default()).resource_listing__image,\n                        src: image.src,\n                        alt: \"RMR Logo\"\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                className: (important_problem_tile_module_default()).resource_listing__category,\n                children: importantProblemCategories && (importantProblemCategories === null || importantProblemCategories === void 0 ? void 0 : importantProblemCategories.nodes.length) > 0 && (importantProblemCategories === null || importantProblemCategories === void 0 ? void 0 : importantProblemCategories.nodes[0].name)\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                href: \"/important-problems/\" + slug,\n                className: (important_problem_tile_module_default()).resource_listing__title_link,\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h3\", {\n                    className: (important_problem_tile_module_default()).resource_listing__title,\n                    children: title\n                })\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                className: (important_problem_tile_module_default()).resource_listing__excerpt,\n                children: excerpt\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)((link_default()), {\n                href: \"/important-problems/\" + slug,\n                className: (important_problem_tile_module_default()).resource_listing__link,\n                children: \"Read more\"\n            })\n        ]\n    });\n}\n\n// EXTERNAL MODULE: ./components/layout.tsx + 17 modules\nvar layout = __webpack_require__(9050);\n// EXTERNAL MODULE: ./lib/api.ts\nvar api = __webpack_require__(1895);\n// EXTERNAL MODULE: ./lib/graphql-fragments/pageMeta.ts\nvar pageMeta = __webpack_require__(3572);\n;// CONCATENATED MODULE: ./lib/queries/important-problems/getAllImportantProblems.ts\n\n\nasync function getAllImportantProblems(cursor) {\n    const data = await (0,api/* fetchAPI */.I)(\"\\n    query ImportantProblems {\\n      importantProblems(first: 12) {\\n        edges {\\n          node {\\n            slug\\n            excerpt\\n            featuredImage {\\n              node {\\n                sourceUrl\\n                mediaDetails {\\n                  height\\n                  width\\n                }\\n              }\\n            }\\n            title\\n            date\\n            importantProblemCategories {\\n              nodes {\\n                importantProblemCategoryId\\n                name\\n                slug\\n              }\\n            }\\n          }\\n        }\\n        pageInfo {\\n          endCursor\\n          hasNextPage\\n          hasPreviousPage\\n        }\\n      }\\n      generalSettings {\\n        title\\n      }     \\n      \".concat(pageMeta/* PAGE_META */.um, \"\\n      importantProblemCategories {\\n        edges {\\n          node {\\n            importantProblemCategoryId\\n            slug\\n            name\\n            link\\n          }\\n        }\\n      }\\n    }\\n  \"), {});\n    return data;\n}\n\n// EXTERNAL MODULE: ./node_modules/next/head.js\nvar head = __webpack_require__(9008);\nvar head_default = /*#__PURE__*/__webpack_require__.n(head);\n// EXTERNAL MODULE: ./components/loader.tsx + 1 modules\nvar loader = __webpack_require__(4807);\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(7294);\n// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/TransitionGroup.js + 2 modules\nvar TransitionGroup = __webpack_require__(9747);\n// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/CSSTransition.js + 5 modules\nvar CSSTransition = __webpack_require__(5071);\n// EXTERNAL MODULE: ./lib/account.ts + 4 modules\nvar lib_account = __webpack_require__(3373);\n;// CONCATENATED MODULE: ./pages/important-problems/index.tsx\n\n\n\n\n\n\n\n\n\n\n\n\nasync function loadPage() {\n    var _allImportantProblems_importantProblems, _allImportantProblems_importantProblemCategories, _allImportantProblems_importantProblems1, _allImportantProblems_themeSettings, _allImportantProblems_themeSettings1;\n    const allImportantProblems = await getAllImportantProblems(\"\");\n    return {\n        importantProblems: allImportantProblems === null || allImportantProblems === void 0 ? void 0 : (_allImportantProblems_importantProblems = allImportantProblems.importantProblems) === null || _allImportantProblems_importantProblems === void 0 ? void 0 : _allImportantProblems_importantProblems.edges,\n        importantProblemCategories: allImportantProblems === null || allImportantProblems === void 0 ? void 0 : (_allImportantProblems_importantProblemCategories = allImportantProblems.importantProblemCategories) === null || _allImportantProblems_importantProblemCategories === void 0 ? void 0 : _allImportantProblems_importantProblemCategories.edges,\n        pageInfo: allImportantProblems === null || allImportantProblems === void 0 ? void 0 : (_allImportantProblems_importantProblems1 = allImportantProblems.importantProblems) === null || _allImportantProblems_importantProblems1 === void 0 ? void 0 : _allImportantProblems_importantProblems1.pageInfo,\n        header: {\n            generalSettings: allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.generalSettings,\n            themeSettings: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : (_allImportantProblems_themeSettings = allImportantProblems.themeSettings) === null || _allImportantProblems_themeSettings === void 0 ? void 0 : _allImportantProblems_themeSettings.themeSettings) || null,\n            menu: allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.menu\n        },\n        footer: {\n            footerColOneMenu: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.footerColOneMenu) || {},\n            footerColTwoMenu: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.footerColTwoMenu) || {},\n            footerColThreeMenu: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.footerColThreeMenu) || {},\n            footerConnectMenu: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : allImportantProblems.footerConnectMenu) || {},\n            themeSettings: (allImportantProblems === null || allImportantProblems === void 0 ? void 0 : (_allImportantProblems_themeSettings1 = allImportantProblems.themeSettings) === null || _allImportantProblems_themeSettings1 === void 0 ? void 0 : _allImportantProblems_themeSettings1.themeSettings) || null\n        }\n    };\n}\nvar __N_SSG = true;\nfunction ImportantProblems(param) {\n    let { importantProblemsData  } = param;\n    var _data_pageInfo, _data_header, _data_header_generalSettings;\n    const router = (0,next_router.useRouter)();\n    const [data, setData] = (0,react.useState)(importantProblemsData);\n    const [account, setAccount] = (0,react.useState)(undefined);\n    (0,react.useEffect)(()=>{\n        setAccount((0,lib_account/* initAccount */.Br)());\n        async function fetchData() {\n            const data = await loadPage();\n            if (data) {\n                setData(data);\n            }\n            const account = await (0,lib_account/* loadAccount */.Mx)();\n            setAccount(account);\n        }\n        fetchData();\n    }, []);\n    const [categoryToShow, setCategoryToShow] = (0,react.useState)(false);\n    const [categoryIdToShow, setCategoryIdToShow] = (0,react.useState)(false);\n    const [postsToShow, setPostsToShow] = (0,react.useState)([]);\n    const [nextCursor, setNextCursor] = (0,react.useState)(false);\n    const [hasNextPage, setHasNextPage] = (0,react.useState)(false);\n    const [loadingMorePosts, setLoadingMorePosts] = (0,react.useState)(false);\n    const currentPosts = postsToShow && categoryToShow || postsToShow && data && data.importantProblems && postsToShow.length > data.importantProblems.length ? postsToShow : data.importantProblems;\n    const currentCursor = nextCursor && hasNextPage ? nextCursor : (_data_pageInfo = data.pageInfo) === null || _data_pageInfo === void 0 ? void 0 : _data_pageInfo.endCursor;\n    return /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* default */.Z, {\n        header: data.header,\n        footer: data.footer,\n        account: account,\n        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(container/* default */.Z, {\n            children: router.isFallback ? /*#__PURE__*/ (0,jsx_runtime.jsx)(loader/* default */.Z, {}) : /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n                children: [\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)((head_default()), {\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"title\", {\n                            children: [\n                                \"Important Problems - \",\n                                (_data_header = data.header) === null || _data_header === void 0 ? void 0 : (_data_header_generalSettings = _data_header.generalSettings) === null || _data_header_generalSettings === void 0 ? void 0 : _data_header_generalSettings.title\n                            ]\n                        })\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(\"h2\", {\n                        className: (important_problems_module_default()).resources_title,\n                        children: \"Important Problems\"\n                    }),\n                    /*#__PURE__*/ (0,jsx_runtime.jsx)(TransitionGroup/* default */.Z, {\n                        className: \"todo-list\",\n                        children: currentPosts && currentPosts.length > 0 ? /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: (important_problems_module_default()).resource_listing__wrapper,\n                            children: Object.values(currentPosts).map(function(post, i) {\n                                var _post_node, _post_node1, _post_node2, _post_node3, _post_node4;\n                                return /*#__PURE__*/ (0,jsx_runtime.jsx)(CSSTransition/* default */.Z, {\n                                    timeout: 500,\n                                    className: \"resource_listing__tile_wrapper\",\n                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ImportantProblemTile, {\n                                        title: post === null || post === void 0 ? void 0 : (_post_node = post.node) === null || _post_node === void 0 ? void 0 : _post_node.title,\n                                        featuredImage: post === null || post === void 0 ? void 0 : (_post_node1 = post.node) === null || _post_node1 === void 0 ? void 0 : _post_node1.featuredImage,\n                                        importantProblemCategories: post === null || post === void 0 ? void 0 : (_post_node2 = post.node) === null || _post_node2 === void 0 ? void 0 : _post_node2.importantProblemCategories,\n                                        slug: post === null || post === void 0 ? void 0 : (_post_node3 = post.node) === null || _post_node3 === void 0 ? void 0 : _post_node3.slug,\n                                        excerpt: post === null || post === void 0 ? void 0 : (_post_node4 = post.node) === null || _post_node4 === void 0 ? void 0 : _post_node4.excerpt\n                                    }, i)\n                                }, i);\n                            })\n                        }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: (important_problems_module_default()).resources__no_posts,\n                            children: \"No Posts\"\n                        })\n                    })\n                ]\n            })\n        })\n    });\n}\n\n\n/***/ }),\n\n/***/ 7623:\n/***/ (function() {\n\n// extracted by mini-css-extract-plugin\n\n/***/ }),\n\n/***/ 5095:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"loader_wrapper\":\"loader_loader_wrapper__Mov1C\"};\n\n/***/ }),\n\n/***/ 2478:\n/***/ (function() {\n\n// extracted by mini-css-extract-plugin\n\n/***/ }),\n\n/***/ 2703:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n\"use strict\";\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n\nvar ReactPropTypesSecret = __webpack_require__(414);\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n\n\n/***/ }),\n\n/***/ 5697:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (false) { var throwOnDirectAccess, ReactIs; } else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = __webpack_require__(2703)();\n}\n\n\n/***/ }),\n\n/***/ 414:\n/***/ (function(module) {\n\n\"use strict\";\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n\n\n/***/ }),\n\n/***/ 9747:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"Z\": function() { return /* binding */ esm_TransitionGroup; }\n});\n\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js\nvar objectWithoutPropertiesLoose = __webpack_require__(3366);\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js\nvar esm_extends = __webpack_require__(7462);\n;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js + 1 modules\nvar inheritsLoose = __webpack_require__(5068);\n// EXTERNAL MODULE: ./node_modules/prop-types/index.js\nvar prop_types = __webpack_require__(5697);\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(7294);\n// EXTERNAL MODULE: ./node_modules/react-transition-group/esm/TransitionGroupContext.js\nvar TransitionGroupContext = __webpack_require__(220);\n;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/utils/ChildMapping.js\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\n\nfunction getChildMapping(children, mapFn) {\n  var mapper = function mapper(child) {\n    return mapFn && (0,react.isValidElement)(child) ? mapFn(child) : child;\n  };\n\n  var result = Object.create(null);\n  if (children) react.Children.map(children, function (c) {\n    return c;\n  }).forEach(function (child) {\n    // run the map function here instead so that the key is the computed one\n    result[child.key] = mapper(child);\n  });\n  return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nfunction mergeChildMappings(prev, next) {\n  prev = prev || {};\n  next = next || {};\n\n  function getValueForKey(key) {\n    return key in next ? next[key] : prev[key];\n  } // For each key of `next`, the list of keys to insert before that key in\n  // the combined list\n\n\n  var nextKeysPending = Object.create(null);\n  var pendingKeys = [];\n\n  for (var prevKey in prev) {\n    if (prevKey in next) {\n      if (pendingKeys.length) {\n        nextKeysPending[prevKey] = pendingKeys;\n        pendingKeys = [];\n      }\n    } else {\n      pendingKeys.push(prevKey);\n    }\n  }\n\n  var i;\n  var childMapping = {};\n\n  for (var nextKey in next) {\n    if (nextKeysPending[nextKey]) {\n      for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n        var pendingNextKey = nextKeysPending[nextKey][i];\n        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n      }\n    }\n\n    childMapping[nextKey] = getValueForKey(nextKey);\n  } // Finally, add the keys which didn't appear before any key in `next`\n\n\n  for (i = 0; i < pendingKeys.length; i++) {\n    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n  }\n\n  return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n  return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n  return getChildMapping(props.children, function (child) {\n    return (0,react.cloneElement)(child, {\n      onExited: onExited.bind(null, child),\n      in: true,\n      appear: getProp(child, 'appear', props),\n      enter: getProp(child, 'enter', props),\n      exit: getProp(child, 'exit', props)\n    });\n  });\n}\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n  var nextChildMapping = getChildMapping(nextProps.children);\n  var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n  Object.keys(children).forEach(function (key) {\n    var child = children[key];\n    if (!(0,react.isValidElement)(child)) return;\n    var hasPrev = (key in prevChildMapping);\n    var hasNext = (key in nextChildMapping);\n    var prevChild = prevChildMapping[key];\n    var isLeaving = (0,react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n    if (hasNext && (!hasPrev || isLeaving)) {\n      // console.log('entering', key)\n      children[key] = (0,react.cloneElement)(child, {\n        onExited: onExited.bind(null, child),\n        in: true,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    } else if (!hasNext && hasPrev && !isLeaving) {\n      // item is old (exiting)\n      // console.log('leaving', key)\n      children[key] = (0,react.cloneElement)(child, {\n        in: false\n      });\n    } else if (hasNext && hasPrev && (0,react.isValidElement)(prevChild)) {\n      // item hasn't changed transition states\n      // copy over the last transition props;\n      // console.log('unchanged', key)\n      children[key] = (0,react.cloneElement)(child, {\n        onExited: onExited.bind(null, child),\n        in: prevChild.props.in,\n        exit: getProp(child, 'exit', nextProps),\n        enter: getProp(child, 'enter', nextProps)\n      });\n    }\n  });\n  return children;\n}\n;// CONCATENATED MODULE: ./node_modules/react-transition-group/esm/TransitionGroup.js\n\n\n\n\n\n\n\n\n\nvar values = Object.values || function (obj) {\n  return Object.keys(obj).map(function (k) {\n    return obj[k];\n  });\n};\n\nvar defaultProps = {\n  component: 'div',\n  childFactory: function childFactory(child) {\n    return child;\n  }\n};\n/**\n * The `<TransitionGroup>` component manages a set of transition components\n * (`<Transition>` and `<CSSTransition>`) in a list. Like with the transition\n * components, `<TransitionGroup>` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the `<TransitionGroup>`.\n *\n * Note that `<TransitionGroup>`  does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n  (0,inheritsLoose/* default */.Z)(TransitionGroup, _React$Component);\n\n  function TransitionGroup(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n\n    var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n    _this.state = {\n      contextValue: {\n        isMounting: true\n      },\n      handleExited: handleExited,\n      firstRender: true\n    };\n    return _this;\n  }\n\n  var _proto = TransitionGroup.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.mounted = true;\n    this.setState({\n      contextValue: {\n        isMounting: false\n      }\n    });\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.mounted = false;\n  };\n\n  TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n    var prevChildMapping = _ref.children,\n        handleExited = _ref.handleExited,\n        firstRender = _ref.firstRender;\n    return {\n      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n      firstRender: false\n    };\n  } // node is `undefined` when user provided `nodeRef` prop\n  ;\n\n  _proto.handleExited = function handleExited(child, node) {\n    var currentChildMapping = getChildMapping(this.props.children);\n    if (child.key in currentChildMapping) return;\n\n    if (child.props.onExited) {\n      child.props.onExited(node);\n    }\n\n    if (this.mounted) {\n      this.setState(function (state) {\n        var children = (0,esm_extends/* default */.Z)({}, state.children);\n\n        delete children[child.key];\n        return {\n          children: children\n        };\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        Component = _this$props.component,\n        childFactory = _this$props.childFactory,\n        props = (0,objectWithoutPropertiesLoose/* default */.Z)(_this$props, [\"component\", \"childFactory\"]);\n\n    var contextValue = this.state.contextValue;\n    var children = values(this.state.children).map(childFactory);\n    delete props.appear;\n    delete props.enter;\n    delete props.exit;\n\n    if (Component === null) {\n      return /*#__PURE__*/react.createElement(TransitionGroupContext/* default.Provider */.Z.Provider, {\n        value: contextValue\n      }, children);\n    }\n\n    return /*#__PURE__*/react.createElement(TransitionGroupContext/* default.Provider */.Z.Provider, {\n      value: contextValue\n    }, /*#__PURE__*/react.createElement(Component, props, children));\n  };\n\n  return TransitionGroup;\n}(react.Component);\n\nTransitionGroup.propTypes =  false ? 0 : {};\nTransitionGroup.defaultProps = defaultProps;\n/* harmony default export */ var esm_TransitionGroup = (TransitionGroup);\n\n/***/ })\n\n},\n/******/ function(__webpack_require__) { // webpackRuntimeModules\n/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }\n/******/ __webpack_require__.O(0, [477,71,426,774,888,179], function() { return __webpack_exec__(9041); });\n/******/ var __webpack_exports__ = __webpack_require__.O();\n/******/ _N_E = __webpack_exports__;\n/******/ }\n]);"],"names":["self","push","module","exports","__WEBPACK_AMD_DEFINE_RESULT__","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","default","undefined","__unused_webpack_module","__unused_webpack_exports","__webpack_require__","window","__NEXT_P","__webpack_exports__","d","Loader","jsx_runtime","loader_module","loader_module_default","n","next_image","image_default","classnames","classnames_default","rmr_loader","param","className","jsx","loader_wrapper","children","src","alt","height","width","fetchAPI","_sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__","API_URL","concat","query","variables","res","fetch","method","headers","body","JSON","stringify","keepalive","json","errors","data","e","Tb","extra","PAGE_META_LISTING","PAGE_META","r","__N_SSG","ImportantProblems","important_problems_module","important_problems_module_default","next_router","container","important_problem_tile_module","important_problem_tile_module_default","next_link","link_default","roy_morgan_logo","ImportantProblemTile","_featuredImage_node","_featuredImage_node1","_featuredImage_node2","_featuredImage_node_mediaDetails","_featuredImage_node3","_featuredImage_node_mediaDetails1","title","featuredImage","importantProblemCategories","slug","excerpt","image","Z","node","sourceUrl","mediaDetails","jsxs","resource_listing__tile","resource_listing__image_wrapper","href","resource_listing__image","resource_listing__category","nodes","name","resource_listing__title_link","resource_listing__title","resource_listing__excerpt","resource_listing__link","layout","api","pageMeta","getAllImportantProblems","cursor","I","um","head","head_default","loader","react","TransitionGroup","CSSTransition","lib_account","loadPage","_allImportantProblems_importantProblems","_allImportantProblems_importantProblemCategories","_allImportantProblems_importantProblems1","_allImportantProblems_themeSettings","_allImportantProblems_themeSettings1","allImportantProblems","importantProblems","edges","pageInfo","header","generalSettings","themeSettings","menu","footer","footerColOneMenu","footerColTwoMenu","footerColThreeMenu","footerConnectMenu","_data_pageInfo","_data_header","_data_header_generalSettings","importantProblemsData","router","useRouter","setData","useState","account","setAccount","useEffect","Br","fetchData","Mx","categoryToShow","setCategoryToShow","categoryIdToShow","setCategoryIdToShow","postsToShow","setPostsToShow","nextCursor","setNextCursor","hasNextPage","setHasNextPage","loadingMorePosts","setLoadingMorePosts","currentPosts","endCursor","isFallback","Fragment","resources_title","resource_listing__wrapper","values","map","post","_post_node","_post_node1","_post_node2","_post_node3","_post_node4","timeout","resources__no_posts","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","props","propName","componentName","location","propFullName","secret","err","getShim","isRequired","ReactPropTypes","array","bool","func","number","object","string","symbol","any","arrayOf","element","elementType","instanceOf","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes","esm_TransitionGroup","objectWithoutPropertiesLoose","esm_extends","inheritsLoose","TransitionGroupContext","getChildMapping","mapFn","result","create","Children","c","forEach","child","isValidElement","getProp","prop","obj","keys","k","_React$Component","context","_this","handleExited","bind","_assertThisInitialized","state","contextValue","isMounting","firstRender","_proto","componentDidMount","mounted","setState","componentWillUnmount","getDerivedStateFromProps","nextProps","_ref","nextChildMapping","prevChildMapping","cloneElement","onExited","in","appear","enter","exit","mergeChildMappings","prev","next","getValueForKey","nextKeysPending","pendingKeys","prevKey","childMapping","nextKey","pendingNextKey","hasPrev","hasNext","prevChild","isLeaving","currentChildMapping","render","_this$props","Component","component","childFactory","createElement","Provider","value","propTypes","defaultProps","O","s","_N_E"],"sourceRoot":""}