@popmenu/common-ui 0.152.0 → 0.154.0

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'\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  label: {\n    alignSelf: 'start',\n    fontSize: '0.85rem',\n  },\n  privacyPolicyButton: {\n    fontSize: '0.75rem',\n    margin: theme.spacing(0, 0.5),\n    padding: 0,\n    textDecoration: 'underline',\n    width: 'auto',\n  },\n  privacyPolicyText: {\n    fontSize: '0.75rem',\n    textAlign: 'center',\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\nconst northAmericanPhoneRegex = /^(\\()?[2-9]{1}\\d{2}(\\))?[-\\s.]?[2-9]{1}\\d{2}[-\\s.]?\\d{4}$/\nconst ukPhoneRegex = /^((\\+?44\\s?|0044\\s?)(\\s?\\d{3,5}|\\(\\d{3,5}\\))(\\s?\\d{3,4})(\\s?\\d{3,4})$|^07\\d{9}$)/\n\nconst validatePhoneNumber = (phone: string): boolean => {\n  if (!phone) return false\n  return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone)\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    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          <TextField\n            disabled={loading}\n            label={messages.initialInputLabel}\n            key=\"identifier-input\"\n            id=\"identifier-input\"\n            name=\"identifier\"\n          />\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            key=\"phone-input\"\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            key=\"name-input\"\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            key=\"email-input\"\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          {showV2 && messages.privacyPolicyText && (\n            <Typography className={classes.privacyPolicyText}>\n              {messages.privacyPolicyText}\n              <Button\n                className={classes.privacyPolicyButton}\n                onClick={() => onActionButtonClick('open-privacy-policy')}\n                variant=\"text\"\n              >\n                {messages.privacyPolicyButtonLabel}\n              </Button>\n            </Typography>\n          )}\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            key=\"email-input\"\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\n            disabled={loading}\n            label={messages.emailAuthCodeInputLabel}\n            key=\"code-input\"\n            id=\"code-input\"\n            name=\"code\"\n          />\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      if (state.context.email) {\n        return (\n          <form {...formProps}>\n            <TextField\n              disabled={loading}\n              label={messages.emailFoundInputLabel}\n              key=\"email-input\"\n              id=\"email-input\"\n              name=\"email\"\n              value={state.context.email}\n            />\n            <Button disabled={loading} type=\"submit\">\n              {messages.indirectUserFoundCtaButtonLabel}\n            </Button>\n          </form>\n        )\n      } else if (state.context.phone) {\n        return (\n          <form {...formProps}>\n            <TextField\n              disabled={loading}\n              label={messages.phoneFoundInputLabel}\n              key=\"phone-input\"\n              id=\"phone-input\"\n              name=\"phone\"\n              value={state.context.phone}\n            />\n            <Button disabled={loading} type=\"submit\">\n              {messages.indirectUserFoundCtaButtonLabel}\n            </Button>\n          </form>\n        )\n      } else return null\n    }\n    case 'emailPasswordSignIn':\n      return (\n        <form {...formProps}>\n          <TextField\n            disabled={loading}\n            label={messages.emailFoundInputLabel}\n            key=\"email-input\"\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            key=\"password-input\"\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            key=\"phone-input\"\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            key=\"code-input\"\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            key=\"phone-input\"\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            key=\"password-input\"\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            key=\"phone-input\"\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 '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'\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          <TextField disabled={loading} label={messages.initialInputLabel} id=\"identifier-input\" name=\"identifier\" />\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 'welcome':\n      return null\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { Box } from '@material-ui/core';
 
 const FollowerAuthenticationGraphic = () => {
     const { state, graphics, showV2 } = useFollowerAuthenticationDialogContext();
-    if (showV2 && state.value === 'signUp')
+    if (showV2 && (state.value === 'signUp' || state.value === 'completeProfile'))
         return null;
     const graphic = graphics[state.value];
     if (!graphic)

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

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationGraphic.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box } from '@material-ui/core'\n\nexport const FollowerAuthenticationGraphic = () => {\n  const { state, graphics, showV2 } = useFollowerAuthenticationDialogContext()\n  if (showV2 && state.value === 'signUp') return null\n\n  const graphic = graphics[state.value]\n  if (!graphic) return null\n  return (\n    <Box>\n      <img src={graphic} alt=\"\" style={showV2 ? { width: 95, height: 95 } : undefined} />\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,6BAA6B,GAAG,MAAK;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AAC5E,IAAA,IAAI,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI;IAEnD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACrC,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IACzB,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAI,CAAA,CAC/E;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationGraphic.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box } from '@material-ui/core'\n\nexport const FollowerAuthenticationGraphic = () => {\n  const { state, graphics, showV2 } = useFollowerAuthenticationDialogContext()\n  if (showV2 && (state.value === 'signUp' || state.value === 'completeProfile')) return null\n\n  const graphic = graphics[state.value]\n  if (!graphic) return null\n  return (\n    <Box>\n      <img src={graphic} alt=\"\" style={showV2 ? { width: 95, height: 95 } : undefined} />\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,6BAA6B,GAAG,MAAK;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AAC5E,IAAA,IAAI,MAAM,KAAK,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,iBAAiB,CAAC;AAAE,QAAA,OAAO,IAAI;IAE1F,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACrC,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IACzB,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAI,CAAA,CAC/E;AAEV;;;;"}

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

@@ -4,7 +4,7 @@ import { Box, Typography } from '@material-ui/core';
 
 const FollowerAuthenticationInfo = () => {
     const { state, messages, showV2 } = useFollowerAuthenticationDialogContext();
-    if (showV2 && state.value === 'signUp')
+    if (showV2 && (state.value === 'signUp' || state.value === 'completeProfile'))
         return null;
     const info = messages[`${state.value}Info`];
     const last4Digits = state.context.phone?.slice(-4);

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

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationInfo.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\n\nexport const FollowerAuthenticationInfo = () => {\n  const { state, messages, showV2 } = useFollowerAuthenticationDialogContext()\n  if (showV2 && state.value === 'signUp') return null\n\n  const info = messages[`${state.value}Info` as MessageKey]\n  const last4Digits = state.context.phone?.slice(-4)\n\n  if (!info) return null\n  return (\n    <Box>\n      <Typography align=\"center\">{info}</Typography>\n      {showV2 && state.value === 'phoneAuthCode' && (\n        <Typography align=\"center\" variant=\"h5\" style={{ marginTop: 16 }}>\n          ***-***-{last4Digits}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,0BAA0B,GAAG,MAAK;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AAC5E,IAAA,IAAI,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI;IAEnD,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAC,KAAK,CAAoB,IAAA,CAAA,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;AAElD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IACtB,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAc;QAC7C,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,eAAe,KACxC,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAA;;AACrD,YAAA,WAAW,CACT,CACd,CACG;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationInfo.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Typography } from '@material-ui/core'\nimport { MessageKey } from './FollowerAuthenticationDialogProps'\n\nexport const FollowerAuthenticationInfo = () => {\n  const { state, messages, showV2 } = useFollowerAuthenticationDialogContext()\n  if (showV2 && (state.value === 'signUp' || state.value === 'completeProfile')) return null\n\n  const info = messages[`${state.value}Info` as MessageKey]\n  const last4Digits = state.context.phone?.slice(-4)\n\n  if (!info) return null\n  return (\n    <Box>\n      <Typography align=\"center\">{info}</Typography>\n      {showV2 && state.value === 'phoneAuthCode' && (\n        <Typography align=\"center\" variant=\"h5\" style={{ marginTop: 16 }}>\n          ***-***-{last4Digits}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,0BAA0B,GAAG,MAAK;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AAC5E,IAAA,IAAI,MAAM,KAAK,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,iBAAiB,CAAC;AAAE,QAAA,OAAO,IAAI;IAE1F,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAC,KAAK,CAAoB,IAAA,CAAA,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;AAElD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IACtB,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAc;QAC7C,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,eAAe,KACxC,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAA;;AACrD,YAAA,WAAW,CACT,CACd,CACG;AAEV;;;;"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FollowerAuthenticationPrivacyPolicy: () => React.JSX.Element | null;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { useFollowerAuthenticationDialogContext } from './context.js';
+import { makeStyles, Typography, Button } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+    button: {
+        fontSize: '0.75rem',
+        margin: theme.spacing(0, 0.5),
+        padding: 0,
+        textDecoration: 'underline',
+        width: 'auto',
+    },
+    text: {
+        fontSize: '0.75rem',
+        textAlign: 'center',
+    },
+}));
+const FollowerAuthenticationPrivacyPolicy = () => {
+    const classes = useStyles();
+    const { messages, onActionButtonClick, showV2 } = useFollowerAuthenticationDialogContext();
+    if (!showV2 || !messages.privacyPolicyText)
+        return null;
+    return (React.createElement(Typography, { className: classes.text },
+        messages.privacyPolicyText,
+        React.createElement(Button, { className: classes.button, onClick: () => onActionButtonClick('open-privacy-policy'), variant: "text" }, messages.privacyPolicyButtonLabel)));
+};
+
+export { FollowerAuthenticationPrivacyPolicy };
+//# sourceMappingURL=FollowerAuthenticationPrivacyPolicy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowerAuthenticationPrivacyPolicy.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationPrivacyPolicy.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Button, makeStyles, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  button: {\n    fontSize: '0.75rem',\n    margin: theme.spacing(0, 0.5),\n    padding: 0,\n    textDecoration: 'underline',\n    width: 'auto',\n  },\n  text: {\n    fontSize: '0.75rem',\n    textAlign: 'center',\n  },\n}))\n\nexport const FollowerAuthenticationPrivacyPolicy = () => {\n  const classes = useStyles()\n  const { messages, onActionButtonClick, showV2 } = useFollowerAuthenticationDialogContext()\n  if (!showV2 || !messages.privacyPolicyText) return null\n  return (\n    <Typography className={classes.text}>\n      {messages.privacyPolicyText}\n      <Button className={classes.button} onClick={() => onActionButtonClick('open-privacy-policy')} variant=\"text\">\n        {messages.privacyPolicyButtonLabel}\n      </Button>\n    </Typography>\n  )\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;AAC7B,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,mCAAmC,GAAG,MAAK;AACtD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AAC1F,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,iBAAiB;AAAE,QAAA,OAAO,IAAI;IACvD,QACE,oBAAC,UAAU,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAChC,QAAA,QAAQ,CAAC,iBAAiB;AAC3B,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAC,MAAM,EAAA,EACzG,QAAQ,CAAC,wBAAwB,CAC3B,CACE;AAEjB;;;;"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FollowerAuthenticationUserForm: () => React.JSX.Element;

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

@@ -0,0 +1,201 @@
+import React, { useRef, useState, useMemo } from 'react';
+import { useFollowerAuthenticationDialogContext } from './context.js';
+import { makeStyles, TextField, MenuItem, Button, Box, Typography } from '@material-ui/core';
+import { Divider } from '../Divider/Divider.js';
+import { formatPhoneNumber, validatePhoneNumber } from './phoneValidation.js';
+import { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy.js';
+
+const getDaysInMonth = (month) => {
+    const m = parseInt(month, 10);
+    if (!m)
+        return 31;
+    // Allow 29 for Feb to support leap year birthdays/anniversaries
+    const days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    return days[m - 1];
+};
+const useStyles = makeStyles((theme) => ({
+    form: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: 16,
+        width: '100%',
+    },
+    sectionLabel: {
+        alignSelf: 'start',
+        fontSize: '0.75rem',
+    },
+    divider: {
+        width: '100%',
+    },
+    pickerContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: theme.spacing(1),
+        width: '100%',
+    },
+    pickerFieldsRow: {
+        display: 'flex',
+        gridGap: theme.spacing(2),
+        width: '100%',
+    },
+    pickerField: {
+        flex: 1,
+    },
+}));
+const MonthDayPicker = ({ sectionLabel, monthLabel, dayLabel, monthId, dayId, monthName, dayName, monthValue, dayValue, onMonthChange, onDayChange, required, disabled, monthOptions, }) => {
+    const classes = useStyles();
+    const dayOptions = useMemo(() => Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })), [monthValue]);
+    return (React.createElement(Box, { className: classes.pickerContainer },
+        React.createElement(Typography, { className: classes.sectionLabel }, sectionLabel),
+        React.createElement(Box, { className: classes.pickerFieldsRow },
+            React.createElement(TextField, { disabled: disabled, select: true, label: monthLabel, id: monthId, name: monthName, value: monthValue, onChange: (e) => {
+                    const newMonth = e.target.value;
+                    onMonthChange(newMonth);
+                    if (dayValue && parseInt(dayValue, 10) > getDaysInMonth(newMonth)) {
+                        onDayChange('');
+                    }
+                }, required: required || Boolean(dayValue), className: classes.pickerField }, monthOptions.map((option) => (React.createElement(MenuItem, { key: option.value, value: option.value }, option.label)))),
+            React.createElement(TextField, { disabled: disabled, select: true, label: dayLabel, id: dayId, name: dayName, value: dayValue, onChange: (e) => onDayChange(e.target.value), required: required || Boolean(monthValue), className: classes.pickerField }, dayOptions.map((option) => (React.createElement(MenuItem, { key: option.value, value: option.value }, option.label)))))));
+};
+const FollowerAuthenticationUserForm = () => {
+    const { state, messages, locationOptions, onActionButtonClick, loading, signUpSetting } = useFollowerAuthenticationDialogContext();
+    const showPhone = signUpSetting?.phone?.enabled !== false;
+    const phoneRequired = signUpSetting?.phone?.required ?? false;
+    const showBirthday = signUpSetting?.birthday?.enabled !== false;
+    const birthdayRequired = signUpSetting?.birthday?.required ?? false;
+    const showWeddingAnniversary = signUpSetting?.weddingAnniversary?.enabled !== false;
+    const weddingAnniversaryRequired = signUpSetting?.weddingAnniversary?.required ?? false;
+    const classes = useStyles();
+    const formRef = useRef(null);
+    const [showNameErrorText, setShowNameErrorText] = useState(false);
+    const [showEmailErrorText, setShowEmailErrorText] = useState(false);
+    const [showPhoneErrorText, setShowPhoneErrorText] = useState(false);
+    const [showLocationErrorText, setShowLocationErrorText] = useState(false);
+    const [nameValue, setNameValue] = useState(state.context.name || '');
+    const [emailValue, setEmailValue] = useState(state.context.email || '');
+    const [phoneValue, setPhoneValue] = useState(formatPhoneNumber(state.context.phone || ''));
+    const [locationValue, setLocationValue] = useState(state.context.favoriteLocationId ? String(state.context.favoriteLocationId) : '');
+    const [selectedBirthMonth, setSelectedBirthMonth] = useState(state.context.birthMonth ? String(state.context.birthMonth) : '');
+    const [selectedBirthDay, setSelectedBirthDay] = useState(state.context.birthDay ? String(state.context.birthDay) : '');
+    const [selectedWeddingMonth, setSelectedWeddingMonth] = useState(state.context.weddingMonth ? String(state.context.weddingMonth) : '');
+    const [selectedWeddingDay, setSelectedWeddingDay] = useState(state.context.weddingDay ? String(state.context.weddingDay) : '');
+    const checkFieldValidity = (e) => {
+        const fieldName = e.target.name;
+        const fieldValue = e.target.value;
+        switch (fieldName) {
+            case 'name': {
+                setNameValue(fieldValue);
+                setShowNameErrorText(fieldValue.length === 0);
+                break;
+            }
+            case 'email': {
+                const emailField = formRef.current?.elements.namedItem(fieldName);
+                const isEmailValid = emailField?.validity.valid ?? false;
+                setEmailValue(fieldValue);
+                setShowEmailErrorText(!isEmailValid && fieldValue.length > 0);
+                break;
+            }
+            case 'phone': {
+                const formatted = formatPhoneNumber(fieldValue);
+                setPhoneValue(formatted);
+                setShowPhoneErrorText(formatted.length > 0 && !validatePhoneNumber(formatted));
+                break;
+            }
+            case 'location': {
+                setLocationValue(fieldValue);
+                setShowLocationErrorText(!fieldValue);
+                break;
+            }
+        }
+    };
+    const isFormValid = useMemo(() => {
+        const hasValidName = Boolean(nameValue) && !showNameErrorText;
+        const hasValidEmail = Boolean(emailValue) && !showEmailErrorText;
+        const hasValidPhone = showPhone
+            ? state.context.phone
+                ? true
+                : phoneRequired
+                    ? validatePhoneNumber(phoneValue)
+                    : !phoneValue || validatePhoneNumber(phoneValue)
+            : true;
+        const hasValidLocation = locationOptions.length > 0 ? Boolean(locationValue) : true;
+        // A partial date (only month or only day) requires completing the pair
+        const hasValidBirthday = !showBirthday ||
+            (birthdayRequired || selectedBirthMonth || selectedBirthDay
+                ? Boolean(selectedBirthMonth) && Boolean(selectedBirthDay)
+                : true);
+        const hasValidWeddingAnniversary = !showWeddingAnniversary ||
+            (weddingAnniversaryRequired || selectedWeddingMonth || selectedWeddingDay
+                ? Boolean(selectedWeddingMonth) && Boolean(selectedWeddingDay)
+                : true);
+        return (hasValidName &&
+            hasValidEmail &&
+            hasValidPhone &&
+            hasValidLocation &&
+            hasValidBirthday &&
+            hasValidWeddingAnniversary);
+    }, [
+        nameValue,
+        emailValue,
+        phoneValue,
+        state.context.phone,
+        locationValue,
+        locationOptions.length,
+        showNameErrorText,
+        showEmailErrorText,
+        showPhone,
+        phoneRequired,
+        showBirthday,
+        birthdayRequired,
+        selectedBirthMonth,
+        selectedBirthDay,
+        showWeddingAnniversary,
+        weddingAnniversaryRequired,
+        selectedWeddingMonth,
+        selectedWeddingDay,
+    ]);
+    const monthOptions = useMemo(() => [
+        { label: messages.signUpMonthJanuary, value: '1' },
+        { label: messages.signUpMonthFebruary, value: '2' },
+        { label: messages.signUpMonthMarch, value: '3' },
+        { label: messages.signUpMonthApril, value: '4' },
+        { label: messages.signUpMonthMay, value: '5' },
+        { label: messages.signUpMonthJune, value: '6' },
+        { label: messages.signUpMonthJuly, value: '7' },
+        { label: messages.signUpMonthAugust, value: '8' },
+        { label: messages.signUpMonthSeptember, value: '9' },
+        { label: messages.signUpMonthOctober, value: '10' },
+        { label: messages.signUpMonthNovember, value: '11' },
+        { label: messages.signUpMonthDecember, value: '12' },
+    ], [messages]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.target);
+        const values = Object.fromEntries(formData.entries());
+        // Disabled fields are excluded from FormData — restore pre-filled values from context
+        if (state.context.email && !values.email)
+            values.email = state.context.email;
+        if (state.context.phone && !values.phone)
+            values.phone = state.context.phone;
+        // Strip display formatting so the submitted value is consistent with the disabled-field path
+        if (values.phone) {
+            values.phone = values.phone.replace(/[^\d+]/g, '');
+        }
+        onActionButtonClick('submit-form', values);
+    };
+    return (React.createElement("form", { ref: formRef, id: "follower-authentication-user-form", className: classes.form, onSubmit: handleSubmit, onInvalid: (e) => e.preventDefault() },
+        React.createElement(TextField, { disabled: loading || Boolean(state.context.email), label: messages.signUpEmailInputLabel, id: "email-input", name: "email", onChange: checkFieldValidity, error: showEmailErrorText, helperText: showEmailErrorText && messages.signUpEmailErrorText, inputProps: { type: 'email', required: true }, value: emailValue, fullWidth: true }),
+        React.createElement(Divider, { className: classes.divider }),
+        React.createElement(TextField, { disabled: loading, label: messages.signUpNameInputLabel, id: "name-input", name: "name", onChange: checkFieldValidity, error: showNameErrorText, helperText: showNameErrorText && messages.signUpNameErrorText, inputProps: { required: true }, value: nameValue, fullWidth: true }),
+        showPhone && (React.createElement(TextField, { disabled: loading || Boolean(state.context.phone), label: messages.signUpPhoneInputLabel, id: "phone-input", name: "phone", onChange: checkFieldValidity, error: showPhoneErrorText, helperText: showPhoneErrorText && messages.signUpPhoneErrorText, inputProps: { required: phoneRequired }, value: phoneValue, fullWidth: true })),
+        locationOptions.length > 0 && (React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, id: "location-input", name: "location", value: locationValue, fullWidth: true }, locationOptions.map((option) => (React.createElement(MenuItem, { "data-cy": "option", key: option.value, value: option.value }, option.label))))),
+        (showBirthday || showWeddingAnniversary) && React.createElement(Divider, { className: classes.divider }),
+        showBirthday && (React.createElement(MonthDayPicker, { sectionLabel: messages.signUpBirthdaySectionLabel, monthLabel: messages.signUpMonthInputLabel, dayLabel: messages.signUpDayInputLabel, monthId: "birthday-month-input", dayId: "birthday-date-input", monthName: "birthMonth", dayName: "birthDay", monthValue: selectedBirthMonth, dayValue: selectedBirthDay, onMonthChange: setSelectedBirthMonth, onDayChange: setSelectedBirthDay, required: birthdayRequired, disabled: loading, monthOptions: monthOptions })),
+        showWeddingAnniversary && (React.createElement(MonthDayPicker, { sectionLabel: messages.signUpWeddingAnniversarySectionLabel, monthLabel: messages.signUpMonthInputLabel, dayLabel: messages.signUpDayInputLabel, monthId: "wedding-month-input", dayId: "wedding-date-input", monthName: "weddingMonth", dayName: "weddingDay", monthValue: selectedWeddingMonth, dayValue: selectedWeddingDay, onMonthChange: setSelectedWeddingMonth, onDayChange: setSelectedWeddingDay, required: weddingAnniversaryRequired, disabled: loading, monthOptions: monthOptions })),
+        React.createElement(FollowerAuthenticationPrivacyPolicy, null),
+        React.createElement(Button, { disabled: loading || !isFormValid, type: "submit" }, messages.completeProfileCtaButtonLabel)));
+};
+
+export { FollowerAuthenticationUserForm };
+//# sourceMappingURL=FollowerAuthenticationUserForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowerAuthenticationUserForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useMemo, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, 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  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}))\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\n  return (\n    <Box className={classes.pickerContainer}>\n      <Typography className={classes.sectionLabel}>{sectionLabel}</Typography>\n      <Box className={classes.pickerFieldsRow}>\n        <TextField\n          disabled={disabled}\n          select\n          label={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        </TextField>\n        <TextField\n          disabled={disabled}\n          select\n          label={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        </TextField>\n      </Box>\n    </Box>\n  )\n}\n\nexport const FollowerAuthenticationUserForm = () => {\n  const { state, messages, locationOptions, onActionButtonClick, loading, signUpSetting } =\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 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\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 = Boolean(emailValue) && !showEmailErrorText\n    const hasValidPhone = showPhone\n      ? state.context.phone\n        ? true\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    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 pre-filled values from context\n    if (state.context.email && !values.email) values.email = state.context.email\n    if (state.context.phone && !values.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    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 || Boolean(state.context.email)}\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', required: true }}\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        inputProps={{ required: true }}\n        value={nameValue}\n        fullWidth\n      />\n      {showPhone && (\n        <TextField\n          disabled={loading || Boolean(state.context.phone)}\n          label={messages.signUpPhoneInputLabel}\n          id=\"phone-input\"\n          name=\"phone\"\n          onChange={checkFieldValidity}\n          error={showPhoneErrorText}\n          helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n          inputProps={{ required: phoneRequired }}\n          value={phoneValue}\n          fullWidth\n        />\n      )}\n      {locationOptions.length > 0 && (\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          name=\"location\"\n          value={locationValue}\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        </TextField>\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      <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/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.js

