idmission-web-sdk 1.0.44 → 1.0.45

package/dist/sdk2.cjs.development.js

@@ -48,7 +48,7 @@ var tf__namespace = /*#__PURE__*/_interopNamespace(tf);
 var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.44';
+var webSdkVersion = '1.0.45';
 
 function getPlatform() {
   return window.platform;
@@ -425,12 +425,12 @@ var SubmissionErrorOverlay = function SubmissionErrorOverlay(_a) {
     style: {
       justifyContent: 'center'
     }
-  }, error instanceof NetworkError ? /*#__PURE__*/React__default['default'].createElement(NetworkErrorContent, {
+  }, error instanceof NetworkError ? ( /*#__PURE__*/React__default['default'].createElement(NetworkErrorContent, {
     error: error,
     onRetry: onRetry
-  }) : /*#__PURE__*/React__default['default'].createElement(SubmissionErrorContent, {
+  })) : ( /*#__PURE__*/React__default['default'].createElement(SubmissionErrorContent, {
     error: error
-  })));
+  }))));
 };
 var SubmissionErrorContent = function SubmissionErrorContent(_a) {
   var error = _a.error;
@@ -440,19 +440,19 @@ var SubmissionErrorContent = function SubmissionErrorContent(_a) {
     style: {
       marginBottom: 8
     }
-  }, headingText), error.status.statusCode && /*#__PURE__*/React__default['default'].createElement("p", {
+  }, headingText), error.status.statusCode && ( /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       marginBottom: 0
     }
-  }, /*#__PURE__*/React__default['default'].createElement("code", null, "Status: ", error.status.statusCode)), /*#__PURE__*/React__default['default'].createElement("p", {
+  }, /*#__PURE__*/React__default['default'].createElement("code", null, "Status: ", error.status.statusCode))), /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       marginBottom: 0
     }
-  }, "Message: ", /*#__PURE__*/React__default['default'].createElement("code", null, error.message)), error.status.errorData && /*#__PURE__*/React__default['default'].createElement("p", {
+  }, "Message: ", /*#__PURE__*/React__default['default'].createElement("code", null, error.message)), error.status.errorData && ( /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       marginBottom: 0
     }
-  }, "Data: ", /*#__PURE__*/React__default['default'].createElement("code", null, error.status.errorData)));
+  }, "Data: ", /*#__PURE__*/React__default['default'].createElement("code", null, error.status.errorData))));
 };
 var NetworkErrorContent = function NetworkErrorContent(_a) {
   var onRetry = _a.onRetry;
@@ -468,7 +468,7 @@ var NetworkErrorContent = function NetworkErrorContent(_a) {
     style: {
       marginBottom: 0
     }
-  }, messageText), onRetry && /*#__PURE__*/React__default['default'].createElement("div", {
+  }, messageText), onRetry && ( /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       marginTop: 32
     }
@@ -478,7 +478,7 @@ var NetworkErrorContent = function NetworkErrorContent(_a) {
     },
     finished: true,
     onClick: onRetry
-  }, retryText)));
+  }, retryText))));
 };
 
 var SubmissionProvider = function SubmissionProvider(_a) {
@@ -900,10 +900,10 @@ var SubmissionProvider = function SubmissionProvider(_a) {
   };
   return /*#__PURE__*/React__default['default'].createElement(SubmissionContext.Provider, {
     value: value
-  }, geolocationRequired && geolocationBlocked ? /*#__PURE__*/React__default['default'].createElement(GeolocationAccessDeniedOverlay, null) : children, submissionError && /*#__PURE__*/React__default['default'].createElement(SubmissionErrorOverlay, {
+  }, geolocationRequired && geolocationBlocked ? ( /*#__PURE__*/React__default['default'].createElement(GeolocationAccessDeniedOverlay, null)) : children, submissionError && ( /*#__PURE__*/React__default['default'].createElement(SubmissionErrorOverlay, {
     error: submissionError,
     onRetry: onRetry
-  }));
+  })));
 };
 
 var DocumentType;
@@ -1109,13 +1109,13 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
       flexDirection: 'column',
       justifyContent: 'end'
     }
