idmission-web-sdk 1.0.309 → 1.0.310
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/components/video_id/IdVideoCapture.d.ts +3 -0
- package/dist/components/video_id/IdVideoCaptureFlipIdPrompt.d.ts +3 -9
- package/dist/components/video_id/IdVideoCaptureGuides.d.ts +551 -1
- package/dist/sdk2.cjs.development.js +192 -309
- 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 +192 -309
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +192 -309
- 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/dist/stories/Components/{VideoIdCaptureGuideOverlay/IdCardFront.stories.d.ts → VideoIdCaptureGuideOverlay.stories.d.ts} +19 -3
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
- package/dist/stories/Components/VideoIdCaptureGuideOverlay/FlipIdCard.stories.d.ts +0 -34
- package/dist/stories/Components/VideoIdCaptureGuideOverlay/IdCardBack.stories.d.ts +0 -21
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
return cooked;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
var webSdkVersion = '1.0.
|
|
144
|
+
var webSdkVersion = '1.0.310';
|
|
145
145
|
|
|
146
146
|
function getPlatform() {
|
|
147
147
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
});
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
var PageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
279
|
+
var PageContainerDiv = styled__default['default'].div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n ", "\n\n ", "\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (props) {
|
|
280
280
|
var _a;
|
|
281
281
|
return props.theme.isFullscreen === false ? "" : "\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ".concat((_a = props.$heightOffset) !== null && _a !== void 0 ? _a : 0, "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n ");
|
|
282
282
|
}, function (props) {
|
|
@@ -316,9 +316,9 @@
|
|
|
316
316
|
}, dimensionsCalculated && children);
|
|
317
317
|
});
|
|
318
318
|
PageContainer.displayName = 'PageContainer';
|
|
319
|
-
var templateObject_1$
|
|
319
|
+
var templateObject_1$F;
|
|
320
320
|
|
|
321
|
-
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
321
|
+
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
322
322
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
323
323
|
}, function (props) {
|
|
324
324
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -330,8 +330,8 @@
|
|
|
330
330
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
331
331
|
});
|
|
332
332
|
var OverlayImageContainer = styled__default['default'].div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: var(--app-width);\n max-height: var(--app-height);\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"], ["\n position: relative;\n display: flex;\n flex-grow: 1;\n padding-bottom: 25px;\n max-width: var(--app-width);\n max-height: var(--app-height);\n overflow: hidden;\n\n & > img,\n & > svg {\n margin: 0 auto;\n width: max-content;\n max-width: 100%;\n max-height: 100%;\n aspect-ratio: initial;\n object-fit: contain;\n display: block;\n }\n"])));
|
|
333
|
-
var OverlayImageRow = styled__default['default'].div(templateObject_4$
|
|
334
|
-
var templateObject_1$
|
|
333
|
+
var OverlayImageRow = styled__default['default'].div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"], ["\n display: flex;\n margin: auto;\n\n & > div {\n max-height: calc(100vh - 320px);\n\n & > img {\n width: 100%;\n max-height: 100%;\n height: auto;\n object-fit: contain;\n }\n }\n"])));
|
|
334
|
+
var templateObject_1$E, templateObject_2$r, templateObject_3$k, templateObject_4$f;
|
|
335
335
|
|
|
336
336
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
337
337
|
|
|
@@ -662,11 +662,11 @@
|
|
|
662
662
|
className: "ladda-label"
|
|
663
663
|
}, children));
|
|
664
664
|
};
|
|
665
|
-
var StyledButton = styled__default['default'].button(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\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 @keyframes ladda-spinner-line-fade {\n 0%,\n 100% {\n opacity: 0.22;\n }\n 1% {\n opacity: 1;\n }\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"], ["\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 @keyframes ladda-spinner-line-fade {\n 0%,\n 100% {\n opacity: 0.22;\n }\n 1% {\n opacity: 1;\n }\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) {
|
|
665
|
+
var StyledButton = styled__default['default'].button(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\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 @keyframes ladda-spinner-line-fade {\n 0%,\n 100% {\n opacity: 0.22;\n }\n 1% {\n opacity: 1;\n }\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"], ["\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 @keyframes ladda-spinner-line-fade {\n 0%,\n 100% {\n opacity: 0.22;\n }\n 1% {\n opacity: 1;\n }\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) {
|
|
666
666
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
667
667
|
return ((_a = props.theme.buttons) === null || _a === void 0 ? void 0 : _a.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-hover-color);\n background-color: var(--bs-btn-hover-bg);\n border-color: var(--bs-btn-hover-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: ".concat((_f = (_b = props.$textColor) !== null && _b !== void 0 ? _b : (_e = (_c = props.theme.buttons) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'primary']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : '#fff', ";\n --bs-btn-bg: ").concat((_l = (_g = props.$backgroundColor) !== null && _g !== void 0 ? _g : (_k = (_h = props.theme.buttons) === null || _h === void 0 ? void 0 : _h[(_j = props.$variant) !== null && _j !== void 0 ? _j : 'primary']) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : '#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: ").concat((_q = (_m = props.$disabledTextColor) !== null && _m !== void 0 ? _m : (_p = (_o = props.theme.buttons) === null || _o === void 0 ? void 0 : _o.loading) === null || _p === void 0 ? void 0 : _p.textColor) !== null && _q !== void 0 ? _q : '#fff', ";\n --bs-btn-disabled-bg: ").concat((_u = (_r = props.$disabledBackgroundColor) !== null && _r !== void 0 ? _r : (_t = (_s = props.theme.buttons) === null || _s === void 0 ? void 0 : _s.loading) === null || _t === void 0 ? void 0 : _t.backgroundColor) !== null && _u !== void 0 ? _u : 'gray', ";\n --bs-btn-disabled-border-color: ").concat((_v = props.$disabledBackgroundColor) !== null && _v !== void 0 ? _v : '#0d6efd', ";\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 ");
|
|
668
668
|
});
|
|
669
|
-
var templateObject_1$
|
|
669
|
+
var templateObject_1$D;
|
|
670
670
|
|
|
671
671
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
672
672
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -1303,10 +1303,10 @@
|
|
|
1303
1303
|
_e.label = 4;
|
|
1304
1304
|
case 4:
|
|
1305
1305
|
if (idCaptureVideoIdFrontImage) {
|
|
1306
|
-
submissionRequest.customerData.idData.videoIdImageFront = idCaptureVideoIdFrontImage;
|
|
1306
|
+
submissionRequest.customerData.idData.videoIdImageFront = dataUrlToBase64Sync(idCaptureVideoIdFrontImage);
|
|
1307
1307
|
}
|
|
1308
1308
|
if (idCaptureVideoIdBackImage) {
|
|
1309
|
-
submissionRequest.customerData.idData.videoIdImageBack = idCaptureVideoIdBackImage;
|
|
1309
|
+
submissionRequest.customerData.idData.videoIdImageBack = dataUrlToBase64Sync(idCaptureVideoIdBackImage);
|
|
1310
1310
|
}
|
|
1311
1311
|
attachMetadataToRequest(submissionRequest, {
|
|
1312
1312
|
selfieCaptureAttempts: selfieCaptureAttempts,
|
|
@@ -2063,7 +2063,7 @@
|
|
|
2063
2063
|
return [frameWidth, frameHeight];
|
|
2064
2064
|
}
|
|
2065
2065
|
|
|
2066
|
-
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$
|
|
2066
|
+
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2067
2067
|
function drawToCanvas(canvas, frame, width, height) {
|
|
2068
2068
|
if (!canvas) return;
|
|
2069
2069
|
var ctx = canvas.getContext('2d');
|
|
@@ -2085,7 +2085,7 @@
|
|
|
2085
2085
|
if (!ctx) return;
|
|
2086
2086
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
2087
2087
|
}
|
|
2088
|
-
var templateObject_1$
|
|
2088
|
+
var templateObject_1$C;
|
|
2089
2089
|
|
|
2090
2090
|
function listAvailableCameras(facingMode, requestMicAccess) {
|
|
2091
2091
|
if (requestMicAccess === void 0) {
|
|
@@ -10597,7 +10597,7 @@
|
|
|
10597
10597
|
return [state, dispatch];
|
|
10598
10598
|
};
|
|
10599
10599
|
|
|
10600
|
-
var DebugStatsPane = styled__default['default'].span(templateObject_1$
|
|
10600
|
+
var DebugStatsPane = styled__default['default'].span(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1001;\n"], ["\n font-size: 16px;\n font-family: monospace;\n position: absolute;\n left: 20px;\n bottom: 20px;\n color: limegreen;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1001;\n"])));
|
|
10601
10601
|
var ObjectDetectionDebugOverlayDiv = styled__default['default'].div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"], ["\n position: absolute;\n z-index: 1001;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n overflow: hidden;\n ", "\n"])), function (_a) {
|
|
10602
10602
|
var $flipX = _a.$flipX;
|
|
10603
10603
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -10612,7 +10612,7 @@
|
|
|
10612
10612
|
var $flipX = _a.$flipX;
|
|
10613
10613
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10614
10614
|
});
|
|
10615
|
-
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$
|
|
10615
|
+
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"], ["\n position: absolute;\n width: 4px;\n height: 4px;\n border: 2px solid ", ";\n font: 10px monospace;\n color: ", ";\n border-radius: 50%;\n ", "\n"])), function (_a) {
|
|
10616
10616
|
var $color = _a.$color;
|
|
10617
10617
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
10618
10618
|
}, function (_a) {
|
|
@@ -10792,7 +10792,7 @@
|
|
|
10792
10792
|
}
|
|
10793
10793
|
});
|
|
10794
10794
|
}
|
|
10795
|
-
var templateObject_1$
|
|
10795
|
+
var templateObject_1$B, templateObject_2$q, templateObject_3$j, templateObject_4$e;
|
|
10796
10796
|
|
|
10797
10797
|
var enTranslation = {};
|
|
10798
10798
|
|
|
@@ -13632,7 +13632,7 @@
|
|
|
13632
13632
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
13633
13633
|
}
|
|
13634
13634
|
|
|
13635
|
-
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
13635
|
+
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n ", "\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
13636
13636
|
var $top = _a.$top;
|
|
13637
13637
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
13638
13638
|
}, function (_a) {
|
|
@@ -13652,7 +13652,7 @@
|
|
|
13652
13652
|
var _a, _b, _c, _d, _e, _f;
|
|
13653
13653
|
return (_f = (_a = props.$textColor) !== null && _a !== void 0 ? _a : (_e = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.guidanceMessages) === null || _c === void 0 ? void 0 : _c[(_d = props.$variant) !== null && _d !== void 0 ? _d : 'default']) === null || _e === void 0 ? void 0 : _e.textColor) !== null && _f !== void 0 ? _f : 'black';
|
|
13654
13654
|
});
|
|
13655
|
-
var templateObject_1$
|
|
13655
|
+
var templateObject_1$A, templateObject_2$p;
|
|
13656
13656
|
|
|
13657
13657
|
var IdCapture = function IdCapture(_a) {
|
|
13658
13658
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
@@ -14004,13 +14004,13 @@
|
|
|
14004
14004
|
finished: true
|
|
14005
14005
|
}, verbiage.retryBtnText)));
|
|
14006
14006
|
};
|
|
14007
|
-
var StyledOverlayInner$2 = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
14007
|
+
var StyledOverlayInner$2 = styled__default['default'](OverlayInner$2)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
14008
14008
|
var StyledOverlayImageContainer$2 = styled__default['default'](OverlayImageContainer)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
14009
14009
|
var Description$3 = styled__default['default'].p(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
14010
|
-
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$
|
|
14011
|
-
var templateObject_1$
|
|
14010
|
+
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
14011
|
+
var templateObject_1$z, templateObject_2$o, templateObject_3$i, templateObject_4$d;
|
|
14012
14012
|
|
|
14013
|
-
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$
|
|
14013
|
+
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
14014
14014
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
14015
14015
|
var onClick = _a.onClick,
|
|
14016
14016
|
className = _a.className;
|
|
@@ -14054,10 +14054,10 @@
|
|
|
14054
14054
|
y2: "19.75"
|
|
14055
14055
|
}))));
|
|
14056
14056
|
};
|
|
14057
|
-
var templateObject_1$
|
|
14057
|
+
var templateObject_1$y;
|
|
14058
14058
|
|
|
14059
|
-
var ButtonsRow = styled__default['default'].div(templateObject_1$
|
|
14060
|
-
var templateObject_1$
|
|
14059
|
+
var ButtonsRow = styled__default['default'].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
14060
|
+
var templateObject_1$x;
|
|
14061
14061
|
|
|
14062
14062
|
function IdCaptureLoadingGraphic(props) {
|
|
14063
14063
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -14692,7 +14692,7 @@
|
|
|
14692
14692
|
}
|
|
14693
14693
|
}, verbiage.continueText))))));
|
|
14694
14694
|
};
|
|
14695
|
-
var OverlayInner$1 = styled__default['default'].div(templateObject_1$
|
|
14695
|
+
var OverlayInner$1 = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
14696
14696
|
var _a, _b, _c, _d;
|
|
14697
14697
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
|
|
14698
14698
|
}, function (props) {
|
|
@@ -14706,10 +14706,10 @@
|
|
|
14706
14706
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
14707
14707
|
});
|
|
14708
14708
|
var StyledGuidanceMessage$2 = styled__default['default'](GuidanceMessage)(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\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"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\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"])));
|
|
14709
|
-
var StyledOverlayImageContainer$1 = styled__default['default'](OverlayImageContainer)(templateObject_4$
|
|
14710
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default['default'].div(templateObject_5$
|
|
14711
|
-
var ContinuityCameraCheckboxInner = styled__default['default'](GuidanceMessage)(templateObject_6$
|
|
14712
|
-
var ContinuityCameraCheckbox$1 = styled__default['default'].input(templateObject_7$
|
|
14709
|
+
var StyledOverlayImageContainer$1 = styled__default['default'](OverlayImageContainer)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0 0 100px;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
14710
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default['default'].div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"], ["\n position: fixed;\n bottom: 120px;\n width: 100dvw;\n display: flex;\n"])));
|
|
14711
|
+
var ContinuityCameraCheckboxInner = styled__default['default'](GuidanceMessage)(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\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"], ["\n padding: 12px 18px;\n margin: 0 auto;\n font-size: 14px;\n font-weight: bold;\n background: white;\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"])));
|
|
14712
|
+
var ContinuityCameraCheckbox$1 = styled__default['default'].input(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
14713
14713
|
var StyledButtonsRow$a = styled__default['default'](ButtonsRow)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
14714
14714
|
var _a, _b, _c, _d;
|
|
14715
14715
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
@@ -14744,9 +14744,9 @@
|
|
|
14744
14744
|
var _a, _b, _c, _d, _e, _f;
|
|
14745
14745
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
|
|
14746
14746
|
});
|
|
14747
|
-
var templateObject_1$
|
|
14747
|
+
var templateObject_1$w, templateObject_2$n, templateObject_3$h, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
|
|
14748
14748
|
|
|
14749
|
-
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$
|
|
14749
|
+
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
14750
14750
|
var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
14751
14751
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
14752
14752
|
var _b, _c, _d, _e;
|
|
@@ -14858,7 +14858,7 @@
|
|
|
14858
14858
|
}
|
|
14859
14859
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
14860
14860
|
};
|
|
14861
|
-
var templateObject_1$
|
|
14861
|
+
var templateObject_1$v, templateObject_2$m;
|
|
14862
14862
|
|
|
14863
14863
|
var components$1 = {
|
|
14864
14864
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -14901,7 +14901,7 @@
|
|
|
14901
14901
|
});
|
|
14902
14902
|
};
|
|
14903
14903
|
|
|
14904
|
-
var OverlayInstruction = styled__default['default'].p(templateObject_1$
|
|
14904
|
+
var OverlayInstruction = styled__default['default'].p(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
|
|
14905
14905
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
14906
14906
|
var capturedDocuments = _a.capturedDocuments,
|
|
14907
14907
|
// barcodeResult,
|
|
@@ -14988,15 +14988,15 @@
|
|
|
14988
14988
|
};
|
|
14989
14989
|
var Heading$9 = styled__default['default'].h1(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n margin-bottom: 12px;\n"], ["\n margin-bottom: 12px;\n"])));
|
|
14990
14990
|
var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
|
|
14991
|
-
var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$
|
|
14992
|
-
var ImageCol$1 = styled__default['default'].div(templateObject_5$
|
|
14993
|
-
var ImageHeading = styled__default['default'].h3(templateObject_6$
|
|
14994
|
-
var CapturedImageWrapper = styled__default['default'].div(templateObject_7$
|
|
14991
|
+
var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
|
|
14992
|
+
var ImageCol$1 = styled__default['default'].div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n max-height: none !important;\n"], ["\n max-height: none !important;\n"])));
|
|
14993
|
+
var ImageHeading = styled__default['default'].h3(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"], ["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"])));
|
|
14994
|
+
var CapturedImageWrapper = styled__default['default'].div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"], ["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"])), function (props) {
|
|
14995
14995
|
var _a, _b, _c;
|
|
14996
14996
|
return (_c = (_b = (_a = props.theme.idCapture) === null || _a === void 0 ? void 0 : _a.success) === null || _b === void 0 ? void 0 : _b.imageBorderColor) !== null && _c !== void 0 ? _c : 'var(--idm-color-primary-400)';
|
|
14997
14997
|
});
|
|
14998
14998
|
var StyledImage = styled__default['default'](CapturedDocumentImg)(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
|
|
14999
|
-
var templateObject_1$
|
|
14999
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$g, templateObject_4$b, templateObject_5$7, templateObject_6$6, templateObject_7$4, templateObject_8$2;
|
|
15000
15000
|
|
|
15001
15001
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
15002
15002
|
var _b;
|
|
@@ -15027,10 +15027,10 @@
|
|
|
15027
15027
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
15028
15028
|
});
|
|
15029
15029
|
};
|
|
15030
|
-
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$
|
|
15030
|
+
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
15031
15031
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
15032
15032
|
});
|
|
15033
|
-
var templateObject_1$
|
|
15033
|
+
var templateObject_1$t;
|
|
15034
15034
|
|
|
15035
15035
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
15036
15036
|
var _this = this;
|
|
@@ -15065,10 +15065,10 @@
|
|
|
15065
15065
|
return !skipSuccessScreen || skipSuccessScreenResolvedFalse;
|
|
15066
15066
|
}
|
|
15067
15067
|
|
|
15068
|
-
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$
|
|
15068
|
+
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
15069
15069
|
return props.$mode === 'snapToGuides' ? "display: flex;\n position: absolute;\n left: ".concat(props.$x, "px;\n top: ").concat(props.$y, "px;\n width: ").concat(props.$w, "px;\n height: ").concat(props.$h, "px;") : "";
|
|
15070
15070
|
});
|
|
15071
|
-
var templateObject_1$
|
|
15071
|
+
var templateObject_1$s;
|
|
15072
15072
|
|
|
15073
15073
|
function setCanvasDimensions(canvas, width, height) {
|
|
15074
15074
|
var _a;
|
|
@@ -15102,10 +15102,10 @@
|
|
|
15102
15102
|
}
|
|
15103
15103
|
});
|
|
15104
15104
|
|
|
15105
|
-
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
15105
|
+
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n z-index: 1000;\n"], ["\n z-index: 1000;\n"])));
|
|
15106
15106
|
var GuidesContainer = styled__default['default'].div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
15107
15107
|
var GuideCenterRow = styled__default['default'].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
15108
|
-
var GuideRegion = styled__default['default'].div(templateObject_4$
|
|
15108
|
+
var GuideRegion = styled__default['default'].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n position: relative;\n z-index: 1000;\n background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
15109
15109
|
var _a, _b, _c, _d, _e;
|
|
15110
15110
|
return (_e = (_a = props.$maskColor) !== null && _a !== void 0 ? _a : (_d = (_c = (_b = props.theme) === null || _b === void 0 ? void 0 : _b.idCapture) === null || _c === void 0 ? void 0 : _c.guideOverlay) === null || _d === void 0 ? void 0 : _d.backgroundColor) !== null && _e !== void 0 ? _e : 'rgba(0, 0, 0, 0.5)';
|
|
15111
15111
|
}, function (props) {
|
|
@@ -15116,17 +15116,17 @@
|
|
|
15116
15116
|
}, function (props) {
|
|
15117
15117
|
return props.$minHeight ? "min-width: ".concat(props.$minHeight, "px;") : "";
|
|
15118
15118
|
});
|
|
15119
|
-
var GuideCenterRegion = styled__default['default'].div(templateObject_5$
|
|
15119
|
+
var GuideCenterRegion = styled__default['default'].div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n"], ["\n ", "\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
15120
15120
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
15121
15121
|
}, function (props) {
|
|
15122
15122
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
15123
15123
|
});
|
|
15124
|
-
var GuideCenterBorder = styled__default['default'].div(templateObject_6$
|
|
15124
|
+
var GuideCenterBorder = styled__default['default'].div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n border: ", ";\n"], ["\n box-sizing: border-box;\n position: relative;\n border: ", ";\n"])), function (props) {
|
|
15125
15125
|
var _a, _b;
|
|
15126
15126
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
15127
15127
|
});
|
|
15128
|
-
var GuideText = styled__default['default'].span(templateObject_7$
|
|
15129
|
-
var GuideImage
|
|
15128
|
+
var GuideText = styled__default['default'].span(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
15129
|
+
var GuideImage = styled__default['default'].img(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n position: relative;\n z-index: 1;\n display: block;\n padding: ", "px;\n box-sizing: border-box;\n ", "\n ", "\n opacity: ", ";\n transition: opacity 0.5s;\n"], ["\n position: relative;\n z-index: 1;\n display: block;\n padding: ", "px;\n box-sizing: border-box;\n ", "\n ", "\n opacity: ", ";\n transition: opacity 0.5s;\n"])), function (props) {
|
|
15130
15130
|
return props.$padding;
|
|
15131
15131
|
}, function (props) {
|
|
15132
15132
|
return props.$width ? "width: ".concat(props.$width, "px;\n max-width: ").concat(props.$width, "px;") : "max-width: none;";
|
|
@@ -15226,7 +15226,7 @@
|
|
|
15226
15226
|
"$borderWidth": borderWidth,
|
|
15227
15227
|
"$borderColor": borderColor,
|
|
15228
15228
|
className: classNames.centerRegionInner
|
|
15229
|
-
}, /*#__PURE__*/React__default['default'].createElement(GuideImage
|
|
15229
|
+
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
15230
15230
|
src: imgSrc,
|
|
15231
15231
|
alt: "",
|
|
15232
15232
|
onLoad: onImageLoaded,
|
|
@@ -15254,9 +15254,9 @@
|
|
|
15254
15254
|
return v;
|
|
15255
15255
|
}).join(' ');
|
|
15256
15256
|
};
|
|
15257
|
-
var templateObject_1$
|
|
15257
|
+
var templateObject_1$r, templateObject_2$k, templateObject_3$f, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$1;
|
|
15258
15258
|
|
|
15259
|
-
var FlippingImage = styled__default['default'](GuideImage
|
|
15259
|
+
var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"], ["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"])), function (props) {
|
|
15260
15260
|
return props.$transitionTime;
|
|
15261
15261
|
}, function (props) {
|
|
15262
15262
|
return props.$transforms;
|
|
@@ -15402,7 +15402,7 @@
|
|
|
15402
15402
|
return v;
|
|
15403
15403
|
}).join(' ');
|
|
15404
15404
|
};
|
|
15405
|
-
var templateObject_1$
|
|
15405
|
+
var templateObject_1$q, templateObject_2$j;
|
|
15406
15406
|
|
|
15407
15407
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
15408
15408
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -15538,11 +15538,11 @@
|
|
|
15538
15538
|
imageVisible: imageVisible
|
|
15539
15539
|
})));
|
|
15540
15540
|
};
|
|
15541
|
-
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$
|
|
15541
|
+
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
15542
15542
|
return props.$maskColor;
|
|
15543
15543
|
});
|
|
15544
15544
|
var Canvas$1 = styled__default['default'].canvas(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
15545
|
-
var templateObject_1$
|
|
15545
|
+
var templateObject_1$p, templateObject_2$i;
|
|
15546
15546
|
|
|
15547
15547
|
function IdCaptureGuides(_a) {
|
|
15548
15548
|
var _b, _c;
|
|
@@ -15600,7 +15600,7 @@
|
|
|
15600
15600
|
})));
|
|
15601
15601
|
}
|
|
15602
15602
|
|
|
15603
|
-
var Spinner$1 = styled__default['default'].div(templateObject_1$
|
|
15603
|
+
var Spinner$1 = styled__default['default'].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), function (_a) {
|
|
15604
15604
|
var $size = _a.$size;
|
|
15605
15605
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
15606
15606
|
}, function (_a) {
|
|
@@ -15625,7 +15625,7 @@
|
|
|
15625
15625
|
var $color = _a.$color;
|
|
15626
15626
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
15627
15627
|
});
|
|
15628
|
-
var templateObject_1$
|
|
15628
|
+
var templateObject_1$o;
|
|
15629
15629
|
|
|
15630
15630
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
15631
15631
|
var _b = _a.classNames,
|
|
@@ -15710,11 +15710,11 @@
|
|
|
15710
15710
|
onError: onError
|
|
15711
15711
|
})));
|
|
15712
15712
|
};
|
|
15713
|
-
var StyledSpinner = styled__default['default'](Spinner$1)(templateObject_1$
|
|
15713
|
+
var StyledSpinner = styled__default['default'](Spinner$1)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
15714
15714
|
var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
15715
15715
|
var ImagePreviewText = styled__default['default'].div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
15716
|
-
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$
|
|
15717
|
-
var templateObject_1$
|
|
15716
|
+
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
15717
|
+
var templateObject_1$n, templateObject_2$h, templateObject_3$e, templateObject_4$9;
|
|
15718
15718
|
|
|
15719
15719
|
var documentCaptureInitialState = {
|
|
15720
15720
|
documents: [],
|
|
@@ -16055,11 +16055,11 @@
|
|
|
16055
16055
|
ref: canvasRef
|
|
16056
16056
|
}));
|
|
16057
16057
|
};
|
|
16058
|
-
var CanvasWrapper = styled__default['default'].div(templateObject_1$
|
|
16058
|
+
var CanvasWrapper = styled__default['default'].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"], ["\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n"])), function (props) {
|
|
16059
16059
|
return props.$maskColor;
|
|
16060
16060
|
});
|
|
16061
16061
|
var Canvas = styled__default['default'].canvas(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
16062
|
-
var templateObject_1$
|
|
16062
|
+
var templateObject_1$m, templateObject_2$g;
|
|
16063
16063
|
|
|
16064
16064
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
16065
16065
|
var _b, _c, _d, _e, _f;
|
|
@@ -16191,21 +16191,21 @@
|
|
|
16191
16191
|
disabled: !cameraReady || capturing
|
|
16192
16192
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
16193
16193
|
};
|
|
16194
|
-
var CaptureContainer = styled__default['default'].div(templateObject_1$
|
|
16194
|
+
var CaptureContainer = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"], ["\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--app-height);\n"])));
|
|
16195
16195
|
var HeadingRow = styled__default['default'].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
16196
16196
|
return props.$maskColor;
|
|
16197
16197
|
});
|
|
16198
16198
|
var Heading$8 = styled__default['default'].h1(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
16199
|
-
var FooterRow = styled__default['default'].div(templateObject_4$
|
|
16199
|
+
var FooterRow = styled__default['default'].div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"], ["\n background: ", ";\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 20px 20px;\n height: auto;\n color: white;\n"])), function (props) {
|
|
16200
16200
|
return props.$maskColor;
|
|
16201
16201
|
});
|
|
16202
|
-
var Instructions = styled__default['default'].div(templateObject_5$
|
|
16202
|
+
var Instructions = styled__default['default'].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
16203
16203
|
var _a, _b, _c;
|
|
16204
16204
|
return (_c = (_b = (_a = props.theme.documentCapture) === null || _a === void 0 ? void 0 : _a.instructions) === null || _b === void 0 ? void 0 : _b.maxHeight) !== null && _c !== void 0 ? _c : '8rem';
|
|
16205
16205
|
});
|
|
16206
|
-
var StyledButtonsRow$9 = styled__default['default'](ButtonsRow)(templateObject_6$
|
|
16207
|
-
var PreviewImage = styled__default['default'].img(templateObject_7$
|
|
16208
|
-
var templateObject_1$
|
|
16206
|
+
var StyledButtonsRow$9 = styled__default['default'](ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
16207
|
+
var PreviewImage = styled__default['default'].img(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
16208
|
+
var templateObject_1$l, templateObject_2$f, templateObject_3$d, templateObject_4$8, templateObject_5$5, templateObject_6$4, templateObject_7$2;
|
|
16209
16209
|
|
|
16210
16210
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
16211
16211
|
var onSuccess = _a.onSuccess,
|
|
@@ -16360,13 +16360,13 @@
|
|
|
16360
16360
|
}
|
|
16361
16361
|
}, verbiage.doneBtnText))))));
|
|
16362
16362
|
};
|
|
16363
|
-
var StyledOverlayInner$1 = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
16363
|
+
var StyledOverlayInner$1 = styled__default['default'](OverlayInner$2)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
16364
16364
|
var Heading$7 = styled__default['default'].h3(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
16365
16365
|
var Description$2 = styled__default['default'].p(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
16366
|
-
var Instruction = styled__default['default'].p(templateObject_4$
|
|
16367
|
-
var ImageCol = styled__default['default'].div(templateObject_5$
|
|
16368
|
-
var StyledButtonsRow$8 = styled__default['default'](ButtonsRow)(templateObject_6$
|
|
16369
|
-
var templateObject_1$
|
|
16366
|
+
var Instruction = styled__default['default'].p(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
16367
|
+
var ImageCol = styled__default['default'].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
16368
|
+
var StyledButtonsRow$8 = styled__default['default'](ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
16369
|
+
var templateObject_1$k, templateObject_2$e, templateObject_3$c, templateObject_4$7, templateObject_5$4, templateObject_6$3;
|
|
16370
16370
|
|
|
16371
16371
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
16372
16372
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -16690,7 +16690,7 @@
|
|
|
16690
16690
|
})));
|
|
16691
16691
|
};
|
|
16692
16692
|
|
|
16693
|
-
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$
|
|
16693
|
+
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n width: 100%;\n height: 100%;\n display: flex;\n"], ["\n position: absolute;\n z-index: 1000;\n width: 100%;\n height: 100%;\n display: flex;\n"])));
|
|
16694
16694
|
var FaceCaptureGuideOval = styled__default['default'].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n border-width: ", "px;\n border-color: ", ";\n border-style: solid;\n border-radius: 50%;\n aspect-ratio: 1 / 1.618;\n height: 50%;\n margin: auto;\n"], ["\n border-width: ", "px;\n border-color: ", ";\n border-style: solid;\n border-radius: 50%;\n aspect-ratio: 1 / 1.618;\n height: 50%;\n margin: auto;\n"])), function (props) {
|
|
16695
16695
|
return props.$borderWidth;
|
|
16696
16696
|
}, function (props) {
|
|
@@ -16714,7 +16714,7 @@
|
|
|
16714
16714
|
"$borderColor": borderColor
|
|
16715
16715
|
}));
|
|
16716
16716
|
};
|
|
16717
|
-
var templateObject_1$
|
|
16717
|
+
var templateObject_1$j, templateObject_2$d;
|
|
16718
16718
|
|
|
16719
16719
|
var useTimeout = function useTimeout(durationMs, onTimeout, timeoutAverted, shouldWaitLonger, shouldStart) {
|
|
16720
16720
|
if (shouldStart === void 0) {
|
|
@@ -16855,12 +16855,12 @@
|
|
|
16855
16855
|
}
|
|
16856
16856
|
}, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
16857
16857
|
};
|
|
16858
|
-
var StyledOverlayInner = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
16858
|
+
var StyledOverlayInner = styled__default['default'](OverlayInner$2)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
16859
16859
|
var Heading$6 = styled__default['default'].h3(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
16860
16860
|
var Description$1 = styled__default['default'].p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
16861
|
-
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$
|
|
16862
|
-
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_5$
|
|
16863
|
-
var templateObject_1$
|
|
16861
|
+
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
16862
|
+
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
16863
|
+
var templateObject_1$i, templateObject_2$c, templateObject_3$b, templateObject_4$6, templateObject_5$3;
|
|
16864
16864
|
|
|
16865
16865
|
var initialState$3 = {
|
|
16866
16866
|
videoWidth: 0,
|
|
@@ -17399,8 +17399,8 @@
|
|
|
17399
17399
|
finished: true
|
|
17400
17400
|
}, verbiage.doneBtnText))));
|
|
17401
17401
|
};
|
|
17402
|
-
var Heading$5 = styled__default['default'].h3(templateObject_1$
|
|
17403
|
-
var templateObject_1$
|
|
17402
|
+
var Heading$5 = styled__default['default'].h3(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
17403
|
+
var templateObject_1$h;
|
|
17404
17404
|
|
|
17405
17405
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
17406
17406
|
var _b = _a.canRetry,
|
|
@@ -17449,8 +17449,8 @@
|
|
|
17449
17449
|
finished: true
|
|
17450
17450
|
}, verbiage.exitBtnText))));
|
|
17451
17451
|
};
|
|
17452
|
-
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$
|
|
17453
|
-
var templateObject_1$
|
|
17452
|
+
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"], ["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"])));
|
|
17453
|
+
var templateObject_1$g;
|
|
17454
17454
|
|
|
17455
17455
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
17456
17456
|
var onDismissed = _a.onDismissed,
|
|
@@ -17520,9 +17520,9 @@
|
|
|
17520
17520
|
}
|
|
17521
17521
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
17522
17522
|
};
|
|
17523
|
-
var StyledGuidanceMessage$1 = styled__default['default'](GuidanceMessage)(templateObject_1$
|
|
17523
|
+
var StyledGuidanceMessage$1 = styled__default['default'](GuidanceMessage)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"], ["\n padding: 12px 24px;\n font-weight: normal;\n line-height: 1.5;\n margin-bottom: -30px;\n"])));
|
|
17524
17524
|
var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
17525
|
-
var templateObject_1$
|
|
17525
|
+
var templateObject_1$f, templateObject_2$b;
|
|
17526
17526
|
|
|
17527
17527
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
17528
17528
|
var _b, _c, _d;
|
|
@@ -17891,7 +17891,7 @@
|
|
|
17891
17891
|
}
|
|
17892
17892
|
}, verbiage.continueText))))));
|
|
17893
17893
|
};
|
|
17894
|
-
var OverlayInner = styled__default['default'].div(templateObject_1$
|
|
17894
|
+
var OverlayInner = styled__default['default'].div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"], ["\n height: 100dvh;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n"])), function (props) {
|
|
17895
17895
|
var _a, _b, _c, _d;
|
|
17896
17896
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
|
|
17897
17897
|
}, function (props) {
|
|
@@ -17905,16 +17905,16 @@
|
|
|
17905
17905
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
17906
17906
|
});
|
|
17907
17907
|
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\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"], ["\n padding: 16px 24px;\n margin-top: 16px;\n font-size: 18px;\n font-weight: bold;\n background: white;\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"])));
|
|
17908
|
-
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
17908
|
+
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"], ["\n display: flex;\n flex-direction: row;\n padding: 15px 25px;\n height: 100px;\n color: ", ";\n ", "\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100dvw;\n box-sizing: border-box;\n"])), function (props) {
|
|
17909
17909
|
var _a, _b, _c, _d;
|
|
17910
17910
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarTextColor) !== null && _d !== void 0 ? _d : 'white';
|
|
17911
17911
|
}, function (props) {
|
|
17912
17912
|
var _a, _b, _c, _d, _e, _f;
|
|
17913
17913
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
|
|
17914
17914
|
});
|
|
17915
|
-
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_5$
|
|
17916
|
-
var LoadingListContainer = styled__default['default'].div(templateObject_6$
|
|
17917
|
-
var LoadingList = styled__default['default'].ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
17915
|
+
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
17916
|
+
var LoadingListContainer = styled__default['default'].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
17917
|
+
var LoadingList = styled__default['default'].ul(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
|
|
17918
17918
|
var LoadingListItem = styled__default['default'].li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\n"])));
|
|
17919
17919
|
var ProgressContainer = styled__default['default'].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
17920
17920
|
var ProgressBarBackground = styled__default['default'].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
@@ -17940,7 +17940,7 @@
|
|
|
17940
17940
|
var _a, _b, _c, _d, _e, _f;
|
|
17941
17941
|
return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
|
|
17942
17942
|
});
|
|
17943
|
-
var templateObject_1$
|
|
17943
|
+
var templateObject_1$e, templateObject_2$a, templateObject_3$a, templateObject_4$5, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
17944
17944
|
|
|
17945
17945
|
var components = {
|
|
17946
17946
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -18286,11 +18286,11 @@
|
|
|
18286
18286
|
}
|
|
18287
18287
|
}, verbiage.captureBtnText)))));
|
|
18288
18288
|
};
|
|
18289
|
-
var Inner = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
18289
|
+
var Inner = styled__default['default'](OverlayInner$2)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
18290
18290
|
var Heading$4 = styled__default['default'].h3(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18291
18291
|
var Description = styled__default['default'].p(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
18292
|
-
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
18293
|
-
var templateObject_1$
|
|
18292
|
+
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
18293
|
+
var templateObject_1$d, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
18294
18294
|
|
|
18295
18295
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
18296
18296
|
var documents = _a.documents,
|
|
@@ -18993,7 +18993,7 @@
|
|
|
18993
18993
|
return signatureData;
|
|
18994
18994
|
}
|
|
18995
18995
|
|
|
18996
|
-
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$
|
|
18996
|
+
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
18997
18997
|
var _a, _b;
|
|
18998
18998
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.background) ? "background: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.background, ";") : "";
|
|
18999
18999
|
}, function (props) {
|
|
@@ -19014,8 +19014,8 @@
|
|
|
19014
19014
|
var _a, _b, _c;
|
|
19015
19015
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.borderRadius) !== null && _c !== void 0 ? _c : '16px';
|
|
19016
19016
|
});
|
|
19017
|
-
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
19018
|
-
var templateObject_1$
|
|
19017
|
+
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
19018
|
+
var templateObject_1$c, templateObject_2$8, templateObject_3$8, templateObject_4$3;
|
|
19019
19019
|
|
|
19020
19020
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
19021
19021
|
var _b;
|
|
@@ -19074,8 +19074,8 @@
|
|
|
19074
19074
|
finished: true
|
|
19075
19075
|
}, verbiage.acceptBtnText)))));
|
|
19076
19076
|
};
|
|
19077
|
-
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$
|
|
19078
|
-
var templateObject_1$
|
|
19077
|
+
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
19078
|
+
var templateObject_1$b;
|
|
19079
19079
|
|
|
19080
19080
|
var useVideoRecorder = function useVideoRecorder(camera) {
|
|
19081
19081
|
var mediaRecorder = React.useRef(null);
|
|
@@ -19303,8 +19303,8 @@
|
|
|
19303
19303
|
ref: outputCanvas
|
|
19304
19304
|
}));
|
|
19305
19305
|
};
|
|
19306
|
-
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$
|
|
19307
|
-
var templateObject_1$
|
|
19306
|
+
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
19307
|
+
var templateObject_1$a;
|
|
19308
19308
|
|
|
19309
19309
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
19310
19310
|
var videoUrl = _a.videoUrl,
|
|
@@ -19352,8 +19352,8 @@
|
|
|
19352
19352
|
finished: true
|
|
19353
19353
|
}, verbiage.doneBtnText))));
|
|
19354
19354
|
};
|
|
19355
|
-
var StyledVideo$1 = styled__default['default'].video(templateObject_1$
|
|
19356
|
-
var templateObject_1$
|
|
19355
|
+
var StyledVideo$1 = styled__default['default'].video(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n"])));
|
|
19356
|
+
var templateObject_1$9;
|
|
19357
19357
|
|
|
19358
19358
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
19359
19359
|
var _b;
|
|
@@ -19527,175 +19527,79 @@
|
|
|
19527
19527
|
|
|
19528
19528
|
var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
19529
19529
|
var _b;
|
|
19530
|
-
var
|
|
19530
|
+
var className = _a.className,
|
|
19531
|
+
imageWidth = _a.imageWidth,
|
|
19531
19532
|
imageHeight = _a.imageHeight,
|
|
19532
19533
|
_c = _a.borderWidth,
|
|
19533
19534
|
borderWidth = _c === void 0 ? 4 : _c,
|
|
19534
|
-
_d = _a.
|
|
19535
|
-
|
|
19536
|
-
_e = _a.style,
|
|
19537
|
-
style = _e === void 0 ? {} : _e,
|
|
19538
|
-
_f = _a.assets,
|
|
19539
|
-
assets = _f === void 0 ? {} : _f,
|
|
19540
|
-
_g = _a.verbiage,
|
|
19541
|
-
verbiage = _g === void 0 ? {} : _g;
|
|
19542
|
-
var _h = useResizeObserver(),
|
|
19543
|
-
ref = _h.ref,
|
|
19544
|
-
_j = _h.width,
|
|
19545
|
-
width = _j === void 0 ? 1 : _j,
|
|
19546
|
-
_k = _h.height,
|
|
19547
|
-
height = _k === void 0 ? 1 : _k;
|
|
19535
|
+
_d = _a.assets,
|
|
19536
|
+
assets = _d === void 0 ? {} : _d;
|
|
19548
19537
|
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
19549
19538
|
assets.frontImageUrl || (assets.frontImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
|
|
19550
19539
|
assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
|
|
19551
|
-
var instructionText = useVerbiage(verbiage.instructionText, 'Please flip your ID card...');
|
|
19552
|
-
var padding = 0;
|
|
19553
19540
|
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
19554
|
-
|
|
19555
|
-
|
|
19556
|
-
|
|
19557
|
-
|
|
19558
|
-
|
|
19559
|
-
|
|
19560
|
-
};
|
|
19561
|
-
var _l = React.useState(1),
|
|
19562
|
-
transitionTime = _l[0],
|
|
19563
|
-
setTransitionTime = _l[1];
|
|
19564
|
-
var _m = React.useState(0),
|
|
19565
|
-
rotationAngle = _m[0],
|
|
19566
|
-
setRotationAngle = _m[1];
|
|
19541
|
+
var _e = React.useState(1),
|
|
19542
|
+
transitionTime = _e[0],
|
|
19543
|
+
setTransitionTime = _e[1];
|
|
19544
|
+
var _f = React.useState(0),
|
|
19545
|
+
rotationAngle = _f[0],
|
|
19546
|
+
setRotationAngle = _f[1];
|
|
19567
19547
|
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
19568
19548
|
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
19569
19549
|
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
19570
19550
|
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
19571
19551
|
React.useEffect(function () {
|
|
19572
|
-
var
|
|
19552
|
+
var timeout;
|
|
19553
|
+
function doFlip() {
|
|
19573
19554
|
setTransitionTime(1);
|
|
19574
19555
|
setRotationAngle(180);
|
|
19575
|
-
setTimeout(function () {
|
|
19556
|
+
timeout = setTimeout(function () {
|
|
19576
19557
|
setTransitionTime(0);
|
|
19577
19558
|
setRotationAngle(0);
|
|
19578
19559
|
}, 1500);
|
|
19579
|
-
}
|
|
19580
|
-
setTimeout(doFlip, 250);
|
|
19560
|
+
}
|
|
19581
19561
|
var interval = setInterval(doFlip, 2500);
|
|
19562
|
+
timeout = setTimeout(doFlip, 250);
|
|
19582
19563
|
return function () {
|
|
19583
19564
|
clearInterval(interval);
|
|
19565
|
+
clearTimeout(timeout);
|
|
19584
19566
|
};
|
|
19585
19567
|
}, []);
|
|
19586
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
19587
|
-
ref: ref,
|
|
19588
|
-
style: __assign$1(__assign$1({}, style), {
|
|
19589
|
-
position: 'relative',
|
|
19590
|
-
top: -5
|
|
19591
|
-
})
|
|
19592
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19593
|
-
style: {
|
|
19594
|
-
display: 'flex',
|
|
19595
|
-
flexFlow: 'column nowrap',
|
|
19596
|
-
height: '100%'
|
|
19597
|
-
}
|
|
19598
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19599
|
-
style: {
|
|
19600
|
-
width: '100%',
|
|
19601
|
-
height: '100%',
|
|
19602
|
-
flexGrow: 1,
|
|
19603
|
-
textAlign: 'center',
|
|
19604
|
-
color: 'white',
|
|
19605
|
-
display: 'flex',
|
|
19606
|
-
flexDirection: 'column',
|
|
19607
|
-
justifyContent: 'end'
|
|
19608
|
-
}
|
|
19609
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
19610
|
-
style: {
|
|
19611
|
-
alignContent: 'center',
|
|
19612
|
-
marginTop: 12,
|
|
19613
|
-
marginBottom: 12
|
|
19614
|
-
}
|
|
19615
|
-
}, instructionText)), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19616
|
-
style: {
|
|
19617
|
-
position: 'relative',
|
|
19618
|
-
display: 'flex',
|
|
19619
|
-
flexFlow: 'row nowrap',
|
|
19620
|
-
alignItems: 'center',
|
|
19621
|
-
justifyItems: 'center',
|
|
19622
|
-
maxWidth: "calc(100%)",
|
|
19623
|
-
maxHeight: "calc(100% - ".concat(padding * 2, "px)")
|
|
19624
|
-
}
|
|
19625
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19626
|
-
style: {
|
|
19627
|
-
width: '100%',
|
|
19628
|
-
height: '100%',
|
|
19629
|
-
minWidth: padding,
|
|
19630
|
-
flexGrow: 1
|
|
19631
|
-
}
|
|
19632
|
-
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19633
|
-
style: {
|
|
19634
|
-
maxWidth: "calc(100% - ".concat(padding * 2, "px - ").concat(borderWidth * 2, "px)"),
|
|
19635
|
-
maxHeight: height - padding * 2 - borderWidth * 2
|
|
19636
|
-
}
|
|
19637
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19638
|
-
style: {
|
|
19639
|
-
position: 'relative',
|
|
19640
|
-
border: "".concat(borderWidth, "px solid ").concat(borderColor),
|
|
19641
|
-
width: (imageWidth !== null && imageWidth !== void 0 ? imageWidth : 0) + borderWidth * 2
|
|
19642
|
-
}
|
|
19643
|
-
}, /*#__PURE__*/React__default['default'].createElement("img", {
|
|
19568
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FlipImage, {
|
|
19644
19569
|
src: assets.frontImageUrl,
|
|
19645
19570
|
alt: "",
|
|
19646
|
-
|
|
19647
|
-
|
|
19648
|
-
|
|
19649
|
-
|
|
19650
|
-
|
|
19651
|
-
|
|
19652
|
-
|
|
19653
|
-
transformStyle: 'preserve-3d',
|
|
19654
|
-
position: 'relative',
|
|
19655
|
-
top: 0,
|
|
19656
|
-
left: 0,
|
|
19657
|
-
display: 'block'
|
|
19658
|
-
}, imageStyle)
|
|
19659
|
-
}), /*#__PURE__*/React__default['default'].createElement("img", {
|
|
19571
|
+
className: className,
|
|
19572
|
+
"$transforms": frontTransforms.join(' '),
|
|
19573
|
+
"$transitionTime": transitionTime,
|
|
19574
|
+
"$borderWidth": borderWidth,
|
|
19575
|
+
"$imageWidth": imageWidth,
|
|
19576
|
+
"$imageHeight": imageHeight
|
|
19577
|
+
}), /*#__PURE__*/React__default['default'].createElement(FlipImage, {
|
|
19660
19578
|
src: assets.backImageUrl,
|
|
19661
19579
|
alt: "",
|
|
19662
|
-
|
|
19663
|
-
|
|
19664
|
-
|
|
19665
|
-
|
|
19666
|
-
|
|
19667
|
-
|
|
19668
|
-
|
|
19669
|
-
|
|
19670
|
-
display: 'block'
|
|
19671
|
-
}, imageStyle)
|
|
19672
|
-
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19673
|
-
style: {
|
|
19674
|
-
width: '100%',
|
|
19675
|
-
height: '100%',
|
|
19676
|
-
minWidth: padding,
|
|
19677
|
-
flexGrow: 1
|
|
19678
|
-
}
|
|
19679
|
-
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19680
|
-
style: {
|
|
19681
|
-
width: '100%',
|
|
19682
|
-
height: '100%',
|
|
19683
|
-
flexGrow: 1,
|
|
19684
|
-
textAlign: 'center',
|
|
19685
|
-
color: 'white',
|
|
19686
|
-
display: 'flex',
|
|
19687
|
-
flexDirection: 'column',
|
|
19688
|
-
justifyContent: 'end'
|
|
19689
|
-
}
|
|
19690
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
19691
|
-
style: {
|
|
19692
|
-
alignContent: 'center',
|
|
19693
|
-
marginTop: 12,
|
|
19694
|
-
marginBottom: 12,
|
|
19695
|
-
opacity: 0
|
|
19696
|
-
}
|
|
19697
|
-
}, instructionText))));
|
|
19580
|
+
className: className,
|
|
19581
|
+
"$transforms": backTransforms.join(' '),
|
|
19582
|
+
"$transitionTime": transitionTime,
|
|
19583
|
+
"$borderWidth": borderWidth,
|
|
19584
|
+
"$imageWidth": imageWidth,
|
|
19585
|
+
"$imageHeight": imageHeight,
|
|
19586
|
+
"$isBack": true
|
|
19587
|
+
}));
|
|
19698
19588
|
};
|
|
19589
|
+
var FlipImage = styled__default['default'].img(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: ", ";\n display: block;\n top: ", "px;\n width: ", "px;\n height: ", "px;\n"], ["\n backface-visibility: hidden;\n transition: transform ", "s;\n transform: ", ";\n transform-style: preserve-3d;\n position: ", ";\n display: block;\n top: ", "px;\n width: ", "px;\n height: ", "px;\n"])), function (props) {
|
|
19590
|
+
return props.$transitionTime;
|
|
19591
|
+
}, function (props) {
|
|
19592
|
+
return props.$transforms;
|
|
19593
|
+
}, function (props) {
|
|
19594
|
+
return props.$isBack ? 'absolute' : 'relative';
|
|
19595
|
+
}, function (props) {
|
|
19596
|
+
return -props.$borderWidth / 2;
|
|
19597
|
+
}, function (props) {
|
|
19598
|
+
return props.$imageWidth;
|
|
19599
|
+
}, function (props) {
|
|
19600
|
+
return props.$imageHeight + props.$borderWidth;
|
|
19601
|
+
});
|
|
19602
|
+
var templateObject_1$8;
|
|
19699
19603
|
|
|
19700
19604
|
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
19701
19605
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
@@ -19725,104 +19629,77 @@
|
|
|
19725
19629
|
assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
|
|
19726
19630
|
var verbiage = useTranslations(rawVerbiage, {
|
|
19727
19631
|
idFrontInstructionText: 'Display the front of your ID card...',
|
|
19728
|
-
idBackInstructionText: 'Display the back of your ID card...'
|
|
19632
|
+
idBackInstructionText: 'Display the back of your ID card...',
|
|
19633
|
+
flipIdInstructionText: 'Please flip your ID card...'
|
|
19729
19634
|
});
|
|
19730
|
-
var instructionText = requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : verbiage.idBackInstructionText;
|
|
19635
|
+
var instructionText = requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
19731
19636
|
var idGuideWidth = typeof window !== 'undefined' && window.innerWidth > window.innerHeight ? '30%' : '75%';
|
|
19732
19637
|
var theme = styled.useTheme();
|
|
19733
19638
|
if (faceGuideBorderWidth === undefined) faceGuideBorderWidth = (_d = (_c = (_b = theme.idVideoCapture) === null || _b === void 0 ? void 0 : _b.faceGuides) === null || _c === void 0 ? void 0 : _c.borderWidth) !== null && _d !== void 0 ? _d : 4;
|
|
19734
19639
|
if (faceGuideBorderColor === undefined) faceGuideBorderColor = (_j = satisfied ? (_f = (_e = theme.idVideoCapture) === null || _e === void 0 ? void 0 : _e.faceGuides) === null || _f === void 0 ? void 0 : _f.satisfiedColor : (_h = (_g = theme.idVideoCapture) === null || _g === void 0 ? void 0 : _g.faceGuides) === null || _h === void 0 ? void 0 : _h.unsatisfiedColor) !== null && _j !== void 0 ? _j : 'white';
|
|
19735
19640
|
if (idCardGuideBorderWidth === undefined) idCardGuideBorderWidth = (_m = (_l = (_k = theme.idVideoCapture) === null || _k === void 0 ? void 0 : _k.idCardGuides) === null || _l === void 0 ? void 0 : _l.borderWidth) !== null && _m !== void 0 ? _m : 4;
|
|
19736
19641
|
if (idCardGuideBorderColor === undefined) idCardGuideBorderColor = (_s = satisfied ? (_p = (_o = theme.idVideoCapture) === null || _o === void 0 ? void 0 : _o.idCardGuides) === null || _p === void 0 ? void 0 : _p.satisfiedColor : (_r = (_q = theme.idVideoCapture) === null || _q === void 0 ? void 0 : _q.idCardGuides) === null || _r === void 0 ? void 0 : _r.unsatisfiedColor) !== null && _s !== void 0 ? _s : 'white';
|
|
19737
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
19642
|
+
return /*#__PURE__*/React__default['default'].createElement(Container, {
|
|
19738
19643
|
className: classNames.container
|
|
19739
19644
|
}, /*#__PURE__*/React__default['default'].createElement(FaceGuide, {
|
|
19740
19645
|
className: classNames.faceGuide,
|
|
19741
19646
|
"$borderWidth": faceGuideBorderWidth,
|
|
19742
19647
|
"$borderColor": faceGuideBorderColor
|
|
19743
|
-
}),
|
|
19648
|
+
}), /*#__PURE__*/React__default['default'].createElement(IdCardGuideContainer, {
|
|
19649
|
+
"$width": idGuideWidth,
|
|
19650
|
+
className: classNames.idCardGuideContainer
|
|
19651
|
+
}, /*#__PURE__*/React__default['default'].createElement(IdCardGuideInstructionsContainer, {
|
|
19652
|
+
className: classNames.idCardGuideInstructionsContainer
|
|
19653
|
+
}, /*#__PURE__*/React__default['default'].createElement(IdCardGuideInstructions, {
|
|
19654
|
+
className: classNames.idCardGuideInstructions
|
|
19655
|
+
}, instructionText)), /*#__PURE__*/React__default['default'].createElement(IdCardGuideImageContainer, {
|
|
19656
|
+
"$borderWidth": idCardGuideBorderWidth,
|
|
19657
|
+
"$borderColor": idCardGuideBorderColor,
|
|
19658
|
+
className: classNames.idCardGuideImageContainer
|
|
19659
|
+
}, requestedAction === 'FLIP_ID' ? ( /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureFlipIdPrompt, {
|
|
19744
19660
|
assets: assets,
|
|
19745
|
-
verbiage: {
|
|
19746
|
-
instructionText: verbiage.flipIdInstructionText
|
|
19747
|
-
},
|
|
19748
19661
|
imageWidth: imageWidth,
|
|
19749
19662
|
imageHeight: imageHeight,
|
|
19750
19663
|
borderWidth: idCardGuideBorderWidth,
|
|
19751
|
-
|
|
19752
|
-
|
|
19753
|
-
width: idGuideWidth,
|
|
19754
|
-
margin: '2% auto 2%'
|
|
19755
|
-
}
|
|
19756
|
-
})) : ( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19757
|
-
style: {
|
|
19758
|
-
width: idGuideWidth,
|
|
19759
|
-
margin: '2% auto 2%',
|
|
19760
|
-
display: 'flex',
|
|
19761
|
-
flexFlow: 'column nowrap'
|
|
19762
|
-
}
|
|
19763
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19764
|
-
style: {
|
|
19765
|
-
width: '100%',
|
|
19766
|
-
height: '100%',
|
|
19767
|
-
flexGrow: 1,
|
|
19768
|
-
textAlign: 'center',
|
|
19769
|
-
color: 'white',
|
|
19770
|
-
display: 'flex',
|
|
19771
|
-
flexDirection: 'column',
|
|
19772
|
-
justifyContent: 'end'
|
|
19773
|
-
}
|
|
19774
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
19775
|
-
style: {
|
|
19776
|
-
alignContent: 'center',
|
|
19777
|
-
marginTop: 12,
|
|
19778
|
-
marginBottom: 12
|
|
19779
|
-
}
|
|
19780
|
-
}, instructionText)), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
19781
|
-
style: {
|
|
19782
|
-
border: "".concat(idCardGuideBorderWidth, "px solid ").concat(idCardGuideBorderColor)
|
|
19783
|
-
}
|
|
19784
|
-
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
19664
|
+
className: classNames.flipIdPromptImage
|
|
19665
|
+
})) : ( /*#__PURE__*/React__default['default'].createElement(IdCardGuideImage, {
|
|
19785
19666
|
ref: imageRef,
|
|
19786
19667
|
src: requestedAction === 'SHOW_ID_BACK' ? assets.backImageUrl : assets.frontImageUrl,
|
|
19787
19668
|
alt: "",
|
|
19669
|
+
className: classNames.idCardGuideImage,
|
|
19788
19670
|
"$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
|
|
19789
19671
|
onLoad: function onLoad() {
|
|
19790
19672
|
var _a, _b, _c, _d;
|
|
19791
19673
|
if (!imageWidth) setImageWidth((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0);
|
|
19792
19674
|
if (!imageHeight) setImageHeight((_d = (_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0);
|
|
19793
19675
|
}
|
|
19794
|
-
}))
|
|
19795
|
-
style: {
|
|
19796
|
-
width: '100%',
|
|
19797
|
-
height: '100%',
|
|
19798
|
-
flexGrow: 1,
|
|
19799
|
-
textAlign: 'center',
|
|
19800
|
-
color: 'white',
|
|
19801
|
-
display: 'flex',
|
|
19802
|
-
flexDirection: 'column',
|
|
19803
|
-
justifyContent: 'end'
|
|
19804
|
-
}
|
|
19805
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
19806
|
-
style: {
|
|
19807
|
-
alignContent: 'center',
|
|
19808
|
-
marginTop: 12,
|
|
19809
|
-
marginBottom: 12,
|
|
19810
|
-
opacity: 0
|
|
19811
|
-
}
|
|
19812
|
-
}, instructionText))))));
|
|
19676
|
+
})))));
|
|
19813
19677
|
};
|
|
19814
|
-
var Container = styled__default['default'].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position:
|
|
19815
|
-
|
|
19678
|
+
var Container = styled__default['default'].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n font-family: ", ";\n"], ["\n position: fixed;\n z-index: 1000;\n width: 100dvw;\n height: 100dvh;\n display: flex;\n flex-direction: column;\n font-family: ", ";\n"])), function (props) {
|
|
19679
|
+
var _a;
|
|
19680
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
19681
|
+
});
|
|
19682
|
+
var FaceGuide = styled__default['default'].div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n border-width: ", "px;\n border-color: ", ";\n border-style: solid;\n border-radius: 50%;\n aspect-ratio: 1 / 1.618;\n height: 100%;\n min-height: 33dvh;\n margin: 4% auto auto;\n"], ["\n border-width: ", "px;\n border-color: ", ";\n border-style: solid;\n border-radius: 50%;\n aspect-ratio: 1 / 1.618;\n height: 100%;\n min-height: 33dvh;\n margin: 4% auto auto;\n"])), function (props) {
|
|
19816
19683
|
var _a;
|
|
19817
19684
|
return (_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 0;
|
|
19818
19685
|
}, function (props) {
|
|
19819
19686
|
var _a;
|
|
19820
19687
|
return (_a = props.$borderColor) !== null && _a !== void 0 ? _a : 'white';
|
|
19821
19688
|
});
|
|
19822
|
-
var
|
|
19689
|
+
var IdCardGuideContainer = styled__default['default'].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n flex-flow: column nowrap;\n margin: 2% auto;\n"], ["\n width: ", ";\n display: flex;\n flex-flow: column nowrap;\n margin: 2% auto;\n"])), function (props) {
|
|
19690
|
+
return props.$width;
|
|
19691
|
+
});
|
|
19692
|
+
var IdCardGuideInstructionsContainer = styled__default['default'].div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n width: 100%;\n flex-grow: 1;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n"], ["\n width: 100%;\n flex-grow: 1;\n text-align: center;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: end;\n"])));
|
|
19693
|
+
var IdCardGuideInstructions = styled__default['default'].span(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"], ["\n align-content: center;\n margin-top: 12px;\n margin-bottom: 12px;\n"])));
|
|
19694
|
+
var IdCardGuideImageContainer = styled__default['default'].div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n position: relative;\n border: ", "px solid\n ", ";\n"], ["\n position: relative;\n border: ", "px solid\n ", ";\n"])), function (props) {
|
|
19695
|
+
return props.$borderWidth;
|
|
19696
|
+
}, function (props) {
|
|
19697
|
+
return props.$borderColor;
|
|
19698
|
+
});
|
|
19699
|
+
var IdCardGuideImage = styled__default['default'].img(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n max-height: 100%;\n ", "\n"], ["\n width: 100%;\n max-height: 100%;\n ", "\n"])), function (props) {
|
|
19823
19700
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
19824
19701
|
});
|
|
19825
|
-
var templateObject_1$7, templateObject_2$7, templateObject_3$7;
|
|
19702
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
19826
19703
|
|
|
19827
19704
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
19828
19705
|
var text = _a.text,
|
|
@@ -20238,7 +20115,13 @@
|
|
|
20238
20115
|
className: classNames.guidanceMessage,
|
|
20239
20116
|
"$background": (_q = (_p = (_o = theme.guidanceMessages) === null || _o === void 0 ? void 0 : _o.negative) === null || _p === void 0 ? void 0 : _p.backgroundColor) !== null && _q !== void 0 ? _q : 'red',
|
|
20240
20117
|
"$textColor": (_t = (_s = (_r = theme.guidanceMessages) === null || _r === void 0 ? void 0 : _r.negative) === null || _s === void 0 ? void 0 : _s.textColor) !== null && _t !== void 0 ? _t : 'white'
|
|
20241
|
-
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default['default'].createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Detection Score: ", bestFrameDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Focus Score: ", bestFrameFocusScore)), countdownRemaining && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CountdownContainer,
|
|
20118
|
+
}, guidanceText))), debugMode && ( /*#__PURE__*/React__default['default'].createElement(DebugStatsPane, null, cameraRef.current ? ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, "\u2705 Camera: ", cameraRef.current.label, " (", cameraRef.current.width, "x", cameraRef.current.height, ")")) : '❌ Camera not ready', /*#__PURE__*/React__default['default'].createElement("br", null), isRecording ? '✅ Recording' : '❌ Not recording', /*#__PURE__*/React__default['default'].createElement("br", null), goodFramesThresholdMet ? '✅' : '❌', " Good Frame Count:", ' ', goodFramesCount, "/", goodFramesThreshold, /*#__PURE__*/React__default['default'].createElement("br", null), "Detection Score: ", currentDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Focus Score: ", currentFocusScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Detection Score: ", bestFrameDetectionScore, /*#__PURE__*/React__default['default'].createElement("br", null), "Best Frame Focus Score: ", bestFrameFocusScore)), countdownRemaining && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CountdownContainer, {
|
|
20119
|
+
className: classNames.countdownContainer
|
|
20120
|
+
}, /*#__PURE__*/React__default['default'].createElement(Countdown, {
|
|
20121
|
+
className: classNames.countdown
|
|
20122
|
+
}, countdownRemaining))), (!idCaptureModelsEnabled || modelError) && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CaptureButtonContainer, {
|
|
20123
|
+
className: classNames.captureBtnContainer
|
|
20124
|
+
}, /*#__PURE__*/React__default['default'].createElement(CaptureButton, {
|
|
20242
20125
|
finished: true,
|
|
20243
20126
|
onClick: function onClick() {
|
|
20244
20127
|
return setCountdownStartedAt(new Date());
|