@aws-amplify/ui-react-native 2.0.8 → 2.1.1

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

@@ -1,4 +1,4 @@
 export { default as Authenticator } from './Authenticator';
 export { AuthenticatorProps, WithAuthenticatorOptions } from './types';
+export { useAuthenticator, UseAuthenticator } from './useAuthenticator';
 export { default as withAuthenticator } from './withAuthenticator';
-export { useAuthenticator, UseAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/Authenticator/index.js

@@ -1,4 +1,3 @@
 export { default as Authenticator } from './Authenticator';
+export { useAuthenticator } from './useAuthenticator';
 export { default as withAuthenticator } from './withAuthenticator';
-// re-export shared `Authenticator` exports
-export { useAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/Authenticator/useAuthenticator.d.ts

@@ -0,0 +1,4 @@
+export { UseAuthenticator } from '@aws-amplify/ui-react-core';
+import { useAuthenticator as _useAuthenticator, UseAuthenticator } from '@aws-amplify/ui-react-core';
+type UseAuthenticatorSelector = Parameters<typeof _useAuthenticator>[0];
+export declare function useAuthenticator(selector?: UseAuthenticatorSelector): UseAuthenticator;

package/dist/Authenticator/useAuthenticator.js

@@ -0,0 +1,18 @@
+import { signOut as _signOut } from 'aws-amplify/auth';
+import { useAuthenticator as _useAuthenticator, } from '@aws-amplify/ui-react-core';
+// wrap and re-export `useAuthenticator` to replace state machine `signOut` with
+// `aws-amplify/auth` version due to iOS specifc requirements for federated sign
+// out handling with JS. On iOS sign out, JS prmnpts the end user with a native
+// Alert requesting confirmation of sign out, if the end user cancels they will
+// have already been signed out of the state machine, but will still be
+// authenticated on the JS singleton
+// input utility function to prevent breaking changes in consumers.
+// State machine sign out handling does not pass input to underlying `signOut`
+// call; replicate that behavior here
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const signOut = (data) => {
+    _signOut();
+};
+export function useAuthenticator(selector) {
+    return { ..._useAuthenticator(selector), signOut };
+}

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.0.8";
+export declare const VERSION = "2.1.1";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '2.0.8';
+export const VERSION = '2.1.1';

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/Authenticator/index.js

@@ -3,11 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthenticator = exports.withAuthenticator = exports.Authenticator = void 0;
+exports.withAuthenticator = exports.useAuthenticator = exports.Authenticator = void 0;
 var Authenticator_1 = require("./Authenticator");
 Object.defineProperty(exports, "Authenticator", { enumerable: true, get: function () { return __importDefault(Authenticator_1).default; } });
+var useAuthenticator_1 = require("./useAuthenticator");
+Object.defineProperty(exports, "useAuthenticator", { enumerable: true, get: function () { return useAuthenticator_1.useAuthenticator; } });
 var withAuthenticator_1 = require("./withAuthenticator");
 Object.defineProperty(exports, "withAuthenticator", { enumerable: true, get: function () { return __importDefault(withAuthenticator_1).default; } });
-// re-export shared `Authenticator` exports
-var ui_react_core_1 = require("@aws-amplify/ui-react-core");
-Object.defineProperty(exports, "useAuthenticator", { enumerable: true, get: function () { return ui_react_core_1.useAuthenticator; } });

package/lib/Authenticator/useAuthenticator.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthenticator = void 0;
+const auth_1 = require("aws-amplify/auth");
+const ui_react_core_1 = require("@aws-amplify/ui-react-core");
+// wrap and re-export `useAuthenticator` to replace state machine `signOut` with
+// `aws-amplify/auth` version due to iOS specifc requirements for federated sign
+// out handling with JS. On iOS sign out, JS prmnpts the end user with a native
+// Alert requesting confirmation of sign out, if the end user cancels they will
+// have already been signed out of the state machine, but will still be
+// authenticated on the JS singleton
+// input utility function to prevent breaking changes in consumers.
+// State machine sign out handling does not pass input to underlying `signOut`
+// call; replicate that behavior here
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const signOut = (data) => {
+    (0, auth_1.signOut)();
+};
+function useAuthenticator(selector) {
+    return { ...(0, ui_react_core_1.useAuthenticator)(selector), signOut };
+}
+exports.useAuthenticator = useAuthenticator;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "2.0.8",
+  "version": "2.1.1",
   "main": "lib/index.js",
   "module": "dist/index.js",
   "react-native": "src/index.ts",
@@ -29,13 +29,13 @@
     "react-native-safe-area-context": "^4.7.3"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.7",
-    "@aws-amplify/ui-react-core": "3.0.7",
-    "@aws-amplify/ui-react-core-notifications": "2.0.7"
+    "@aws-amplify/ui": "6.0.9",
+    "@aws-amplify/ui-react-core": "3.0.9",
+    "@aws-amplify/ui-react-core-notifications": "2.0.9"
   },
   "peerDependencies": {
     "aws-amplify": "^6.0.2",
-    "react-native": "^0.70 || ^0.71 || ^0.72",
+    "react-native": "^0.70 || ^0.71 || ^0.72 || ^0.73",
     "react-native-safe-area-context": "^4.2.5"
   },
   "files": [

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/Authenticator/index.ts

@@ -1,6 +1,4 @@
 export { default as Authenticator } from './Authenticator';
 export { AuthenticatorProps, WithAuthenticatorOptions } from './types';
+export { useAuthenticator, UseAuthenticator } from './useAuthenticator';
 export { default as withAuthenticator } from './withAuthenticator';
-
-// re-export shared `Authenticator` exports
-export { useAuthenticator, UseAuthenticator } from '@aws-amplify/ui-react-core';

package/src/Authenticator/useAuthenticator.ts

@@ -0,0 +1,34 @@
+// re-export `UseAuthenticator` export
+export { UseAuthenticator } from '@aws-amplify/ui-react-core';
+
+import { signOut as _signOut } from 'aws-amplify/auth';
+import { AuthEventData } from '@aws-amplify/ui';
+
+import {
+  useAuthenticator as _useAuthenticator,
+  UseAuthenticator,
+} from '@aws-amplify/ui-react-core';
+
+// wrap and re-export `useAuthenticator` to replace state machine `signOut` with
+// `aws-amplify/auth` version due to iOS specifc requirements for federated sign
+// out handling with JS. On iOS sign out, JS prmnpts the end user with a native
+// Alert requesting confirmation of sign out, if the end user cancels they will
+// have already been signed out of the state machine, but will still be
+// authenticated on the JS singleton
+
+// input utility function to prevent breaking changes in consumers.
+// State machine sign out handling does not pass input to underlying `signOut`
+// call; replicate that behavior here
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const signOut = (data?: AuthEventData) => {
+  _signOut();
+};
+
+// selector utility type to prevent breaking type changes in consumers
+type UseAuthenticatorSelector = Parameters<typeof _useAuthenticator>[0];
+
+export function useAuthenticator(
+  selector?: UseAuthenticatorSelector
+): UseAuthenticator {
+  return { ..._useAuthenticator(selector), signOut };
+}

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = '2.0.8';
+export const VERSION = '2.1.1';