-  }, instruction !== '' && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, instruction !== '' && ( /*#__PURE__*/React__default['default'].createElement("span", {
     style: {
       alignContent: 'center',
       marginTop: 12,
       marginBottom: 12
     }
-  }, instruction)), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, instruction))), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'relative',
       display: 'flex',
@@ -1165,14 +1165,14 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
       flexDirection: 'column',
       justifyContent: 'end'
     }
-  }, instruction !== '' && /*#__PURE__*/React__default['default'].createElement("span", {
+  }, instruction !== '' && ( /*#__PURE__*/React__default['default'].createElement("span", {
     style: {
       alignContent: 'center',
       marginTop: 12,
       marginBottom: 12,
       opacity: 0
     }
-  }, instruction))));
+  }, instruction)))));
 };
 
 function getNativeBarcodeReaderResult(image) {
@@ -9645,10 +9645,10 @@ var IdCapture = function IdCapture(_a) {
   if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
   guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.documentDetectionThresholdMet ? verbiage.guidanceNotDetectedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
   if (processingFrame) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, processingScreen, imageURL && /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, processingScreen, imageURL && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
       text: verbiage.processingIdCardText,
       imageUrl: imageURL
-    }));
+    })));
   }
   if (imageURL !== '') {
     return /*#__PURE__*/React__default['default'].createElement("img", {
@@ -9671,12 +9671,12 @@ var IdCapture = function IdCapture(_a) {
     landscapeGuidesImageUrl: assets.landscapeGuidesImageUrl,
     isMirrored: !((_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.isRearFacing),
     borderColor: state.isGoodFrame ? colors.guideBoxSatisfiedColor : colors.guideBoxUnsatisfiedColor
-  }), guidanceMessage !== '' && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
+  }), guidanceMessage !== '' && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
     "$top": "82.5vh"
   }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
     "$background": satisfied ? colors.guidanceMessagesSatisfiedBackgroundColor : colors.guidanceMessagesUnsatisfiedBackgroundColor,
     "$textColor": satisfied ? colors.guidanceMessagesSatisfiedTextColor : colors.guidanceMessagesUnsatisfiedTextColor
-  }, guidanceMessage)), debugMode && state.detectedObjects.length > 0 && /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
+  }, guidanceMessage))), debugMode && state.detectedObjects.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
     "$flipX": !((_d = cameraRef.current) === null || _d === void 0 ? void 0 : _d.isRearFacing)
   }, state.detectedObjects.map(function (obj, i) {
     var _a;
@@ -9686,7 +9686,7 @@ var IdCapture = function IdCapture(_a) {
       scaling: debugScalingDetails,
       flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing)
     });
-  })), debugMode && /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")") : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), state.frameCaptureRate > 0.75 ? '✅' : '👎', " Frame Rate:", ' ', Math.round((state.frameCaptureRate + Number.EPSILON) * 1000) / 1000, ' ', "fps (", detectionTime, "ms doc detect, ", focusPredictionTime, "ms focus)", /*#__PURE__*/React__default['default'].createElement("br", null), modelsReady ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, state.documentDetectionThresholdMet ? '✅' : '❌', " Document Score: ", state.documentDetectionScore, " (", state.documentType, ")", /*#__PURE__*/React__default['default'].createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React__default['default'].createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore, /*#__PURE__*/React__default['default'].createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold, barcodeScanningEnabled && state.autoCaptureBarcodeRequired ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("br", null), state.barcodeResult ? '✅' : '❌', " Barcode Scanned (", supportsNativeBarcodeScanning() ? 'Native' : 'ZXing', ",", ' ', state.barcodeScanFailedAttempts, "/", state.maxBarcodeScanAttempts, " failed attempts)") : null) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u274C Models not ready")), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
+  }))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), state.frameCaptureRate > 0.75 ? '✅' : '👎', " Frame Rate:", ' ', Math.round((state.frameCaptureRate + Number.EPSILON) * 1000) / 1000, ' ', "fps (", detectionTime, "ms doc detect, ", focusPredictionTime, "ms focus)", /*#__PURE__*/React__default['default'].createElement("br", null), modelsReady ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, state.documentDetectionThresholdMet ? '✅' : '❌', " Document Score: ", state.documentDetectionScore, " (", state.documentType, ")", /*#__PURE__*/React__default['default'].createElement("br", null), state.documentInBounds ? '✅' : '❌', " Document In Bounds", /*#__PURE__*/React__default['default'].createElement("br", null), state.focusThresholdMet ? '✅' : '❌', " Focus Score:", ' ', state.focusScore, /*#__PURE__*/React__default['default'].createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', state.goodFramesCount, "/", state.goodFramesThreshold, barcodeScanningEnabled && state.autoCaptureBarcodeRequired ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("br", null), state.barcodeResult ? '✅' : '❌', " Barcode Scanned (", supportsNativeBarcodeScanning() ? 'Native' : 'ZXing', ",", ' ', state.barcodeScanFailedAttempts, "/", state.maxBarcodeScanAttempts, " failed attempts)")) : null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u274C Models not ready")))), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
     onClick: onExit
   }, "\xD7"));
 };
