@popmenu/common-ui 0.153.0 → 0.154.0

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

@@ -1,8 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 import { makeStyles, TextField, Button, Box, FormControlLabel, Typography, Checkbox, MenuItem } from '@material-ui/core';
+import { FollowerAuthenticationUserForm } from './FollowerAuthenticationUserForm.js';
+import { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy.js';
+import { validatePhoneNumber } from './phoneValidation.js';
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles({
     checkboxLabel: {
         '& > a': {
             textDecoration: 'underline',
@@ -20,18 +23,7 @@ const useStyles = makeStyles((theme) => ({
         alignSelf: 'start',
         fontSize: '0.85rem',
     },
-    privacyPolicyButton: {
-        fontSize: '0.75rem',
-        margin: theme.spacing(0, 0.5),
-        padding: 0,
-        textDecoration: 'underline',
-        width: 'auto',
-    },
-    privacyPolicyText: {
-        fontSize: '0.75rem',
-        textAlign: 'center',
-    },
-}));
+});
 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)))));
     if (showV2) {
@@ -49,13 +41,6 @@ function LocationAndBirthday({ checkFieldValidity, classes, loading, locationOpt
         React.createElement(TextField, { disabled: loading, label: messages.signUpMonthInputLabel, id: "birthday-month-input", name: "birthdayMonth" }),
         React.createElement(TextField, { disabled: loading, label: messages.signUpDayInputLabel, id: "birthday-date-input", name: "birthdayDate" })));
 }
-const northAmericanPhoneRegex = /^(\()?[2-9]{1}\d{2}(\))?[-\s.]?[2-9]{1}\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{9}$)/;
-const validatePhoneNumber = (phone) => {
-    if (!phone)
-        return false;
-    return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone);
-};
 const FollowerAuthenticationForm = () => {
     const { state, messages, locationOptions, onActionButtonClick, loading, showV2, showSubscribeEmail, showSubscribeSms, } = useFollowerAuthenticationDialogContext();
     const classes = useStyles();
@@ -142,6 +127,7 @@ const FollowerAuthenticationForm = () => {
         onActionButtonClick('submit-form', values);
     };
     const formProps = {
+        key: state.value,
         id: 'follower-authentication-form',
         className: classes.form,
         onSubmit: handleSubmit,
@@ -149,17 +135,17 @@ const FollowerAuthenticationForm = () => {
     switch (state.value) {
         case 'initial':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.initialInputLabel, key: "identifier-input", id: "identifier-input", name: "identifier" }),
+                React.createElement(TextField, { disabled: loading, label: messages.initialInputLabel, id: "identifier-input", name: "identifier" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.initialCtaButtonLabel)));
         case 'signUp':
             return (React.createElement("form", { ref: formRef, ...formProps, onInvalid: (e) => {
                     e.preventDefault();
                 } },
-                React.createElement(TextField, { disabled: loading, label: messages.signUpPhoneInputLabel, key: "phone-input", id: "phone-input", name: "phone", onChange: checkFieldValidity, error: showPhoneErrorText, helperText: showPhoneErrorText && messages.signUpPhoneErrorText, inputProps: {
+                React.createElement(TextField, { disabled: loading, label: messages.signUpPhoneInputLabel, id: "phone-input", name: "phone", onChange: checkFieldValidity, error: showPhoneErrorText, helperText: showPhoneErrorText && messages.signUpPhoneErrorText, inputProps: {
                         required: showV2 || !signUpEmailValue,
                     }, defaultValue: state.context.phone }),
-                React.createElement(TextField, { disabled: loading, label: messages.signUpNameInputLabel, key: "name-input", id: "name-input", name: "name", onChange: checkFieldValidity, error: showNameErrorText, inputProps: { required: true }, defaultValue: state.context.name }),
-                React.createElement(TextField, { disabled: loading, label: messages.signUpEmailInputLabel, key: "email-input", id: "email-input", name: "email", error: showEmailErrorText, helperText: showEmailErrorText && messages.signUpEmailErrorText, onChange: checkFieldValidity, inputProps: {
+                React.createElement(TextField, { disabled: loading, label: messages.signUpNameInputLabel, id: "name-input", name: "name", onChange: checkFieldValidity, error: showNameErrorText, inputProps: { required: true }, defaultValue: state.context.name }),
+                React.createElement(TextField, { disabled: loading, label: messages.signUpEmailInputLabel, id: "email-input", name: "email", error: showEmailErrorText, helperText: showEmailErrorText && messages.signUpEmailErrorText, onChange: checkFieldValidity, inputProps: {
                         required: showV2 || !signUpPhoneValue,
                         type: 'email',
                     }, defaultValue: state.context.email }),
@@ -167,58 +153,53 @@ const FollowerAuthenticationForm = () => {
                 React.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", gridGap: 2, width: "100%" },
                     showSubscribeEmail && (React.createElement(FormControlLabel, { style: { alignItems: 'flex-start' }, control: React.createElement(Checkbox, { id: "subscribe-email", name: "subscribeEmail", disabled: loading, color: "primary" }), label: React.createElement(Typography, { className: classes.checkboxLabel }, messages.subscribeEmailCheckboxLabel) })),
                     showSubscribeSms && (React.createElement(FormControlLabel, { style: { alignItems: 'flex-start' }, control: React.createElement(Checkbox, { id: "subscribe-sms", name: "subscribeSms", disabled: loading, color: "primary" }), label: React.createElement(Typography, { className: classes.checkboxLabel }, messages.subscribeSmsCheckboxLabel) }))),
-                showV2 && messages.privacyPolicyText && (React.createElement(Typography, { className: classes.privacyPolicyText },
-                    messages.privacyPolicyText,
-                    React.createElement(Button, { className: classes.privacyPolicyButton, onClick: () => onActionButtonClick('open-privacy-policy'), variant: "text" }, messages.privacyPolicyButtonLabel))),
+                React.createElement(FollowerAuthenticationPrivacyPolicy, null),
                 React.createElement(Button, { disabled: loading || !formValidity, type: "submit" }, messages.signUp)));
         case 'emailFound':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email }),
+                React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, id: "email-input", name: "email", value: state.context.email }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.emailFoundCtaButtonLabel)));
         case 'emailAuthCode':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.emailAuthCodeInputLabel, key: "code-input", id: "code-input", name: "code" }),
