idmission-web-sdk 2.5.83-changeset-release-develop-93cf39d → 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
package/dist/sdk2.esm.js
CHANGED
|
@@ -7622,7 +7622,7 @@ function useGuideOrientationContext() {
|
|
|
7622
7622
|
return ctx;
|
|
7623
7623
|
}
|
|
7624
7624
|
|
|
7625
|
-
var _templateObject
|
|
7625
|
+
var _templateObject$$, _templateObject2$R;
|
|
7626
7626
|
var _excluded$i = ["isRearFacing"];
|
|
7627
7627
|
var CameraVideoTag = /*#__PURE__*/forwardRef(function CameraVideoTag(_ref, ref) {
|
|
7628
7628
|
var isRearFacing = _ref.isRearFacing,
|
|
@@ -7635,10 +7635,10 @@ var CameraVideoTag = /*#__PURE__*/forwardRef(function CameraVideoTag(_ref, ref)
|
|
|
7635
7635
|
"$isRearFacing": isRearFacing
|
|
7636
7636
|
}, props));
|
|
7637
7637
|
});
|
|
7638
|
-
var FullscreenVideoTag = styled.video(_templateObject
|
|
7638
|
+
var FullscreenVideoTag = 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) {
|
|
7639
7639
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
7640
7640
|
});
|
|
7641
|
-
var CameraFeedWrapper = styled.div(_templateObject2$
|
|
7641
|
+
var CameraFeedWrapper = 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) {
|
|
7642
7642
|
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;";
|
|
7643
7643
|
}, function (props) {
|
|
7644
7644
|
return props.$hidden ? 'display: none;' : '';
|
|
@@ -7693,7 +7693,7 @@ function ScalingCameraFeed(_ref2) {
|
|
|
7693
7693
|
});
|
|
7694
7694
|
}
|
|
7695
7695
|
|
|
7696
|
-
var _templateObject$
|
|
7696
|
+
var _templateObject$_, _templateObject2$Q, _templateObject3$D, _templateObject4$y, _templateObject5$t, _templateObject6$l;
|
|
7697
7697
|
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."); }
|
|
7698
7698
|
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; } }
|
|
7699
7699
|
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; }
|
|
@@ -7715,8 +7715,8 @@ function DebugStatsPane(_ref2) {
|
|
|
7715
7715
|
if (!portalLocation) return element;
|
|
7716
7716
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
7717
7717
|
}
|
|
7718
|
-
var DebugStatsPaneDiv = styled.span(_templateObject$
|
|
7719
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(_templateObject2$
|
|
7718
|
+
var DebugStatsPaneDiv = 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"])));
|
|
7719
|
+
var ObjectDetectionDebugOverlayDiv = 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) {
|
|
7720
7720
|
var $flipX = _ref3.$flipX;
|
|
7721
7721
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
7722
7722
|
});
|
|
@@ -8028,7 +8028,7 @@ function SelfieCaptureFaceKeypoint(_ref16) {
|
|
|
8028
8028
|
});
|
|
8029
8029
|
}
|
|
8030
8030
|
|
|
8031
|
-
var _templateObject$
|
|
8031
|
+
var _templateObject$Z;
|
|
8032
8032
|
/**
|
|
8033
8033
|
* Over WebKit's 10px "thin border" cutoff (`LocalFrameView::fixedContainerEdges`).
|
|
8034
8034
|
* At or under it, Safari never reads the strip's `background-color`: it samples
|
|
@@ -8131,7 +8131,7 @@ function BrowserEdgeTint(_ref) {
|
|
|
8131
8131
|
}, "bottom:" + bottomColor)]
|
|
8132
8132
|
}), target);
|
|
8133
8133
|
}
|
|
8134
|
-
var EdgeStrip = styled.div(_templateObject$
|
|
8134
|
+
var EdgeStrip = 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) {
|
|
8135
8135
|
var $edge = _ref2.$edge;
|
|
8136
8136
|
return $edge;
|
|
8137
8137
|
}, EDGE_STRIP_PX, function (_ref3) {
|
|
@@ -8142,7 +8142,7 @@ var EdgeStrip = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemp
|
|
|
8142
8142
|
return $hidden ? 'opacity: 0;' : '';
|
|
8143
8143
|
});
|
|
8144
8144
|
|
|
8145
|
-
var _templateObject$
|
|
8145
|
+
var _templateObject$Y;
|
|
8146
8146
|
var _excluded$h = ["children", "className", "colors", "disabled", "finished", "variant"];
|
|
8147
8147
|
var LoaderButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
8148
8148
|
var children = _ref.children,
|
|
@@ -8210,16 +8210,16 @@ var LoaderButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
8210
8210
|
}));
|
|
8211
8211
|
});
|
|
8212
8212
|
LoaderButton.displayName = 'LoaderButton';
|
|
8213
|
-
var StyledButton = styled.button(_templateObject$
|
|
8214
|
-
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
|
|
8215
|
-
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:
|
|
8213
|
+
var StyledButton = 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) {
|
|
8214
|
+
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;
|
|
8215
|
+
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 ";
|
|
8216
8216
|
});
|
|
8217
8217
|
|
|
8218
|
-
var _templateObject$
|
|
8219
|
-
var ButtonsRow$2 = styled.div(_templateObject$
|
|
8218
|
+
var _templateObject$X;
|
|
8219
|
+
var ButtonsRow$2 = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
8220
8220
|
|
|
8221
|
-
var _templateObject$
|
|
8222
|
-
var GuidanceMessageContainerDiv = styled.div(_templateObject$
|
|
8221
|
+
var _templateObject$W, _templateObject2$P;
|
|
8222
|
+
var GuidanceMessageContainerDiv = 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) {
|
|
8223
8223
|
var $top = _ref.$top;
|
|
8224
8224
|
return $top != null ? $top : '10%';
|
|
8225
8225
|
}, function (_ref2) {
|
|
@@ -8232,7 +8232,7 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
|
|
|
8232
8232
|
if (!portalLocation) return element;
|
|
8233
8233
|
return /*#__PURE__*/createPortal(element, portalLocation);
|
|
8234
8234
|
};
|
|
8235
|
-
var GuidanceMessage = styled.div(_templateObject2$
|
|
8235
|
+
var GuidanceMessage = 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) {
|
|
8236
8236
|
var _ref3, _props$$background, _props$theme, _props$$variant;
|
|
8237
8237
|
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';
|
|
8238
8238
|
}, function (props) {
|
|
@@ -8284,19 +8284,19 @@ var PlacedGuidanceMessageContainer = function PlacedGuidanceMessageContainer(_re
|
|
|
8284
8284
|
});
|
|
8285
8285
|
};
|
|
8286
8286
|
|
|
8287
|
-
var _templateObject$
|
|
8288
|
-
var wavesAnimation = keyframes(_templateObject$
|
|
8289
|
-
var progressBarAnimation = keyframes(_templateObject2$
|
|
8287
|
+
var _templateObject$V, _templateObject2$O, _templateObject3$C, _templateObject4$x;
|
|
8288
|
+
var wavesAnimation = 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"])));
|
|
8289
|
+
var progressBarAnimation = keyframes(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
8290
8290
|
keyframes(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
8291
8291
|
keyframes(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
8292
8292
|
|
|
8293
|
-
var _templateObject$
|
|
8294
|
-
var OverlayContainer = styled.div(_templateObject$
|
|
8293
|
+
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;
|
|
8294
|
+
var OverlayContainer = 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) {
|
|
8295
8295
|
return props.theme.background ? "" + props.theme.background : "white";
|
|
8296
8296
|
}, function (props) {
|
|
8297
8297
|
return props.theme.textColor ? "color: " + props.theme.textColor + ";" : "";
|
|
8298
8298
|
});
|
|
8299
|
-
var OverlayInner$2 = styled.div(_templateObject2$
|
|
8299
|
+
var OverlayInner$2 = 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) {
|
|
8300
8300
|
var _props$theme$textAlig;
|
|
8301
8301
|
return (_props$theme$textAlig = props.theme.textAlign) != null ? _props$theme$textAlig : 'center';
|
|
8302
8302
|
}, function (props) {
|
|
@@ -8466,13 +8466,13 @@ var error = function error() {
|
|
|
8466
8466
|
|
|
8467
8467
|
var _excluded$g = ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress", "guideBoxDisabled"],
|
|
8468
8468
|
_excluded2$5 = ["borderRadius", "borderColor", "borderWidth", "borderOpacity", "progress", "isProgressBar", "scaleBorderRadius"];
|
|
8469
|
-
var _templateObject$
|
|
8470
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(_templateObject$
|
|
8469
|
+
var _templateObject$T, _templateObject2$M, _templateObject3$A, _templateObject4$v, _templateObject5$r, _templateObject6$j, _templateObject7$g;
|
|
8470
|
+
var IdCardGuideImageContainer = 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) {
|
|
8471
8471
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
8472
8472
|
}, function (props) {
|
|
8473
8473
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8474
8474
|
});
|
|
8475
|
-
var IdCardGuideImage = styled.img(_templateObject2$
|
|
8475
|
+
var IdCardGuideImage = styled.img(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
8476
8476
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
8477
8477
|
}, function (props) {
|
|
8478
8478
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -8763,7 +8763,7 @@ function useGuideImagesByUrl(images) {
|
|
|
8763
8763
|
}, [images]);
|
|
8764
8764
|
}
|
|
8765
8765
|
|
|
8766
|
-
var _templateObject$
|
|
8766
|
+
var _templateObject$S;
|
|
8767
8767
|
var FlipIdPrompt = function FlipIdPrompt(_ref) {
|
|
8768
8768
|
var _ref$images = _ref.images,
|
|
8769
8769
|
images = _ref$images === void 0 ? defaultIdCaptureGuideImages : _ref$images,
|
|
@@ -8860,11 +8860,11 @@ var FlipIdPrompt = function FlipIdPrompt(_ref) {
|
|
|
8860
8860
|
})]
|
|
8861
8861
|
});
|
|
8862
8862
|
};
|
|
8863
|
-
var Wrapper$1 = styled.div(_templateObject$
|
|
8863
|
+
var Wrapper$1 = 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) {
|
|
8864
8864
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
8865
8865
|
});
|
|
8866
8866
|
|
|
8867
|
-
var _templateObject$
|
|
8867
|
+
var _templateObject$R, _templateObject2$L, _templateObject3$z, _templateObject4$u, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$c, _templateObject9$c;
|
|
8868
8868
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_ref) {
|
|
8869
8869
|
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;
|
|
8870
8870
|
var _ref$classNames = _ref.classNames,
|
|
@@ -9020,8 +9020,8 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
9020
9020
|
return v;
|
|
9021
9021
|
}).join(' ');
|
|
9022
9022
|
};
|
|
9023
|
-
var StyledPageContainer = styled.div(_templateObject$
|
|
9024
|
-
var GuidesContainer = styled.div(_templateObject2$
|
|
9023
|
+
var StyledPageContainer = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
9024
|
+
var GuidesContainer = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
9025
9025
|
var GuideCenterRow = 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"])));
|
|
9026
9026
|
var GuideRegion = 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) {
|
|
9027
9027
|
var _ref2, _props$$maskColor, _props$theme;
|
|
@@ -9053,7 +9053,7 @@ var GuideCenterInner = styled.div(_templateObject9$c || (_templateObject9$c = _t
|
|
|
9053
9053
|
/** The mask colour when neither the prop nor the theme sets one. */
|
|
9054
9054
|
var OVERLAY_GUIDE_MASK_DEFAULT = 'rgba(0, 0, 0, 0.5)';
|
|
9055
9055
|
|
|
9056
|
-
var _templateObject$
|
|
9056
|
+
var _templateObject$Q, _templateObject2$K, _templateObject3$y, _templateObject4$t;
|
|
9057
9057
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
|
|
9058
9058
|
var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid5, _theme$idCapture5, _theme$idCapture$guid6, _theme$idCapture6, _theme$idCapture$guid7, _theme$idCapture7;
|
|
9059
9059
|
var aspectRatio = _ref.aspectRatio,
|
|
@@ -9290,10 +9290,10 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
|
|
|
9290
9290
|
})]
|
|
9291
9291
|
});
|
|
9292
9292
|
};
|
|
9293
|
-
var CanvasWrapper$1 = styled.div(_templateObject$
|
|
9293
|
+
var CanvasWrapper$1 = 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) {
|
|
9294
9294
|
return props.$aboveCameraFeed ? "z-index: 1;" : "box-shadow: inset 0 0 0 2px " + props.$maskColor + ";\n z-index: -1;";
|
|
9295
9295
|
});
|
|
9296
|
-
var Canvas$2 = styled.canvas(_templateObject2$
|
|
9296
|
+
var Canvas$2 = styled.canvas(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
9297
9297
|
var CaptureAreaProgress = 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) {
|
|
9298
9298
|
return props.$x;
|
|
9299
9299
|
}, function (props) {
|
|
@@ -9322,8 +9322,8 @@ function downloadingLabel(downloadingText, downloadProgress) {
|
|
|
9322
9322
|
});
|
|
9323
9323
|
}
|
|
9324
9324
|
|
|
9325
|
-
var _templateObject$
|
|
9326
|
-
var ExitCaptureStyledButton = styled.button(_templateObject$
|
|
9325
|
+
var _templateObject$P;
|
|
9326
|
+
var ExitCaptureStyledButton = 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"])));
|
|
9327
9327
|
var ExitCaptureButton = function ExitCaptureButton(_ref) {
|
|
9328
9328
|
var onClick = _ref.onClick,
|
|
9329
9329
|
className = _ref.className;
|
|
@@ -9372,7 +9372,7 @@ var ExitCaptureButton = function ExitCaptureButton(_ref) {
|
|
|
9372
9372
|
});
|
|
9373
9373
|
};
|
|
9374
9374
|
|
|
9375
|
-
var _templateObject$
|
|
9375
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$x, _templateObject4$s;
|
|
9376
9376
|
function IdCaptureLoadingGraphic(props) {
|
|
9377
9377
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
9378
9378
|
return isMobile ? jsx(IdCaptureLoadingGraphicMobile, _extends({}, props)) : jsx(IdCaptureLoadingGraphicDesktop, _extends({}, props));
|
|
@@ -9869,8 +9869,8 @@ function IdCaptureLoadingGraphicMobile(_ref2) {
|
|
|
9869
9869
|
})]
|
|
9870
9870
|
});
|
|
9871
9871
|
}
|
|
9872
|
-
var LoadingGraphicWrapper = styled.div(_templateObject$
|
|
9873
|
-
var LoadingGraphicSvg = styled.svg(_templateObject2$
|
|
9872
|
+
var LoadingGraphicWrapper = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
9873
|
+
var LoadingGraphicSvg = 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) {
|
|
9874
9874
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
9875
9875
|
}, function (props) {
|
|
9876
9876
|
return props.$frame >= 5 ? 10 : 0;
|
|
@@ -10068,7 +10068,7 @@ var useAutoContinueWhenReady = function useAutoContinueWhenReady(_ref) {
|
|
|
10068
10068
|
}, [enabled, ready]);
|
|
10069
10069
|
};
|
|
10070
10070
|
|
|
10071
|
-
var _templateObject$
|
|
10071
|
+
var _templateObject$N;
|
|
10072
10072
|
var LoadingSpinnerContext = /*#__PURE__*/createContext(undefined);
|
|
10073
10073
|
function LoadingSpinnerProvider(_ref) {
|
|
10074
10074
|
var spinner = _ref.spinner,
|
|
@@ -10136,9 +10136,9 @@ function CustomerLoadingSpinner(_ref2) {
|
|
|
10136
10136
|
}
|
|
10137
10137
|
// `display: contents` while empty: an empty flex box still occupies its
|
|
10138
10138
|
// parent's gap/padding, which would offset the fallback it sits next to.
|
|
10139
|
-
var SpinnerSlot = styled.div(_templateObject$
|
|
10139
|
+
var SpinnerSlot = 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"])));
|
|
10140
10140
|
|
|
10141
|
-
var _templateObject$
|
|
10141
|
+
var _templateObject$M, _templateObject2$I, _templateObject3$w, _templateObject4$r, _templateObject5$p;
|
|
10142
10142
|
var legacyInstructionImageUrl$1 = DEFAULT_CDN_URL$1 + "/WebSDK-Instruction-DL-Capture-3-Portrait.png";
|
|
10143
10143
|
// Module-level so the default `now` prop has a stable identity across
|
|
10144
10144
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -10327,14 +10327,14 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_re
|
|
|
10327
10327
|
})
|
|
10328
10328
|
});
|
|
10329
10329
|
};
|
|
10330
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(_templateObject$
|
|
10330
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
10331
10331
|
var _props$theme$idCaptur, _props$theme;
|
|
10332
10332
|
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;
|
|
10333
10333
|
}, function (props) {
|
|
10334
10334
|
var _props$theme$idCaptur2, _props$theme2;
|
|
10335
10335
|
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';
|
|
10336
10336
|
});
|
|
10337
|
-
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
10337
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
10338
10338
|
var _props$theme$idCaptur3, _props$theme3;
|
|
10339
10339
|
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';
|
|
10340
10340
|
}, function (props) {
|
|
@@ -18988,7 +18988,7 @@ function instructionVerbiage(bag, code) {
|
|
|
18988
18988
|
return bag == null ? void 0 : bag[instructionVerbiageKeys[code]];
|
|
18989
18989
|
}
|
|
18990
18990
|
|
|
18991
|
-
var _templateObject$
|
|
18991
|
+
var _templateObject$L, _templateObject2$H, _templateObject3$v, _templateObject4$q, _templateObject5$o;
|
|
18992
18992
|
var PDF417_ASPECT_RATIO = 3 / 1;
|
|
18993
18993
|
function BarcodeGuideOverlay(_ref) {
|
|
18994
18994
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
@@ -19118,15 +19118,15 @@ function BarcodeGuideOverlay(_ref) {
|
|
|
19118
19118
|
})]
|
|
19119
19119
|
});
|
|
19120
19120
|
}
|
|
19121
|
-
var Wrapper = styled.div(_templateObject$
|
|
19122
|
-
var Canvas$1 = styled.canvas(_templateObject2$
|
|
19121
|
+
var Wrapper = 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"])));
|
|
19122
|
+
var Canvas$1 = styled.canvas(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
19123
19123
|
var TextOverlay = 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"])));
|
|
19124
19124
|
var HeaderText = 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"])));
|
|
19125
19125
|
var InstructionText = 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"])));
|
|
19126
19126
|
|
|
19127
|
-
var _templateObject$
|
|
19128
|
-
var scaleIn = keyframes(_templateObject$
|
|
19129
|
-
var drawCheck = keyframes(_templateObject2$
|
|
19127
|
+
var _templateObject$K, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$n, _templateObject6$h;
|
|
19128
|
+
var scaleIn = 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"])));
|
|
19129
|
+
var drawCheck = keyframes(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n 0% {\n stroke-dashoffset: 24;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n"])));
|
|
19130
19130
|
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"])));
|
|
19131
19131
|
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) {
|
|
19132
19132
|
return props.$color;
|
|
@@ -19226,7 +19226,7 @@ function IdCaptureGuides(_ref) {
|
|
|
19226
19226
|
});
|
|
19227
19227
|
}
|
|
19228
19228
|
|
|
19229
|
-
var _templateObject$
|
|
19229
|
+
var _templateObject$J, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$m;
|
|
19230
19230
|
function OverrideWrongDocumentTypeDialog(_ref) {
|
|
19231
19231
|
var visible = _ref.visible,
|
|
19232
19232
|
onOverride = _ref.onOverride,
|
|
@@ -19258,14 +19258,14 @@ function OverrideWrongDocumentTypeDialog(_ref) {
|
|
|
19258
19258
|
})
|
|
19259
19259
|
});
|
|
19260
19260
|
}
|
|
19261
|
-
var Container$3 = styled.div(_templateObject$
|
|
19261
|
+
var Container$3 = 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) {
|
|
19262
19262
|
var _props$theme$idCaptur, _props$theme$idCaptur2;
|
|
19263
19263
|
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';
|
|
19264
19264
|
}, function (props) {
|
|
19265
19265
|
var _props$theme$idCaptur3, _props$theme$idCaptur4;
|
|
19266
19266
|
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';
|
|
19267
19267
|
});
|
|
19268
|
-
var InnerContainer = styled.div(_templateObject2$
|
|
19268
|
+
var InnerContainer = 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"])));
|
|
19269
19269
|
var Message = styled.span(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
19270
19270
|
var ButtonContainer = styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-left: auto;\n"])));
|
|
19271
19271
|
var Button = styled(LoaderButton)(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
@@ -19375,7 +19375,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_ref)
|
|
|
19375
19375
|
});
|
|
19376
19376
|
};
|
|
19377
19377
|
|
|
19378
|
-
var _templateObject$
|
|
19378
|
+
var _templateObject$I, _templateObject2$E;
|
|
19379
19379
|
var RING_SIZE = 74;
|
|
19380
19380
|
var RADIUS = 32;
|
|
19381
19381
|
var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
|
|
@@ -19420,8 +19420,8 @@ var RingProgress = function RingProgress(_ref) {
|
|
|
19420
19420
|
})]
|
|
19421
19421
|
});
|
|
19422
19422
|
};
|
|
19423
|
-
var RingSvg = styled.svg(_templateObject$
|
|
19424
|
-
var FillCircle = styled.circle(_templateObject2$
|
|
19423
|
+
var RingSvg = styled.svg(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n transform: rotate(-90deg);\n"])), RING_SIZE, RING_SIZE);
|
|
19424
|
+
var FillCircle = styled.circle(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n transition: stroke-dashoffset 0.3s linear;\n"])));
|
|
19425
19425
|
|
|
19426
19426
|
var selectRingStatusKey = function selectRingStatusKey(_ref) {
|
|
19427
19427
|
var ready = _ref.ready,
|
|
@@ -19436,7 +19436,7 @@ var selectRingStatusKey = function selectRingStatusKey(_ref) {
|
|
|
19436
19436
|
return 'warming';
|
|
19437
19437
|
};
|
|
19438
19438
|
|
|
19439
|
-
var _templateObject$
|
|
19439
|
+
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;
|
|
19440
19440
|
/**
|
|
19441
19441
|
* The ring overlay's priming cover page (CEO prototype `#v-prime`): camera
|
|
19442
19442
|
* badge, title/subtitle, step chips, reassurance chip, "Enable camera &
|
|
@@ -19515,8 +19515,8 @@ var RingIntroScreen = function RingIntroScreen(_ref) {
|
|
|
19515
19515
|
})]
|
|
19516
19516
|
});
|
|
19517
19517
|
};
|
|
19518
|
-
var _float = keyframes(_templateObject$
|
|
19519
|
-
var sweep = keyframes(_templateObject2$
|
|
19518
|
+
var _float = keyframes(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-7px); }\n"])));
|
|
19519
|
+
var sweep = keyframes(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n from { transform: translateX(-100%); }\n to { transform: translateX(100%); }\n"])));
|
|
19520
19520
|
var IntroLayout = 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"])));
|
|
19521
19521
|
var Badge = 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) {
|
|
19522
19522
|
return props.$color;
|
|
@@ -19566,7 +19566,7 @@ var selectRingOverlayStage = function selectRingOverlayStage(_ref) {
|
|
|
19566
19566
|
return requesting ? 'requesting' : 'intro';
|
|
19567
19567
|
};
|
|
19568
19568
|
|
|
19569
|
-
var _templateObject$
|
|
19569
|
+
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;
|
|
19570
19570
|
/** Minimum time a stage handoff stays on screen so its message is
|
|
19571
19571
|
* legible even when everything preloaded and readiness is instant. */
|
|
19572
19572
|
var STAGE_TRANSITION_HOLD_MS = 1600;
|
|
@@ -19625,8 +19625,8 @@ var RingStageTransition = function RingStageTransition(_ref) {
|
|
|
19625
19625
|
})]
|
|
19626
19626
|
});
|
|
19627
19627
|
};
|
|
19628
|
-
var badgePop = keyframes(_templateObject$
|
|
19629
|
-
var cardFlip = keyframes(_templateObject2$
|
|
19628
|
+
var badgePop = 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"])));
|
|
19629
|
+
var cardFlip = keyframes(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n from { transform: rotateY(0deg); }\n to { transform: rotateY(180deg); }\n"])));
|
|
19630
19630
|
var microcopyBeat = 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"])));
|
|
19631
19631
|
var rise = keyframes(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n"])));
|
|
19632
19632
|
var riseSubtle = keyframes(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 0.65; transform: translateY(0); }\n"])));
|
|
@@ -19657,7 +19657,7 @@ var LoadingRow = styled.div(_templateObject15$4 || (_templateObject15$4 = _tagge
|
|
|
19657
19657
|
return props.$visible ? 1 : 0;
|
|
19658
19658
|
});
|
|
19659
19659
|
|
|
19660
|
-
var _templateObject$
|
|
19660
|
+
var _templateObject$F, _templateObject2$B, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$e, _templateObject7$c;
|
|
19661
19661
|
// Module-level so the default `now` prop has a stable identity across
|
|
19662
19662
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
19663
19663
|
var defaultNow$2 = function defaultNow() {
|
|
@@ -19931,8 +19931,8 @@ var IdCaptureLoadingOverlayRing = function IdCaptureLoadingOverlayRing(_ref) {
|
|
|
19931
19931
|
})
|
|
19932
19932
|
});
|
|
19933
19933
|
};
|
|
19934
|
-
var overlayFadeIn$1 = keyframes(_templateObject$
|
|
19935
|
-
var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$
|
|
19934
|
+
var overlayFadeIn$1 = keyframes(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
19935
|
+
var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
19936
19936
|
var _props$theme$idCaptur, _props$theme;
|
|
19937
19937
|
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)';
|
|
19938
19938
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -20036,11 +20036,11 @@ var CapturedDocumentImg = function CapturedDocumentImg(_ref) {
|
|
|
20036
20036
|
});
|
|
20037
20037
|
};
|
|
20038
20038
|
|
|
20039
|
-
var _templateObject$
|
|
20040
|
-
var Card = styled.div(_templateObject$
|
|
20041
|
-
var FlexCard = styled(Card)(_templateObject2$
|
|
20039
|
+
var _templateObject$E, _templateObject2$A;
|
|
20040
|
+
var Card = 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"])));
|
|
20041
|
+
var FlexCard = styled(Card)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
20042
20042
|
|
|
20043
|
-
var _templateObject$
|
|
20043
|
+
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;
|
|
20044
20044
|
function ReviewDocumentDiagnostics(_ref) {
|
|
20045
20045
|
var _document$detectionSc, _document$detectionSc2, _document$focusScore, _document$focusScore2;
|
|
20046
20046
|
var document = _ref.document,
|
|
@@ -20499,8 +20499,8 @@ function RotationAttemptRow(_ref3) {
|
|
|
20499
20499
|
})]
|
|
20500
20500
|
});
|
|
20501
20501
|
}
|
|
20502
|
-
var DebugInfoContainer = styled.div(_templateObject$
|
|
20503
|
-
var DebugSection = styled.div(_templateObject2$
|
|
20502
|
+
var DebugInfoContainer = 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"])));
|
|
20503
|
+
var DebugSection = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n"])));
|
|
20504
20504
|
var DebugLabel = 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"])));
|
|
20505
20505
|
var DebugValue = styled.span(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n color: #212529;\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n font-size: 0.8125rem;\n"])));
|
|
20506
20506
|
var ScoreBadge = 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) {
|
|
@@ -20615,7 +20615,7 @@ var DiagnosticsBadge = styled.span(_templateObject44 || (_templateObject44 = _ta
|
|
|
20615
20615
|
return $highlight ? '#004085' : $ok ? '#155724' : '#721c24';
|
|
20616
20616
|
});
|
|
20617
20617
|
|
|
20618
|
-
var _templateObject$
|
|
20618
|
+
var _templateObject$C, _templateObject2$y, _templateObject3$o, _templateObject4$j, _templateObject5$h;
|
|
20619
20619
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
20620
20620
|
var ReviewScreen = function ReviewScreen(_ref) {
|
|
20621
20621
|
var capturedDocuments = _ref.capturedDocuments,
|
|
@@ -20706,13 +20706,13 @@ var ReviewScreen = function ReviewScreen(_ref) {
|
|
|
20706
20706
|
})
|
|
20707
20707
|
});
|
|
20708
20708
|
};
|
|
20709
|
-
var Heading$9 = styled.h1(_templateObject$
|
|
20710
|
-
var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$
|
|
20709
|
+
var Heading$9 = styled.h1(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
20710
|
+
var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
20711
20711
|
var ImageRow = styled(OverlayImageRow)(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
20712
20712
|
var ImageCol$1 = styled.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
20713
20713
|
var StyledImage = styled(CapturedDocumentImg)(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
20714
20714
|
|
|
20715
|
-
var _templateObject$
|
|
20715
|
+
var _templateObject$B, _templateObject2$x, _templateObject3$n, _templateObject4$i;
|
|
20716
20716
|
var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
|
|
20717
20717
|
var _assets$imageUrl, _classNames$container;
|
|
20718
20718
|
var onRetry = _ref.onRetry,
|
|
@@ -20771,12 +20771,12 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
|
|
|
20771
20771
|
})
|
|
20772
20772
|
});
|
|
20773
20773
|
};
|
|
20774
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(_templateObject$
|
|
20775
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$
|
|
20774
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
20775
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n flex-grow: 0;\n"])));
|
|
20776
20776
|
var Description$3 = styled.p(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
20777
20777
|
var RetryButton$1 = styled(LoaderButton)(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
20778
20778
|
|
|
20779
|
-
var _templateObject$
|
|
20779
|
+
var _templateObject$A, _templateObject2$w, _templateObject3$m;
|
|
20780
20780
|
var ErrorScreen = function ErrorScreen(_ref) {
|
|
20781
20781
|
var error = _ref.error,
|
|
20782
20782
|
onRetry = _ref.onRetry,
|
|
@@ -20967,8 +20967,8 @@ var cameraFailureClassNames = function cameraFailureClassNames(own, bag) {
|
|
|
20967
20967
|
// component pins its own foreground for the same reason (e.g.
|
|
20968
20968
|
// IdCaptureLoadingOverlayDefault's `theme...textColor ?? 'black'`); do the
|
|
20969
20969
|
// same here rather than inherit a foreground meant for the dark overlays.
|
|
20970
|
-
var ErrorCard = styled(FlexCard)(_templateObject$
|
|
20971
|
-
var Heading$8 = styled.h1(_templateObject2$
|
|
20970
|
+
var ErrorCard = styled(FlexCard)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n color: black;\n"])));
|
|
20971
|
+
var Heading$8 = styled.h1(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1rem;\n"])));
|
|
20972
20972
|
var Description$2 = styled.p(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 1.5rem;\n"])));
|
|
20973
20973
|
|
|
20974
20974
|
// The one file-read both fallback screens use.
|
|
@@ -21010,7 +21010,7 @@ function fallbackCaptureMoreLabelForStep(idCaptureRequirement, idCardBackCapture
|
|
|
21010
21010
|
return key === 'third' ? 'ID page of passport' : 'back of ID card';
|
|
21011
21011
|
}
|
|
21012
21012
|
|
|
21013
|
-
var _templateObject$
|
|
21013
|
+
var _templateObject$z, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$c, _templateObject7$a;
|
|
21014
21014
|
function IdCaptureFallback(_ref) {
|
|
21015
21015
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
21016
21016
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -21179,15 +21179,15 @@ function IdCaptureFallback(_ref) {
|
|
|
21179
21179
|
})
|
|
21180
21180
|
});
|
|
21181
21181
|
}
|
|
21182
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(_templateObject$
|
|
21183
|
-
var Heading$7 = styled.h3(_templateObject2$
|
|
21182
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
21183
|
+
var Heading$7 = styled.h3(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
21184
21184
|
var Description$1 = styled.p(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
21185
21185
|
var Instruction = styled.p(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
21186
21186
|
var ReadFailed$1 = styled.p(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
21187
21187
|
var ImageCol = styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
21188
21188
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
21189
21189
|
|
|
21190
|
-
var _templateObject$
|
|
21190
|
+
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;
|
|
21191
21191
|
function IdCaptureOrUploadScreen(_ref) {
|
|
21192
21192
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
21193
21193
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -21434,11 +21434,11 @@ function IdCaptureOrUploadScreen(_ref) {
|
|
|
21434
21434
|
})]
|
|
21435
21435
|
});
|
|
21436
21436
|
}
|
|
21437
|
-
var ScreenContainer = styled.div(_templateObject$
|
|
21437
|
+
var ScreenContainer = 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) {
|
|
21438
21438
|
var _props$theme$backgrou, _props$theme;
|
|
21439
21439
|
return (_props$theme$backgrou = (_props$theme = props.theme) == null ? void 0 : _props$theme.background) != null ? _props$theme$backgrou : '#fff';
|
|
21440
21440
|
});
|
|
21441
|
-
var ScreenPanel = styled.div(_templateObject2$
|
|
21441
|
+
var ScreenPanel = 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"])));
|
|
21442
21442
|
var DashedSeparator = 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"])));
|
|
21443
21443
|
var OrWrapper = styled.span(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n transform: translateY(-50%);\n padding: 0 8px;\n background: ", ";\n"])), function (props) {
|
|
21444
21444
|
var _props$theme$backgrou2, _props$theme2;
|
|
@@ -21555,7 +21555,7 @@ function useSessionReady() {
|
|
|
21555
21555
|
return context ? context.sessionReady : true;
|
|
21556
21556
|
}
|
|
21557
21557
|
|
|
21558
|
-
var _templateObject$
|
|
21558
|
+
var _templateObject$x;
|
|
21559
21559
|
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."); }
|
|
21560
21560
|
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; } }
|
|
21561
21561
|
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; }
|
|
@@ -21571,7 +21571,7 @@ function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.lengt
|
|
|
21571
21571
|
// containing block against whatever ancestor the host provides, exactly as
|
|
21572
21572
|
// before this wrapper existed) while font-family -- an inherited CSS
|
|
21573
21573
|
// property -- still cascades to every descendant.
|
|
21574
|
-
var FontCarrier = styled.div(_templateObject$
|
|
21574
|
+
var FontCarrier = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n display: contents;\n ", "\n"])), function (props) {
|
|
21575
21575
|
var _props$theme;
|
|
21576
21576
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
21577
21577
|
});
|
|
@@ -24166,6 +24166,7 @@ function createSelfieCaptureController(config) {
|
|
|
24166
24166
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
24167
24167
|
challenge: null,
|
|
24168
24168
|
livenessTimedOut: false,
|
|
24169
|
+
retryPending: false,
|
|
24169
24170
|
handOverFace: {
|
|
24170
24171
|
status: 'off',
|
|
24171
24172
|
lastCheck: null
|
|
@@ -25547,6 +25548,19 @@ function createSelfieCaptureController(config) {
|
|
|
25547
25548
|
livenessTimedOut: false
|
|
25548
25549
|
});
|
|
25549
25550
|
}
|
|
25551
|
+
// retry()'s reset of the terminal attempt, run straight away or once a
|
|
25552
|
+
// released camera is back. Moving off the terminal phase and verdict is
|
|
25553
|
+
// what takes the view's terminal screen down.
|
|
25554
|
+
function spendRetry() {
|
|
25555
|
+
if (config.liveness) resetLivenessAttempt();
|
|
25556
|
+
progress.retry('capture-error');
|
|
25557
|
+
internal.setState({
|
|
25558
|
+
retryPending: false
|
|
25559
|
+
});
|
|
25560
|
+
dispatch({
|
|
25561
|
+
type: 'retryRequested'
|
|
25562
|
+
});
|
|
25563
|
+
}
|
|
25550
25564
|
// retry()'s capture re-entry, run straight away or once a released camera
|
|
25551
25565
|
// is back.
|
|
25552
25566
|
function resumeCapture() {
|
|
@@ -25703,6 +25717,7 @@ function createSelfieCaptureController(config) {
|
|
|
25703
25717
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
25704
25718
|
challenge: null,
|
|
25705
25719
|
livenessTimedOut: false,
|
|
25720
|
+
retryPending: false,
|
|
25706
25721
|
handOverFace: {
|
|
25707
25722
|
status: 'off',
|
|
25708
25723
|
lastCheck: null
|
|
@@ -25880,27 +25895,42 @@ function createSelfieCaptureController(config) {
|
|
|
25880
25895
|
},
|
|
25881
25896
|
retry: function retry() {
|
|
25882
25897
|
if (!active) return;
|
|
25883
|
-
if (config.liveness) resetLivenessAttempt();
|
|
25884
|
-
progress.retry('capture-error');
|
|
25885
|
-
dispatch({
|
|
25886
|
-
type: 'retryRequested'
|
|
25887
|
-
});
|
|
25888
25898
|
if (!cameraReleased) {
|
|
25899
|
+
spendRetry();
|
|
25889
25900
|
resumeCapture();
|
|
25890
25901
|
return;
|
|
25891
25902
|
}
|
|
25892
|
-
// The terminal screen handed the camera back: get it again
|
|
25893
|
-
//
|
|
25894
|
-
//
|
|
25895
|
-
//
|
|
25896
|
-
// up the camera error screen and its recovery path.
|
|
25903
|
+
// The terminal screen handed the camera back: get it again BEFORE
|
|
25904
|
+
// leaving that screen, so the user never lands on a feed with no
|
|
25905
|
+
// stream, and the initial-delay gate and kick-out count from a live
|
|
25906
|
+
// feed. A second retry() while this is in flight joins it.
|
|
25897
25907
|
if (cameraReacquisition) return;
|
|
25908
|
+
internal.setState({
|
|
25909
|
+
retryPending: true
|
|
25910
|
+
});
|
|
25898
25911
|
var generation = attachGeneration;
|
|
25912
|
+
// exitCapture() clears `retryPending` if it sent the user back to the
|
|
25913
|
+
// instructions while the camera was coming back.
|
|
25914
|
+
var stillPending = function stillPending() {
|
|
25915
|
+
return active && generation === attachGeneration && internal.getState().retryPending;
|
|
25916
|
+
};
|
|
25899
25917
|
var reacquisition = requestCamera().then(function () {
|
|
25900
|
-
|
|
25901
|
-
|
|
25902
|
-
|
|
25903
|
-
}
|
|
25918
|
+
if (!stillPending()) return;
|
|
25919
|
+
spendRetry();
|
|
25920
|
+
resumeCapture();
|
|
25921
|
+
}, function () {
|
|
25922
|
+
// Spend the attempt anyway so the terminal screen gives way to
|
|
25923
|
+
// the camera error screen, whose recovery re-enters through
|
|
25924
|
+
// 'loading'. 'retryRequested' clears `error`, so the one
|
|
25925
|
+
// requestCamera wrote goes back on after it.
|
|
25926
|
+
if (!stillPending()) return;
|
|
25927
|
+
var _internal$getState = internal.getState(),
|
|
25928
|
+
error = _internal$getState.error;
|
|
25929
|
+
spendRetry();
|
|
25930
|
+
internal.setState({
|
|
25931
|
+
error: error
|
|
25932
|
+
});
|
|
25933
|
+
})["finally"](function () {
|
|
25904
25934
|
// detach() may have dropped this one and a newer one started.
|
|
25905
25935
|
if (cameraReacquisition === reacquisition) cameraReacquisition = null;
|
|
25906
25936
|
});
|
|
@@ -25909,8 +25939,8 @@ function createSelfieCaptureController(config) {
|
|
|
25909
25939
|
exitCapture: function exitCapture() {
|
|
25910
25940
|
var _frameLoop9;
|
|
25911
25941
|
if (!active) return;
|
|
25912
|
-
var _internal$
|
|
25913
|
-
phase = _internal$
|
|
25942
|
+
var _internal$getState2 = internal.getState(),
|
|
25943
|
+
phase = _internal$getState2.phase;
|
|
25914
25944
|
if (phase === 'initializing' || phase === 'loading') return;
|
|
25915
25945
|
// Every armed timer belongs to the abandoned attempt.
|
|
25916
25946
|
clearAllTimers();
|
|
@@ -25925,7 +25955,8 @@ function createSelfieCaptureController(config) {
|
|
|
25925
25955
|
internal.setState({
|
|
25926
25956
|
capturedAttempt: null,
|
|
25927
25957
|
capturedImageUrl: null,
|
|
25928
|
-
captureRecovery: null
|
|
25958
|
+
captureRecovery: null,
|
|
25959
|
+
retryPending: false
|
|
25929
25960
|
});
|
|
25930
25961
|
dispatch({
|
|
25931
25962
|
type: 'exitRequested'
|
|
@@ -25971,8 +26002,8 @@ function useSelfieCapture(controller) {
|
|
|
25971
26002
|
return useSyncExternalStore(subscribe, controller.getState, controller.getState);
|
|
25972
26003
|
}
|
|
25973
26004
|
|
|
25974
|
-
var _templateObject$
|
|
25975
|
-
var SelfieCameraFeedWrapper = styled.div(_templateObject$
|
|
26005
|
+
var _templateObject$w;
|
|
26006
|
+
var SelfieCameraFeedWrapper = 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"])));
|
|
25976
26007
|
function SelfieCameraFeed(_ref) {
|
|
25977
26008
|
var videoRef = _ref.videoRef,
|
|
25978
26009
|
isRearFacing = _ref.isRearFacing,
|
|
@@ -25986,7 +26017,7 @@ function SelfieCameraFeed(_ref) {
|
|
|
25986
26017
|
});
|
|
25987
26018
|
}
|
|
25988
26019
|
|
|
25989
|
-
var _templateObject$
|
|
26020
|
+
var _templateObject$v, _templateObject2$t, _templateObject3$j, _templateObject4$f;
|
|
25990
26021
|
var _excluded$c = ["borderColor", "borderOpacity", "borderWidth", "status"],
|
|
25991
26022
|
_excluded2$4 = ["status", "guideStyle"],
|
|
25992
26023
|
_excluded3 = ["frame", "borderWidth", "borderColor", "borderOpacity", "verticalAlign", "status", "guideStyle"],
|
|
@@ -26063,8 +26094,8 @@ HeadGuideSvg.displayName = 'HeadGuideSvg';
|
|
|
26063
26094
|
// refresh rate for the whole capture, which low-end GPUs can't keep up with
|
|
26064
26095
|
// while also running the camera and face model. Waves only render while the
|
|
26065
26096
|
// status is 'ready', so the pulse replays each time the face leaves the guide.
|
|
26066
|
-
var headGuideWavesAnimation = keyframes(_templateObject$
|
|
26067
|
-
var PulsingHeadGuideContainer = styled.div(_templateObject2$
|
|
26097
|
+
var headGuideWavesAnimation = 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"])));
|
|
26098
|
+
var PulsingHeadGuideContainer = 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);
|
|
26068
26099
|
function HeadGuide(_ref2) {
|
|
26069
26100
|
var _theme$selfieCapture$, _theme$selfieCapture, _theme$selfieCapture$2, _theme$selfieCapture2, _theme$selfieCapture$3, _theme$selfieCapture3, _props$className;
|
|
26070
26101
|
var _ref2$status = _ref2.status,
|
|
@@ -26375,11 +26406,11 @@ function SelfieCaptureAnimatedMaskWithStatus(_ref5) {
|
|
|
26375
26406
|
}));
|
|
26376
26407
|
}
|
|
26377
26408
|
|
|
26378
|
-
var _templateObject$
|
|
26379
|
-
var FaceCaptureGuideContainer = styled.div(_templateObject$
|
|
26409
|
+
var _templateObject$u, _templateObject2$s;
|
|
26410
|
+
var FaceCaptureGuideContainer = 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) {
|
|
26380
26411
|
return props.$clip ? 'overflow: hidden;' : '';
|
|
26381
26412
|
});
|
|
26382
|
-
var FaceCaptureGuideInner = styled.div(_templateObject2$
|
|
26413
|
+
var FaceCaptureGuideInner = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 60%;\n"])));
|
|
26383
26414
|
// Memoized: the capture surfaces re-render on every analyzed frame, but the
|
|
26384
26415
|
// guide's props only change when the mask status does.
|
|
26385
26416
|
var FaceCaptureGuideOverlay = /*#__PURE__*/memo(function FaceCaptureGuideOverlay(_ref) {
|
|
@@ -26689,7 +26720,7 @@ function SelfieCaptureLoadingGraphic(_ref) {
|
|
|
26689
26720
|
});
|
|
26690
26721
|
}
|
|
26691
26722
|
|
|
26692
|
-
var _templateObject$
|
|
26723
|
+
var _templateObject$t, _templateObject2$r, _templateObject3$i, _templateObject4$e, _templateObject5$e;
|
|
26693
26724
|
var legacyInstructionImageUrl = DEFAULT_CDN_URL$1 + "/Selfie-Image-1.png";
|
|
26694
26725
|
// Module-level so the default `now` prop has a stable identity across
|
|
26695
26726
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -26860,14 +26891,14 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
26860
26891
|
})
|
|
26861
26892
|
});
|
|
26862
26893
|
};
|
|
26863
|
-
var OverlayInner = styled(LoadingOverlayInner)(_templateObject$
|
|
26894
|
+
var OverlayInner = styled(LoadingOverlayInner)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
26864
26895
|
var _props$theme$selfieCa, _props$theme;
|
|
26865
26896
|
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;
|
|
26866
26897
|
}, function (props) {
|
|
26867
26898
|
var _props$theme$selfieCa2, _props$theme2;
|
|
26868
26899
|
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';
|
|
26869
26900
|
});
|
|
26870
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
26901
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
26871
26902
|
var _props$theme$selfieCa3, _props$theme3;
|
|
26872
26903
|
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';
|
|
26873
26904
|
}, function (props) {
|
|
@@ -26926,7 +26957,7 @@ function selfieLoadingOverlayBottomEdgeColor(theme, modelsReady) {
|
|
|
26926
26957
|
});
|
|
26927
26958
|
}
|
|
26928
26959
|
|
|
26929
|
-
var _templateObject$
|
|
26960
|
+
var _templateObject$s, _templateObject2$q;
|
|
26930
26961
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_ref) {
|
|
26931
26962
|
var _assets$instructionIm;
|
|
26932
26963
|
var state = _ref.state,
|
|
@@ -27002,10 +27033,10 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
27002
27033
|
})
|
|
27003
27034
|
});
|
|
27004
27035
|
};
|
|
27005
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(_templateObject$
|
|
27006
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$
|
|
27036
|
+
var StyledGuidanceMessage = 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"])));
|
|
27037
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
27007
27038
|
|
|
27008
|
-
var _templateObject$
|
|
27039
|
+
var _templateObject$r, _templateObject2$p, _templateObject3$h, _templateObject4$d, _templateObject5$d, _templateObject6$a, _templateObject7$8;
|
|
27009
27040
|
// Module-level so the default `now` prop has a stable identity across
|
|
27010
27041
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
27011
27042
|
var defaultNow = function defaultNow() {
|
|
@@ -27263,8 +27294,8 @@ var SelfieCaptureLoadingOverlayRing = function SelfieCaptureLoadingOverlayRing(_
|
|
|
27263
27294
|
})
|
|
27264
27295
|
});
|
|
27265
27296
|
};
|
|
27266
|
-
var overlayFadeIn = keyframes(_templateObject$
|
|
27267
|
-
var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$
|
|
27297
|
+
var overlayFadeIn = keyframes(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
27298
|
+
var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
27268
27299
|
var _props$theme$selfieCa, _props$theme;
|
|
27269
27300
|
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)';
|
|
27270
27301
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -27306,7 +27337,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_ref) {
|
|
|
27306
27337
|
return jsx(Component, _extends({}, props));
|
|
27307
27338
|
};
|
|
27308
27339
|
|
|
27309
|
-
var _templateObject$
|
|
27340
|
+
var _templateObject$q, _templateObject2$o, _templateObject3$g, _templateObject4$c, _templateObject5$c, _templateObject6$9;
|
|
27310
27341
|
function SelfieCaptureFallback(_ref) {
|
|
27311
27342
|
var _ref$silentFallback = _ref.silentFallback,
|
|
27312
27343
|
silentFallback = _ref$silentFallback === void 0 ? false : _ref$silentFallback,
|
|
@@ -27460,14 +27491,14 @@ function SelfieCaptureFallback(_ref) {
|
|
|
27460
27491
|
})
|
|
27461
27492
|
});
|
|
27462
27493
|
}
|
|
27463
|
-
var StyledOverlayInner = styled(OverlayInner$2)(_templateObject$
|
|
27464
|
-
var Heading$6 = styled.h1(_templateObject2$
|
|
27494
|
+
var StyledOverlayInner = styled(OverlayInner$2)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n justify-content: center;\n padding: 24px;\n box-sizing: border-box;\n"])));
|
|
27495
|
+
var Heading$6 = styled.h1(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin: 0 0 1rem;\n"])));
|
|
27465
27496
|
var Description = styled.p(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin: 0 0 1.5rem;\n"])));
|
|
27466
27497
|
var ImageContainer$4 = 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"])));
|
|
27467
27498
|
var ReadFailed = styled.p(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n margin: 0 0 1rem;\n"])));
|
|
27468
27499
|
var StyledButtonsRow$4 = styled(ButtonsRow$2)(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n justify-content: center;\n"])));
|
|
27469
27500
|
|
|
27470
|
-
var _templateObject$
|
|
27501
|
+
var _templateObject$p, _templateObject2$n;
|
|
27471
27502
|
function SelfieCaptureSurface(_ref) {
|
|
27472
27503
|
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;
|
|
27473
27504
|
var controller = _ref.controller,
|
|
@@ -27869,9 +27900,9 @@ function EyesOpenDebugLines(_ref2) {
|
|
|
27869
27900
|
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)]
|
|
27870
27901
|
});
|
|
27871
27902
|
}
|
|
27872
|
-
var ManualCaptureButtonContainer = styled.div(_templateObject$
|
|
27903
|
+
var ManualCaptureButtonContainer = 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"])));
|
|
27873
27904
|
// A footer below the camera keeps the lighting guidance visible above it.
|
|
27874
|
-
var CaptureRecoveryActions = styled.div(_templateObject2$
|
|
27905
|
+
var CaptureRecoveryActions = 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"])));
|
|
27875
27906
|
|
|
27876
27907
|
// Byte-identical to sdk2's verbiage defaults
|
|
27877
27908
|
// (SelfieCapture.tsx:273-284, FaceLivenessCapture.tsx:845-912), except
|
|
@@ -28004,7 +28035,7 @@ function livenessStatusCode(state) {
|
|
|
28004
28035
|
return null;
|
|
28005
28036
|
}
|
|
28006
28037
|
|
|
28007
|
-
var _GUIDANCE_VERBIAGE_FI, _templateObject$
|
|
28038
|
+
var _GUIDANCE_VERBIAGE_FI, _templateObject$o;
|
|
28008
28039
|
// `state.guidance.code` -> the SelfieGuidanceVerbiage field that overrides
|
|
28009
28040
|
// it. Keyed off the same `SelfieGuidanceCode` values selfieGuidanceMessageKey
|
|
28010
28041
|
// switches on (guidance/selfieStrings.ts) — NONE has no field (the pill is
|
|
@@ -28022,7 +28053,7 @@ var GUIDANCE_VERBIAGE_FIELD = (_GUIDANCE_VERBIAGE_FI = {}, _GUIDANCE_VERBIAGE_FI
|
|
|
28022
28053
|
// still-mounted-through-error rationale as IdCaptureView's ScalingCameraFeed
|
|
28023
28054
|
// (a successful retry()/requestCamera() re-attaches into the SAME element).
|
|
28024
28055
|
var CAPTURE_SURFACE_PHASES$1 = new Set(['capturing', 'challenge', 'processing', 'checking', 'completed', 'failed']);
|
|
28025
|
-
var Container$2 = styled.div(_templateObject$
|
|
28056
|
+
var Container$2 = 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) {
|
|
28026
28057
|
var _props$theme;
|
|
28027
28058
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
28028
28059
|
});
|
|
@@ -28200,11 +28231,26 @@ function SelfieCaptureViewContent(_ref) {
|
|
|
28200
28231
|
});
|
|
28201
28232
|
}
|
|
28202
28233
|
|
|
28234
|
+
var _templateObject$n, _templateObject2$m;
|
|
28235
|
+
var spin$1 = keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n to { transform: rotate(360deg); }\n"])));
|
|
28236
|
+
/**
|
|
28237
|
+
* Inline spinner for a button label while the action it started is in
|
|
28238
|
+
* flight. Used instead of LoaderButton's Ladda loader, whose effect removes
|
|
28239
|
+
* the spinner (and the button's `disabled`) right after starting it. Rotates
|
|
28240
|
+
* with `transform` only, so it composites without repainting, and takes the
|
|
28241
|
+
* button's text colour.
|
|
28242
|
+
*/
|
|
28243
|
+
var ButtonSpinner = styled.span.attrs({
|
|
28244
|
+
'aria-hidden': true
|
|
28245
|
+
})(_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);
|
|
28246
|
+
|
|
28203
28247
|
var _templateObject$m, _templateObject2$l;
|
|
28204
28248
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
|
|
28205
28249
|
var imageUrl = _ref.imageUrl,
|
|
28206
28250
|
onDoneClick = _ref.onDoneClick,
|
|
28207
28251
|
onRetryClick = _ref.onRetryClick,
|
|
28252
|
+
_ref$retrying = _ref.retrying,
|
|
28253
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
28208
28254
|
_ref$classNames = _ref.classNames,
|
|
28209
28255
|
classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
|
|
28210
28256
|
_ref$colors = _ref.colors,
|
|
@@ -28249,14 +28295,18 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
|
|
|
28249
28295
|
colors: colors.doneBtn,
|
|
28250
28296
|
className: classNames.doneBtn,
|
|
28251
28297
|
finished: true,
|
|
28298
|
+
// Done would race the retry the user already started.
|
|
28299
|
+
disabled: retrying,
|
|
28252
28300
|
children: verbiage.doneBtnText
|
|
28253
|
-
}),
|
|
28301
|
+
}), jsxs(WideBorderButton, {
|
|
28254
28302
|
variant: "secondary",
|
|
28255
28303
|
onClick: onRetryClick,
|
|
28256
28304
|
colors: colors.retryBtn,
|
|
28257
28305
|
className: classNames.retryBtn,
|
|
28258
28306
|
finished: true,
|
|
28259
|
-
|
|
28307
|
+
disabled: retrying,
|
|
28308
|
+
"aria-busy": retrying,
|
|
28309
|
+
children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
28260
28310
|
})]
|
|
28261
28311
|
})]
|
|
28262
28312
|
})
|
|
@@ -28272,6 +28322,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
|
|
|
28272
28322
|
var _ref$canRetry = _ref.canRetry,
|
|
28273
28323
|
canRetry = _ref$canRetry === void 0 ? true : _ref$canRetry,
|
|
28274
28324
|
onRetryClick = _ref.onRetryClick,
|
|
28325
|
+
_ref$retrying = _ref.retrying,
|
|
28326
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
28275
28327
|
onExitClick = _ref.onExitClick,
|
|
28276
28328
|
_ref$assets = _ref.assets,
|
|
28277
28329
|
assets = _ref$assets === void 0 ? {} : _ref$assets,
|
|
@@ -28304,13 +28356,15 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
|
|
|
28304
28356
|
children: verbiage.headingText
|
|
28305
28357
|
}), jsxs(ButtonsColumn, {
|
|
28306
28358
|
className: classNames.buttonsRow,
|
|
28307
|
-
children: [canRetry &&
|
|
28359
|
+
children: [canRetry && jsxs(WideButton, {
|
|
28308
28360
|
variant: "secondary",
|
|
28309
28361
|
className: classNames.retryBtn,
|
|
28310
28362
|
onClick: onRetryClick,
|
|
28311
28363
|
colors: colors.retryBtn,
|
|
28312
28364
|
finished: true,
|
|
28313
|
-
|
|
28365
|
+
disabled: retrying,
|
|
28366
|
+
"aria-busy": retrying,
|
|
28367
|
+
children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
28314
28368
|
}), jsx(WideBorderButton, {
|
|
28315
28369
|
variant: "secondary",
|
|
28316
28370
|
className: classNames.exitBtn,
|
|
@@ -28594,6 +28648,9 @@ function FaceLivenessViewContent(_ref) {
|
|
|
28594
28648
|
// back and let the camera light go out. `restartRun` gets it again through
|
|
28595
28649
|
// the controller's retry(). A skipped success screen needs nothing here: the
|
|
28596
28650
|
// host moves on and unmounting detaches.
|
|
28651
|
+
// Core holds the terminal screen up while a retry waits for that camera
|
|
28652
|
+
// (`retryPending`), so its Retry button shows the wait instead of the user
|
|
28653
|
+
// landing on a black feed.
|
|
28597
28654
|
var coveredByTerminalScreen = showSuccessScreen || showFailureScreen;
|
|
28598
28655
|
useEffect(function () {
|
|
28599
28656
|
if (coveredByTerminalScreen) controller.actions.releaseCamera();
|
|
@@ -28658,12 +28715,19 @@ function FaceLivenessViewContent(_ref) {
|
|
|
28658
28715
|
return onDone == null ? void 0 : onDone(completedImageUrl);
|
|
28659
28716
|
},
|
|
28660
28717
|
onRetryClick: restartRun,
|
|
28718
|
+
retrying: state.retryPending,
|
|
28661
28719
|
verbiage: verbiage.success,
|
|
28662
28720
|
classNames: classNames.success,
|
|
28663
28721
|
colors: colors.success
|
|
28664
|
-
}), showFailureScreen && jsx(FaceLivenessFailure
|
|
28665
|
-
|
|
28722
|
+
}), showFailureScreen && jsx(FaceLivenessFailure
|
|
28723
|
+
// The click already spent the budget; keep the last retry's button
|
|
28724
|
+
// up while it waits on the camera.
|
|
28725
|
+
, {
|
|
28726
|
+
// The click already spent the budget; keep the last retry's button
|
|
28727
|
+
// up while it waits on the camera.
|
|
28728
|
+
canRetry: canRetryFailure || state.retryPending,
|
|
28666
28729
|
onRetryClick: restartRun,
|
|
28730
|
+
retrying: state.retryPending,
|
|
28667
28731
|
onExitClick: onExitAfterFailure != null ? onExitAfterFailure : onExit,
|
|
28668
28732
|
assets: assets.failure,
|
|
28669
28733
|
verbiage: verbiage.failure,
|
|
@@ -48442,7 +48506,7 @@ function mapCustomerIdAndBiometricsEnrollmentProps(props, ctx) {
|
|
|
48442
48506
|
});
|
|
48443
48507
|
}
|
|
48444
48508
|
|
|
48445
|
-
var webSdkVersion = '2.5.83-changeset-release-develop-
|
|
48509
|
+
var webSdkVersion = '2.5.83-changeset-release-develop-3dfa69b';
|
|
48446
48510
|
|
|
48447
48511
|
// GENERATED by scripts/styleBagTypes.mjs from
|
|
48448
48512
|
// src/__fixtures__/sdk2StyleBags.json and the mapper sweep — do not
|