{"version":3,"file":"static/chunks/pages/404-10f44496b6142ecc.js","mappings":"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","sources":["webpack://_N_E/../../node_modules/@cruk/cruk-react-components/lib/src/components/LabelWrapper/styles.js","webpack://_N_E/../../node_modules/@cruk/cruk-react-components/lib/src/components/LabelWrapper/index.js","webpack://_N_E/?718a","webpack://_N_E/./src/components/DrawingCanvas/index.tsx","webpack://_N_E/./src/components/DrawingCanvasControls/index.tsx","webpack://_N_E/./src/components/ErrorPage/index.tsx","webpack://_N_E/./src/pages/404.tsx"],"sourcesContent":["import{__makeTemplateObject as n}from\"../../../node_modules/tslib/tslib.es6.js\";import t from\"styled-components\";var o,e,i,a=t.label(o||(o=n([\"\\n  position: relative;\\n  display: block;\\n  width: 100%;\\n  font-family: \",\";\\n  font-weight: \",\";\\n\"],[\"\\n  position: relative;\\n  display: block;\\n  width: 100%;\\n  font-family: \",\";\\n  font-weight: \",\";\\n\"])),(function(n){return n.theme.typography.fontFamilyLabel}),(function(n){return n.theme.typography.fontWeightLabels})),f=t.span(e||(e=n([\"\\n  font-family: \",\";\\n  font-weight: \",\";\\n\"],[\"\\n  font-family: \",\";\\n  font-weight: \",\";\\n\"])),(function(n){return n.theme.typography.fontFamilyLabel}),(function(n){return n.theme.typography.fontWeightBase})),r=t.span(i||(i=n([\"\\n  font-family: \",\";\\n  font-weight: \",\";\\n  display: block;\\n  margin-bottom: \",\";\\n\"],[\"\\n  font-family: \",\";\\n  font-weight: \",\";\\n  display: block;\\n  margin-bottom: \",\";\\n\"])),(function(n){return n.theme.typography.fontFamilyLabel}),(function(n){return n.theme.typography.fontWeightLabels}),(function(n){var t=n.$hasHintText,o=n.theme;return t?o.spacing.xxs:o.spacing.xs}));export{a as Label,r as LabelText,f as RequiredText};\n//# sourceMappingURL=styles.js.map\n","import{__rest as e,__assign as t}from\"../../../node_modules/tslib/tslib.es6.js\";import r from\"react\";import{useTheme as l,ThemeProvider as n}from\"styled-components\";import{Text as i}from\"../Text/index.js\";import{crukTheme as m}from\"../../themes/cruk.js\";import{Label as o,LabelText as a,RequiredText as d}from\"./styles.js\";function s(s){var u=s.label,c=s.hintText,f=s.required,h=void 0!==f&&f,p=s.hideRequiredInLabel,b=void 0!==p&&p,x=s.children,E=e(s,[\"label\",\"hintText\",\"required\",\"hideRequiredInLabel\",\"children\"]),q=l(),j=t(t({},m),q),y=c&&(\"string\"==typeof c&&c.length||\"number\"==typeof c)?r.createElement(i,null,c):c;return r.createElement(n,{theme:j},u?r.createElement(o,t({},E),r.createElement(a,{$hasHintText:!!c},u,h&&!b&&r.createElement(d,null,\" (required)\")),y,x):r.createElement(r.Fragment,null,x))}export{s as LabelWrapper,s as default};\n//# sourceMappingURL=index.js.map\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/404\",\n      function () {\n        return require(\"private-next-pages/404.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/404\"])\n      });\n    }\n  ","import {\n  type MouseEventHandler,\n  type Ref,\n  type TouchEventHandler,\n  forwardRef,\n  memo,\n} from \"react\";\n\ntype Props = {\n  handleMouseDown: MouseEventHandler<HTMLCanvasElement>;\n  handleMouseUp: MouseEventHandler<HTMLCanvasElement>;\n  handleMouseMove: MouseEventHandler<HTMLCanvasElement>;\n  handleTouchStart: TouchEventHandler<HTMLCanvasElement>;\n  handleTouchEnd: TouchEventHandler<HTMLCanvasElement>;\n  handleTouchMove: TouchEventHandler<HTMLCanvasElement>;\n};\n\n// we need a component with a memo so it doesn't re-render or we will loose what we have drawn\nexport const DrawingCanvas = memo(\n  forwardRef((props: Props, ref: Ref<HTMLCanvasElement>) => (\n    <canvas\n      style={{ touchAction: \"none\" }}\n      ref={ref}\n      id=\"whiteboard\"\n      onMouseDown={props.handleMouseDown}\n      onTouchStart={props.handleTouchStart}\n      onMouseUp={props.handleMouseUp}\n      onTouchEnd={props.handleTouchEnd}\n      onMouseMove={props.handleMouseMove}\n      onTouchMove={props.handleTouchMove}\n    />\n  )),\n);\n\nexport default DrawingCanvas;\n","import { useRef, type TouchEvent, type MouseEvent, useEffect } from \"react\";\nimport {\n  Box,\n  LabelWrapper,\n  Button,\n  type ThemeType,\n} from \"@cruk/cruk-react-components\";\n\nimport { isBrowser } from \"@fwa/src/utils/browserUtils\";\nimport { DrawingCanvas } from \"@fwa/src/components/DrawingCanvas\";\n\nimport { Column, Row } from \"@fwa/src/components/styles\";\nimport { useTheme } from \"styled-components\";\n\nexport const DrawingCanvasControls = () => {\n  const theme = useTheme() as ThemeType;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const canvasWrapperRef = useRef<HTMLDivElement | null>(null);\n  // we use refs so we don't cause re-renders loosing current state of doodle\n  const colourRef = useRef<HTMLInputElement | null>(null);\n  const lineWidthRef = useRef<HTMLInputElement | null>(null);\n  const isPainting = useRef(false);\n\n  if (isBrowser) {\n    const canvas = canvasRef.current;\n    const canvasWrapper = canvasWrapperRef.current;\n    if (canvas && canvasWrapper) {\n      canvas.width = canvasWrapper?.clientWidth;\n      canvas.height = canvasWrapper?.clientHeight;\n    }\n  }\n\n  const clear = () => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext(\"2d\");\n    if (!canvas || !ctx) return;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n  };\n\n  const startDraw = () => {\n    if (!isBrowser) return;\n\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext(\"2d\");\n    if (!ctx) return;\n    ctx.beginPath();\n    isPainting.current = true;\n  };\n\n  const handleMouseMove = (e: MouseEvent) => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext(\"2d\");\n    if (!canvas || !ctx || !isPainting.current || !colourRef || !lineWidthRef)\n      return;\n    ctx.lineWidth = parseInt(lineWidthRef.current?.value || \"0\", 10);\n    ctx.strokeStyle = colourRef.current?.value || \"#000000\";\n    ctx.lineCap = \"round\";\n    ctx.lineTo(\n      e.clientX - canvas.offsetLeft,\n      e.clientY - canvas.offsetTop + window.scrollY,\n    );\n    ctx.stroke();\n  };\n\n  const handleTouchMove = (e: TouchEvent) => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext(\"2d\");\n    const canvasWrapper = canvasWrapperRef.current;\n    if (\n      !canvas ||\n      !ctx ||\n      !canvasWrapper ||\n      !isPainting.current ||\n      !colourRef ||\n      !lineWidthRef\n    )\n      return;\n    ctx.lineWidth = parseInt(lineWidthRef.current?.value || \"0\", 10);\n    ctx.strokeStyle = colourRef.current?.value || \"#000000\";\n    ctx.lineCap = \"round\";\n    ctx.lineTo(\n      e.nativeEvent.touches[0].clientX - canvas.offsetLeft,\n      e.nativeEvent.touches[0].clientY - canvas.offsetTop + window.scrollY,\n    );\n    ctx.stroke();\n  };\n\n  const endDraw = () => {\n    const canvas = canvasRef.current;\n    const ctx = canvas?.getContext(\"2d\");\n    if (!canvas || !ctx) return;\n    isPainting.current = false;\n    ctx.beginPath();\n  };\n\n  useEffect(() => {\n    if (isBrowser) {\n      const canvas = canvasRef.current;\n      const canvasWrapper = canvasWrapperRef.current;\n      if (canvas && canvasWrapper) {\n        canvas.width = canvasWrapper?.clientWidth;\n        canvas.height = canvasWrapper?.clientHeight;\n      }\n    }\n  }, []);\n\n  return (\n    <>\n      <Box\n        id=\"controls\"\n        backgroundColor=\"backgroundMid\"\n        padding=\"xs\"\n        marginBottom=\"s\"\n        data-component=\"drawing-canvas-controls\"\n      >\n        <Row>\n          <Box paddingRight=\"xs\" marginBottom=\"none\">\n            <LabelWrapper label=\"Colour\">\n              <input\n                ref={colourRef}\n                type=\"color\"\n                name=\"colour\"\n                defaultValue={theme.colors.primary}\n              />\n            </LabelWrapper>\n          </Box>\n          <Box paddingRight=\"xs\" marginBottom=\"none\">\n            <LabelWrapper label=\"Width\">\n              <input\n                ref={lineWidthRef}\n                type=\"number\"\n                id=\"lineWidth\"\n                name=\"lineWidth\"\n                defaultValue=\"12\"\n                style={{ width: \"4em\", fontSize: \"1em\" }}\n              />\n            </LabelWrapper>\n          </Box>\n          <Column\n            style={{\n              flexDirection: \"column-reverse\",\n            }}\n          >\n            <Box paddingRight=\"xs\">\n              <Button full onClick={clear} data-cta-type=\"clear-canvas\">\n                Clear\n              </Button>\n            </Box>\n          </Column>\n        </Row>\n      </Box>\n      <Box\n        ref={canvasWrapperRef}\n        style={{ width: \"100%\", height: \"50vh\", border: \"solid 1px black\" }}\n      >\n        <DrawingCanvas\n          ref={canvasRef}\n          handleMouseDown={startDraw}\n          handleTouchStart={startDraw}\n          handleMouseUp={endDraw}\n          handleTouchEnd={endDraw}\n          handleMouseMove={handleMouseMove}\n          handleTouchMove={handleTouchMove}\n        />\n      </Box>\n    </>\n  );\n};\n\nexport default DrawingCanvasControls;\n","import { useState, useEffect } from \"react\";\nimport Head from \"next/head\";\nimport NextLink from \"next/link\";\nimport { useRouter } from \"next/compat/router\";\nimport styled from \"styled-components\";\nimport { Heading, Text, Box, Link } from \"@cruk/cruk-react-components\";\nimport { checkIfDev } from \"@fwa/src/utils/envUtils\";\n\nimport { DrawingCanvasControls } from \"@fwa/src/components/DrawingCanvasControls\";\n\nimport {\n  ContentMaxWidth,\n  ContentWrapperResponsive,\n  Row,\n} from \"@fwa/src/components/styles\";\n\nconst image404 = \"/assets/images/img/404.svg\";\n\nconst TextWrapper = styled(Box)`\n  float: left;\n`;\n\ntype Props = {\n  statusCode: number;\n  error?: Error;\n};\n\nexport const ErrorPage = ({ statusCode, error }: Props) => {\n  const router = useRouter();\n  const [missingSlug, setMissingSlug] = useState(\"\");\n\n  const isPotentialFWSDownTime = [500, 503, 504, 408].includes(statusCode);\n  const notFound = statusCode === 404;\n\n  const statusMessages: Record<number, string> = {\n    400: \"Bad Request.\",\n    401: \"You do not have permission to see this page.\",\n    403: \"You need to be logged in to see this page.\",\n    404: \"We can't seem to find the page you are looking for.\",\n    405: \"Method Not Allowed.\",\n    500: \"Internal Server Error.\",\n  };\n\n  const additionDevInfo = `${statusCode || \"\"}: ${error?.name || \"\"}, ${\n    error?.message || \"\"\n  }, ${JSON.stringify(error?.stack)}`;\n\n  const title =\n    statusMessages[statusCode] || `An unexpected error has occurred`;\n\n  const headingText =\n    statusCode === 403 || statusCode === 401\n      ? \"Access denied\"\n      : \"Something went wrong\";\n\n  useEffect(() => {\n    if (notFound) {\n      setMissingSlug(\n        router\n          ? router.asPath\n              .slice(router.asPath.lastIndexOf(\"/\") + 1)\n              .split(\"?\")[0]\n          : \"\",\n      );\n    }\n  }, [notFound, router, setMissingSlug]);\n\n  return (\n    <>\n      <Head>\n        <title>{`Error ${statusCode}: ${title}`}</title>\n      </Head>\n      <ContentMaxWidth>\n        <ContentWrapperResponsive\n          marginTop=\"l\"\n          backgroundColor=\"backgroundLight\"\n          marginBottom=\"l\"\n        >\n          <Row>\n            {notFound && (\n              <Box>\n                <img src={image404} alt=\"\" />\n              </Box>\n            )}\n\n            <TextWrapper>\n              <Heading h1>{headingText}</Heading>\n              <Text>Error: {statusCode}</Text>\n              {checkIfDev() && <Text>{additionDevInfo}</Text>}\n              <Text>{title}</Text>\n              {!!isPotentialFWSDownTime && (\n                <Text>\n                  {`Sorry this page isn't available right now. Please refresh the page. If that doesn't work, try again in 10 minutes or draw something below while you wait.`}\n                </Text>\n              )}\n              {!!missingSlug.length && (\n                <Text>\n                  {`Please check the web address and try again or you can try `}\n                  <NextLink\n                    href={`/?q=${missingSlug}`}\n                    data-cta-type=\"link-return-page\"\n                  >\n                    <Link as=\"span\">searching</Link>\n                  </NextLink>\n                  {` for what you are looking for.`}\n                </Text>\n              )}\n            </TextWrapper>\n          </Row>\n          {!!isPotentialFWSDownTime && (\n            <Box marginTop=\"l\">\n              <DrawingCanvasControls />\n            </Box>\n          )}\n        </ContentWrapperResponsive>\n      </ContentMaxWidth>\n    </>\n  );\n};\n\nexport default ErrorPage;\n","import { ErrorPage } from \"@fwa/src/components/ErrorPage\";\n\nconst Custom404 = () => <ErrorPage statusCode={404} />;\n\nexport default Custom404;\n"],"names":["DrawingCanvas","memo","forwardRef","props","ref","canvas","style","touchAction","id","onMouseDown","handleMouseDown","onTouchStart","handleTouchStart","onMouseUp","handleMouseUp","onTouchEnd","handleTouchEnd","onMouseMove","handleMouseMove","onTouchMove","handleTouchMove","DrawingCanvasControls","theme","useTheme","canvasRef","useRef","canvasWrapperRef","colourRef","lineWidthRef","isPainting","isBrowser","current","canvasWrapper","width","height","clientHeight","startDraw","ctx","getContext","beginPath","endDraw","useEffect","clientWidth","Box","backgroundColor","padding","marginBottom","data-component","Row","paddingRight","LabelWrapper","label","input","type","name","defaultValue","colors","primary","fontSize","Column","flexDirection","Button","full","onClick","clear","data-cta-type","border","lineWidth","parseInt","value","strokeStyle","lineCap","lineTo","e","clientX","offsetLeft","clientY","offsetTop","window","scrollY","stroke","nativeEvent","touches","TextWrapper","styled","ErrorPage","statusCode","error","router","useRouter","missingSlug","setMissingSlug","useState","isPotentialFWSDownTime","includes","notFound","additionDevInfo","message","JSON","stringify","stack","title","headingText","asPath","slice","lastIndexOf","split","Head","ContentMaxWidth","ContentWrapperResponsive","marginTop","img","src","image404","alt","Heading","h1","Text","checkIfDev","length","NextLink","href","Link","as","Custom404"],"sourceRoot":"","ignoreList":[0,1]}