+                React.createElement(TextField, { disabled: loading, label: messages.emailAuthCodeInputLabel, id: "code-input", name: "code" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'emailMagicLinkSent':
             return (React.createElement(Button, { disabled: loading, onClick: () => {
                     onActionButtonClick('close');
                 } }, messages.emailMagicLinkSentCtaButtonLabel));
         case 'indirectUserFound': {
-            if (state.context.email) {
-                return (React.createElement("form", { ...formProps },
-                    React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email }),
-                    React.createElement(Button, { disabled: loading, type: "submit" }, messages.indirectUserFoundCtaButtonLabel)));
-            }
-            else if (state.context.phone) {
-                return (React.createElement("form", { ...formProps },
-                    React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
-                    React.createElement(Button, { disabled: loading, type: "submit" }, messages.indirectUserFoundCtaButtonLabel)));
-            }
-            else
+            const isEmail = Boolean(state.context.email);
+            const isPhone = Boolean(state.context.phone);
+            if (!isEmail && !isPhone)
                 return null;
+            return (React.createElement("form", { ...formProps },
+                React.createElement(TextField, { disabled: loading, label: isEmail ? messages.emailFoundInputLabel : messages.phoneFoundInputLabel, id: isEmail ? 'email-input' : 'phone-input', name: isEmail ? 'email' : 'phone', value: isEmail ? state.context.email : state.context.phone }),
+                React.createElement(Button, { disabled: loading, type: "submit" }, messages.indirectUserFoundCtaButtonLabel)));
         }
         case 'emailPasswordSignIn':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email, InputLabelProps: { shrink: true } }),
-                React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, key: "password-input", id: "password-input", name: "password", inputProps: { type: 'password' } }),
+                React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, id: "email-input", name: "email", value: state.context.email, InputLabelProps: { shrink: true } }),
+                React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, id: "password-input", name: "password", inputProps: { type: 'password' } }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'phoneFound':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
+                React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, id: "phone-input", name: "phone", value: state.context.phone }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.phoneFoundCtaButtonLabel)));
         case 'phoneAuthCode':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.phoneAuthCodeInputLabel, key: "code-input", id: "code-input", name: "code", autoComplete: "one-time-code" }),
+                React.createElement(TextField, { disabled: loading, label: messages.phoneAuthCodeInputLabel, id: "code-input", name: "code", autoComplete: "one-time-code" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'phonePasswordSignIn':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone, InputLabelProps: { shrink: true } }),
-                React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, key: "password-input", id: "password-input", name: "password", inputProps: { type: 'password' } }),
+                React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, id: "phone-input", name: "phone", value: state.context.phone, InputLabelProps: { shrink: true } }),
+                React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, id: "password-input", name: "password", inputProps: { type: 'password' } }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'requirePhone':
             return (React.createElement("form", { ...formProps },
-                React.createElement(TextField, { disabled: loading, label: messages.requirePhoneInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
+                React.createElement(TextField, { disabled: loading, label: messages.requirePhoneInputLabel, id: "phone-input", name: "phone", value: state.context.phone }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.requirePhoneCtaButtonLabel)));
+        case 'completeProfile':
+            return React.createElement(FollowerAuthenticationUserForm, null);
         case 'welcome':
             return null;
         default:

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.d.ts

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

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.d.ts

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

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/FollowerAuthenticationLogoContainer.d.ts

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

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/FollowerAuthenticationTitle.d.ts

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

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

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