@popmenu/common-ui 0.99.0 → 0.101.0

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

@@ -31,6 +31,10 @@ export declare type ReducerEvent = {
     type: 'click-google-continue';
 } | {
     type: 'click-sign-up';
+} | {
+    type: 'click-email-sign-up';
+} | {
+    type: 'click-phone-sign-up';
 } | {
     type: 'click-get-code';
     context: {
@@ -59,7 +63,7 @@ export declare type ReducerEvent = {
 } | {
     type: 'start-facebook-auth';
 };
-declare type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
+declare type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | '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' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
 declare type LocationOption = {
     label: string;
     value: string;

package/build/index.es.js

@@ -1164,7 +1164,7 @@ var FollowerAuthenticationForm = function () {
                         required: signUpPhoneValue ? false : true,
                         type: 'email',
                     } }),
-                React__default.createElement(TextField$1, { 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(function (locationOption) { return (React__default.createElement(MenuItem, { key: locationOption.value, value: locationOption.value }, locationOption.label)); })),
+                React__default.createElement(TextField$1, { 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(function (locationOption) { return (React__default.createElement(MenuItem, { "data-cy": 'option', key: locationOption.value, value: locationOption.value }, locationOption.label)); })),
                 React__default.createElement(Typography$1, { style: { alignSelf: 'start' } }, messages.signUpBirthdaySectionLabel),
                 React__default.createElement(TextField$1, { disabled: loading, label: messages.signUpMonthInputLabel, key: "birthday-month-input", id: "birthday-month-input", name: "birthdayMonth" }),
                 React__default.createElement(TextField$1, { disabled: loading, label: messages.signUpDayInputLabel, key: "birthday-date-input", id: "birthday-date-input", name: "birthdayDate" }),
@@ -1215,7 +1215,7 @@ var useStyles$1 = makeStyles(function () { return ({
     },
 }); });
 var FollowerAuthenticationAltActions = function () {
-    var _a = useFollowerAuthenticationDialogContext(), state = _a.state, dispatch = _a.dispatch, messages = _a.messages, logos = _a.logos;
+    var _a = useFollowerAuthenticationDialogContext(), state = _a.state, dispatch = _a.dispatch, messages = _a.messages, logos = _a.logos, loading = _a.loading;
     var classes = useStyles$1();
     switch (state.value) {
         case 'initial':
@@ -1236,7 +1236,13 @@ var FollowerAuthenticationAltActions = function () {
                         dispatch({ type: 'click-password-continue' });
                     } }, messages.signInWithPassword)));
         case 'emailAuthCode':
-            return null;
+            return (React__default.createElement(Box, { className: classes.main },
+                React__default.createElement(Button$1, { disabled: loading, variant: "outlined", onClick: function () {
+                        var form = document.querySelector('#follower-authentication-form');
+                        var formData = new FormData(form);
+                        var values = Object.fromEntries(formData.entries());
+                        dispatch({ type: 'click-get-code', context: { values: values } });
+                    } }, messages.resendAuthCode)));
         case 'indirectUserFound':
             return (React__default.createElement(Box, { className: classes.main },
                 React__default.createElement(Divider$1, null),
@@ -1255,7 +1261,13 @@ var FollowerAuthenticationAltActions = function () {
         case 'phoneFound':
             return null;
         case 'phoneAuthCode':
-            return null;
+            return (React__default.createElement(Box, { className: classes.main },
+                React__default.createElement(Button$1, { disabled: loading, variant: "outlined", onClick: function () {
+                        var form = document.querySelector('#follower-authentication-form');
+                        var formData = new FormData(form);
+                        var values = Object.fromEntries(formData.entries());
+                        dispatch({ type: 'click-get-code', context: { values: values } });
+                    } }, messages.resendAuthCode)));
         case 'phonePasswordSignIn':
             return (React__default.createElement(Box, { className: classes.main },
                 React__default.createElement(Divider$1, null),
@@ -1267,7 +1279,7 @@ var FollowerAuthenticationAltActions = function () {
                     } }, messages.phoneFoundCtaButtonLabel)));
         case 'welcome':
             return (React__default.createElement(Button$1, { onClick: function () {
-                    dispatch({ type: 'click-sign-up' });
+                    dispatch({ type: 'click-done' });
                 } }, messages.done));
         default:
             return null;