@aws-amplify/ui 6.15.5 → 6.15.7

package/dist/esm/machines/authenticator/index.mjs

@@ -73,6 +73,9 @@ function createAuthenticatorMachine(options) {
                     onDone: { actions: 'setUser', target: 'setup' },
                     onError: { target: 'setup' },
                 },
+                // handle a sign out occurring while `handleGetCurrentUser` is in flight,
+                // exiting cancels the invoke so a stale user cannot be applied
+                on: { SIGN_OUT: '#authenticator.signOut' },
             },
             setup: {
                 initial: 'initConfig',
@@ -118,6 +121,7 @@ function createAuthenticatorMachine(options) {
                     },
                     onError: { target: '#authenticator.setup' },
                 },
+                on: { SIGN_OUT: '#authenticator.signOut' },
             },
             signInActor: {
                 initial: 'spawnActor',
@@ -271,6 +275,14 @@ function createAuthenticatorMachine(options) {
             },
         },
         on: {
+            // `SIGN_OUT` handled by `setup.initConfig` moves the machine past setup without
+            // the UI ever sending `INIT`, leaving it configured with defaults. Accept `INIT`
+            // late so a subsequently rendered UI can still apply its `config` and `services`.
+            INIT: {
+                cond: 'shouldInitialize',
+                actions: 'configure',
+                target: '#authenticator.setup.getConfig',
+            },
             SIGN_IN_WITH_REDIRECT: { target: '#authenticator.getCurrentUser' },
             CHANGE: { actions: 'forwardToActor' },
             BLUR: { actions: 'forwardToActor' },
@@ -362,6 +374,7 @@ function createAuthenticatorMachine(options) {
                 return {
                     services: { ...defaultServices, ...customServices },
                     config,
+                    hasInitialized: true,
                 };
             }),
             setHasSetup: assign({ hasSetup: true }),
@@ -372,6 +385,9 @@ function createAuthenticatorMachine(options) {
             isInitialStateSignUp: ({ config }) => config.initialState === 'signUp',
             isInitialStateResetPassword: ({ config }) => config.initialState === 'forgotPassword',
             shouldSetup: ({ hasSetup }) => !hasSetup,
+            // `hasSetup` prevents the late `INIT` from interrupting `idle`, which must
+            // resolve `handleGetCurrentUser` before the machine leaves it
+            shouldInitialize: ({ hasSetup, hasInitialized }) => hasSetup && !hasInitialized,
             hasUser: ({ user }) => {
                 return !!user;
             },

package/dist/index.js

@@ -6154,6 +6154,9 @@ function createAuthenticatorMachine(options) {
                     onDone: { actions: 'setUser', target: 'setup' },
                     onError: { target: 'setup' },
                 },
+                // handle a sign out occurring while `handleGetCurrentUser` is in flight,
+                // exiting cancels the invoke so a stale user cannot be applied
+                on: { SIGN_OUT: '#authenticator.signOut' },
             },
             setup: {
                 initial: 'initConfig',
@@ -6199,6 +6202,7 @@ function createAuthenticatorMachine(options) {
                     },
                     onError: { target: '#authenticator.setup' },
                 },
+                on: { SIGN_OUT: '#authenticator.signOut' },
             },
             signInActor: {
                 initial: 'spawnActor',
@@ -6352,6 +6356,14 @@ function createAuthenticatorMachine(options) {
             },
         },
         on: {
+            // `SIGN_OUT` handled by `setup.initConfig` moves the machine past setup without
+            // the UI ever sending `INIT`, leaving it configured with defaults. Accept `INIT`
+            // late so a subsequently rendered UI can still apply its `config` and `services`.
+            INIT: {
+                cond: 'shouldInitialize',
+                actions: 'configure',
+                target: '#authenticator.setup.getConfig',
+            },
             SIGN_IN_WITH_REDIRECT: { target: '#authenticator.getCurrentUser' },
             CHANGE: { actions: 'forwardToActor' },
             BLUR: { actions: 'forwardToActor' },
@@ -6443,6 +6455,7 @@ function createAuthenticatorMachine(options) {
                 return {
                     services: { ...defaultServices, ...customServices },
                     config,
+                    hasInitialized: true,
                 };
             }),
             setHasSetup: xstate.assign({ hasSetup: true }),
@@ -6453,6 +6466,9 @@ function createAuthenticatorMachine(options) {
             isInitialStateSignUp: ({ config }) => config.initialState === 'signUp',
             isInitialStateResetPassword: ({ config }) => config.initialState === 'forgotPassword',
             shouldSetup: ({ hasSetup }) => !hasSetup,
+            // `hasSetup` prevents the late `INIT` from interrupting `idle`, which must
+            // resolve `handleGetCurrentUser` before the machine leaves it
+            shouldInitialize: ({ hasSetup, hasInitialized }) => hasSetup && !hasInitialized,
             hasUser: ({ user }) => {
                 return !!user;
             },

package/dist/styles/liveness.css

@@ -30,7 +30,21 @@
     opacity: 0;
   }
 }
