npm - @popmenu/common-ui - Versions diffs - 0.150.2 → 0.151.1 - Mend

@popmenu/common-ui 0.150.2 → 0.151.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { IconProps } from '../Icon/IconProps';
 export type FollowerAuthenticationDialogProps = {
     open: boolean;
     state: ReducerState;
@@ -9,10 +10,16 @@ export type FollowerAuthenticationDialogProps = {
     loading: boolean;
     graphics: Record<`${ReducerStateValue}`, string>;
     logos: Record<'popmenu' | 'facebook' | 'google' | 'apple', ReactNode>;
+    logoUrl?: string;
     showCloseButton?: boolean;
     showAppleButton?: boolean;
     showFacebookButton?: boolean;
     showGoogleButton?: boolean;
+    showV2?: boolean;
+    signUpBackgroundImageUrl?: string;
+    vipBenefitRows?: FollowerAuthenticationVipBenefitRow[];
+    showSubscribeEmail?: boolean;
+    showSubscribeSms?: boolean;
     onActionButtonClick: (eventType: ClickEventType, values?: Record<string, string>) => void;
 };
 export type ReducerState = {
@@ -24,10 +31,14 @@ export type ReducerState = {
     };
 };
 export type ReducerStateValue = 'initial' | 'signUp' | 'emailFound' | 'indirectUserFound' | 'emailAuthCode' | 'emailPasswordSignIn' | 'phoneFound' | 'phoneAuthCode' | 'phonePasswordSignIn' | 'welcome' | 'requirePhone';
-export type ClickEventType = 'submit-form' | 'click-close' | 'code-sent' | 'request-auth-code-email' | 'request-auth-code-sms' | 'close' | 'use-different-account' | 'sign-in-with-password' | 'sign-in-with-facebook' | 'sign-in-with-google' | 'sign-in-with-apple';
-export type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | 'requirePhoneInputLabel' | 'requirePhoneCtaButtonLabel' | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'continueWithAppleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
+export type ClickEventType = 'submit-form' | 'click-close' | 'code-sent' | 'request-auth-code-email' | 'request-auth-code-sms' | 'close' | 'use-different-account' | 'sign-in-with-password' | 'sign-in-with-facebook' | 'sign-in-with-google' | 'sign-in-with-apple' | 'open-terms-of-service' | 'open-privacy-policy';
+export type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | 'requirePhoneInputLabel' | 'requirePhoneCtaButtonLabel' | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'continueWithAppleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword' | 'termsOfServiceButtonLabel' | 'subscribeEmailCheckboxLabel' | 'subscribeSmsCheckboxLabel' | 'privacyPolicyText' | 'privacyPolicyButtonLabel';
 type LocationOption = {
     label: string;
     value: string;
 };
+type FollowerAuthenticationVipBenefitRow = {
+    icon: IconProps['icon'];
+    text: string;
+};
 export {};

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.d.ts CHANGED Viewed

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

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js CHANGED Viewed

@@ -1,12 +1,14 @@
-import { Box, Typography } from '@material-ui/core';
+import { Box, Typography, Button } from '@material-ui/core';
 import React from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 const FollowerAuthenticationFooter = () => {
-    const { messages, logos } = useFollowerAuthenticationDialogContext();
-    return (React.createElement(Box, { display: "flex", gridGap: 8 },
-        React.createElement(Typography, { variant: "body2" }, messages.poweredBy),
-        logos.popmenu));
+    const { messages, logos, onActionButtonClick, showV2 } = useFollowerAuthenticationDialogContext();
+    return (React.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 4 },
+        React.createElement(Box, { display: "flex", justifyContent: "center", gridGap: 8 },
+            React.createElement(Typography, { variant: showV2 ? 'caption' : 'body2' }, messages.poweredBy),
+            logos.popmenu),
+        showV2 && (React.createElement(Button, { onClick: () => onActionButtonClick('open-terms-of-service'), style: { textDecoration: 'underline', fontSize: '0.75rem' }, variant: "text" }, messages.termsOfServiceButtonLabel))));
 };
 export { FollowerAuthenticationFooter };

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowerAuthenticationFooter.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.tsx"],"sourcesContent":["import { Box, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\n\nexport const FollowerAuthenticationFooter = () => {\n const { messages, logos } = useFollowerAuthenticationDialogContext()\n return (\n <Box display=\"flex\" gridGap={8}>\n <~~Typography~~ ~~variant~~=\"~~body2~~\">{messages.poweredBy}</Typography>\n {logos.popmenu}\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,4BAA4B,GAAG,MAAK;~~IAC~~/C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;~~IACpE~~,QACE,~~KAAC~~,CAAA,aAAA,~~CAAA~~,GAAG,EAAC,~~EAAA,~~OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAA;~~QAC5B~~,~~KAAC~~,CAAA,aAAA,~~CAAA~~,~~UAAU~~,~~IAAC~~,OAAO,EAAC,OAAO,EAAE,EAAA,QAAQ,CAAC,SAAS,CAAc;~~AAC5D~~,QAAA,~~KAAK~~,CAAC,OAAO,CACV;AAEV;;;;"}
1	+ {"version":3,"file":"FollowerAuthenticationFooter.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\n\nexport const FollowerAuthenticationFooter = () => {\n const { messages, logos, onActionButtonClick, showV2 } = useFollowerAuthenticationDialogContext()\n return (\n <Box display=\"flex\" flexDirection=\"column\" gridGap={4}>\n <Box display=\"flex\" justifyContent=\"center\" gridGap={8}>\n <Typography variant={showV2 ? 'caption' : 'body2'}>{messages.poweredBy}</Typography>\n {logos.popmenu}\n </Box>\n {showV2 && (\n <Button\n onClick={() => onActionButtonClick('open-terms-of-service')}\n style={{ textDecoration: 'underline', fontSize: '0.75rem' }}\n variant=\"text\"\n >\n {messages.termsOfServiceButtonLabel}\n </Button>\n )}\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,4BAA4B,GAAG,MAAK;AAC/C,IAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,sCAAsC,EAAE;AACjG,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACnD,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACpD,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,IAAG,QAAQ,CAAC,SAAS,CAAc;YACnF,KAAK,CAAC,OAAO,CACV;AACL,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,MAAM,mBAAmB,CAAC,uBAAuB,CAAC,EAC3D,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC3D,OAAO,EAAC,MAAM,EAAA,EAEb,QAAQ,CAAC,yBAAyB,CAC5B,CACV,CACG;AAEV;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.d.ts CHANGED Viewed

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

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

@@ -1,16 +1,54 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
-import { makeStyles, TextField, Button, MenuItem, Typography } from '@material-ui/core';
+import { makeStyles, TextField, Button, Box, FormControlLabel, Typography, Checkbox, MenuItem } from '@material-ui/core';
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles((theme) => ({
+    checkboxLabel: {
+        '& > a': {
+            textDecoration: 'underline',
+        },
+        fontSize: '0.75rem',
+    },
     form: {
+        alignItems: 'center',
         display: 'flex',
         flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
         gridGap: 16,
+        width: '100%',
+    },
+    label: {
+        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) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 4, style: { width: '100%' } },
+                React.createElement(Typography, { className: classes.label }, messages.signUpBirthdaySectionLabel),
+                React.createElement(Box, { display: "flex", gridGap: 16 },
+                    React.createElement(TextField, { disabled: loading, label: messages.signUpMonthInputLabel, id: "birthday-month-input", name: "birthdayMonth", style: { flex: 1 } }),
+                    React.createElement(TextField, { disabled: loading, label: messages.signUpDayInputLabel, id: "birthday-date-input", name: "birthdayDate", style: { flex: 1 } }))),
+            locationSelect));
+    }
+    return (React.createElement(React.Fragment, null,
+        locationSelect,
+        React.createElement(Typography, { style: { alignSelf: 'start' } }, messages.signUpBirthdaySectionLabel),
+        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) => {
@@ -19,20 +57,27 @@ const validatePhoneNumber = (phone) => {
     return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone);
 };
 const FollowerAuthenticationForm = () => {
-    const { state, messages, locationOptions, onActionButtonClick, loading } = useFollowerAuthenticationDialogContext();
+    const { state, messages, locationOptions, onActionButtonClick, loading, showV2, showSubscribeEmail, showSubscribeSms, } = useFollowerAuthenticationDialogContext();
     const classes = useStyles();
     // sign-up form state
     const formRef = useRef(null);
     const [formValidity, setFormValidity] = useState(false);
+    const [showNameErrorText, setShowNameErrorText] = useState();
     const [showPhoneErrorText, setShowPhoneErrorText] = useState();
     const [showEmailErrorText, setShowEmailErrorText] = useState();
     const [showLocationErrorText, setShowLocationErrorText] = useState();
+    const [signUpNameValue, setSignUpNameValue] = useState(state.context.name || '');
     const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '');
     const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '');
     const checkFieldValidity = (e) => {
         const fieldName = e.target.name;
         const fieldValue = e.target.value;
         switch (fieldName) {
+            case 'name':
+                const isNameValid = fieldValue.length > 0;
+                setSignUpNameValue(fieldValue);
+                setShowNameErrorText(!isNameValid);
+                break;
             case 'phone':
                 const isPhoneValid = validatePhoneNumber(fieldValue);
                 setSignUpPhoneValue(fieldValue);
@@ -50,9 +95,10 @@ const FollowerAuthenticationForm = () => {
         }
     };
     useEffect(() => {
+        setSignUpNameValue(state.context.name || '');
         setSignUpPhoneValue(state.context.phone || '');
         setSignUpEmailValue(state.context.email || '');
-    }, [state.context.phone, state.context.email]);
+    }, [state.context.name, state.context.phone, state.context.email]);
     useEffect(() => {
         // Validate pre-filled values (only in signUp state)
         if (state.value === 'signUp') {
@@ -66,18 +112,33 @@ const FollowerAuthenticationForm = () => {
                 setShowEmailErrorText(!isEmailValid);
             }
         }
+        const hasValidName = Boolean(signUpNameValue) && !showNameErrorText;
         const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText;
         const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText;
         const locationField = formRef.current?.elements.namedItem('location');
         const hasValidLocation = locationField ? Boolean(locationField.value) : true;
-        const hasValidContact = hasValidPhone || hasValidEmail;
+        const hasValidContact = showV2 ? hasValidName && hasValidPhone && hasValidEmail : hasValidPhone || hasValidEmail;
         setFormValidity(hasValidContact && hasValidLocation);
-    }, [state.value, signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText]);
+    }, [
+        showV2,
+        state.value,
+        signUpPhoneValue,
+        signUpEmailValue,
+        showPhoneErrorText,
+        showEmailErrorText,
+        showLocationErrorText,
+        signUpNameValue,
+        showNameErrorText,
+    ]);
     const handleSubmit = (e) => {
         e.preventDefault();
         const form = e.target;
         const formData = new FormData(form);
         const values = Object.fromEntries(formData.entries());
+        if (state.value === 'signUp') {
+            values.subscribeEmail = String(formData.has('subscribeEmail'));
+            values.subscribeSms = String(formData.has('subscribeSms'));
+        }
         onActionButtonClick('submit-form', values);
     };
     const formProps = {
@@ -95,17 +156,20 @@ const FollowerAuthenticationForm = () => {
                     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: {
-                        required: signUpEmailValue ? false : true,
+                        required: showV2 || !signUpEmailValue,
                     }, defaultValue: state.context.phone }),
