@aws-amplify/ui-react-core 1.0.1 → 1.0.3

package/dist/Authenticator/hooks/useAuthenticator/constants.js

@@ -12,4 +12,5 @@ exports.COMPONENT_ROUTE_KEYS = [
     'confirmVerifyUser',
     'resetPassword',
     'setupTOTP',
+    'verifyUser',
 ];

package/dist/Authenticator/hooks/useAuthenticator/utils.js

@@ -45,7 +45,9 @@ const flattenFormFields = (fields) => fields.flatMap(([name, options]) => (Objec
 /**
  * Retrieves legacy form field values from state machine for routes that have fields
  */
-const getLegacyFields = (route, state) => (0, exports.isComponentRouteKey)(route)
+const getLegacyFields = (route, state) => 
+// verifyUser is a component route, but does not have form fields
+(0, exports.isComponentRouteKey)(route) && route !== 'verifyUser'
     ? flattenFormFields((0, ui_1.getSortedFormFields)(route, state))
     : [];
 exports.getLegacyFields = getLegacyFields;

package/dist/esm/Authenticator/hooks/useAuthenticator/constants.js

@@ -9,4 +9,5 @@ export const COMPONENT_ROUTE_KEYS = [
     'confirmVerifyUser',
     'resetPassword',
     'setupTOTP',
+    'verifyUser',
 ];

package/dist/esm/Authenticator/hooks/useAuthenticator/utils.js

@@ -37,6 +37,8 @@ const flattenFormFields = (fields) => fields.flatMap(([name, options]) => (Objec
 /**
  * Retrieves legacy form field values from state machine for routes that have fields
  */
-export const getLegacyFields = (route, state) => isComponentRouteKey(route)
+export const getLegacyFields = (route, state) => 
+// verifyUser is a component route, but does not have form fields
+isComponentRouteKey(route) && route !== 'verifyUser'
     ? flattenFormFields(getSortedFormFields(route, state))
     : [];

package/dist/types/Authenticator/hooks/useAuthenticator/types.d.ts

@@ -5,7 +5,7 @@ import { AuthMachineSend, AuthMachineState, AuthenticatorServiceFacade, LegacyFo
  */
 declare type AuthenticatorMachineContext = AuthenticatorServiceFacade;
 declare type AuthenticatorMachineContextKey = keyof AuthenticatorMachineContext;
-export declare type AuthenticatorRouteComponentKey = 'signIn' | 'signUp' | 'forceNewPassword' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'resetPassword' | 'setupTOTP';
+export declare type AuthenticatorRouteComponentKey = 'signIn' | 'signUp' | 'forceNewPassword' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'resetPassword' | 'setupTOTP' | 'verifyUser';
 export declare type AuthenticatorLegacyFields = LegacyFormFieldOptions[];
 /**
  * Inspired from https://xstate.js.org/docs/packages/xstate-react/#useselector-actor-selector-compare-getsnapshot.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -28,8 +28,9 @@
     "test:watch": "yarn test --watch"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.14.0",
-    "@xstate/react": "3.0.0"
+    "@aws-amplify/ui": "4.0.0",
+    "@xstate/react": "3.0.1",
+    "xstate": "^4.33.6"
   },
   "peerDependencies": {
     "aws-amplify": "3.x.x || 4.x.x",

package/dist/Authenticator/hooks/useAuthenticator/__tests__/useAuthenticator.spec.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_hooks_1 = require("@testing-library/react-hooks");
-const UIModule = tslib_1.__importStar(require("@aws-amplify/ui"));
-const context_1 = require("../../../context");
-const constants_1 = require("../constants");
-const utils = tslib_1.__importStar(require("../utils"));
-const __1 = require("..");
-const mockServiceFacade = {
-    authStatus: 'authenticated',
-    codeDeliveryDetails: {},
-    error: undefined,
-    hasValidationErrors: false,
-    isPending: false,
-    route: 'idle',
-    socialProviders: [],
-    unverifiedContactMethods: [],
-    user: {},
-    validationErrors: undefined,
-    initializeMachine: jest.fn,
-    resendCode: jest.fn,
-    signOut: jest.fn,
-    submitForm: jest.fn,
-    updateForm: jest.fn,
-    updateBlur: jest.fn,
-    toFederatedSignIn: jest.fn,
-    toResetPassword: jest.fn,
-    toSignIn: jest.fn,
-    toSignUp: jest.fn,
-    skipVerification: jest.fn,
-};
-const getServiceFacadeSpy = jest
-    .spyOn(UIModule, 'getServiceFacade')
-    .mockReturnValue(mockServiceFacade);
-// test setup
-jest.mock('@xstate/react', () => (Object.assign(Object.assign({}, jest.requireActual('@xstate/react')), { useSelector: jest.fn((_, selector) => selector()) })));
-// mock `aws-amplify` to prevent logging auth errors during test runs
-jest.mock('aws-amplify');
-jest.mock('../utils');
-const getComparatorSpy = jest.spyOn(utils, 'getComparator');
-const Wrapper = ({ children }) => (react_1.default.createElement(context_1.AuthenticatorProvider, null, children));
-describe('useAuthenticator', () => {
-    beforeEach(() => {
-        getComparatorSpy.mockClear();
-        getServiceFacadeSpy.mockClear();
-    });
-    it('throws an error when used outside an AuthenticatorProvider', () => {
-        var _a;
-        const { result } = (0, react_hooks_1.renderHook)(__1.useAuthenticator);
-        expect((_a = result.error) === null || _a === void 0 ? void 0 : _a.message).toBe(constants_1.USE_AUTHENTICATOR_ERROR);
-    });
-    it('returns the expected values', () => {
-        const { result } = (0, react_hooks_1.renderHook)(__1.useAuthenticator, {
-            wrapper: Wrapper,
-        });
-        expect(getServiceFacadeSpy).toHaveBeenCalled();
-        expect(result.current).toMatchSnapshot();
-    });
-    it('calls getComparator with the selector argument', () => {
-        const mockSelector = jest.fn();
-        (0, react_hooks_1.renderHook)(() => (0, __1.useAuthenticator)(mockSelector), { wrapper: Wrapper });
-        expect(getComparatorSpy).toHaveBeenLastCalledWith(mockSelector);
-    });
-    it('does not call getComparator when no selector argument passed', () => {
-        (0, react_hooks_1.renderHook)(__1.useAuthenticator, { wrapper: Wrapper });
-        expect(getComparatorSpy).not.toBeCalled();
-    });
-});

package/dist/Authenticator/hooks/useAuthenticator/__tests__/utils.spec.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const aws_amplify_1 = require("aws-amplify");
-const UIModule = tslib_1.__importStar(require("@aws-amplify/ui"));
-const constants_1 = require("../constants");
-const utils_1 = require("../utils");
-const setupTOTPSpy = jest.spyOn(aws_amplify_1.Auth, 'setupTOTP').mockImplementation();
-const getSortedFormFieldsSpy = jest
-    .spyOn(UIModule, 'getSortedFormFields')
-    .mockImplementation(() => [['name', { required: true }]]);
-describe('areSelectorDepsEqual', () => {
-    it('returns false when dep arrays have different lengths', () => {
-        const output = (0, utils_1.areSelectorDepsEqual)([0, {}], [0]);
-        expect(output).toBe(false);
-    });
-    it('returns false when comparing an empty array and an empty object', () => {
-        const output = (0, utils_1.areSelectorDepsEqual)([{}], [[]]);
-        expect(output).toBe(false);
-    });
-    it('returns false when dep arrays have similar object values', () => {
-        const output = (0, utils_1.areSelectorDepsEqual)([0, { id: 4 }], [0, { id: 4 }]);
-        expect(output).toBe(false);
-    });
-    it('returns false when nested object values are different', () => {
-        const output = (0, utils_1.areSelectorDepsEqual)([0, { options: {} }], [0, { options: {} }]);
-        expect(output).toBe(false);
-    });
-    it('returns true when arrays are equal length and have same deps', () => {
-        const output = (0, utils_1.areSelectorDepsEqual)([{}, 0], [{}, 0]);
-        expect(output).toBe(true);
-    });
-});
-describe('getComparator', () => {
-    it('returns a comparator that compares arrays', () => {
-        const comparator = (0, utils_1.getComparator)(({ route }) => [route]);
-        expect(comparator).toEqual(expect.any(Function));
-        expect(comparator({ route: 'autoSignIn' }, { route: 'confirmSignIn' })).toBe(false);
-        expect(comparator({ route: 'idle' }, { route: 'idle' })).toBe(true);
-    });
-});
-describe('defaultComparator', () => {
-    it('returns false', () => {
-        expect((0, utils_1.defaultComparator)()).toBe(false);
-    });
-});
-describe('isComponentRouteKey', () => {
-    it.each(constants_1.COMPONENT_ROUTE_KEYS)('returns true for a %s value', (route) => {
-        const output = (0, utils_1.isComponentRouteKey)(route);
-        expect(output).toBe(true);
-    });
-    it('returns false for a non-component route key value', () => {
-        const output = (0, utils_1.isComponentRouteKey)('route');
-        expect(output).toBe(false);
-    });
-});
-describe('getTotpSecretCodeCallback', () => {
-    const user = {};
-    it('returns a getTotpSecretCode function', () => {
-        const getTotpSecretCode = (0, utils_1.getTotpSecretCodeCallback)(user);
-        expect(getTotpSecretCode).toStrictEqual(expect.any(Function));
-    });
-    it('returns a function that calls Auth.setupTOTP with the user', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const getTotpSecretCode = (0, utils_1.getTotpSecretCodeCallback)(user);
-        yield getTotpSecretCode();
-        expect(setupTOTPSpy).toBeCalledWith(user);
-    }));
-});
-describe('getLegacyFields', () => {
-    const state = {};
-    it('calls getSortedFormFields when route is a valid component route', () => {
-        (0, utils_1.getLegacyFields)('signIn', state);
-        expect(getSortedFormFieldsSpy).toHaveBeenCalledWith('signIn', state);
-    });
-    it('returns an empty array for a non-component route', () => {
-        const output = (0, utils_1.getLegacyFields)('idle', state);
-        expect(output).toHaveLength(0);
-    });
-});

package/dist/esm/Authenticator/hooks/useAuthenticator/__tests__/useAuthenticator.spec.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
-import * as UIModule from '@aws-amplify/ui';
-import { AuthenticatorProvider } from '../../../context';
-import { USE_AUTHENTICATOR_ERROR } from '../constants';
-import * as utils from '../utils';
-import { useAuthenticator } from '..';
-const mockServiceFacade = {
-    authStatus: 'authenticated',
-    codeDeliveryDetails: {},
-    error: undefined,
-    hasValidationErrors: false,
-    isPending: false,
-    route: 'idle',
-    socialProviders: [],
-    unverifiedContactMethods: [],
-    user: {},
-    validationErrors: undefined,
-    initializeMachine: jest.fn,
-    resendCode: jest.fn,
-    signOut: jest.fn,
-    submitForm: jest.fn,
-    updateForm: jest.fn,
-    updateBlur: jest.fn,
-    toFederatedSignIn: jest.fn,
-    toResetPassword: jest.fn,
-    toSignIn: jest.fn,
-    toSignUp: jest.fn,
-    skipVerification: jest.fn,
-};
-const getServiceFacadeSpy = jest
-    .spyOn(UIModule, 'getServiceFacade')
-    .mockReturnValue(mockServiceFacade);
-// test setup
-jest.mock('@xstate/react', () => (Object.assign(Object.assign({}, jest.requireActual('@xstate/react')), { useSelector: jest.fn((_, selector) => selector()) })));
-// mock `aws-amplify` to prevent logging auth errors during test runs
-jest.mock('aws-amplify');
-jest.mock('../utils');
-const getComparatorSpy = jest.spyOn(utils, 'getComparator');
-const Wrapper = ({ children }) => (React.createElement(AuthenticatorProvider, null, children));
-describe('useAuthenticator', () => {
-    beforeEach(() => {
-        getComparatorSpy.mockClear();
-        getServiceFacadeSpy.mockClear();
-    });
-    it('throws an error when used outside an AuthenticatorProvider', () => {
-        var _a;
-        const { result } = renderHook(useAuthenticator);
-        expect((_a = result.error) === null || _a === void 0 ? void 0 : _a.message).toBe(USE_AUTHENTICATOR_ERROR);
-    });
-    it('returns the expected values', () => {
-        const { result } = renderHook(useAuthenticator, {
-            wrapper: Wrapper,
-        });
-        expect(getServiceFacadeSpy).toHaveBeenCalled();
-        expect(result.current).toMatchSnapshot();
-    });
-    it('calls getComparator with the selector argument', () => {
-        const mockSelector = jest.fn();
-        renderHook(() => useAuthenticator(mockSelector), { wrapper: Wrapper });
-        expect(getComparatorSpy).toHaveBeenLastCalledWith(mockSelector);
-    });
-    it('does not call getComparator when no selector argument passed', () => {
-        renderHook(useAuthenticator, { wrapper: Wrapper });
-        expect(getComparatorSpy).not.toBeCalled();
-    });
-});

package/dist/esm/Authenticator/hooks/useAuthenticator/__tests__/utils.spec.js

@@ -1,77 +0,0 @@
-import { __awaiter } from "tslib";
-import { Auth } from 'aws-amplify';
-import * as UIModule from '@aws-amplify/ui';
-import { COMPONENT_ROUTE_KEYS } from '../constants';
-import { areSelectorDepsEqual, defaultComparator, getComparator, getLegacyFields, getTotpSecretCodeCallback, isComponentRouteKey, } from '../utils';
-const setupTOTPSpy = jest.spyOn(Auth, 'setupTOTP').mockImplementation();
-const getSortedFormFieldsSpy = jest
-    .spyOn(UIModule, 'getSortedFormFields')
-    .mockImplementation(() => [['name', { required: true }]]);
-describe('areSelectorDepsEqual', () => {
-    it('returns false when dep arrays have different lengths', () => {
-        const output = areSelectorDepsEqual([0, {}], [0]);
-        expect(output).toBe(false);
-    });
-    it('returns false when comparing an empty array and an empty object', () => {
-        const output = areSelectorDepsEqual([{}], [[]]);
-        expect(output).toBe(false);
-    });
-    it('returns false when dep arrays have similar object values', () => {
-        const output = areSelectorDepsEqual([0, { id: 4 }], [0, { id: 4 }]);
-        expect(output).toBe(false);
-    });
-    it('returns false when nested object values are different', () => {
-        const output = areSelectorDepsEqual([0, { options: {} }], [0, { options: {} }]);
-        expect(output).toBe(false);
-    });
-    it('returns true when arrays are equal length and have same deps', () => {
-        const output = areSelectorDepsEqual([{}, 0], [{}, 0]);
-        expect(output).toBe(true);
-    });
-});
-describe('getComparator', () => {
-    it('returns a comparator that compares arrays', () => {
-        const comparator = getComparator(({ route }) => [route]);
-        expect(comparator).toEqual(expect.any(Function));
-        expect(comparator({ route: 'autoSignIn' }, { route: 'confirmSignIn' })).toBe(false);
-        expect(comparator({ route: 'idle' }, { route: 'idle' })).toBe(true);
-    });
-});
-describe('defaultComparator', () => {
-    it('returns false', () => {
-        expect(defaultComparator()).toBe(false);
-    });
-});
-describe('isComponentRouteKey', () => {
-    it.each(COMPONENT_ROUTE_KEYS)('returns true for a %s value', (route) => {
-        const output = isComponentRouteKey(route);
-        expect(output).toBe(true);
-    });
-    it('returns false for a non-component route key value', () => {
-        const output = isComponentRouteKey('route');
-        expect(output).toBe(false);
-    });
-});
-describe('getTotpSecretCodeCallback', () => {
-    const user = {};
-    it('returns a getTotpSecretCode function', () => {
-        const getTotpSecretCode = getTotpSecretCodeCallback(user);
-        expect(getTotpSecretCode).toStrictEqual(expect.any(Function));
-    });
-    it('returns a function that calls Auth.setupTOTP with the user', () => __awaiter(void 0, void 0, void 0, function* () {
-        const getTotpSecretCode = getTotpSecretCodeCallback(user);
-        yield getTotpSecretCode();
-        expect(setupTOTPSpy).toBeCalledWith(user);
-    }));
-});
-describe('getLegacyFields', () => {
-    const state = {};
-    it('calls getSortedFormFields when route is a valid component route', () => {
-        getLegacyFields('signIn', state);
-        expect(getSortedFormFieldsSpy).toHaveBeenCalledWith('signIn', state);
-    });
-    it('returns an empty array for a non-component route', () => {
-        const output = getLegacyFields('idle', state);
-        expect(output).toHaveLength(0);
-    });
-});

package/dist/esm/utils/__tests__/index.spec.js

@@ -1,23 +0,0 @@
-import { areEmptyArrays, areEmptyObjects } from '..';
-const validArrays = [[], [], [], []];
-const invalidArrays = [[7]];
-const validObjects = [{}, {}];
-const invalidObjects = [{ id: 7 }, {}, {}];
-describe('areEmptyArrays', () => {
-    it.each([
-        [true, validArrays],
-        [false, invalidArrays],
-    ])('returns %s as expected', (expected, input) => {
-        const output = areEmptyArrays(...input);
-        expect(output).toBe(expected);
-    });
-});
-describe('areEmptyObjects', () => {
-    it.each([
-        [true, validObjects],
-        [false, invalidObjects],
-    ])('returns %s as expected', (expected, input) => {
-        const output = areEmptyObjects(...input);
-        expect(output).toBe(expected);
-    });
-});

package/dist/types/Authenticator/hooks/useAuthenticator/__tests__/useAuthenticator.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/Authenticator/hooks/useAuthenticator/__tests__/utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/utils/__tests__/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/utils/__tests__/index.spec.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const __1 = require("..");
-const validArrays = [[], [], [], []];
-const invalidArrays = [[7]];
-const validObjects = [{}, {}];
-const invalidObjects = [{ id: 7 }, {}, {}];
-describe('areEmptyArrays', () => {
-    it.each([
-        [true, validArrays],
-        [false, invalidArrays],
-    ])('returns %s as expected', (expected, input) => {
-        const output = (0, __1.areEmptyArrays)(...input);
-        expect(output).toBe(expected);
-    });
-});
-describe('areEmptyObjects', () => {
-    it.each([
-        [true, validObjects],
-        [false, invalidObjects],
-    ])('returns %s as expected', (expected, input) => {
-        const output = (0, __1.areEmptyObjects)(...input);
-        expect(output).toBe(expected);
-    });
-});