@@ -9805,7 +9805,7 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
       height: 48,
       marginTop: -48
     }
-  }, iphoneContinuityCameraAvailable && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("input", {
+  }, iphoneContinuityCameraAvailable && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("input", {
     id: "use-continuity-camera",
     type: "checkbox",
     defaultChecked: true,
@@ -9817,7 +9817,7 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
     }
   }), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: "use-continuity-camera"
-  }, verbiage.useContinuityCameraText))), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.useContinuityCameraText)))), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     disabled: !cameraReady || !modelsReady,
     finished: modelsReady && cameraReady,
     colors: colors.continueBtn,
@@ -10051,22 +10051,22 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
     style: {
       paddingBottom: 40
     }
-  }, idCardFront && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.idCardFrontText), /*#__PURE__*/React__default['default'].createElement("img", {
+  }, idCardFront && ( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.idCardFrontText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: idCardFront.imageData,
     alt: verbiage.idCardFrontText,
     width: idCardFront.width,
     height: idCardFront.height
-  })), idCardBack && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.idCardBackText), /*#__PURE__*/React__default['default'].createElement("img", {
+  }))), idCardBack && ( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.idCardBackText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: idCardBack.imageData,
     alt: verbiage.idCardBackText,
     width: idCardBack.width,
     height: idCardBack.height
-  })), passport && /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.passportText), /*#__PURE__*/React__default['default'].createElement("img", {
+  }))), passport && ( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", null, verbiage.passportText), /*#__PURE__*/React__default['default'].createElement("img", {
     src: passport.imageData,
     alt: verbiage.passportText,
     width: passport.width,
     height: passport.height
-  })))), /*#__PURE__*/React__default['default'].createElement("p", {
+  }))))), /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       fontSize: 18
     }
@@ -10190,7 +10190,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
     style: {
       marginBottom: 8
     }
-  }, verbiage.descriptionText), images.length > 0 && /*#__PURE__*/React__default['default'].createElement(OverlayImageMultiContainer, null, images.map(function (image, i) {
+  }, verbiage.descriptionText), images.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(OverlayImageMultiContainer, null, images.map(function (image, i) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: i,
       style: {
@@ -10203,11 +10203,11 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
       src: image,
       alt: ""
     }));
-  })), images.length < 2 && /*#__PURE__*/React__default['default'].createElement("p", {
+  }))), images.length < 2 && ( /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       fontWeight: 'bold'
     }
-  }, images.length === 0 ? verbiage.firstInstructionText : verbiage.secondInstructionText), /*#__PURE__*/React__default['default'].createElement("input", {
+  }, images.length === 0 ? verbiage.firstInstructionText : verbiage.secondInstructionText)), /*#__PURE__*/React__default['default'].createElement("input", {
     ref: fileInput,
     type: "file",
     accept: "image/*",
@@ -10231,14 +10231,14 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
     style: {
       marginTop: 32
     }
-  }, images.length < 2 && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, images.length < 2 && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     colors: images.length > 0 ? colors.captureMoreBtn : colors.captureBtn,
     finished: true,
     onClick: function onClick() {
       var _a;
       (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
     }
-  }, images.length > 0 ? verbiage.captureMoreBtnText : verbiage.captureBtnText), images.length > 0 && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, images.length > 0 ? verbiage.captureMoreBtnText : verbiage.captureBtnText)), images.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     colors: colors.doneBtn,
     finished: true,
     onClick: function onClick() {
@@ -10247,7 +10247,7 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
     style: {
       marginLeft: 12
     }
-  }, verbiage.doneBtnText))));
+  }, verbiage.doneBtnText)))));
 };
 
 var CaptureState;
