idmission-web-sdk 1.0.149 → 1.0.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/sdk2.cjs.development.js +251 -252
  2. package/dist/sdk2.cjs.development.js.map +1 -1
  3. package/dist/sdk2.cjs.production.js +1 -1
  4. package/dist/sdk2.cjs.production.js.map +1 -1
  5. package/dist/sdk2.esm.js +251 -252
  6. package/dist/sdk2.esm.js.map +1 -1
  7. package/dist/sdk2.umd.development.js +251 -252
  8. package/dist/sdk2.umd.development.js.map +1 -1
  9. package/dist/sdk2.umd.production.js +1 -1
  10. package/dist/sdk2.umd.production.js.map +1 -1
  11. package/dist/version.d.ts +1 -1
  12. package/package.json +1 -1
package/dist/sdk2.cjs.development.js CHANGED
@@ -47,7 +47,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
47
47
  var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
48
48
  var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
49
49
 
50
- var webSdkVersion = '1.0.149';
50
+ var webSdkVersion = '1.0.150';
51
51
 
52
52
  function getPlatform() {
53
53
  if (typeof window === 'undefined') return;
@@ -9551,78 +9551,6 @@ function SelfieCaptureFaceKeypoint(_a) {
9551
9551
  }
9552
9552
  var templateObject_1$w, templateObject_2$l, templateObject_3$e, templateObject_4$a;
9553
9553
 
9554
- var Spinner = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = tslib.__makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), function (_a) {
9555
- var $size = _a.$size;
9556
- return $size !== null && $size !== void 0 ? $size : 80;
9557
- }, function (_a) {
9558
- var $size = _a.$size;
9559
- return $size !== null && $size !== void 0 ? $size : 80;
9560
- }, function (_a) {
9561
- var $size = _a.$size;
9562
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
9563
- }, function (_a) {
9564
- var $size = _a.$size;
9565
- return ($size !== null && $size !== void 0 ? $size : 80) - 16;
9566
- }, function (_a) {
9567
- var $thickness = _a.$thickness;
9568
- return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
9569
- }, function (_a) {
9570
- var $color = _a.$color;
9571
- return $color !== null && $color !== void 0 ? $color : '#888';
9572
- }, function (_a) {
9573
- var $color = _a.$color;
9574
- return $color !== null && $color !== void 0 ? $color : '#888';
9575
- }, function (_a) {
9576
- var $color = _a.$color;
9577
- return $color !== null && $color !== void 0 ? $color : '#888';
9578
- });
9579
- var templateObject_1$v;
9580
-
9581
- var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
9582
- var _b = _a.classNames,
9583
- classNames = _b === void 0 ? {} : _b,
9584
- text = _a.text,
9585
- imageUrl = _a.imageUrl;
9586
- return /*#__PURE__*/React__default['default'].createElement(ImagePreviewWrapper, {
9587
- className: classNames.container
9588
- }, text && ( /*#__PURE__*/React__default['default'].createElement(ImagePreviewText, {
9589
- className: classNames.text
9590
- }, text)), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, {
9591
- className: classNames.imageContainer
9592
- }, /*#__PURE__*/React__default['default'].createElement("img", {
9593
- src: imageUrl,
9594
- alt: "",
9595
- className: classNames.image
9596
- })));
9597
- };
9598
- var SelfieProgressPreview = function SelfieProgressPreview(_a) {
9599
- var _b = _a.classNames,
9600
- classNames = _b === void 0 ? {} : _b,
9601
- text = _a.text,
9602
- imageUrl = _a.imageUrl;
9603
- return /*#__PURE__*/React__default['default'].createElement(ImagePreviewWrapper, {
9604
- className: classNames.container
9605
- }, /*#__PURE__*/React__default['default'].createElement(ImagePreviewText, {
9606
- className: classNames.text
9607
- }, /*#__PURE__*/React__default['default'].createElement(StyledSpinner, {
9608
- className: classNames.spinner,
9609
- "$size": 24,
9610
- "$color": "white",
9611
- "$thickness": 3
9612
- }), text), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, {
9613
- className: classNames.imageContainer
9614
- }, /*#__PURE__*/React__default['default'].createElement("img", {
9615
- src: imageUrl,
9616
- alt: "",
9617
- className: classNames.image
9618
- })));
9619
- };
9620
- var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$u || (templateObject_1$u = tslib.__makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
9621
- var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$k || (templateObject_2$k = tslib.__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
9622
- var ImagePreviewText = styled__default['default'].div(templateObject_3$d || (templateObject_3$d = tslib.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
9623
- var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$9 || (templateObject_4$9 = tslib.__makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
9624
- var templateObject_1$u, templateObject_2$k, templateObject_3$d, templateObject_4$9;
9625
-
9626
9554
  var enTranslation = {};
9627
9555
 
9628
9556
  var esTranslation = {
@@ -9746,83 +9674,83 @@ function useTranslations(verbiage, fallbacks) {
9746
9674
  }, [fallbacks, i18n.language, t, verbiage]);
9747
9675
  }
9748
9676
 
9749
- var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
9677
+ var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = tslib.__makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
9750
9678
  var $top = _a.$top;
9751
9679
  return $top !== null && $top !== void 0 ? $top : '10vh';
9752
9680
  });
9753
- var GuidanceMessage = styled__default['default'].div(templateObject_2$j || (templateObject_2$j = tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
9681
+ var GuidanceMessage = styled__default['default'].div(templateObject_2$k || (templateObject_2$k = tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
9754
9682
  var _a, _b, _c, _d, _e, _f;
9755
9683
  return (_f = (_a = props.$background) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '#ccc';
9756
9684
  }, function (props) {
9757
9685
  var _a, _b, _c, _d, _e, _f;
9758
9686
  return (_f = (_a = props.$textColor) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : 'black';
9759
9687
  });
9760
- var templateObject_1$t, templateObject_2$j;
9688
+ var templateObject_1$v, templateObject_2$k;
9761
9689
 
9762
9690
  var IdCapture = function IdCapture(_a) {
9763
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
9691
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k;
9764
9692
  var requiredDocumentType = _a.requiredDocumentType,
9765
- _o = _a.autoCaptureEnabled,
9766
- autoCaptureEnabled = _o === void 0 ? true : _o,
9767
- _p = _a.autoCaptureScoreThreshold,
9768
- autoCaptureScoreThreshold = _p === void 0 ? 0.8 : _p,
9769
- _q = _a.autoCaptureGoodFramesRequired,
9770
- autoCaptureGoodFramesRequired = _q === void 0 ? 3 : _q,
9771
- _r = _a.autoCaptureBarcodeRequired,
9772
- autoCaptureBarcodeRequired = _r === void 0 ? 'mobile' : _r,
9773
- _s = _a.mrzDetectionScoreThreshold,
9774
- mrzDetectionScoreThreshold = _s === void 0 ? 0.25 : _s,
9775
- _t = _a.passportPageDetectionThreshold,
9776
- passportPageDetectionThreshold = _t === void 0 ? 0.6 : _t,
9777
- _u = _a.pdf417DetectionThreshold,
9778
- pdf417DetectionThreshold = _u === void 0 ? 0.15 : _u,
9779
- _v = _a.focusScoreThreshold,
9780
- focusScoreThreshold = _v === void 0 ? 0.3 : _v,
9781
- _w = _a.barcodeScanningEnabled,
9782
- barcodeScanningEnabled = _w === void 0 ? true : _w,
9783
- _x = _a.maxBarcodeScanAttempts,
9784
- maxBarcodeScanAttempts = _x === void 0 ? 10 : _x,
9693
+ _l = _a.autoCaptureEnabled,
9694
+ autoCaptureEnabled = _l === void 0 ? true : _l,
9695
+ _m = _a.autoCaptureScoreThreshold,
9696
+ autoCaptureScoreThreshold = _m === void 0 ? 0.8 : _m,
9697
+ _o = _a.autoCaptureGoodFramesRequired,
9698
+ autoCaptureGoodFramesRequired = _o === void 0 ? 3 : _o,
9699
+ _p = _a.autoCaptureBarcodeRequired,
9700
+ autoCaptureBarcodeRequired = _p === void 0 ? 'mobile' : _p,
9701
+ _q = _a.mrzDetectionScoreThreshold,
9702
+ mrzDetectionScoreThreshold = _q === void 0 ? 0.25 : _q,
9703
+ _r = _a.passportPageDetectionThreshold,
9704
+ passportPageDetectionThreshold = _r === void 0 ? 0.6 : _r,
9705
+ _s = _a.pdf417DetectionThreshold,
9706
+ pdf417DetectionThreshold = _s === void 0 ? 0.15 : _s,
9707
+ _t = _a.focusScoreThreshold,
9708
+ focusScoreThreshold = _t === void 0 ? 0.3 : _t,
9709
+ _u = _a.barcodeScanningEnabled,
9710
+ barcodeScanningEnabled = _u === void 0 ? true : _u,
9711
+ _v = _a.maxBarcodeScanAttempts,
9712
+ maxBarcodeScanAttempts = _v === void 0 ? 10 : _v,
9785
9713
  guidanceMessage = _a.guidanceMessage,
9786
9714
  guidanceSatisfied = _a.guidanceSatisfied,
9787
9715
  onPrediction = _a.onPrediction,
9788
9716
  onBarcodeScanned = _a.onBarcodeScanned,
9789
9717
  onCapture = _a.onCapture,
9790
- _y = _a.assets,
9791
- assets = _y === void 0 ? {} : _y,
9792
- _z = _a.classNames,
9793
- classNames = _z === void 0 ? {} : _z,
9794
- _0 = _a.colors,
9795
- colors = _0 === void 0 ? {} : _0,
9796
- _1 = _a.verbiage,
9797
- rawVerbiage = _1 === void 0 ? {} : _1,
9798
- _2 = _a.debugMode,
9799
- debugMode = _2 === void 0 ? false : _2;
9800
- var _3 = useResizeObserver__default['default'](),
9801
- ref = _3.ref,
9802
- _4 = _3.width,
9803
- width = _4 === void 0 ? 1 : _4,
9804
- _5 = _3.height,
9805
- height = _5 === void 0 ? 1 : _5;
9806
- var _6 = useIdCaptureState(),
9807
- state = _6[0],
9808
- dispatch = _6[1];
9809
- var _7 = React.useContext(CameraStateContext),
9810
- cameraRef = _7.cameraRef,
9811
- cameraReady = _7.cameraReady,
9812
- takePhoto = _7.takePhoto,
9813
- videoRef = _7.videoRef,
9814
- videoLoaded = _7.videoLoaded;
9718
+ _w = _a.assets,
9719
+ assets = _w === void 0 ? {} : _w,
9720
+ _x = _a.classNames,
9721
+ classNames = _x === void 0 ? {} : _x,
9722
+ _y = _a.colors,
9723
+ colors = _y === void 0 ? {} : _y,
9724
+ _z = _a.verbiage,
9725
+ rawVerbiage = _z === void 0 ? {} : _z,
9726
+ _0 = _a.debugMode,
9727
+ debugMode = _0 === void 0 ? false : _0;
9728
+ var _1 = useResizeObserver__default['default'](),
9729
+ ref = _1.ref,
9730
+ _2 = _1.width,
9731
+ width = _2 === void 0 ? 1 : _2,
9732
+ _3 = _1.height,
9733
+ height = _3 === void 0 ? 1 : _3;
9734
+ var _4 = useIdCaptureState(),
9735
+ state = _4[0],
9736
+ dispatch = _4[1];
9737
+ var _5 = React.useContext(CameraStateContext),
9738
+ cameraRef = _5.cameraRef,
9739
+ cameraReady = _5.cameraReady,
9740
+ takePhoto = _5.takePhoto,
9741
+ videoRef = _5.videoRef,
9742
+ videoLoaded = _5.videoLoaded;
9815
9743
  var captureStartedAt = React.useRef();
9816
- var _8 = React.useContext(IdCaptureModelsContext),
9817
- modelsReady = _8.ready,
9818
- modelsWorking = _8.working,
9819
- setThresholds = _8.setThresholds,
9820
- makePrediction = _8.makePrediction,
9821
- onPredictionMade = _8.onPredictionMade,
9822
- detectionTime = _8.detectionTime,
9823
- focusPredictionTime = _8.focusPredictionTime,
9824
- getBestFrame = _8.getBestFrame,
9825
- resetBestFrame = _8.resetBestFrame;
9744
+ var _6 = React.useContext(IdCaptureModelsContext),
9745
+ modelsReady = _6.ready,
9746
+ modelsWorking = _6.working,
9747
+ setThresholds = _6.setThresholds,
9748
+ makePrediction = _6.makePrediction,
9749
+ onPredictionMade = _6.onPredictionMade,
9750
+ detectionTime = _6.detectionTime,
9751
+ focusPredictionTime = _6.focusPredictionTime,
9752
+ getBestFrame = _6.getBestFrame,
9753
+ resetBestFrame = _6.resetBestFrame;
9826
9754
  React.useEffect(function () {
9827
9755
  captureStartedAt.current = new Date();
9828
9756
  }, []);
@@ -9862,9 +9790,9 @@ var IdCapture = function IdCapture(_a) {
9862
9790
  React.useEffect(function () {
9863
9791
  shouldCaptureFrames.current = videoLoaded && cameraReady && modelsReady && !state.capturing && !state.captured;
9864
9792
  }, [cameraReady, state.captured, state.capturing, modelsReady, videoLoaded]);
9865
- var _9 = React.useState(null),
9866
- lastFrame = _9[0],
9867
- setLastFrame = _9[1];
9793
+ var _7 = React.useState(null),
9794
+ lastFrame = _7[0],
9795
+ setLastFrame = _7[1];
9868
9796
  React.useEffect(function () {
9869
9797
  if (!modelsReady || !cameraReady || !videoLoaded) return;
9870
9798
  animationFrame.current = requestAnimationFrame(function runFrame() {
@@ -10041,16 +9969,9 @@ var IdCapture = function IdCapture(_a) {
10041
9969
  var satisfied = state.isGoodFrame;
10042
9970
  if (typeof guidanceSatisfied === 'boolean') satisfied = guidanceSatisfied;
10043
9971
  guidanceMessage || (guidanceMessage = satisfied ? verbiage.guidanceSatisfiedText : !state.documentDetectionThresholdMet ? verbiage.guidanceNotDetectedText : !state.documentInBounds ? verbiage.guidanceNotCenteredText : !state.focusThresholdMet ? verbiage.guidanceTooBlurryText : '');
10044
- if (state.capturing) {
10045
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, !((_k = (_j = theme.idCapture) === null || _j === void 0 ? void 0 : _j.capturePreview) === null || _k === void 0 ? void 0 : _k.disabled) && state.imageUrl && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
10046
- classNames: classNames.imagePreview,
10047
- text: verbiage.processingIdCardText,
10048
- imageUrl: state.imageUrl
10049
- })));
10050
- }
10051
9972
  return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
10052
9973
  ref: ref,
10053
- className: "flex ".concat((_l = classNames.container) !== null && _l !== void 0 ? _l : '')
9974
+ className: "flex ".concat((_j = classNames.container) !== null && _j !== void 0 ? _j : '')
10054
9975
  }, guidanceMessage !== '' && ( /*#__PURE__*/React__default['default'].createElement(GuidanceMessageContainer, {
10055
9976
  "$top": "82.5vh",
10056
9977
  className: classNames.guidanceMessageContainer
@@ -10058,7 +9979,7 @@ var IdCapture = function IdCapture(_a) {
10058
9979
  "$variant": satisfied ? 'positive' : 'default',
10059
9980
  className: classNames.guidanceMessage
10060
9981
  }, guidanceMessage))), debugMode && state.detectedObjects.length > 0 && ( /*#__PURE__*/React__default['default'].createElement(DebugBoundingBoxOverlay, {
10061
- "$flipX": !((_m = cameraRef.current) === null || _m === void 0 ? void 0 : _m.isRearFacing),
9982
+ "$flipX": !((_k = cameraRef.current) === null || _k === void 0 ? void 0 : _k.isRearFacing),
10062
9983
  scaling: debugScalingDetails
10063
9984
  }, state.detectedObjects.map(function (obj, i) {
10064
9985
  var _a;
@@ -10114,13 +10035,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
10114
10035
  finished: true
10115
10036
  }, verbiage.retryBtnText)));
10116
10037
  };
10117
- var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$s || (templateObject_1$s = tslib.__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
10118
- var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
10119
- var Description$3 = styled__default['default'].p(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
10120
- var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$8 || (templateObject_4$8 = tslib.__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
10121
- var templateObject_1$s, templateObject_2$i, templateObject_3$c, templateObject_4$8;
10038
+ var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$u || (templateObject_1$u = tslib.__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
10039
+ var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$j || (templateObject_2$j = tslib.__makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
10040
+ var Description$3 = styled__default['default'].p(templateObject_3$d || (templateObject_3$d = tslib.__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
10041
+ var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$9 || (templateObject_4$9 = tslib.__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
10042
+ var templateObject_1$u, templateObject_2$j, templateObject_3$d, templateObject_4$9;
10122
10043
 
10123
- var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$r || (templateObject_1$r = tslib.__makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
10044
+ var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
10124
10045
  var ExitCaptureButton = function ExitCaptureButton(_a) {
10125
10046
  var onClick = _a.onClick,
10126
10047
  className = _a.className;
@@ -10164,10 +10085,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
10164
10085
  y2: "19.75"
10165
10086
  }))));
10166
10087
  };
10167
- var templateObject_1$r;
10088
+ var templateObject_1$t;
10168
10089
 
10169
- var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$q || (templateObject_1$q = tslib.__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
10170
- var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$h || (templateObject_2$h = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
10090
+ var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = tslib.__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
10091
+ var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
10171
10092
  var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
10172
10093
  var onDismissed = _a.onDismissed,
10173
10094
  onUserCancel = _a.onUserCancel,
@@ -10260,12 +10181,12 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
10260
10181
  }
10261
10182
  }, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : verbiage.modelsWarmingUpText)));
10262
10183
  };
10263
- var templateObject_1$q, templateObject_2$h;
10184
+ var templateObject_1$s, templateObject_2$i;
10264
10185
 
10265
10186
  var CapturedDocumentTypeValues = ['idCardFront', 'idCardBack', 'passport', 'selfie'];
10266
10187
 
10267
- var ButtonsRow = styled__default['default'].div(templateObject_1$p || (templateObject_1$p = tslib.__makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
10268
- var templateObject_1$p;
10188
+ var ButtonsRow = styled__default['default'].div(templateObject_1$r || (templateObject_1$r = tslib.__makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
10189
+ var templateObject_1$r;
10269
10190
 
10270
10191
  var CapturedDocumentImg = function CapturedDocumentImg(_a) {
10271
10192
  var alt = _a.alt,
@@ -10295,7 +10216,7 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
10295
10216
  });
10296
10217
  };
10297
10218
 
10298
- var OverlayInstruction = styled__default['default'].p(templateObject_1$o || (templateObject_1$o = tslib.__makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
10219
+ var OverlayInstruction = styled__default['default'].p(templateObject_1$q || (templateObject_1$q = tslib.__makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
10299
10220
  var IdCaptureSuccess = function IdCaptureSuccess(_a) {
10300
10221
  var capturedDocuments = _a.capturedDocuments,
10301
10222
  // barcodeResult,
@@ -10380,9 +10301,9 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
10380
10301
  finished: true
10381
10302
  }, submissionStatus === SubmissionStatus.SUBMITTING ? verbiage.submittingText : verbiage.submitText))));
10382
10303
  };
10383
- var Heading$9 = styled__default['default'].h1(templateObject_2$g || (templateObject_2$g = tslib.__makeTemplateObject(["\n margin-bottom: 12px;\n"], ["\n margin-bottom: 12px;\n"])));
10384
- var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_3$b || (templateObject_3$b = tslib.__makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
10385
- var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$7 || (templateObject_4$7 = tslib.__makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
10304
+ var Heading$9 = styled__default['default'].h1(templateObject_2$h || (templateObject_2$h = tslib.__makeTemplateObject(["\n margin-bottom: 12px;\n"], ["\n margin-bottom: 12px;\n"])));
10305
+ var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
10306
+ var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$8 || (templateObject_4$8 = tslib.__makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
10386
10307
  var ImageCol$1 = styled__default['default'].div(templateObject_5$5 || (templateObject_5$5 = tslib.__makeTemplateObject(["\n max-height: none !important;\n"], ["\n max-height: none !important;\n"])));
10387
10308
  var ImageHeading = styled__default['default'].h3(templateObject_6$4 || (templateObject_6$4 = tslib.__makeTemplateObject(["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"], ["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"])));
10388
10309
  var CapturedImageWrapper = styled__default['default'].div(templateObject_7$2 || (templateObject_7$2 = tslib.__makeTemplateObject(["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"], ["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"])), function (props) {
@@ -10390,7 +10311,7 @@ var CapturedImageWrapper = styled__default['default'].div(templateObject_7$2 ||
10390
10311
  return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.success) === null || _b === void 0 ? void 0 : _b.imageBorderColor) !== null && _c !== void 0 ? _c : 'var(--idm-color-primary-400)';
10391
10312
  });
10392
10313
  var StyledImage = styled__default['default'](CapturedDocumentImg)(templateObject_8$1 || (templateObject_8$1 = tslib.__makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
10393
- var templateObject_1$o, templateObject_2$g, templateObject_3$b, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$1;
10314
+ var templateObject_1$q, templateObject_2$h, templateObject_3$c, templateObject_4$8, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$1;
10394
10315
 
10395
10316
  var CameraVideoTag = function CameraVideoTag(_a) {
10396
10317
  var _b;
@@ -10421,10 +10342,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
10421
10342
  "$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
10422
10343
  });
10423
10344
  };
10424
- var FullscreenVideoTag = styled__default['default'].video(templateObject_1$n || (templateObject_1$n = tslib.__makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
10345
+ var FullscreenVideoTag = styled__default['default'].video(templateObject_1$p || (templateObject_1$p = tslib.__makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
10425
10346
  return props.$isRearFacing ? '' : 'scaleX(-1)';
10426
10347
  });
10427
- var templateObject_1$n;
10348
+ var templateObject_1$p;
10428
10349
 
10429
10350
  function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
10430
10351
  var _this = this;
@@ -10563,18 +10484,18 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
10563
10484
  }
10564
10485
  }, verbiage.doneBtnText)))));
10565
10486
  };
10566
- var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$m || (templateObject_1$m = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
10567
- var Heading$8 = styled__default['default'].h3(templateObject_2$f || (templateObject_2$f = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
10568
- var Description$2 = styled__default['default'].p(templateObject_3$a || (templateObject_3$a = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
10569
- var Instruction = styled__default['default'].p(templateObject_4$6 || (templateObject_4$6 = tslib.__makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
10487
+ var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$o || (templateObject_1$o = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
10488
+ var Heading$8 = styled__default['default'].h3(templateObject_2$g || (templateObject_2$g = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
10489
+ var Description$2 = styled__default['default'].p(templateObject_3$b || (templateObject_3$b = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
10490
+ var Instruction = styled__default['default'].p(templateObject_4$7 || (templateObject_4$7 = tslib.__makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
10570
10491
  var ImageCol = styled__default['default'].div(templateObject_5$4 || (templateObject_5$4 = tslib.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
10571
10492
  var StyledButtonsRow$8 = styled__default['default'](ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
10572
- var templateObject_1$m, templateObject_2$f, templateObject_3$a, templateObject_4$6, templateObject_5$4, templateObject_6$3;
10493
+ var templateObject_1$o, templateObject_2$g, templateObject_3$b, templateObject_4$7, templateObject_5$4, templateObject_6$3;
10573
10494
 
10574
- var CameraFeedWrapper = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = tslib.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
10495
+ var CameraFeedWrapper = styled__default['default'].div(templateObject_1$n || (templateObject_1$n = tslib.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
10575
10496
  return props.$mode === 'snapToGuides' ? "display: flex;\n position: absolute;\n left: ".concat(props.$x, "px;\n top: ").concat(props.$y, "px;\n width: ").concat(props.$w, "px;\n height: ").concat(props.$h, "px;") : "";
10576
10497
  });
10577
- var templateObject_1$l;
10498
+ var templateObject_1$n;
10578
10499
 
10579
10500
  function setCanvasDimensions(canvas, width, height) {
10580
10501
  var _a;
@@ -10608,10 +10529,10 @@ var GuideOrientationContext = /*#__PURE__*/React.createContext({
10608
10529
  }
10609
10530
  });
10610
10531
 
10611
- var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$k || (templateObject_1$k = tslib.__makeTemplateObject(["\n z-index: 1000;\n"], ["\n z-index: 1000;\n"])));
10612
- var GuidesContainer = styled__default['default'].div(templateObject_2$e || (templateObject_2$e = tslib.__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
10613
- var GuideCenterRow = styled__default['default'].div(templateObject_3$9 || (templateObject_3$9 = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"])));
10614
- var GuideRegion = styled__default['default'].div(templateObject_4$5 || (templateObject_4$5 = tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
10532
+ var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$m || (templateObject_1$m = tslib.__makeTemplateObject(["\n z-index: 1000;\n"], ["\n z-index: 1000;\n"])));
10533
+ var GuidesContainer = styled__default['default'].div(templateObject_2$f || (templateObject_2$f = tslib.__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
10534
+ var GuideCenterRow = styled__default['default'].div(templateObject_3$a || (templateObject_3$a = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"])));
10535
+ var GuideRegion = styled__default['default'].div(templateObject_4$6 || (templateObject_4$6 = tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
10615
10536
  var _a, _b, _c, _d, _e;
10616
10537
  return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
10617
10538
  }, function (props) {
@@ -10752,14 +10673,14 @@ var regionClsx$1 = function regionClsx(classNames, which) {
10752
10673
  return v;
10753
10674
  }).join(' ');
10754
10675
  };
10755
- var templateObject_1$k, templateObject_2$e, templateObject_3$9, templateObject_4$5, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
10676
+ var templateObject_1$m, templateObject_2$f, templateObject_3$a, templateObject_4$6, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
10756
10677
 
10757
- var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$j || (templateObject_1$j = tslib.__makeTemplateObject(["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"], ["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"])), function (props) {
10678
+ var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$l || (templateObject_1$l = tslib.__makeTemplateObject(["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"], ["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"])), function (props) {
10758
10679
  return props.$transitionTime;
10759
10680
  }, function (props) {
10760
10681
  return props.$transforms;
10761
10682
  });
10762
- var FlippingImageBack = styled__default['default'](FlippingImage)(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
10683
+ var FlippingImageBack = styled__default['default'](FlippingImage)(templateObject_2$e || (templateObject_2$e = tslib.__makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
10763
10684
  var FlipIdPrompt = function FlipIdPrompt(_a) {
10764
10685
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
10765
10686
  var userSuppliedPadding = _a.padding,
@@ -10898,7 +10819,7 @@ var regionClsx = function regionClsx(classNames, which) {
10898
10819
  return v;
10899
10820
  }).join(' ');
10900
10821
  };
10901
- var templateObject_1$j, templateObject_2$d;
10822
+ var templateObject_1$l, templateObject_2$e;
10902
10823
 
10903
10824
  var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
10904
10825
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -11032,11 +10953,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
11032
10953
  classNames: classNames
11033
10954
  })));
11034
10955
  };
11035
- var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$i || (templateObject_1$i = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
10956
+ var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$k || (templateObject_1$k = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
11036
10957
  return props.$maskColor;
11037
10958
  });
11038
- var Canvas$1 = styled__default['default'].canvas(templateObject_2$c || (templateObject_2$c = tslib.__makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
11039
- var templateObject_1$i, templateObject_2$c;
10959
+ var Canvas$1 = styled__default['default'].canvas(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
10960
+ var templateObject_1$k, templateObject_2$d;
11040
10961
 
11041
10962
  function IdCaptureGuides(_a) {
11042
10963
  var _b, _c;
@@ -11087,6 +11008,78 @@ function IdCaptureGuides(_a) {
11087
11008
  })));
11088
11009
  }
11089
11010
 
11011
+ var Spinner = styled__default['default'].div(templateObject_1$j || (templateObject_1$j = tslib.__makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), function (_a) {
11012
+ var $size = _a.$size;
11013
+ return $size !== null && $size !== void 0 ? $size : 80;
11014
+ }, function (_a) {
11015
+ var $size = _a.$size;
11016
+ return $size !== null && $size !== void 0 ? $size : 80;
11017
+ }, function (_a) {
11018
+ var $size = _a.$size;
11019
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
11020
+ }, function (_a) {
11021
+ var $size = _a.$size;
11022
+ return ($size !== null && $size !== void 0 ? $size : 80) - 16;
11023
+ }, function (_a) {
11024
+ var $thickness = _a.$thickness;
11025
+ return $thickness !== null && $thickness !== void 0 ? $thickness : 6;
11026
+ }, function (_a) {
11027
+ var $color = _a.$color;
11028
+ return $color !== null && $color !== void 0 ? $color : '#888';
11029
+ }, function (_a) {
11030
+ var $color = _a.$color;
11031
+ return $color !== null && $color !== void 0 ? $color : '#888';
11032
+ }, function (_a) {
11033
+ var $color = _a.$color;
11034
+ return $color !== null && $color !== void 0 ? $color : '#888';
11035
+ });
11036
+ var templateObject_1$j;
11037
+
11038
+ var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
11039
+ var _b = _a.classNames,
11040
+ classNames = _b === void 0 ? {} : _b,
11041
+ text = _a.text,
11042
+ imageUrl = _a.imageUrl;
11043
+ return /*#__PURE__*/React__default['default'].createElement(ImagePreviewWrapper, {
11044
+ className: classNames.container
11045
+ }, text && ( /*#__PURE__*/React__default['default'].createElement(ImagePreviewText, {
11046
+ className: classNames.text
11047
+ }, text)), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, {
11048
+ className: classNames.imageContainer
11049
+ }, /*#__PURE__*/React__default['default'].createElement("img", {
11050
+ src: imageUrl,
11051
+ alt: "",
11052
+ className: classNames.image
11053
+ })));
11054
+ };
11055
+ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
11056
+ var _b = _a.classNames,
11057
+ classNames = _b === void 0 ? {} : _b,
11058
+ text = _a.text,
11059
+ imageUrl = _a.imageUrl;
11060
+ return /*#__PURE__*/React__default['default'].createElement(ImagePreviewWrapper, {
11061
+ className: classNames.container
11062
+ }, /*#__PURE__*/React__default['default'].createElement(ImagePreviewText, {
11063
+ className: classNames.text
11064
+ }, /*#__PURE__*/React__default['default'].createElement(StyledSpinner, {
11065
+ className: classNames.spinner,
11066
+ "$size": 24,
11067
+ "$color": "white",
11068
+ "$thickness": 3
11069
+ }), text), /*#__PURE__*/React__default['default'].createElement(ImagePreviewImageWrapper, {
11070
+ className: classNames.imageContainer
11071
+ }, /*#__PURE__*/React__default['default'].createElement("img", {
11072
+ src: imageUrl,
11073
+ alt: "",
11074
+ className: classNames.image
11075
+ })));
11076
+ };
11077
+ var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$i || (templateObject_1$i = tslib.__makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
11078
+ var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$c || (templateObject_2$c = tslib.__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
11079
+ var ImagePreviewText = styled__default['default'].div(templateObject_3$9 || (templateObject_3$9 = tslib.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
11080
+ var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$5 || (templateObject_4$5 = tslib.__makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
11081
+ var templateObject_1$i, templateObject_2$c, templateObject_3$9, templateObject_4$5;
11082
+
11090
11083
  var initialState$4 = {
11091
11084
  captureState: 'capturing',
11092
11085
  capturedDocuments: {},
@@ -11202,63 +11195,63 @@ var reducer$4 = function reducer(state, action) {
11202
11195
  }
11203
11196
  };
11204
11197
  var IdCaptureWizard = function IdCaptureWizard(_a) {
11205
- var _b, _c, _d, _e;
11206
- var _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
11198
+ var _b, _c, _d, _e, _f, _g, _h, _j;
11199
+ var _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
11207
11200
  var onSuccess = _a.onSuccess,
11208
11201
  onExitCapture = _a.onExitCapture,
11209
11202
  onUserCancel = _a.onUserCancel,
11210
11203
  precapturedDocuments = _a.precapturedDocuments,
11211
- _r = _a.captureRequirement,
11212
- captureRequirement = _r === void 0 ? 'idCardOrPassport' : _r,
11213
- _s = _a.autoCaptureEnabled,
11214
- autoCaptureEnabled = _s === void 0 ? true : _s,
11215
- _t = _a.autoCaptureGoodFramesRequired,
11216
- autoCaptureGoodFramesRequired = _t === void 0 ? 3 : _t,
11217
- _u = _a.autoCaptureBarcodeRequired,
11218
- autoCaptureBarcodeRequired = _u === void 0 ? 'mobile' : _u,
11219
- _v = _a.barcodeScanningEnabled,
11220
- barcodeScanningEnabled = _v === void 0 ? false : _v,
11221
- _w = _a.idCardAutoCaptureScoreThreshold,
11222
- idCardAutoCaptureScoreThreshold = _w === void 0 ? 0.8 : _w,
11223
- _x = _a.passportAutoCaptureScoreThreshold,
11224
- passportAutoCaptureScoreThreshold = _x === void 0 ? 0.75 : _x,
11225
- _y = _a.mrzDetectionScoreThreshold,
11226
- mrzDetectionScoreThreshold = _y === void 0 ? 0.25 : _y,
11227
- _z = _a.idCardFocusScoreThreshold,
11228
- idCardFocusScoreThreshold = _z === void 0 ? 0.3 : _z,
11229
- _0 = _a.passportFocusScoreThreshold,
11230
- passportFocusScoreThreshold = _0 === void 0 ? 0.3 : _0,
11231
- _1 = _a.skipSuccessScreen,
11232
- skipSuccessScreen = _1 === void 0 ? false : _1,
11204
+ _v = _a.captureRequirement,
11205
+ captureRequirement = _v === void 0 ? 'idCardOrPassport' : _v,
11206
+ _w = _a.autoCaptureEnabled,
11207
+ autoCaptureEnabled = _w === void 0 ? true : _w,
11208
+ _x = _a.autoCaptureGoodFramesRequired,
11209
+ autoCaptureGoodFramesRequired = _x === void 0 ? 3 : _x,
11210
+ _y = _a.autoCaptureBarcodeRequired,
11211
+ autoCaptureBarcodeRequired = _y === void 0 ? 'mobile' : _y,
11212
+ _z = _a.barcodeScanningEnabled,
11213
+ barcodeScanningEnabled = _z === void 0 ? false : _z,
11214
+ _0 = _a.idCardAutoCaptureScoreThreshold,
11215
+ idCardAutoCaptureScoreThreshold = _0 === void 0 ? 0.8 : _0,
11216
+ _1 = _a.passportAutoCaptureScoreThreshold,
11217
+ passportAutoCaptureScoreThreshold = _1 === void 0 ? 0.75 : _1,
11218
+ _2 = _a.mrzDetectionScoreThreshold,
11219
+ mrzDetectionScoreThreshold = _2 === void 0 ? 0.25 : _2,
11220
+ _3 = _a.idCardFocusScoreThreshold,
11221
+ idCardFocusScoreThreshold = _3 === void 0 ? 0.3 : _3,
11222
+ _4 = _a.passportFocusScoreThreshold,
11223
+ passportFocusScoreThreshold = _4 === void 0 ? 0.3 : _4,
11224
+ _5 = _a.skipSuccessScreen,
11225
+ skipSuccessScreen = _5 === void 0 ? false : _5,
11233
11226
  instructions = _a.instructions,
11234
- _2 = _a.releaseCameraAccessOnExit,
11235
- releaseCameraAccessOnExit = _2 === void 0 ? true : _2,
11236
- _3 = _a.guideType,
11237
- guideType = _3 === void 0 ? 'fit' : _3,
11238
- _4 = _a.assets,
11239
- assets = _4 === void 0 ? {} : _4,
11240
- _5 = _a.classNames,
11241
- classNames = _5 === void 0 ? {} : _5,
11242
- _6 = _a.colors,
11243
- colors = _6 === void 0 ? {} : _6,
11244
- _7 = _a.verbiage,
11245
- verbiage = _7 === void 0 ? {} : _7,
11246
- _8 = _a.debugMode,
11247
- debugMode = _8 === void 0 ? false : _8;
11248
- var _9 = React.useReducer(reducer$4, initialState$4),
11249
- state = _9[0],
11250
- dispatch = _9[1];
11227
+ _6 = _a.releaseCameraAccessOnExit,
11228
+ releaseCameraAccessOnExit = _6 === void 0 ? true : _6,
11229
+ _7 = _a.guideType,
11230
+ guideType = _7 === void 0 ? 'fit' : _7,
11231
+ _8 = _a.assets,
11232
+ assets = _8 === void 0 ? {} : _8,
11233
+ _9 = _a.classNames,
11234
+ classNames = _9 === void 0 ? {} : _9,
11235
+ _10 = _a.colors,
11236
+ colors = _10 === void 0 ? {} : _10,
11237
+ _11 = _a.verbiage,
11238
+ verbiage = _11 === void 0 ? {} : _11,
11239
+ _12 = _a.debugMode,
11240
+ debugMode = _12 === void 0 ? false : _12;
11241
+ var _13 = React.useReducer(reducer$4, initialState$4),
11242
+ state = _13[0],
11243
+ dispatch = _13[1];
11251
11244
  var releaseCameraAccess = React.useContext(CameraStateContext).releaseCameraAccess;
11252
- var _10 = React.useState(false),
11253
- overlayDismissed = _10[0],
11254
- setOverlayDismissed = _10[1];
11255
- var _11 = React.useContext(SubmissionContext),
11256
- submissionStatus = _11.submissionStatus,
11257
- setIdFrontImage = _11.setIdFrontImage,
11258
- setIdBackImage = _11.setIdBackImage,
11259
- setPassportImage = _11.setPassportImage,
11260
- logIdFrontCaptureAttempt = _11.logIdFrontCaptureAttempt,
11261
- logIdBackCaptureAttempt = _11.logIdBackCaptureAttempt;
11245
+ var _14 = React.useState(false),
11246
+ overlayDismissed = _14[0],
11247
+ setOverlayDismissed = _14[1];
11248
+ var _15 = React.useContext(SubmissionContext),
11249
+ submissionStatus = _15.submissionStatus,
11250
+ setIdFrontImage = _15.setIdFrontImage,
11251
+ setIdBackImage = _15.setIdBackImage,
11252
+ setPassportImage = _15.setPassportImage,
11253
+ logIdFrontCaptureAttempt = _15.logIdFrontCaptureAttempt,
11254
+ logIdBackCaptureAttempt = _15.logIdBackCaptureAttempt;
11262
11255
  var modelsError = React.useContext(IdCaptureModelsContext).error;
11263
11256
  var operationStartedAt = React.useRef();
11264
11257
  React.useEffect(function () {
@@ -11331,9 +11324,9 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
11331
11324
  type: 'reset'
11332
11325
  });
11333
11326
  }, []);
11334
- var _12 = React.useState(0),
11335
- attempt = _12[0],
11336
- setAttempt = _12[1];
11327
+ var _16 = React.useState(0),
11328
+ attempt = _16[0],
11329
+ setAttempt = _16[1];
11337
11330
  var onExit = React.useCallback(function () {
11338
11331
  setOverlayDismissed(false);
11339
11332
  setAttempt(function (n) {
@@ -11350,19 +11343,19 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
11350
11343
  }
11351
11344
  }, [releaseCameraAccess, releaseCameraAccessOnExit, submissionStatus]);
11352
11345
  assets.idCardFront || (assets.idCardFront = {});
11353
- (_f = assets.idCardFront).portraitGuidesImageUrl || (_f.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-2.svg"));
11354
- (_g = assets.idCardFront).landscapeGuidesImageUrl || (_g.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
11346
+ (_k = assets.idCardFront).portraitGuidesImageUrl || (_k.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Portrait-2.svg"));
11347
+ (_l = assets.idCardFront).landscapeGuidesImageUrl || (_l.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
11355
11348
  assets.idCardBack || (assets.idCardBack = {});
11356
- (_h = assets.idCardBack).portraitGuidesImageUrl || (_h.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-2.svg"));
11357
- (_j = assets.idCardBack).landscapeGuidesImageUrl || (_j.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
11349
+ (_m = assets.idCardBack).portraitGuidesImageUrl || (_m.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Portrait-2.svg"));
11350
+ (_o = assets.idCardBack).landscapeGuidesImageUrl || (_o.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
11358
11351
  assets.passport || (assets.passport = {});
11359
- (_k = assets.passport).portraitGuidesImageUrl || (_k.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-2.svg"));
11360
- (_l = assets.passport).landscapeGuidesImageUrl || (_l.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-2.svg"));
11352
+ (_p = assets.passport).portraitGuidesImageUrl || (_p.portraitGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Portrait-2.svg"));
11353
+ (_q = assets.passport).landscapeGuidesImageUrl || (_q.landscapeGuidesImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-Passport-Front-SVG-Landscape-2.svg"));
11361
11354
  assets.flipIdPrompt || (assets.flipIdPrompt = {});
11362
- (_m = assets.flipIdPrompt).frontPortraitGuidesImageUrl || (_m.frontPortraitGuidesImageUrl = assets.idCardFront.portraitGuidesImageUrl);
11363
- (_o = assets.flipIdPrompt).frontLandscapeGuidesImageUrl || (_o.frontLandscapeGuidesImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
11364
- (_p = assets.flipIdPrompt).backPortraitGuidesImageUrl || (_p.backPortraitGuidesImageUrl = assets.idCardBack.portraitGuidesImageUrl);
11365
- (_q = assets.flipIdPrompt).backLandscapeGuidesImageUrl || (_q.backLandscapeGuidesImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
11355
+ (_r = assets.flipIdPrompt).frontPortraitGuidesImageUrl || (_r.frontPortraitGuidesImageUrl = assets.idCardFront.portraitGuidesImageUrl);
11356
+ (_s = assets.flipIdPrompt).frontLandscapeGuidesImageUrl || (_s.frontLandscapeGuidesImageUrl = assets.idCardFront.landscapeGuidesImageUrl);
11357
+ (_t = assets.flipIdPrompt).backPortraitGuidesImageUrl || (_t.backPortraitGuidesImageUrl = assets.idCardBack.portraitGuidesImageUrl);
11358
+ (_u = assets.flipIdPrompt).backLandscapeGuidesImageUrl || (_u.backLandscapeGuidesImageUrl = assets.idCardBack.landscapeGuidesImageUrl);
11366
11359
  var idCaptureVerbiages = {
11367
11360
  idCardFront: useTranslations(verbiage.idCardFront, {
11368
11361
  instructionText: 'Scan the front of ID',
@@ -11375,11 +11368,13 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
11375
11368
  instructionText: 'Scan the ID page of passport'
11376
11369
  })
11377
11370
  };
11378
- var _13 = useIdCaptureState()[0],
11379
- guideRectX = _13.guideRectX,
11380
- guideRectY = _13.guideRectY,
11381
- guideRectWidth = _13.guideRectWidth,
11382
- guideRectHeight = _13.guideRectHeight;
11371
+ var theme = styled.useTheme();
11372
+ var _17 = useIdCaptureState()[0],
11373
+ guideRectX = _17.guideRectX,
11374
+ guideRectY = _17.guideRectY,
11375
+ guideRectWidth = _17.guideRectWidth,
11376
+ guideRectHeight = _17.guideRectHeight,
11377
+ imageUrl = _17.imageUrl;
11383
11378
  var idCaptureAssets = assets[state.requestedDocumentType];
11384
11379
  var idCaptureVerbiage = idCaptureVerbiages[state.requestedDocumentType];
11385
11380
  React.useEffect(function () {
@@ -11492,9 +11487,13 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
11492
11487
  assets: idCaptureAssets,
11493
11488
  colors: colors,
11494
11489
  verbiage: idCaptureVerbiage
11495
- }), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
11490
+ }), !((_f = (_e = theme.idCapture) === null || _e === void 0 ? void 0 : _e.capturePreview) === null || _f === void 0 ? void 0 : _f.disabled) && state.captureState === 'requestingFlip' && imageUrl && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureImagePreview, {
11491
+ classNames: (_g = classNames.capture) === null || _g === void 0 ? void 0 : _g.imagePreview,
11492
+ text: (_h = idCaptureVerbiages === null || idCaptureVerbiages === void 0 ? void 0 : idCaptureVerbiages.idCardFront) === null || _h === void 0 ? void 0 : _h.processingIdCardText,
11493
+ imageUrl: imageUrl
11494
+ })), /*#__PURE__*/React__default['default'].createElement(ExitCaptureButton, {
11496
11495
  onClick: onExit,
11497
- className: (_e = classNames.capture) === null || _e === void 0 ? void 0 : _e.exitCaptureBtn
11496
+ className: (_j = classNames.capture) === null || _j === void 0 ? void 0 : _j.exitCaptureBtn
11498
11497
  }), !overlayDismissed && ( /*#__PURE__*/React__default['default'].createElement(IdCaptureLoadingOverlay, {
11499
11498
  key: attempt,
11500
11499
  instructions: instructions,