idmission-web-sdk 0.0.47 → 0.0.49

package/README.md

@@ -90,8 +90,14 @@ Render a fullscreen ID capture component that instructs the user to photograph b
 
 **ID Capture Colors**
 <table>
+<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guideBoxUnsatisfiedColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guideBoxSatisfiedColor</code></td><td>Default: green</td></tr>
+<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
+<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
 </table>
 
 **ID Capture Verbiage**
@@ -178,12 +184,22 @@ Render a fullscreen capture component that analyzes frames from the user's front
 **Face Liveness Colors**
 
 <table>
+<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
 <tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
 <tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
 <tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
+<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>failureRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
+<tr><td><code>failureRetryBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>failureExitBtnBackgroundColor</code></td><td>Default: darkgray</td></tr>
+<tr><td><code>failureExitBtnTextColor</code></td><td>Default: white</td></tr>
 </table>
 
 **Face Liveness Verbiage**
@@ -454,12 +470,22 @@ Render a fullscreen capture component that analyzes frames from the user's front
 **Customer Identification Colors**
 
 <table>
+<tr><td><code>loadingContinueBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>loadingContinueBtnTextColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesUnsatisfiedColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidesSatisfiedColor</code></td><td>Default: green</td></tr>
 <tr><td><code>guidanceMessagesSatisfiedBackgroundColor</code></td><td>Default: green</td></tr>
 <tr><td><code>guidanceMessagesUnsatisfiedBackgroundColor</code></td><td>Default: red</td></tr>
 <tr><td><code>guidanceMessagesSatisfiedTextColor</code></td><td>Default: white</td></tr>
 <tr><td><code>guidanceMessagesUnsatisfiedTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>successDoneBtnBackgroundColor</code></td><td>Default: mint</td></tr>
+<tr><td><code>successDoneBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>successRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
+<tr><td><code>successRetryBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>failureRetryBtnBackgroundColor</code></td><td>Default: orange</td></tr>
+<tr><td><code>failureRetryBtnTextColor</code></td><td>Default: white</td></tr>
+<tr><td><code>failureExitBtnBackgroundColor</code></td><td>Default: darkgray</td></tr>
+<tr><td><code>failureExitBtnTextColor</code></td><td>Default: white</td></tr>
 </table>
 
 **Customer Identification Verbiage**

package/dist/components/id_capture/IdCaptureLoadingOverlay.d.ts

@@ -6,8 +6,11 @@ export type IdCaptureLoadingOverlayProps = {
     cameraInitializingText?: string;
     cameraAccessBlockedText?: string;
     continueText?: string;
+    continueBtnDisabledBackgroundColor?: string;
+    continueBtnBackgroundColor?: string;
+    continueBtnTextColor?: string;
     instructionImageUrl?: string;
     accessBlockedImageUrl?: string;
     onDismissed?: () => void;
 };
-export declare const IdCaptureLoadingOverlay: ({ headingText, useContinuityCameraText, modelsWarmingUpText, cameraInitializingText, cameraAccessBlockedText, continueText, instructionImageUrl, accessBlockedImageUrl, onDismissed, }: IdCaptureLoadingOverlayProps) => ReactElement;
+export declare const IdCaptureLoadingOverlay: ({ headingText, useContinuityCameraText, modelsWarmingUpText, cameraInitializingText, cameraAccessBlockedText, continueText, continueBtnDisabledBackgroundColor, continueBtnBackgroundColor, continueBtnTextColor, instructionImageUrl, accessBlockedImageUrl, onDismissed, }: IdCaptureLoadingOverlayProps) => ReactElement;