-                React.createElement(TextField, { disabled: loading, label: messages.signUpNameInputLabel, key: "name-input", id: "name-input", name: "name", inputProps: { required: true } }),
+                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: {
-                        required: signUpPhoneValue ? false : true,
+                        required: showV2 || !signUpPhoneValue,
                         type: 'email',
                     }, defaultValue: state.context.email }),
-                React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, key: "location-input", 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)))),
-                React.createElement(Typography, { style: { alignSelf: 'start' } }, messages.signUpBirthdaySectionLabel),
-                React.createElement(TextField, { disabled: loading, label: messages.signUpMonthInputLabel, key: "birthday-month-input", id: "birthday-month-input", name: "birthdayMonth" }),
-                React.createElement(TextField, { disabled: loading, label: messages.signUpDayInputLabel, key: "birthday-date-input", id: "birthday-date-input", name: "birthdayDate" }),
+                React.createElement(LocationAndBirthday, { checkFieldValidity: checkFieldValidity, classes: classes, loading: loading, locationOptions: locationOptions, messages: messages, showLocationErrorText: showLocationErrorText, showV2: showV2 }),
+                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(Button, { disabled: loading || !formValidity, type: "submit" }, messages.signUp)));
         case 'emailFound':
             return (React.createElement("form", { ...formProps },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowerAuthenticationForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Button, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n form: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n gridGap: 16,\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 { state, messages, locationOptions, onActionButtonClick, loading } = 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 [showPhoneErrorText, setShowPhoneErrorText] = useState<boolean \| undefined>()\n const [showEmailErrorText, setShowEmailErrorText] = useState<boolean \| undefined>()\n const [showLocationErrorText, setShowLocationErrorText] = useState<boolean \| undefined>()\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 '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 setSignUpPhoneValue(state.context.phone \|\| '')\n setSignUpEmailValue(state.context.email \|\| '')\n }, [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 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 = hasValidPhone \|\| hasValidEmail\n setFormValidity(hasValidContact && hasValidLocation)\n }, [state.value, signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText])\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 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: signUpEmailValue ? false : true,\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 inputProps={{ required: true }}\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: signUpPhoneValue ? false : true,\n type: 'email',\n }}\n defaultValue={state.context.email}\n />\n <TextField\n disabled={loading}\n select\n onChange={checkFieldValidity}\n label={messages.signUpLocationInputLabel}\n error={showLocationErrorText}\n helperText={showLocationErrorText && messages.signUpLocationErrorText}\n key=\"location-input\"\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 <Typography style={{ alignSelf: 'start' }}>{messages.signUpBirthdaySectionLabel}</Typography>\n <TextField\n disabled={loading}\n label={messages.signUpMonthInputLabel}\n key=\"birthday-month-input\"\n id=\"birthday-month-input\"\n name=\"birthdayMonth\"\n />\n <TextField\n disabled={loading}\n label={messages.signUpDayInputLabel}\n key=\"birthday-date-input\"\n id=\"birthday-date-input\"\n name=\"birthdayDate\"\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 '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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"}
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 '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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"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -3,12 +3,14 @@ import { useFollowerAuthenticationDialogContext } from './context.js';
 import { Box } from '@material-ui/core';
 const FollowerAuthenticationGraphic = () => {
-    const { state, graphics } = useFollowerAuthenticationDialogContext();
+    const { state, graphics, showV2 } = useFollowerAuthenticationDialogContext();
+    if (showV2 && state.value === 'signUp')
+        return null;
     const graphic = graphics[state.value];
     if (!graphic)
         return null;
     return (React.createElement(Box, null,
-        React.createElement("img", { src: graphic, alt: "" })));
+        React.createElement("img", { src: graphic, alt: "", style: showV2 ? { width: 95, height: 95 } : undefined })));
 };
 export { FollowerAuthenticationGraphic };

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

	@@ -1 +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 } = useFollowerAuthenticationDialogContext()\n const graphic = graphics[state.value]\n if (!graphic) return null\n return (\n <Box>\n <img src={graphic} alt=\"\" />\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,6BAA6B,GAAG,MAAK;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sCAAsC,EAAE;~~IACpE~~,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACrC,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IACzB,QACE,oBAAC,GAAG,EAAA,IAAA;~~QACF~~,~~KAAK~~,CAAA,aAAA,CAAA,KAAA,EAAA,~~EAAA~~,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,EAAE,~~EAAA~~,~~CAAG~~,~~CACxB~~;AAEV;;;;"}
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;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -3,12 +3,18 @@ import { useFollowerAuthenticationDialogContext } from './context.js';
 import { Box, Typography } from '@material-ui/core';
 const FollowerAuthenticationInfo = () => {
-    const { state, messages } = useFollowerAuthenticationDialogContext();
+    const { state, messages, showV2 } = useFollowerAuthenticationDialogContext();
+    if (showV2 && state.value === 'signUp')
+        return null;
     const info = messages[`${state.value}Info`];
+    const last4Digits = state.context.phone?.slice(-4);
     if (!info)
         return null;
     return (React.createElement(Box, null,
-        React.createElement(Typography, { align: "center" }, info)));
+        React.createElement(Typography, { align: "center" }, info),
+        showV2 && state.value === 'phoneAuthCode' && (React.createElement(Typography, { align: "center", variant: "h5", style: { marginTop: 16 } },
+            "***-***-",
+            last4Digits))));
 };
 export { FollowerAuthenticationInfo };

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

	@@ -1 +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 } = useFollowerAuthenticationDialogContext()\n const info = messages[`${state.value}Info` as MessageKey]\n\n if (!info) return null\n return (\n <Box>\n <Typography align=\"center\">{info}</Typography>\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,0BAA0B,GAAG,MAAK;IAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sCAAsC,EAAE;~~IACpE~~,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAC,KAAK,CAAoB,IAAA,CAAA,CAAC;~~AAEzD~~,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IACtB,QACE,oBAAC,GAAG,EAAA,IAAA;~~QACF~~,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,QAAQ,~~IAAE~~,IAAI,~~CAAc~~,~~CAC1C~~;AAEV;;;;"}
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;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationLogoContainer.d.ts ADDED Viewed

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

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationLogoContainer.js ADDED Viewed

