{"version":3,"sources":["webpack://_N_E/./src/components/ui/section-wrapper.tsx","webpack://_N_E/./src/components/ui/text.tsx","webpack://_N_E/./src/components/seo/seo.tsx","webpack://_N_E/./src/components/ui/section.tsx","webpack://_N_E/./src/styles/colors.ts","webpack://_N_E/./src/styles/spacing.ts","webpack://_N_E/./src/styles/font-size.ts","webpack://_N_E/./src/styles/theme-light.ts","webpack://_N_E/./src/styles/media-queries.ts","webpack://_N_E/./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?d2e8","webpack://_N_E/./src/styles/theme-dark.ts","webpack://_N_E/./src/components/switch-theme/switch-theme.tsx","webpack://_N_E/./src/styles/border-radius.ts","webpack://_N_E/./src/pages/choose-your-plan.tsx","webpack://_N_E/./src/styles/z-index.ts"],"names":["SectionWrapper","styled","div","noPadding","rem","theme","mediaQueries","medium","large","textStyles","css","components","text","Text","p","size","centerText","fontSize","SEO","pageTitle","title","description","image","siteSettings","useSiteSettings","ogImage","ogImageUrl","urlFor","width","height","url","twitterCardImageUrl","pageDescription","rel","sizes","href","type","name","content","property","Section","section","textAlign","background","defaultProps","this","palette","black","white","blue","lightBlue","greyLight","grey","greyDark","redDark","yellow","orange","orangeDark","green","greenLight","teal","moderate","high","extreme","catastrophic","preview","small","xLarge","borderRadius","colors","button","default","dark","secondary","transparent","border","download","heading","space","zIndex","baseUnits","em","xlarge","smallMax","window","__NEXT_P","push","SwitchTheme","props","currentTheme","to","themeDark","themeLight","children","ChooseYourPlan","isLoggedIn","useIsLoggedIn","mainBackground","backgroundImages","hero","subheading","smallTitle","APP_ROUTES","account","users","signIn"],"mappings":"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","file":"static/chunks/pages/choose-your-plan-bf47cfc2d58cb1e6e47f.js","sourcesContent":["import { rem } from 'polished';\nimport styled from 'styled-components';\n\ninterface WrapperProps {\n  noPadding?: boolean;\n}\n\nexport const SectionWrapper = styled.div<WrapperProps>`\n  --padding: ${({ noPadding }) => (noPadding ? 0 : rem(32))};\n\n  max-width: calc(640px + (var(--padding) * 2));\n  margin: 0 auto;\n  padding: var(--padding);\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    --padding: ${({ noPadding }) => (noPadding ? 0 : rem(60))};\n  }\n\n  ${({ theme }) => theme.mediaQueries.large} {\n    --padding: ${({ noPadding }) => (noPadding ? `0 ${rem(100)}` : rem(100))};\n  }\n`;\n","import { rem } from 'polished';\nimport styled, { css, Theme } from 'styled-components';\ninterface Props {\n  size?: keyof Theme['fontSize']['text'];\n  centerText?: boolean;\n}\n\nexport const textStyles = css`\n  display: block;\n  margin: 0;\n  margin-top: ${rem(20)};\n  margin-bottom: ${rem(40)};\n  color: ${({ theme }) => theme.components.text.text};\n  line-height: 1.3;\n`;\n\nexport const Text = styled.p<Props>`\n  ${({ theme, size = 'medium', centerText = false }) => {\n    return css`\n      ${textStyles}\n\n      font-size: ${theme.fontSize.text[size]};\n      text-align: ${centerText ? 'center' : 'inherit'};\n    `;\n  }}\n`;\n","import { urlFor } from 'api/cms';\nimport { useSiteSettings } from 'hooks/use-siteSettings';\nimport Head from 'next/head';\nimport PropTypes from 'prop-types';\nimport React, { FC } from 'react';\nimport { ImageBase } from 'types/sanity';\n\ninterface Props {\n  title: string;\n  description?: string;\n  image?: ImageBase;\n}\n\nconst SEO: FC<Props> = ({ title, description, image }) => {\n  const { siteSettings } = useSiteSettings();\n\n  const ogImage = image || siteSettings.image;\n  const ogImageUrl = ogImage && urlFor(ogImage).width(2048).height(1170).url();\n  const twitterCardImageUrl =\n    ogImage && urlFor(ogImage).width(1200).height(628).url();\n\n  let pageTitle: string;\n  if (title === siteSettings.title) {\n    pageTitle = title;\n  } else {\n    pageTitle = `${title} | ${siteSettings.title}`;\n  }\n\n  const pageDescription = description ?? siteSettings.description;\n\n  return (\n    <Head>\n      <title>{pageTitle}</title>\n      <link\n        rel='apple-touch-icon'\n        sizes='180x180'\n        href='/apple-touch-icon.png'\n      />\n      <link\n        rel='icon'\n        type='image/png'\n        sizes='32x32'\n        href='/favicon-32x32.png'\n      />\n      <link\n        rel='icon'\n        type='image/png'\n        sizes='16x16'\n        href='/favicon-16x16.png'\n      />\n      <link rel='manifest' href='/site.webmanifest' />\n      <meta name='theme-color' content='#000000' />\n      <meta property='og:title' content={pageTitle} />\n      <meta name='description' content={pageDescription} />\n      <meta property='og:description' content={pageDescription} />\n      <meta name='twitter:title' content={pageTitle} />\n      <meta name='twitter:description' content={pageDescription}></meta>\n      <meta name='twitter:card' content='summary' />\n      <meta name='twitter:site' content='@dfes_wa' />\n      {ogImage && ogImageUrl && twitterCardImageUrl && (\n        <>\n          <meta property='og:image' content={ogImageUrl} />\n          <meta name='twitter:image' content={twitterCardImageUrl} />\n        </>\n      )}\n    </Head>\n  );\n};\n\nSEO.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n};\n\nexport default SEO;\n","import styled, { css } from 'styled-components';\n\nexport interface SectionProps {\n  textAlign?: 'center' | 'left' | 'right';\n}\n\nexport const Section = styled.section<SectionProps>`\n  ${({ textAlign, theme }) => css`\n    text-align: ${textAlign};\n    background-color: ${theme.components.section.background};\n  `}\n`;\n\nSection.defaultProps = {\n  textAlign: 'left',\n};\n","export default {\n  get text() {\n    return this.palette.black;\n  },\n  get background() {\n    return this.palette.white;\n  },\n  get primary() {\n    return this.palette.white;\n  },\n  palette: {\n    blue: '#00294D',\n    lightBlue: '#2C7AFC',\n    black: '#000',\n    white: '#FFFFFF',\n    greyLight: '#D1D3D4',\n    grey: '#757575',\n    greyDark: '#222222',\n    redDark: '#A51B20',\n    yellow: '#ffc700',\n    orange: '#F99D1C',\n    orangeDark: '#FF7A00',\n    green: '#00A458',\n    greenLight: '#05DC78',\n    teal: '#009FD6',\n    moderate: '#64BF30',\n    high: '#FEDD3A',\n    extreme: '#F78100',\n    catastrophic: '#AD0909',\n  },\n  preview: '#0070f3',\n};\n","export default {\n  small: '1rem',\n} as const;\n","import { rem } from 'polished';\n\nexport default {\n  text: {\n    small: rem(14),\n    medium: rem(16),\n    large: rem(20),\n    xLarge: rem(24),\n  },\n};\n","import borderRadius from './border-radius';\nimport colors from './colors';\nimport fontSize from './font-size';\nimport mediaQueries from './media-queries';\nimport space from './spacing';\nimport zIndex from './z-index';\n\nexport default {\n  borderRadius,\n  colors: { ...colors },\n  components: {\n    button: {\n      background: {\n        default: colors.palette.redDark,\n        dark: colors.palette.black,\n        secondary: colors.palette.greyLight,\n        transparent: 'transparent',\n      },\n      border: {\n        default: colors.palette.redDark,\n        dark: colors.palette.white,\n        secondary: colors.palette.black,\n        transparent: colors.palette.black,\n      },\n      text: {\n        default: colors.palette.white,\n        dark: colors.palette.white,\n        secondary: colors.palette.black,\n        transparent: colors.palette.black,\n      },\n    },\n    download: {\n      text: colors.palette.black,\n      background: colors.palette.white,\n    },\n    text: {\n      text: colors.palette.black,\n    },\n    heading: {\n      text: colors.palette.black,\n    },\n    section: {\n      background: colors.palette.white,\n    },\n  },\n  fontSize,\n  space,\n  mediaQueries,\n  zIndex,\n};\n","import { em } from 'polished';\n\nexport const baseUnits = {\n  small: em(400),\n  medium: em(768),\n  large: em(1024),\n  xlarge: em(1200),\n};\n\nexport default {\n  /** 400px */\n  small: `@media screen and (min-width: ${baseUnits.small})`,\n  /** 768px */\n  medium: `@media screen and (min-width: ${baseUnits.medium})`,\n  /** 1024px */\n  large: `@media screen and (min-width: ${baseUnits.large})`,\n  /** 1200px */\n  xlarge: `@media screen and (min-width: ${baseUnits.xlarge})`,\n  // This media query is used to handle the maximum screen size of mobile (400px)\n  smallMax: `@media screen and (max-width: ${baseUnits.small})`,\n};\n","\n      (window.__NEXT_P = window.__NEXT_P || []).push([\n        \"/choose-your-plan\",\n        function () {\n          return require(\"private-next-pages/choose-your-plan.tsx\");\n        }\n      ]);\n    ","import borderRadius from './border-radius';\nimport colors from './colors';\nimport fontSize from './font-size';\nimport mediaQueries from './media-queries';\nimport space from './spacing';\nimport zIndex from './z-index';\n\nexport default {\n  borderRadius,\n  colors: { ...colors },\n  components: {\n    button: {\n      background: {\n        default: colors.palette.redDark,\n        dark: colors.palette.black,\n        secondary: colors.palette.greyLight,\n        transparent: 'transparent',\n      },\n      border: {\n        default: colors.palette.redDark,\n        dark: colors.palette.white,\n        secondary: colors.palette.greyLight,\n        transparent: 'transparent',\n      },\n      text: {\n        default: colors.palette.white,\n        dark: colors.palette.white,\n        secondary: colors.palette.black,\n        transparent: colors.palette.black,\n      },\n    },\n    download: {\n      text: colors.palette.white,\n      background: colors.palette.black,\n    },\n    text: {\n      text: colors.palette.white,\n    },\n    heading: {\n      text: colors.palette.white,\n    },\n    section: {\n      background: colors.palette.black,\n    },\n  },\n  fontSize,\n  space,\n  mediaQueries,\n  zIndex,\n};\n","import PropTypes from 'prop-types';\nimport React, { FC } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport themeDark from 'styles/theme-dark';\nimport themeLight from 'styles/theme-light';\n\ninterface Props {\n  to?: 'light' | 'dark';\n}\n\nconst SwitchTheme: FC<Props> = (props) => {\n  let currentTheme;\n\n  if (props.to === 'dark') {\n    currentTheme = {\n      ...themeDark,\n    };\n  } else {\n    currentTheme = {\n      ...themeLight,\n    };\n  }\n\n  return <ThemeProvider theme={currentTheme}>{props.children}</ThemeProvider>;\n};\n\nSwitchTheme.defaultProps = {\n  to: 'light',\n};\n\nSwitchTheme.propTypes = {\n  to: PropTypes.oneOf(['light', 'dark']),\n};\n\nexport default SwitchTheme;\n","export default {\n  small: '4px',\n  medium: '20px',\n  large: '100px',\n} as const;\n","import Hero from 'components/hero';\nimport Layout from 'components/layout';\nimport SEO from 'components/seo';\nimport SwitchTheme from 'components/switch-theme';\nimport { Section } from 'components/ui/section';\nimport { SectionWrapper } from 'components/ui/section-wrapper';\nimport { Text } from 'components/ui/text';\nimport { useIsLoggedIn } from 'hooks/use-is-loggedIn';\nimport { NextPage } from 'next';\nimport Head from 'next/head';\nimport Link from 'next/link';\nimport { backgroundImages } from 'utils/config';\nimport APP_ROUTES from 'utils/routes';\n\nconst ChooseYourPlan: NextPage = () => {\n  const isLoggedIn = useIsLoggedIn();\n\n  return (\n    <>\n      <SEO\n        title=''\n        description='What will you do if there is a bushfire? Create a bushfire survival plan in 15 minutes or less. Download the app or fill in the survey on the site.'\n      />\n      <Head>\n        <title>My Bushfire Plan WA: Prepare for an Emergency - DFES</title>\n      </Head>\n      <Layout mainBackground={backgroundImages.hero}>\n        <Hero subheading='Choose your plan' smallTitle>\n          <Text size='small'>\n            A bushfire plan can help keep you and your family safe. Create one\n            now in under 15 minutes.\n          </Text>\n        </Hero>\n        {!isLoggedIn ? (\n          <SwitchTheme to='dark'>\n            <Section>\n              <SectionWrapper noPadding>\n                <Text centerText>\n                  Already have an account?{' '}\n                  <Link href={APP_ROUTES.users.signIn}>\n                    <a>Login</a>\n                  </Link>\n                </Text>\n              </SectionWrapper>\n            </Section>\n          </SwitchTheme>\n        ) : (\n          <SwitchTheme to='dark'>\n            <Section>\n              <SectionWrapper noPadding>\n                <Text centerText>\n                  Already have a plan? Update an existing plan&nbsp;\n                  <Link href={APP_ROUTES.account}>\n                    <a>here</a>\n                  </Link>\n                </Text>\n              </SectionWrapper>\n            </Section>\n          </SwitchTheme>\n        )}\n      </Layout>\n    </>\n  );\n};\n\nexport default ChooseYourPlan;\n","export default {\n  ...[\n    0, // default\n    1, // hover/focus\n    2, // active\n    10, // modal-backdrop\n    20, // modal\n    30, // popover\n    40, // tooltip\n  ],\n};\n"],"sourceRoot":""}