@@ -10558,7 +10558,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
       default:
         return null;
     }
-  }(), !overlayDismissed && /*#__PURE__*/React__default['default'].createElement(IdCaptureLoadingOverlay, {
+  }(), !overlayDismissed && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureLoadingOverlay, {
     key: attempt,
     assets: assets.loadingOverlay,
     colors: colors.loadingOverlay,
@@ -10566,14 +10566,14 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
     onDismissed: function onDismissed() {
       setOverlayDismissed(true);
     }
-  }), state.captureState === CaptureState.COMPLETE && showSuccessScreen && /*#__PURE__*/React__default['default'].createElement(IdCaptureSuccess, {
+  })), state.captureState === CaptureState.COMPLETE && showSuccessScreen && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureSuccess, {
     capturedDocuments: state.capturedDocuments,
     barcodeResult: state.barcodeResult,
     onSubmitClick: onSubmitClick,
     onRetryClick: onRetryClick,
     colors: colors.success,
     verbiage: verbiage.success
-  }));
+  })));
 };
 
 var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
@@ -10936,14 +10936,14 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     style: {
       marginBottom: 8
     }
-  }, verbiage.descriptionText), image && /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, {
+  }, verbiage.descriptionText), image && ( /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, {
     style: {
       marginTop: 32
     }
   }, /*#__PURE__*/React__default['default'].createElement("img", {
     src: image,
     alt: ""
-  })), /*#__PURE__*/React__default['default'].createElement("input", {
+  }))), /*#__PURE__*/React__default['default'].createElement("input", {
     ref: fileInput,
     type: "file",
     accept: "image/*",
@@ -10965,14 +10965,14 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
     style: {
       marginTop: 32
     }
-  }, !image && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, !image && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     colors: colors.captureBtn,
     finished: true,
     onClick: function onClick() {
       var _a;
       (_a = fileInput.current) === null || _a === void 0 ? void 0 : _a.click();
     }
-  }, verbiage.captureBtnText), image && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.captureBtnText)), image && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     key: loading ? 'loading-btn' : 'ready-btn',
     colors: colors.doneBtn,
     finished: !loading,
@@ -10980,7 +10980,7 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
       setLoading(true);
       onFinished === null || onFinished === void 0 ? void 0 : onFinished(image);
     }
-  }, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText))));
+  }, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
 };
 
 var initialState$3 = {
@@ -11202,10 +11202,10 @@ var SelfieCapture = function SelfieCapture(_a) {
     ref: lastPredictionCanvas
   }), /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), /*#__PURE__*/React__default['default'].createElement(FaceCaptureGuideOverlay, {
     borderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
-  }), guidanceMessage !== '' && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, null, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
+  }), guidanceMessage !== '' && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, null, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
     "$background": satisfied ? colors.guidanceMessagesSatisfiedBackgroundColor : colors.guidanceMessagesUnsatisfiedBackgroundColor,
     "$textColor": satisfied ? colors.guidanceMessagesSatisfiedTextColor : colors.guidanceMessagesUnsatisfiedTextColor
-  }, guidanceMessage)), debugMode && state.faces.length > 0 && /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
+  }, guidanceMessage))), debugMode && state.faces.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
     "$flipX": !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing)
   }, state.faces.map(function (face, i) {
     var _a;
@@ -11216,7 +11216,7 @@ var SelfieCapture = function SelfieCapture(_a) {
       flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing),
       color: satisfied ? 'green' : 'red'
     });
-  })), debugMode && /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")") : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceNotCentered ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceTooClose && !state.faceTooFar ? '✅' : '❌', " Face", ' ', state.faceTooClose ? 'Too Close' : state.faceTooFar ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceLookingAway ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default['default'].createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " ", state.goodFramesCount, ' ', "Good Frames", /*#__PURE__*/React__default['default'].createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms"), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
+  }))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceNotCentered ? '✅' : '❌', " Face Centered", /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceTooClose && !state.faceTooFar ? '✅' : '❌', " Face", ' ', state.faceTooClose ? 'Too Close' : state.faceTooFar ? 'Too Far' : 'Distance Correct', /*#__PURE__*/React__default['default'].createElement("br", null), !state.faceLookingAway ? '✅' : '❌', " Face Looking Forward", /*#__PURE__*/React__default['default'].createElement("br", null), state.goodFramesThresholdMet ? '✅' : '❌', " ", state.goodFramesCount, ' ', "Good Frames", /*#__PURE__*/React__default['default'].createElement("br", null), !timedOut ? '✅' : '❌', " Time Remaining:", ' ', Math.max(0, timeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())), "ms")), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
     onClick: onExit
   }, "\xD7"));
 };