@@ -0,0 +1,30 @@
+import React from 'react';
+import { makeStyles, Box } from '@material-ui/core';
+import { useFollowerAuthenticationDialogContext } from './context.js';
+const useStyles = makeStyles((theme) => ({
+    main: {
+        [theme.breakpoints.down('sm')]: {
+            display: 'none',
+        },
+        backgroundColor: theme.palette.common.white,
+        backgroundPosition: 'center top',
+        backgroundSize: 'cover',
+        height: '100%',
+        padding: theme.spacing(5),
+        width: '100%',
+    },
+    logo: {
+        maxWidth: '100%',
+    },
+}));
+const FollowerAuthenticationLogoContainer = () => {
+    const classes = useStyles();
+    const { logoUrl, signUpBackgroundImageUrl } = useFollowerAuthenticationDialogContext();
+    return (React.createElement(Box, { className: classes.main, style: {
+            backgroundImage: signUpBackgroundImageUrl ? `url(${JSON.stringify(signUpBackgroundImageUrl)})` : 'none',
+        } }, logoUrl && React.createElement("img", { alt: "", className: classes.logo, src: logoUrl })));
+};
+export { FollowerAuthenticationLogoContainer };
+//# sourceMappingURL=FollowerAuthenticationLogoContainer.js.map

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationLogoContainer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FollowerAuthenticationLogoContainer.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationLogoContainer.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, makeStyles } from '@material-ui/core'\nimport { useFollowerAuthenticationDialogContext } from './context'\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n backgroundColor: theme.palette.common.white,\n backgroundPosition: 'center top',\n backgroundSize: 'cover',\n height: '100%',\n padding: theme.spacing(5),\n width: '100%',\n },\n logo: {\n maxWidth: '100%',\n },\n}))\n\nexport const FollowerAuthenticationLogoContainer = () => {\n const classes = useStyles()\n const { logoUrl, signUpBackgroundImageUrl } = useFollowerAuthenticationDialogContext()\n\n return (\n <Box\n className={classes.main}\n style={{\n backgroundImage: signUpBackgroundImageUrl ? `url(${JSON.stringify(signUpBackgroundImageUrl)})` : 'none',\n }}\n >\n {logoUrl && <img alt=\"\" className={classes.logo} src={logoUrl} />}\n </Box>\n )\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,IAAI,EAAE;QACJ,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;AAC3C,QAAA,kBAAkB,EAAE,YAAY;AAChC,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,MAAM;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,mCAAmC,GAAG,MAAK;AACtD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,OAAO,EAAE,wBAAwB,EAAE,GAAG,sCAAsC,EAAE;IAEtF,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EACF,EAAA,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAE;AACL,YAAA,eAAe,EAAE,wBAAwB,GAAG,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAA,CAAA,CAAG,GAAG,MAAM;AACxG,SAAA,EAAA,EAEA,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAI,CAAA,CAC7D;AAEV;;;;"}

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

@@ -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/FollowerAuthenticationVipBenefitRows.d.ts ADDED Viewed

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

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.js ADDED Viewed

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useFollowerAuthenticationDialogContext } from './context.js';
+import { makeStyles, Box } from '@material-ui/core';
+import { Icon } from '../Icon/Icon.js';
+import { Typography } from '../Typography/Typography.js';
+const useStyles = makeStyles((theme) => ({
+    main: {
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: theme.spacing(1.5),
+        width: '100%',
+    },
+    vipBenefitRows: {
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'row',
+        gridGap: theme.spacing(2),
+    },
+}));
+const FollowerAuthenticationVipBenefitRows = () => {
+    const classes = useStyles();
+    const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext();
+    const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp';
+    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 },
+        React.createElement(Icon, { icon: row.icon, size: "large", "aria-hidden": "true" }),
+        React.createElement(Typography, null, row.text))))));
+};
+export { FollowerAuthenticationVipBenefitRows };
+//# sourceMappingURL=FollowerAuthenticationVipBenefitRows.js.map

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

@@ -0,0 +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;;;;"}

package/build/esm/components/IconButton/IconButton.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IconButtonProps } from './IconButtonProps';
-export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "translate" | "hidden" | "disabled" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "edge" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;