{"version":3,"sources":["pages/home/components/make-payment/MakePayment.tsx","pages/home/components/make-payment/index.ts","pages/home/components/cookie-policy/index.ts","pages/home/components/cookie-policy/CookiePolicy.tsx","pages/home/Home.tsx","pages/home/index.ts","components/color-button/ColorButton.tsx","components/color-button/index.ts"],"names":["useStyles","makeStyles","theme","root","margin","maxWidth","padding","textAlign","backgroundColor","palette","labelBg","paddingBottom","MakePayment","styles","className","Typography","variant","color","onClick","history","push","CookiePolicy","Home","state","useSelector","getHomePageState","brandName","header","dangerouslySetInnerHTML","__html","footer","Divider","main","dark","disabled","light","ColorButton","rest","Button","classes","additionalColors","DefaultButton","rawColor","useTheme","includes"],"mappings":"8MAKMA,EAAYC,aAAW,SAACC,GAAD,MAAmB,CAC5CC,KAAM,CACFC,OAAQ,YACRC,SAAU,QACVC,QAAS,sBACTC,UAAW,SACXC,gBAAiBN,EAAMO,QAAQC,QAC/B,OAAQ,CACJC,cAAe,aCXZC,EDgBK,WAChB,IAAMC,EAASb,IAIf,OACI,yBAAKc,UAAWD,EAAOV,MACnB,kBAACY,EAAA,EAAD,CAAYC,QAAQ,MAApB,8CACA,kBAAC,IAAD,CAAQA,QAAQ,YAAYC,MAAM,OAAOC,QAN7B,WAChBC,IAAQC,KAAK,cAKT,oBExBGC,ECCM,kBACjB,gBAACN,EAAA,EAAD,CAAYC,QAAQ,MAApB,0JCyBWM,EAnBF,WACT,IAAMC,EAAQC,YAAYC,KAC1B,OACI,gCACI,gBAAC,IAAD,KACI,gBAACV,EAAA,EAAD,CAAYC,QAAQ,MAApB,WACA,gBAACD,EAAA,EAAD,CAAYC,QAAQ,MAApB,yCAAgEO,EAAMG,WACrEH,EAAMI,QAAU,uBAAKC,wBAAyB,CAAEC,OAAQN,EAAMI,UAC/D,gBAAC,EAAD,MACCJ,EAAMO,QAAU,uBAAKF,wBAAyB,CAAEC,OAAQN,EAAMO,WAEnE,gBAACC,EAAA,EAAD,MACA,gBAAC,IAAD,KACI,gBAAC,EAAD,SCrBDT,a,6ECgBTtB,EAAYC,aAAW,iBAAO,CAChCE,KAAM,CACFc,MAAO,OACPT,gBAAiB,qBAAGS,MAA0Be,MAC9C,UAAW,CACPxB,gBAAiB,qBAAGS,MAA0BgB,QAGtDC,SAAU,CACNjB,MAAO,OACPT,gBAAiB,qBAAGS,MAA0BkB,YAIhDC,EAA+D,SAAC,GAAwB,IAAtBnB,EAAqB,EAArBA,MAAUoB,EAAW,yBACnFxB,EAASb,EAAU,CAAEiB,UAC3B,OAAO,gBAACqB,EAAA,EAAD,eAAQC,QAAS1B,GAAYwB,KAOlCG,EAAmB,CAAC,QAAS,UAAW,UAAW,QAY1CC,EAVyB,SAAC,GAAkC,IAAzBC,EAAwB,EAA/BzB,MAAoBoB,EAAW,yBAChEnC,EAAQyC,cACV1B,EAAayB,EAKjB,MAJwB,kBAAbA,GAAyBF,EAAiBI,SAASF,KAC1DzB,EAAQf,EAAMO,QAAQQ,IAGF,kBAAVA,EAAqB,gBAAC,EAAD,eAAaA,MAAOA,GAAWoB,IAAW,gBAACC,EAAA,EAAD,eAAQrB,MAAOA,GAAWoB,KChD5FD","file":"static/js/46.f710ad7b.chunk.js","sourcesContent":["import React from \"react\";\nimport { Typography, makeStyles, Theme } from \"@material-ui/core\";\nimport Button from \"components/color-button\";\nimport history from \"utils/history\";\n\nconst useStyles = makeStyles((theme: Theme) => ({\n    root: {\n        margin: \"40px auto\",\n        maxWidth: \"300px\",\n        padding: \"20px 40px 40px 40px\",\n        textAlign: \"center\",\n        backgroundColor: theme.palette.labelBg,\n        \"& h4\": {\n            paddingBottom: \"10px\",\n        },\n    },\n}));\n\nconst MakePayment = () => {\n    const styles = useStyles();\n    const goToPayment = () => {\n        history.push(\"/payment\");\n    };\n    return (\n        <div className={styles.root}>\n            <Typography variant=\"h4\">Continue below to make your secure payment</Typography>\n            <Button variant=\"contained\" color=\"info\" onClick={goToPayment}>\n                Make a payment\n            </Button>\n        </div>\n    );\n};\n\nexport default MakePayment;\n","import MakePayment from \"./MakePayment\";\n\nexport default MakePayment;\n","import CookiePolicy from \"./CookiePolicy\";\n\nexport default CookiePolicy;\n","import * as React from \"react\";\nimport { Typography } from \"@material-ui/core\";\n\nconst CookiePolicy = () => (\n    <Typography variant=\"h6\">\n        This site uses cookies. By continuing to use this site you are agreeing to our use of cookies. Please review our\n        privacy policy for more information.\n    </Typography>\n);\n\nexport default CookiePolicy;\n","/* eslint-disable react/no-danger */\nimport * as React from \"react\";\nimport { Typography, Divider } from \"@material-ui/core\";\nimport { useSelector } from \"react-redux\";\n\nimport Paper from \"components/paper\";\nimport { getHomePageState } from \"reducers/site\";\nimport MakePayment from \"./components/make-payment\";\nimport CookiePolicy from \"./components/cookie-policy\";\n\nconst Home = () => {\n    const state = useSelector(getHomePageState);\n    return (\n        <>\n            <Paper>\n                <Typography variant=\"h3\">Welcome</Typography>\n                <Typography variant=\"h4\">This is the secure payment portal for {state.brandName}</Typography>\n                {state.header && <div dangerouslySetInnerHTML={{ __html: state.header }} />}\n                <MakePayment />\n                {state.footer && <div dangerouslySetInnerHTML={{ __html: state.footer }} />}\n            </Paper>\n            <Divider />\n            <Paper>\n                <CookiePolicy />\n            </Paper>\n        </>\n    );\n};\n\nexport default Home;\n","import Home from \"./Home\";\n\nexport default Home;\n","import * as React from \"react\";\nimport { Button, ButtonProps, makeStyles, useTheme } from \"@material-ui/core\";\nimport { PaletteColor } from \"@material-ui/core/styles/createPalette\";\n\nexport type ColorTypes =\n    | \"primary\"\n    | \"secondary\"\n    | \"error\"\n    | \"success\"\n    | \"warning\"\n    | \"info\"\n    | \"default\"\n    | \"inherit\"\n    | PaletteColor;\n\ninterface IColor {\n    color: PaletteColor;\n}\nconst useStyles = makeStyles(() => ({\n    root: {\n        color: \"#fff\",\n        backgroundColor: ({ color }: IColor) => color.main,\n        \"&:hover\": {\n            backgroundColor: ({ color }: IColor) => color.dark,\n        },\n    },\n    disabled: {\n        color: \"#fff\",\n        backgroundColor: ({ color }: IColor) => color.light,\n    },\n}));\n\nconst ColorButton: React.FC<ButtonProps & { color: PaletteColor }> = ({ color, ...rest }) => {\n    const styles = useStyles({ color });\n    return <Button classes={styles} {...rest} />;\n};\n\ninterface IProps extends Omit<ButtonProps, \"color\"> {\n    color?: ColorTypes;\n}\n\nconst additionalColors = [\"error\", \"success\", \"warning\", \"info\"];\n\nconst DefaultButton: React.FC<IProps> = ({ color: rawColor, ...rest }) => {\n    const theme = useTheme();\n    let color: any = rawColor;\n    if (typeof rawColor === \"string\" && additionalColors.includes(rawColor)) {\n        color = theme.palette[color as \"error\" | \"success\" | \"warning\" | \"info\"];\n    }\n\n    return typeof color === \"object\" ? <ColorButton color={color} {...rest} /> : <Button color={color} {...rest} />;\n};\n\nexport default DefaultButton;\n","import ColorButton from \"./ColorButton\";\n\nexport default ColorButton;\n"],"sourceRoot":""}