idmission-web-sdk 2.5.83-changeset-release-develop-eb57522 → 2.5.83-changeset-release-develop-3dfa69b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/props.json +1 -1
- package/dist/sdk2.cjs.development.js +201 -137
- package/dist/sdk2.cjs.development.js.map +1 -1
- package/dist/sdk2.cjs.production.js +1 -1
- package/dist/sdk2.cjs.production.js.map +1 -1
- package/dist/sdk2.esm.js +201 -137
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +201 -137
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/package.json +1 -1
|
@@ -11595,7 +11595,7 @@
|
|
|
11595
11595
|
return ctx;
|
|
11596
11596
|
}
|
|
11597
11597
|
|
|
11598
|
-
var _templateObject
|
|
11598
|
+
var _templateObject$10, _templateObject2$S;
|
|
11599
11599
|
var _excluded$j = ["isRearFacing"];
|
|
11600
11600
|
var CameraVideoTag = /*#__PURE__*/React.forwardRef(function CameraVideoTag(_ref, ref) {
|
|
11601
11601
|
var isRearFacing = _ref.isRearFacing,
|
|
@@ -11608,10 +11608,10 @@
|
|
|
11608
11608
|
"$isRearFacing": isRearFacing
|
|
11609
11609
|
}, props));
|
|
11610
11610
|
});
|
|
11611
|
-
var FullscreenVideoTag = styled.video(_templateObject
|
|
11611
|
+
var FullscreenVideoTag = styled.video(_templateObject$10 || (_templateObject$10 = _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) {
|
|
11612
11612
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
11613
11613
|
});
|
|
11614
|
-
var CameraFeedWrapper = styled.div(_templateObject2$
|
|
11614
|
+
var CameraFeedWrapper = styled.div(_templateObject2$S || (_templateObject2$S = _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) {
|
|
11615
11615
|
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;";
|
|
11616
11616
|
}, function (props) {
|
|
11617
11617
|
return props.$hidden ? 'display: none;' : '';
|
|
@@ -11666,7 +11666,7 @@
|
|
|
11666
11666
|
});
|
|
11667
11667
|
}
|
|
11668
11668
|
|
|
11669
|
-
var _templateObject
|
|
11669
|
+
var _templateObject$$, _templateObject2$R, _templateObject3$E, _templateObject4$z, _templateObject5$t, _templateObject6$l;
|
|
11670
11670
|
function _createForOfIteratorHelperLoose$v(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$v(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."); }
|
|
11671
11671
|
function _unsupportedIterableToArray$v(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$v(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$v(r, a) : void 0; } }
|
|
11672
11672
|
function _arrayLikeToArray$v(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; }
|
|
@@ -11688,8 +11688,8 @@
|
|
|
11688
11688
|
if (!portalLocation) return element;
|
|
11689
11689
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
11690
11690
|
}
|
|
11691
|
-
var DebugStatsPaneDiv = styled.span(_templateObject
|
|
11692
|
-
var ObjectDetectionDebugOverlayDiv = styled.div(_templateObject2$
|
|
11691
|
+
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"])));
|
|
11692
|
+
var ObjectDetectionDebugOverlayDiv = styled.div(_templateObject2$R || (_templateObject2$R = _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) {
|
|
11693
11693
|
var $flipX = _ref3.$flipX;
|
|
11694
11694
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
11695
11695
|
});
|
|
@@ -12001,7 +12001,7 @@
|
|
|
12001
12001
|
});
|
|
12002
12002
|
}
|
|
12003
12003
|
|
|
12004
|
-
var _templateObject$
|
|
12004
|
+
var _templateObject$_;
|
|
12005
12005
|
/**
|
|
12006
12006
|
* Over WebKit's 10px "thin border" cutoff (`LocalFrameView::fixedContainerEdges`).
|
|
12007
12007
|
* At or under it, Safari never reads the strip's `background-color`: it samples
|
|
@@ -12104,7 +12104,7 @@
|
|
|
12104
12104
|
}, "bottom:" + bottomColor)]
|
|
12105
12105
|
}), target);
|
|
12106
12106
|
}
|
|
12107
|
-
var EdgeStrip = styled.div(_templateObject$
|
|
12107
|
+
var EdgeStrip = styled.div(_templateObject$_ || (_templateObject$_ = _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) {
|
|
12108
12108
|
var $edge = _ref2.$edge;
|
|
12109
12109
|
return $edge;
|
|
12110
12110
|
}, EDGE_STRIP_PX, function (_ref3) {
|
|
@@ -12115,7 +12115,7 @@
|
|
|
12115
12115
|
return $hidden ? 'opacity: 0;' : '';
|
|
12116
12116
|
});
|
|
12117
12117
|
|
|
12118
|
-
var _templateObject$
|
|
12118
|
+
var _templateObject$Z;
|
|
12119
12119
|
var _excluded$i = ["children", "className", "colors", "disabled", "finished", "variant"];
|
|
12120
12120
|
var LoaderButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
12121
12121
|
var children = _ref.children,
|
|
@@ -12183,16 +12183,16 @@
|
|
|
12183
12183
|
}));
|
|
12184
12184
|
});
|
|
12185
12185
|
LoaderButton.displayName = 'LoaderButton';
|
|
12186
|
-
var StyledButton = styled.button(_templateObject$
|
|
12187
|
-
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
|
|
12188
|
-
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:
|
|
12186
|
+
var StyledButton = styled.button(_templateObject$Z || (_templateObject$Z = _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) {
|
|
12187
|
+
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;
|
|
12188
|
+
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 ";
|
|
12189
12189
|
});
|
|
12190
12190
|
|
|
12191
|
-
var _templateObject$
|
|
12192
|
-
var ButtonsRow$2 = styled.div(_templateObject$
|
|
12191
|
+
var _templateObject$Y;
|
|
12192
|
+
var ButtonsRow$2 = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n text-align: left;\n"])));
|
|
12193
12193
|
|
|
12194
|
-
var _templateObject$
|
|
12195
|
-
var GuidanceMessageContainerDiv = styled.div(_templateObject$
|
|
12194
|
+
var _templateObject$X, _templateObject2$Q;
|
|
12195
|
+
var GuidanceMessageContainerDiv = styled.div(_templateObject$X || (_templateObject$X = _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) {
|
|
12196
12196
|
var $top = _ref.$top;
|
|
12197
12197
|
return $top != null ? $top : '10%';
|
|
12198
12198
|
}, function (_ref2) {
|
|
@@ -12205,7 +12205,7 @@
|
|
|
12205
12205
|
if (!portalLocation) return element;
|
|
12206
12206
|
return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
|
|
12207
12207
|
};
|
|
12208
|
-
var GuidanceMessage = styled.div(_templateObject2$
|
|
12208
|
+
var GuidanceMessage = styled.div(_templateObject2$Q || (_templateObject2$Q = _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) {
|
|
12209
12209
|
var _ref3, _props$$background, _props$theme, _props$$variant;
|
|
12210
12210
|
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';
|
|
12211
12211
|
}, function (props) {
|
|
@@ -12257,19 +12257,19 @@
|
|
|
12257
12257
|
});
|
|
12258
12258
|
};
|
|
12259
12259
|
|
|
12260
|
-
var _templateObject$
|
|
12261
|
-
var wavesAnimation = keyframes(_templateObject$
|
|
12262
|
-
var progressBarAnimation = keyframes(_templateObject2$
|
|
12260
|
+
var _templateObject$W, _templateObject2$P, _templateObject3$D, _templateObject4$y;
|
|
12261
|
+
var wavesAnimation = keyframes(_templateObject$W || (_templateObject$W = _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"])));
|
|
12262
|
+
var progressBarAnimation = keyframes(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n 0% {\n width: 0;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
12263
12263
|
keyframes(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
12264
12264
|
keyframes(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 0;\n }\n"])));
|
|
12265
12265
|
|
|
12266
|
-
var _templateObject$
|
|
12267
|
-
var OverlayContainer = styled.div(_templateObject$
|
|
12266
|
+
var _templateObject$V, _templateObject2$O, _templateObject3$C, _templateObject4$x, _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;
|
|
12267
|
+
var OverlayContainer = styled.div(_templateObject$V || (_templateObject$V = _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) {
|
|
12268
12268
|
return props.theme.background ? "" + props.theme.background : "white";
|
|
12269
12269
|
}, function (props) {
|
|
12270
12270
|
return props.theme.textColor ? "color: " + props.theme.textColor + ";" : "";
|
|
12271
12271
|
});
|
|
12272
|
-
var OverlayInner$2 = styled.div(_templateObject2$
|
|
12272
|
+
var OverlayInner$2 = styled.div(_templateObject2$O || (_templateObject2$O = _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) {
|
|
12273
12273
|
var _props$theme$textAlig;
|
|
12274
12274
|
return (_props$theme$textAlig = props.theme.textAlign) != null ? _props$theme$textAlig : 'center';
|
|
12275
12275
|
}, function (props) {
|
|
@@ -12439,13 +12439,13 @@
|
|
|
12439
12439
|
|
|
12440
12440
|
var _excluded$h = ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress", "guideBoxDisabled"],
|
|
12441
12441
|
_excluded2$5 = ["borderRadius", "borderColor", "borderWidth", "borderOpacity", "progress", "isProgressBar", "scaleBorderRadius"];
|
|
12442
|
-
var _templateObject$
|
|
12443
|
-
var IdCardGuideImageContainer = styled(IdCardBorder)(_templateObject$
|
|
12442
|
+
var _templateObject$U, _templateObject2$N, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$j, _templateObject7$g;
|
|
12443
|
+
var IdCardGuideImageContainer = styled(IdCardBorder)(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n ", ";\n"])), function (props) {
|
|
12444
12444
|
return props.$isVisible ? '' : 'opacity: 0;';
|
|
12445
12445
|
}, function (props) {
|
|
12446
12446
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
12447
12447
|
});
|
|
12448
|
-
var IdCardGuideImage = styled.img(_templateObject2$
|
|
12448
|
+
var IdCardGuideImage = styled.img(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n max-height: 100%;\n transform-style: preserve-3d;\n ", "\n ", "\n"])), function (props) {
|
|
12449
12449
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
12450
12450
|
}, function (props) {
|
|
12451
12451
|
return props.$isInvisible ? 'opacity: 0;' : '';
|
|
@@ -12736,7 +12736,7 @@
|
|
|
12736
12736
|
}, [images]);
|
|
12737
12737
|
}
|
|
12738
12738
|
|
|
12739
|
-
var _templateObject$
|
|
12739
|
+
var _templateObject$T;
|
|
12740
12740
|
var FlipIdPrompt = function FlipIdPrompt(_ref) {
|
|
12741
12741
|
var _ref$images = _ref.images,
|
|
12742
12742
|
images = _ref$images === void 0 ? defaultIdCaptureGuideImages : _ref$images,
|
|
@@ -12833,11 +12833,11 @@
|
|
|
12833
12833
|
})]
|
|
12834
12834
|
});
|
|
12835
12835
|
};
|
|
12836
|
-
var Wrapper$1 = styled.div(_templateObject$
|
|
12836
|
+
var Wrapper$1 = styled.div(_templateObject$T || (_templateObject$T = _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) {
|
|
12837
12837
|
return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
|
|
12838
12838
|
});
|
|
12839
12839
|
|
|
12840
|
-
var _templateObject$
|
|
12840
|
+
var _templateObject$S, _templateObject2$M, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$c, _templateObject9$c;
|
|
12841
12841
|
var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_ref) {
|
|
12842
12842
|
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;
|
|
12843
12843
|
var _ref$classNames = _ref.classNames,
|
|
@@ -12993,8 +12993,8 @@
|
|
|
12993
12993
|
return v;
|
|
12994
12994
|
}).join(' ');
|
|
12995
12995
|
};
|
|
12996
|
-
var StyledPageContainer = styled.div(_templateObject$
|
|
12997
|
-
var GuidesContainer = styled.div(_templateObject2$
|
|
12996
|
+
var StyledPageContainer = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1000;\n overflow: hidden;\n"])));
|
|
12997
|
+
var GuidesContainer = styled.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
12998
12998
|
var GuideCenterRow = styled.div(_templateObject3$A || (_templateObject3$A = _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"])));
|
|
12999
12999
|
var GuideRegion = styled.div(_templateObject4$v || (_templateObject4$v = _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) {
|
|
13000
13000
|
var _ref2, _props$$maskColor, _props$theme;
|
|
@@ -13026,7 +13026,7 @@
|
|
|
13026
13026
|
/** The mask colour when neither the prop nor the theme sets one. */
|
|
13027
13027
|
var OVERLAY_GUIDE_MASK_DEFAULT = 'rgba(0, 0, 0, 0.5)';
|
|
13028
13028
|
|
|
13029
|
-
var _templateObject$
|
|
13029
|
+
var _templateObject$R, _templateObject2$L, _templateObject3$z, _templateObject4$u;
|
|
13030
13030
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
|
|
13031
13031
|
var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid5, _theme$idCapture5, _theme$idCapture$guid6, _theme$idCapture6, _theme$idCapture$guid7, _theme$idCapture7;
|
|
13032
13032
|
var aspectRatio = _ref.aspectRatio,
|
|
@@ -13263,10 +13263,10 @@
|
|
|
13263
13263
|
})]
|
|
13264
13264
|
});
|
|
13265
13265
|
};
|
|
13266
|
-
var CanvasWrapper$1 = styled.div(_templateObject$
|
|
13266
|
+
var CanvasWrapper$1 = styled.div(_templateObject$R || (_templateObject$R = _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) {
|
|
13267
13267
|
return props.$aboveCameraFeed ? "z-index: 1;" : "box-shadow: inset 0 0 0 2px " + props.$maskColor + ";\n z-index: -1;";
|
|
13268
13268
|
});
|
|
13269
|
-
var Canvas$2 = styled.canvas(_templateObject2$
|
|
13269
|
+
var Canvas$2 = styled.canvas(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n display: block;\n"])));
|
|
13270
13270
|
var CaptureAreaProgress = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n width: ", "px;\n height: ", "px;\n pointer-events: none;\n"])), function (props) {
|
|
13271
13271
|
return props.$x;
|
|
13272
13272
|
}, function (props) {
|
|
@@ -13295,8 +13295,8 @@
|
|
|
13295
13295
|
});
|
|
13296
13296
|
}
|
|
13297
13297
|
|
|
13298
|
-
var _templateObject$
|
|
13299
|
-
var ExitCaptureStyledButton = styled.button(_templateObject$
|
|
13298
|
+
var _templateObject$Q;
|
|
13299
|
+
var ExitCaptureStyledButton = styled.button(_templateObject$Q || (_templateObject$Q = _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"])));
|
|
13300
13300
|
var ExitCaptureButton = function ExitCaptureButton(_ref) {
|
|
13301
13301
|
var onClick = _ref.onClick,
|
|
13302
13302
|
className = _ref.className;
|
|
@@ -13345,7 +13345,7 @@
|
|
|
13345
13345
|
});
|
|
13346
13346
|
};
|
|
13347
13347
|
|
|
13348
|
-
var _templateObject$
|
|
13348
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$y, _templateObject4$t;
|
|
13349
13349
|
function IdCaptureLoadingGraphic(props) {
|
|
13350
13350
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
13351
13351
|
return isMobile ? jsx(IdCaptureLoadingGraphicMobile, _extends({}, props)) : jsx(IdCaptureLoadingGraphicDesktop, _extends({}, props));
|
|
@@ -13842,8 +13842,8 @@
|
|
|
13842
13842
|
})]
|
|
13843
13843
|
});
|
|
13844
13844
|
}
|
|
13845
|
-
var LoadingGraphicWrapper = styled.div(_templateObject$
|
|
13846
|
-
var LoadingGraphicSvg = styled.svg(_templateObject2$
|
|
13845
|
+
var LoadingGraphicWrapper = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n height: 100%;\n"])));
|
|
13846
|
+
var LoadingGraphicSvg = styled.svg(_templateObject2$K || (_templateObject2$K = _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) {
|
|
13847
13847
|
return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
|
|
13848
13848
|
}, function (props) {
|
|
13849
13849
|
return props.$frame >= 5 ? 10 : 0;
|
|
@@ -14041,7 +14041,7 @@
|
|
|
14041
14041
|
}, [enabled, ready]);
|
|
14042
14042
|
};
|
|
14043
14043
|
|
|
14044
|
-
var _templateObject$
|
|
14044
|
+
var _templateObject$O;
|
|
14045
14045
|
var LoadingSpinnerContext = /*#__PURE__*/React.createContext(undefined);
|
|
14046
14046
|
function LoadingSpinnerProvider(_ref) {
|
|
14047
14047
|
var spinner = _ref.spinner,
|
|
@@ -14109,9 +14109,9 @@
|
|
|
14109
14109
|
}
|
|
14110
14110
|
// `display: contents` while empty: an empty flex box still occupies its
|
|
14111
14111
|
// parent's gap/padding, which would offset the fallback it sits next to.
|
|
14112
|
-
var SpinnerSlot = styled.div(_templateObject$
|
|
14112
|
+
var SpinnerSlot = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:empty {\n display: contents;\n }\n"])));
|
|
14113
14113
|
|
|
14114
|
-
var _templateObject$
|
|
14114
|
+
var _templateObject$N, _templateObject2$J, _templateObject3$x, _templateObject4$s, _templateObject5$p;
|
|
14115
14115
|
var legacyInstructionImageUrl$1 = DEFAULT_CDN_URL$1 + "/WebSDK-Instruction-DL-Capture-3-Portrait.png";
|
|
14116
14116
|
// Module-level so the default `now` prop has a stable identity across
|
|
14117
14117
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -14300,14 +14300,14 @@
|
|
|
14300
14300
|
})
|
|
14301
14301
|
});
|
|
14302
14302
|
};
|
|
14303
|
-
var OverlayInner$1 = styled(LoadingOverlayInner)(_templateObject$
|
|
14303
|
+
var OverlayInner$1 = styled(LoadingOverlayInner)(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
14304
14304
|
var _props$theme$idCaptur, _props$theme;
|
|
14305
14305
|
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;
|
|
14306
14306
|
}, function (props) {
|
|
14307
14307
|
var _props$theme$idCaptur2, _props$theme2;
|
|
14308
14308
|
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';
|
|
14309
14309
|
});
|
|
14310
|
-
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
14310
|
+
var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
14311
14311
|
var _props$theme$idCaptur3, _props$theme3;
|
|
14312
14312
|
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';
|
|
14313
14313
|
}, function (props) {
|
|
@@ -22961,7 +22961,7 @@
|
|
|
22961
22961
|
return bag == null ? void 0 : bag[instructionVerbiageKeys[code]];
|
|
22962
22962
|
}
|
|
22963
22963
|
|
|
22964
|
-
var _templateObject$
|
|
22964
|
+
var _templateObject$M, _templateObject2$I, _templateObject3$w, _templateObject4$r, _templateObject5$o;
|
|
22965
22965
|
var PDF417_ASPECT_RATIO = 3 / 1;
|
|
22966
22966
|
function BarcodeGuideOverlay(_ref) {
|
|
22967
22967
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
@@ -23091,15 +23091,15 @@
|
|
|
23091
23091
|
})]
|
|
23092
23092
|
});
|
|
23093
23093
|
}
|
|
23094
|
-
var Wrapper = styled.div(_templateObject$
|
|
23095
|
-
var Canvas$1 = styled.canvas(_templateObject2$
|
|
23094
|
+
var Wrapper = styled.div(_templateObject$M || (_templateObject$M = _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"])));
|
|
23095
|
+
var Canvas$1 = styled.canvas(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
23096
23096
|
var TextOverlay = styled.div(_templateObject3$w || (_templateObject3$w = _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"])));
|
|
23097
23097
|
var HeaderText = styled.div(_templateObject4$r || (_templateObject4$r = _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"])));
|
|
23098
23098
|
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"])));
|
|
23099
23099
|
|
|
23100
|
-
var _templateObject$
|
|
23101
|
-
var scaleIn = keyframes(_templateObject$
|
|
23102
|
-
var drawCheck = keyframes(_templateObject2$
|
|
23100
|
+
var _templateObject$L, _templateObject2$H, _templateObject3$v, _templateObject4$q, _templateObject5$n, _templateObject6$h;
|
|
23101
|
+
var scaleIn = keyframes(_templateObject$L || (_templateObject$L = _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"])));
|
|
23102
|
+
var drawCheck = keyframes(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n 0% {\n stroke-dashoffset: 24;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n"])));
|
|
23103
23103
|
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 align-items: center;\n justify-content: center;\n pointer-events: none;\n z-index: 3;\n"])));
|
|
23104
23104
|
styled.div(_templateObject4$q || (_templateObject4$q = _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) {
|
|
23105
23105
|
return props.$color;
|
|
@@ -23199,7 +23199,7 @@
|
|
|
23199
23199
|
});
|
|
23200
23200
|
}
|
|
23201
23201
|
|
|
23202
|
-
var _templateObject$
|
|
23202
|
+
var _templateObject$K, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$m;
|
|
23203
23203
|
function OverrideWrongDocumentTypeDialog(_ref) {
|
|
23204
23204
|
var visible = _ref.visible,
|
|
23205
23205
|
onOverride = _ref.onOverride,
|
|
@@ -23231,14 +23231,14 @@
|
|
|
23231
23231
|
})
|
|
23232
23232
|
});
|
|
23233
23233
|
}
|
|
23234
|
-
var Container$3 = styled.div(_templateObject$
|
|
23234
|
+
var Container$3 = styled.div(_templateObject$K || (_templateObject$K = _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) {
|
|
23235
23235
|
var _props$theme$idCaptur, _props$theme$idCaptur2;
|
|
23236
23236
|
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';
|
|
23237
23237
|
}, function (props) {
|
|
23238
23238
|
var _props$theme$idCaptur3, _props$theme$idCaptur4;
|
|
23239
23239
|
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';
|
|
23240
23240
|
});
|
|
23241
|
-
var InnerContainer = styled.div(_templateObject2$
|
|
23241
|
+
var InnerContainer = styled.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n padding: 16px 24px;\n margin: auto 0;\n width: 100%;\n"])));
|
|
23242
23242
|
var Message = styled.span(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n display: block;\n margin: auto 12px auto 0;\n"])));
|
|
23243
23243
|
var ButtonContainer = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-left: auto;\n"])));
|
|
23244
23244
|
var Button = styled(LoaderButton)(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n white-space: nowrap;\n margin: auto;\n"])));
|
|
@@ -23348,7 +23348,7 @@
|
|
|
23348
23348
|
});
|
|
23349
23349
|
};
|
|
23350
23350
|
|
|
23351
|
-
var _templateObject$
|
|
23351
|
+
var _templateObject$J, _templateObject2$F;
|
|
23352
23352
|
var RING_SIZE = 74;
|
|
23353
23353
|
var RADIUS = 32;
|
|
23354
23354
|
var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
|
|
@@ -23393,8 +23393,8 @@
|
|
|
23393
23393
|
})]
|
|
23394
23394
|
});
|
|
23395
23395
|
};
|
|
23396
|
-
var RingSvg = styled.svg(_templateObject$
|
|
23397
|
-
var FillCircle = styled.circle(_templateObject2$
|
|
23396
|
+
var RingSvg = styled.svg(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n transform: rotate(-90deg);\n"])), RING_SIZE, RING_SIZE);
|
|
23397
|
+
var FillCircle = styled.circle(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n transition: stroke-dashoffset 0.3s linear;\n"])));
|
|
23398
23398
|
|
|
23399
23399
|
var selectRingStatusKey = function selectRingStatusKey(_ref) {
|
|
23400
23400
|
var ready = _ref.ready,
|
|
@@ -23409,7 +23409,7 @@
|
|
|
23409
23409
|
return 'warming';
|
|
23410
23410
|
};
|
|
23411
23411
|
|
|
23412
|
-
var _templateObject$
|
|
23412
|
+
var _templateObject$I, _templateObject2$E, _templateObject3$t, _templateObject4$o, _templateObject5$l, _templateObject6$g, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject0$a, _templateObject1$9, _templateObject10$9;
|
|
23413
23413
|
/**
|
|
23414
23414
|
* The ring overlay's priming cover page (CEO prototype `#v-prime`): camera
|
|
23415
23415
|
* badge, title/subtitle, step chips, reassurance chip, "Enable camera &
|
|
@@ -23488,8 +23488,8 @@
|
|
|
23488
23488
|
})]
|
|
23489
23489
|
});
|
|
23490
23490
|
};
|
|
23491
|
-
var _float = keyframes(_templateObject$
|
|
23492
|
-
var sweep = keyframes(_templateObject2$
|
|
23491
|
+
var _float = keyframes(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-7px); }\n"])));
|
|
23492
|
+
var sweep = keyframes(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n from { transform: translateX(-100%); }\n to { transform: translateX(100%); }\n"])));
|
|
23493
23493
|
var IntroLayout = styled.div(_templateObject3$t || (_templateObject3$t = _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"])));
|
|
23494
23494
|
var Badge = styled.div(_templateObject4$o || (_templateObject4$o = _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) {
|
|
23495
23495
|
return props.$color;
|
|
@@ -23539,7 +23539,7 @@
|
|
|
23539
23539
|
return requesting ? 'requesting' : 'intro';
|
|
23540
23540
|
};
|
|
23541
23541
|
|
|
23542
|
-
var _templateObject$
|
|
23542
|
+
var _templateObject$H, _templateObject2$D, _templateObject3$s, _templateObject4$n, _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;
|
|
23543
23543
|
/** Minimum time a stage handoff stays on screen so its message is
|
|
23544
23544
|
* legible even when everything preloaded and readiness is instant. */
|
|
23545
23545
|
var STAGE_TRANSITION_HOLD_MS = 1600;
|
|
@@ -23598,8 +23598,8 @@
|
|
|
23598
23598
|
})]
|
|
23599
23599
|
});
|
|
23600
23600
|
};
|
|
23601
|
-
var badgePop = keyframes(_templateObject$
|
|
23602
|
-
var cardFlip = keyframes(_templateObject2$
|
|
23601
|
+
var badgePop = keyframes(_templateObject$H || (_templateObject$H = _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"])));
|
|
23602
|
+
var cardFlip = keyframes(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n from { transform: rotateY(0deg); }\n to { transform: rotateY(180deg); }\n"])));
|
|
23603
23603
|
var microcopyBeat = keyframes(_templateObject3$s || (_templateObject3$s = _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"])));
|
|
23604
23604
|
var rise = keyframes(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n"])));
|
|
23605
23605
|
var riseSubtle = keyframes(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 0.65; transform: translateY(0); }\n"])));
|
|
@@ -23630,7 +23630,7 @@
|
|
|
23630
23630
|
return props.$visible ? 1 : 0;
|
|
23631
23631
|
});
|
|
23632
23632
|
|
|
23633
|
-
var _templateObject$
|
|
23633
|
+
var _templateObject$G, _templateObject2$C, _templateObject3$r, _templateObject4$m, _templateObject5$j, _templateObject6$e, _templateObject7$c;
|
|
23634
23634
|
// Module-level so the default `now` prop has a stable identity across
|
|
23635
23635
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
23636
23636
|
var defaultNow$2 = function defaultNow() {
|
|
@@ -23904,8 +23904,8 @@
|
|
|
23904
23904
|
})
|
|
23905
23905
|
});
|
|
23906
23906
|
};
|
|
23907
|
-
var overlayFadeIn$1 = keyframes(_templateObject$
|
|
23908
|
-
var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$
|
|
23907
|
+
var overlayFadeIn$1 = keyframes(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
23908
|
+
var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
23909
23909
|
var _props$theme$idCaptur, _props$theme;
|
|
23910
23910
|
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)';
|
|
23911
23911
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -24009,11 +24009,11 @@
|
|
|
24009
24009
|
});
|
|
24010
24010
|
};
|
|
24011
24011
|
|
|
24012
|
-
var _templateObject$
|
|
24013
|
-
var Card = styled.div(_templateObject$
|
|
24014
|
-
var FlexCard = styled(Card)(_templateObject2$
|
|
24012
|
+
var _templateObject$F, _templateObject2$B;
|
|
24013
|
+
var Card = styled.div(_templateObject$F || (_templateObject$F = _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"])));
|
|
24014
|
+
var FlexCard = styled(Card)(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
24015
24015
|
|
|
24016
|
-
var _templateObject$
|
|
24016
|
+
var _templateObject$E, _templateObject2$A, _templateObject3$q, _templateObject4$l, _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;
|
|
24017
24017
|
function ReviewDocumentDiagnostics(_ref) {
|
|
24018
24018
|
var _document$detectionSc, _document$detectionSc2, _document$focusScore, _document$focusScore2;
|
|
24019
24019
|
var document = _ref.document,
|
|
@@ -24472,8 +24472,8 @@
|
|
|
24472
24472
|
})]
|
|
24473
24473
|
});
|
|
24474
24474
|
}
|
|
24475
|
-
var DebugInfoContainer = styled.div(_templateObject$
|
|
24476
|
-
var DebugSection = styled.div(_templateObject2$
|
|
24475
|
+
var DebugInfoContainer = styled.div(_templateObject$E || (_templateObject$E = _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"])));
|
|
24476
|
+
var DebugSection = styled.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n"])));
|
|
24477
24477
|
var DebugLabel = styled.span(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n width: 110px;\n flex-shrink: 0;\n color: #495057;\n font-size: 0.8125rem;\n font-weight: 600;\n"])));
|
|
24478
24478
|
var DebugValue = styled.span(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n color: #212529;\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n font-size: 0.8125rem;\n"])));
|
|
24479
24479
|
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) {
|
|
@@ -24588,7 +24588,7 @@
|
|
|
24588
24588
|
return $highlight ? '#004085' : $ok ? '#155724' : '#721c24';
|
|
24589
24589
|
});
|
|
24590
24590
|
|
|
24591
|
-
var _templateObject$
|
|
24591
|
+
var _templateObject$D, _templateObject2$z, _templateObject3$p, _templateObject4$k, _templateObject5$h;
|
|
24592
24592
|
var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
|
|
24593
24593
|
var ReviewScreen = function ReviewScreen(_ref) {
|
|
24594
24594
|
var capturedDocuments = _ref.capturedDocuments,
|
|
@@ -24679,13 +24679,13 @@
|
|
|
24679
24679
|
})
|
|
24680
24680
|
});
|
|
24681
24681
|
};
|
|
24682
|
-
var Heading$9 = styled.h1(_templateObject$
|
|
24683
|
-
var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$
|
|
24682
|
+
var Heading$9 = styled.h1(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1.5rem;\n"])));
|
|
24683
|
+
var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n flex-grow: 1;\n overflow-y: auto;\n padding-bottom: 0;\n max-width: 100%;\n"])));
|
|
24684
24684
|
var ImageRow = styled(OverlayImageRow)(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n flex-direction: column;\n position: relative;\n width: 100%;\n"])));
|
|
24685
24685
|
var ImageCol$1 = styled.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n width: 450px;\n max-width: 100%;\n max-height: none !important;\n"])));
|
|
24686
24686
|
var StyledImage = styled(CapturedDocumentImg)(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 12px;\n"])));
|
|
24687
24687
|
|
|
24688
|
-
var _templateObject$
|
|
24688
|
+
var _templateObject$C, _templateObject2$y, _templateObject3$o, _templateObject4$j;
|
|
24689
24689
|
var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
|
|
24690
24690
|
var _assets$imageUrl, _classNames$container;
|
|
24691
24691
|
var onRetry = _ref.onRetry,
|
|
@@ -24744,12 +24744,12 @@
|
|
|
24744
24744
|
})
|
|
24745
24745
|
});
|
|
24746
24746
|
};
|
|
24747
|
-
var StyledOverlayInner$2 = styled(OverlayInner$2)(_templateObject$
|
|
24748
|
-
var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$
|
|
24747
|
+
var StyledOverlayInner$2 = styled(OverlayInner$2)(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
24748
|
+
var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n flex-grow: 0;\n"])));
|
|
24749
24749
|
var Description$3 = styled.p(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
24750
24750
|
var RetryButton$1 = styled(LoaderButton)(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
24751
24751
|
|
|
24752
|
-
var _templateObject$
|
|
24752
|
+
var _templateObject$B, _templateObject2$x, _templateObject3$n;
|
|
24753
24753
|
var ErrorScreen = function ErrorScreen(_ref) {
|
|
24754
24754
|
var error = _ref.error,
|
|
24755
24755
|
onRetry = _ref.onRetry,
|
|
@@ -24940,8 +24940,8 @@
|
|
|
24940
24940
|
// component pins its own foreground for the same reason (e.g.
|
|
24941
24941
|
// IdCaptureLoadingOverlayDefault's `theme...textColor ?? 'black'`); do the
|
|
24942
24942
|
// same here rather than inherit a foreground meant for the dark overlays.
|
|
24943
|
-
var ErrorCard = styled(FlexCard)(_templateObject$
|
|
24944
|
-
var Heading$8 = styled.h1(_templateObject2$
|
|
24943
|
+
var ErrorCard = styled(FlexCard)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n color: black;\n"])));
|
|
24944
|
+
var Heading$8 = styled.h1(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin-top: 0;\n margin-bottom: 1rem;\n"])));
|
|
24945
24945
|
var Description$2 = styled.p(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin-bottom: 1.5rem;\n"])));
|
|
24946
24946
|
|
|
24947
24947
|
// The one file-read both fallback screens use.
|
|
@@ -24983,7 +24983,7 @@
|
|
|
24983
24983
|
return key === 'third' ? 'ID page of passport' : 'back of ID card';
|
|
24984
24984
|
}
|
|
24985
24985
|
|
|
24986
|
-
var _templateObject$
|
|
24986
|
+
var _templateObject$A, _templateObject2$w, _templateObject3$m, _templateObject4$i, _templateObject5$g, _templateObject6$c, _templateObject7$a;
|
|
24987
24987
|
function IdCaptureFallback(_ref) {
|
|
24988
24988
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
24989
24989
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -25152,15 +25152,15 @@
|
|
|
25152
25152
|
})
|
|
25153
25153
|
});
|
|
25154
25154
|
}
|
|
25155
|
-
var StyledOverlayInner$1 = styled(OverlayInner$2)(_templateObject$
|
|
25156
|
-
var Heading$7 = styled.h3(_templateObject2$
|
|
25155
|
+
var StyledOverlayInner$1 = styled(OverlayInner$2)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n justify-content: center;\n"])));
|
|
25156
|
+
var Heading$7 = styled.h3(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
25157
25157
|
var Description$1 = styled.p(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n"])));
|
|
25158
25158
|
var Instruction = styled.p(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
25159
25159
|
var ReadFailed$1 = styled.p(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n"])));
|
|
25160
25160
|
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"])));
|
|
25161
25161
|
var StyledButtonsRow$6 = styled(ButtonsRow$2)(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n margin-top: 32px;\n"])));
|
|
25162
25162
|
|
|
25163
|
-
var _templateObject$
|
|
25163
|
+
var _templateObject$z, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject5$f, _templateObject6$b, _templateObject7$9, _templateObject8$8, _templateObject9$8, _templateObject0$7, _templateObject1$6, _templateObject10$6;
|
|
25164
25164
|
function IdCaptureOrUploadScreen(_ref) {
|
|
25165
25165
|
var _ref$captureRequireme = _ref.captureRequirement,
|
|
25166
25166
|
captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
|
|
@@ -25407,11 +25407,11 @@
|
|
|
25407
25407
|
})]
|
|
25408
25408
|
});
|
|
25409
25409
|
}
|
|
25410
|
-
var ScreenContainer = styled.div(_templateObject$
|
|
25410
|
+
var ScreenContainer = styled.div(_templateObject$z || (_templateObject$z = _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) {
|
|
25411
25411
|
var _props$theme$backgrou, _props$theme;
|
|
25412
25412
|
return (_props$theme$backgrou = (_props$theme = props.theme) == null ? void 0 : _props$theme.background) != null ? _props$theme$backgrou : '#fff';
|
|
25413
25413
|
});
|
|
25414
|
-
var ScreenPanel = styled.div(_templateObject2$
|
|
25414
|
+
var ScreenPanel = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n width: 100%;\n max-width: 320px;\n"])));
|
|
25415
25415
|
var DashedSeparator = styled.div(_templateObject3$l || (_templateObject3$l = _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"])));
|
|
25416
25416
|
var OrWrapper = styled.span(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n transform: translateY(-50%);\n padding: 0 8px;\n background: ", ";\n"])), function (props) {
|
|
25417
25417
|
var _props$theme$backgrou2, _props$theme2;
|
|
@@ -25528,7 +25528,7 @@
|
|
|
25528
25528
|
return context ? context.sessionReady : true;
|
|
25529
25529
|
}
|
|
25530
25530
|
|
|
25531
|
-
var _templateObject$
|
|
25531
|
+
var _templateObject$y;
|
|
25532
25532
|
function _createForOfIteratorHelperLoose$n(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$n(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."); }
|
|
25533
25533
|
function _unsupportedIterableToArray$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(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$n(r, a) : void 0; } }
|
|
25534
25534
|
function _arrayLikeToArray$n(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; }
|
|
@@ -25544,7 +25544,7 @@
|
|
|
25544
25544
|
// containing block against whatever ancestor the host provides, exactly as
|
|
25545
25545
|
// before this wrapper existed) while font-family -- an inherited CSS
|
|
25546
25546
|
// property -- still cascades to every descendant.
|
|
25547
|
-
var FontCarrier = styled.div(_templateObject$
|
|
25547
|
+
var FontCarrier = styled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n display: contents;\n ", "\n"])), function (props) {
|
|
25548
25548
|
var _props$theme;
|
|
25549
25549
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
25550
25550
|
});
|
|
@@ -28139,6 +28139,7 @@
|
|
|
28139
28139
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
28140
28140
|
challenge: null,
|
|
28141
28141
|
livenessTimedOut: false,
|
|
28142
|
+
retryPending: false,
|
|
28142
28143
|
handOverFace: {
|
|
28143
28144
|
status: 'off',
|
|
28144
28145
|
lastCheck: null
|
|
@@ -29520,6 +29521,19 @@
|
|
|
29520
29521
|
livenessTimedOut: false
|
|
29521
29522
|
});
|
|
29522
29523
|
}
|
|
29524
|
+
// retry()'s reset of the terminal attempt, run straight away or once a
|
|
29525
|
+
// released camera is back. Moving off the terminal phase and verdict is
|
|
29526
|
+
// what takes the view's terminal screen down.
|
|
29527
|
+
function spendRetry() {
|
|
29528
|
+
if (config.liveness) resetLivenessAttempt();
|
|
29529
|
+
progress.retry('capture-error');
|
|
29530
|
+
internal.setState({
|
|
29531
|
+
retryPending: false
|
|
29532
|
+
});
|
|
29533
|
+
dispatch({
|
|
29534
|
+
type: 'retryRequested'
|
|
29535
|
+
});
|
|
29536
|
+
}
|
|
29523
29537
|
// retry()'s capture re-entry, run straight away or once a released camera
|
|
29524
29538
|
// is back.
|
|
29525
29539
|
function resumeCapture() {
|
|
@@ -29676,6 +29690,7 @@
|
|
|
29676
29690
|
liveness: config.liveness ? createInitialLivenessMachineState() : null,
|
|
29677
29691
|
challenge: null,
|
|
29678
29692
|
livenessTimedOut: false,
|
|
29693
|
+
retryPending: false,
|
|
29679
29694
|
handOverFace: {
|
|
29680
29695
|
status: 'off',
|
|
29681
29696
|
lastCheck: null
|
|
@@ -29853,27 +29868,42 @@
|
|
|
29853
29868
|
},
|
|
29854
29869
|
retry: function retry() {
|
|
29855
29870
|
if (!active) return;
|
|
29856
|
-
if (config.liveness) resetLivenessAttempt();
|
|
29857
|
-
progress.retry('capture-error');
|
|
29858
|
-
dispatch({
|
|
29859
|
-
type: 'retryRequested'
|
|
29860
|
-
});
|
|
29861
29871
|
if (!cameraReleased) {
|
|
29872
|
+
spendRetry();
|
|
29862
29873
|
resumeCapture();
|
|
29863
29874
|
return;
|
|
29864
29875
|
}
|
|
29865
|
-
// The terminal screen handed the camera back: get it again
|
|
29866
|
-
//
|
|
29867
|
-
//
|
|
29868
|
-
//
|
|
29869
|
-
// up the camera error screen and its recovery path.
|
|
29876
|
+
// The terminal screen handed the camera back: get it again BEFORE
|
|
29877
|
+
// leaving that screen, so the user never lands on a feed with no
|
|
29878
|
+
// stream, and the initial-delay gate and kick-out count from a live
|
|
29879
|
+
// feed. A second retry() while this is in flight joins it.
|
|
29870
29880
|
if (cameraReacquisition) return;
|
|
29881
|
+
internal.setState({
|
|
29882
|
+
retryPending: true
|
|
29883
|
+
});
|
|
29871
29884
|
var generation = attachGeneration;
|
|
29885
|
+
// exitCapture() clears `retryPending` if it sent the user back to the
|
|
29886
|
+
// instructions while the camera was coming back.
|
|
29887
|
+
var stillPending = function stillPending() {
|
|
29888
|
+
return active && generation === attachGeneration && internal.getState().retryPending;
|
|
29889
|
+
};
|
|
29872
29890
|
var reacquisition = requestCamera().then(function () {
|
|
29873
|
-
|
|
29874
|
-
|
|
29875
|
-
|
|
29876
|
-
}
|
|
29891
|
+
if (!stillPending()) return;
|
|
29892
|
+
spendRetry();
|
|
29893
|
+
resumeCapture();
|
|
29894
|
+
}, function () {
|
|
29895
|
+
// Spend the attempt anyway so the terminal screen gives way to
|
|
29896
|
+
// the camera error screen, whose recovery re-enters through
|
|
29897
|
+
// 'loading'. 'retryRequested' clears `error`, so the one
|
|
29898
|
+
// requestCamera wrote goes back on after it.
|
|
29899
|
+
if (!stillPending()) return;
|
|
29900
|
+
var _internal$getState = internal.getState(),
|
|
29901
|
+
error = _internal$getState.error;
|
|
29902
|
+
spendRetry();
|
|
29903
|
+
internal.setState({
|
|
29904
|
+
error: error
|
|
29905
|
+
});
|
|
29906
|
+
})["finally"](function () {
|
|
29877
29907
|
// detach() may have dropped this one and a newer one started.
|
|
29878
29908
|
if (cameraReacquisition === reacquisition) cameraReacquisition = null;
|
|
29879
29909
|
});
|
|
@@ -29882,8 +29912,8 @@
|
|
|
29882
29912
|
exitCapture: function exitCapture() {
|
|
29883
29913
|
var _frameLoop9;
|
|
29884
29914
|
if (!active) return;
|
|
29885
|
-
var _internal$
|
|
29886
|
-
phase = _internal$
|
|
29915
|
+
var _internal$getState2 = internal.getState(),
|
|
29916
|
+
phase = _internal$getState2.phase;
|
|
29887
29917
|
if (phase === 'initializing' || phase === 'loading') return;
|
|
29888
29918
|
// Every armed timer belongs to the abandoned attempt.
|
|
29889
29919
|
clearAllTimers();
|
|
@@ -29898,7 +29928,8 @@
|
|
|
29898
29928
|
internal.setState({
|
|
29899
29929
|
capturedAttempt: null,
|
|
29900
29930
|
capturedImageUrl: null,
|
|
29901
|
-
captureRecovery: null
|
|
29931
|
+
captureRecovery: null,
|
|
29932
|
+
retryPending: false
|
|
29902
29933
|
});
|
|
29903
29934
|
dispatch({
|
|
29904
29935
|
type: 'exitRequested'
|
|
@@ -29944,8 +29975,8 @@
|
|
|
29944
29975
|
return shimExports.useSyncExternalStore(subscribe, controller.getState, controller.getState);
|
|
29945
29976
|
}
|
|
29946
29977
|
|
|
29947
|
-
var _templateObject$
|
|
29948
|
-
var SelfieCameraFeedWrapper = styled.div(_templateObject$
|
|
29978
|
+
var _templateObject$x;
|
|
29979
|
+
var SelfieCameraFeedWrapper = styled.div(_templateObject$x || (_templateObject$x = _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"])));
|
|
29949
29980
|
function SelfieCameraFeed(_ref) {
|
|
29950
29981
|
var videoRef = _ref.videoRef,
|
|
29951
29982
|
isRearFacing = _ref.isRearFacing,
|
|
@@ -29959,7 +29990,7 @@
|
|
|
29959
29990
|
});
|
|
29960
29991
|
}
|
|
29961
29992
|
|
|
29962
|
-
var _templateObject$
|
|
29993
|
+
var _templateObject$w, _templateObject2$u, _templateObject3$k, _templateObject4$g;
|
|
29963
29994
|
var _excluded$d = ["borderColor", "borderOpacity", "borderWidth", "status"],
|
|
29964
29995
|
_excluded2$4 = ["status", "guideStyle"],
|
|
29965
29996
|
_excluded3 = ["frame", "borderWidth", "borderColor", "borderOpacity", "verticalAlign", "status", "guideStyle"],
|
|
@@ -30036,8 +30067,8 @@
|
|
|
30036
30067
|
// refresh rate for the whole capture, which low-end GPUs can't keep up with
|
|
30037
30068
|
// while also running the camera and face model. Waves only render while the
|
|
30038
30069
|
// status is 'ready', so the pulse replays each time the face leaves the guide.
|
|
30039
|
-
var headGuideWavesAnimation = keyframes(_templateObject$
|
|
30040
|
-
var PulsingHeadGuideContainer = styled.div(_templateObject2$
|
|
30070
|
+
var headGuideWavesAnimation = keyframes(_templateObject$w || (_templateObject$w = _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"])));
|
|
30071
|
+
var PulsingHeadGuideContainer = styled.div(_templateObject2$u || (_templateObject2$u = _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);
|
|
30041
30072
|
function HeadGuide(_ref2) {
|
|
30042
30073
|
var _theme$selfieCapture$, _theme$selfieCapture, _theme$selfieCapture$2, _theme$selfieCapture2, _theme$selfieCapture$3, _theme$selfieCapture3, _props$className;
|
|
30043
30074
|
var _ref2$status = _ref2.status,
|
|
@@ -30348,11 +30379,11 @@
|
|
|
30348
30379
|
}));
|
|
30349
30380
|
}
|
|
30350
30381
|
|
|
30351
|
-
var _templateObject$
|
|
30352
|
-
var FaceCaptureGuideContainer = styled.div(_templateObject$
|
|
30382
|
+
var _templateObject$v, _templateObject2$t;
|
|
30383
|
+
var FaceCaptureGuideContainer = styled.div(_templateObject$v || (_templateObject$v = _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) {
|
|
30353
30384
|
return props.$clip ? 'overflow: hidden;' : '';
|
|
30354
30385
|
});
|
|
30355
|
-
var FaceCaptureGuideInner = styled.div(_templateObject2$
|
|
30386
|
+
var FaceCaptureGuideInner = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 60%;\n"])));
|
|
30356
30387
|
// Memoized: the capture surfaces re-render on every analyzed frame, but the
|
|
30357
30388
|
// guide's props only change when the mask status does.
|
|
30358
30389
|
var FaceCaptureGuideOverlay = /*#__PURE__*/React.memo(function FaceCaptureGuideOverlay(_ref) {
|
|
@@ -30662,7 +30693,7 @@
|
|
|
30662
30693
|
});
|
|
30663
30694
|
}
|
|
30664
30695
|
|
|
30665
|
-
var _templateObject$
|
|
30696
|
+
var _templateObject$u, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$e;
|
|
30666
30697
|
var legacyInstructionImageUrl = DEFAULT_CDN_URL$1 + "/Selfie-Image-1.png";
|
|
30667
30698
|
// Module-level so the default `now` prop has a stable identity across
|
|
30668
30699
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
@@ -30833,14 +30864,14 @@
|
|
|
30833
30864
|
})
|
|
30834
30865
|
});
|
|
30835
30866
|
};
|
|
30836
|
-
var OverlayInner = styled(LoadingOverlayInner)(_templateObject$
|
|
30867
|
+
var OverlayInner = styled(LoadingOverlayInner)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
30837
30868
|
var _props$theme$selfieCa, _props$theme;
|
|
30838
30869
|
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;
|
|
30839
30870
|
}, function (props) {
|
|
30840
30871
|
var _props$theme$selfieCa2, _props$theme2;
|
|
30841
30872
|
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';
|
|
30842
30873
|
});
|
|
30843
|
-
var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$
|
|
30874
|
+
var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n color: ", ";\n ", "\n"])), function (props) {
|
|
30844
30875
|
var _props$theme$selfieCa3, _props$theme3;
|
|
30845
30876
|
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';
|
|
30846
30877
|
}, function (props) {
|
|
@@ -30899,7 +30930,7 @@
|
|
|
30899
30930
|
});
|
|
30900
30931
|
}
|
|
30901
30932
|
|
|
30902
|
-
var _templateObject$
|
|
30933
|
+
var _templateObject$t, _templateObject2$r;
|
|
30903
30934
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_ref) {
|
|
30904
30935
|
var _assets$instructionIm;
|
|
30905
30936
|
var state = _ref.state,
|
|
@@ -30975,10 +31006,10 @@
|
|
|
30975
31006
|
})
|
|
30976
31007
|
});
|
|
30977
31008
|
};
|
|
30978
|
-
var StyledGuidanceMessage = styled(GuidanceMessage)(_templateObject$
|
|
30979
|
-
var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$
|
|
31009
|
+
var StyledGuidanceMessage = styled(GuidanceMessage)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
31010
|
+
var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
30980
31011
|
|
|
30981
|
-
var _templateObject$
|
|
31012
|
+
var _templateObject$s, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$d, _templateObject6$a, _templateObject7$8;
|
|
30982
31013
|
// Module-level so the default `now` prop has a stable identity across
|
|
30983
31014
|
// renders (it sits in useModelWarmingElapsedMs's effect dependency array).
|
|
30984
31015
|
var defaultNow = function defaultNow() {
|
|
@@ -31236,8 +31267,8 @@
|
|
|
31236
31267
|
})
|
|
31237
31268
|
});
|
|
31238
31269
|
};
|
|
31239
|
-
var overlayFadeIn = keyframes(_templateObject$
|
|
31240
|
-
var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$
|
|
31270
|
+
var overlayFadeIn = keyframes(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n from { opacity: 0; }\n to { opacity: 1; }\n"])));
|
|
31271
|
+
var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
31241
31272
|
var _props$theme$selfieCa, _props$theme;
|
|
31242
31273
|
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)';
|
|
31243
31274
|
return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
|
|
@@ -31279,7 +31310,7 @@
|
|
|
31279
31310
|
return jsx(Component, _extends({}, props));
|
|
31280
31311
|
};
|
|
31281
31312
|
|
|
31282
|
-
var _templateObject$
|
|
31313
|
+
var _templateObject$r, _templateObject2$p, _templateObject3$h, _templateObject4$d, _templateObject5$c, _templateObject6$9;
|
|
31283
31314
|
function SelfieCaptureFallback(_ref) {
|
|
31284
31315
|
var _ref$silentFallback = _ref.silentFallback,
|
|
31285
31316
|
silentFallback = _ref$silentFallback === void 0 ? false : _ref$silentFallback,
|
|
@@ -31433,14 +31464,14 @@
|
|
|
31433
31464
|
})
|
|
31434
31465
|
});
|
|
31435
31466
|
}
|
|
31436
|
-
var StyledOverlayInner = styled(OverlayInner$2)(_templateObject$
|
|
31437
|
-
var Heading$6 = styled.h1(_templateObject2$
|
|
31467
|
+
var StyledOverlayInner = styled(OverlayInner$2)(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n justify-content: center;\n padding: 24px;\n box-sizing: border-box;\n"])));
|
|
31468
|
+
var Heading$6 = styled.h1(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n font-size: 1.5rem;\n margin: 0 0 1rem;\n"])));
|
|
31438
31469
|
var Description = styled.p(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n line-height: 1.5;\n margin: 0 0 1.5rem;\n"])));
|
|
31439
31470
|
var ImageContainer$4 = styled.div(_templateObject4$d || (_templateObject4$d = _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"])));
|
|
31440
31471
|
var ReadFailed = styled.p(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n margin: 0 0 1rem;\n"])));
|
|
31441
31472
|
var StyledButtonsRow$4 = styled(ButtonsRow$2)(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 12px;\n justify-content: center;\n"])));
|
|
31442
31473
|
|
|
31443
|
-
var _templateObject$
|
|
31474
|
+
var _templateObject$q, _templateObject2$o;
|
|
31444
31475
|
function SelfieCaptureSurface(_ref) {
|
|
31445
31476
|
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;
|
|
31446
31477
|
var controller = _ref.controller,
|
|
@@ -31842,9 +31873,9 @@
|
|
|
31842
31873
|
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)]
|
|
31843
31874
|
});
|
|
31844
31875
|
}
|
|
31845
|
-
var ManualCaptureButtonContainer = styled.div(_templateObject$
|
|
31876
|
+
var ManualCaptureButtonContainer = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 4;\n left: 50%;\n bottom: 24px;\n transform: translateX(-50%);\n"])));
|
|
31846
31877
|
// A footer below the camera keeps the lighting guidance visible above it.
|
|
31847
|
-
var CaptureRecoveryActions = styled.div(_templateObject2$
|
|
31878
|
+
var CaptureRecoveryActions = styled.div(_templateObject2$o || (_templateObject2$o = _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"])));
|
|
31848
31879
|
|
|
31849
31880
|
// Byte-identical to sdk2's verbiage defaults
|
|
31850
31881
|
// (SelfieCapture.tsx:273-284, FaceLivenessCapture.tsx:845-912), except
|
|
@@ -31977,7 +32008,7 @@
|
|
|
31977
32008
|
return null;
|
|
31978
32009
|
}
|
|
31979
32010
|
|
|
31980
|
-
var _GUIDANCE_VERBIAGE_FI, _templateObject$
|
|
32011
|
+
var _GUIDANCE_VERBIAGE_FI, _templateObject$p;
|
|
31981
32012
|
// `state.guidance.code` -> the SelfieGuidanceVerbiage field that overrides
|
|
31982
32013
|
// it. Keyed off the same `SelfieGuidanceCode` values selfieGuidanceMessageKey
|
|
31983
32014
|
// switches on (guidance/selfieStrings.ts) — NONE has no field (the pill is
|
|
@@ -31995,7 +32026,7 @@
|
|
|
31995
32026
|
// still-mounted-through-error rationale as IdCaptureView's ScalingCameraFeed
|
|
31996
32027
|
// (a successful retry()/requestCamera() re-attaches into the SAME element).
|
|
31997
32028
|
var CAPTURE_SURFACE_PHASES$1 = new Set(['capturing', 'challenge', 'processing', 'checking', 'completed', 'failed']);
|
|
31998
|
-
var Container$2 = styled.div(_templateObject$
|
|
32029
|
+
var Container$2 = styled.div(_templateObject$p || (_templateObject$p = _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) {
|
|
31999
32030
|
var _props$theme;
|
|
32000
32031
|
return (_props$theme = props.theme) != null && _props$theme.fontFamily ? "font-family: " + props.theme.fontFamily + ";" : '';
|
|
32001
32032
|
});
|
|
@@ -32173,11 +32204,26 @@
|
|
|
32173
32204
|
});
|
|
32174
32205
|
}
|
|
32175
32206
|
|
|
32207
|
+
var _templateObject$o, _templateObject2$n;
|
|
32208
|
+
var spin$1 = keyframes(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n to { transform: rotate(360deg); }\n"])));
|
|
32209
|
+
/**
|
|
32210
|
+
* Inline spinner for a button label while the action it started is in
|
|
32211
|
+
* flight. Used instead of LoaderButton's Ladda loader, whose effect removes
|
|
32212
|
+
* the spinner (and the button's `disabled`) right after starting it. Rotates
|
|
32213
|
+
* with `transform` only, so it composites without repainting, and takes the
|
|
32214
|
+
* button's text colour.
|
|
32215
|
+
*/
|
|
32216
|
+
var ButtonSpinner = styled.span.attrs({
|
|
32217
|
+
'aria-hidden': true
|
|
32218
|
+
})(_templateObject2$n || (_templateObject2$n = _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);
|
|
32219
|
+
|
|
32176
32220
|
var _templateObject$n, _templateObject2$m;
|
|
32177
32221
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
|
|
32178
32222
|
var imageUrl = _ref.imageUrl,
|
|
32179
32223
|
onDoneClick = _ref.onDoneClick,
|
|
32180
32224
|
onRetryClick = _ref.onRetryClick,
|
|
32225
|
+
_ref$retrying = _ref.retrying,
|
|
32226
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
32181
32227
|
_ref$classNames = _ref.classNames,
|
|
32182
32228
|
classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
|
|
32183
32229
|
_ref$colors = _ref.colors,
|
|
@@ -32222,14 +32268,18 @@
|
|
|
32222
32268
|
colors: colors.doneBtn,
|
|
32223
32269
|
className: classNames.doneBtn,
|
|
32224
32270
|
finished: true,
|
|
32271
|
+
// Done would race the retry the user already started.
|
|
32272
|
+
disabled: retrying,
|
|
32225
32273
|
children: verbiage.doneBtnText
|
|
32226
|
-
}),
|
|
32274
|
+
}), jsxs(WideBorderButton, {
|
|
32227
32275
|
variant: "secondary",
|
|
32228
32276
|
onClick: onRetryClick,
|
|
32229
32277
|
colors: colors.retryBtn,
|
|
32230
32278
|
className: classNames.retryBtn,
|
|
32231
32279
|
finished: true,
|
|
32232
|
-
|
|
32280
|
+
disabled: retrying,
|
|
32281
|
+
"aria-busy": retrying,
|
|
32282
|
+
children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
32233
32283
|
})]
|
|
32234
32284
|
})]
|
|
32235
32285
|
})
|
|
@@ -32245,6 +32295,8 @@
|
|
|
32245
32295
|
var _ref$canRetry = _ref.canRetry,
|
|
32246
32296
|
canRetry = _ref$canRetry === void 0 ? true : _ref$canRetry,
|
|
32247
32297
|
onRetryClick = _ref.onRetryClick,
|
|
32298
|
+
_ref$retrying = _ref.retrying,
|
|
32299
|
+
retrying = _ref$retrying === void 0 ? false : _ref$retrying,
|
|
32248
32300
|
onExitClick = _ref.onExitClick,
|
|
32249
32301
|
_ref$assets = _ref.assets,
|
|
32250
32302
|
assets = _ref$assets === void 0 ? {} : _ref$assets,
|
|
@@ -32277,13 +32329,15 @@
|
|
|
32277
32329
|
children: verbiage.headingText
|
|
32278
32330
|
}), jsxs(ButtonsColumn, {
|
|
32279
32331
|
className: classNames.buttonsRow,
|
|
32280
|
-
children: [canRetry &&
|
|
32332
|
+
children: [canRetry && jsxs(WideButton, {
|
|
32281
32333
|
variant: "secondary",
|
|
32282
32334
|
className: classNames.retryBtn,
|
|
32283
32335
|
onClick: onRetryClick,
|
|
32284
32336
|
colors: colors.retryBtn,
|
|
32285
32337
|
finished: true,
|
|
32286
|
-
|
|
32338
|
+
disabled: retrying,
|
|
32339
|
+
"aria-busy": retrying,
|
|
32340
|
+
children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
|
|
32287
32341
|
}), jsx(WideBorderButton, {
|
|
32288
32342
|
variant: "secondary",
|
|
32289
32343
|
className: classNames.exitBtn,
|
|
@@ -32567,6 +32621,9 @@
|
|
|
32567
32621
|
// back and let the camera light go out. `restartRun` gets it again through
|
|
32568
32622
|
// the controller's retry(). A skipped success screen needs nothing here: the
|
|
32569
32623
|
// host moves on and unmounting detaches.
|
|
32624
|
+
// Core holds the terminal screen up while a retry waits for that camera
|
|
32625
|
+
// (`retryPending`), so its Retry button shows the wait instead of the user
|
|
32626
|
+
// landing on a black feed.
|
|
32570
32627
|
var coveredByTerminalScreen = showSuccessScreen || showFailureScreen;
|
|
32571
32628
|
React.useEffect(function () {
|
|
32572
32629
|
if (coveredByTerminalScreen) controller.actions.releaseCamera();
|
|
@@ -32631,12 +32688,19 @@
|
|
|
32631
32688
|
return onDone == null ? void 0 : onDone(completedImageUrl);
|
|
32632
32689
|
},
|
|
32633
32690
|
onRetryClick: restartRun,
|
|
32691
|
+
retrying: state.retryPending,
|
|
32634
32692
|
verbiage: verbiage.success,
|
|
32635
32693
|
classNames: classNames.success,
|
|
32636
32694
|
colors: colors.success
|
|
32637
|
-
}), showFailureScreen && jsx(FaceLivenessFailure
|
|
32638
|
-
|
|
32695
|
+
}), showFailureScreen && jsx(FaceLivenessFailure
|
|
32696
|
+
// The click already spent the budget; keep the last retry's button
|
|
32697
|
+
// up while it waits on the camera.
|
|
32698
|
+
, {
|
|
32699
|
+
// The click already spent the budget; keep the last retry's button
|
|
32700
|
+
// up while it waits on the camera.
|
|
32701
|
+
canRetry: canRetryFailure || state.retryPending,
|
|
32639
32702
|
onRetryClick: restartRun,
|
|
32703
|
+
retrying: state.retryPending,
|
|
32640
32704
|
onExitClick: onExitAfterFailure != null ? onExitAfterFailure : onExit,
|
|
32641
32705
|
assets: assets.failure,
|
|
32642
32706
|
verbiage: verbiage.failure,
|
|
@@ -54108,7 +54172,7 @@
|
|
|
54108
54172
|
});
|
|
54109
54173
|
}
|
|
54110
54174
|
|
|
54111
|
-
var webSdkVersion = '2.5.83-changeset-release-develop-
|
|
54175
|
+
var webSdkVersion = '2.5.83-changeset-release-develop-3dfa69b';
|
|
54112
54176
|
|
|
54113
54177
|
// GENERATED by scripts/styleBagTypes.mjs from
|
|
54114
54178
|
// src/__fixtures__/sdk2StyleBags.json and the mapper sweep — do not
|