@popmenu/common-ui 0.172.1 → 0.172.3

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js

@@ -1,5 +1,5 @@
 import { createTheme, useMediaQuery, Grid, ThemeProvider, Dialog } from '@material-ui/core';
-import React from 'react';
+import React, { useId, useState, useEffect } from 'react';
 import { FollowerAuthenticationDialogContextProvider } from './context.js';
 import { FollowerAuthenticationBody } from './FollowerAuthenticationBody.js';
 import { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton.js';
@@ -20,14 +20,23 @@ const FollowerAuthenticationDialog = (props) => {
     const handleClose = () => {
         restProps.onActionButtonClick('close');
     };
-    const initialTitle = typeof restProps.messages.initialTitle === 'string' ? restProps.messages.initialTitle : undefined;
+    const titleId = useId();
     const showV2 = !!restProps.showV2;
+    const stepValue = restProps.state.value;
+    const stepTitle = restProps.messages[`${stepValue}Title`];
+    const hasStepTitle = stepTitle !== undefined && stepTitle !== null && stepTitle !== '' && stepTitle !== false;
+    const initialTitle = typeof restProps.messages.initialTitle === 'string' ? restProps.messages.initialTitle : undefined;
+    const [paper, setPaper] = useState(null);
+    useEffect(() => {
+        if (open)
+            paper?.focus();
+    }, [open, paper, stepValue]);
     const showSidebar = showV2 && (typeof restProps.logoUrl === 'string' || typeof restProps.signUpBackgroundImageUrl === 'string');
     const dialogInner = (React.createElement(FollowerAuthenticationContent, null,
         React.createElement(FollowerAuthenticationCloseButton, { show: showCloseButton }),
         React.createElement(FollowerAuthenticationVipLogo, null),
         React.createElement(FollowerAuthenticationGraphic, null),
-        React.createElement(FollowerAuthenticationTitle, null),
+        React.createElement(FollowerAuthenticationTitle, { id: hasStepTitle ? titleId : undefined }),
         React.createElement(FollowerAuthenticationInfo, null),
         React.createElement(FollowerAuthenticationVipBenefitRows, null),
         React.createElement(FollowerAuthenticationBody, null),
@@ -39,9 +48,11 @@ const FollowerAuthenticationDialog = (props) => {
     return (React.createElement(ThemeProvider, { theme: theme$1 },
         React.createElement(FollowerAuthenticationDialogContextProvider, { value: restProps },
             React.createElement(Dialog, { open: open, fullScreen: fullScreen, maxWidth: showV2 ? false : undefined, onClose: handleClose, PaperProps: {
-                    'aria-label': initialTitle,
+                    ref: setPaper,
+                    tabIndex: -1,
+                    ...(hasStepTitle ? { 'aria-labelledby': titleId } : { 'aria-label': initialTitle }),
                     'aria-modal': 'true',
-                    style: showV2 ? { maxWidth: showSidebar ? 800 : 540, width: '100%' } : undefined,
+                    style: { outline: 'none', ...(showV2 && { maxWidth: showSidebar ? 800 : 540, width: '100%' }) },
                 } }, dialogContent))));
 };
 

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationDialog.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.tsx"],"sourcesContent":["import { createTheme, Dialog, Grid, Theme, ThemeProvider, useMediaQuery } from '@material-ui/core'\nimport React from 'react'\nimport { FollowerAuthenticationDialogContextProvider } from './context'\nimport { FollowerAuthenticationBody } from './FollowerAuthenticationBody'\nimport { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton'\nimport { FollowerAuthenticationContent } from './FollowerAuthenticationContent'\nimport { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps'\nimport { FollowerAuthenticationFooter } from './FollowerAuthenticationFooter'\nimport { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic'\nimport { FollowerAuthenticationInfo } from './FollowerAuthenticationInfo'\nimport { FollowerAuthenticationLogoContainer } from './FollowerAuthenticationLogoContainer'\nimport { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle'\nimport { FollowerAuthenticationVipBenefitRows } from './FollowerAuthenticationVipBenefitRows'\nimport { FollowerAuthenticationVipLogo } from './FollowerAuthenticationVipLogo'\nimport { theme as themeOptions } from './theme'\n\nexport const FollowerAuthenticationDialog = (props: FollowerAuthenticationDialogProps) => {\n  const { open, showCloseButton = true, ...restProps } = props\n  const theme = createTheme(themeOptions)\n  const fullScreen = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'))\n  const handleClose = () => {\n    restProps.onActionButtonClick('close')\n  }\n  const initialTitle = typeof restProps.messages.initialTitle === 'string' ? restProps.messages.initialTitle : undefined\n  const showV2 = !!restProps.showV2\n  const showSidebar =\n    showV2 && (typeof restProps.logoUrl === 'string' || typeof restProps.signUpBackgroundImageUrl === 'string')\n\n  const dialogInner = (\n    <FollowerAuthenticationContent>\n      <FollowerAuthenticationCloseButton show={showCloseButton} />\n      <FollowerAuthenticationVipLogo />\n      <FollowerAuthenticationGraphic />\n      <FollowerAuthenticationTitle />\n      <FollowerAuthenticationInfo />\n      <FollowerAuthenticationVipBenefitRows />\n      <FollowerAuthenticationBody />\n      <FollowerAuthenticationFooter />\n    </FollowerAuthenticationContent>\n  )\n\n  const dialogContent = showSidebar ? (\n    <Grid container>\n      <Grid item lg={4} md={3} xs={12}>\n        <FollowerAuthenticationLogoContainer />\n      </Grid>\n      <Grid item lg={8} md={9} xs={12}>\n        {dialogInner}\n      </Grid>\n    </Grid>\n  ) : (\n    dialogInner\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <FollowerAuthenticationDialogContextProvider value={restProps}>\n        <Dialog\n          open={open}\n          fullScreen={fullScreen}\n          maxWidth={showV2 ? false : undefined}\n          onClose={handleClose}\n          PaperProps={{\n            'aria-label': initialTitle,\n            'aria-modal': 'true',\n            style: showV2 ? { maxWidth: showSidebar ? 800 : 540, width: '100%' } : undefined,\n          }}\n        >\n          {dialogContent}\n        </Dialog>\n      </FollowerAuthenticationDialogContextProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":["theme","themeOptions"],"mappings":"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"}
+{"version":3,"file":"FollowerAuthenticationDialog.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.tsx"],"sourcesContent":["import { createTheme, Dialog, Grid, Theme, ThemeProvider, useMediaQuery } from '@material-ui/core'\nimport React, { useEffect, useId, useState } from 'react'\nimport { FollowerAuthenticationDialogContextProvider } from './context'\nimport { FollowerAuthenticationBody } from './FollowerAuthenticationBody'\nimport { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton'\nimport { FollowerAuthenticationContent } from './FollowerAuthenticationContent'\nimport { FollowerAuthenticationDialogProps, MessageKey } from './FollowerAuthenticationDialogProps'\nimport { FollowerAuthenticationFooter } from './FollowerAuthenticationFooter'\nimport { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic'\nimport { FollowerAuthenticationInfo } from './FollowerAuthenticationInfo'\nimport { FollowerAuthenticationLogoContainer } from './FollowerAuthenticationLogoContainer'\nimport { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle'\nimport { FollowerAuthenticationVipBenefitRows } from './FollowerAuthenticationVipBenefitRows'\nimport { FollowerAuthenticationVipLogo } from './FollowerAuthenticationVipLogo'\nimport { theme as themeOptions } from './theme'\n\nexport const FollowerAuthenticationDialog = (props: FollowerAuthenticationDialogProps) => {\n  const { open, showCloseButton = true, ...restProps } = props\n  const theme = createTheme(themeOptions)\n  const fullScreen = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'))\n  const handleClose = () => {\n    restProps.onActionButtonClick('close')\n  }\n  const titleId = useId()\n  const showV2 = !!restProps.showV2\n\n  const stepValue = restProps.state.value\n  const stepTitle = restProps.messages[`${stepValue}Title` as MessageKey]\n  const hasStepTitle = stepTitle !== undefined && stepTitle !== null && stepTitle !== '' && stepTitle !== false\n  const initialTitle = typeof restProps.messages.initialTitle === 'string' ? restProps.messages.initialTitle : undefined\n\n  const [paper, setPaper] = useState<HTMLDivElement | null>(null)\n  useEffect(() => {\n    if (open) paper?.focus()\n  }, [open, paper, stepValue])\n\n  const showSidebar =\n    showV2 && (typeof restProps.logoUrl === 'string' || typeof restProps.signUpBackgroundImageUrl === 'string')\n\n  const dialogInner = (\n    <FollowerAuthenticationContent>\n      <FollowerAuthenticationCloseButton show={showCloseButton} />\n      <FollowerAuthenticationVipLogo />\n      <FollowerAuthenticationGraphic />\n      <FollowerAuthenticationTitle id={hasStepTitle ? titleId : undefined} />\n      <FollowerAuthenticationInfo />\n      <FollowerAuthenticationVipBenefitRows />\n      <FollowerAuthenticationBody />\n      <FollowerAuthenticationFooter />\n    </FollowerAuthenticationContent>\n  )\n\n  const dialogContent = showSidebar ? (\n    <Grid container>\n      <Grid item lg={4} md={3} xs={12}>\n        <FollowerAuthenticationLogoContainer />\n      </Grid>\n      <Grid item lg={8} md={9} xs={12}>\n        {dialogInner}\n      </Grid>\n    </Grid>\n  ) : (\n    dialogInner\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <FollowerAuthenticationDialogContextProvider value={restProps}>\n        <Dialog\n          open={open}\n          fullScreen={fullScreen}\n          maxWidth={showV2 ? false : undefined}\n          onClose={handleClose}\n          PaperProps={{\n            ref: setPaper,\n            tabIndex: -1,\n            ...(hasStepTitle ? { 'aria-labelledby': titleId } : { 'aria-label': initialTitle }),\n            'aria-modal': 'true',\n            style: { outline: 'none', ...(showV2 && { maxWidth: showSidebar ? 800 : 540, width: '100%' }) },\n          }}\n        >\n          {dialogContent}\n        </Dialog>\n      </FollowerAuthenticationDialogContextProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":["theme","themeOptions"],"mappings":"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"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialogProps.d.ts

@@ -16,6 +16,8 @@ export type FollowerAuthenticationDialogProps = {
     messages: Record<MessageKey, ReactNode> & {
         closeButtonLabel: string;
         smsAccessCodeDisclaimer?: ReactNode;
+        /** Appended to the name of a required select, heard but not seen. Defaults to 'required'. */
+        requiredFieldLabel?: ReactNode;
     };
     locationOptions: LocationOption[];
     loading: boolean;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js

@@ -4,6 +4,7 @@ import { makeStyles, TextField, Button, Box, FormControlLabel, Typography, Check
 import { FollowerAuthenticationUserForm } from './FollowerAuthenticationUserForm.js';
 import { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy.js';
 import { validatePhoneNumber } from './phoneValidation.js';
+import { renderSelectValue } from '../../util/selectDisplay.js';
 
 const useStyles = makeStyles({
     checkboxLabel: {
@@ -25,7 +26,8 @@ const useStyles = makeStyles({
     },
 });
 function LocationAndBirthday({ checkFieldValidity, classes, loading, locationOptions, messages, showLocationErrorText, showV2, }) {
-    const locationSelect = (React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, id: "location-input", inputProps: { required: true }, name: "location" }, locationOptions.map((locationOption) => (React.createElement(MenuItem, { "data-cy": 'option', key: locationOption.value, value: locationOption.value }, locationOption.label)))));
+    const locationItems = locationOptions.map((locationOption) => (React.createElement(MenuItem, { "data-cy": 'option', key: locationOption.value, value: locationOption.value }, locationOption.label)));
+    const locationSelect = (React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, id: "location-input", inputProps: { required: true }, name: "location", SelectProps: { displayEmpty: true, renderValue: renderSelectValue(locationItems) } }, locationItems));
     if (showV2) {
         return (React.createElement(React.Fragment, null,
             React.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 4, style: { width: '100%' } },

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useEffect, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Checkbox, FormControlLabel, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\nimport { FollowerAuthenticationUserForm } from './FollowerAuthenticationUserForm'\nimport { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy'\nimport { validatePhoneNumber } from './phoneValidation'\n\nconst useStyles = makeStyles({\n  checkboxLabel: {\n    '& > a': {\n      textDecoration: 'underline',\n    },\n    fontSize: '0.75rem',\n  },\n  form: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n    width: '100%',\n  },\n  label: {\n    alignSelf: 'start',\n    fontSize: '0.85rem',\n  },\n})\n\ntype LocationAndBirthdayProps = {\n  checkFieldValidity: ChangeEventHandler<HTMLInputElement>\n  classes: { label: string }\n  loading: boolean\n  locationOptions: { label: string; value: string }[]\n  messages: Record<MessageKey, ReactNode>\n  showLocationErrorText: boolean | undefined\n  showV2: boolean | undefined\n}\n\nfunction LocationAndBirthday({\n  checkFieldValidity,\n  classes,\n  loading,\n  locationOptions,\n  messages,\n  showLocationErrorText,\n  showV2,\n}: LocationAndBirthdayProps) {\n  const locationSelect = (\n    <TextField\n      disabled={loading}\n      select\n      onChange={checkFieldValidity}\n      label={messages.signUpLocationInputLabel}\n      error={showLocationErrorText}\n      helperText={showLocationErrorText && messages.signUpLocationErrorText}\n      id=\"location-input\"\n      inputProps={{ required: true }}\n      name=\"location\"\n    >\n      {locationOptions.map((locationOption) => (\n        <MenuItem data-cy={'option'} key={locationOption.value} value={locationOption.value}>\n          {locationOption.label}\n        </MenuItem>\n      ))}\n    </TextField>\n  )\n\n  if (showV2) {\n    return (\n      <>\n        <Box display=\"flex\" flexDirection=\"column\" gridGap={4} style={{ width: '100%' }}>\n          <Typography className={classes.label}>{messages.signUpBirthdaySectionLabel}</Typography>\n          <Box display=\"flex\" gridGap={16}>\n            <TextField\n              disabled={loading}\n              label={messages.signUpMonthInputLabel}\n              id=\"birthday-month-input\"\n              name=\"birthdayMonth\"\n              style={{ flex: 1 }}\n            />\n            <TextField\n              disabled={loading}\n              label={messages.signUpDayInputLabel}\n              id=\"birthday-date-input\"\n              name=\"birthdayDate\"\n              style={{ flex: 1 }}\n            />\n          </Box>\n        </Box>\n        {locationSelect}\n      </>\n    )\n  }\n\n  return (\n    <>\n      {locationSelect}\n      <Typography style={{ alignSelf: 'start' }}>{messages.signUpBirthdaySectionLabel}</Typography>\n      <TextField\n        disabled={loading}\n        label={messages.signUpMonthInputLabel}\n        id=\"birthday-month-input\"\n        name=\"birthdayMonth\"\n      />\n      <TextField disabled={loading} label={messages.signUpDayInputLabel} id=\"birthday-date-input\" name=\"birthdayDate\" />\n    </>\n  )\n}\n\nexport const FollowerAuthenticationForm = () => {\n  const {\n    state,\n    messages,\n    locationOptions,\n    onActionButtonClick,\n    loading,\n    showV2,\n    showSubscribeEmail,\n    showSubscribeSms,\n  } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n\n  // sign-up form state\n  const formRef = useRef<HTMLFormElement>(null)\n  const [formValidity, setFormValidity] = useState(false)\n  const [showNameErrorText, setShowNameErrorText] = useState<boolean | undefined>()\n  const [showPhoneErrorText, setShowPhoneErrorText] = useState<boolean | undefined>()\n  const [showEmailErrorText, setShowEmailErrorText] = useState<boolean | undefined>()\n  const [showLocationErrorText, setShowLocationErrorText] = useState<boolean | undefined>()\n  const [signUpNameValue, setSignUpNameValue] = useState(state.context.name || '')\n  const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '')\n  const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '')\n\n  const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fieldName = e.target.name\n    const fieldValue = e.target.value\n\n    switch (fieldName) {\n      case 'name':\n        const isNameValid = fieldValue.length > 0\n        setSignUpNameValue(fieldValue)\n        setShowNameErrorText(!isNameValid)\n        break\n      case 'phone':\n        const isPhoneValid = validatePhoneNumber(fieldValue)\n        setSignUpPhoneValue(fieldValue)\n        setShowPhoneErrorText(!isPhoneValid && fieldValue.length > 0)\n        break\n      case 'email':\n        const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setSignUpEmailValue(fieldValue)\n        setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n        break\n      case 'location':\n        setShowLocationErrorText(!fieldValue)\n        break\n      default:\n        break\n    }\n  }\n\n  useEffect(() => {\n    setSignUpNameValue(state.context.name || '')\n    setSignUpPhoneValue(state.context.phone || '')\n    setSignUpEmailValue(state.context.email || '')\n  }, [state.context.name, state.context.phone, state.context.email])\n\n  useEffect(() => {\n    // Validate pre-filled values (only in signUp state)\n    if (state.value === 'signUp') {\n      if (signUpPhoneValue) {\n        const isPhoneValid = validatePhoneNumber(signUpPhoneValue)\n        setShowPhoneErrorText(!isPhoneValid)\n      }\n      if (signUpEmailValue) {\n        const emailField = formRef.current?.elements.namedItem('email') as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setShowEmailErrorText(!isEmailValid)\n      }\n    }\n\n    const hasValidName = Boolean(signUpNameValue) && !showNameErrorText\n    const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText\n    const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText\n\n    const locationField = formRef.current?.elements.namedItem('location') as HTMLInputElement\n    const hasValidLocation = locationField ? Boolean(locationField.value) : true\n\n    const hasValidContact = showV2 ? hasValidName && hasValidPhone && hasValidEmail : hasValidPhone || hasValidEmail\n    setFormValidity(hasValidContact && hasValidLocation)\n  }, [\n    showV2,\n    state.value,\n    signUpPhoneValue,\n    signUpEmailValue,\n    showPhoneErrorText,\n    showEmailErrorText,\n    showLocationErrorText,\n    signUpNameValue,\n    showNameErrorText,\n  ])\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const form = e.target as HTMLFormElement\n    const formData = new FormData(form)\n    const values = Object.fromEntries(formData.entries()) as Record<string, string>\n    if (state.value === 'signUp') {\n      values.subscribeEmail = String(formData.has('subscribeEmail'))\n      values.subscribeSms = String(formData.has('subscribeSms'))\n    }\n    onActionButtonClick('submit-form', values)\n  }\n  const formProps = {\n    key: state.value,\n    id: 'follower-authentication-form',\n    className: classes.form,\n    onSubmit: handleSubmit,\n  }\n  switch (state.value) {\n    case 'initial':\n      return (\n        <form {...formProps}>\n          <Box alignSelf=\"stretch\" display=\"flex\" flexDirection=\"column\" width=\"100%\">\n            <TextField disabled={loading} label={messages.initialInputLabel} id=\"identifier-input\" name=\"identifier\" />\n            {messages.smsAccessCodeDisclaimer}\n          </Box>\n          <Button disabled={loading} type=\"submit\">\n            {messages.initialCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'signUp':\n      return (\n        <form\n          ref={formRef}\n          {...formProps}\n          onInvalid={(e) => {\n            e.preventDefault()\n          }}\n        >\n          <TextField\n            disabled={loading}\n            label={messages.signUpPhoneInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            onChange={checkFieldValidity}\n            error={showPhoneErrorText}\n            helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n            inputProps={{\n              required: showV2 || !signUpEmailValue,\n            }}\n            defaultValue={state.context.phone}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.signUpNameInputLabel}\n            id=\"name-input\"\n            name=\"name\"\n            onChange={checkFieldValidity}\n            error={showNameErrorText}\n            inputProps={{ required: true }}\n            defaultValue={state.context.name}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.signUpEmailInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            error={showEmailErrorText}\n            helperText={showEmailErrorText && messages.signUpEmailErrorText}\n            onChange={checkFieldValidity}\n            inputProps={{\n              required: showV2 || !signUpPhoneValue,\n              type: 'email',\n            }}\n            defaultValue={state.context.email}\n          />\n          <LocationAndBirthday\n            checkFieldValidity={checkFieldValidity}\n            classes={classes}\n            loading={loading}\n            locationOptions={locationOptions}\n            messages={messages}\n            showLocationErrorText={showLocationErrorText}\n            showV2={showV2}\n          />\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-start\" gridGap={2} width=\"100%\">\n            {showSubscribeEmail && (\n              <FormControlLabel\n                style={{ alignItems: 'flex-start' }}\n                control={<Checkbox id=\"subscribe-email\" name=\"subscribeEmail\" disabled={loading} color=\"primary\" />}\n                label={\n                  <Typography className={classes.checkboxLabel}>{messages.subscribeEmailCheckboxLabel}</Typography>\n                }\n              />\n            )}\n            {showSubscribeSms && (\n              <FormControlLabel\n                style={{ alignItems: 'flex-start' }}\n                control={<Checkbox id=\"subscribe-sms\" name=\"subscribeSms\" disabled={loading} color=\"primary\" />}\n                label={<Typography className={classes.checkboxLabel}>{messages.subscribeSmsCheckboxLabel}</Typography>}\n              />\n            )}\n          </Box>\n          <FollowerAuthenticationPrivacyPolicy />\n          <Button disabled={loading || !formValidity} type=\"submit\">\n            {messages.signUp}\n          </Button>\n        </form>\n      )\n    case 'emailFound':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.emailFoundInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            value={state.context.email}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.emailFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'emailAuthCode':\n      return (\n        <form {...formProps}>\n          <TextField disabled={loading} label={messages.emailAuthCodeInputLabel} id=\"code-input\" name=\"code\" />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'emailMagicLinkSent':\n      return (\n        <Button\n          disabled={loading}\n          onClick={() => {\n            onActionButtonClick('close')\n          }}\n        >\n          {messages.emailMagicLinkSentCtaButtonLabel}\n        </Button>\n      )\n    case 'indirectUserFound': {\n      const isEmail = Boolean(state.context.email)\n      const isPhone = Boolean(state.context.phone)\n      if (!isEmail && !isPhone) return null\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={isEmail ? messages.emailFoundInputLabel : messages.phoneFoundInputLabel}\n            id={isEmail ? 'email-input' : 'phone-input'}\n            name={isEmail ? 'email' : 'phone'}\n            value={isEmail ? state.context.email : state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.indirectUserFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    }\n    case 'emailPasswordSignIn':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.emailFoundInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            value={state.context.email}\n            InputLabelProps={{ shrink: true }}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.passwordInputLabel}\n            id=\"password-input\"\n            name=\"password\"\n            inputProps={{ type: 'password' }}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'phoneFound':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneFoundInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.phoneFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'phoneAuthCode':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneAuthCodeInputLabel}\n            id=\"code-input\"\n            name=\"code\"\n            autoComplete=\"one-time-code\"\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'phonePasswordSignIn':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneFoundInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n            InputLabelProps={{ shrink: true }}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.passwordInputLabel}\n            id=\"password-input\"\n            name=\"password\"\n            inputProps={{ type: 'password' }}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'requirePhone':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.requirePhoneInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.requirePhoneCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'completeProfile':\n      return <FollowerAuthenticationUserForm />\n    case 'confirmPendingEmail':\n      return (\n        <form {...formProps}>\n          <TextField disabled={loading} label={messages.emailAuthCodeInputLabel} id=\"code-input\" name=\"code\" />\n          <Button disabled={loading} type=\"submit\">\n            {messages.confirmPendingEmailCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'welcome':\n      return null\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FollowerAuthenticationForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useEffect, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Checkbox, FormControlLabel, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\nimport { FollowerAuthenticationUserForm } from './FollowerAuthenticationUserForm'\nimport { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy'\nimport { validatePhoneNumber } from './phoneValidation'\nimport { renderSelectValue } from '../../util/selectDisplay'\n\nconst useStyles = makeStyles({\n  checkboxLabel: {\n    '& > a': {\n      textDecoration: 'underline',\n    },\n    fontSize: '0.75rem',\n  },\n  form: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n    width: '100%',\n  },\n  label: {\n    alignSelf: 'start',\n    fontSize: '0.85rem',\n  },\n})\n\ntype LocationAndBirthdayProps = {\n  checkFieldValidity: ChangeEventHandler<HTMLInputElement>\n  classes: { label: string }\n  loading: boolean\n  locationOptions: { label: string; value: string }[]\n  messages: Record<MessageKey, ReactNode>\n  showLocationErrorText: boolean | undefined\n  showV2: boolean | undefined\n}\n\nfunction LocationAndBirthday({\n  checkFieldValidity,\n  classes,\n  loading,\n  locationOptions,\n  messages,\n  showLocationErrorText,\n  showV2,\n}: LocationAndBirthdayProps) {\n  const locationItems = locationOptions.map((locationOption) => (\n    <MenuItem data-cy={'option'} key={locationOption.value} value={locationOption.value}>\n      {locationOption.label}\n    </MenuItem>\n  ))\n\n  const locationSelect = (\n    <TextField\n      disabled={loading}\n      select\n      onChange={checkFieldValidity}\n      label={messages.signUpLocationInputLabel}\n      error={showLocationErrorText}\n      helperText={showLocationErrorText && messages.signUpLocationErrorText}\n      id=\"location-input\"\n      inputProps={{ required: true }}\n      name=\"location\"\n      SelectProps={{ displayEmpty: true, renderValue: renderSelectValue(locationItems) }}\n    >\n      {locationItems}\n    </TextField>\n  )\n\n  if (showV2) {\n    return (\n      <>\n        <Box display=\"flex\" flexDirection=\"column\" gridGap={4} style={{ width: '100%' }}>\n          <Typography className={classes.label}>{messages.signUpBirthdaySectionLabel}</Typography>\n          <Box display=\"flex\" gridGap={16}>\n            <TextField\n              disabled={loading}\n              label={messages.signUpMonthInputLabel}\n              id=\"birthday-month-input\"\n              name=\"birthdayMonth\"\n              style={{ flex: 1 }}\n            />\n            <TextField\n              disabled={loading}\n              label={messages.signUpDayInputLabel}\n              id=\"birthday-date-input\"\n              name=\"birthdayDate\"\n              style={{ flex: 1 }}\n            />\n          </Box>\n        </Box>\n        {locationSelect}\n      </>\n    )\n  }\n\n  return (\n    <>\n      {locationSelect}\n      <Typography style={{ alignSelf: 'start' }}>{messages.signUpBirthdaySectionLabel}</Typography>\n      <TextField\n        disabled={loading}\n        label={messages.signUpMonthInputLabel}\n        id=\"birthday-month-input\"\n        name=\"birthdayMonth\"\n      />\n      <TextField disabled={loading} label={messages.signUpDayInputLabel} id=\"birthday-date-input\" name=\"birthdayDate\" />\n    </>\n  )\n}\n\nexport const FollowerAuthenticationForm = () => {\n  const {\n    state,\n    messages,\n    locationOptions,\n    onActionButtonClick,\n    loading,\n    showV2,\n    showSubscribeEmail,\n    showSubscribeSms,\n  } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n\n  // sign-up form state\n  const formRef = useRef<HTMLFormElement>(null)\n  const [formValidity, setFormValidity] = useState(false)\n  const [showNameErrorText, setShowNameErrorText] = useState<boolean | undefined>()\n  const [showPhoneErrorText, setShowPhoneErrorText] = useState<boolean | undefined>()\n  const [showEmailErrorText, setShowEmailErrorText] = useState<boolean | undefined>()\n  const [showLocationErrorText, setShowLocationErrorText] = useState<boolean | undefined>()\n  const [signUpNameValue, setSignUpNameValue] = useState(state.context.name || '')\n  const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '')\n  const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '')\n\n  const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fieldName = e.target.name\n    const fieldValue = e.target.value\n\n    switch (fieldName) {\n      case 'name':\n        const isNameValid = fieldValue.length > 0\n        setSignUpNameValue(fieldValue)\n        setShowNameErrorText(!isNameValid)\n        break\n      case 'phone':\n        const isPhoneValid = validatePhoneNumber(fieldValue)\n        setSignUpPhoneValue(fieldValue)\n        setShowPhoneErrorText(!isPhoneValid && fieldValue.length > 0)\n        break\n      case 'email':\n        const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setSignUpEmailValue(fieldValue)\n        setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n        break\n      case 'location':\n        setShowLocationErrorText(!fieldValue)\n        break\n      default:\n        break\n    }\n  }\n\n  useEffect(() => {\n    setSignUpNameValue(state.context.name || '')\n    setSignUpPhoneValue(state.context.phone || '')\n    setSignUpEmailValue(state.context.email || '')\n  }, [state.context.name, state.context.phone, state.context.email])\n\n  useEffect(() => {\n    // Validate pre-filled values (only in signUp state)\n    if (state.value === 'signUp') {\n      if (signUpPhoneValue) {\n        const isPhoneValid = validatePhoneNumber(signUpPhoneValue)\n        setShowPhoneErrorText(!isPhoneValid)\n      }\n      if (signUpEmailValue) {\n        const emailField = formRef.current?.elements.namedItem('email') as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setShowEmailErrorText(!isEmailValid)\n      }\n    }\n\n    const hasValidName = Boolean(signUpNameValue) && !showNameErrorText\n    const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText\n    const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText\n\n    const locationField = formRef.current?.elements.namedItem('location') as HTMLInputElement\n    const hasValidLocation = locationField ? Boolean(locationField.value) : true\n\n    const hasValidContact = showV2 ? hasValidName && hasValidPhone && hasValidEmail : hasValidPhone || hasValidEmail\n    setFormValidity(hasValidContact && hasValidLocation)\n  }, [\n    showV2,\n    state.value,\n    signUpPhoneValue,\n    signUpEmailValue,\n    showPhoneErrorText,\n    showEmailErrorText,\n    showLocationErrorText,\n    signUpNameValue,\n    showNameErrorText,\n  ])\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const form = e.target as HTMLFormElement\n    const formData = new FormData(form)\n    const values = Object.fromEntries(formData.entries()) as Record<string, string>\n    if (state.value === 'signUp') {\n      values.subscribeEmail = String(formData.has('subscribeEmail'))\n      values.subscribeSms = String(formData.has('subscribeSms'))\n    }\n    onActionButtonClick('submit-form', values)\n  }\n  const formProps = {\n    key: state.value,\n    id: 'follower-authentication-form',\n    className: classes.form,\n    onSubmit: handleSubmit,\n  }\n  switch (state.value) {\n    case 'initial':\n      return (\n        <form {...formProps}>\n          <Box alignSelf=\"stretch\" display=\"flex\" flexDirection=\"column\" width=\"100%\">\n            <TextField disabled={loading} label={messages.initialInputLabel} id=\"identifier-input\" name=\"identifier\" />\n            {messages.smsAccessCodeDisclaimer}\n          </Box>\n          <Button disabled={loading} type=\"submit\">\n            {messages.initialCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'signUp':\n      return (\n        <form\n          ref={formRef}\n          {...formProps}\n          onInvalid={(e) => {\n            e.preventDefault()\n          }}\n        >\n          <TextField\n            disabled={loading}\n            label={messages.signUpPhoneInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            onChange={checkFieldValidity}\n            error={showPhoneErrorText}\n            helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n            inputProps={{\n              required: showV2 || !signUpEmailValue,\n            }}\n            defaultValue={state.context.phone}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.signUpNameInputLabel}\n            id=\"name-input\"\n            name=\"name\"\n            onChange={checkFieldValidity}\n            error={showNameErrorText}\n            inputProps={{ required: true }}\n            defaultValue={state.context.name}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.signUpEmailInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            error={showEmailErrorText}\n            helperText={showEmailErrorText && messages.signUpEmailErrorText}\n            onChange={checkFieldValidity}\n            inputProps={{\n              required: showV2 || !signUpPhoneValue,\n              type: 'email',\n            }}\n            defaultValue={state.context.email}\n          />\n          <LocationAndBirthday\n            checkFieldValidity={checkFieldValidity}\n            classes={classes}\n            loading={loading}\n            locationOptions={locationOptions}\n            messages={messages}\n            showLocationErrorText={showLocationErrorText}\n            showV2={showV2}\n          />\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-start\" gridGap={2} width=\"100%\">\n            {showSubscribeEmail && (\n              <FormControlLabel\n                style={{ alignItems: 'flex-start' }}\n                control={<Checkbox id=\"subscribe-email\" name=\"subscribeEmail\" disabled={loading} color=\"primary\" />}\n                label={\n                  <Typography className={classes.checkboxLabel}>{messages.subscribeEmailCheckboxLabel}</Typography>\n                }\n              />\n            )}\n            {showSubscribeSms && (\n              <FormControlLabel\n                style={{ alignItems: 'flex-start' }}\n                control={<Checkbox id=\"subscribe-sms\" name=\"subscribeSms\" disabled={loading} color=\"primary\" />}\n                label={<Typography className={classes.checkboxLabel}>{messages.subscribeSmsCheckboxLabel}</Typography>}\n              />\n            )}\n          </Box>\n          <FollowerAuthenticationPrivacyPolicy />\n          <Button disabled={loading || !formValidity} type=\"submit\">\n            {messages.signUp}\n          </Button>\n        </form>\n      )\n    case 'emailFound':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.emailFoundInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            value={state.context.email}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.emailFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'emailAuthCode':\n      return (\n        <form {...formProps}>\n          <TextField disabled={loading} label={messages.emailAuthCodeInputLabel} id=\"code-input\" name=\"code\" />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'emailMagicLinkSent':\n      return (\n        <Button\n          disabled={loading}\n          onClick={() => {\n            onActionButtonClick('close')\n          }}\n        >\n          {messages.emailMagicLinkSentCtaButtonLabel}\n        </Button>\n      )\n    case 'indirectUserFound': {\n      const isEmail = Boolean(state.context.email)\n      const isPhone = Boolean(state.context.phone)\n      if (!isEmail && !isPhone) return null\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={isEmail ? messages.emailFoundInputLabel : messages.phoneFoundInputLabel}\n            id={isEmail ? 'email-input' : 'phone-input'}\n            name={isEmail ? 'email' : 'phone'}\n            value={isEmail ? state.context.email : state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.indirectUserFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    }\n    case 'emailPasswordSignIn':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.emailFoundInputLabel}\n            id=\"email-input\"\n            name=\"email\"\n            value={state.context.email}\n            InputLabelProps={{ shrink: true }}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.passwordInputLabel}\n            id=\"password-input\"\n            name=\"password\"\n            inputProps={{ type: 'password' }}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'phoneFound':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneFoundInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.phoneFoundCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'phoneAuthCode':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneAuthCodeInputLabel}\n            id=\"code-input\"\n            name=\"code\"\n            autoComplete=\"one-time-code\"\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'phonePasswordSignIn':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.phoneFoundInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n            InputLabelProps={{ shrink: true }}\n          />\n          <TextField\n            disabled={loading}\n            label={messages.passwordInputLabel}\n            id=\"password-input\"\n            name=\"password\"\n            inputProps={{ type: 'password' }}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.signIn}\n          </Button>\n        </form>\n      )\n    case 'requirePhone':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.requirePhoneInputLabel}\n            id=\"phone-input\"\n            name=\"phone\"\n            value={state.context.phone}\n          />\n          <Button disabled={loading} type=\"submit\">\n            {messages.requirePhoneCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'completeProfile':\n      return <FollowerAuthenticationUserForm />\n    case 'confirmPendingEmail':\n      return (\n        <form {...formProps}>\n          <TextField disabled={loading} label={messages.emailAuthCodeInputLabel} id=\"code-input\" name=\"code\" />\n          <Button disabled={loading} type=\"submit\">\n            {messages.confirmPendingEmailCtaButtonLabel}\n          </Button>\n        </form>\n      )\n    case 'welcome':\n      return null\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const FollowerAuthenticationTitle: () => React.JSX.Element;
+export declare const FollowerAuthenticationTitle: ({ id }: {
+    id?: string;
+}) => React.JSX.Element;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.js

@@ -2,11 +2,11 @@ import React from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 import { Box, Typography } from '@material-ui/core';
 
-const FollowerAuthenticationTitle = () => {
+const FollowerAuthenticationTitle = ({ id }) => {
     const { state, messages } = useFollowerAuthenticationDialogContext();
     const title = messages[`${state.value}Title`];
     return (React.createElement(Box, null,
-        React.createElement(Typography, { variant: "h1", align: "center" }, title)));
+        React.createElement(Typography, { variant: "h1", align: "center", id: id }, title)));
 };
 
 export { FollowerAuthenticationTitle };

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationTitle.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\n\nexport const FollowerAuthenticationTitle = () => {\n  const { state, messages } = useFollowerAuthenticationDialogContext()\n  const title = messages[`${state.value}Title` as MessageKey]\n  return (\n    <Box>\n      <Typography variant=\"h1\" align=\"center\">\n        {title}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,2BAA2B,GAAG,MAAK;IAC9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sCAAsC,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAC,KAAK,CAAqB,KAAA,CAAA,CAAC;IAC3D,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EACpC,EAAA,KAAK,CACK,CACT;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationTitle.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\n\nexport const FollowerAuthenticationTitle = ({ id }: { id?: string }) => {\n  const { state, messages } = useFollowerAuthenticationDialogContext()\n  const title = messages[`${state.value}Title` as MessageKey]\n  return (\n    <Box>\n      <Typography variant=\"h1\" align=\"center\" id={id}>\n        {title}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;MAKa,2BAA2B,GAAG,CAAC,EAAE,EAAE,EAAmB,KAAI;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sCAAsC,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAC,KAAK,CAAqB,KAAA,CAAA,CAAC;IAC3D,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAA,EAC3C,KAAK,CACK,CACT;AAEV;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.js

@@ -4,6 +4,7 @@ import { makeStyles, TextField, MenuItem, Box, FormControlLabel, Typography, Che
 import { Divider } from '../Divider/Divider.js';
 import { formatPhoneNumber, validatePhoneNumber } from './phoneValidation.js';
 import { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy.js';
+import { renderSelectValue } from '../../util/selectDisplay.js';
 
 const getDaysInMonth = (month) => {
     const m = parseInt(month, 10);
@@ -48,8 +49,9 @@ const useStyles = makeStyles((theme) => ({
     pickerField: {
         flex: 1,
     },
-    // Heard only as part of the field name. The visible section heading is aria-hidden.
-    groupName: {
+    // Heard as part of a field name without being seen. The visible equivalents are
+    // either aria-hidden, like the section heading, or the required asterisk MUI draws.
+    visuallyHidden: {
         border: 0,
         clip: 'rect(0 0 0 0)',
         height: 1,
@@ -61,14 +63,23 @@ const useStyles = makeStyles((theme) => ({
         width: 1,
     },
 }));
-// MUI 4 draws a select as role="button", and that role cannot be required.
-// The visible control is a combobox so aria-required is valid and announced.
-const SelectField = ({ required = false, id, SelectProps, children, ...textFieldProps }) => {
+// Popup button, matching the checkout quantity select. aria-expanded stays present
+// while closed so VoiceOver announces collapsed; MUI would otherwise omit it until
+// the list opens. A button cannot take aria-required, so the required state rides
+// along in the field name instead.
+const SelectField = ({ required = false, id, SelectProps, children, label, ...textFieldProps }) => {
+    const classes = useStyles();
+    const { messages } = useFollowerAuthenticationDialogContext();
     const [open, setOpen] = useState(false);
     const listboxId = `${id}-listbox`;
-    return (React.createElement(TextField, { ...textFieldProps, id: id, select: true, required: required, SelectProps: {
+    return (React.createElement(TextField, { ...textFieldProps, id: id, select: true, required: required, label: required ? (React.createElement(React.Fragment, null,
+            label,
+            React.createElement("span", { className: classes.visuallyHidden },
+                " ",
+                messages.requiredFieldLabel ?? 'required'))) : (label), SelectProps: {
             ...SelectProps,
-            open,
+            displayEmpty: true,
+            renderValue: renderSelectValue(children),
             onOpen: (event) => {
                 setOpen(true);
                 SelectProps?.onOpen?.(event);
@@ -88,12 +99,9 @@ const SelectField = ({ required = false, id, SelectProps, children, ...textField
             },
             SelectDisplayProps: {
                 ...SelectProps?.SelectDisplayProps,
-                role: 'combobox',
-                'aria-autocomplete': 'none',
-                'aria-expanded': open,
                 'aria-controls': listboxId,
+                'aria-expanded': open,
                 'aria-haspopup': 'listbox',
-                'aria-required': required ? true : undefined,
             },
         } }, children));
 };
@@ -101,7 +109,7 @@ const MonthDayPicker = ({ sectionLabel, monthLabel, dayLabel, monthId, dayId, mo
     const classes = useStyles();
     const dayOptions = useMemo(() => Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })), [monthValue]);
     const fieldLabel = (label) => (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: classes.groupName },
+        React.createElement("span", { className: classes.visuallyHidden },
             sectionLabel,
             " "),
         label));

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationUserForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useEffect, useMemo, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Checkbox, FormControlLabel, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\nimport { Divider } from '../Divider'\nimport { validatePhoneNumber, formatPhoneNumber } from './phoneValidation'\nimport { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy'\n\nconst getDaysInMonth = (month: string): number => {\n  const m = parseInt(month, 10)\n  if (!m) return 31\n  // Allow 29 for Feb to support leap year birthdays/anniversaries\n  const days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]\n  return days[m - 1]\n}\n\nconst useStyles = makeStyles((theme) => ({\n  checkboxLabel: {\n    '& > a': {\n      textDecoration: 'underline',\n    },\n    fontSize: '0.75rem',\n  },\n  form: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n    width: '100%',\n  },\n  sectionLabel: {\n    alignSelf: 'start',\n    fontSize: '0.75rem',\n  },\n  divider: {\n    width: '100%',\n  },\n  pickerContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1),\n    width: '100%',\n  },\n  pickerFieldsRow: {\n    display: 'flex',\n    gridGap: theme.spacing(2),\n    width: '100%',\n  },\n  pickerField: {\n    flex: 1,\n  },\n  // Heard only as part of the field name. The visible section heading is aria-hidden.\n  groupName: {\n    border: 0,\n    clip: 'rect(0 0 0 0)',\n    height: 1,\n    margin: -1,\n    overflow: 'hidden',\n    padding: 0,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n    width: 1,\n  },\n}))\n\ntype SelectFieldProps = Omit<React.ComponentProps<typeof TextField>, 'select'> & {\n  id: string\n}\n\n// MUI 4 draws a select as role=\"button\", and that role cannot be required.\n// The visible control is a combobox so aria-required is valid and announced.\nconst SelectField = ({ required = false, id, SelectProps, children, ...textFieldProps }: SelectFieldProps) => {\n  const [open, setOpen] = useState(false)\n  const listboxId = `${id}-listbox`\n\n  return (\n    <TextField\n      {...textFieldProps}\n      id={id}\n      select\n      required={required}\n      SelectProps={{\n        ...SelectProps,\n        open,\n        onOpen: (event) => {\n          setOpen(true)\n          SelectProps?.onOpen?.(event)\n        },\n        onClose: (event) => {\n          setOpen(false)\n          SelectProps?.onClose?.(event)\n        },\n        MenuProps: {\n          ...SelectProps?.MenuProps,\n          // Keeps the listbox in the DOM so aria-controls always resolves.\n          keepMounted: true,\n          MenuListProps: {\n            ...SelectProps?.MenuProps?.MenuListProps,\n            id: listboxId,\n          },\n        },\n        SelectDisplayProps: {\n          ...SelectProps?.SelectDisplayProps,\n          role: 'combobox',\n          'aria-autocomplete': 'none',\n          'aria-expanded': open,\n          'aria-controls': listboxId,\n          'aria-haspopup': 'listbox',\n          'aria-required': required ? true : undefined,\n        },\n      }}\n    >\n      {children}\n    </TextField>\n  )\n}\n\ntype MonthDayPickerProps = {\n  sectionLabel: ReactNode\n  monthLabel: ReactNode\n  dayLabel: ReactNode\n  monthId: string\n  dayId: string\n  monthName: string\n  dayName: string\n  monthValue: string\n  dayValue: string\n  onMonthChange: (value: string) => void\n  onDayChange: (value: string) => void\n  required: boolean\n  disabled: boolean\n  monthOptions: { label: ReactNode; value: string }[]\n}\n\nconst MonthDayPicker = ({\n  sectionLabel,\n  monthLabel,\n  dayLabel,\n  monthId,\n  dayId,\n  monthName,\n  dayName,\n  monthValue,\n  dayValue,\n  onMonthChange,\n  onDayChange,\n  required,\n  disabled,\n  monthOptions,\n}: MonthDayPickerProps) => {\n  const classes = useStyles()\n  const dayOptions = useMemo(\n    () =>\n      Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [monthValue],\n  )\n  const fieldLabel = (label: ReactNode) => (\n    <>\n      <span className={classes.groupName}>{sectionLabel} </span>\n      {label}\n    </>\n  )\n\n  return (\n    <Box className={classes.pickerContainer}>\n      <Typography aria-hidden=\"true\" className={classes.sectionLabel}>\n        {sectionLabel}\n      </Typography>\n      <Box className={classes.pickerFieldsRow}>\n        <SelectField\n          disabled={disabled}\n          label={fieldLabel(monthLabel)}\n          id={monthId}\n          name={monthName}\n          value={monthValue}\n          onChange={(e) => {\n            const newMonth = e.target.value\n            onMonthChange(newMonth)\n            if (dayValue && parseInt(dayValue, 10) > getDaysInMonth(newMonth)) {\n              onDayChange('')\n            }\n          }}\n          required={required || Boolean(dayValue)}\n          className={classes.pickerField}\n        >\n          {monthOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n        <SelectField\n          disabled={disabled}\n          label={fieldLabel(dayLabel)}\n          id={dayId}\n          name={dayName}\n          value={dayValue}\n          onChange={(e) => onDayChange(e.target.value)}\n          required={required || Boolean(monthValue)}\n          className={classes.pickerField}\n        >\n          {dayOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n      </Box>\n    </Box>\n  )\n}\n\nexport const FollowerAuthenticationUserForm = () => {\n  const {\n    state,\n    messages,\n    locationOptions,\n    onActionButtonClick,\n    loading,\n    signInMethod,\n    signUpSetting,\n    showSubscribeEmail,\n    showSubscribeSms,\n    subscribeEmail,\n    subscribeSms,\n  } = useFollowerAuthenticationDialogContext()\n\n  const showPhone = signUpSetting?.phone?.enabled !== false\n  const phoneRequired = signUpSetting?.phone?.required ?? false\n  const showBirthday = signUpSetting?.birthday?.enabled !== false\n  const birthdayRequired = signUpSetting?.birthday?.required ?? false\n  const showWeddingAnniversary = signUpSetting?.weddingAnniversary?.enabled !== false\n  const weddingAnniversaryRequired = signUpSetting?.weddingAnniversary?.required ?? false\n\n  const emailIsLocked = signInMethod !== undefined ? signInMethod === 'email' : Boolean(state.context.email)\n  const phoneIsLocked = Boolean(state.context.phone)\n\n  const classes = useStyles()\n  const formRef = useRef<HTMLFormElement>(null)\n\n  const [showNameErrorText, setShowNameErrorText] = useState(false)\n  const [showEmailErrorText, setShowEmailErrorText] = useState(false)\n  const [showPhoneErrorText, setShowPhoneErrorText] = useState(false)\n  const [showLocationErrorText, setShowLocationErrorText] = useState(false)\n\n  const [nameValue, setNameValue] = useState(state.context.name || '')\n  const [emailValue, setEmailValue] = useState(state.context.email || '')\n  const [phoneValue, setPhoneValue] = useState(formatPhoneNumber(state.context.phone || ''))\n  const [locationValue, setLocationValue] = useState(\n    state.context.favoriteLocationId ? String(state.context.favoriteLocationId) : '',\n  )\n  const [selectedBirthMonth, setSelectedBirthMonth] = useState(\n    state.context.birthMonth ? String(state.context.birthMonth) : '',\n  )\n  const [selectedBirthDay, setSelectedBirthDay] = useState(state.context.birthDay ? String(state.context.birthDay) : '')\n  const [selectedWeddingMonth, setSelectedWeddingMonth] = useState(\n    state.context.weddingMonth ? String(state.context.weddingMonth) : '',\n  )\n  const [selectedWeddingDay, setSelectedWeddingDay] = useState(\n    state.context.weddingDay ? String(state.context.weddingDay) : '',\n  )\n  const [subscribeEmailChecked, setSubscribeEmailChecked] = useState(Boolean(subscribeEmail))\n  const [subscribeSmsChecked, setSubscribeSmsChecked] = useState(Boolean(subscribeSms))\n\n  useEffect(() => {\n    setSubscribeEmailChecked(Boolean(subscribeEmail))\n  }, [subscribeEmail])\n\n  useEffect(() => {\n    setSubscribeSmsChecked(Boolean(subscribeSms))\n  }, [subscribeSms])\n\n  const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fieldName = e.target.name\n    const fieldValue = e.target.value\n\n    switch (fieldName) {\n      case 'name': {\n        setNameValue(fieldValue)\n        setShowNameErrorText(fieldValue.length === 0)\n        break\n      }\n      case 'email': {\n        const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setEmailValue(fieldValue)\n        setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n        break\n      }\n      case 'phone': {\n        const formatted = formatPhoneNumber(fieldValue)\n        setPhoneValue(formatted)\n        setShowPhoneErrorText(formatted.length > 0 && !validatePhoneNumber(formatted))\n        break\n      }\n      case 'location': {\n        setLocationValue(fieldValue)\n        setShowLocationErrorText(!fieldValue)\n        break\n      }\n      default:\n        break\n    }\n  }\n\n  const isFormValid = useMemo(() => {\n    const hasValidName = Boolean(nameValue) && !showNameErrorText\n    const hasValidEmail = emailIsLocked ? Boolean(state.context.email) : Boolean(emailValue) && !showEmailErrorText\n    const hasValidPhone = showPhone\n      ? phoneIsLocked\n        ? Boolean(state.context.phone)\n        : phoneRequired\n        ? validatePhoneNumber(phoneValue)\n        : !phoneValue || validatePhoneNumber(phoneValue)\n      : true\n    const hasValidLocation = locationOptions.length > 0 ? Boolean(locationValue) : true\n    // A partial date (only month or only day) requires completing the pair\n    const hasValidBirthday =\n      !showBirthday ||\n      (birthdayRequired || selectedBirthMonth || selectedBirthDay\n        ? Boolean(selectedBirthMonth) && Boolean(selectedBirthDay)\n        : true)\n    const hasValidWeddingAnniversary =\n      !showWeddingAnniversary ||\n      (weddingAnniversaryRequired || selectedWeddingMonth || selectedWeddingDay\n        ? Boolean(selectedWeddingMonth) && Boolean(selectedWeddingDay)\n        : true)\n    return (\n      hasValidName &&\n      hasValidEmail &&\n      hasValidPhone &&\n      hasValidLocation &&\n      hasValidBirthday &&\n      hasValidWeddingAnniversary\n    )\n  }, [\n    nameValue,\n    emailValue,\n    phoneValue,\n    emailIsLocked,\n    phoneIsLocked,\n    state.context.email,\n    state.context.phone,\n    locationValue,\n    locationOptions.length,\n    showNameErrorText,\n    showEmailErrorText,\n    showPhone,\n    phoneRequired,\n    showBirthday,\n    birthdayRequired,\n    selectedBirthMonth,\n    selectedBirthDay,\n    showWeddingAnniversary,\n    weddingAnniversaryRequired,\n    selectedWeddingMonth,\n    selectedWeddingDay,\n  ])\n\n  const monthOptions = useMemo(\n    () => [\n      { label: messages.signUpMonthJanuary, value: '1' },\n      { label: messages.signUpMonthFebruary, value: '2' },\n      { label: messages.signUpMonthMarch, value: '3' },\n      { label: messages.signUpMonthApril, value: '4' },\n      { label: messages.signUpMonthMay, value: '5' },\n      { label: messages.signUpMonthJune, value: '6' },\n      { label: messages.signUpMonthJuly, value: '7' },\n      { label: messages.signUpMonthAugust, value: '8' },\n      { label: messages.signUpMonthSeptember, value: '9' },\n      { label: messages.signUpMonthOctober, value: '10' },\n      { label: messages.signUpMonthNovember, value: '11' },\n      { label: messages.signUpMonthDecember, value: '12' },\n    ],\n    [messages],\n  )\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.target as HTMLFormElement)\n    const values = Object.fromEntries(formData.entries()) as Record<string, string>\n    // Disabled fields are excluded from FormData — restore the locked identifier from context\n    if (emailIsLocked && !values.email && state.context.email) values.email = state.context.email\n    if (phoneIsLocked && !values.phone && state.context.phone) values.phone = state.context.phone\n    // Strip display formatting so the submitted value is consistent with the disabled-field path\n    if (values.phone) {\n      values.phone = values.phone.replace(/[^\\d+]/g, '')\n    }\n    if (showSubscribeEmail) {\n      values.subscribeEmail = String(formData.has('subscribeEmail'))\n    }\n    if (showSubscribeSms) {\n      values.subscribeSms = String(formData.has('subscribeSms'))\n    }\n    onActionButtonClick('submit-form', values)\n  }\n\n  return (\n    <form\n      ref={formRef}\n      id=\"follower-authentication-user-form\"\n      className={classes.form}\n      onSubmit={handleSubmit}\n      onInvalid={(e) => e.preventDefault()}\n    >\n      <TextField\n        disabled={loading || emailIsLocked}\n        label={messages.signUpEmailInputLabel}\n        id=\"email-input\"\n        name=\"email\"\n        onChange={checkFieldValidity}\n        error={showEmailErrorText}\n        helperText={showEmailErrorText && messages.signUpEmailErrorText}\n        inputProps={{ type: 'email' }}\n        required={!emailIsLocked}\n        value={emailValue}\n        fullWidth\n      />\n      <Divider className={classes.divider} />\n      <TextField\n        disabled={loading}\n        label={messages.signUpNameInputLabel}\n        id=\"name-input\"\n        name=\"name\"\n        onChange={checkFieldValidity}\n        error={showNameErrorText}\n        helperText={showNameErrorText && messages.signUpNameErrorText}\n        required\n        value={nameValue}\n        fullWidth\n      />\n      {showPhone && (\n        <TextField\n          disabled={loading || phoneIsLocked}\n          label={messages.signUpPhoneInputLabel}\n          id=\"phone-input\"\n          name=\"phone\"\n          onChange={checkFieldValidity}\n          error={showPhoneErrorText}\n          helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n          required={phoneRequired && !phoneIsLocked}\n          value={phoneValue}\n          fullWidth\n        />\n      )}\n      {locationOptions.length > 0 && (\n        <SelectField\n          disabled={loading}\n          onChange={checkFieldValidity}\n          label={messages.signUpLocationInputLabel}\n          error={showLocationErrorText}\n          helperText={showLocationErrorText && messages.signUpLocationErrorText}\n          id=\"location-input\"\n          name=\"location\"\n          value={locationValue}\n          required\n          fullWidth\n        >\n          {locationOptions.map((option) => (\n            <MenuItem data-cy=\"option\" key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n      )}\n      {(showBirthday || showWeddingAnniversary) && <Divider className={classes.divider} />}\n      {showBirthday && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpBirthdaySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"birthday-month-input\"\n          dayId=\"birthday-date-input\"\n          monthName=\"birthMonth\"\n          dayName=\"birthDay\"\n          monthValue={selectedBirthMonth}\n          dayValue={selectedBirthDay}\n          onMonthChange={setSelectedBirthMonth}\n          onDayChange={setSelectedBirthDay}\n          required={birthdayRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      {showWeddingAnniversary && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpWeddingAnniversarySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"wedding-month-input\"\n          dayId=\"wedding-date-input\"\n          monthName=\"weddingMonth\"\n          dayName=\"weddingDay\"\n          monthValue={selectedWeddingMonth}\n          dayValue={selectedWeddingDay}\n          onMonthChange={setSelectedWeddingMonth}\n          onDayChange={setSelectedWeddingDay}\n          required={weddingAnniversaryRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      {(showSubscribeEmail || showSubscribeSms) && (\n        <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-start\" gridGap={2} width=\"100%\">\n          {showSubscribeEmail && (\n            <FormControlLabel\n              style={{ alignItems: 'flex-start' }}\n              control={\n                <Checkbox\n                  id=\"subscribe-email\"\n                  name=\"subscribeEmail\"\n                  disabled={loading}\n                  color=\"primary\"\n                  checked={subscribeEmailChecked}\n                  onChange={(e) => setSubscribeEmailChecked(e.target.checked)}\n                />\n              }\n              label={<Typography className={classes.checkboxLabel}>{messages.subscribeEmailCheckboxLabel}</Typography>}\n            />\n          )}\n          {showSubscribeSms && (\n            <FormControlLabel\n              style={{ alignItems: 'flex-start' }}\n              control={\n                <Checkbox\n                  id=\"subscribe-sms\"\n                  name=\"subscribeSms\"\n                  disabled={loading}\n                  color=\"primary\"\n                  checked={subscribeSmsChecked}\n                  onChange={(e) => setSubscribeSmsChecked(e.target.checked)}\n                />\n              }\n              label={<Typography className={classes.checkboxLabel}>{messages.subscribeSmsCheckboxLabel}</Typography>}\n            />\n          )}\n        </Box>\n      )}\n      <FollowerAuthenticationPrivacyPolicy />\n      <Button disabled={loading || !isFormValid} type=\"submit\">\n        {messages.completeProfileCtaButtonLabel}\n      </Button>\n    </form>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,cAAc,GAAG,CAAC,KAAa,KAAY;IAC/C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;AAC7B,IAAA,IAAI,CAAC,CAAC;AAAE,QAAA,OAAO,EAAE;;IAEjB,MAAM,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAC7D,IAAA,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACpB,CAAC;AAED,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE;AACP,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA;AACD,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;;AAED,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,EAAE;AACV,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA,CAAC,CAAC;AAMH;AACA;AACA,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAoB,KAAI;IAC3G,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,SAAS,GAAG,CAAG,EAAA,EAAE,UAAU;AAEjC,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACJ,EAAA,GAAA,cAAc,EAClB,EAAE,EAAE,EAAE,EACN,MAAM,EACN,IAAA,EAAA,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;AACX,YAAA,GAAG,WAAW;YACd,IAAI;AACJ,YAAA,MAAM,EAAE,CAAC,KAAK,KAAI;gBAChB,OAAO,CAAC,IAAI,CAAC;AACb,gBAAA,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC;aAC7B;AACD,YAAA,OAAO,EAAE,CAAC,KAAK,KAAI;gBACjB,OAAO,CAAC,KAAK,CAAC;AACd,gBAAA,WAAW,EAAE,OAAO,GAAG,KAAK,CAAC;aAC9B;AACD,YAAA,SAAS,EAAE;gBACT,GAAG,WAAW,EAAE,SAAS;;AAEzB,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,aAAa,EAAE;AACb,oBAAA,GAAG,WAAW,EAAE,SAAS,EAAE,aAAa;AACxC,oBAAA,EAAE,EAAE,SAAS;AACd,iBAAA;AACF,aAAA;AACD,YAAA,kBAAkB,EAAE;gBAClB,GAAG,WAAW,EAAE,kBAAkB;AAClC,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,mBAAmB,EAAE,MAAM;AAC3B,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,eAAe,EAAE,SAAS;gBAC1B,eAAe,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS;AAC7C,aAAA;SACF,EAEA,EAAA,QAAQ,CACC;AAEhB,CAAC;AAmBD,MAAM,cAAc,GAAG,CAAC,EACtB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,GACQ,KAAI;AACxB,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,UAAU,GAAG,OAAO,CACxB,MACE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAChH,CAAC,UAAU,CAAC,CACb;AACD,IAAA,MAAM,UAAU,GAAG,CAAC,KAAgB,MAClC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,SAAS,EAAA;YAAG,YAAY;AAAS,YAAA,GAAA,CAAA;QACzD,KAAK,CACL,CACJ;IAED,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,EAAA;QACrC,KAAC,CAAA,aAAA,CAAA,UAAU,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,EAC3D,EAAA,YAAY,CACF;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,EAC7B,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,oBAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;oBAC/B,aAAa,CAAC,QAAQ,CAAC;AACvB,oBAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,EAAE;wBACjE,WAAW,CAAC,EAAE,CAAC;;iBAElB,EACD,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,EACvC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAA,EAE7B,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,MACvB,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAC7C,EAAA,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACU;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EACV,EAAA,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3B,EAAE,EAAE,KAAK,EACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC,EACzC,SAAS,EAAE,OAAO,CAAC,WAAW,EAE7B,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrB,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,EAC7C,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACU,CACV,CACF;AAEV,CAAC;AAEM,MAAM,8BAA8B,GAAG,MAAK;IACjD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,YAAY,GACb,GAAG,sCAAsC,EAAE;IAE5C,MAAM,SAAS,GAAG,aAAa,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK;IACzD,MAAM,aAAa,GAAG,aAAa,EAAE,KAAK,EAAE,QAAQ,IAAI,KAAK;IAC7D,MAAM,YAAY,GAAG,aAAa,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK;IAC/D,MAAM,gBAAgB,GAAG,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,KAAK;IACnE,MAAM,sBAAsB,GAAG,aAAa,EAAE,kBAAkB,EAAE,OAAO,KAAK,KAAK;IACnF,MAAM,0BAA0B,GAAG,aAAa,EAAE,kBAAkB,EAAE,QAAQ,IAAI,KAAK;IAEvF,MAAM,aAAa,GAAG,YAAY,KAAK,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAC1G,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAElD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC;IAE7C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEzE,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AACvE,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AAC1F,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,EAAE,CACjF;AACD,IAAA,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CACjE;AACD,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;AACtH,IAAA,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAC9D,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CACrE;AACD,IAAA,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CACjE;AACD,IAAA,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AAC3F,IAAA,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAErF,SAAS,CAAC,MAAK;AACb,QAAA,wBAAwB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AACnD,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,SAAS,CAAC,MAAK;AACb,QAAA,sBAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;AAC/C,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,kBAAkB,GAAyC,CAAC,CAAC,KAAI;AACrE,QAAA,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI;AAC/B,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;QAEjC,QAAQ,SAAS;YACf,KAAK,MAAM,EAAE;gBACX,YAAY,CAAC,UAAU,CAAC;AACxB,gBAAA,oBAAoB,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;gBAC7C;;YAEF,KAAK,OAAO,EAAE;AACZ,gBAAA,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAqB;gBACrF,MAAM,YAAY,GAAG,UAAU,EAAE,QAAQ,CAAC,KAAK,IAAI,KAAK;gBACxD,aAAa,CAAC,UAAU,CAAC;gBACzB,qBAAqB,CAAC,CAAC,YAAY,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC7D;;YAEF,KAAK,OAAO,EAAE;AACZ,gBAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,UAAU,CAAC;gBAC/C,aAAa,CAAC,SAAS,CAAC;AACxB,gBAAA,qBAAqB,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBAC9E;;YAEF,KAAK,UAAU,EAAE;gBACf,gBAAgB,CAAC,UAAU,CAAC;AAC5B,gBAAA,wBAAwB,CAAC,CAAC,UAAU,CAAC;gBACrC;;;AAKN,KAAC;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAK;QAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB;QAC7D,MAAM,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB;QAC/G,MAAM,aAAa,GAAG;AACpB,cAAE;kBACE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;AAC7B,kBAAE;AACF,sBAAE,mBAAmB,CAAC,UAAU;AAChC,sBAAE,CAAC,UAAU,IAAI,mBAAmB,CAAC,UAAU;cAC/C,IAAI;AACR,QAAA,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;;QAEnF,MAAM,gBAAgB,GACpB,CAAC,YAAY;AACb,aAAC,gBAAgB,IAAI,kBAAkB,IAAI;kBACvC,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,gBAAgB;kBACvD,IAAI,CAAC;QACX,MAAM,0BAA0B,GAC9B,CAAC,sBAAsB;AACvB,aAAC,0BAA0B,IAAI,oBAAoB,IAAI;kBACnD,OAAO,CAAC,oBAAoB,CAAC,IAAI,OAAO,CAAC,kBAAkB;kBAC3D,IAAI,CAAC;AACX,QAAA,QACE,YAAY;YACZ,aAAa;YACb,aAAa;YACb,gBAAgB;YAChB,gBAAgB;AAChB,YAAA,0BAA0B;AAE9B,KAAC,EAAE;QACD,SAAS;QACT,UAAU;QACV,UAAU;QACV,aAAa;QACb,aAAa;QACb,KAAK,CAAC,OAAO,CAAC,KAAK;QACnB,KAAK,CAAC,OAAO,CAAC,KAAK;QACnB,aAAa;AACb,QAAA,eAAe,CAAC,MAAM;QACtB,iBAAiB;QACjB,kBAAkB;QAClB,SAAS;QACT,aAAa;QACb,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,gBAAgB;QAChB,sBAAsB;QACtB,0BAA0B;QAC1B,oBAAoB;QACpB,kBAAkB;AACnB,KAAA,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,OAAO,CAC1B,MAAM;QACJ,EAAE,KAAK,EAAE,QAAQ,CAAC,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE;QAClD,EAAE,KAAK,EAAE,QAAQ,CAAC,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE;QACnD,EAAE,KAAK,EAAE,QAAQ,CAAC,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,CAAC,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,EAAE;QAC9C,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,EAAE,KAAK,EAAE,QAAQ,CAAC,iBAAiB,EAAE,KAAK,EAAE,GAAG,EAAE;QACjD,EAAE,KAAK,EAAE,QAAQ,CAAC,oBAAoB,EAAE,KAAK,EAAE,GAAG,EAAE;QACpD,EAAE,KAAK,EAAE,QAAQ,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE;QACnD,EAAE,KAAK,EAAE,QAAQ,CAAC,mBAAmB,EAAE,KAAK,EAAE,IAAI,EAAE;QACpD,EAAE,KAAK,EAAE,QAAQ,CAAC,mBAAmB,EAAE,KAAK,EAAE,IAAI,EAAE;AACrD,KAAA,EACD,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;QAC3D,CAAC,CAAC,cAAc,EAAE;QAClB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAyB,CAAC;QAC1D,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAA2B;;QAE/E,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK;QAC7F,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK;;AAE7F,QAAA,IAAI,MAAM,CAAC,KAAK,EAAE;AAChB,YAAA,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;;QAEpD,IAAI,kBAAkB,EAAE;AACtB,YAAA,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;;QAEhE,IAAI,gBAAgB,EAAE;AACpB,YAAA,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;;AAE5D,QAAA,mBAAmB,CAAC,aAAa,EAAE,MAAM,CAAC;AAC5C,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,OAAO,EACZ,EAAE,EAAC,mCAAmC,EACtC,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAA;QAEpC,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,QAAQ,EAAE,OAAO,IAAI,aAAa,EAClC,KAAK,EAAE,QAAQ,CAAC,qBAAqB,EACrC,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,kBAAkB,EACzB,UAAU,EAAE,kBAAkB,IAAI,QAAQ,CAAC,oBAAoB,EAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAC7B,QAAQ,EAAE,CAAC,aAAa,EACxB,KAAK,EAAE,UAAU,EACjB,SAAS,EACT,IAAA,EAAA,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,EAAI,CAAA;AACvC,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,EACpC,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,iBAAiB,IAAI,QAAQ,CAAC,mBAAmB,EAC7D,QAAQ,EACR,IAAA,EAAA,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,IAAA,EAAA,CAAA;QACD,SAAS,KACR,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,QAAQ,EAAE,OAAO,IAAI,aAAa,EAClC,KAAK,EAAE,QAAQ,CAAC,qBAAqB,EACrC,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,kBAAkB,EACzB,UAAU,EAAE,kBAAkB,IAAI,QAAQ,CAAC,oBAAoB,EAC/D,QAAQ,EAAE,aAAa,IAAI,CAAC,aAAa,EACzC,KAAK,EAAE,UAAU,EACjB,SAAS,EAAA,IAAA,EAAA,CACT,CACH;AACA,QAAA,eAAe,CAAC,MAAM,GAAG,CAAC,KACzB,oBAAC,WAAW,EAAA,EACV,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,QAAQ,CAAC,wBAAwB,EACxC,KAAK,EAAE,qBAAqB,EAC5B,UAAU,EAAE,qBAAqB,IAAI,QAAQ,CAAC,uBAAuB,EACrE,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,IAAA,EAAA,SAAS,UAER,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,MAC1B,oBAAC,QAAQ,EAAA,EAAA,SAAA,EAAS,QAAQ,EAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,EAC9D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACU,CACf;AACA,QAAA,CAAC,YAAY,IAAI,sBAAsB,KAAK,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAI,CAAA;AACnF,QAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,YAAY,EAAE,QAAQ,CAAC,0BAA0B,EACjD,UAAU,EAAE,QAAQ,CAAC,qBAAqB,EAC1C,QAAQ,EAAE,QAAQ,CAAC,mBAAmB,EACtC,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,qBAAqB,EACpC,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,YAAY,GAC1B,CACH;AACA,QAAA,sBAAsB,KACrB,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,YAAY,EAAE,QAAQ,CAAC,oCAAoC,EAC3D,UAAU,EAAE,QAAQ,CAAC,qBAAqB,EAC1C,QAAQ,EAAE,QAAQ,CAAC,mBAAmB,EACtC,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,YAAY,EACpB,UAAU,EAAE,oBAAoB,EAChC,QAAQ,EAAE,kBAAkB,EAC5B,aAAa,EAAE,uBAAuB,EACtC,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EAAE,0BAA0B,EACpC,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,YAAY,GAC1B,CACH;QACA,CAAC,kBAAkB,IAAI,gBAAgB,MACtC,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA;AACxF,YAAA,kBAAkB,KACjB,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EACnC,OAAO,EACL,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,CAAC,CAAC,KAAK,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAA,CAC3D,EAEJ,KAAK,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,aAAa,IAAG,QAAQ,CAAC,2BAA2B,CAAc,GACxG,CACH;AACA,YAAA,gBAAgB,KACf,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EACnC,OAAO,EACL,KAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACzD,CAAA,EAEJ,KAAK,EAAE,oBAAC,UAAU,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,aAAa,EAAG,EAAA,QAAQ,CAAC,yBAAyB,CAAc,EACtG,CAAA,CACH,CACG,CACP;AACD,QAAA,KAAA,CAAA,aAAA,CAAC,mCAAmC,EAAG,IAAA,CAAA;AACvC,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,QAAQ,EAAE,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAC,QAAQ,IACrD,QAAQ,CAAC,6BAA6B,CAChC,CACJ;AAEX;;;;"}
+{"version":3,"file":"FollowerAuthenticationUserForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useEffect, useMemo, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Checkbox, FormControlLabel, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\nimport { Divider } from '../Divider'\nimport { validatePhoneNumber, formatPhoneNumber } from './phoneValidation'\nimport { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy'\nimport { renderSelectValue } from '../../util/selectDisplay'\n\nconst getDaysInMonth = (month: string): number => {\n  const m = parseInt(month, 10)\n  if (!m) return 31\n  // Allow 29 for Feb to support leap year birthdays/anniversaries\n  const days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]\n  return days[m - 1]\n}\n\nconst useStyles = makeStyles((theme) => ({\n  checkboxLabel: {\n    '& > a': {\n      textDecoration: 'underline',\n    },\n    fontSize: '0.75rem',\n  },\n  form: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n    width: '100%',\n  },\n  sectionLabel: {\n    alignSelf: 'start',\n    fontSize: '0.75rem',\n  },\n  divider: {\n    width: '100%',\n  },\n  pickerContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1),\n    width: '100%',\n  },\n  pickerFieldsRow: {\n    display: 'flex',\n    gridGap: theme.spacing(2),\n    width: '100%',\n  },\n  pickerField: {\n    flex: 1,\n  },\n  // Heard as part of a field name without being seen. The visible equivalents are\n  // either aria-hidden, like the section heading, or the required asterisk MUI draws.\n  visuallyHidden: {\n    border: 0,\n    clip: 'rect(0 0 0 0)',\n    height: 1,\n    margin: -1,\n    overflow: 'hidden',\n    padding: 0,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n    width: 1,\n  },\n}))\n\ntype SelectFieldProps = Omit<React.ComponentProps<typeof TextField>, 'select'> & {\n  id: string\n}\n\n// Popup button, matching the checkout quantity select. aria-expanded stays present\n// while closed so VoiceOver announces collapsed; MUI would otherwise omit it until\n// the list opens. A button cannot take aria-required, so the required state rides\n// along in the field name instead.\nconst SelectField = ({ required = false, id, SelectProps, children, label, ...textFieldProps }: SelectFieldProps) => {\n  const classes = useStyles()\n  const { messages } = useFollowerAuthenticationDialogContext()\n  const [open, setOpen] = useState(false)\n  const listboxId = `${id}-listbox`\n\n  return (\n    <TextField\n      {...textFieldProps}\n      id={id}\n      select\n      required={required}\n      label={\n        required ? (\n          <>\n            {label}\n            <span className={classes.visuallyHidden}> {messages.requiredFieldLabel ?? 'required'}</span>\n          </>\n        ) : (\n          label\n        )\n      }\n      SelectProps={{\n        ...SelectProps,\n        displayEmpty: true,\n        renderValue: renderSelectValue(children),\n        onOpen: (event) => {\n          setOpen(true)\n          SelectProps?.onOpen?.(event)\n        },\n        onClose: (event) => {\n          setOpen(false)\n          SelectProps?.onClose?.(event)\n        },\n        MenuProps: {\n          ...SelectProps?.MenuProps,\n          // Keeps the listbox in the DOM so aria-controls always resolves.\n          keepMounted: true,\n          MenuListProps: {\n            ...SelectProps?.MenuProps?.MenuListProps,\n            id: listboxId,\n          },\n        },\n        SelectDisplayProps: {\n          ...SelectProps?.SelectDisplayProps,\n          'aria-controls': listboxId,\n          'aria-expanded': open,\n          'aria-haspopup': 'listbox',\n        },\n      }}\n    >\n      {children}\n    </TextField>\n  )\n}\n\ntype MonthDayPickerProps = {\n  sectionLabel: ReactNode\n  monthLabel: ReactNode\n  dayLabel: ReactNode\n  monthId: string\n  dayId: string\n  monthName: string\n  dayName: string\n  monthValue: string\n  dayValue: string\n  onMonthChange: (value: string) => void\n  onDayChange: (value: string) => void\n  required: boolean\n  disabled: boolean\n  monthOptions: { label: ReactNode; value: string }[]\n}\n\nconst MonthDayPicker = ({\n  sectionLabel,\n  monthLabel,\n  dayLabel,\n  monthId,\n  dayId,\n  monthName,\n  dayName,\n  monthValue,\n  dayValue,\n  onMonthChange,\n  onDayChange,\n  required,\n  disabled,\n  monthOptions,\n}: MonthDayPickerProps) => {\n  const classes = useStyles()\n  const dayOptions = useMemo(\n    () =>\n      Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [monthValue],\n  )\n  const fieldLabel = (label: ReactNode) => (\n    <>\n      <span className={classes.visuallyHidden}>{sectionLabel} </span>\n      {label}\n    </>\n  )\n\n  return (\n    <Box className={classes.pickerContainer}>\n      <Typography aria-hidden=\"true\" className={classes.sectionLabel}>\n        {sectionLabel}\n      </Typography>\n      <Box className={classes.pickerFieldsRow}>\n        <SelectField\n          disabled={disabled}\n          label={fieldLabel(monthLabel)}\n          id={monthId}\n          name={monthName}\n          value={monthValue}\n          onChange={(e) => {\n            const newMonth = e.target.value\n            onMonthChange(newMonth)\n            if (dayValue && parseInt(dayValue, 10) > getDaysInMonth(newMonth)) {\n              onDayChange('')\n            }\n          }}\n          required={required || Boolean(dayValue)}\n          className={classes.pickerField}\n        >\n          {monthOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n        <SelectField\n          disabled={disabled}\n          label={fieldLabel(dayLabel)}\n          id={dayId}\n          name={dayName}\n          value={dayValue}\n          onChange={(e) => onDayChange(e.target.value)}\n          required={required || Boolean(monthValue)}\n          className={classes.pickerField}\n        >\n          {dayOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n      </Box>\n    </Box>\n  )\n}\n\nexport const FollowerAuthenticationUserForm = () => {\n  const {\n    state,\n    messages,\n    locationOptions,\n    onActionButtonClick,\n    loading,\n    signInMethod,\n    signUpSetting,\n    showSubscribeEmail,\n    showSubscribeSms,\n    subscribeEmail,\n    subscribeSms,\n  } = useFollowerAuthenticationDialogContext()\n\n  const showPhone = signUpSetting?.phone?.enabled !== false\n  const phoneRequired = signUpSetting?.phone?.required ?? false\n  const showBirthday = signUpSetting?.birthday?.enabled !== false\n  const birthdayRequired = signUpSetting?.birthday?.required ?? false\n  const showWeddingAnniversary = signUpSetting?.weddingAnniversary?.enabled !== false\n  const weddingAnniversaryRequired = signUpSetting?.weddingAnniversary?.required ?? false\n\n  const emailIsLocked = signInMethod !== undefined ? signInMethod === 'email' : Boolean(state.context.email)\n  const phoneIsLocked = Boolean(state.context.phone)\n\n  const classes = useStyles()\n  const formRef = useRef<HTMLFormElement>(null)\n\n  const [showNameErrorText, setShowNameErrorText] = useState(false)\n  const [showEmailErrorText, setShowEmailErrorText] = useState(false)\n  const [showPhoneErrorText, setShowPhoneErrorText] = useState(false)\n  const [showLocationErrorText, setShowLocationErrorText] = useState(false)\n\n  const [nameValue, setNameValue] = useState(state.context.name || '')\n  const [emailValue, setEmailValue] = useState(state.context.email || '')\n  const [phoneValue, setPhoneValue] = useState(formatPhoneNumber(state.context.phone || ''))\n  const [locationValue, setLocationValue] = useState(\n    state.context.favoriteLocationId ? String(state.context.favoriteLocationId) : '',\n  )\n  const [selectedBirthMonth, setSelectedBirthMonth] = useState(\n    state.context.birthMonth ? String(state.context.birthMonth) : '',\n  )\n  const [selectedBirthDay, setSelectedBirthDay] = useState(state.context.birthDay ? String(state.context.birthDay) : '')\n  const [selectedWeddingMonth, setSelectedWeddingMonth] = useState(\n    state.context.weddingMonth ? String(state.context.weddingMonth) : '',\n  )\n  const [selectedWeddingDay, setSelectedWeddingDay] = useState(\n    state.context.weddingDay ? String(state.context.weddingDay) : '',\n  )\n  const [subscribeEmailChecked, setSubscribeEmailChecked] = useState(Boolean(subscribeEmail))\n  const [subscribeSmsChecked, setSubscribeSmsChecked] = useState(Boolean(subscribeSms))\n\n  useEffect(() => {\n    setSubscribeEmailChecked(Boolean(subscribeEmail))\n  }, [subscribeEmail])\n\n  useEffect(() => {\n    setSubscribeSmsChecked(Boolean(subscribeSms))\n  }, [subscribeSms])\n\n  const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fieldName = e.target.name\n    const fieldValue = e.target.value\n\n    switch (fieldName) {\n      case 'name': {\n        setNameValue(fieldValue)\n        setShowNameErrorText(fieldValue.length === 0)\n        break\n      }\n      case 'email': {\n        const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setEmailValue(fieldValue)\n        setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n        break\n      }\n      case 'phone': {\n        const formatted = formatPhoneNumber(fieldValue)\n        setPhoneValue(formatted)\n        setShowPhoneErrorText(formatted.length > 0 && !validatePhoneNumber(formatted))\n        break\n      }\n      case 'location': {\n        setLocationValue(fieldValue)\n        setShowLocationErrorText(!fieldValue)\n        break\n      }\n      default:\n        break\n    }\n  }\n\n  const isFormValid = useMemo(() => {\n    const hasValidName = Boolean(nameValue) && !showNameErrorText\n    const hasValidEmail = emailIsLocked ? Boolean(state.context.email) : Boolean(emailValue) && !showEmailErrorText\n    const hasValidPhone = showPhone\n      ? phoneIsLocked\n        ? Boolean(state.context.phone)\n        : phoneRequired\n        ? validatePhoneNumber(phoneValue)\n        : !phoneValue || validatePhoneNumber(phoneValue)\n      : true\n    const hasValidLocation = locationOptions.length > 0 ? Boolean(locationValue) : true\n    // A partial date (only month or only day) requires completing the pair\n    const hasValidBirthday =\n      !showBirthday ||\n      (birthdayRequired || selectedBirthMonth || selectedBirthDay\n        ? Boolean(selectedBirthMonth) && Boolean(selectedBirthDay)\n        : true)\n    const hasValidWeddingAnniversary =\n      !showWeddingAnniversary ||\n      (weddingAnniversaryRequired || selectedWeddingMonth || selectedWeddingDay\n        ? Boolean(selectedWeddingMonth) && Boolean(selectedWeddingDay)\n        : true)\n    return (\n      hasValidName &&\n      hasValidEmail &&\n      hasValidPhone &&\n      hasValidLocation &&\n      hasValidBirthday &&\n      hasValidWeddingAnniversary\n    )\n  }, [\n    nameValue,\n    emailValue,\n    phoneValue,\n    emailIsLocked,\n    phoneIsLocked,\n    state.context.email,\n    state.context.phone,\n    locationValue,\n    locationOptions.length,\n    showNameErrorText,\n    showEmailErrorText,\n    showPhone,\n    phoneRequired,\n    showBirthday,\n    birthdayRequired,\n    selectedBirthMonth,\n    selectedBirthDay,\n    showWeddingAnniversary,\n    weddingAnniversaryRequired,\n    selectedWeddingMonth,\n    selectedWeddingDay,\n  ])\n\n  const monthOptions = useMemo(\n    () => [\n      { label: messages.signUpMonthJanuary, value: '1' },\n      { label: messages.signUpMonthFebruary, value: '2' },\n      { label: messages.signUpMonthMarch, value: '3' },\n      { label: messages.signUpMonthApril, value: '4' },\n      { label: messages.signUpMonthMay, value: '5' },\n      { label: messages.signUpMonthJune, value: '6' },\n      { label: messages.signUpMonthJuly, value: '7' },\n      { label: messages.signUpMonthAugust, value: '8' },\n      { label: messages.signUpMonthSeptember, value: '9' },\n      { label: messages.signUpMonthOctober, value: '10' },\n      { label: messages.signUpMonthNovember, value: '11' },\n      { label: messages.signUpMonthDecember, value: '12' },\n    ],\n    [messages],\n  )\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.target as HTMLFormElement)\n    const values = Object.fromEntries(formData.entries()) as Record<string, string>\n    // Disabled fields are excluded from FormData — restore the locked identifier from context\n    if (emailIsLocked && !values.email && state.context.email) values.email = state.context.email\n    if (phoneIsLocked && !values.phone && state.context.phone) values.phone = state.context.phone\n    // Strip display formatting so the submitted value is consistent with the disabled-field path\n    if (values.phone) {\n      values.phone = values.phone.replace(/[^\\d+]/g, '')\n    }\n    if (showSubscribeEmail) {\n      values.subscribeEmail = String(formData.has('subscribeEmail'))\n    }\n    if (showSubscribeSms) {\n      values.subscribeSms = String(formData.has('subscribeSms'))\n    }\n    onActionButtonClick('submit-form', values)\n  }\n\n  return (\n    <form\n      ref={formRef}\n      id=\"follower-authentication-user-form\"\n      className={classes.form}\n      onSubmit={handleSubmit}\n      onInvalid={(e) => e.preventDefault()}\n    >\n      <TextField\n        disabled={loading || emailIsLocked}\n        label={messages.signUpEmailInputLabel}\n        id=\"email-input\"\n        name=\"email\"\n        onChange={checkFieldValidity}\n        error={showEmailErrorText}\n        helperText={showEmailErrorText && messages.signUpEmailErrorText}\n        inputProps={{ type: 'email' }}\n        required={!emailIsLocked}\n        value={emailValue}\n        fullWidth\n      />\n      <Divider className={classes.divider} />\n      <TextField\n        disabled={loading}\n        label={messages.signUpNameInputLabel}\n        id=\"name-input\"\n        name=\"name\"\n        onChange={checkFieldValidity}\n        error={showNameErrorText}\n        helperText={showNameErrorText && messages.signUpNameErrorText}\n        required\n        value={nameValue}\n        fullWidth\n      />\n      {showPhone && (\n        <TextField\n          disabled={loading || phoneIsLocked}\n          label={messages.signUpPhoneInputLabel}\n          id=\"phone-input\"\n          name=\"phone\"\n          onChange={checkFieldValidity}\n          error={showPhoneErrorText}\n          helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n          required={phoneRequired && !phoneIsLocked}\n          value={phoneValue}\n          fullWidth\n        />\n      )}\n      {locationOptions.length > 0 && (\n        <SelectField\n          disabled={loading}\n          onChange={checkFieldValidity}\n          label={messages.signUpLocationInputLabel}\n          error={showLocationErrorText}\n          helperText={showLocationErrorText && messages.signUpLocationErrorText}\n          id=\"location-input\"\n          name=\"location\"\n          value={locationValue}\n          required\n          fullWidth\n        >\n          {locationOptions.map((option) => (\n            <MenuItem data-cy=\"option\" key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </SelectField>\n      )}\n      {(showBirthday || showWeddingAnniversary) && <Divider className={classes.divider} />}\n      {showBirthday && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpBirthdaySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"birthday-month-input\"\n          dayId=\"birthday-date-input\"\n          monthName=\"birthMonth\"\n          dayName=\"birthDay\"\n          monthValue={selectedBirthMonth}\n          dayValue={selectedBirthDay}\n          onMonthChange={setSelectedBirthMonth}\n          onDayChange={setSelectedBirthDay}\n          required={birthdayRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      {showWeddingAnniversary && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpWeddingAnniversarySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"wedding-month-input\"\n          dayId=\"wedding-date-input\"\n          monthName=\"weddingMonth\"\n          dayName=\"weddingDay\"\n          monthValue={selectedWeddingMonth}\n          dayValue={selectedWeddingDay}\n          onMonthChange={setSelectedWeddingMonth}\n          onDayChange={setSelectedWeddingDay}\n          required={weddingAnniversaryRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      {(showSubscribeEmail || showSubscribeSms) && (\n        <Box display=\"flex\" flexDirection=\"column\" alignItems=\"flex-start\" gridGap={2} width=\"100%\">\n          {showSubscribeEmail && (\n            <FormControlLabel\n              style={{ alignItems: 'flex-start' }}\n              control={\n                <Checkbox\n                  id=\"subscribe-email\"\n                  name=\"subscribeEmail\"\n                  disabled={loading}\n                  color=\"primary\"\n                  checked={subscribeEmailChecked}\n                  onChange={(e) => setSubscribeEmailChecked(e.target.checked)}\n                />\n              }\n              label={<Typography className={classes.checkboxLabel}>{messages.subscribeEmailCheckboxLabel}</Typography>}\n            />\n          )}\n          {showSubscribeSms && (\n            <FormControlLabel\n              style={{ alignItems: 'flex-start' }}\n              control={\n                <Checkbox\n                  id=\"subscribe-sms\"\n                  name=\"subscribeSms\"\n                  disabled={loading}\n                  color=\"primary\"\n                  checked={subscribeSmsChecked}\n                  onChange={(e) => setSubscribeSmsChecked(e.target.checked)}\n                />\n              }\n              label={<Typography className={classes.checkboxLabel}>{messages.subscribeSmsCheckboxLabel}</Typography>}\n            />\n          )}\n        </Box>\n      )}\n      <FollowerAuthenticationPrivacyPolicy />\n      <Button disabled={loading || !isFormValid} type=\"submit\">\n        {messages.completeProfileCtaButtonLabel}\n      </Button>\n    </form>\n  )\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/Icon/Icon.js

@@ -9,19 +9,16 @@ const Icon = ({ className, color = 'inherit', icon, size = 'inherit', ...restPro
         restProps['aria-hidden'] = true;
     }
     const classes = useIconStyles({ color, size });
-    let isValid = true;
     if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {
-        isValid = false;
+        return null;
     }
-    return isValid
-        ? createElement(icon, {
-            className: classNames([classes.root, iconStaticClassName, className]),
-            color,
-            width: undefined,
-            height: undefined,
-            ...restProps,
-        })
-        : null;
+    return createElement(icon, {
+        className: classNames([classes.root, iconStaticClassName, className]),
+        color,
+        width: undefined,
+        height: undefined,
+        ...restProps,
+    });
 };
 Icon.displayName = 'Icon';
 

package/build/esm/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { createElement, FunctionComponent } from 'react'\nimport { IconProps } from './IconProps'\nimport { useIconStyles } from './IconStyles'\n\nexport const iconStaticClassName = 'pop-icon'\nexport const Icon: FunctionComponent<IconProps> = ({\n  className,\n  color = 'inherit',\n  icon,\n  size = 'inherit',\n  ...restProps\n}) => {\n  const hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label'])\n  if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {\n    restProps['aria-hidden'] = true\n  }\n  const classes = useIconStyles({ color, size })\n  let isValid = true\n  if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {\n    isValid = false\n  }\n  return isValid\n    ? createElement(icon, {\n        className: classNames([classes.root, iconStaticClassName, className]),\n        color,\n        width: undefined,\n        height: undefined,\n        ...restProps,\n      })\n    : null\n}\n\nIcon.displayName = 'Icon'\n"],"names":[],"mappings":";;;;AAKO,MAAM,mBAAmB,GAAG;MACtB,IAAI,GAAiC,CAAC,EACjD,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,IAAI,GAAG,SAAS,EAChB,GAAG,SAAS,EACb,KAAI;AACH,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3F,IAAI,CAAC,iBAAiB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI;;IAEjC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAC9C,IAAI,OAAO,GAAG,IAAI;AAClB,IAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE;QACnE,OAAO,GAAG,KAAK;;AAEjB,IAAA,OAAO;AACL,UAAE,aAAa,CAAC,IAAI,EAAE;AAClB,YAAA,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;YACrE,KAAK;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,GAAG,SAAS;SACb;UACD,IAAI;AACV;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { createElement, FunctionComponent } from 'react'\nimport { IconProps } from './IconProps'\nimport { useIconStyles } from './IconStyles'\n\nexport const iconStaticClassName = 'pop-icon'\nexport const Icon: FunctionComponent<IconProps> = ({\n  className,\n  color = 'inherit',\n  icon,\n  size = 'inherit',\n  ...restProps\n}) => {\n  const hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label'])\n  if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {\n    restProps['aria-hidden'] = true\n  }\n  const classes = useIconStyles({ color, size })\n  if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {\n    return null\n  }\n  return createElement(icon, {\n    className: classNames([classes.root, iconStaticClassName, className]),\n    color,\n    width: undefined,\n    height: undefined,\n    ...restProps,\n  })\n}\n\nIcon.displayName = 'Icon'\n"],"names":[],"mappings":";;;;AAKO,MAAM,mBAAmB,GAAG;MACtB,IAAI,GAAiC,CAAC,EACjD,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,IAAI,GAAG,SAAS,EAChB,GAAG,SAAS,EACb,KAAI;AACH,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3F,IAAI,CAAC,iBAAiB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI;;IAEjC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC9C,IAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE;AACnE,QAAA,OAAO,IAAI;;IAEb,OAAO,aAAa,CAAC,IAAI,EAAE;AACzB,QAAA,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;QACrE,KAAK;AACL,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,SAAS;AACb,KAAA,CAAC;AACJ;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/build/esm/components/Icon/IconStyles.js

@@ -2,13 +2,18 @@ import { makeStyles } from '@material-ui/core';
 
 const useIconStyles = makeStyles(({ spacing, palette }) => {
     const getFontSize = ({ size }) => {
-        return ({
-            inherit: 'inherit',
-            small: spacing(1.5),
-            medium: spacing(2),
-            large: spacing(2.5),
-            'extra-large': spacing(3),
-        }[size] ?? 'inherit');
+        switch (size) {
+            case 'small':
+                return spacing(1.5);
+            case 'medium':
+                return spacing(2);
+            case 'large':
+                return spacing(2.5);
+            case 'extra-large':
+                return spacing(3);
+            default:
+                return 'inherit';
+        }
     };
     const getColor = (props) => {
         const semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];