{"version":3,"file":"static/chunks/pages/[form]/thanks-7c0dc41885610002.js","mappings":"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","sources":["webpack://_N_E/./components/single-donation/GiftAidConfirmation.tsx","webpack://_N_E/./data/researchAreas.ts","webpack://_N_E/./helpers/useOptimizelyTrack.ts","webpack://_N_E/./components/single-donation/ThankYouUpsellBanner.tsx","webpack://_N_E/./components/single-donation/forms/ThankYou.tsx","webpack://_N_E/./pages/[form]/thanks.tsx","webpack://_N_E/?16e6"],"sourcesContent":["import React, { useContext, HTMLAttributes, ReactElement } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { ThemeType } from \"@cruk/cruk-react-components\";\nimport ThemeNameContext from \"../../contexts/ThemeNameContext\";\n\ntype WrapperProps = HTMLAttributes & {\n giftaidAdded: boolean;\n theme?: ThemeType;\n};\n\ntype GiftAidProps = {\n hasGiftAid: boolean;\n};\n\ntype GiftAidDivProps = HTMLAttributes & {\n formTheme: string;\n theme?: ThemeType;\n};\n\nconst GiftAidLogo = styled.div`\n width: 200px;\n margin: ${({ theme }) => theme.spacing.s} 0 ${({ theme }) =>\n theme.spacing.xs}};\n`;\n\nconst CircleContainer = styled.div`\n ${({ theme, formTheme }: GiftAidDivProps) =>\n formTheme === \"CRUK\" &&\n css`\n position: relative;\n display: inline-block;\n margin-bottom: ${theme.spacing.xs};\n `}\n`;\n\nconst TextCircle = styled.div`\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n font-size: 1.6rem;\n line-height: 2rem;\n color: ${({ theme }) => theme.tokenColors.black};\n\n ${({ theme, formTheme }: GiftAidDivProps) =>\n (formTheme === \"CRUK\" &&\n css`\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 1.5rem;\n width: 192px;\n height: 192px;\n border-radius: 50%;\n background-color: ${theme.tokenColors.grey_300};\n `) ||\n css`\n max-width: 225px;\n text-transform: uppercase;\n `}\n`;\n\nconst SmallCircle = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n padding: 1.3rem 0;\n background-color: ${({ theme }) => theme.colors.primary};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n font-size: 1.5rem;\n color: ${({ theme }) => theme.tokenColors.white};\n text-align: center;\n\n ${({ giftaidAdded }: WrapperProps) =>\n giftaidAdded &&\n css`\n bottom: 0;\n top: auto;\n `}\n`;\n\nconst Tick = styled.span`\n position: absolute;\n left: 16px;\n top: 22px;\n`;\n\nconst SU2CTick = styled.img`\n width: 170px;\n`;\n\nconst GiftAidConfirmation = ({ hasGiftAid }: GiftAidProps): ReactElement => {\n const formTheme = useContext(ThemeNameContext);\n\n if (hasGiftAid) {\n return (\n <>\n \n \"giftaid\n \n \n 25% Gift Aid added\n {formTheme === \"SU2C\" ? (\n \n ) : (\n \n \n \"\"\n \n \n )}\n \n\n

\n You have added Gift Aid meaning your donation is worth 25% more to us\n at no extra charge to you.\n

\n

\n \n See more on how Gift Aid works\n \n .\n

\n \n );\n }\n return (\n <>\n \n \"giftaid\n \n\n {formTheme === \"CRUK\" ? (\n \n Your donation\n +25%\n \n ) : (\n \"\"\n )}\n\n

\n Are you a UK taxpayer? You can still add Gift Aid to your donation\n making it worth 25% more at no extra cost to you.{\" \"}\n \n Find out more about Gift Aid\n \n .\n

\n \n );\n};\n\nexport default GiftAidConfirmation;\n","const researchAreas = [\n {\n label: \"Bowel cancer\",\n value: \"RES005\",\n },\n {\n label: \"Brain tumours\",\n value: \"RES038\",\n },\n {\n label: \"Breast cancer\",\n value: \"RES003\",\n },\n {\n label: \"Children's cancers\",\n value: \"RES814\",\n },\n {\n label: \"Developing better treatments\",\n value: \"RES828\",\n },\n {\n label: \"Diagnosing cancer early\",\n value: \"RES769\",\n },\n {\n label: \"Leukaemia\",\n value: \"RES009\",\n },\n {\n label: \"Lung cancer\",\n value: \"RES004\",\n },\n {\n label: \"Lymphoma\",\n value: \"RES010\",\n },\n {\n label: \"Oesophageal cancer\",\n value: \"RES085\",\n },\n {\n label: \"Ovarian cancer\",\n value: \"RES008\",\n },\n {\n label: \"Pancreatic cancer\",\n value: \"RES011\",\n },\n {\n label: \"Preventing cancer\",\n value: \"RES813\",\n },\n {\n label: \"Prostate cancer\",\n value: \"RES006\",\n },\n {\n label: \"Rare cancers\",\n value: \"RES829\",\n },\n {\n label: \"Skin cancer\",\n value: \"RES490\",\n },\n {\n label: \"The cancer type or area of research isn't listed\",\n value: \"Unlisted\",\n },\n] as const;\n\nexport type RestrictionCode = Exclude<\n typeof researchAreas[number][\"value\"],\n \"Unlisted\"\n>;\n\nexport default [...researchAreas];\n","import type { Client, OptimizelyUserContext } from \"@optimizely/optimizely-sdk\";\nimport { useEffect, useState } from \"react\";\n\ntype Props = {\n client: Client;\n user: OptimizelyUserContext;\n event: string;\n donationAmount?: string;\n calculateRevenue?: (amount: number) => number;\n};\n\nconst useOptimizelyTrack = ({\n client,\n user,\n event,\n donationAmount,\n calculateRevenue,\n}: Props) => {\n const [hasTracked, setHasTracked] = useState(false);\n\n const optimizelyTracking = () => {\n if (\n typeof calculateRevenue !== \"undefined\" &&\n typeof donationAmount !== \"undefined\"\n ) {\n user?.trackEvent(event, {\n revenue: calculateRevenue(Number(donationAmount)),\n });\n }\n user?.trackEvent(event);\n };\n\n useEffect(() => {\n if (client && !hasTracked) {\n optimizelyTracking();\n setHasTracked(true);\n }\n }, [client]);\n};\n\nexport default useOptimizelyTrack;\n","import React, { useContext, ReactElement } from \"react\";\nimport styled from \"styled-components\";\nimport { Button, Heading, Text } from \"@cruk/cruk-react-components\";\nimport { ThemeStyledProps } from \"../../helpers/types/shared\";\nimport { ExtendedBoxWrapper, MaxWidth } from \"../styles\";\nimport FormNameContext from \"../../contexts/FormNameContext\";\n\nconst UpsellBanner = styled.div`\n margin: ${({ theme }: ThemeStyledProps) =>\n `${theme.spacing.m} -${theme.spacing.s}`};\n padding: ${({ theme }) => theme.spacing.xxs} ${({ theme }) => theme.spacing.s}\n ${({ theme }) => theme.spacing.xs};\n background-color: ${({ theme }) => theme.colors.primary};\n`;\n\nconst ThankYouUpsellBanner = (): ReactElement => {\n const formName = useContext(FormNameContext);\n\n return (\n \n \n \n \n Could you increase your impact?\n \n \n Our researchers are working tirelessly every month. Regular giving\n helps us to plan for the future, so we can fund more life-saving\n treatments.\n \n \n Our community of monthly givers are achieving so much together. Will\n you join them?\n \n \n Yes, I’d like to give monthly\n \n \n \n \n );\n};\n\nexport default ThankYouUpsellBanner;\n","import React, { useContext, useEffect, useState, ReactElement } from \"react\";\nimport styled from \"styled-components\";\nimport { Heading } from \"@cruk/cruk-react-components\";\nimport { ThemeStyledProps } from \"../../../helpers/types/shared\";\n\n// CONFIG\nimport {\n getFormThemeName,\n getFormBrand,\n getFormAdmin,\n} from \"../../../configs/single-donation\";\n\n// STYLES\nimport { ExtendedBoxWrapper, PageContainer, MaxWidth } from \"../../styles\";\n\n// SCHEMA\nimport {\n initialFormValues,\n FormSchemaType,\n} from \"../../../schema/single-donation\";\n\n// CONTEXT\nimport FormNameContext from \"../../../contexts/FormNameContext\";\nimport DonationContext from \"../../../contexts/DonationContext\";\nimport VersionsContext from \"../../../contexts/VersionsContext\";\nimport { OptimizelyContext } from \"../../../contexts/OptimizelyContext\";\n\n// HELPERS\nimport { redirectToHomepage } from \"../../../helpers/functions/shared\";\nimport {\n getResearchAim,\n getDonationAmount,\n getValidFormVersions,\n} from \"../../../helpers/functions/single-donation\";\nimport useOptimizelyTrack from \"../../../helpers/useOptimizelyTrack\";\n\n// DATA\nimport researchAreas from \"../../../data/researchAreas\";\n\n// COMPONENTS\nimport PhoneNumber from \"../../PhoneNumber\";\nimport Email from \"../../Email\";\nimport GiftAidConfirmation from \"../GiftAidConfirmation\";\nimport ThankYouUpsellBanner from \"../ThankYouUpsellBanner\";\n\nconst MaxWidthContainer = styled.div`\n margin: ${({ theme }) => theme.spacing.m} auto 0;\n`;\n\nconst Infographic = styled.div`\n background-color: #ff8e00;\n padding: ${({ theme }: ThemeStyledProps) =>\n `${theme.spacing.xs} ${theme.spacing.s} ${theme.spacing.s}`};\n\n img {\n align-self: center;\n margin-right: ${({ theme }) => theme.spacing.xxs};\n }\n\n h2 {\n font-size: ${({ theme }) => theme.fontSizes.m};\n color: ${({ theme }) => theme.tokenColors.white};\n text-transform: uppercase;\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-align: center;\n }\n\n span {\n line-height: 1.2;\n display: block;\n text-transform: uppercase;\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoint.tablet}) {\n margin: 0 auto;\n\n h2 {\n max-width: 80%;\n margin: 0 auto;\n margin-bottom: ${({ theme }) => theme.fontSizes.m};\n }\n }\n`;\n\nconst InfographicFigures = styled.div`\n > div {\n text-align: center;\n margin-bottom: ${({ theme }) => theme.fontSizes.s};\n }\n\n img {\n width: 50px;\n height: 50px;\n }\n\n @media (min-width: ${({ theme }) => theme.breakpoint.tablet}) {\n display: flex;\n\n > div {\n text-align: left;\n width: 33%;\n display: flex;\n flex-direction: row;\n margin-bottom: 0;\n }\n }\n`;\n\nconst InfographicFigure = styled.span`\n font-size: ${({ theme }) => theme.fontSizes.xl};\n color: ${({ theme }) => theme.tokenColors.black};\n`;\n\nconst InfographicFigureText = styled.span`\n font-size: ${({ theme }) => theme.fontSizes.m};\n color: ${({ theme }) => theme.tokenColors.white};\n`;\n\ntype ThankYouPageProps = {\n donationData?: FormSchemaType;\n transactionId: string;\n};\n\nconst ThankYouPage = ({\n donationData,\n transactionId,\n}: ThankYouPageProps): ReactElement => {\n const [donationAmount, setDonationAmount] = useState(\"\");\n const { setFormVersion } = useContext(VersionsContext);\n const formName = useContext(FormNameContext);\n const formAdmin = getFormAdmin(formName);\n const { setDonationData } = useContext(DonationContext);\n const researchArea = donationData?.restriction\n ? researchAreas.find((area) => area.value === donationData.restriction)\n : \"\";\n const [optimizelyContext] = useContext(OptimizelyContext);\n const { optimizely, optimizelyUserContext } = optimizelyContext;\n\n useOptimizelyTrack({\n event: \"complete_single_donation\",\n client: optimizely,\n user: optimizelyUserContext,\n donationAmount,\n calculateRevenue: (amount) => amount * 100,\n });\n\n useEffect(() => {\n setDonationAmount(getDonationAmount(donationData));\n const urlParams = new URLSearchParams(window.location.search);\n if (\n sessionStorage.getItem(`formData-${formName}`) &&\n !JSON.parse(sessionStorage.getItem(`formData-${formName}`)).forename &&\n !urlParams.has(\"preventredirect\")\n ) {\n redirectToHomepage(getFormBrand(formName));\n }\n }, []);\n\n useEffect(() => {\n if (transactionId) {\n setDonationData(initialFormValues);\n sessionStorage.setItem(\n `formData-${formName}`,\n JSON.stringify(initialFormValues)\n );\n setFormVersion(\"\");\n // sessionStorage.clear();\n sessionStorage.removeItem(`paymentMethod-${formName}`);\n }\n }, [formName, setDonationData, transactionId]);\n\n return (\n \n \n \n \n Thank you {donationData?.forename} for your donation of £\n {donationAmount}\n \n\n {/* \n

Your donation has been processed successfully. We’re\n experiencing some issues with emails currently, but your donation\n has been taken and you’ll receive an email as soon as\n it’s fixed.

\n */}\n\n

\n {getFormThemeName(formName) === \"SU2C\"\n ? \"100% of your donation will fund life-saving cancer research. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign.\"\n : \"Your gift will help us continue our life-saving research in the fight against cancer.\"}\n

\n\n {donationData?.restriction &&\n researchArea &&\n researchArea.value !== \"Unlisted\" ? (\n

\n Your donation will help us {getResearchAim(researchArea)}.\n

\n ) : (\n \"\"\n )}\n\n

\n Your donation has been processed successfully and you should receive\n a receipt by email from us in the next hour.\n

\n \n \n\n {getValidFormVersions(formAdmin).includes(\"regular\") ? (\n \n ) : (\n \"\"\n )}\n\n \n \n {getFormThemeName(formName) === \"SU2C\" ? (\n

\n Every pound you give speeds up progress in life-saving research.\n Research that will get new tests and treatments to people who need\n them the most. Research that means more lives are saved.\n

\n ) : (\n \"\"\n )}\n\n \n Need help?\n \n\n

\n Your donation reference is {transactionId || \"\"}\n

\n\n {getFormThemeName(formName) === \"SU2C\" ? (\n

\n If you have any questions or experience any problems with your\n donation, please do not hesitate to get in touch on{\" \"}\n 0300 123 9024 or by email at{\" \"}\n info@standuptocancer.org.uk.\n

\n ) : (\n

\n If you have any questions or experience a problem with your\n donation, please{\" \"}\n email our\n Supporter Services team or call{\" \"}\n 0300 123 1022.\n

\n )}\n\n {donationData?.typeRadioGroup === \"yes\" ? (\n \n ) : (\n \"\"\n )}\n\n {getFormThemeName(formName) === \"SU2C\" ? (\n <>\n \n Why we’re Standing Up To Cancer\n \n

\n Cancer can affect anyone’s life, at any time. In fact, one\n in two of us* will be diagnosed with cancer in our lifetime, but\n we can do something about it. Stand Up To Cancer speeds up\n life-saving research by taking developments in the lab and\n accelerating them into new tests and treatments for people who\n need them.\n

\n

**Ahmed AS et al, British Journal of Cancer, 2015

\n\n \n \n

\n The research you fund will help us see 3 in 4 people in the\n UK survive their cancer by 2034\n

\n \n
\n \"\"\n
\n 1 in 4\n \n survived in the 1970s\n \n
\n
\n
\n \"\"\n
\n 2 in 4\n \n survive their cancer today\n \n
\n
\n
\n \"\"\n
\n 3 in 4\n \n will survive by 2034\n \n
\n
\n \n \n \n \n ) : (\n <>\n \n See some of the ways your support helps\n \n

\n We fund around 50% of all publicly funded cancer research here\n in the UK.{\" \"}\n \n Find out more about how your support helps.\n \n

\n \n )}\n \n \n \n );\n};\n\nexport default ThankYouPage;\n","// DEPENDENCIES\nimport React, { ReactElement } from \"react\";\n\n// CONFIG\nimport { config } from \"../../configs/single-donation\";\n\n// CONTEXTS\nimport FormNameContext from \"../../contexts/FormNameContext\";\n\n// COMPONENTS\nimport ThankYou from \"../../components/single-donation/forms/ThankYou\";\nimport DonationFormWrapper from \"../../components/single-donation/DonationFormWrapper\";\n\n// TYPES\nimport { PagePropTypes } from \"../../helpers/types/shared\";\n\nconst ThankYouPage = ({ params, page }: PagePropTypes): ReactElement => {\n const formName = params.form;\n const donationData =\n typeof window !== \"undefined\"\n ? JSON.parse(sessionStorage.getItem(`formData-${formName}`))\n : null;\n const transactionId =\n typeof window !== \"undefined\"\n ? sessionStorage.getItem(`transactionId-${formName}`)\n : \"\";\n const paymentMethod =\n typeof window !== \"undefined\"\n ? sessionStorage.getItem(`paymentMethod-${formName}`)\n : \"\";\n\n return (\n \n \n \n \n \n );\n};\n\nexport async function getStaticPaths() {\n const paths = [];\n for (const [key] of Object.entries(config)) {\n paths.push({ params: { form: key } });\n }\n\n return { paths, fallback: false };\n}\n\nexport async function getStaticProps({ params }: any) {\n return {\n props: { params, config: config[params.form], page: \"Thanks\" },\n };\n}\n\nexport default ThankYouPage;\n","\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/[form]/thanks\",\n function () {\n return require(\"private-next-pages/[form]/thanks.tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/[form]/thanks\"])\n });\n }\n "],"names":["GiftAidLogo","styled","theme","spacing","s","xs","CircleContainer","formTheme","css","TextCircle","typography","fontFamilyHeadings","tokenColors","black","grey_300","SmallCircle","colors","primary","white","giftaidAdded","Tick","SU2CTick","hasGiftAid","useContext","ThemeNameContext","src","alt","href","target","rel","label","value","client","user","event","donationAmount","calculateRevenue","useState","hasTracked","setHasTracked","useEffect","trackEvent","revenue","Number","UpsellBanner","m","xxs","formName","FormNameContext","paddingVertical","marginHorizontal","Heading","h3","textColor","Text","Button","type","appearance","MaxWidthContainer","Infographic","fontSizes","breakpoint","tablet","InfographicFigures","InfographicFigure","xl","InfographicFigureText","donationData","transactionId","setDonationAmount","setFormVersion","VersionsContext","formAdmin","getFormAdmin","setDonationData","DonationContext","researchArea","restriction","researchAreas","area","optimizelyContext","OptimizelyContext","optimizely","optimizelyUserContext","useOptimizelyTrack","amount","getDonationAmount","urlParams","URLSearchParams","window","location","search","sessionStorage","getItem","JSON","parse","forename","has","redirectToHomepage","getFormBrand","initialFormValues","setItem","stringify","removeItem","marginVertical","h2","textSize","getFormThemeName","getResearchAim","getValidFormVersions","includes","marginBottom","PhoneNumber","Email","mailto","typeRadioGroup","GiftAidConfirmation","giftAid","params","page","form","paymentMethod","DonationFormWrapper","ThankYou","__NEXT_P","push"],"sourceRoot":""}