@@ -11615,14 +11615,14 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
     style: {
       marginTop: 24
     }
-  }, canRetry && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, canRetry && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onRetryClick,
     colors: colors.retryBtn,
     style: {
       marginRight: 15
     },
     finished: true
-  }, verbiage.retryBtnText), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryBtnText)), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onExitClick,
     colors: colors.exitBtn,
     finished: true
@@ -11850,14 +11850,14 @@ var SubmissionSuccess = function SubmissionSuccess() {
     onClick: function onClick() {
       setShowRequestBody(!showRequestBody);
     }
-  }, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("button", {
+  }, showRequestBody ? 'Hide' : 'Show', " request body"), showRequestBody && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("button", {
     style: {
       marginLeft: 8
     },
     onClick: function onClick() {
       setTruncateImages(!truncateImages);
     }
-  }, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default['default'].createElement("h5", null, "Request Body"), /*#__PURE__*/React__default['default'].createElement("pre", null, requestBodyDisplay)), /*#__PURE__*/React__default['default'].createElement("h5", null, "Response Body"), /*#__PURE__*/React__default['default'].createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
+  }, truncateImages ? 'Display full images' : 'Truncate images'), /*#__PURE__*/React__default['default'].createElement("h5", null, "Request Body"), /*#__PURE__*/React__default['default'].createElement("pre", null, requestBodyDisplay))), /*#__PURE__*/React__default['default'].createElement("h5", null, "Response Body"), /*#__PURE__*/React__default['default'].createElement("pre", null, JSON.stringify(submissionResponse, null, 2)));
 };
 function truncate(str, max_chars) {
   var truncated = str.split('').splice(0, max_chars).join('');
@@ -11885,11 +11885,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
     style: {
       margin: '0 0 8px'
     }
-  }, verbiage.headingText, ": ", document.name), document.description && /*#__PURE__*/React__default['default'].createElement("p", {
+  }, verbiage.headingText, ": ", document.name), document.description && ( /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       margin: '8px 0'
     }
-  }, document.description), /*#__PURE__*/React__default['default'].createElement("p", {
+  }, document.description)), /*#__PURE__*/React__default['default'].createElement("p", {
     style: {
       margin: '8px 0'
     }
@@ -12230,30 +12230,30 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
     }
   }, [numFramesWithoutFaces, onFaceNotDetected]);
   if (!isRecording && videoUrl) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, signatureVideoUrl && /*#__PURE__*/React__default['default'].createElement("video", {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, signatureVideoUrl && ( /*#__PURE__*/React__default['default'].createElement("video", {
       src: signatureVideoUrl,
       controls: true,
       width: "100%"
-    }), signatureDataUrl && /*#__PURE__*/React__default['default'].createElement("img", {
+    })), signatureDataUrl && /*#__PURE__*/React__default['default'].createElement("img", {
       src: signatureDataUrl,
       alt: "signature"
-    }), signatureData && /*#__PURE__*/React__default['default'].createElement("textarea", {
+    }), signatureData && ( /*#__PURE__*/React__default['default'].createElement("textarea", {
       readOnly: true,
       style: {
         width: '100%',
         height: 500
       },
       value: JSON.stringify(signatureData, null, 2)
-    }));
+    })));
   }
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     className: "flex"
-  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), verbiage.guidanceMessageText && /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
+  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), verbiage.guidanceMessageText && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
     "$top": "5vh"
   }, /*#__PURE__*/React__default['default'].createElement(GuidanceMessage, {
     "$background": colors.guidanceMessageBackgroundColor,
     "$textColor": colors.guidanceMessageTextColor
-  }, verbiage.guidanceMessageText)), /*#__PURE__*/React__default['default'].createElement(SignatureCanvasContainer, null, /*#__PURE__*/React__default['default'].createElement(SignaturePad, {
+  }, verbiage.guidanceMessageText))), /*#__PURE__*/React__default['default'].createElement(SignatureCanvasContainer, null, /*#__PURE__*/React__default['default'].createElement(SignaturePad, {
     ref: ref
   }, /*#__PURE__*/React__default['default'].createElement(SignatureCanvas__default['default'], {
     ref: signaturePad,
@@ -12281,7 +12281,7 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
       stopRecording();
       (_a = signatureRecorder.current) === null || _a === void 0 ? void 0 : _a.stop();
     }
-  }, verbiage.acceptBtnText))), debugMode && /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, "Video: ", (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.width, "x", (_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.height), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
+  }, verbiage.acceptBtnText))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, "Video: ", (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.width, "x", (_c = cameraRef.current) === null || _c === void 0 ? void 0 : _c.height)), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
     onClick: onExit
   }, "\xD7"), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
