@aws-amplify/ui-react-native 2.1.0 → 2.1.2

package/dist/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FederatedProviderButtonsProps } from './types';
-export default function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, }: FederatedProviderButtonsProps): JSX.Element | null;
+export default function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, toFederatedSignIn, }: FederatedProviderButtonsProps): JSX.Element | null;

package/dist/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.js

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
-import { signInWithRedirect } from 'aws-amplify/auth';
 import { authenticatorTextUtil, capitalize, } from '@aws-amplify/ui';
 import { Divider } from '../../../primitives';
 import { useTheme } from '../../../theme';
@@ -8,24 +7,18 @@ import { FederatedProviderButton } from '../FederatedProviderButton';
 import { icons } from '../../../assets';
 import { getThemedStyles } from './styles';
 const { getSignInWithFederationText, getOrText } = authenticatorTextUtil;
-// use `signInWithRedirect` directly instead of `toFederatedSignIn`
-// exposed on `useAuthenticator` for RN. `@aws-amplify/rtn-web-browser`
-// does not emit an event on federated sign in flow cancellation,
-// preventing the `Authenticator` from updating state and leaving the
-// UI in a "pending" state
-const handleSignInWithRedirect = (provider) => signInWithRedirect({ provider: capitalize(provider) });
-export default function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, }) {
+export default function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, toFederatedSignIn, }) {
     const theme = useTheme();
     const themedStyle = getThemedStyles(theme);
     const providerButtons = useMemo(() => socialProviders?.map((provider) => {
         const providerIconSource = icons[`${provider}Logo`];
         const handlePress = () => {
-            handleSignInWithRedirect(provider);
+            toFederatedSignIn({ provider: capitalize(provider) });
         };
         return (<FederatedProviderButton key={provider} onPress={handlePress} source={providerIconSource} style={[themedStyle.button, buttonStyle]}>
             {getSignInWithFederationText(route, provider)}
           </FederatedProviderButton>);
-    }), [route, socialProviders, themedStyle, buttonStyle]);
+    }), [route, socialProviders, themedStyle, buttonStyle, toFederatedSignIn]);
     return providerButtons?.length ? (<View style={[themedStyle.container, style]} testID="amplify__federated-provider-buttons">
       {providerButtons}
       <Divider labelStyle={[themedStyle.dividerLabel, dividerLabelStyle]}>

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.1.0";
+export declare const VERSION = "2.1.2";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '2.1.0';
+export const VERSION = '2.1.2';

package/lib/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_native_1 = require("react-native");
-const auth_1 = require("aws-amplify/auth");
 const ui_1 = require("@aws-amplify/ui");
 const primitives_1 = require("../../../primitives");
 const theme_1 = require("../../../theme");
@@ -11,24 +10,18 @@ const FederatedProviderButton_1 = require("../FederatedProviderButton");
 const assets_1 = require("../../../assets");
 const styles_1 = require("./styles");
 const { getSignInWithFederationText, getOrText } = ui_1.authenticatorTextUtil;
-// use `signInWithRedirect` directly instead of `toFederatedSignIn`
-// exposed on `useAuthenticator` for RN. `@aws-amplify/rtn-web-browser`
-// does not emit an event on federated sign in flow cancellation,
-// preventing the `Authenticator` from updating state and leaving the
-// UI in a "pending" state
-const handleSignInWithRedirect = (provider) => (0, auth_1.signInWithRedirect)({ provider: (0, ui_1.capitalize)(provider) });
-function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, }) {
+function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, toFederatedSignIn, }) {
     const theme = (0, theme_1.useTheme)();
     const themedStyle = (0, styles_1.getThemedStyles)(theme);
     const providerButtons = (0, react_1.useMemo)(() => socialProviders?.map((provider) => {
         const providerIconSource = assets_1.icons[`${provider}Logo`];
         const handlePress = () => {
-            handleSignInWithRedirect(provider);
+            toFederatedSignIn({ provider: (0, ui_1.capitalize)(provider) });
         };
         return (<FederatedProviderButton_1.FederatedProviderButton key={provider} onPress={handlePress} source={providerIconSource} style={[themedStyle.button, buttonStyle]}>
             {getSignInWithFederationText(route, provider)}
           </FederatedProviderButton_1.FederatedProviderButton>);
-    }), [route, socialProviders, themedStyle, buttonStyle]);
+    }), [route, socialProviders, themedStyle, buttonStyle, toFederatedSignIn]);
     return providerButtons?.length ? (<react_native_1.View style={[themedStyle.container, style]} testID="amplify__federated-provider-buttons">
       {providerButtons}
       <primitives_1.Divider labelStyle={[themedStyle.dividerLabel, dividerLabelStyle]}>

package/lib/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '2.1.0';
+exports.VERSION = '2.1.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "main": "lib/index.js",
   "module": "dist/index.js",
   "react-native": "src/index.ts",
@@ -29,9 +29,9 @@
     "react-native-safe-area-context": "^4.7.3"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.8",
-    "@aws-amplify/ui-react-core": "3.0.8",
-    "@aws-amplify/ui-react-core-notifications": "2.0.8"
+    "@aws-amplify/ui": "6.0.10",
+    "@aws-amplify/ui-react-core": "3.0.10",
+    "@aws-amplify/ui-react-core-notifications": "2.0.10"
   },
   "peerDependencies": {
     "aws-amplify": "^6.0.2",

package/src/Authenticator/common/DefaultContent/DefaultContent.tsx

@@ -14,7 +14,7 @@ function useThemedStyles<Style>(getStyle: (theme: StrictTheme) => Style) {
 }
 
 export default function DefaultContent<
-  FieldsType extends TextFieldOptionsType | RadioFieldOptions
+  FieldsType extends TextFieldOptionsType | RadioFieldOptions,
 >({
   body,
   buttons: { primary, links, secondary },

package/src/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.tsx

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
-import { signInWithRedirect } from 'aws-amplify/auth';
 
 import {
   SocialProvider,
@@ -17,21 +16,13 @@ import { getThemedStyles } from './styles';
 
 const { getSignInWithFederationText, getOrText } = authenticatorTextUtil;
 
-// use `signInWithRedirect` directly instead of `toFederatedSignIn`
-// exposed on `useAuthenticator` for RN. `@aws-amplify/rtn-web-browser`
-// does not emit an event on federated sign in flow cancellation,
-// preventing the `Authenticator` from updating state and leaving the
-// UI in a "pending" state
-const handleSignInWithRedirect = (
-  provider: 'amazon' | 'apple' | 'facebook' | 'google'
-) => signInWithRedirect({ provider: capitalize(provider) });
-
 export default function FederatedProviderButtons({
   buttonStyle,
   dividerLabelStyle,
   route,
   socialProviders,
   style,
+  toFederatedSignIn,
 }: FederatedProviderButtonsProps): JSX.Element | null {
   const theme = useTheme();
   const themedStyle = getThemedStyles(theme);
@@ -42,7 +33,7 @@ export default function FederatedProviderButtons({
         const providerIconSource = icons[`${provider}Logo`];
 
         const handlePress = () => {
-          handleSignInWithRedirect(provider);
+          toFederatedSignIn({ provider: capitalize(provider) });
         };
 
         return (
@@ -56,7 +47,7 @@ export default function FederatedProviderButtons({
           </FederatedProviderButton>
         );
       }),
-    [route, socialProviders, themedStyle, buttonStyle]
+    [route, socialProviders, themedStyle, buttonStyle, toFederatedSignIn]
   );
 
   return providerButtons?.length ? (

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '2.1.0';
+export const VERSION = '2.1.2';