package/dist/components/id_capture/IdCaptureWizard.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
-import { IdCaptureColors } from './IdCapture';
 export type IdCaptureAssets = {
     documentDetectionModelUrl?: string;
     focusModelUrl?: string;
@@ -11,6 +10,16 @@ export type IdCaptureAssets = {
     passportPortraitGuidesImageUrl?: string;
     passportLandscapeGuidesImageUrl?: string;
 };
+export type IdCaptureColors = {
+    loadingContinueBtnBackgroundColor?: string;
+    loadingContinueBtnTextColor?: string;
+    guideBoxUnsatisfiedColor?: string;
+    guideBoxSatisfiedColor?: string;
+    successDoneBtnBackgroundColor?: string;
+    successDoneBtnTextColor?: string;
+    successRetryBtnBackgroundColor?: string;
+    successRetryBtnTextColor?: string;
+};
 export type IdCaptureVerbiage = {
     loadingOverlayHeadingText?: string;
     loadingOverlayUseContinuityCameraText?: string;

package/dist/sdk2.cjs.development.js

@@ -8855,6 +8855,9 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
     cameraInitializingText = _a.cameraInitializingText,
     cameraAccessBlockedText = _a.cameraAccessBlockedText,
     continueText = _a.continueText,
+    continueBtnDisabledBackgroundColor = _a.continueBtnDisabledBackgroundColor,
+    continueBtnBackgroundColor = _a.continueBtnBackgroundColor,
+    continueBtnTextColor = _a.continueBtnTextColor,
     _b = _a.instructionImageUrl,
     instructionImageUrl = _b === void 0 ? DEFAULT_CDN_URL + '/WebSDK-Instruction-DL-Capture-3-Portrait.png' : _b,
     _c = _a.accessBlockedImageUrl,
@@ -8872,6 +8875,15 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
   var _e = React.useState(false),
     dismissed = _e[0],
     setDismissed = _e[1];
+  headingText || (headingText = t('Use your device camera to capture your ID'));
+  useContinuityCameraText || (useContinuityCameraText = t('Use your iPhone as a webcam'));
+  modelsWarmingUpText || (modelsWarmingUpText = t('Models warming up...'));
+  cameraInitializingText || (cameraInitializingText = t('Camera initializing...'));
+  cameraAccessBlockedText || (cameraAccessBlockedText = t('Camera access blocked'));
+  continueText || (continueText = t('Continue'));
+  continueBtnDisabledBackgroundColor || (continueBtnDisabledBackgroundColor = 'gray');
+  continueBtnBackgroundColor || (continueBtnBackgroundColor = 'mint');
+  continueBtnTextColor || (continueBtnTextColor = 'white');
   React.useEffect(function () {
     if (!buttonRef.current) return;
     laddaRef.current = Ladda__namespace.create(buttonRef.current);
@@ -8910,12 +8922,6 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
       accessBlockedImageUrl: accessBlockedImageUrl
     });
   }
-  headingText = headingText || t('Use your device camera to capture your ID');
-  useContinuityCameraText = useContinuityCameraText || t('Use your iPhone as a webcam');
-  modelsWarmingUpText = modelsWarmingUpText || t('Models warming up...');
-  cameraInitializingText = cameraInitializingText || t('Camera initializing...');
-  cameraAccessBlockedText = cameraAccessBlockedText || t('Camera access blocked');
-  continueText = continueText || t('Continue');
   return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, null, /*#__PURE__*/React__default['default'].createElement("h3", null, headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, {
     style: {
       pointerEvents: 'none'
@@ -8939,11 +8945,14 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
   }), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: "use-continuity-camera"
   }, useContinuityCameraText))), /*#__PURE__*/React__default['default'].createElement("button", {
+    ref: buttonRef,
     className: "ladda-button",
     "data-style": "expand-right",
-    "data-color": "mint",
     disabled: !cameraReady || !modelsReady,
-    ref: buttonRef,
+    style: {
+      color: continueBtnTextColor,
+      backgroundColor: !cameraReady || !modelsReady ? continueBtnDisabledBackgroundColor : continueBtnBackgroundColor
+    },
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
@@ -9627,6 +9636,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     cameraInitializingText: verbiage.loadingOverlayCameraInitializingText,
     cameraAccessBlockedText: verbiage.loadingOverlayCameraAccessBlockedText,
     continueText: verbiage.loadingOverlayContinueText,
+    continueBtnBackgroundColor: colors.loadingContinueBtnBackgroundColor,
+    continueBtnTextColor: colors.loadingContinueBtnTextColor,
     instructionImageUrl: assets.loadingOverlayInstructionImageUrl,
     onDismissed: function onDismissed() {
       setOverlayDismissed(true);
@@ -10940,6 +10951,11 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
     if (cameraAccessDenied) return;
     listAvailableCameras().then(function (availableCameras) {
       var selectedCamera;
+      if (preferFrontFacingCamera) {
+        selectedCamera = availableCameras.find(function (deviceInfo) {
+          return labelMatches(deviceInfo, frontLabels);
+        });
+      }
       var platform = getPlatform();
       if (!iphoneContinuityCameraDenied && (!platform || platform.os.family === 'OS X')) {
         var iphoneContinuityCamera = availableCameras.find(function (deviceInfo) {
@@ -10947,14 +10963,9 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
         });
         setIphoneContinuityCameraAvailable(!!iphoneContinuityCamera);
         if (iphoneContinuityCamera && iphoneContinuityCameraAllowed) {
-          selectedCamera = iphoneContinuityCamera;
+          selectedCamera || (selectedCamera = iphoneContinuityCamera);
         }
       }
-      if (preferFrontFacingCamera) {
-        selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
-          return labelMatches(deviceInfo, frontLabels);
-        }));
-      }
       if (wideAngleIsBetter()) {
         selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
           return labelMatches(deviceInfo, backUltraWideLabels);