idmission-web-sdk 2.5.83-changeset-release-develop-eb57522 → 2.5.83-changeset-release-develop-3dfa69b
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.
- package/dist/index.d.ts +1 -1
- package/dist/props.json +1 -1
- package/dist/sdk2.cjs.development.js +201 -137
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +201 -137
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +201 -137
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/package.json +1 -1
|
@@ -7633,7 +7633,7 @@ function useGuideOrientationContext() {
|
|
|
7633
7633
|
return ctx;
|
|
7634
7634
|
}
|
|
7635
7635
|
|
|
7636
|
-
var _templateObject
|
|
7636
|
+
var _templateObject$$, _templateObject2$R;
|
|
7637
7637
|
var _excluded$i = ["isRearFacing"];
|
|
7638
7638
|
var CameraVideoTag = /*#__PURE__*/React.forwardRef(function CameraVideoTag(_ref, ref) {
|
|
7639
7639
|
var isRearFacing = _ref.isRearFacing,
|
|
@@ -7646,10 +7646,10 @@ var CameraVideoTag = /*#__PURE__*/React.forwardRef(function CameraVideoTag(_ref,
|
|
|
7646
7646
|
"$isRearFacing": isRearFacing
|
|
7647
7647
|
}, props));
|
|
7648
7648
|
});
|
|
7649
|
-
var FullscreenVideoTag = styledComponents.styled.video(_templateObject
|
|
7649
|
+
var FullscreenVideoTag = styledComponents.styled.video(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n transform: ", ";\n transform-style: preserve-3d;\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) {
|
|
7650
7650
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
7651
7651
|
});
|
|
7652
|
-
var CameraFeedWrapper = styledComponents.styled.div(_templateObject2$
|
|
7652
|
+
var CameraFeedWrapper = styledComponents.styled.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n /* Keep CameraVideoTag's legacy negative z-index above opaque flow shells. */\n isolation: isolate;\n\n ", "\n\n /* Last, so it wins over both branches' display. */\n ", "\n"])), function (props) {
|
|
7653
7653
|
return props.$mode === 'snapToGuides' ? "display: flex;\n position: absolute;\n z-index: -2;\n left: " + props.$x + "px;\n top: " + props.$y + "px;\n width: " + props.$w + "px;\n height: " + props.$h + "px;\n /* Match the mask's hole when the guide publishes a radius. The mask\n sits above this feed (-1 vs -2), so square corners here show through\n as dimmed wedges outside the rounded hole. Guides that publish no\n radius keep the previous unclipped behaviour. */\n " + (props.$radius ? "border-radius: " + props.$radius + "px; overflow: hidden;" : '') : "display: flex;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;";
|
|
7654
7654
|
}, function (props) {
|
|
7655
7655
|
return props.$hidden ? 'display: none;' : '';
|
|
@@ -7704,7 +7704,7 @@ function ScalingCameraFeed(_ref2) {
|
|
|
7704
7704
|
});
|
|
7705
7705
|
}
|
|
7706
7706
|
|
|
7707
|
-
var _templateObject$
|
|
7707
|
+
var _templateObject$_, _templateObject2$Q, _templateObject3$D, _templateObject4$y, _templateObject5$t, _templateObject6$l;
|
|
7708
7708
|
function _createForOfIteratorHelperLoose$r(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray$r(r)) || e) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: true } : { done: false, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7709
7709
|
function _unsupportedIterableToArray$r(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$r(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$r(r, a) : void 0; } }
|
|
7710
7710
|
function _arrayLikeToArray$r(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
@@ -7726,8 +7726,8 @@ function DebugStatsPane(_ref2) {
|
|
|
7726
7726
|
if (!portalLocation) return element;
|
|
7727
7727
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
7728
7728
|
}
|
|
7729
|
-
var DebugStatsPaneDiv = styledComponents.styled.span(_templateObject$
|
|
7730
|
-
var ObjectDetectionDebugOverlayDiv = styledComponents.styled.div(_templateObject2$
|
|
7729
|
+
var DebugStatsPaneDiv = styledComponents.styled.span(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n margin-right: 20px;\n padding: 8px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10002;\n pointer-events: none;\n"])));
|
|
7730
|
+
var ObjectDetectionDebugOverlayDiv = styledComponents.styled.div(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 1001;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n pointer-events: none;\n ", "\n transform-style: preserve-3d;\n"])), function (_ref3) {
|
|
7731
7731
|
var $flipX = _ref3.$flipX;
|
|
7732
7732
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
7733
7733
|
});
|
|
@@ -8039,7 +8039,7 @@ function SelfieCaptureFaceKeypoint(_ref16) {
|
|
|
8039
8039
|
});
|
|
8040
8040
|
}
|
|
8041
8041
|
|
|
8042
|
-
var _templateObject$
|
|
8042
|
+
var _templateObject$Z;
|
|
8043
8043
|
/**
|
|
8044
8044
|
* Over WebKit's 10px "thin border" cutoff (`LocalFrameView::fixedContainerEdges`).
|
|
8045
8045
|
* At or under it, Safari never reads the strip's `background-color`: it samples
|
|
@@ -8142,7 +8142,7 @@ function BrowserEdgeTint(_ref) {
|
|
|
8142
8142
|
}, "bottom:" + bottomColor)]
|
|
8143
8143
|
}), target);
|
|
8144
8144
|
}
|
|
8145
|
-
var EdgeStrip = styledComponents.styled.div(_templateObject$
|
|
8145
|
+
var EdgeStrip = styledComponents.styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n position: fixed;\n left: 0;\n right: 0;\n ", ": 0;\n height: ", "px;\n background: ", ";\n ", "\n pointer-events: none;\n"])), function (_ref2) {
|
|
8146
8146
|
var $edge = _ref2.$edge;
|
|
8147
8147
|
return $edge;
|
|
8148
8148
|
}, EDGE_STRIP_PX, function (_ref3) {
|
|
@@ -8153,7 +8153,7 @@ var EdgeStrip = styledComponents.styled.div(_templateObject$Y || (_templateObjec
|
|
|
8153
8153
|
return $hidden ? 'opacity: 0;' : '';
|
|
8154
8154
|
});
|
|
8155
8155
|
|
|
8156
|
-
var _templateObject$
|
|
8156
|
+
var _templateObject$Y;
|
|
8157
8157
|
var _excluded$h = ["children", "className", "colors", "disabled", "finished", "variant"];
|
|
8158
8158
|
var LoaderButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8159
8159
|
var children = _ref.children,
|
|
@@ -8221,16 +8221,16 @@ var LoaderButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
8221
8221
|
}));
|
|
8222
8222
|
});
|
|
8223
8223
|
LoaderButton.displayName = 'LoaderButton';
|
|
8224
|
-
var StyledButton = styledComponents.styled.button(_templateObject$
|
|
8225
|
-
var _props$theme$buttons, _ref2, _props$$textColor, _props$theme$buttons2, _props$$variant, _ref3, _props$$backgroundCol, _props$theme$buttons3, _props$$variant2, _ref4, _props$$disabledTextC, _props$theme$buttons4, _ref5, _props$$disabledBackg, _props$theme$buttons5
|
|
8226
|
-
return ((_props$theme$buttons = props.theme.buttons) == null ? void 0 : _props$theme$buttons.style) === 'bootstrap' && "\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-color);\n background-color: var(--bs-btn-bg);\n border-color: var(--bs-btn-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: " + ((_ref2 = (_props$$textColor = props.$textColor) != null ? _props$$textColor : (_props$theme$buttons2 = props.theme.buttons) == null || (_props$theme$buttons2 = _props$theme$buttons2[(_props$$variant = props.$variant) != null ? _props$$variant : 'primary']) == null ? void 0 : _props$theme$buttons2.textColor) != null ? _ref2 : '#fff') + ";\n --bs-btn-bg: " + ((_ref3 = (_props$$backgroundCol = props.$backgroundColor) != null ? _props$$backgroundCol : (_props$theme$buttons3 = props.theme.buttons) == null || (_props$theme$buttons3 = _props$theme$buttons3[(_props$$variant2 = props.$variant) != null ? _props$$variant2 : 'primary']) == null ? void 0 : _props$theme$buttons3.backgroundColor) != null ? _ref3 : '#0d6efd') + ";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: " + ((_ref4 = (_props$$disabledTextC = props.$disabledTextColor) != null ? _props$$disabledTextC : (_props$theme$buttons4 = props.theme.buttons) == null || (_props$theme$buttons4 = _props$theme$buttons4.loading) == null ? void 0 : _props$theme$buttons4.textColor) != null ? _ref4 : '#fff') + ";\n --bs-btn-disabled-bg: " + ((_ref5 = (_props$$disabledBackg = props.$disabledBackgroundColor) != null ? _props$$disabledBackg : (_props$theme$buttons5 = props.theme.buttons) == null || (_props$theme$buttons5 = _props$theme$buttons5.loading) == null ? void 0 : _props$theme$buttons5.backgroundColor) != null ? _ref5 : 'gray') + ";\n --bs-btn-disabled-border-color:
|
|
8224
|
+
var StyledButton = styledComponents.styled.button(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n ", "\n\n /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n position: relative;\n\n .ladda-spinner {\n position: absolute;\n z-index: 2;\n display: inline-block;\n width: 32px;\n top: 50%;\n margin-top: 0;\n opacity: 0;\n pointer-events: none;\n }\n .ladda-label {\n position: relative;\n z-index: 3;\n }\n .ladda-progress {\n position: absolute;\n width: 0;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.2);\n display: none;\n transition: 0.1s linear all !important;\n }\n &[data-loading] .ladda-progress {\n display: block;\n }\n\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n .ladda-spinner,\n .ladda-label {\n transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n }\n &[data-style='zoom-in'],\n &[data-style='zoom-in'] .ladda-spinner,\n &[data-style='zoom-in'] .ladda-label,\n &[data-style='zoom-out'],\n &[data-style='zoom-out'] .ladda-spinner,\n &[data-style='zoom-out'] .ladda-label {\n transition: 0.3s ease all !important;\n }\n &[data-style='expand-right'] .ladda-spinner {\n right: -6px;\n }\n &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n right: -12px;\n }\n &[data-style='expand-right'][data-loading] {\n padding-right: 56px;\n }\n &[data-style='expand-right'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-right'][data-loading][data-size='s'],\n &[data-style='expand-right'][data-loading][data-size='xs'] {\n padding-right: 40px;\n }\n &[data-style='expand-left'] .ladda-spinner {\n left: 26px;\n }\n &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n left: 4px;\n }\n &[data-style='expand-left'][data-loading] {\n padding-left: 56px;\n }\n &[data-style='expand-left'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-left'][data-loading][data-size='s'],\n &[data-style='expand-left'][data-loading][data-size='xs'] {\n padding-left: 40px;\n }\n &[data-style='expand-up'] {\n overflow: hidden;\n }\n &[data-style='expand-up'] .ladda-spinner {\n top: -32px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-up'][data-loading] {\n padding-top: 54px;\n }\n &[data-style='expand-up'][data-loading] .ladda-spinner {\n opacity: 1;\n top: 26px;\n margin-top: 0;\n }\n &[data-style='expand-up'][data-loading][data-size='s'],\n &[data-style='expand-up'][data-loading][data-size='xs'] {\n padding-top: 32px;\n }\n &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n top: 4px;\n }\n &[data-style='expand-down'] {\n overflow: hidden;\n }\n &[data-style='expand-down'] .ladda-spinner {\n top: 62px;\n left: 50%;\n margin-left: 0;\n }\n &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n top: 40px;\n }\n &[data-style='expand-down'][data-loading] {\n padding-bottom: 54px;\n }\n &[data-style='expand-down'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='expand-down'][data-loading][data-size='s'],\n &[data-style='expand-down'][data-loading][data-size='xs'] {\n padding-bottom: 32px;\n }\n &[data-style='slide-left'] {\n overflow: hidden;\n }\n &[data-style='slide-left'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-left'] .ladda-spinner {\n left: 100%;\n margin-left: 0;\n }\n &[data-style='slide-left'][data-loading] .ladda-label {\n opacity: 0;\n left: -100%;\n }\n &[data-style='slide-left'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-right'] {\n overflow: hidden;\n }\n &[data-style='slide-right'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-right'] .ladda-spinner {\n right: 100%;\n margin-left: 0;\n left: 16px;\n }\n [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n right: auto;\n }\n &[data-style='slide-right'][data-loading] .ladda-label {\n opacity: 0;\n left: 100%;\n }\n &[data-style='slide-right'][data-loading] .ladda-spinner {\n opacity: 1;\n left: 50%;\n }\n &[data-style='slide-up'] {\n overflow: hidden;\n }\n &[data-style='slide-up'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-up'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: 1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-label {\n opacity: 0;\n top: -1em;\n }\n &[data-style='slide-up'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='slide-down'] {\n overflow: hidden;\n }\n &[data-style='slide-down'] .ladda-label {\n position: relative;\n }\n &[data-style='slide-down'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n margin-top: -2em;\n }\n &[data-style='slide-down'][data-loading] .ladda-label {\n opacity: 0;\n top: 1em;\n }\n &[data-style='slide-down'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-top: 0;\n }\n &[data-style='zoom-out'] {\n overflow: hidden;\n }\n &[data-style='zoom-out'] .ladda-spinner {\n left: 50%;\n margin-left: 32px;\n transform: scale(2.5);\n }\n &[data-style='zoom-out'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-out'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(0.5);\n }\n &[data-style='zoom-out'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='zoom-in'] {\n overflow: hidden;\n }\n &[data-style='zoom-in'] .ladda-spinner {\n left: 50%;\n margin-left: -16px;\n transform: scale(0.2);\n }\n &[data-style='zoom-in'] .ladda-label {\n position: relative;\n display: inline-block;\n }\n &[data-style='zoom-in'][data-loading] .ladda-label {\n opacity: 0;\n transform: scale(2.2);\n }\n &[data-style='zoom-in'][data-loading] .ladda-spinner {\n opacity: 1;\n margin-left: 0;\n transform: none;\n }\n &[data-style='contract'] {\n overflow: hidden;\n width: 100px;\n }\n &[data-style='contract'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract'][data-loading] {\n border-radius: 50%;\n width: 52px;\n }\n &[data-style='contract'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n &[data-style='contract-overlay'] {\n overflow: hidden;\n width: 100px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n }\n &[data-style='contract-overlay'] .ladda-spinner {\n left: 50%;\n margin-left: 0;\n }\n &[data-style='contract-overlay'][data-loading] {\n border-radius: 50%;\n width: 52px;\n box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n }\n &[data-style='contract-overlay'][data-loading] .ladda-label {\n opacity: 0;\n }\n &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n opacity: 1;\n }\n [dir='rtl'] .ladda-spinner > div {\n left: 25% !important;\n }\n"])), function (props) {
|
|
8225
|
+
var _props$theme$buttons, _ref2, _props$$textColor, _props$theme$buttons2, _props$$variant, _ref3, _props$$backgroundCol, _props$theme$buttons3, _props$$variant2, _ref4, _props$$disabledTextC, _props$theme$buttons4, _ref5, _props$$disabledBackg, _props$theme$buttons5;
|
|
8226
|
+
return ((_props$theme$buttons = props.theme.buttons) == null ? void 0 : _props$theme$buttons.style) === 'bootstrap' && "\n border-radius: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n -webkit-appearance: button;\n \n &:not(:disabled),\n &[type='button']:not(:disabled),\n &[type='reset']:not(:disabled),\n &[type='submit']:not(:disabled) {\n cursor: pointer;\n }\n \n &:focus:not(:focus-visible) {\n outline: 0;\n }\n \n --bs-btn-padding-x: 0.75rem;\n --bs-btn-padding-y: 0.375rem;\n --bs-btn-font-family: ;\n --bs-btn-font-size: 1rem;\n --bs-btn-font-weight: 400;\n --bs-btn-line-height: 1.5;\n --bs-btn-color: var(--bs-body-color);\n --bs-btn-bg: transparent;\n --bs-btn-border-width: var(--bs-border-width);\n --bs-btn-border-color: transparent;\n --bs-btn-border-radius: var(--bs-border-radius);\n --bs-btn-hover-border-color: transparent;\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --bs-btn-disabled-opacity: 0.65;\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n font-family: var(--bs-btn-font-family);\n font-size: var(--bs-btn-font-size);\n font-weight: var(--bs-btn-font-weight);\n line-height: var(--bs-btn-line-height);\n color: var(--bs-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n border-radius: var(--bs-btn-border-radius);\n background-color: var(--bs-btn-bg);\n //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n // border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n \n &:hover {\n filter: brightness(1.15);\n }\n \n &:focus-visible {\n color: var(--bs-btn-color);\n background-color: var(--bs-btn-bg);\n border-color: var(--bs-btn-border-color);\n outline: 0;\n box-shadow: var(--bs-btn-focus-box-shadow);\n }\n \n &:disabled,\n &.disabled,\n fieldset:disabled & {\n color: var(--bs-btn-disabled-color);\n pointer-events: none;\n background-color: var(--bs-btn-disabled-bg);\n border-color: var(--bs-btn-disabled-border-color);\n opacity: var(--bs-btn-disabled-opacity);\n }\n \n --bs-btn-color: " + ((_ref2 = (_props$$textColor = props.$textColor) != null ? _props$$textColor : (_props$theme$buttons2 = props.theme.buttons) == null || (_props$theme$buttons2 = _props$theme$buttons2[(_props$$variant = props.$variant) != null ? _props$$variant : 'primary']) == null ? void 0 : _props$theme$buttons2.textColor) != null ? _ref2 : '#fff') + ";\n --bs-btn-bg: " + ((_ref3 = (_props$$backgroundCol = props.$backgroundColor) != null ? _props$$backgroundCol : (_props$theme$buttons3 = props.theme.buttons) == null || (_props$theme$buttons3 = _props$theme$buttons3[(_props$$variant2 = props.$variant) != null ? _props$$variant2 : 'primary']) == null ? void 0 : _props$theme$buttons3.backgroundColor) != null ? _ref3 : '#0d6efd') + ";\n --bs-btn-border-color: var(--bs-btn-bg);\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: " + ((_ref4 = (_props$$disabledTextC = props.$disabledTextColor) != null ? _props$$disabledTextC : (_props$theme$buttons4 = props.theme.buttons) == null || (_props$theme$buttons4 = _props$theme$buttons4.loading) == null ? void 0 : _props$theme$buttons4.textColor) != null ? _ref4 : '#fff') + ";\n --bs-btn-disabled-bg: " + ((_ref5 = (_props$$disabledBackg = props.$disabledBackgroundColor) != null ? _props$$disabledBackg : (_props$theme$buttons5 = props.theme.buttons) == null || (_props$theme$buttons5 = _props$theme$buttons5.loading) == null ? void 0 : _props$theme$buttons5.backgroundColor) != null ? _ref5 : 'gray') + ";\n --bs-btn-disabled-border-color: var(--bs-btn-disabled-bg);\n \n --bs-btn-padding-y: 14px;\n --bs-btn-padding-x: 1rem;\n --bs-btn-font-size: 18px;\n --bs-btn-border-radius: 4px;\n ";
|
|
8227
8227
|
});
|
|
8228
8228
|
|
|
8229
|
-
var _templateObject$
|
|
8230
|
-
var ButtonsRow$2 = styledComponents.styled.div(_templateObject$
|
|
8229
|
+
var _templateObject$X;
|
|
8230
|
+
var ButtonsRow$2 = styledComponents.styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
8231
8231
|
|
|
8232
|
-
var _templateObject$
|
|
8233
|
-
var GuidanceMessageContainerDiv = styledComponents.styled.div(_templateObject$
|
|
8232
|
+
var _templateObject$W, _templateObject2$P;
|
|
8233
|
+
var GuidanceMessageContainerDiv = styledComponents.styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n padding: 0 10%;\n box-sizing: border-box;\n"])), function (_ref) {
|
|
8234
8234
|
var $top = _ref.$top;
|
|
8235
8235
|
return $top != null ? $top : '10%';
|
|
8236
8236
|
}, function (_ref2) {
|
|
@@ -8243,7 +8243,7 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
8243
8243
|
if (!portalLocation) return element;
|
|
8244
8244
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
8245
8245
|
};
|
|
8246
|
-
var GuidanceMessage = styledComponents.styled.div(_templateObject2$
|
|
8246
|
+
var GuidanceMessage = styledComponents.styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n border-radius: 8px;\n z-index: 10001;\n padding: 16px 24px;\n font-size: 18px;\n font-weight: bold;\n box-shadow:\n 0 1px 3px 0 rgb(0 0 0 / 0.1),\n 0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
|
|
8247
8247
|
var _ref3, _props$$background, _props$theme, _props$$variant;
|
|
8248
8248
|
return (_ref3 = (_props$$background = props.$background) != null ? _props$$background : (_props$theme = props.theme) == null || (_props$theme = _props$theme.guidanceMessages) == null || (_props$theme = _props$theme[(_props$$variant = props.$variant) != null ? _props$$variant : 'default']) == null ? void 0 : _props$theme.backgroundColor) != null ? _ref3 : 'white';
|
|
8249
8249
|
}, function (props) {
|
|
@@ -8295,19 +8295,19 @@ var PlacedGuidanceMessageContainer = function PlacedGuidanceMessageContainer(_re
|
|
|
8295
8295
|
});
|
|
8296
8296
|
};
|
|
8297
8297
|
|
|
8298
|
-
var _templateObject$
|
|
8299
|
-
var wavesAnimation = styledComponents.keyframes(_templateObject$
|
|
8300
|
-
var progressBarAnimation = styledComponents.keyframes(_templateObject2$
|
|
8298
|
+
var _templateObject$V, _templateObject2$O, _templateObject3$C, _templateObject4$x;
|
|
8299
|
+
var wavesAnimation = styledComponents.keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0;\n transform: scale3d(1, 1, 1);\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n"])));
|
|
8300
|
+
var progressBarAnimation = styledComponents.keyframes(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
8301
8301
|
styledComponents.keyframes(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
8302
8302
|
styledComponents.keyframes(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
8303
8303
|
|
|
8304
|
-
var _templateObject$
|
|
8305
|
-
var OverlayContainer = styledComponents.styled.div(_templateObject$
|
|
8304
|
+
var _templateObject$U, _templateObject2$N, _templateObject3$B, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$h, _templateObject8$d, _templateObject9$d, _templateObject0$b, _templateObject1$a, _templateObject10$a, _templateObject11$7, _templateObject12$6, _templateObject13$6, _templateObject14$6, _templateObject15$5, _templateObject16$4, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
|
|
8305
|
+
var OverlayContainer = styledComponents.styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n\n overflow-x: hidden;\n overflow-y: auto;\n\n background: ", ";\n ", "\n\n z-index: 10000;\n"])), function (props) {
|
|
8306
8306
|
return props.theme.background ? "" + props.theme.background : "white";
|
|
8307
8307
|
}, function (props) {
|
|
8308
8308
|
return props.theme.textColor ? "color: " + props.theme.textColor + ";" : "";
|
|
8309
8309
|
});
|
|
8310
|
-
var OverlayInner$2 = styledComponents.styled.div(_templateObject2$
|
|
8310
|
+
var OverlayInner$2 = styledComponents.styled.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) {
|
|
8311
8311
|
var _props$theme$textAlig;
|
|
8312
8312
|
return (_props$theme$textAlig = props.theme.textAlign) != null ? _props$theme$textAlig : 'center';
|
|
8313
8313
|
}, function (props) {
|
|
@@ -8477,13 +8477,13 @@ var error = function error() {
|
|
|
8477
8477
|
|
|
8478
8478
|
var _excluded$g = ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress", "guideBoxDisabled"],
|
|
8479
8479
|
_excluded2$5 = ["borderRadius", "borderColor", "borderWidth", "borderOpacity", "progress", "isProgressBar", "scaleBorderRadius"];
|
|
8480
|
-
var _templateObject$
|
|
8481
|
-
var IdCardGuideImageContainer = styledComponents.styled(IdCardBorder)(_templateObject$
|
|
8480
|
+
var _templateObject$T, _templateObject2$M, _templateObject3$A, _templateObject4$v, _templateObject5$r, _templateObject6$j, _templateObject7$g;
|
|
8481
|
+
var IdCardGuideImageContainer = styledComponents.styled(IdCardBorder)(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
8482
8482
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
8483
8483
|
}, function (props) {
|
|
8484
8484
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8485
8485
|
});
|
|
8486
|
-
var IdCardGuideImage = styledComponents.styled.img(_templateObject2$
|
|
8486
|
+
var IdCardGuideImage = styledComponents.styled.img(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
8487
8487
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8488
8488
|
}, function (props) {
|
|
8489
8489
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8774,7 +8774,7 @@ function useGuideImagesByUrl(images) {
|
|
|
8774
8774
|
}, [images]);
|
|
8775
8775
|
}
|
|
8776
8776
|
|
|
8777
|
-
var _templateObject$
|
|
8777
|
+
var _templateObject$S;
|
|
8778
8778
|
var FlipIdPrompt = function FlipIdPrompt(_ref) {
|
|
8779
8779
|
var _ref$images = _ref.images,
|
|
8780
8780
|
images = _ref$images === void 0 ? defaultIdCaptureGuideImages : _ref$images,
|
|
@@ -8871,11 +8871,11 @@ var FlipIdPrompt = function FlipIdPrompt(_ref) {
|
|
|
8871
8871
|
})]
|
|
8872
8872
|
});
|
|
8873
8873
|
};
|
|
8874
|
-
var Wrapper$1 = styledComponents.styled.div(_templateObject$
|
|
8874
|
+
var Wrapper$1 = styledComponents.styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n margin: auto;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
8875
8875
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8876
8876
|
});
|
|
8877
8877
|
|
|
8878
|
-
var _templateObject$
|
|
8878
|
+
var _templateObject$R, _templateObject2$L, _templateObject3$z, _templateObject4$u, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$c, _templateObject9$c;
|
|
8879
8879
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_ref) {
|
|
8880
8880
|
var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid2, _theme$idCapture2, _theme$idCapture$guid3, _theme$idCapture3, _theme$idCapture$guid4, _theme$idCapture4, _theme$idCapture$guid5, _theme$idCapture5;
|
|
8881
8881
|
var _ref$classNames = _ref.classNames,
|
|
@@ -9031,8 +9031,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
9031
9031
|
return v;
|
|
9032
9032
|
}).join(' ');
|
|
9033
9033
|
};
|
|
9034
|
-
var StyledPageContainer = styledComponents.styled.div(_templateObject$
|
|
9035
|
-
var GuidesContainer = styledComponents.styled.div(_templateObject2$
|
|
9034
|
+
var StyledPageContainer = styledComponents.styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
9035
|
+
var GuidesContainer = styledComponents.styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
9036
9036
|
var GuideCenterRow = styledComponents.styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\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 min-height: 0;\n flex: 1;\n"])));
|
|
9037
9037
|
var GuideRegion = styledComponents.styled.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
9038
9038
|
var _ref2, _props$$maskColor, _props$theme;
|
|
@@ -9064,7 +9064,7 @@ var GuideCenterInner = styledComponents.styled.div(_templateObject9$c || (_templ
|
|
|
9064
9064
|
/** The mask colour when neither the prop nor the theme sets one. */
|
|
9065
9065
|
var OVERLAY_GUIDE_MASK_DEFAULT = 'rgba(0, 0, 0, 0.5)';
|
|
9066
9066
|
|
|
9067
|
-
var _templateObject$
|
|
9067
|
+
var _templateObject$Q, _templateObject2$K, _templateObject3$y, _templateObject4$t;
|
|
9068
9068
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
|
|
9069
9069
|
var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid5, _theme$idCapture5, _theme$idCapture$guid6, _theme$idCapture6, _theme$idCapture$guid7, _theme$idCapture7;
|
|
9070
9070
|
var aspectRatio = _ref.aspectRatio,
|
|
@@ -9301,10 +9301,10 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
|
|
|
9301
9301
|
})]
|
|
9302
9302
|
});
|
|
9303
9303
|
};
|
|
9304
|
-
var CanvasWrapper$1 = styledComponents.styled.div(_templateObject$
|
|
9304
|
+
var CanvasWrapper$1 = styledComponents.styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\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 /* The default -1 puts the mask behind a 'fullscreen' camera feed, which hides\n the dimming entirely; it only works because 'snapToGuides' clips the feed to\n the guide rect. Lifting it is opt-in so existing integrations are untouched. */\n ", "\n"])), function (props) {
|
|
9305
9305
|
return props.$aboveCameraFeed ? "z-index: 1;" : "box-shadow: inset 0 0 0 2px " + props.$maskColor + ";\n z-index: -1;";
|
|
9306
9306
|
});
|
|
9307
|
-
var Canvas$2 = styledComponents.styled.canvas(_templateObject2$
|
|
9307
|
+
var Canvas$2 = styledComponents.styled.canvas(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
9308
9308
|
var CaptureAreaProgress = styledComponents.styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n width: ", "px;\n height: ", "px;\n pointer-events: none;\n"])), function (props) {
|
|
9309
9309
|
return props.$x;
|
|
9310
9310
|
}, function (props) {
|
|
@@ -9333,8 +9333,8 @@ function downloadingLabel(downloadingText, downloadProgress) {
|
|
|
9333
9333
|
});
|
|
9334
9334
|
}
|
|
9335
9335
|
|
|
9336
|
-
var _templateObject$
|
|
9337
|
-
var ExitCaptureStyledButton = styledComponents.styled.button(_templateObject$
|
|
9336
|
+
var _templateObject$P;
|
|
9337
|
+
var ExitCaptureStyledButton = styledComponents.styled.button(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\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: 10002;\n border: none;\n border-radius: 4px;\n background: var(--idm-color-secondary-200);\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"])));
|
|
9338
9338
|
var ExitCaptureButton = function ExitCaptureButton(_ref) {
|
|
9339
9339
|
var onClick = _ref.onClick,
|
|
9340
9340
|
className = _ref.className;
|
|
@@ -9383,7 +9383,7 @@ var ExitCaptureButton = function ExitCaptureButton(_ref) {
|
|
|
9383
9383
|
});
|
|
9384
9384
|
};
|
|
9385
9385
|
|
|
9386
|
-
var _templateObject$
|
|
9386
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$x, _templateObject4$s;
|
|
9387
9387
|
function IdCaptureLoadingGraphic(props) {
|
|
9388
9388
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
9389
9389
|
return isMobile ? jsxRuntime.jsx(IdCaptureLoadingGraphicMobile, _extends({}, props)) : jsxRuntime.jsx(IdCaptureLoadingGraphicDesktop, _extends({}, props));
|
|
@@ -9880,8 +9880,8 @@ function IdCaptureLoadingGraphicMobile(_ref2) {
|
|
|
9880
9880
|
})]
|
|
9881
9881
|
});
|
|
9882
9882
|
}
|
|
9883
|
-
var LoadingGraphicWrapper = styledComponents.styled.div(_templateObject$
|
|
9884
|
-
var LoadingGraphicSvg = styledComponents.styled.svg(_templateObject2$
|
|
9883
|
+
var LoadingGraphicWrapper = styledComponents.styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
9884
|
+
var LoadingGraphicSvg = styledComponents.styled.svg(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n margin: auto;\n transform: scale(\n ", "\n );\n transform-style: preserve-3d;\n transition:\n transform 0.2s linear,\n border-width 0.2s linear;\n border: ", "px solid\n ", ";\n max-height: 80%;\n max-width: 80%;\n"])), function (props) {
|
|
9885
9885
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
9886
9886
|
}, function (props) {
|
|
9887
9887
|
return props.$frame >= 5 ? 10 : 0;
|
|
@@ -10079,7 +10079,7 @@ var useAutoContinueWhenReady = function useAutoContinueWhenReady(_ref) {
|
|
|
10079
10079
|
}, [enabled, ready]);
|
|
10080
10080
|
};
|
|
10081
10081
|
|
|
10082
|
-
var _templateObject$
|
|
10082
|
+
var _templateObject$N;
|
|
10083
10083
|
var LoadingSpinnerContext = /*#__PURE__*/React.createContext(undefined);
|
|
10084
10084
|
function LoadingSpinnerProvider(_ref) {
|
|
10085
10085
|
var spinner = _ref.spinner,
|
|
@@ -10147,9 +10147,9 @@ function CustomerLoadingSpinner(_ref2) {
|
|
|
10147
10147
|
}
|
|
10148
10148
|
// `display: contents` while empty: an empty flex box still occupies its
|
|
10149
10149
|
// parent's gap/padding, which would offset the fallback it sits next to.
|
|
10150
|
-
var SpinnerSlot = styledComponents.styled.div(_templateObject$
|
|
10150
|
+
var SpinnerSlot = styledComponents.styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:empty {\n display: contents;\n }\n"])));
|
|
10151
10151
|
|
|
10152
|
-
var _templateObject$
|
|
10152
|
+
var _templateObject$M, _templateObject2$I, _templateObject3$w, _templateObject4$r, _templateObject5$p;
|
|
10153
10153
|
var legacyInstructionImageUrl$1 = DEFAULT_CDN_URL$1 + "/WebSDK-Instruction-DL-Capture-3-Portrait.png";
|
|
10154
10154
|
// Module-level so the default `now` prop has a stable identity across
|
|
10155
10155
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -10338,14 +10338,14 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_re
|
|
|
10338
10338
|
})
|
|
10339
10339
|
});
|
|
10340
10340
|
};
|
|
10341
|
-
var OverlayInner$1 = styledComponents.styled(LoadingOverlayInner)(_templateObject$
|
|
10341
|
+
var OverlayInner$1 = styledComponents.styled(LoadingOverlayInner)(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
10342
10342
|
var _props$theme$idCaptur, _props$theme;
|
|
10343
10343
|
return (_props$theme$idCaptur = (_props$theme = props.theme) == null || (_props$theme = _props$theme.idCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$idCaptur : LOADING_OVERLAY_BACKGROUND_DEFAULT;
|
|
10344
10344
|
}, function (props) {
|
|
10345
10345
|
var _props$theme$idCaptur2, _props$theme2;
|
|
10346
10346
|
return (_props$theme$idCaptur2 = (_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.idCapture) == null || (_props$theme2 = _props$theme2.loadingOverlay) == null ? void 0 : _props$theme2.textColor) != null ? _props$theme$idCaptur2 : 'black';
|
|
10347
10347
|
});
|
|
10348
|
-
var ButtonsRow$1 = styledComponents.styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
10348
|
+
var ButtonsRow$1 = styledComponents.styled(LoadingOverlayButtonsRow)(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
10349
10349
|
var _props$theme$idCaptur3, _props$theme3;
|
|
10350
10350
|
return (_props$theme$idCaptur3 = (_props$theme3 = props.theme) == null || (_props$theme3 = _props$theme3.idCapture) == null || (_props$theme3 = _props$theme3.loadingOverlay) == null ? void 0 : _props$theme3.progressBarTextColor) != null ? _props$theme$idCaptur3 : 'white';
|
|
10351
10351
|
}, function (props) {
|
|
@@ -18999,7 +18999,7 @@ function instructionVerbiage(bag, code) {
|
|
|
18999
18999
|
return bag == null ? void 0 : bag[instructionVerbiageKeys[code]];
|
|
19000
19000
|
}
|
|
19001
19001
|
|
|
19002
|
-
var _templateObject$
|
|
19002
|
+
var _templateObject$L, _templateObject2$H, _templateObject3$v, _templateObject4$q, _templateObject5$o;
|
|
19003
19003
|
var PDF417_ASPECT_RATIO = 3 / 1;
|
|
19004
19004
|
function BarcodeGuideOverlay(_ref) {
|
|
19005
19005
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
@@ -19129,15 +19129,15 @@ function BarcodeGuideOverlay(_ref) {
|
|
|
19129
19129
|
})]
|
|
19130
19130
|
});
|
|
19131
19131
|
}
|
|
19132
|
-
var Wrapper = styledComponents.styled.div(_templateObject$
|
|
19133
|
-
var Canvas$1 = styledComponents.styled.canvas(_templateObject2$
|
|
19132
|
+
var Wrapper = styledComponents.styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 1;\n"])));
|
|
19133
|
+
var Canvas$1 = styledComponents.styled.canvas(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
19134
19134
|
var TextOverlay = styledComponents.styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding-top: 48px;\n pointer-events: none;\n z-index: 2;\n"])));
|
|
19135
19135
|
var HeaderText = styledComponents.styled.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n color: white;\n font-size: 24px;\n font-weight: 700;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 16px;\n"])));
|
|
19136
19136
|
var InstructionText = styledComponents.styled.div(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n color: white;\n font-size: 16px;\n font-weight: 400;\n text-align: center;\n max-width: 300px;\n line-height: 1.4;\n opacity: 0.9;\n"])));
|
|
19137
19137
|
|
|
19138
|
-
var _templateObject$
|
|
19139
|
-
var scaleIn = styledComponents.keyframes(_templateObject$
|
|
19140
|
-
var drawCheck = styledComponents.keyframes(_templateObject2$
|
|
19138
|
+
var _templateObject$K, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$n, _templateObject6$h;
|
|
19139
|
+
var scaleIn = styledComponents.keyframes(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n"])));
|
|
19140
|
+
var drawCheck = styledComponents.keyframes(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n 0% {\n stroke-dashoffset: 24;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n"])));
|
|
19141
19141
|
styledComponents.styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 3;\n"])));
|
|
19142
19142
|
styledComponents.styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n animation: ", " 0.4s ease-out forwards;\n"])), function (props) {
|
|
19143
19143
|
return props.$color;
|
|
@@ -19237,7 +19237,7 @@ function IdCaptureGuides(_ref) {
|
|
|
19237
19237
|
});
|
|
19238
19238
|
}
|
|
19239
19239
|
|
|
19240
|
-
var _templateObject$
|
|
19240
|
+
var _templateObject$J, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$m;
|
|
19241
19241
|
function OverrideWrongDocumentTypeDialog(_ref) {
|
|
19242
19242
|
var visible = _ref.visible,
|
|
19243
19243
|
onOverride = _ref.onOverride,
|
|
@@ -19269,14 +19269,14 @@ function OverrideWrongDocumentTypeDialog(_ref) {
|
|
|
19269
19269
|
})
|
|
19270
19270
|
});
|
|
19271
19271
|
}
|
|
19272
|
-
var Container$3 = styledComponents.styled.div(_templateObject$
|
|
19272
|
+
var Container$3 = styledComponents.styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n background: ", ";\n color: ", ";\n display: flex;\n z-index: 100001;\n"])), function (props) {
|
|
19273
19273
|
var _props$theme$idCaptur, _props$theme$idCaptur2;
|
|
19274
19274
|
return (_props$theme$idCaptur = (_props$theme$idCaptur2 = props.theme.idCapture) == null || (_props$theme$idCaptur2 = _props$theme$idCaptur2.overrideWrongDocumentTypeGuidance) == null ? void 0 : _props$theme$idCaptur2.backgroundColor) != null ? _props$theme$idCaptur : '#eed202';
|
|
19275
19275
|
}, function (props) {
|
|
19276
19276
|
var _props$theme$idCaptur3, _props$theme$idCaptur4;
|
|
19277
19277
|
return (_props$theme$idCaptur3 = (_props$theme$idCaptur4 = props.theme.idCapture) == null || (_props$theme$idCaptur4 = _props$theme$idCaptur4.overrideWrongDocumentTypeGuidance) == null ? void 0 : _props$theme$idCaptur4.textColor) != null ? _props$theme$idCaptur3 : 'black';
|
|
19278
19278
|
});
|
|
19279
|
-
var InnerContainer = styledComponents.styled.div(_templateObject2$
|
|
19279
|
+
var InnerContainer = styledComponents.styled.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
19280
19280
|
var Message = styledComponents.styled.span(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
19281
19281
|
var ButtonContainer = styledComponents.styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-left: auto;\n"])));
|
|
19282
19282
|
var Button = styledComponents.styled(LoaderButton)(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
@@ -19386,7 +19386,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_ref)
|
|
|
19386
19386
|
});
|
|
19387
19387
|
};
|
|
19388
19388
|
|
|
19389
|
-
var _templateObject$
|
|
19389
|
+
var _templateObject$I, _templateObject2$E;
|
|
19390
19390
|
var RING_SIZE = 74;
|
|
19391
19391
|
var RADIUS = 32;
|
|
19392
19392
|
var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
|
|
@@ -19431,8 +19431,8 @@ var RingProgress = function RingProgress(_ref) {
|
|
|
19431
19431
|
})]
|
|
19432
19432
|
});
|
|
19433
19433
|
};
|
|
19434
|
-
var RingSvg = styledComponents.styled.svg(_templateObject$
|
|
19435
|
-
var FillCircle = styledComponents.styled.circle(_templateObject2$
|
|
19434
|
+
var RingSvg = styledComponents.styled.svg(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n transform: rotate(-90deg);\n"])), RING_SIZE, RING_SIZE);
|
|
19435
|
+
var FillCircle = styledComponents.styled.circle(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n transition: stroke-dashoffset 0.3s linear;\n"])));
|
|
19436
19436
|
|
|
19437
19437
|
var selectRingStatusKey = function selectRingStatusKey(_ref) {
|
|
19438
19438
|
var ready = _ref.ready,
|
|
@@ -19447,7 +19447,7 @@ var selectRingStatusKey = function selectRingStatusKey(_ref) {
|
|
|
19447
19447
|
return 'warming';
|
|
19448
19448
|
};
|
|
19449
19449
|
|
|
19450
|
-
var _templateObject$
|
|
19450
|
+
var _templateObject$H, _templateObject2$D, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$g, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject0$a, _templateObject1$9, _templateObject10$9;
|
|
19451
19451
|
/**
|
|
19452
19452
|
* The ring overlay's priming cover page (CEO prototype `#v-prime`): camera
|
|
19453
19453
|
* badge, title/subtitle, step chips, reassurance chip, "Enable camera &
|
|
@@ -19526,8 +19526,8 @@ var RingIntroScreen = function RingIntroScreen(_ref) {
|
|
|
19526
19526
|
})]
|
|
19527
19527
|
});
|
|
19528
19528
|
};
|
|
19529
|
-
var _float = styledComponents.keyframes(_templateObject$
|
|
19530
|
-
var sweep = styledComponents.keyframes(_templateObject2$
|
|
19529
|
+
var _float = styledComponents.keyframes(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-7px); }\n"])));
|
|
19530
|
+
var sweep = styledComponents.keyframes(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n from { transform: translateX(-100%); }\n to { transform: translateX(100%); }\n"])));
|
|
19531
19531
|
var IntroLayout = styledComponents.styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 14px;\n padding: 34px;\n text-align: center;\n"])));
|
|
19532
19532
|
var Badge = styledComponents.styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n width: 84px;\n height: 84px;\n border-radius: 28px;\n background: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 12px 28px\n color-mix(in srgb, ", " 35%, transparent);\n margin-bottom: 8px;\n animation: ", " 3s ease-in-out infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n\n svg {\n width: 40px;\n height: 40px;\n fill: #ffffff;\n }\n"])), function (props) {
|
|
19533
19533
|
return props.$color;
|
|
@@ -19577,7 +19577,7 @@ var selectRingOverlayStage = function selectRingOverlayStage(_ref) {
|
|
|
19577
19577
|
return requesting ? 'requesting' : 'intro';
|
|
19578
19578
|
};
|
|
19579
19579
|
|
|
19580
|
-
var _templateObject$
|
|
19580
|
+
var _templateObject$G, _templateObject2$C, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$f, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject0$9, _templateObject1$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$5, _templateObject15$4;
|
|
19581
19581
|
/** Minimum time a stage handoff stays on screen so its message is
|
|
19582
19582
|
* legible even when everything preloaded and readiness is instant. */
|
|
19583
19583
|
var STAGE_TRANSITION_HOLD_MS = 1600;
|
|
@@ -19636,8 +19636,8 @@ var RingStageTransition = function RingStageTransition(_ref) {
|
|
|
19636
19636
|
})]
|
|
19637
19637
|
});
|
|
19638
19638
|
};
|
|
19639
|
-
var badgePop = styledComponents.keyframes(_templateObject$
|
|
19640
|
-
var cardFlip = styledComponents.keyframes(_templateObject2$
|
|
19639
|
+
var badgePop = styledComponents.keyframes(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n 0% { transform: scale(0.4); opacity: 0; }\n 60% { transform: scale(1.08); opacity: 1; }\n 100% { transform: scale(1); opacity: 1; }\n"])));
|
|
19640
|
+
var cardFlip = styledComponents.keyframes(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n from { transform: rotateY(0deg); }\n to { transform: rotateY(180deg); }\n"])));
|
|
19641
19641
|
var microcopyBeat = styledComponents.keyframes(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n 0% { opacity: 0; transform: translateY(6px); }\n 18% { opacity: 1; transform: translateY(0); }\n 60% { opacity: 1; transform: translateY(0); }\n 80% { opacity: 0; transform: translateY(-6px); }\n 100% { opacity: 0; }\n"])));
|
|
19642
19642
|
var rise = styledComponents.keyframes(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n"])));
|
|
19643
19643
|
var riseSubtle = styledComponents.keyframes(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 0.65; transform: translateY(0); }\n"])));
|
|
@@ -19668,7 +19668,7 @@ var LoadingRow = styledComponents.styled.div(_templateObject15$4 || (_templateOb
|
|
|
19668
19668
|
return props.$visible ? 1 : 0;
|
|
19669
19669
|
});
|
|
19670
19670
|
|
|
19671
|
-
var _templateObject$
|
|
19671
|
+
var _templateObject$F, _templateObject2$B, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$e, _templateObject7$c;
|
|
19672
19672
|
// Module-level so the default `now` prop has a stable identity across
|
|
19673
19673
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
19674
19674
|
var defaultNow$2 = function defaultNow() {
|
|
@@ -19942,8 +19942,8 @@ var IdCaptureLoadingOverlayRing = function IdCaptureLoadingOverlayRing(_ref) {
|
|
|
19942
19942
|
})
|
|
19943
19943
|
});
|
|
19944
19944
|
};
|
|
19945
|
-
var overlayFadeIn$1 = styledComponents.keyframes(_templateObject$
|
|
19946
|
-
var RingOverlayInner$1 = styledComponents.styled(LoadingOverlayInner)(_templateObject2$
|
|
19945
|
+
var overlayFadeIn$1 = styledComponents.keyframes(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
19946
|
+
var RingOverlayInner$1 = styledComponents.styled(LoadingOverlayInner)(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
19947
19947
|
var _props$theme$idCaptur, _props$theme;
|
|
19948
19948
|
var tintBase = (_props$theme$idCaptur = (_props$theme = props.theme) == null || (_props$theme = _props$theme.idCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$idCaptur : 'var(--idm-color-primary-500)';
|
|
19949
19949
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -20047,11 +20047,11 @@ var CapturedDocumentImg = function CapturedDocumentImg(_ref) {
|
|
|
20047
20047
|
});
|
|
20048
20048
|
};
|
|
20049
20049
|
|
|
20050
|
-
var _templateObject$
|
|
20051
|
-
var Card = styledComponents.styled.div(_templateObject$
|
|
20052
|
-
var FlexCard = styledComponents.styled(Card)(_templateObject2$
|
|
20050
|
+
var _templateObject$E, _templateObject2$A;
|
|
20051
|
+
var Card = styledComponents.styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n background: white;\n border-radius: 8px;\n padding: 24px;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n max-width: min(500px, 100% - 48px);\n max-height: 100%;\n overflow: auto;\n box-sizing: border-box;\n"])));
|
|
20052
|
+
var FlexCard = styledComponents.styled(Card)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
20053
20053
|
|
|
20054
|
-
var _templateObject$
|
|
20054
|
+
var _templateObject$D, _templateObject2$z, _templateObject3$p, _templateObject4$k, _templateObject5$i, _templateObject6$d, _templateObject7$b, _templateObject8$9, _templateObject9$9, _templateObject0$8, _templateObject1$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$2, _templateObject24$1, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44;
|
|
20055
20055
|
function ReviewDocumentDiagnostics(_ref) {
|
|
20056
20056
|
var _document$detectionSc, _document$detectionSc2, _document$focusScore, _document$focusScore2;
|
|
20057
20057
|
var document = _ref.document,
|
|
@@ -20510,8 +20510,8 @@ function RotationAttemptRow(_ref3) {
|
|
|
20510
20510
|
})]
|
|
20511
20511
|
});
|
|
20512
20512
|
}
|
|
20513
|
-
var DebugInfoContainer = styledComponents.styled.div(_templateObject$
|
|
20514
|
-
var DebugSection = styledComponents.styled.div(_templateObject2$
|
|
20513
|
+
var DebugInfoContainer = styledComponents.styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n margin-top: 0.5rem;\n margin-bottom: 1rem;\n padding: 0.625rem;\n background: #f8f9fa;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n font-size: 0.8125rem;\n line-height: 1.35;\n text-align: left;\n"])));
|
|
20514
|
+
var DebugSection = styledComponents.styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n"])));
|
|
20515
20515
|
var DebugLabel = styledComponents.styled.span(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 110px;\n flex-shrink: 0;\n color: #495057;\n font-size: 0.8125rem;\n font-weight: 600;\n"])));
|
|
20516
20516
|
var DebugValue = styledComponents.styled.span(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n color: #212529;\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n font-size: 0.8125rem;\n"])));
|
|
20517
20517
|
var ScoreBadge = styledComponents.styled.span(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n padding: 0.1875rem 0.5rem;\n border: 1px solid\n ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 0.75rem;\n font-weight: 600;\n"])), function (_ref4) {
|
|
@@ -20626,7 +20626,7 @@ var DiagnosticsBadge = styledComponents.styled.span(_templateObject44 || (_templ
|
|
|
20626
20626
|
return $highlight ? '#004085' : $ok ? '#155724' : '#721c24';
|
|
20627
20627
|
});
|
|
20628
20628
|
|
|
20629
|
-
var _templateObject$
|
|
20629
|
+
var _templateObject$C, _templateObject2$y, _templateObject3$o, _templateObject4$j, _templateObject5$h;
|
|
20630
20630
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
20631
20631
|
var ReviewScreen = function ReviewScreen(_ref) {
|
|
20632
20632
|
var capturedDocuments = _ref.capturedDocuments,
|
|
@@ -20717,13 +20717,13 @@ var ReviewScreen = function ReviewScreen(_ref) {
|
|
|
20717
20717
|
})
|
|
20718
20718
|
});
|
|
20719
20719
|
};
|
|
20720
|
-
var Heading$9 = styledComponents.styled.h1(_templateObject$
|
|
20721
|
-
var ImagesContainer = styledComponents.styled(OverlayImageContainer)(_templateObject2$
|
|
20720
|
+
var Heading$9 = styledComponents.styled.h1(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
20721
|
+
var ImagesContainer = styledComponents.styled(OverlayImageContainer)(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
20722
20722
|
var ImageRow = styledComponents.styled(OverlayImageRow)(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
20723
20723
|
var ImageCol$1 = styledComponents.styled.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
20724
20724
|
var StyledImage = styledComponents.styled(CapturedDocumentImg)(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
20725
20725
|
|
|
20726
|
-
var _templateObject$
|
|
20726
|
+
var _templateObject$B, _templateObject2$x, _templateObject3$n, _templateObject4$i;
|
|
20727
20727
|
var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
|
|
20728
20728
|
var _assets$imageUrl, _classNames$container;
|
|
20729
20729
|
var onRetry = _ref.onRetry,
|
|
@@ -20782,12 +20782,12 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
|
|
|
20782
20782
|
})
|
|
20783
20783
|
});
|
|
20784
20784
|
};
|
|
20785
|
-
var StyledOverlayInner$2 = styledComponents.styled(OverlayInner$2)(_templateObject$
|
|
20786
|
-
var StyledOverlayImageContainer = styledComponents.styled(OverlayImageContainer)(_templateObject2$
|
|
20785
|
+
var StyledOverlayInner$2 = styledComponents.styled(OverlayInner$2)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
20786
|
+
var StyledOverlayImageContainer = styledComponents.styled(OverlayImageContainer)(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n flex-grow: 0;\n"])));
|
|
20787
20787
|
var Description$3 = styledComponents.styled.p(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
20788
20788
|
var RetryButton$1 = styledComponents.styled(LoaderButton)(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
20789
20789
|
|
|
20790
|
-
var _templateObject$
|
|
20790
|
+
var _templateObject$A, _templateObject2$w, _templateObject3$m;
|
|
20791
20791
|
var ErrorScreen = function ErrorScreen(_ref) {
|
|
20792
20792
|
var error = _ref.error,
|
|
20793
20793
|
onRetry = _ref.onRetry,
|
|
@@ -20978,8 +20978,8 @@ var cameraFailureClassNames = function cameraFailureClassNames(own, bag) {
|
|
|
20978
20978
|
// component pins its own foreground for the same reason (e.g.
|
|
20979
20979
|
// IdCaptureLoadingOverlayDefault's `theme...textColor ?? 'black'`); do the
|
|
20980
20980
|
// same here rather than inherit a foreground meant for the dark overlays.
|
|
20981
|
-
var ErrorCard = styledComponents.styled(FlexCard)(_templateObject$
|
|
20982
|
-
var Heading$8 = styledComponents.styled.h1(_templateObject2$
|
|
20981
|
+
var ErrorCard = styledComponents.styled(FlexCard)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n color: black;\n"])));
|
|
20982
|
+
var Heading$8 = styledComponents.styled.h1(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1rem;\n"])));
|
|
20983
20983
|
var Description$2 = styledComponents.styled.p(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 1.5rem;\n"])));
|
|
20984
20984
|
|
|
20985
20985
|
// The one file-read both fallback screens use.
|
|
@@ -21021,7 +21021,7 @@ function fallbackCaptureMoreLabelForStep(idCaptureRequirement, idCardBackCapture
|
|
|
21021
21021
|
return key === 'third' ? 'ID page of passport' : 'back of ID card';
|
|
21022
21022
|
}
|
|
21023
21023
|
|
|
21024
|
-
var _templateObject$
|
|
21024
|
+
var _templateObject$z, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$c, _templateObject7$a;
|
|
21025
21025
|
function IdCaptureFallback(_ref) {
|
|
21026
21026
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
21027
21027
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -21190,15 +21190,15 @@ function IdCaptureFallback(_ref) {
|
|
|
21190
21190
|
})
|
|
21191
21191
|
});
|
|
21192
21192
|
}
|
|
21193
|
-
var StyledOverlayInner$1 = styledComponents.styled(OverlayInner$2)(_templateObject$
|
|
21194
|
-
var Heading$7 = styledComponents.styled.h3(_templateObject2$
|
|
21193
|
+
var StyledOverlayInner$1 = styledComponents.styled(OverlayInner$2)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
21194
|
+
var Heading$7 = styledComponents.styled.h3(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
21195
21195
|
var Description$1 = styledComponents.styled.p(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
21196
21196
|
var Instruction = styledComponents.styled.p(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
21197
21197
|
var ReadFailed$1 = styledComponents.styled.p(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
21198
21198
|
var ImageCol = styledComponents.styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
21199
21199
|
var StyledButtonsRow$6 = styledComponents.styled(ButtonsRow$2)(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
21200
21200
|
|
|
21201
|
-
var _templateObject$
|
|
21201
|
+
var _templateObject$y, _templateObject2$u, _templateObject3$k, _templateObject4$g, _templateObject5$f, _templateObject6$b, _templateObject7$9, _templateObject8$8, _templateObject9$8, _templateObject0$7, _templateObject1$6, _templateObject10$6;
|
|
21202
21202
|
function IdCaptureOrUploadScreen(_ref) {
|
|
21203
21203
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
21204
21204
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -21445,11 +21445,11 @@ function IdCaptureOrUploadScreen(_ref) {
|
|
|
21445
21445
|
})]
|
|
21446
21446
|
});
|
|
21447
21447
|
}
|
|
21448
|
-
var ScreenContainer = styledComponents.styled.div(_templateObject$
|
|
21448
|
+
var ScreenContainer = styledComponents.styled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n padding: 24px;\n background: ", ";\n"])), function (props) {
|
|
21449
21449
|
var _props$theme$backgrou, _props$theme;
|
|
21450
21450
|
return (_props$theme$backgrou = (_props$theme = props.theme) == null ? void 0 : _props$theme.background) != null ? _props$theme$backgrou : '#fff';
|
|
21451
21451
|
});
|
|
21452
|
-
var ScreenPanel = styledComponents.styled.div(_templateObject2$
|
|
21452
|
+
var ScreenPanel = styledComponents.styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n width: 100%;\n max-width: 320px;\n"])));
|
|
21453
21453
|
var DashedSeparator = styledComponents.styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n max-width: 320px;\n border-top: 1px dashed currentColor;\n opacity: 0.4;\n"])));
|
|
21454
21454
|
var OrWrapper = styledComponents.styled.span(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n transform: translateY(-50%);\n padding: 0 8px;\n background: ", ";\n"])), function (props) {
|
|
21455
21455
|
var _props$theme$backgrou2, _props$theme2;
|
|
@@ -21566,7 +21566,7 @@ function useSessionReady() {
|
|
|
21566
21566
|
return context ? context.sessionReady : true;
|
|
21567
21567
|
}
|
|
21568
21568
|
|
|
21569
|
-
var _templateObject$
|
|
21569
|
+
var _templateObject$x;
|
|
21570
21570
|
function _createForOfIteratorHelperLoose$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: true } : { done: false, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21571
21571
|
function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
|
|
21572
21572
|
function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
@@ -21582,7 +21582,7 @@ function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.lengt
|
|
|
21582
21582
|
// containing block against whatever ancestor the host provides, exactly as
|
|
21583
21583
|
// before this wrapper existed) while font-family -- an inherited CSS
|
|
21584
21584
|
// property -- still cascades to every descendant.
|
|
21585
|
-
var FontCarrier = styledComponents.styled.div(_templateObject$
|
|
21585
|
+
var FontCarrier = styledComponents.styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n display: contents;\n ", "\n"])), function (props) {
|
|
21586
21586
|
var _props$theme;
|
|
21587
21587
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
21588
21588
|
});
|
|
@@ -24177,6 +24177,7 @@ function createSelfieCaptureController(config) {
|
|
|
24177
24177
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
24178
24178
|
challenge: null,
|
|
24179
24179
|
livenessTimedOut: false,
|
|
24180
|
+
retryPending: false,
|
|
24180
24181
|
handOverFace: {
|
|
24181
24182
|
status: 'off',
|
|
24182
24183
|
lastCheck: null
|
|
@@ -25558,6 +25559,19 @@ function createSelfieCaptureController(config) {
|
|
|
25558
25559
|
livenessTimedOut: false
|
|
25559
25560
|
});
|
|
25560
25561
|
}
|
|
25562
|
+
// retry()'s reset of the terminal attempt, run straight away or once a
|
|
25563
|
+
// released camera is back. Moving off the terminal phase and verdict is
|
|
25564
|
+
// what takes the view's terminal screen down.
|
|
25565
|
+
function spendRetry() {
|
|
25566
|
+
if (config.liveness) resetLivenessAttempt();
|
|
25567
|
+
progress.retry('capture-error');
|
|
25568
|
+
internal.setState({
|
|
25569
|
+
retryPending: false
|
|
25570
|
+
});
|
|
25571
|
+
dispatch({
|
|
25572
|
+
type: 'retryRequested'
|
|
25573
|
+
});
|
|
25574
|
+
}
|
|
25561
25575
|
// retry()'s capture re-entry, run straight away or once a released camera
|
|
25562
25576
|
// is back.
|
|
25563
25577
|
function resumeCapture() {
|
|
@@ -25714,6 +25728,7 @@ function createSelfieCaptureController(config) {
|
|
|
25714
25728
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
25715
25729
|
challenge: null,
|
|
25716
25730
|
livenessTimedOut: false,
|
|
25731
|
+
retryPending: false,
|
|
25717
25732
|
handOverFace: {
|
|
25718
25733
|
status: 'off',
|
|
25719
25734
|
lastCheck: null
|
|
@@ -25891,27 +25906,42 @@ function createSelfieCaptureController(config) {
|
|
|
25891
25906
|
},
|
|
25892
25907
|
retry: function retry() {
|
|
25893
25908
|
if (!active) return;
|
|
25894
|
-
if (config.liveness) resetLivenessAttempt();
|
|
25895
|
-
progress.retry('capture-error');
|
|
25896
|
-
dispatch({
|
|
25897
|
-
type: 'retryRequested'
|
|
25898
|
-
});
|
|
25899
25909
|
if (!cameraReleased) {
|
|
25910
|
+
spendRetry();
|
|
25900
25911
|
resumeCapture();
|
|
25901
25912
|
return;
|
|
25902
25913
|
}
|
|
25903
|
-
// The terminal screen handed the camera back: get it again
|
|
25904
|
-
//
|
|
25905
|
-
//
|
|
25906
|
-
//
|
|
25907
|
-
// up the camera error screen and its recovery path.
|
|
25914
|
+
// The terminal screen handed the camera back: get it again BEFORE
|
|
25915
|
+
// leaving that screen, so the user never lands on a feed with no
|
|
25916
|
+
// stream, and the initial-delay gate and kick-out count from a live
|
|
25917
|
+
// feed. A second retry() while this is in flight joins it.
|
|
25908
25918
|
if (cameraReacquisition) return;
|
|
25919
|
+
internal.setState({
|
|
25920
|
+
retryPending: true
|
|
25921
|
+
});
|
|
25909
25922
|
var generation = attachGeneration;
|
|
25923
|
+
// exitCapture() clears `retryPending` if it sent the user back to the
|
|
25924
|
+
// instructions while the camera was coming back.
|
|
25925
|
+
var stillPending = function stillPending() {
|
|
25926
|
+
return active && generation === attachGeneration && internal.getState().retryPending;
|
|
25927
|
+
};
|
|
25910
25928
|
var reacquisition = requestCamera().then(function () {
|
|
25911
|
-
|
|
25912
|
-
|
|
25913
|
-
|
|
25914
|
-
}
|
|
25929
|
+
if (!stillPending()) return;
|
|
25930
|
+
spendRetry();
|
|
25931
|
+
resumeCapture();
|
|
25932
|
+
}, function () {
|
|
25933
|
+
// Spend the attempt anyway so the terminal screen gives way to
|
|
25934
|
+
// the camera error screen, whose recovery re-enters through
|
|
25935
|
+
// 'loading'. 'retryRequested' clears `error`, so the one
|
|
25936
|
+
// requestCamera wrote goes back on after it.
|
|
25937
|
+
if (!stillPending()) return;
|
|
25938
|
+
var _internal$getState = internal.getState(),
|
|
25939
|
+
error = _internal$getState.error;
|
|
25940
|
+
spendRetry();
|
|
25941
|
+
internal.setState({
|
|
25942
|
+
error: error
|
|
25943
|
+
});
|
|
25944
|
+
})["finally"](function () {
|
|
25915
25945
|
// detach() may have dropped this one and a newer one started.
|
|
25916
25946
|
if (cameraReacquisition === reacquisition) cameraReacquisition = null;
|
|
25917
25947
|
});
|
|
@@ -25920,8 +25950,8 @@ function createSelfieCaptureController(config) {
|
|
|
25920
25950
|
exitCapture: function exitCapture() {
|
|
25921
25951
|
var _frameLoop9;
|
|
25922
25952
|
if (!active) return;
|
|
25923
|
-
var _internal$
|
|
25924
|
-
phase = _internal$
|
|
25953
|
+
var _internal$getState2 = internal.getState(),
|
|
25954
|
+
phase = _internal$getState2.phase;
|
|
25925
25955
|
if (phase === 'initializing' || phase === 'loading') return;
|
|
25926
25956
|
// Every armed timer belongs to the abandoned attempt.
|
|
25927
25957
|
clearAllTimers();
|
|
@@ -25936,7 +25966,8 @@ function createSelfieCaptureController(config) {
|
|
|
25936
25966
|
internal.setState({
|
|
25937
25967
|
capturedAttempt: null,
|
|
25938
25968
|
capturedImageUrl: null,
|
|
25939
|
-
captureRecovery: null
|
|
25969
|
+
captureRecovery: null,
|
|
25970
|
+
retryPending: false
|
|
25940
25971
|
});
|
|
25941
25972
|
dispatch({
|
|
25942
25973
|
type: 'exitRequested'
|
|
@@ -25982,8 +26013,8 @@ function useSelfieCapture(controller) {
|
|
|
25982
26013
|
return shim.useSyncExternalStore(subscribe, controller.getState, controller.getState);
|
|
25983
26014
|
}
|
|
25984
26015
|
|
|
25985
|
-
var _templateObject$
|
|
25986
|
-
var SelfieCameraFeedWrapper = styledComponents.styled.div(_templateObject$
|
|
26016
|
+
var _templateObject$w;
|
|
26017
|
+
var SelfieCameraFeedWrapper = styledComponents.styled.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n display: flex;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n /* Keep CameraVideoTag's legacy negative z-index above opaque flow shells. */\n isolation: isolate;\n"])));
|
|
25987
26018
|
function SelfieCameraFeed(_ref) {
|
|
25988
26019
|
var videoRef = _ref.videoRef,
|
|
25989
26020
|
isRearFacing = _ref.isRearFacing,
|
|
@@ -25997,7 +26028,7 @@ function SelfieCameraFeed(_ref) {
|
|
|
25997
26028
|
});
|
|
25998
26029
|
}
|
|
25999
26030
|
|
|
26000
|
-
var _templateObject$
|
|
26031
|
+
var _templateObject$v, _templateObject2$t, _templateObject3$j, _templateObject4$f;
|
|
26001
26032
|
var _excluded$c = ["borderColor", "borderOpacity", "borderWidth", "status"],
|
|
26002
26033
|
_excluded2$4 = ["status", "guideStyle"],
|
|
26003
26034
|
_excluded3 = ["frame", "borderWidth", "borderColor", "borderOpacity", "verticalAlign", "status", "guideStyle"],
|
|
@@ -26074,8 +26105,8 @@ HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
|
26074
26105
|
// refresh rate for the whole capture, which low-end GPUs can't keep up with
|
|
26075
26106
|
// while also running the camera and face model. Waves only render while the
|
|
26076
26107
|
// status is 'ready', so the pulse replays each time the face leaves the guide.
|
|
26077
|
-
var headGuideWavesAnimation = styledComponents.keyframes(_templateObject$
|
|
26078
|
-
var PulsingHeadGuideContainer = styledComponents.styled.div(_templateObject2$
|
|
26108
|
+
var headGuideWavesAnimation = styledComponents.keyframes(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0;\n transform: scale(1);\n }\n 60% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n transform: scale(1.3);\n }\n"])));
|
|
26109
|
+
var PulsingHeadGuideContainer = styledComponents.styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n height: 100%;\n max-height: 100%;\n\n & > .idmSdkWaves {\n position: absolute;\n opacity: 0;\n animation: ", " 2s ease-out 3;\n\n @media (prefers-reduced-motion: reduce) {\n display: none;\n }\n }\n\n /* Paints far past its box; the nearest clipping ancestor bounds it\n (FaceCaptureGuideOverlay clips to the capture surface). */\n & > .idmSdkSpotlight {\n position: absolute;\n overflow: visible;\n pointer-events: none;\n }\n\n & > .idmSdkWavesOrigin {\n position: relative;\n }\n"])), headGuideWavesAnimation);
|
|
26079
26110
|
function HeadGuide(_ref2) {
|
|
26080
26111
|
var _theme$selfieCapture$, _theme$selfieCapture, _theme$selfieCapture$2, _theme$selfieCapture2, _theme$selfieCapture$3, _theme$selfieCapture3, _props$className;
|
|
26081
26112
|
var _ref2$status = _ref2.status,
|
|
@@ -26386,11 +26417,11 @@ function SelfieCaptureAnimatedMaskWithStatus(_ref5) {
|
|
|
26386
26417
|
}));
|
|
26387
26418
|
}
|
|
26388
26419
|
|
|
26389
|
-
var _templateObject$
|
|
26390
|
-
var FaceCaptureGuideContainer = styledComponents.styled.div(_templateObject$
|
|
26420
|
+
var _templateObject$u, _templateObject2$s;
|
|
26421
|
+
var FaceCaptureGuideContainer = styledComponents.styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px;\n box-sizing: border-box;\n /* Keeps the spotlight dim inside the capture surface when the view is\n embedded rather than full-screen. */\n ", "\n"])), function (props) {
|
|
26391
26422
|
return props.$clip ? 'overflow: hidden;' : '';
|
|
26392
26423
|
});
|
|
26393
|
-
var FaceCaptureGuideInner = styledComponents.styled.div(_templateObject2$
|
|
26424
|
+
var FaceCaptureGuideInner = styledComponents.styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 60%;\n"])));
|
|
26394
26425
|
// Memoized: the capture surfaces re-render on every analyzed frame, but the
|
|
26395
26426
|
// guide's props only change when the mask status does.
|
|
26396
26427
|
var FaceCaptureGuideOverlay = /*#__PURE__*/React.memo(function FaceCaptureGuideOverlay(_ref) {
|
|
@@ -26700,7 +26731,7 @@ function SelfieCaptureLoadingGraphic(_ref) {
|
|
|
26700
26731
|
});
|
|
26701
26732
|
}
|
|
26702
26733
|
|
|
26703
|
-
var _templateObject$
|
|
26734
|
+
var _templateObject$t, _templateObject2$r, _templateObject3$i, _templateObject4$e, _templateObject5$e;
|
|
26704
26735
|
var legacyInstructionImageUrl = DEFAULT_CDN_URL$1 + "/Selfie-Image-1.png";
|
|
26705
26736
|
// Module-level so the default `now` prop has a stable identity across
|
|
26706
26737
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -26871,14 +26902,14 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
26871
26902
|
})
|
|
26872
26903
|
});
|
|
26873
26904
|
};
|
|
26874
|
-
var OverlayInner = styledComponents.styled(LoadingOverlayInner)(_templateObject$
|
|
26905
|
+
var OverlayInner = styledComponents.styled(LoadingOverlayInner)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
26875
26906
|
var _props$theme$selfieCa, _props$theme;
|
|
26876
26907
|
return (_props$theme$selfieCa = (_props$theme = props.theme) == null || (_props$theme = _props$theme.selfieCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$selfieCa : SELFIE_LOADING_OVERLAY_BACKGROUND_DEFAULT;
|
|
26877
26908
|
}, function (props) {
|
|
26878
26909
|
var _props$theme$selfieCa2, _props$theme2;
|
|
26879
26910
|
return (_props$theme$selfieCa2 = (_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.selfieCapture) == null || (_props$theme2 = _props$theme2.loadingOverlay) == null ? void 0 : _props$theme2.textColor) != null ? _props$theme$selfieCa2 : 'black';
|
|
26880
26911
|
});
|
|
26881
|
-
var ButtonsRow = styledComponents.styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
26912
|
+
var ButtonsRow = styledComponents.styled(LoadingOverlayButtonsRow)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
26882
26913
|
var _props$theme$selfieCa3, _props$theme3;
|
|
26883
26914
|
return (_props$theme$selfieCa3 = (_props$theme3 = props.theme) == null || (_props$theme3 = _props$theme3.selfieCapture) == null || (_props$theme3 = _props$theme3.loadingOverlay) == null ? void 0 : _props$theme3.progressBarTextColor) != null ? _props$theme$selfieCa3 : 'white';
|
|
26884
26915
|
}, function (props) {
|
|
@@ -26937,7 +26968,7 @@ function selfieLoadingOverlayBottomEdgeColor(theme, modelsReady) {
|
|
|
26937
26968
|
});
|
|
26938
26969
|
}
|
|
26939
26970
|
|
|
26940
|
-
var _templateObject$
|
|
26971
|
+
var _templateObject$s, _templateObject2$q;
|
|
26941
26972
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_ref) {
|
|
26942
26973
|
var _assets$instructionIm;
|
|
26943
26974
|
var state = _ref.state,
|
|
@@ -27013,10 +27044,10 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
27013
27044
|
})
|
|
27014
27045
|
});
|
|
27015
27046
|
};
|
|
27016
|
-
var StyledGuidanceMessage = styledComponents.styled(GuidanceMessage)(_templateObject$
|
|
27017
|
-
var StyledButtonsRow$5 = styledComponents.styled(ButtonsRow$2)(_templateObject2$
|
|
27047
|
+
var StyledGuidanceMessage = styledComponents.styled(GuidanceMessage)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
27048
|
+
var StyledButtonsRow$5 = styledComponents.styled(ButtonsRow$2)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
27018
27049
|
|
|
27019
|
-
var _templateObject$
|
|
27050
|
+
var _templateObject$r, _templateObject2$p, _templateObject3$h, _templateObject4$d, _templateObject5$d, _templateObject6$a, _templateObject7$8;
|
|
27020
27051
|
// Module-level so the default `now` prop has a stable identity across
|
|
27021
27052
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
27022
27053
|
var defaultNow = function defaultNow() {
|
|
@@ -27274,8 +27305,8 @@ var SelfieCaptureLoadingOverlayRing = function SelfieCaptureLoadingOverlayRing(_
|
|
|
27274
27305
|
})
|
|
27275
27306
|
});
|
|
27276
27307
|
};
|
|
27277
|
-
var overlayFadeIn = styledComponents.keyframes(_templateObject$
|
|
27278
|
-
var RingOverlayInner = styledComponents.styled(LoadingOverlayInner)(_templateObject2$
|
|
27308
|
+
var overlayFadeIn = styledComponents.keyframes(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
27309
|
+
var RingOverlayInner = styledComponents.styled(LoadingOverlayInner)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
27279
27310
|
var _props$theme$selfieCa, _props$theme;
|
|
27280
27311
|
var tintBase = (_props$theme$selfieCa = (_props$theme = props.theme) == null || (_props$theme = _props$theme.selfieCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$selfieCa : 'var(--idm-color-primary-500)';
|
|
27281
27312
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -27317,7 +27348,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_ref) {
|
|
|
27317
27348
|
return jsxRuntime.jsx(Component, _extends({}, props));
|
|
27318
27349
|
};
|
|
27319
27350
|
|
|
27320
|
-
var _templateObject$
|
|
27351
|
+
var _templateObject$q, _templateObject2$o, _templateObject3$g, _templateObject4$c, _templateObject5$c, _templateObject6$9;
|
|
27321
27352
|
function SelfieCaptureFallback(_ref) {
|
|
27322
27353
|
var _ref$silentFallback = _ref.silentFallback,
|
|
27323
27354
|
silentFallback = _ref$silentFallback === void 0 ? false : _ref$silentFallback,
|
|
@@ -27471,14 +27502,14 @@ function SelfieCaptureFallback(_ref) {
|
|
|
27471
27502
|
})
|
|
27472
27503
|
});
|
|
27473
27504
|
}
|
|
27474
|
-
var StyledOverlayInner = styledComponents.styled(OverlayInner$2)(_templateObject$
|
|
27475
|
-
var Heading$6 = styledComponents.styled.h1(_templateObject2$
|
|
27505
|
+
var StyledOverlayInner = styledComponents.styled(OverlayInner$2)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n justify-content: center;\n padding: 24px;\n box-sizing: border-box;\n"])));
|
|
27506
|
+
var Heading$6 = styledComponents.styled.h1(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin: 0 0 1rem;\n"])));
|
|
27476
27507
|
var Description = styledComponents.styled.p(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin: 0 0 1.5rem;\n"])));
|
|
27477
27508
|
var ImageContainer$4 = styledComponents.styled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin-bottom: 1.5rem;\n\n & > img {\n max-width: 100%;\n max-height: 40vh;\n border-radius: 8px;\n }\n"])));
|
|
27478
27509
|
var ReadFailed = styledComponents.styled.p(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n margin: 0 0 1rem;\n"])));
|
|
27479
27510
|
var StyledButtonsRow$4 = styledComponents.styled(ButtonsRow$2)(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n justify-content: center;\n"])));
|
|
27480
27511
|
|
|
27481
|
-
var _templateObject$
|
|
27512
|
+
var _templateObject$p, _templateObject2$n;
|
|
27482
27513
|
function SelfieCaptureSurface(_ref) {
|
|
27483
27514
|
var _state$error, _state$error2, _state$captureRecover, _state$error5, _state$captureRecover2, _state$prediction, _state$prediction$sam, _state$prediction2, _state$prediction3, _state$prediction4, _state$prediction5, _state$prediction6, _state$prediction7, _state$prediction8, _state$prediction9, _state$prediction0, _state$prediction1, _state$prediction$bri, _state$prediction10, _state$prediction$ran, _state$prediction11, _state$prediction$var, _state$prediction12, _assets$loadingOverla, _classNames$loadingOv, _colors$loadingOverla, _verbiage$loadingOver;
|
|
27484
27515
|
var controller = _ref.controller,
|
|
@@ -27880,9 +27911,9 @@ function EyesOpenDebugLines(_ref2) {
|
|
|
27880
27911
|
children: [verdict, " Eyes Open", state.thresholds.requireEyesOpen ? " (" + openReadings + "/" + eyeReadings.length + " frames open in the last " + EYES_OPEN_WINDOW_MS + " ms)" : ' (gate off)', eye('Mesh-left eye', ear.left, earBaseline.left, earCalibrationMs.left), eye('Mesh-right eye', ear.right, earBaseline.right, earCalibrationMs.right)]
|
|
27881
27912
|
});
|
|
27882
27913
|
}
|
|
27883
|
-
var ManualCaptureButtonContainer = styledComponents.styled.div(_templateObject$
|
|
27914
|
+
var ManualCaptureButtonContainer = styledComponents.styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 4;\n left: 50%;\n bottom: 24px;\n transform: translateX(-50%);\n"])));
|
|
27884
27915
|
// A footer below the camera keeps the lighting guidance visible above it.
|
|
27885
|
-
var CaptureRecoveryActions = styledComponents.styled.div(_templateObject2$
|
|
27916
|
+
var CaptureRecoveryActions = styledComponents.styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10001;\n inset: auto 0 0;\n padding: 16px 24px max(16px, env(safe-area-inset-bottom));\n background: white;\n color: #333;\n text-align: center;\n display: grid;\n justify-items: center;\n gap: 12px;\n\n p { margin: 0; font-size: 14px; line-height: 1.4; }\n button { width: 100%; max-width: 320px; }\n"])));
|
|
27886
27917
|
|
|
27887
27918
|
// Byte-identical to sdk2's verbiage defaults
|
|
27888
27919
|
// (SelfieCapture.tsx:273-284, FaceLivenessCapture.tsx:845-912), except
|
|
@@ -28015,7 +28046,7 @@ function livenessStatusCode(state) {
|
|
|
28015
28046
|
return null;
|
|
28016
28047
|
}
|
|
28017
28048
|
|
|
28018
|
-
var _GUIDANCE_VERBIAGE_FI, _templateObject$
|
|
28049
|
+
var _GUIDANCE_VERBIAGE_FI, _templateObject$o;
|
|
28019
28050
|
// `state.guidance.code` -> the SelfieGuidanceVerbiage field that overrides
|
|
28020
28051
|
// it. Keyed off the same `SelfieGuidanceCode` values selfieGuidanceMessageKey
|
|
28021
28052
|
// switches on (guidance/selfieStrings.ts) — NONE has no field (the pill is
|
|
@@ -28033,7 +28064,7 @@ var GUIDANCE_VERBIAGE_FIELD = (_GUIDANCE_VERBIAGE_FI = {}, _GUIDANCE_VERBIAGE_FI
|
|
|
28033
28064
|
// still-mounted-through-error rationale as IdCaptureView's ScalingCameraFeed
|
|
28034
28065
|
// (a successful retry()/requestCamera() re-attaches into the SAME element).
|
|
28035
28066
|
var CAPTURE_SURFACE_PHASES$1 = new Set(['capturing', 'challenge', 'processing', 'checking', 'completed', 'failed']);
|
|
28036
|
-
var Container$2 = styledComponents.styled.div(_templateObject$
|
|
28067
|
+
var Container$2 = styledComponents.styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n height: 100%;\n /* sdk2 applied theme.fontFamily at the flow-level SdkPage wrapper\n (SdkPage.tsx:59: a font-family declaration reading props.theme.fontFamily,\n conditional on it being set) -- SdkPage itself is flow-level and was\n never ported to this package, so this view's own root carries it\n instead. */\n ", "\n"])), function (props) {
|
|
28037
28068
|
var _props$theme;
|
|
28038
28069
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
28039
28070
|
});
|
|
@@ -28211,11 +28242,26 @@ function SelfieCaptureViewContent(_ref) {
|
|
|
28211
28242
|
});
|
|
28212
28243
|
}
|
|
28213
28244
|
|
|
28245
|
+
var _templateObject$n, _templateObject2$m;
|
|
28246
|
+
var spin$1 = styledComponents.keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n to { transform: rotate(360deg); }\n"])));
|
|
28247
|
+
/**
|
|
28248
|
+
* Inline spinner for a button label while the action it started is in
|
|
28249
|
+
* flight. Used instead of LoaderButton's Ladda loader, whose effect removes
|
|
28250
|
+
* the spinner (and the button's `disabled`) right after starting it. Rotates
|
|
28251
|
+
* with `transform` only, so it composites without repainting, and takes the
|
|
28252
|
+
* button's text colour.
|
|
28253
|
+
*/
|
|
28254
|
+
var ButtonSpinner = styledComponents.styled.span.attrs({
|
|
28255
|
+
'aria-hidden': true
|
|
28256
|
+
})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 1em;\n height: 1em;\n margin-right: 0.5em;\n vertical-align: -0.15em;\n border: 2px solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: ", " 0.8s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n"])), spin$1);
|
|
28257
|
+
|
|
28214
28258
|
var _templateObject$m, _templateObject2$l;
|
|
28215
28259
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
|
|
28216
28260
|
var imageUrl = _ref.imageUrl,
|
|
28217
28261
|
onDoneClick = _ref.onDoneClick,
|
|
28218
28262
|
onRetryClick = _ref.onRetryClick,
|
|
28263
|
+
_ref$retrying = _ref.retrying,
|
|
28264
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
28219
28265
|
_ref$classNames = _ref.classNames,
|
|
28220
28266
|
classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
|
|
28221
28267
|
_ref$colors = _ref.colors,
|
|
@@ -28260,14 +28306,18 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
|
|
|
28260
28306
|
colors: colors.doneBtn,
|
|
28261
28307
|
className: classNames.doneBtn,
|
|
28262
28308
|
finished: true,
|
|
28309
|
+
// Done would race the retry the user already started.
|
|
28310
|
+
disabled: retrying,
|
|
28263
28311
|
children: verbiage.doneBtnText
|
|
28264
|
-
}), jsxRuntime.
|
|
28312
|
+
}), jsxRuntime.jsxs(WideBorderButton, {
|
|
28265
28313
|
variant: "secondary",
|
|
28266
28314
|
onClick: onRetryClick,
|
|
28267
28315
|
colors: colors.retryBtn,
|
|
28268
28316
|
className: classNames.retryBtn,
|
|
28269
28317
|
finished: true,
|
|
28270
|
-
|
|
28318
|
+
disabled: retrying,
|
|
28319
|
+
"aria-busy": retrying,
|
|
28320
|
+
children: [retrying && jsxRuntime.jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
28271
28321
|
})]
|
|
28272
28322
|
})]
|
|
28273
28323
|
})
|
|
@@ -28283,6 +28333,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
|
|
|
28283
28333
|
var _ref$canRetry = _ref.canRetry,
|
|
28284
28334
|
canRetry = _ref$canRetry === void 0 ? true : _ref$canRetry,
|
|
28285
28335
|
onRetryClick = _ref.onRetryClick,
|
|
28336
|
+
_ref$retrying = _ref.retrying,
|
|
28337
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
28286
28338
|
onExitClick = _ref.onExitClick,
|
|
28287
28339
|
_ref$assets = _ref.assets,
|
|
28288
28340
|
assets = _ref$assets === void 0 ? {} : _ref$assets,
|
|
@@ -28315,13 +28367,15 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
|
|
|
28315
28367
|
children: verbiage.headingText
|
|
28316
28368
|
}), jsxRuntime.jsxs(ButtonsColumn, {
|
|
28317
28369
|
className: classNames.buttonsRow,
|
|
28318
|
-
children: [canRetry && jsxRuntime.
|
|
28370
|
+
children: [canRetry && jsxRuntime.jsxs(WideButton, {
|
|
28319
28371
|
variant: "secondary",
|
|
28320
28372
|
className: classNames.retryBtn,
|
|
28321
28373
|
onClick: onRetryClick,
|
|
28322
28374
|
colors: colors.retryBtn,
|
|
28323
28375
|
finished: true,
|
|
28324
|
-
|
|
28376
|
+
disabled: retrying,
|
|
28377
|
+
"aria-busy": retrying,
|
|
28378
|
+
children: [retrying && jsxRuntime.jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
28325
28379
|
}), jsxRuntime.jsx(WideBorderButton, {
|
|
28326
28380
|
variant: "secondary",
|
|
28327
28381
|
className: classNames.exitBtn,
|
|
@@ -28605,6 +28659,9 @@ function FaceLivenessViewContent(_ref) {
|
|
|
28605
28659
|
// back and let the camera light go out. `restartRun` gets it again through
|
|
28606
28660
|
// the controller's retry(). A skipped success screen needs nothing here: the
|
|
28607
28661
|
// host moves on and unmounting detaches.
|
|
28662
|
+
// Core holds the terminal screen up while a retry waits for that camera
|
|
28663
|
+
// (`retryPending`), so its Retry button shows the wait instead of the user
|
|
28664
|
+
// landing on a black feed.
|
|
28608
28665
|
var coveredByTerminalScreen = showSuccessScreen || showFailureScreen;
|
|
28609
28666
|
React.useEffect(function () {
|
|
28610
28667
|
if (coveredByTerminalScreen) controller.actions.releaseCamera();
|
|
@@ -28669,12 +28726,19 @@ function FaceLivenessViewContent(_ref) {
|
|
|
28669
28726
|
return onDone == null ? void 0 : onDone(completedImageUrl);
|
|
28670
28727
|
},
|
|
28671
28728
|
onRetryClick: restartRun,
|
|
28729
|
+
retrying: state.retryPending,
|
|
28672
28730
|
verbiage: verbiage.success,
|
|
28673
28731
|
classNames: classNames.success,
|
|
28674
28732
|
colors: colors.success
|
|
28675
|
-
}), showFailureScreen && jsxRuntime.jsx(FaceLivenessFailure
|
|
28676
|
-
|
|
28733
|
+
}), showFailureScreen && jsxRuntime.jsx(FaceLivenessFailure
|
|
28734
|
+
// The click already spent the budget; keep the last retry's button
|
|
28735
|
+
// up while it waits on the camera.
|
|
28736
|
+
, {
|
|
28737
|
+
// The click already spent the budget; keep the last retry's button
|
|
28738
|
+
// up while it waits on the camera.
|
|
28739
|
+
canRetry: canRetryFailure || state.retryPending,
|
|
28677
28740
|
onRetryClick: restartRun,
|
|
28741
|
+
retrying: state.retryPending,
|
|
28678
28742
|
onExitClick: onExitAfterFailure != null ? onExitAfterFailure : onExit,
|
|
28679
28743
|
assets: assets.failure,
|
|
28680
28744
|
verbiage: verbiage.failure,
|
|
@@ -48453,7 +48517,7 @@ function mapCustomerIdAndBiometricsEnrollmentProps(props, ctx) {
|
|
|
48453
48517
|
});
|
|
48454
48518
|
}
|
|
48455
48519
|
|
|
48456
|
-
var webSdkVersion = '2.5.83-changeset-release-develop-
|
|
48520
|
+
var webSdkVersion = '2.5.83-changeset-release-develop-3dfa69b';
|
|
48457
48521
|
|
|
48458
48522
|
// GENERATED by scripts/styleBagTypes.mjs from
|
|
48459
48523
|
// src/__fixtures__/sdk2StyleBags.json and the mapper sweep — do not
|