@@ -13393,14 +13393,14 @@ var CustomerVerificationFailure = function CustomerVerificationFailure(_a) {
     style: {
       marginTop: 24
     }
-  }, canRetry && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, canRetry && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onRetryClick,
     colors: colors.retryBtn,
     style: {
       marginRight: 15
     },
     finished: true
-  }, verbiage.retryBtnText), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryBtnText)), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onExitClick,
     colors: colors.exitBtn,
     finished: true
@@ -13852,14 +13852,14 @@ var CustomerIdentificationFailure = function CustomerIdentificationFailure(_a) {
     style: {
       marginTop: 24
     }
-  }, canRetry && /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, canRetry && ( /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onRetryClick,
     colors: colors.retryBtn,
     style: {
       marginRight: 15
     },
     finished: true
-  }, verbiage.retryBtnText), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
+  }, verbiage.retryBtnText)), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
     onClick: onExitClick,
     colors: colors.exitBtn,
     finished: true
@@ -14301,7 +14301,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
       height: '100%',
       margin: '4% auto auto'
     }
-  }), requestedAction === 'FLIP_ID' ? /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureFlipIdPrompt, {
+  }), requestedAction === 'FLIP_ID' ? ( /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureFlipIdPrompt, {
     assets: assets,
     verbiage: {
       instructionText: verbiage.flipIdInstructionText
@@ -14312,7 +14312,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
       width: idGuideWidth,
       margin: '2% auto 2%'
     }
-  }) : /*#__PURE__*/React__default['default'].createElement("div", {
+  })) : ( /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       width: idGuideWidth,
       margin: '2% auto 2%',
@@ -14370,7 +14370,7 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
       marginBottom: 12,
       opacity: 0
     }
-  }, instructionText)))));
+  }, instructionText))))));
 };
 
 var IdVideoCapture = function IdVideoCapture(_a) {
@@ -14535,7 +14535,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
   return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
     ref: ref,
     className: "flex"
-  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), requestedAction === 'READ_TEXT' ? /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'absolute',
       width: '100%',
@@ -14579,12 +14579,12 @@ var IdVideoCapture = function IdVideoCapture(_a) {
     finished: true,
     onClick: stopRecording,
     colors: colors.readTextDoneBtn
-  }, verbiage.readTextDoneBtnText))) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
+  }, verbiage.readTextDoneBtnText)))) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
     assets: assets.guides,
     verbiage: rawVerbiage.guides,
     requestedAction: requestedAction,
     borderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
-  }), debugMode && requestedAction === 'SHOW_ID_FRONT' && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
+  }), debugMode && requestedAction === 'SHOW_ID_FRONT' && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
     "$flipX": !((_f = cameraRef.current) === null || _f === void 0 ? void 0 : _f.isRearFacing)
   }, detectedObjects.map(function (obj, i) {
     var _a;
@@ -14605,7 +14605,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
       scaling: debugScalingDetails,
       flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing)
     });
-  })))), debugMode && /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")") : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodIdCardFrontFramesCount, "/", goodIdCardFrontFramesThreshold));
+  })))))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodIdCardFrontFramesCount, "/", goodIdCardFrontFramesThreshold)));
 };
 function msToTime(s) {
   var ms = s % 1000;