{"version":3,"file":"eu_citizen_checkbox-BcnN5SkL.js","sources":["../../app/javascript/components/legal_terms_agreement.tsx","../../app/javascript/components/sign_up/eu_citizen_checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport FormControl from \"./components/base_ui/inputs/form_control\";\nimport Checkbox, { CheckboxOverrides } from \"./components/base_ui/inputs/checkbox\";\nimport { StyledLink } from \"baseui/link\";\nimport { LEGAL_POLICY_LINKS } from \"../utils/legal_policy_links\";\nimport styled from \"styled-components\";\n\nconst TermsSpan = styled.span`\n  display: inline-block;\n`;\n\nconst LegalTermsCheckboxOverrides: CheckboxOverrides = {\n  Label: {\n    style: ({ $theme }) => ({\n      fontFamily: $theme.typography.LabelMedium.fontFamily,\n      fontWeight: $theme.typography.LabelMedium.fontWeight,\n      fontSize: $theme.typography.LabelMedium.fontSize,\n      lineHeight: $theme.typography.LabelMedium.lineHeight,\n      textTransform: \"none\",\n    }),\n  },\n};\n\nexport default function LegalTermsAgreement({\n  acceptedLegalTerms,\n  hasError,\n  onAgreementStatusChanged,\n}: {\n  acceptedLegalTerms: boolean;\n  hasError?: boolean;\n  onAgreementStatusChanged: (agreementStatus: boolean) => void;\n}) {\n  const renderIAgreeCheckbox = () => {\n    return (\n      <TermsSpan>\n        <FormControl\n          error={hasError}\n          caption={\n            hasError ? 'Please agree to the \"Privacy Policy\" and \"Terms of Use\" to proceed.' : \"\"\n          }\n        >\n          <Checkbox\n            aria-label=\"agreed to legal terms\"\n            name=\"agreed_to_legal_terms\"\n            checked={acceptedLegalTerms}\n            onChange={(event) => onAgreementStatusChanged(event.currentTarget.checked)}\n            overrides={LegalTermsCheckboxOverrides}\n            dataTest={\"checkbox-agree-to-legal-terms\"}\n          >\n            I have read and agree to the{\" \"}\n            <StyledLink\n              href={LEGAL_POLICY_LINKS.PRIVACY_POLICY_URL_PDF}\n              target=\"_blank\"\n              aria-label=\"Privacy Policy, opens a PDF\"\n            >\n              Privacy Policy\n            </StyledLink>{\" \"}\n            and to the{\" \"}\n            <StyledLink\n              href={LEGAL_POLICY_LINKS.TERMS_OF_USE_URL_PDF}\n              target=\"_blank\"\n              aria-label=\"Terms of Use, opens a PDF\"\n            >\n              Terms of Use\n            </StyledLink>\n          </Checkbox>\n        </FormControl>\n      </TermsSpan>\n    );\n  };\n\n  return <div>{renderIAgreeCheckbox()}</div>;\n}\n","// Third-party imports\nimport React from \"react\";\n\n// Our imports\nimport styled from \"styled-components\";\nimport Checkbox, { CheckboxOverrides } from \"../components/base_ui/inputs/checkbox\";\nimport { NewTab } from \"@carbon/icons-react\";\nimport { StyledLink } from \"baseui/link\";\nimport { Tooltip } from \"../components/base_ui/surfaces/tooltip\";\nimport { InformationFilled } from \"@carbon/icons-react\";\n\nconst EuCitizenContainer = styled.div`\n  display: inline-grid;\n  grid-template-columns: auto auto;\n  grid-gap: 8px;\n  align-items: center;\n  padding-top: ${({ theme }) => theme.sizing.scale300};\n`;\n\nconst StyledLinkContainer = styled.div`\n  display: inline-grid;\n  grid-template-columns: auto auto;\n  align-items: center;\n  color: ${({ theme }) => theme.colors.primary500};\n`;\n\nconst EuCitizenCheckboxOverrides: CheckboxOverrides = {\n  Label: {\n    style: ({ $theme }) => ({\n      fontFamily: $theme.typography.LabelMedium.fontFamily,\n      fontWeight: $theme.typography.LabelMedium.fontWeight,\n      fontSize: $theme.typography.LabelMedium.fontSize,\n      lineHeight: $theme.typography.LabelMedium.lineHeight,\n      textTransform: \"none\",\n    }),\n  },\n};\n\nexport default function EuCitizenCheckbox({\n  euCitizen,\n  schoolId,\n  onChange,\n}: {\n  euCitizen: boolean;\n  schoolId: string;\n  onChange: () => void;\n}) {\n  // ugly customization for all IU programs -- GDPR does not apply\n  if (schoolId === \"73\") {\n    return null;\n  }\n\n  return (\n    <EuCitizenContainer>\n      <div>\n        <Checkbox\n          aria-label=\"is EU citizen\"\n          name=\"is_eu_citizen\"\n          checked={euCitizen}\n          onChange={onChange}\n          overrides={EuCitizenCheckboxOverrides}\n          dataTest={\"checkbox-is-eu-citizen\"}\n        >\n          I am a citizen of the{\" \"}\n          <StyledLinkContainer>\n            <NewTab size={16} />{\" \"}\n            <StyledLink\n              href=\"https://www.gov.uk/eu-eea\"\n              target=\"_blank\"\n              aria-label=\"European Economic Area, opens in a new tab\"\n            >\n              European Economic Area\n            </StyledLink>\n          </StyledLinkContainer>\n        </Checkbox>\n      </div>\n      <div\n        aria-label={\n          \"This is not a requirement for the program and you should only click the box if you are a citizen of the European Economic Area.\"\n        }\n      >\n        <Tooltip\n          content={\n            <p>\n              This is not a requirement for the program and you should only click the box if you are\n              a citizen of the European Economic Area.\n            </p>\n          }\n        >\n          <InformationFilled size={16}></InformationFilled>\n        </Tooltip>\n      </div>\n    </EuCitizenContainer>\n  );\n}\n"],"names":["TermsSpan","styled","LegalTermsCheckboxOverrides","$theme","LegalTermsAgreement","acceptedLegalTerms","hasError","onAgreementStatusChanged","renderIAgreeCheckbox","jsx","FormControl","jsxs","Checkbox","event","StyledLink","LEGAL_POLICY_LINKS","EuCitizenContainer","theme","StyledLinkContainer","EuCitizenCheckboxOverrides","EuCitizenCheckbox","euCitizen","schoolId","onChange","NewTab","Tooltip","InformationFilled"],"mappings":"inBAOA,MAAMA,EAAYC,EAAO;AAAA;AAAA,EAInBC,EAAiD,CACrD,MAAO,CACL,MAAO,CAAC,CAAE,OAAAC,MAAc,CACtB,WAAYA,EAAO,WAAW,YAAY,WAC1C,WAAYA,EAAO,WAAW,YAAY,WAC1C,SAAUA,EAAO,WAAW,YAAY,SACxC,WAAYA,EAAO,WAAW,YAAY,WAC1C,cAAe,MACjB,EAAA,CAEJ,EAEA,SAAwBC,EAAoB,CAC1C,mBAAAC,EACA,SAAAC,EACA,yBAAAC,CACF,EAIG,CACD,MAAMC,EAAuB,UAExBR,EACC,CAAA,SAAAS,EAAA,IAACC,EAAA,CACC,MAAOJ,EACP,QACEA,EAAW,sEAAwE,GAGrF,SAAAK,EAAA,KAACC,EAAA,CACC,aAAW,wBACX,KAAK,wBACL,QAASP,EACT,SAAWQ,GAAUN,EAAyBM,EAAM,cAAc,OAAO,EACzE,UAAWX,EACX,SAAU,gCACX,SAAA,CAAA,+BAC8B,IAC7BO,EAAA,IAACK,EAAA,CACC,KAAMC,EAAmB,uBACzB,OAAO,SACP,aAAW,8BACZ,SAAA,gBAAA,CAED,EAAc,IAAI,aACP,IACXN,EAAA,IAACK,EAAA,CACC,KAAMC,EAAmB,qBACzB,OAAO,SACP,aAAW,4BACZ,SAAA,cAAA,CAAA,CAED,CAAA,CAAA,CACF,CAAA,EAEJ,EAIG,OAAAN,EAAA,IAAC,MAAK,CAAA,SAAAD,EAAuB,CAAA,CAAA,CACtC,CC7DA,MAAMQ,EAAqBf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKjB,CAAC,CAAE,MAAAgB,CAAA,IAAYA,EAAM,OAAO,QAAQ;AAAA,EAG/CC,EAAsBjB,EAAO;AAAA;AAAA;AAAA;AAAA,WAIxB,CAAC,CAAE,MAAAgB,CAAA,IAAYA,EAAM,OAAO,UAAU;AAAA,EAG3CE,EAAgD,CACpD,MAAO,CACL,MAAO,CAAC,CAAE,OAAAhB,MAAc,CACtB,WAAYA,EAAO,WAAW,YAAY,WAC1C,WAAYA,EAAO,WAAW,YAAY,WAC1C,SAAUA,EAAO,WAAW,YAAY,SACxC,WAAYA,EAAO,WAAW,YAAY,WAC1C,cAAe,MACjB,EAAA,CAEJ,EAEA,SAAwBiB,EAAkB,CACxC,UAAAC,EACA,SAAAC,EACA,SAAAC,CACF,EAIG,CAED,OAAID,IAAa,KACR,YAINN,EACC,CAAA,SAAA,CAAAP,MAAC,MACC,CAAA,SAAAE,EAAA,KAACC,EAAA,CACC,aAAW,gBACX,KAAK,gBACL,QAASS,EACT,SAAAE,EACA,UAAWJ,EACX,SAAU,yBACX,SAAA,CAAA,wBACuB,WACrBD,EACC,CAAA,SAAA,CAACT,EAAAA,IAAAe,EAAA,CAAO,KAAM,EAAI,CAAA,EAAG,IACrBf,EAAA,IAACK,EAAA,CACC,KAAK,4BACL,OAAO,SACP,aAAW,6CACZ,SAAA,wBAAA,CAAA,CAED,CACF,CAAA,CAAA,CAAA,CAAA,EAEJ,EACAL,EAAA,IAAC,MAAA,CACC,aACE,kIAGF,SAAAA,EAAA,IAACgB,EAAA,CACC,QACGhB,EAAAA,IAAA,IAAA,CAAE,SAGH,iIAAA,CAAA,EAGF,SAAAA,EAAAA,IAACiB,EAAkB,CAAA,KAAM,EAAI,CAAA,CAAA,CAAA,CAC/B,CAAA,CACF,EACF,CAEJ"}