@aws-amplify/ui-react-liveness 3.3.3 → 3.3.5

package/dist/esm/components/FaceLivenessDetector/service/utils/videoRecorder.mjs

@@ -1,5 +1,7 @@
 import { isAndroidChromeWithBrokenH264 } from '../../utils/device.mjs';
 
+// Equivalent to 2 Kbps - needed for maintaining video quality at 60 FPS
+const BITS_PER_SECOND = 2000000;
 // Only to be used with Chrome for the Android Chrome H264 Bug - https://issues.chromium.org/issues/343199623
 const ALTERNATE_CHROME_MIME_TYPE = 'video/x-matroska;codecs=vp8';
 /**
@@ -13,7 +15,7 @@ class VideoRecorder {
         this._stream = stream;
         this._chunks = [];
         this._recorder = new MediaRecorder(stream, {
-            bitsPerSecond: 1000000,
+            bitsPerSecond: BITS_PER_SECOND,
             mimeType: isAndroidChromeWithBrokenH264()
                 ? ALTERNATE_CHROME_MIME_TYPE
                 : undefined,

package/dist/esm/components/FaceLivenessDetector/utils/helpers.mjs

@@ -7,7 +7,7 @@ const STATIC_VIDEO_CONSTRAINTS = {
         min: 240,
         ideal: 480,
     },
-    frameRate: { min: 15, ideal: 30, max: 30 },
+    frameRate: { min: 15, ideal: 30, max: 60 },
     facingMode: 'user',
 };
 

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.3.3';
+const VERSION = '3.3.5';
 
 export { VERSION };

package/dist/index.js

@@ -673,6 +673,8 @@ function isAndroidChromeWithBrokenH264() {
         parseInt(minorVersion) < 146);
 }
 
+// Equivalent to 2 Kbps - needed for maintaining video quality at 60 FPS
+const BITS_PER_SECOND = 2000000;
 // Only to be used with Chrome for the Android Chrome H264 Bug - https://issues.chromium.org/issues/343199623
 const ALTERNATE_CHROME_MIME_TYPE = 'video/x-matroska;codecs=vp8';
 /**
@@ -686,7 +688,7 @@ class VideoRecorder {
         this._stream = stream;
         this._chunks = [];
         this._recorder = new MediaRecorder(stream, {
-            bitsPerSecond: 1000000,
+            bitsPerSecond: BITS_PER_SECOND,
             mimeType: isAndroidChromeWithBrokenH264()
                 ? ALTERNATE_CHROME_MIME_TYPE
                 : undefined,
@@ -830,7 +832,7 @@ function getFaceMatchStateInLivenessOval({ face, ovalDetails, initialFaceInterse
     return { faceMatchState, faceMatchPercentage };
 }
 
-const VERSION = '3.3.3';
+const VERSION = '3.3.5';
 
 const BASE_USER_AGENT = `ui-react-liveness/${VERSION}`;
 const getLivenessUserAgent = () => {
@@ -1409,7 +1411,7 @@ const STATIC_VIDEO_CONSTRAINTS = {
         min: 240,
         ideal: 480,
     },
-    frameRate: { min: 15, ideal: 30, max: 30 },
+    frameRate: { min: 15, ideal: 30, max: 60 },
     facingMode: 'user',
 };
 

package/dist/styles.css

@@ -50,7 +50,8 @@
   --amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);
   --amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);
   --amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);
-  --amplify-components-ai-conversation-attachment-list-padding-block-start: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-padding: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-padding-block-start: 0;
   --amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);
   --amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);
   --amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);
@@ -3077,6 +3078,7 @@ strong.amplify-text {
      -moz-user-select: text;
           user-select: text;
   white-space: pre-wrap;
+  max-height: 100%;
 }
 .amplify-textarea:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -5802,6 +5804,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-textareafield {
+  max-height: 100%;
   flex-direction: column;
   --amplify-components-fieldcontrol-color: var(
     --amplify-components-textareafield-color
@@ -6837,16 +6840,24 @@ html[dir=rtl] .amplify-field-group__inner-start {
   --internal-flex-direction: row;
   --internal-body-align-items: flex-start;
 }
+.amplify-ai-conversation__scrollview {
+  flex: 1 0 50%;
+}
 .amplify-ai-conversation__form {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
+  padding: var(--amplify-components-ai-conversation-form-padding);
   gap: var(--amplify-components-ai-conversation-form-gap);
+  max-height: 100%;
+  overflow: hidden;
 }
 .amplify-ai-conversation__form__dropzone {
   text-align: initial;
   border: none;
-  padding: var(--amplify-components-ai-conversation-form-padding);
+  padding: 0;
+  display: grid;
+  overflow: hidden;
 }
 .amplify-ai-conversation__form__error {
   padding: 0;
@@ -6871,6 +6882,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--amplify-components-ai-conversation-attachment-list-gap);
+  padding: var(--amplify-components-ai-conversation-attachment-list-padding);
   padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.3";
+export declare const VERSION = "3.3.5";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-liveness",
-  "version": "3.3.3",
+  "version": "3.3.5",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -48,8 +48,8 @@
     "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.9.0",
-    "@aws-amplify/ui-react": "6.9.3",
+    "@aws-amplify/ui": "6.9.1",
+    "@aws-amplify/ui-react": "6.9.5",
     "@aws-sdk/client-rekognitionstreaming": "3.621.0",
     "@aws-sdk/util-format-url": "3.609.0",
     "@smithy/eventstream-serde-browser": "^2.0.4",