+.liveness-detector {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.liveness-detector > .amplify-flex,
+.liveness-detector .liveness-detector-check {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .amplify-liveness-camera-module {
+  flex: 1 1 auto;
+  min-height: 0;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -107,6 +121,13 @@
 .amplify-liveness-video-anchor {
   position: relative;
   width: 100%;
+  flex: 1 1 auto;
+  min-height: 200px;
+  overflow: hidden;
+}
+
+.amplify-liveness-camera-module--mobile .amplify-liveness-video-anchor {
+  flex: none;
 }
 
 .amplify-liveness-recording-icon-container {
@@ -447,4 +468,5 @@
   justify-content: center;
   text-align: center;
   height: 480px;
+  max-height: 100%;
 }

package/dist/styles/liveness.layer.css

@@ -31,7 +31,21 @@
     opacity: 0;
   }
 }
+.liveness-detector {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.liveness-detector > .amplify-flex,
+.liveness-detector .liveness-detector-check {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .amplify-liveness-camera-module {
+  flex: 1 1 auto;
+  min-height: 0;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -108,6 +122,13 @@
 .amplify-liveness-video-anchor {
   position: relative;
   width: 100%;
+  flex: 1 1 auto;
+  min-height: 200px;
+  overflow: hidden;
+}
+
+.amplify-liveness-camera-module--mobile .amplify-liveness-video-anchor {
+  flex: none;
 }
 
 .amplify-liveness-recording-icon-container {
@@ -448,5 +469,6 @@
   justify-content: center;
   text-align: center;
   height: 480px;
+  max-height: 100%;
 }
 }

package/dist/styles/reset.css

@@ -6,7 +6,6 @@
 
 html:focus-within {
   scroll-behavior: smooth;
-  -moz-text-size-adjust: none;
   -webkit-text-size-adjust: none;
   text-size-adjust: none;
 }

package/dist/styles/reset.layer.css

@@ -7,7 +7,6 @@
 
 html:focus-within {
   scroll-behavior: smooth;
-  -moz-text-size-adjust: none;
   -webkit-text-size-adjust: none;
   text-size-adjust: none;
 }

package/dist/styles.css

@@ -4246,7 +4246,21 @@ html[dir=rtl] .amplify-field-group__inner-start {
     opacity: 0;
   }
 }
+.liveness-detector {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.liveness-detector > .amplify-flex,
+.liveness-detector .liveness-detector-check {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .amplify-liveness-camera-module {
+  flex: 1 1 auto;
+  min-height: 0;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -4323,6 +4337,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-video-anchor {
   position: relative;
   width: 100%;
+  flex: 1 1 auto;
+  min-height: 200px;
+  overflow: hidden;
+}
+
+.amplify-liveness-camera-module--mobile .amplify-liveness-video-anchor {
+  flex: none;
 }
 
 .amplify-liveness-recording-icon-container {
@@ -4663,6 +4684,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   justify-content: center;
   text-align: center;
   height: 480px;
+  max-height: 100%;
 }
 
 .amplify-menu__wrapper {

package/dist/styles.layer.css

@@ -4247,7 +4247,21 @@ html[dir=rtl] .amplify-field-group__inner-start {
     opacity: 0;
   }
 }
+.liveness-detector {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.liveness-detector > .amplify-flex,
+.liveness-detector .liveness-detector-check {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .amplify-liveness-camera-module {
+  flex: 1 1 auto;
+  min-height: 0;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -4324,6 +4338,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-video-anchor {
   position: relative;
   width: 100%;
+  flex: 1 1 auto;
+  min-height: 200px;
+  overflow: hidden;
+}
+
+.amplify-liveness-camera-module--mobile .amplify-liveness-video-anchor {
+  flex: none;
 }
 
 .amplify-liveness-recording-icon-container {
@@ -4664,6 +4685,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   justify-content: center;
   text-align: center;
   height: 480px;
+  max-height: 100%;
 }
 
 .amplify-menu__wrapper {

package/dist/types/machines/authenticator/types.d.ts

@@ -96,6 +96,7 @@ export interface AuthContext {
     user?: AuthUser;
     actorDoneData?: ActorDoneData;
     hasSetup?: boolean;
+    hasInitialized?: boolean;
     passwordlessCapabilities?: PasswordlessCapabilities;
 }
 export type InitialStep = 'FORGOT_PASSWORD' | 'SIGN_IN' | 'SIGN_UP';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.15.5",
+  "version": "6.15.7",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -64,7 +64,7 @@
     "@types/webpack-env": "^1.16.2",
     "autoprefixer": "^10.3.1",
     "glob": "^10.5.0",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.18",
     "sass": "^1.35.2",
     "style-dictionary": "3.9.1",
     "ts-node": "^10.9.1"