idmission-web-sdk 0.0.49 → 0.0.51

package/README.md

@@ -90,14 +90,8 @@ 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**
@@ -184,22 +178,12 @@ 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**
@@ -470,22 +454,12 @@ 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,11 +6,8 @@ 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, continueBtnDisabledBackgroundColor, continueBtnBackgroundColor, continueBtnTextColor, instructionImageUrl, accessBlockedImageUrl, onDismissed, }: IdCaptureLoadingOverlayProps) => ReactElement;
+export declare const IdCaptureLoadingOverlay: ({ headingText, useContinuityCameraText, modelsWarmingUpText, cameraInitializingText, cameraAccessBlockedText, continueText, instructionImageUrl, accessBlockedImageUrl, onDismissed, }: IdCaptureLoadingOverlayProps) => ReactElement;

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

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { IdCaptureColors } from './IdCapture';
 export type IdCaptureAssets = {
     documentDetectionModelUrl?: string;
     focusModelUrl?: string;
@@ -10,16 +11,6 @@ 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,9 +8855,6 @@ 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,
@@ -8875,15 +8872,6 @@ 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);
@@ -8922,6 +8910,12 @@ 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'
@@ -8945,14 +8939,11 @@ 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,
-    style: {
-      color: continueBtnTextColor,
-      backgroundColor: !cameraReady || !modelsReady ? continueBtnDisabledBackgroundColor : continueBtnBackgroundColor
-    },
+    ref: buttonRef,
     onClick: function onClick() {
       setDismissed(true);
       onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
@@ -9636,8 +9627,6 @@ 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);
@@ -10951,11 +10940,6 @@ 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) {
@@ -10963,9 +10947,14 @@ var useHighestResCaptureDevice = function useHighestResCaptureDevice(_a) {
         });
         setIphoneContinuityCameraAvailable(!!iphoneContinuityCamera);
         if (iphoneContinuityCamera && iphoneContinuityCameraAllowed) {
-          selectedCamera || (selectedCamera = iphoneContinuityCamera);
+          selectedCamera = iphoneContinuityCamera;
         }
       }
+      if (preferFrontFacingCamera) {
+        selectedCamera = availableCameras.find(function (deviceInfo) {
+          return labelMatches(deviceInfo, frontLabels);
+        });
+      }
       if (wideAngleIsBetter()) {
         selectedCamera || (selectedCamera = availableCameras.find(function (deviceInfo) {
           return labelMatches(deviceInfo, backUltraWideLabels);