{"version":3,"file":"91-7bf8c4478ba77ef9afc0.js","mappings":"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","sources":["webpack://brc/./src/stories/Components/Misc/Forms/Inputs/CheckboxList/CheckboxList.styles.ts","webpack://brc/./src/stories/Components/Misc/Forms/Inputs/CheckboxList/CheckboxList.tsx","webpack://brc/./src/stories/Widgets/SignUpInForms/LogInSignUp/LogInSignUp.styles.ts","webpack://brc/./src/stories/Widgets/SignUpInForms/LogInSignUp/LogInSignUp.tsx"],"sourcesContent":["import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { link } from '@helpers/typography';\r\nimport svgTick from '@img/icons/interface/tick.svg?url';\r\nimport styled, { css } from 'styled-components';\r\nexport const CommonCheckboxContainerStyles = css `\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: ${fluid(12, 16)} ${fluid(24, 48)};\r\n\r\n  flex-direction: column;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    flex-direction: row;\r\n  }\r\n\r\n  &[data-layout='vertical'] {\r\n    flex-direction: column;\r\n  }\r\n`;\r\nconst Container = styled.div `\r\n  ${CommonCheckboxContainerStyles};\r\n`;\r\nconst Option = styled.div `\r\n  display: flex;\r\n\r\n  &:has(input:focus-visible) {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-width: 2px;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    white-space: nowrap;\r\n  }\r\n`;\r\nconst Input = styled.input `\r\n  /* Ensure iOS doesn't apply default border radius */\r\n  -webkit-appearance: none !important;\r\n\r\n  ${srOnly};\r\n`;\r\nexport const CommonCheckboxLabelStyles = css `\r\n  ${fonts.lato.regular};\r\n\r\n  --bgColour: ${brand.global.white};\r\n  --borderColour: ${brand.global.black};\r\n  --borderRadius: 5px;\r\n  --textColour: ${brand.global.black};\r\n  --boxSize: 26px;\r\n\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: var(--boxSize);\r\n  color: var(--textColour);\r\n  padding-left: calc(var(--boxSize) + ${fluid(10, 12)});\r\n\r\n  &::before,\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    border-radius: var(--borderRadius);\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &::before {\r\n    ${transition('opacity', 0.2)};\r\n\r\n    background: var(--textColour);\r\n    -webkit-mask-image: url(${svgTick});\r\n    mask-image: url(${svgTick});\r\n    mask-repeat: no-repeat;\r\n    background-size: contain;\r\n    background-position: center;\r\n    opacity: 0;\r\n    z-index: 1;\r\n    height: calc(var(--boxSize) + 2px);\r\n    width: calc(var(--boxSize) + 2px);\r\n  }\r\n\r\n  &::after {\r\n    background: var(--bgColour);\r\n    border: 1px solid var(--borderColour);\r\n    height: var(--boxSize);\r\n    width: var(--boxSize);\r\n  }\r\n\r\n  a {\r\n    ${link};\r\n  }\r\n\r\n  ${Input}:disabled + & {\r\n    pointer-events: none;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  ${Input}:checked + &::before {\r\n    opacity: 1;\r\n  }\r\n`;\r\nconst Label = styled.label `\r\n  ${CommonCheckboxLabelStyles};\r\n`;\r\nconst CheckboxListStyles = {\r\n    Container,\r\n    Input,\r\n    Label,\r\n    Option,\r\n};\r\nexport default CheckboxListStyles;\r\n","import * as React from 'react';\r\nimport S from './CheckboxList.styles';\r\nconst CheckboxListOption = React.forwardRef((props, ref) => {\r\n    const { id: initialId, children, ...otherProps } = props;\r\n    const id = `${initialId ? `${initialId}-` : ''}${otherProps.name}${otherProps.value ? `-${otherProps.value}` : ''}`;\r\n    return (React.createElement(S.Option, null,\r\n        React.createElement(S.Input, { ref: ref, id: id, type: \"checkbox\", value: otherProps.value, ...otherProps }),\r\n        React.createElement(S.Label, { htmlFor: id }, children)));\r\n});\r\nCheckboxListOption.displayName = 'CheckboxListOption';\r\nexport { CheckboxListOption };\r\nconst CheckboxList = React.forwardRef(({ children, layout, ...props }, ref) => {\r\n    return (React.createElement(S.Container, { ref: ref, \"data-layout\": layout ?? 'horizontal', ...props }, children));\r\n});\r\nCheckboxList.displayName = 'CheckboxList';\r\nexport default CheckboxList;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h3, link, paragraphRegular, reverseLinkUnderline } from '@helpers/typography';\r\nimport ButtonStyles from '@stories/Components/Buttons/Button/Button.styles';\r\nimport FormStyles from '@stories/Components/Misc/Forms/Form.styles';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Misc/SectionWrapper/SectionWrapper.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  --sectionBackground: ${rgba(brand.primary.blue.light, 0.2)};\r\n\r\n  position: relative;\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n\r\n  ${SectionWrapperStyles.Inner} {\r\n    @media ${from(Device.TabletLarge)} {\r\n      ${baseGrid};\r\n    }\r\n  }\r\n`;\r\nconst Wrapper = styled.div `\r\n  border-radius: ${fluid(10, 20)};\r\n  overflow: hidden;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 3 / span 8;\r\n    box-shadow: 0px 4px 12.1px 6px rgba(217, 217, 217, 0.2);\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n`;\r\nconst Top = styled.div `\r\n  background-color: ${brand.primary.purple.light};\r\n  color: ${brand.global.white};\r\n  padding: ${fluid(24, 59)} ${fluid(16, 145)} ${fluid(24, 56)};\r\n  text-align: center;\r\n`;\r\nconst Heading = styled.h3 `\r\n  ${h3};\r\n  margin-bottom: 9px;\r\n`;\r\nconst Summary = styled.p `\r\n  ${paragraphRegular};\r\n  margin-bottom: 0;\r\n  font-size: ${fluid(14, 18)};\r\n`;\r\nconst FormContainer = styled.div `\r\n  background-color: ${brand.global.white};\r\n  padding: 40px 16px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    padding: 36px ${fluid(16, 145)} 48px;\r\n  }\r\n\r\n  ${FormStyles.Form} {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  ${FormStyles.SubmitWrapper} {\r\n    ${ButtonStyles.Container} {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n  }\r\n`;\r\nconst UnderForm = styled.div `\r\n  text-align: center;\r\n  margin-top: 8px;\r\n`;\r\nconst Bottom = styled.div `\r\n  margin-top: ${fluid(24, 40)};\r\n  border-top: 1px solid ${brand.grey.light};\r\n  padding-top: ${fluid(20, 20)};\r\n  text-align: center;\r\n`;\r\nconst BaseLink = styled.p `\r\n  ${fonts.lato.regular};\r\n  font-size: ${fluid(14, 16)};\r\n  line-height: ${fluid(20, 24)};\r\n`;\r\nconst Link = styled.a `\r\n  ${link};\r\n  ${reverseLinkUnderline};\r\n\r\n  --textLinkColour: ${brand.primary.purple.dark};\r\n`;\r\nconst LogInSignUpStyles = {\r\n    BaseLink,\r\n    Bottom,\r\n    Container,\r\n    FormContainer,\r\n    Heading,\r\n    Link,\r\n    Summary,\r\n    Top,\r\n    UnderForm,\r\n    Wrapper,\r\n};\r\nexport default LogInSignUpStyles;\r\n","import { API_URLS } from '@helpers/api';\r\nimport { withMotion } from '@hoc/withMotion';\r\nimport { useForm } from '@hooks/useForm';\r\nimport Form from '@stories/Components/Misc/Forms/Form';\r\nimport FormField from '@stories/Components/Misc/Forms/FormField';\r\nimport FormRow from '@stories/Components/Misc/Forms/FormRow';\r\nimport FormSection from '@stories/Components/Misc/Forms/FormSection';\r\nimport CheckboxList, { CheckboxListOption, } from '@stories/Components/Misc/Forms/Inputs/CheckboxList/CheckboxList';\r\nimport Textbox from '@stories/Components/Misc/Forms/Inputs/Textbox/Textbox';\r\nimport React from 'react';\r\nimport S from './LogInSignUp.styles';\r\nconst LogInSignUp = (props) => {\r\n    const { refContainer, serverErrors, status: formStatus, onSubmit, useReactHookFormReturn: { register, formState: { errors }, }, } = useForm({\r\n        endpoint: API_URLS.signIn,\r\n        mode: 'json',\r\n    });\r\n    return (React.createElement(S.Container, { id: props.anchorId, translations: props.translations },\r\n        React.createElement(S.Wrapper, null,\r\n            React.createElement(S.Top, null,\r\n                props.heading && React.createElement(S.Heading, null, props.heading),\r\n                props.summary && React.createElement(S.Summary, null, props.summary)),\r\n            React.createElement(S.FormContainer, { ref: refContainer },\r\n                React.createElement(Form, { status: formStatus, errors: serverErrors, onSubmit: onSubmit, submitLabel: props.translations?.['global.signin.signin'] ?? '', showSubmit: true, buttonType: \"tertiary\" },\r\n                    React.createElement(FormSection, null,\r\n                        React.createElement(FormRow, { \"data-layout\": \"full\" },\r\n                            React.createElement(\"input\", { type: \"hidden\", value: props.redirectTo, ...register('redirectTo') }),\r\n                            React.createElement(FormField, { size: \"default\", name: \"accountEmail\", label: props.translations?.['global.signin.youremaillabel'] ?? '', required: true, error: errors.accountEmail },\r\n                                React.createElement(Textbox, { placeholder: props.translations?.['global.signin.youremailplaceholder'] ?? '', type: \"email\", ...register('accountEmail', {\r\n                                        required: props.translations?.['global.signin.youremailrequiredmessage'] ?? '',\r\n                                    }) }))),\r\n                        React.createElement(FormRow, { \"data-layout\": \"full\" },\r\n                            React.createElement(FormField, { size: \"default\", name: \"password\", label: props.translations?.['global.signin.passwordlabel'] ?? '', required: true, error: errors.password },\r\n                                React.createElement(Textbox, { placeholder: props.translations?.['global.signin.passwordplaceholder'] ?? '', type: \"password\", ...register('password', {\r\n                                        required: props.translations?.['global.signin.passwordrequiredmessage'] ?? '',\r\n                                    }) }))),\r\n                        React.createElement(FormRow, { \"data-layout\": \"full\" },\r\n                            React.createElement(FormField, { name: \"remember\", label: \"Remember Me\", showLabel: false, required: true, error: errors.rememberme },\r\n                                React.createElement(CheckboxList, { layout: \"horizontal\" },\r\n                                    React.createElement(CheckboxListOption, { id: \"privacy\", ...register('rememberme') }, props.translations?.['global.signin.rememberme'] ?? '')))))),\r\n                React.createElement(S.UnderForm, null, props.forgottenPasswordLink && (React.createElement(S.BaseLink, null,\r\n                    React.createElement(S.Link, { href: props.forgottenPasswordLink?.url, target: props.forgottenPasswordLink?.target }, props.forgottenPasswordLink?.text)))),\r\n                React.createElement(S.Bottom, null,\r\n                    props.registerLink && (React.createElement(S.BaseLink, null,\r\n                        props.translations?.['global.signin.noaccountmessage'] ?? '',\r\n                        ' ',\r\n                        React.createElement(S.Link, { href: props.registerLink?.url, target: props.registerLink?.target }, props.registerLink?.text))),\r\n                    props.joinLink && (React.createElement(S.BaseLink, null,\r\n                        props.translations?.['global.signin.notamembermessage'] ?? '',\r\n                        ' ',\r\n                        React.createElement(S.Link, { href: props.joinLink?.url, target: props.joinLink?.target }, props.joinLink?.text))))))));\r\n};\r\nexport default withMotion(LogInSignUp);\r\n"],"names":["CommonCheckboxContainerStyles","css","fluid","from","Device","Tablet","Container","styled","div","withConfig","displayName","componentId","Option","Input","input","srOnly","CommonCheckboxLabelStyles","fonts","lato","regular","brand","global","white","black","transition","svgTick","link","Label","label","CheckboxListOption","React","props","ref","id","initialId","children","otherProps","name","value","S","type","htmlFor","CheckboxList","_ref","layout","SectionWrapper","rgba","primary","blue","light","SectionWrapperStyles","Inner","TabletLarge","baseGrid","Wrapper","Desktop","Top","purple","Heading","h3","Summary","p","paragraphRegular","FormContainer","FormStyles","Form","SubmitWrapper","ButtonStyles","UnderForm","Bottom","grey","BaseLink","Link","a","reverseLinkUnderline","dark","withMotion","_props$translations$g","_props$translations","_props$translations$g2","_props$translations2","_props$translations$g3","_props$translations3","_props$translations$g4","_props$translations4","_props$translations$g5","_props$translations5","_props$translations$g6","_props$translations6","_props$translations$g7","_props$translations7","_props$translations$g8","_props$translations8","_props$forgottenPassw","_props$forgottenPassw2","_props$forgottenPassw3","_props$translations$g9","_props$translations9","_props$registerLink","_props$registerLink2","_props$registerLink3","_props$translations$g10","_props$translations10","_props$joinLink","_props$joinLink2","_props$joinLink3","refContainer","serverErrors","status","formStatus","onSubmit","useReactHookFormReturn","register","formState","errors","useForm","endpoint","API_URLS","signIn","mode","anchorId","translations","heading","summary","submitLabel","showSubmit","buttonType","FormSection","FormRow","redirectTo","FormField","size","required","error","accountEmail","Textbox","placeholder","password","showLabel","rememberme","forgottenPasswordLink","href","url","target","text","registerLink","joinLink"],"sourceRoot":""}