@@ -21,7 +21,7 @@ const useStyles = makeStyles((theme) => ({
 const FollowerAuthenticationVipBenefitRows = () => {
     const classes = useStyles();
     const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext();
-    const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp';
+    const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp' || state.value === 'completeProfile';
     if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState)
         return null;
     return (React.createElement(Box, { className: classes.main }, vipBenefitRows.map((row, index) => (React.createElement(Box, { key: index, className: classes.vipBenefitRows },

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

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationVipBenefitRows.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, makeStyles } from '@material-ui/core'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1.5),\n    width: '100%',\n  },\n  vipBenefitRows: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'row',\n    gridGap: theme.spacing(2),\n  },\n}))\n\nexport const FollowerAuthenticationVipBenefitRows = () => {\n  const classes = useStyles()\n  const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext()\n  const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp'\n\n  if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState) return null\n\n  return (\n    <Box className={classes.main}>\n      {vipBenefitRows.map((row, index) => (\n        <Box key={index} className={classes.vipBenefitRows}>\n          <Icon icon={row.icon} size=\"large\" aria-hidden=\"true\" />\n          <Typography>{row.text}</Typography>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,oCAAoC,GAAG,MAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;AAClF,IAAA,MAAM,sBAAsB,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ;AAEpF,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,sBAAsB;AAAE,QAAA,OAAO,IAAI;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACzB,EAAA,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MAC7B,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,EAAA;AAChD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAG,CAAA;QACxD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAE,IAAA,EAAA,GAAG,CAAC,IAAI,CAAc,CAC/B,CACP,CAAC,CACE;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationVipBenefitRows.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, makeStyles } from '@material-ui/core'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1.5),\n    width: '100%',\n  },\n  vipBenefitRows: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'row',\n    gridGap: theme.spacing(2),\n  },\n}))\n\nexport const FollowerAuthenticationVipBenefitRows = () => {\n  const classes = useStyles()\n  const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext()\n  const isInitialOrSignUpState =\n    state.value === 'initial' || state.value === 'signUp' || state.value === 'completeProfile'\n\n  if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState) return null\n\n  return (\n    <Box className={classes.main}>\n      {vipBenefitRows.map((row, index) => (\n        <Box key={index} className={classes.vipBenefitRows}>\n          <Icon icon={row.icon} size=\"large\" aria-hidden=\"true\" />\n          <Typography>{row.text}</Typography>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,oCAAoC,GAAG,MAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;AAClF,IAAA,MAAM,sBAAsB,GAC1B,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,iBAAiB;AAE5F,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,sBAAsB;AAAE,QAAA,OAAO,IAAI;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACzB,EAAA,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MAC7B,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,EAAA;AAChD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAG,CAAA;QACxD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAE,IAAA,EAAA,GAAG,CAAC,IAAI,CAAc,CAC/B,CACP,CAAC,CACE;AAEV;;;;"}

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

@@ -0,0 +1,2 @@
+export declare const validatePhoneNumber: (phone: string) => boolean;
+export declare const formatPhoneNumber: (value: string) => string;

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

@@ -0,0 +1,32 @@
+const northAmericanPhoneRegex = /^(\+?1[\s.-]?)?(\([2-9]\d{2}\)|[2-9]\d{2})[-\s.]?[2-9]\d{2}[-\s.]?\d{4}$/;
+const ukPhoneRegex = /^((\+?44\s?|0044\s?)(\s?\d{3,5}|\(\d{3,5}\))(\s?\d{3,4})(\s?\d{3,4})$|^07\d{3}\s?\d{6}$)/;
+const validatePhoneNumber = (phone) => {
+    if (!phone)
+        return false;
+    return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone);
+};
+const formatPatterns = [
+    { pattern: /^(1)([2-9]\d{2})(\d{3})(\d{4})$/, format: '+{1} ({2}) {3}-{4}', international: true },
+    { pattern: /^([2-9]\d{2})(\d{3})(\d{4})$/, format: '({1}) {2}-{3}', international: false },
+    { pattern: /^(44)(\d{4})(\d{6})$/, format: '+{1} {2} {3}', international: true },
+    { pattern: /^(07\d{3})(\d{6})$/, format: '{1} {2}', international: false },
+];
+const formatPhoneNumber = (value) => {
+    if (!value)
+        return '';
+    const isInternational = value.startsWith('+');
+    const digits = value.replace(/\D/g, '');
+    if (!digits)
+        return isInternational ? '+' : '';
+    for (const { pattern, format, international } of formatPatterns) {
+        if (isInternational && !international)
+            continue;
+        const m = digits.match(pattern);
+        if (m)
+            return m.slice(1).reduce((result, match, i) => result.replace(`{${i + 1}}`, match), format);
+    }
+    return isInternational ? `+${digits}` : digits;
+};
+
+export { formatPhoneNumber, validatePhoneNumber };
+//# sourceMappingURL=phoneValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phoneValidation.js","sources":["../../../../src/components/FollowerAuthenticationDialog/phoneValidation.ts"],"sourcesContent":["const northAmericanPhoneRegex = /^(\\+?1[\\s.-]?)?(\\([2-9]\\d{2}\\)|[2-9]\\d{2})[-\\s.]?[2-9]\\d{2}[-\\s.]?\\d{4}$/\nconst ukPhoneRegex = /^((\\+?44\\s?|0044\\s?)(\\s?\\d{3,5}|\\(\\d{3,5}\\))(\\s?\\d{3,4})(\\s?\\d{3,4})$|^07\\d{3}\\s?\\d{6}$)/\n\nexport const validatePhoneNumber = (phone: string): boolean => {\n  if (!phone) return false\n  return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone)\n}\n\nconst formatPatterns = [\n  { pattern: /^(1)([2-9]\\d{2})(\\d{3})(\\d{4})$/, format: '+{1} ({2}) {3}-{4}', international: true },\n  { pattern: /^([2-9]\\d{2})(\\d{3})(\\d{4})$/, format: '({1}) {2}-{3}', international: false },\n  { pattern: /^(44)(\\d{4})(\\d{6})$/, format: '+{1} {2} {3}', international: true },\n  { pattern: /^(07\\d{3})(\\d{6})$/, format: '{1} {2}', international: false },\n]\n\nexport const formatPhoneNumber = (value: string): string => {\n  if (!value) return ''\n  const isInternational = value.startsWith('+')\n  const digits = value.replace(/\\D/g, '')\n  if (!digits) return isInternational ? '+' : ''\n  for (const { pattern, format, international } of formatPatterns) {\n    if (isInternational && !international) continue\n    const m = digits.match(pattern)\n    if (m) return m.slice(1).reduce((result, match, i) => result.replace(`{${i + 1}}`, match), format)\n  }\n  return isInternational ? `+${digits}` : digits\n}\n"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG,0EAA0E;AAC1G,MAAM,YAAY,GAAG,0FAA0F;AAElG,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAa;AAC5D,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,KAAK;AACxB,IAAA,OAAO,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxE;AAEA,MAAM,cAAc,GAAG;IACrB,EAAE,OAAO,EAAE,iCAAiC,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,IAAI,EAAE;IACjG,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE;IAC1F,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,IAAI,EAAE;IAChF,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE;CAC3E;AAEY,MAAA,iBAAiB,GAAG,CAAC,KAAa,KAAY;AACzD,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;IACrB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;IAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACvC,IAAA,IAAI,CAAC,MAAM;QAAE,OAAO,eAAe,GAAG,GAAG,GAAG,EAAE;IAC9C,KAAK,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,cAAc,EAAE;QAC/D,IAAI,eAAe,IAAI,CAAC,aAAa;YAAE;QACvC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AAC/B,QAAA,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;;IAEpG,OAAO,eAAe,GAAG,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,GAAG,MAAM;AAChD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/common-ui",
-  "version": "0.152.0",
+  "version": "0.154.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
@@ -31,5 +31,5 @@
     "react": "18.x || 19.x"
   },
   "sideEffects": false,
-  "gitHead": "befcac06eaf85377080f4455bc1e7fe253b9f453"
+  "gitHead": "5a7633f43ac0b6a3af67866a1d2467143fb7a946"
 }