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
|
@@ -50,7 +50,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
|
|
|
50
50
|
var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
|
|
51
51
|
var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
|
|
52
52
|
|
|
53
|
-
var webSdkVersion = '1.0.
|
|
53
|
+
var webSdkVersion = '1.0.310';
|
|
54
54
|
|
|
55
55
|
function getPlatform() {
|
|
56
56
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -185,7 +185,7 @@ function videoDataUrlToB64(url) {
|
|
|
185
185
|
});
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
var PageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
188
|
+
var PageContainerDiv = styled__default['default'].div(templateObject_1$F || (templateObject_1$F = tslib.__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) {
|
|
189
189
|
var _a;
|
|
190
190
|
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 ");
|
|
191
191
|
}, function (props) {
|
|
@@ -225,9 +225,9 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
225
225
|
}, dimensionsCalculated && children);
|
|
226
226
|
});
|
|
227
227
|
PageContainer.displayName = 'PageContainer';
|
|
228
|
-
var templateObject_1$
|
|
228
|
+
var templateObject_1$F;
|
|
229
229
|
|
|
230
|
-
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
230
|
+
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$E || (templateObject_1$E = tslib.__makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
231
231
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
232
232
|
}, function (props) {
|
|
233
233
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -239,8 +239,8 @@ var OverlayInner$2 = styled__default['default'].div(templateObject_2$r || (templ
|
|
|
239
239
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
240
240
|
});
|
|
241
241
|
var OverlayImageContainer = styled__default['default'].div(templateObject_3$k || (templateObject_3$k = tslib.__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"])));
|
|
242
|
-
var OverlayImageRow = styled__default['default'].div(templateObject_4$
|
|
243
|
-
var templateObject_1$
|
|
242
|
+
var OverlayImageRow = styled__default['default'].div(templateObject_4$f || (templateObject_4$f = tslib.__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"])));
|
|
243
|
+
var templateObject_1$E, templateObject_2$r, templateObject_3$k, templateObject_4$f;
|
|
244
244
|
|
|
245
245
|
var LoaderButton = function LoaderButton(_a) {
|
|
246
246
|
var children = _a.children,
|
|
@@ -298,11 +298,11 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
298
298
|
className: "ladda-label"
|
|
299
299
|
}, children));
|
|
300
300
|
};
|
|
301
|
-
var StyledButton = styled__default['default'].button(templateObject_1$C || (templateObject_1$C = tslib.__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) {
|
|
301
|
+
var StyledButton = styled__default['default'].button(templateObject_1$D || (templateObject_1$D = tslib.__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) {
|
|
302
302
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
303
303
|
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 ");
|
|
304
304
|
});
|
|
305
|
-
var templateObject_1$
|
|
305
|
+
var templateObject_1$D;
|
|
306
306
|
|
|
307
307
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
308
308
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -939,10 +939,10 @@ var SubmissionProvider = function SubmissionProvider(_a) {
|
|
|
939
939
|
_e.label = 4;
|
|
940
940
|
case 4:
|
|
941
941
|
if (idCaptureVideoIdFrontImage) {
|
|
942
|
-
submissionRequest.customerData.idData.videoIdImageFront = idCaptureVideoIdFrontImage;
|
|
942
|
+
submissionRequest.customerData.idData.videoIdImageFront = dataUrlToBase64Sync(idCaptureVideoIdFrontImage);
|
|
943
943
|
}
|
|
944
944
|
if (idCaptureVideoIdBackImage) {
|
|
945
|
-
submissionRequest.customerData.idData.videoIdImageBack = idCaptureVideoIdBackImage;
|
|
945
|
+
submissionRequest.customerData.idData.videoIdImageBack = dataUrlToBase64Sync(idCaptureVideoIdBackImage);
|
|
946
946
|
}
|
|
947
947
|
attachMetadataToRequest(submissionRequest, {
|
|
948
948
|
selfieCaptureAttempts: selfieCaptureAttempts,
|
|
@@ -1512,7 +1512,7 @@ function getFrameDimensions(frame) {
|
|
|
1512
1512
|
return [frameWidth, frameHeight];
|
|
1513
1513
|
}
|
|
1514
1514
|
|
|
1515
|
-
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$
|
|
1515
|
+
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$C || (templateObject_1$C = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
1516
1516
|
function drawToCanvas(canvas, frame, width, height) {
|
|
1517
1517
|
if (!canvas) return;
|
|
1518
1518
|
var ctx = canvas.getContext('2d');
|
|
@@ -1534,7 +1534,7 @@ function clearCanvas(canvas) {
|
|
|
1534
1534
|
if (!ctx) return;
|
|
1535
1535
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
1536
1536
|
}
|
|
1537
|
-
var templateObject_1$
|
|
1537
|
+
var templateObject_1$C;
|
|
1538
1538
|
|
|
1539
1539
|
function listAvailableCameras(facingMode, requestMicAccess) {
|
|
1540
1540
|
if (requestMicAccess === void 0) {
|
|
@@ -10042,7 +10042,7 @@ var useIdCaptureState = function useIdCaptureState() {
|
|
|
10042
10042
|
return [state, dispatch];
|
|
10043
10043
|
};
|
|
10044
10044
|
|
|
10045
|
-
var DebugStatsPane = styled__default['default'].span(templateObject_1$
|
|
10045
|
+
var DebugStatsPane = styled__default['default'].span(templateObject_1$B || (templateObject_1$B = tslib.__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"])));
|
|
10046
10046
|
var ObjectDetectionDebugOverlayDiv = styled__default['default'].div(templateObject_2$q || (templateObject_2$q = tslib.__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) {
|
|
10047
10047
|
var $flipX = _a.$flipX;
|
|
10048
10048
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -10057,7 +10057,7 @@ var ObjectDetectionDebugBox = styled__default['default'].div(templateObject_3$j
|
|
|
10057
10057
|
var $flipX = _a.$flipX;
|
|
10058
10058
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
10059
10059
|
});
|
|
10060
|
-
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$
|
|
10060
|
+
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$e || (templateObject_4$e = tslib.__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) {
|
|
10061
10061
|
var $color = _a.$color;
|
|
10062
10062
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
10063
10063
|
}, function (_a) {
|
|
@@ -10237,7 +10237,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
10237
10237
|
}
|
|
10238
10238
|
});
|
|
10239
10239
|
}
|
|
10240
|
-
var templateObject_1$
|
|
10240
|
+
var templateObject_1$B, templateObject_2$q, templateObject_3$j, templateObject_4$e;
|
|
10241
10241
|
|
|
10242
10242
|
var enTranslation = {};
|
|
10243
10243
|
|
|
@@ -10392,7 +10392,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
10392
10392
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
10393
10393
|
}
|
|
10394
10394
|
|
|
10395
|
-
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
10395
|
+
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$A || (templateObject_1$A = tslib.__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) {
|
|
10396
10396
|
var $top = _a.$top;
|
|
10397
10397
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
10398
10398
|
}, function (_a) {
|
|
@@ -10412,7 +10412,7 @@ var GuidanceMessage = styled__default['default'].div(templateObject_2$p || (temp
|
|
|
10412
10412
|
var _a, _b, _c, _d, _e, _f;
|
|
10413
10413
|
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';
|
|
10414
10414
|
});
|
|
10415
|
-
var templateObject_1$
|
|
10415
|
+
var templateObject_1$A, templateObject_2$p;
|
|
10416
10416
|
|
|
10417
10417
|
var IdCapture = function IdCapture(_a) {
|
|
10418
10418
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
@@ -10764,13 +10764,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
10764
10764
|
finished: true
|
|
10765
10765
|
}, verbiage.retryBtnText)));
|
|
10766
10766
|
};
|
|
10767
|
-
var StyledOverlayInner$2 = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
10767
|
+
var StyledOverlayInner$2 = styled__default['default'](OverlayInner$2)(templateObject_1$z || (templateObject_1$z = tslib.__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10768
10768
|
var StyledOverlayImageContainer$2 = styled__default['default'](OverlayImageContainer)(templateObject_2$o || (templateObject_2$o = tslib.__makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10769
10769
|
var Description$3 = styled__default['default'].p(templateObject_3$i || (templateObject_3$i = tslib.__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10770
|
-
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$
|
|
10771
|
-
var templateObject_1$
|
|
10770
|
+
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$d || (templateObject_4$d = tslib.__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10771
|
+
var templateObject_1$z, templateObject_2$o, templateObject_3$i, templateObject_4$d;
|
|
10772
10772
|
|
|
10773
|
-
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$
|
|
10773
|
+
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$y || (templateObject_1$y = tslib.__makeTemplateObject(["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"], ["\n position: absolute;\n top: 12px;\n right: 12px;\n font-size: 20px;\n width: 32px;\n height: 32px;\n font-family: monospace;\n z-index: 1002;\n border: none;\n border-radius: 4px;\n background: #ccc;\n cursor: pointer;\n padding: 8px;\n box-sizing: border-box;\n display: flex;\n\n &:hover {\n background: #ddd;\n }\n\n & > svg {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n"])));
|
|
10774
10774
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
10775
10775
|
var onClick = _a.onClick,
|
|
10776
10776
|
className = _a.className;
|
|
@@ -10814,10 +10814,10 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
10814
10814
|
y2: "19.75"
|
|
10815
10815
|
}))));
|
|
10816
10816
|
};
|
|
10817
|
-
var templateObject_1$
|
|
10817
|
+
var templateObject_1$y;
|
|
10818
10818
|
|
|
10819
|
-
var ButtonsRow = styled__default['default'].div(templateObject_1$
|
|
10820
|
-
var templateObject_1$
|
|
10819
|
+
var ButtonsRow = styled__default['default'].div(templateObject_1$x || (templateObject_1$x = tslib.__makeTemplateObject(["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 0 15px;\n justify-content: center;\n"])));
|
|
10820
|
+
var templateObject_1$x;
|
|
10821
10821
|
|
|
10822
10822
|
function IdCaptureLoadingGraphic(props) {
|
|
10823
10823
|
var isMobile = window.innerHeight > window.innerWidth;
|
|
@@ -11452,7 +11452,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
|
|
|
11452
11452
|
}
|
|
11453
11453
|
}, verbiage.continueText))))));
|
|
11454
11454
|
};
|
|
11455
|
-
var OverlayInner$1 = styled__default['default'].div(templateObject_1$
|
|
11455
|
+
var OverlayInner$1 = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = tslib.__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) {
|
|
11456
11456
|
var _a, _b, _c, _d;
|
|
11457
11457
|
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';
|
|
11458
11458
|
}, function (props) {
|
|
@@ -11466,10 +11466,10 @@ var OverlayHeader$1 = styled__default['default'].div(templateObject_2$n || (temp
|
|
|
11466
11466
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
11467
11467
|
});
|
|
11468
11468
|
var StyledGuidanceMessage$2 = styled__default['default'](GuidanceMessage)(templateObject_3$h || (templateObject_3$h = tslib.__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"])));
|
|
11469
|
-
var StyledOverlayImageContainer$1 = styled__default['default'](OverlayImageContainer)(templateObject_4$
|
|
11470
|
-
var ContinuityCameraCheckboxContainer$1 = styled__default['default'].div(templateObject_5$
|
|
11471
|
-
var ContinuityCameraCheckboxInner = styled__default['default'](GuidanceMessage)(templateObject_6$
|
|
11472
|
-
var ContinuityCameraCheckbox$1 = styled__default['default'].input(templateObject_7$
|
|
11469
|
+
var StyledOverlayImageContainer$1 = styled__default['default'](OverlayImageContainer)(templateObject_4$c || (templateObject_4$c = tslib.__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"])));
|
|
11470
|
+
var ContinuityCameraCheckboxContainer$1 = styled__default['default'].div(templateObject_5$8 || (templateObject_5$8 = tslib.__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"])));
|
|
11471
|
+
var ContinuityCameraCheckboxInner = styled__default['default'](GuidanceMessage)(templateObject_6$7 || (templateObject_6$7 = tslib.__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"])));
|
|
11472
|
+
var ContinuityCameraCheckbox$1 = styled__default['default'].input(templateObject_7$5 || (templateObject_7$5 = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
11473
11473
|
var StyledButtonsRow$a = styled__default['default'](ButtonsRow)(templateObject_8$3 || (templateObject_8$3 = tslib.__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) {
|
|
11474
11474
|
var _a, _b, _c, _d;
|
|
11475
11475
|
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';
|
|
@@ -11504,9 +11504,9 @@ var ContinueButton$1 = styled__default['default'](LoaderButton)(templateObject_1
|
|
|
11504
11504
|
var _a, _b, _c, _d, _e, _f;
|
|
11505
11505
|
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, ";") : '';
|
|
11506
11506
|
});
|
|
11507
|
-
var templateObject_1$
|
|
11507
|
+
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;
|
|
11508
11508
|
|
|
11509
|
-
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$
|
|
11509
|
+
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = tslib.__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
11510
11510
|
var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$m || (templateObject_2$m = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
11511
11511
|
var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
11512
11512
|
var _b, _c, _d, _e;
|
|
@@ -11618,7 +11618,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_a) {
|
|
|
11618
11618
|
}
|
|
11619
11619
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)"))));
|
|
11620
11620
|
};
|
|
11621
|
-
var templateObject_1$
|
|
11621
|
+
var templateObject_1$v, templateObject_2$m;
|
|
11622
11622
|
|
|
11623
11623
|
var components$1 = {
|
|
11624
11624
|
"default": IdCaptureLoadingOverlayDefault,
|
|
@@ -11661,7 +11661,7 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
11661
11661
|
});
|
|
11662
11662
|
};
|
|
11663
11663
|
|
|
11664
|
-
var OverlayInstruction = styled__default['default'].p(templateObject_1$
|
|
11664
|
+
var OverlayInstruction = styled__default['default'].p(templateObject_1$u || (templateObject_1$u = tslib.__makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
|
|
11665
11665
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
11666
11666
|
var capturedDocuments = _a.capturedDocuments,
|
|
11667
11667
|
// barcodeResult,
|
|
@@ -11748,15 +11748,15 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
11748
11748
|
};
|
|
11749
11749
|
var Heading$9 = styled__default['default'].h1(templateObject_2$l || (templateObject_2$l = tslib.__makeTemplateObject(["\n margin-bottom: 12px;\n"], ["\n margin-bottom: 12px;\n"])));
|
|
11750
11750
|
var ImagesContainer = styled__default['default'](OverlayImageContainer)(templateObject_3$g || (templateObject_3$g = tslib.__makeTemplateObject(["\n overflow-y: auto;\n"], ["\n overflow-y: auto;\n"])));
|
|
11751
|
-
var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$
|
|
11752
|
-
var ImageCol$1 = styled__default['default'].div(templateObject_5$
|
|
11753
|
-
var ImageHeading = styled__default['default'].h3(templateObject_6$
|
|
11754
|
-
var CapturedImageWrapper = styled__default['default'].div(templateObject_7$
|
|
11751
|
+
var ImageRow = styled__default['default'](OverlayImageRow)(templateObject_4$b || (templateObject_4$b = tslib.__makeTemplateObject(["\n flex-direction: column;\n"], ["\n flex-direction: column;\n"])));
|
|
11752
|
+
var ImageCol$1 = styled__default['default'].div(templateObject_5$7 || (templateObject_5$7 = tslib.__makeTemplateObject(["\n max-height: none !important;\n"], ["\n max-height: none !important;\n"])));
|
|
11753
|
+
var ImageHeading = styled__default['default'].h3(templateObject_6$6 || (templateObject_6$6 = tslib.__makeTemplateObject(["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"], ["\n text-align: left;\n margin-top: 24px;\n margin-bottom: 8px;\n font-size: 16px;\n font-weight: normal;\n"])));
|
|
11754
|
+
var CapturedImageWrapper = styled__default['default'].div(templateObject_7$4 || (templateObject_7$4 = tslib.__makeTemplateObject(["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"], ["\n border: 1px solid\n ", ";\n border-radius: 6px;\n padding: 4px;\n background: white;\n display: flex;\n"])), function (props) {
|
|
11755
11755
|
var _a, _b, _c;
|
|
11756
11756
|
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)';
|
|
11757
11757
|
});
|
|
11758
11758
|
var StyledImage = styled__default['default'](CapturedDocumentImg)(templateObject_8$2 || (templateObject_8$2 = tslib.__makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
|
|
11759
|
-
var templateObject_1$
|
|
11759
|
+
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;
|
|
11760
11760
|
|
|
11761
11761
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
11762
11762
|
var _b;
|
|
@@ -11787,10 +11787,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
11787
11787
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
11788
11788
|
});
|
|
11789
11789
|
};
|
|
11790
|
-
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$
|
|
11790
|
+
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n object-fit: cover;\n background: black;\n z-index: -2;\n"])), function (props) {
|
|
11791
11791
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
11792
11792
|
});
|
|
11793
|
-
var templateObject_1$
|
|
11793
|
+
var templateObject_1$t;
|
|
11794
11794
|
|
|
11795
11795
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
11796
11796
|
var _this = this;
|
|
@@ -11825,10 +11825,10 @@ function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallb
|
|
|
11825
11825
|
return !skipSuccessScreen || skipSuccessScreenResolvedFalse;
|
|
11826
11826
|
}
|
|
11827
11827
|
|
|
11828
|
-
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$
|
|
11828
|
+
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = tslib.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
11829
11829
|
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;") : "";
|
|
11830
11830
|
});
|
|
11831
|
-
var templateObject_1$
|
|
11831
|
+
var templateObject_1$s;
|
|
11832
11832
|
|
|
11833
11833
|
function setCanvasDimensions(canvas, width, height) {
|
|
11834
11834
|
var _a;
|
|
@@ -11862,10 +11862,10 @@ var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
|
11862
11862
|
}
|
|
11863
11863
|
});
|
|
11864
11864
|
|
|
11865
|
-
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
11865
|
+
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$r || (templateObject_1$r = tslib.__makeTemplateObject(["\n z-index: 1000;\n"], ["\n z-index: 1000;\n"])));
|
|
11866
11866
|
var GuidesContainer = styled__default['default'].div(templateObject_2$k || (templateObject_2$k = tslib.__makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n height: 100%;\n"])));
|
|
11867
11867
|
var GuideCenterRow = styled__default['default'].div(templateObject_3$f || (templateObject_3$f = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"], ["\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-items: center;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n"])));
|
|
11868
|
-
var GuideRegion = styled__default['default'].div(templateObject_4$
|
|
11868
|
+
var GuideRegion = styled__default['default'].div(templateObject_4$a || (templateObject_4$a = tslib.__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) {
|
|
11869
11869
|
var _a, _b, _c, _d, _e;
|
|
11870
11870
|
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)';
|
|
11871
11871
|
}, function (props) {
|
|
@@ -11876,17 +11876,17 @@ var GuideRegion = styled__default['default'].div(templateObject_4$9 || (template
|
|
|
11876
11876
|
}, function (props) {
|
|
11877
11877
|
return props.$minHeight ? "min-width: ".concat(props.$minHeight, "px;") : "";
|
|
11878
11878
|
});
|
|
11879
|
-
var GuideCenterRegion = styled__default['default'].div(templateObject_5$
|
|
11879
|
+
var GuideCenterRegion = styled__default['default'].div(templateObject_5$6 || (templateObject_5$6 = tslib.__makeTemplateObject(["\n ", "\n ", "\n box-sizing: border-box;\n"], ["\n ", "\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
11880
11880
|
return props.$minWidth ? "min-width: ".concat(props.$minWidth, "px;") : "";
|
|
11881
11881
|
}, function (props) {
|
|
11882
11882
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
11883
11883
|
});
|
|
11884
|
-
var GuideCenterBorder = styled__default['default'].div(templateObject_6$
|
|
11884
|
+
var GuideCenterBorder = styled__default['default'].div(templateObject_6$5 || (templateObject_6$5 = tslib.__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) {
|
|
11885
11885
|
var _a, _b;
|
|
11886
11886
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
11887
11887
|
});
|
|
11888
|
-
var GuideText = styled__default['default'].span(templateObject_7$
|
|
11889
|
-
var GuideImage
|
|
11888
|
+
var GuideText = styled__default['default'].span(templateObject_7$3 || (templateObject_7$3 = tslib.__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"])));
|
|
11889
|
+
var GuideImage = styled__default['default'].img(templateObject_8$1 || (templateObject_8$1 = tslib.__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) {
|
|
11890
11890
|
return props.$padding;
|
|
11891
11891
|
}, function (props) {
|
|
11892
11892
|
return props.$width ? "width: ".concat(props.$width, "px;\n max-width: ").concat(props.$width, "px;") : "max-width: none;";
|
|
@@ -11986,7 +11986,7 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
|
11986
11986
|
"$borderWidth": borderWidth,
|
|
11987
11987
|
"$borderColor": borderColor,
|
|
11988
11988
|
className: classNames.centerRegionInner
|
|
11989
|
-
}, /*#__PURE__*/React__default['default'].createElement(GuideImage
|
|
11989
|
+
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
11990
11990
|
src: imgSrc,
|
|
11991
11991
|
alt: "",
|
|
11992
11992
|
onLoad: onImageLoaded,
|
|
@@ -12014,9 +12014,9 @@ var regionClsx$1 = function regionClsx(classNames, which) {
|
|
|
12014
12014
|
return v;
|
|
12015
12015
|
}).join(' ');
|
|
12016
12016
|
};
|
|
12017
|
-
var templateObject_1$
|
|
12017
|
+
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;
|
|
12018
12018
|
|
|
12019
|
-
var FlippingImage = styled__default['default'](GuideImage
|
|
12019
|
+
var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$q || (templateObject_1$q = tslib.__makeTemplateObject(["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"], ["\n backface-visibility: hidden;\n transform-style: preserve-3d;\n position: relative;\n top: 0;\n left: 0;\n transition: transform ", "s;\n transform: ", ";\n"])), function (props) {
|
|
12020
12020
|
return props.$transitionTime;
|
|
12021
12021
|
}, function (props) {
|
|
12022
12022
|
return props.$transforms;
|
|
@@ -12162,7 +12162,7 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
12162
12162
|
return v;
|
|
12163
12163
|
}).join(' ');
|
|
12164
12164
|
};
|
|
12165
|
-
var templateObject_1$
|
|
12165
|
+
var templateObject_1$q, templateObject_2$j;
|
|
12166
12166
|
|
|
12167
12167
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
12168
12168
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -12298,11 +12298,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
12298
12298
|
imageVisible: imageVisible
|
|
12299
12299
|
})));
|
|
12300
12300
|
};
|
|
12301
|
-
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$
|
|
12301
|
+
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$p || (templateObject_1$p = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-grow: 1;\n background-clip: padding-box;\n box-shadow: inset 0 0 0 2px ", ";\n z-index: -1;\n"])), function (props) {
|
|
12302
12302
|
return props.$maskColor;
|
|
12303
12303
|
});
|
|
12304
12304
|
var Canvas$1 = styled__default['default'].canvas(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
12305
|
-
var templateObject_1$
|
|
12305
|
+
var templateObject_1$p, templateObject_2$i;
|
|
12306
12306
|
|
|
12307
12307
|
function IdCaptureGuides(_a) {
|
|
12308
12308
|
var _b, _c;
|
|
@@ -12360,7 +12360,7 @@ function IdCaptureGuides(_a) {
|
|
|
12360
12360
|
})));
|
|
12361
12361
|
}
|
|
12362
12362
|
|
|
12363
|
-
var Spinner = styled__default['default'].div(templateObject_1$
|
|
12363
|
+
var Spinner = styled__default['default'].div(templateObject_1$o || (templateObject_1$o = tslib.__makeTemplateObject(["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"], ["\n display: inline-block;\n width: ", "px;\n height: ", "px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: ", "px;\n height: ", "px;\n margin: 8px;\n border-radius: 50%;\n border: ", "px solid\n ", ";\n border-color: ", " transparent\n ", " transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n box-sizing: content-box;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), function (_a) {
|
|
12364
12364
|
var $size = _a.$size;
|
|
12365
12365
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
12366
12366
|
}, function (_a) {
|
|
@@ -12385,7 +12385,7 @@ var Spinner = styled__default['default'].div(templateObject_1$n || (templateObje
|
|
|
12385
12385
|
var $color = _a.$color;
|
|
12386
12386
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
12387
12387
|
});
|
|
12388
|
-
var templateObject_1$
|
|
12388
|
+
var templateObject_1$o;
|
|
12389
12389
|
|
|
12390
12390
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
12391
12391
|
var _b = _a.classNames,
|
|
@@ -12470,11 +12470,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
12470
12470
|
onError: onError
|
|
12471
12471
|
})));
|
|
12472
12472
|
};
|
|
12473
|
-
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$
|
|
12473
|
+
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$n || (templateObject_1$n = tslib.__makeTemplateObject(["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"], ["\n position: relative;\n top: 4px;\n left: -3px;\n margin: 0 3px 0 -12px;\n"])));
|
|
12474
12474
|
var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$h || (templateObject_2$h = tslib.__makeTemplateObject(["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"], ["\n position: absolute;\n display: flex;\n flex-direction: column;\n height: 33%;\n bottom: 12px;\n right: 12px;\n"])));
|
|
12475
12475
|
var ImagePreviewText = styled__default['default'].div(templateObject_3$e || (templateObject_3$e = tslib.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"], ["\n display: block;\n position: absolute;\n top: -32px;\n font:\n 14px -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n 'Apple Color Emoji',\n 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
12476
|
-
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$
|
|
12477
|
-
var templateObject_1$
|
|
12476
|
+
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$9 || (templateObject_4$9 = tslib.__makeTemplateObject(["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"], ["\n position: relative;\n height: calc(100% - 8px);\n padding: 4px;\n border-radius: 4px;\n background: white;\n\n & > img {\n border-radius: 4px;\n width: auto;\n max-height: 100%;\n }\n"])));
|
|
12477
|
+
var templateObject_1$n, templateObject_2$h, templateObject_3$e, templateObject_4$9;
|
|
12478
12478
|
|
|
12479
12479
|
var documentCaptureInitialState = {
|
|
12480
12480
|
documents: [],
|
|
@@ -12815,11 +12815,11 @@ var DocumentCaptureGuideOverlay = function DocumentCaptureGuideOverlay(_a) {
|
|
|
12815
12815
|
ref: canvasRef
|
|
12816
12816
|
}));
|
|
12817
12817
|
};
|
|
12818
|
-
var CanvasWrapper = styled__default['default'].div(templateObject_1$
|
|
12818
|
+
var CanvasWrapper = styled__default['default'].div(templateObject_1$m || (templateObject_1$m = tslib.__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) {
|
|
12819
12819
|
return props.$maskColor;
|
|
12820
12820
|
});
|
|
12821
12821
|
var Canvas = styled__default['default'].canvas(templateObject_2$g || (templateObject_2$g = tslib.__makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
12822
|
-
var templateObject_1$
|
|
12822
|
+
var templateObject_1$m, templateObject_2$g;
|
|
12823
12823
|
|
|
12824
12824
|
var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
12825
12825
|
var _b, _c, _d, _e, _f;
|
|
@@ -12951,21 +12951,21 @@ var DocumentCaptureScreen = function DocumentCaptureScreen(_a) {
|
|
|
12951
12951
|
disabled: !cameraReady || capturing
|
|
12952
12952
|
}, !cameraReady ? verbiage.loadingBtnText : capturing ? verbiage.capturingBtnText : verbiage.captureBtnText))))));
|
|
12953
12953
|
};
|
|
12954
|
-
var CaptureContainer = styled__default['default'].div(templateObject_1$
|
|
12954
|
+
var CaptureContainer = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = tslib.__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"])));
|
|
12955
12955
|
var HeadingRow = styled__default['default'].div(templateObject_2$f || (templateObject_2$f = tslib.__makeTemplateObject(["\n background: ", ";\n text-align: center;\n color: white;\n"], ["\n background: ", ";\n text-align: center;\n color: white;\n"])), function (props) {
|
|
12956
12956
|
return props.$maskColor;
|
|
12957
12957
|
});
|
|
12958
12958
|
var Heading$8 = styled__default['default'].h1(templateObject_3$d || (templateObject_3$d = tslib.__makeTemplateObject(["\n font-size: 22px;\n"], ["\n font-size: 22px;\n"])));
|
|
12959
|
-
var FooterRow = styled__default['default'].div(templateObject_4$
|
|
12959
|
+
var FooterRow = styled__default['default'].div(templateObject_4$8 || (templateObject_4$8 = tslib.__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) {
|
|
12960
12960
|
return props.$maskColor;
|
|
12961
12961
|
});
|
|
12962
|
-
var Instructions = styled__default['default'].div(templateObject_5$
|
|
12962
|
+
var Instructions = styled__default['default'].div(templateObject_5$5 || (templateObject_5$5 = tslib.__makeTemplateObject(["\n max-height: ", ";\n overflow-y: auto;\n"], ["\n max-height: ", ";\n overflow-y: auto;\n"])), function (props) {
|
|
12963
12963
|
var _a, _b, _c;
|
|
12964
12964
|
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';
|
|
12965
12965
|
});
|
|
12966
|
-
var StyledButtonsRow$9 = styled__default['default'](ButtonsRow)(templateObject_6$
|
|
12967
|
-
var PreviewImage = styled__default['default'].img(templateObject_7$
|
|
12968
|
-
var templateObject_1$
|
|
12966
|
+
var StyledButtonsRow$9 = styled__default['default'](ButtonsRow)(templateObject_6$4 || (templateObject_6$4 = tslib.__makeTemplateObject(["\n padding-top: 20px;\n"], ["\n padding-top: 20px;\n"])));
|
|
12967
|
+
var PreviewImage = styled__default['default'].img(templateObject_7$2 || (templateObject_7$2 = tslib.__makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
12968
|
+
var templateObject_1$l, templateObject_2$f, templateObject_3$d, templateObject_4$8, templateObject_5$5, templateObject_6$4, templateObject_7$2;
|
|
12969
12969
|
|
|
12970
12970
|
var DocumentCaptureWizard = function DocumentCaptureWizard(_a) {
|
|
12971
12971
|
var onSuccess = _a.onSuccess,
|
|
@@ -13120,13 +13120,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
13120
13120
|
}
|
|
13121
13121
|
}, verbiage.doneBtnText))))));
|
|
13122
13122
|
};
|
|
13123
|
-
var StyledOverlayInner$1 = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
13123
|
+
var StyledOverlayInner$1 = styled__default['default'](OverlayInner$2)(templateObject_1$k || (templateObject_1$k = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13124
13124
|
var Heading$7 = styled__default['default'].h3(templateObject_2$e || (templateObject_2$e = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13125
13125
|
var Description$2 = styled__default['default'].p(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13126
|
-
var Instruction = styled__default['default'].p(templateObject_4$
|
|
13127
|
-
var ImageCol = styled__default['default'].div(templateObject_5$
|
|
13128
|
-
var StyledButtonsRow$8 = styled__default['default'](ButtonsRow)(templateObject_6$
|
|
13129
|
-
var templateObject_1$
|
|
13126
|
+
var Instruction = styled__default['default'].p(templateObject_4$7 || (templateObject_4$7 = tslib.__makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
13127
|
+
var ImageCol = styled__default['default'].div(templateObject_5$4 || (templateObject_5$4 = tslib.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"], ["\n display: flex;\n justify-content: center;\n flex-grow: 1;\n flex-basis: 0;\n"])));
|
|
13128
|
+
var StyledButtonsRow$8 = styled__default['default'](ButtonsRow)(templateObject_6$3 || (templateObject_6$3 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13129
|
+
var templateObject_1$k, templateObject_2$e, templateObject_3$c, templateObject_4$7, templateObject_5$4, templateObject_6$3;
|
|
13130
13130
|
|
|
13131
13131
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
13132
13132
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -13450,7 +13450,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
13450
13450
|
})));
|
|
13451
13451
|
};
|
|
13452
13452
|
|
|
13453
|
-
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$
|
|
13453
|
+
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$j || (templateObject_1$j = tslib.__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"])));
|
|
13454
13454
|
var FaceCaptureGuideOval = styled__default['default'].div(templateObject_2$d || (templateObject_2$d = tslib.__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) {
|
|
13455
13455
|
return props.$borderWidth;
|
|
13456
13456
|
}, function (props) {
|
|
@@ -13474,7 +13474,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
13474
13474
|
"$borderColor": borderColor
|
|
13475
13475
|
}));
|
|
13476
13476
|
};
|
|
13477
|
-
var templateObject_1$
|
|
13477
|
+
var templateObject_1$j, templateObject_2$d;
|
|
13478
13478
|
|
|
13479
13479
|
var useTimeout = function useTimeout(durationMs, onTimeout, timeoutAverted, shouldWaitLonger, shouldStart) {
|
|
13480
13480
|
if (shouldStart === void 0) {
|
|
@@ -13615,12 +13615,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
13615
13615
|
}
|
|
13616
13616
|
}, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
13617
13617
|
};
|
|
13618
|
-
var StyledOverlayInner = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
13618
|
+
var StyledOverlayInner = styled__default['default'](OverlayInner$2)(templateObject_1$i || (templateObject_1$i = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13619
13619
|
var Heading$6 = styled__default['default'].h3(templateObject_2$c || (templateObject_2$c = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13620
13620
|
var Description$1 = styled__default['default'].p(templateObject_3$b || (templateObject_3$b = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13621
|
-
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$
|
|
13622
|
-
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_5$
|
|
13623
|
-
var templateObject_1$
|
|
13621
|
+
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$6 || (templateObject_4$6 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13622
|
+
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_5$3 || (templateObject_5$3 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13623
|
+
var templateObject_1$i, templateObject_2$c, templateObject_3$b, templateObject_4$6, templateObject_5$3;
|
|
13624
13624
|
|
|
13625
13625
|
var initialState$3 = {
|
|
13626
13626
|
videoWidth: 0,
|
|
@@ -14159,8 +14159,8 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
14159
14159
|
finished: true
|
|
14160
14160
|
}, verbiage.doneBtnText))));
|
|
14161
14161
|
};
|
|
14162
|
-
var Heading$5 = styled__default['default'].h3(templateObject_1$
|
|
14163
|
-
var templateObject_1$
|
|
14162
|
+
var Heading$5 = styled__default['default'].h3(templateObject_1$h || (templateObject_1$h = tslib.__makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
14163
|
+
var templateObject_1$h;
|
|
14164
14164
|
|
|
14165
14165
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
14166
14166
|
var _b = _a.canRetry,
|
|
@@ -14209,8 +14209,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
14209
14209
|
finished: true
|
|
14210
14210
|
}, verbiage.exitBtnText))));
|
|
14211
14211
|
};
|
|
14212
|
-
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$
|
|
14213
|
-
var templateObject_1$
|
|
14212
|
+
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$g || (templateObject_1$g = tslib.__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"], ["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"])));
|
|
14213
|
+
var templateObject_1$g;
|
|
14214
14214
|
|
|
14215
14215
|
var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_a) {
|
|
14216
14216
|
var onDismissed = _a.onDismissed,
|
|
@@ -14280,9 +14280,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
|
|
|
14280
14280
|
}
|
|
14281
14281
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : modelDownloadProgress >= 100 ? "".concat(verbiage.modelsWarmingUpText) : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))));
|
|
14282
14282
|
};
|
|
14283
|
-
var StyledGuidanceMessage$1 = styled__default['default'](GuidanceMessage)(templateObject_1$
|
|
14283
|
+
var StyledGuidanceMessage$1 = styled__default['default'](GuidanceMessage)(templateObject_1$f || (templateObject_1$f = tslib.__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"])));
|
|
14284
14284
|
var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_2$b || (templateObject_2$b = tslib.__makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
14285
|
-
var templateObject_1$
|
|
14285
|
+
var templateObject_1$f, templateObject_2$b;
|
|
14286
14286
|
|
|
14287
14287
|
function SelfieCaptureLoadingGraphic(_a) {
|
|
14288
14288
|
var _b, _c, _d;
|
|
@@ -14651,7 +14651,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
|
|
|
14651
14651
|
}
|
|
14652
14652
|
}, verbiage.continueText))))));
|
|
14653
14653
|
};
|
|
14654
|
-
var OverlayInner = styled__default['default'].div(templateObject_1$
|
|
14654
|
+
var OverlayInner = styled__default['default'].div(templateObject_1$e || (templateObject_1$e = tslib.__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) {
|
|
14655
14655
|
var _a, _b, _c, _d;
|
|
14656
14656
|
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';
|
|
14657
14657
|
}, function (props) {
|
|
@@ -14665,16 +14665,16 @@ var OverlayHeader = styled__default['default'].div(templateObject_2$a || (templa
|
|
|
14665
14665
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
14666
14666
|
});
|
|
14667
14667
|
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_3$a || (templateObject_3$a = tslib.__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"])));
|
|
14668
|
-
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
14668
|
+
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_4$5 || (templateObject_4$5 = tslib.__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) {
|
|
14669
14669
|
var _a, _b, _c, _d;
|
|
14670
14670
|
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';
|
|
14671
14671
|
}, function (props) {
|
|
14672
14672
|
var _a, _b, _c, _d, _e, _f;
|
|
14673
14673
|
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, ";") : '';
|
|
14674
14674
|
});
|
|
14675
|
-
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_5$
|
|
14676
|
-
var LoadingListContainer = styled__default['default'].div(templateObject_6$
|
|
14677
|
-
var LoadingList = styled__default['default'].ul(templateObject_7 || (templateObject_7 = tslib.__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"])));
|
|
14675
|
+
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_5$2 || (templateObject_5$2 = tslib.__makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
|
|
14676
|
+
var LoadingListContainer = styled__default['default'].div(templateObject_6$2 || (templateObject_6$2 = tslib.__makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
|
|
14677
|
+
var LoadingList = styled__default['default'].ul(templateObject_7$1 || (templateObject_7$1 = tslib.__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"])));
|
|
14678
14678
|
var LoadingListItem = styled__default['default'].li(templateObject_8 || (templateObject_8 = tslib.__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"])));
|
|
14679
14679
|
var ProgressContainer = styled__default['default'].div(templateObject_9 || (templateObject_9 = tslib.__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"])));
|
|
14680
14680
|
var ProgressBarBackground = styled__default['default'].div(templateObject_10 || (templateObject_10 = tslib.__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) {
|
|
@@ -14700,7 +14700,7 @@ var ContinueButton = styled__default['default'](LoaderButton)(templateObject_15
|
|
|
14700
14700
|
var _a, _b, _c, _d, _e, _f;
|
|
14701
14701
|
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, ";") : '';
|
|
14702
14702
|
});
|
|
14703
|
-
var templateObject_1$
|
|
14703
|
+
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;
|
|
14704
14704
|
|
|
14705
14705
|
var components = {
|
|
14706
14706
|
"default": SelfieCaptureLoadingOverlayDefault,
|
|
@@ -15046,11 +15046,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
15046
15046
|
}
|
|
15047
15047
|
}, verbiage.captureBtnText)))));
|
|
15048
15048
|
};
|
|
15049
|
-
var Inner = styled__default['default'](OverlayInner$2)(templateObject_1$
|
|
15049
|
+
var Inner = styled__default['default'](OverlayInner$2)(templateObject_1$d || (templateObject_1$d = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
15050
15050
|
var Heading$4 = styled__default['default'].h3(templateObject_2$9 || (templateObject_2$9 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
15051
15051
|
var Description = styled__default['default'].p(templateObject_3$9 || (templateObject_3$9 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
15052
|
-
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
15053
|
-
var templateObject_1$
|
|
15052
|
+
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$4 || (templateObject_4$4 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
15053
|
+
var templateObject_1$d, templateObject_2$9, templateObject_3$9, templateObject_4$4;
|
|
15054
15054
|
|
|
15055
15055
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
15056
15056
|
var documents = _a.documents,
|
|
@@ -15133,7 +15133,7 @@ function signatureDataToIdmissionFormat(signatureCanvas) {
|
|
|
15133
15133
|
return signatureData;
|
|
15134
15134
|
}
|
|
15135
15135
|
|
|
15136
|
-
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$
|
|
15136
|
+
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$c || (templateObject_1$c = tslib.__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) {
|
|
15137
15137
|
var _a, _b;
|
|
15138
15138
|
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, ";") : "";
|
|
15139
15139
|
}, function (props) {
|
|
@@ -15154,8 +15154,8 @@ var SignaturePad = styled__default['default'].div(templateObject_3$8 || (templat
|
|
|
15154
15154
|
var _a, _b, _c;
|
|
15155
15155
|
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';
|
|
15156
15156
|
});
|
|
15157
|
-
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
15158
|
-
var templateObject_1$
|
|
15157
|
+
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = tslib.__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"])));
|
|
15158
|
+
var templateObject_1$c, templateObject_2$8, templateObject_3$8, templateObject_4$3;
|
|
15159
15159
|
|
|
15160
15160
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
15161
15161
|
var _b;
|
|
@@ -15214,8 +15214,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
15214
15214
|
finished: true
|
|
15215
15215
|
}, verbiage.acceptBtnText)))));
|
|
15216
15216
|
};
|
|
15217
|
-
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$
|
|
15218
|
-
var templateObject_1$
|
|
15217
|
+
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$b || (templateObject_1$b = tslib.__makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
15218
|
+
var templateObject_1$b;
|
|
15219
15219
|
|
|
15220
15220
|
var useVideoRecorder = function useVideoRecorder(camera) {
|
|
15221
15221
|
var mediaRecorder = React.useRef(null);
|
|
@@ -15443,8 +15443,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
15443
15443
|
ref: outputCanvas
|
|
15444
15444
|
}));
|
|
15445
15445
|
};
|
|
15446
|
-
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$
|
|
15447
|
-
var templateObject_1$
|
|
15446
|
+
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
15447
|
+
var templateObject_1$a;
|
|
15448
15448
|
|
|
15449
15449
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
15450
15450
|
var videoUrl = _a.videoUrl,
|
|
@@ -15492,8 +15492,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
15492
15492
|
finished: true
|
|
15493
15493
|
}, verbiage.doneBtnText))));
|
|
15494
15494
|
};
|
|
15495
|
-
var StyledVideo$1 = styled__default['default'].video(templateObject_1$
|
|
15496
|
-
var templateObject_1$
|
|
15495
|
+
var StyledVideo$1 = styled__default['default'].video(templateObject_1$9 || (templateObject_1$9 = tslib.__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"])));
|
|
15496
|
+
var templateObject_1$9;
|
|
15497
15497
|
|
|
15498
15498
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
15499
15499
|
var _b;
|
|
@@ -15667,175 +15667,79 @@ var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
|
15667
15667
|
|
|
15668
15668
|
var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
15669
15669
|
var _b;
|
|
15670
|
-
var
|
|
15670
|
+
var className = _a.className,
|
|
15671
|
+
imageWidth = _a.imageWidth,
|
|
15671
15672
|
imageHeight = _a.imageHeight,
|
|
15672
15673
|
_c = _a.borderWidth,
|
|
15673
15674
|
borderWidth = _c === void 0 ? 4 : _c,
|
|
15674
|
-
_d = _a.
|
|
15675
|
-
|
|
15676
|
-
_e = _a.style,
|
|
15677
|
-
style = _e === void 0 ? {} : _e,
|
|
15678
|
-
_f = _a.assets,
|
|
15679
|
-
assets = _f === void 0 ? {} : _f,
|
|
15680
|
-
_g = _a.verbiage,
|
|
15681
|
-
verbiage = _g === void 0 ? {} : _g;
|
|
15682
|
-
var _h = useResizeObserver__default['default'](),
|
|
15683
|
-
ref = _h.ref,
|
|
15684
|
-
_j = _h.width,
|
|
15685
|
-
width = _j === void 0 ? 1 : _j,
|
|
15686
|
-
_k = _h.height,
|
|
15687
|
-
height = _k === void 0 ? 1 : _k;
|
|
15675
|
+
_d = _a.assets,
|
|
15676
|
+
assets = _d === void 0 ? {} : _d;
|
|
15688
15677
|
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
15689
15678
|
assets.frontImageUrl || (assets.frontImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
|
|
15690
15679
|
assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
|
|
15691
|
-
var instructionText = useVerbiage(verbiage.instructionText, 'Please flip your ID card...');
|
|
15692
|
-
var padding = 0;
|
|
15693
15680
|
var isMirrored = !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing);
|
|
15694
|
-
|
|
15695
|
-
|
|
15696
|
-
|
|
15697
|
-
|
|
15698
|
-
|
|
15699
|
-
|
|
15700
|
-
};
|
|
15701
|
-
var _l = React.useState(1),
|
|
15702
|
-
transitionTime = _l[0],
|
|
15703
|
-
setTransitionTime = _l[1];
|
|
15704
|
-
var _m = React.useState(0),
|
|
15705
|
-
rotationAngle = _m[0],
|
|
15706
|
-
setRotationAngle = _m[1];
|
|
15681
|
+
var _e = React.useState(1),
|
|
15682
|
+
transitionTime = _e[0],
|
|
15683
|
+
setTransitionTime = _e[1];
|
|
15684
|
+
var _f = React.useState(0),
|
|
15685
|
+
rotationAngle = _f[0],
|
|
15686
|
+
setRotationAngle = _f[1];
|
|
15707
15687
|
var frontTransforms = ["rotateY(".concat(rotationAngle, "deg)")];
|
|
15708
15688
|
if (isMirrored) frontTransforms.push('scaleX(-1)');
|
|
15709
15689
|
var backTransforms = ["rotateY(".concat(180 - rotationAngle, "deg)")];
|
|
15710
15690
|
if (isMirrored) backTransforms.push('scaleX(-1)');
|
|
15711
15691
|
React.useEffect(function () {
|
|
15712
|
-
var
|
|
15692
|
+
var timeout;
|
|
15693
|
+
function doFlip() {
|
|
15713
15694
|
setTransitionTime(1);
|
|
15714
15695
|
setRotationAngle(180);
|
|
15715
|
-
setTimeout(function () {
|
|
15696
|
+
timeout = setTimeout(function () {
|
|
15716
15697
|
setTransitionTime(0);
|
|
15717
15698
|
setRotationAngle(0);
|
|
15718
15699
|
}, 1500);
|
|
15719
|
-
}
|
|
15720
|
-
setTimeout(doFlip, 250);
|
|
15700
|
+
}
|
|
15721
15701
|
var interval = setInterval(doFlip, 2500);
|
|
15702
|
+
timeout = setTimeout(doFlip, 250);
|
|
15722
15703
|
return function () {
|
|
15723
15704
|
clearInterval(interval);
|
|
15705
|
+
clearTimeout(timeout);
|
|
15724
15706
|
};
|
|
15725
15707
|
}, []);
|
|
15726
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
15727
|
-
ref: ref,
|
|
15728
|
-
style: tslib.__assign(tslib.__assign({}, style), {
|
|
15729
|
-
position: 'relative',
|
|
15730
|
-
top: -5
|
|
15731
|
-
})
|
|
15732
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15733
|
-
style: {
|
|
15734
|
-
display: 'flex',
|
|
15735
|
-
flexFlow: 'column nowrap',
|
|
15736
|
-
height: '100%'
|
|
15737
|
-
}
|
|
15738
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15739
|
-
style: {
|
|
15740
|
-
width: '100%',
|
|
15741
|
-
height: '100%',
|
|
15742
|
-
flexGrow: 1,
|
|
15743
|
-
textAlign: 'center',
|
|
15744
|
-
color: 'white',
|
|
15745
|
-
display: 'flex',
|
|
15746
|
-
flexDirection: 'column',
|
|
15747
|
-
justifyContent: 'end'
|
|
15748
|
-
}
|
|
15749
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
15750
|
-
style: {
|
|
15751
|
-
alignContent: 'center',
|
|
15752
|
-
marginTop: 12,
|
|
15753
|
-
marginBottom: 12
|
|
15754
|
-
}
|
|
15755
|
-
}, instructionText)), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15756
|
-
style: {
|
|
15757
|
-
position: 'relative',
|
|
15758
|
-
display: 'flex',
|
|
15759
|
-
flexFlow: 'row nowrap',
|
|
15760
|
-
alignItems: 'center',
|
|
15761
|
-
justifyItems: 'center',
|
|
15762
|
-
maxWidth: "calc(100%)",
|
|
15763
|
-
maxHeight: "calc(100% - ".concat(padding * 2, "px)")
|
|
15764
|
-
}
|
|
15765
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15766
|
-
style: {
|
|
15767
|
-
width: '100%',
|
|
15768
|
-
height: '100%',
|
|
15769
|
-
minWidth: padding,
|
|
15770
|
-
flexGrow: 1
|
|
15771
|
-
}
|
|
15772
|
-
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15773
|
-
style: {
|
|
15774
|
-
maxWidth: "calc(100% - ".concat(padding * 2, "px - ").concat(borderWidth * 2, "px)"),
|
|
15775
|
-
maxHeight: height - padding * 2 - borderWidth * 2
|
|
15776
|
-
}
|
|
15777
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15778
|
-
style: {
|
|
15779
|
-
position: 'relative',
|
|
15780
|
-
border: "".concat(borderWidth, "px solid ").concat(borderColor),
|
|
15781
|
-
width: (imageWidth !== null && imageWidth !== void 0 ? imageWidth : 0) + borderWidth * 2
|
|
15782
|
-
}
|
|
15783
|
-
}, /*#__PURE__*/React__default['default'].createElement("img", {
|
|
15708
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FlipImage, {
|
|
15784
15709
|
src: assets.frontImageUrl,
|
|
15785
15710
|
alt: "",
|
|
15786
|
-
|
|
15787
|
-
|
|
15788
|
-
|
|
15789
|
-
|
|
15790
|
-
|
|
15791
|
-
|
|
15792
|
-
|
|
15793
|
-
transformStyle: 'preserve-3d',
|
|
15794
|
-
position: 'relative',
|
|
15795
|
-
top: 0,
|
|
15796
|
-
left: 0,
|
|
15797
|
-
display: 'block'
|
|
15798
|
-
}, imageStyle)
|
|
15799
|
-
}), /*#__PURE__*/React__default['default'].createElement("img", {
|
|
15711
|
+
className: className,
|
|
15712
|
+
"$transforms": frontTransforms.join(' '),
|
|
15713
|
+
"$transitionTime": transitionTime,
|
|
15714
|
+
"$borderWidth": borderWidth,
|
|
15715
|
+
"$imageWidth": imageWidth,
|
|
15716
|
+
"$imageHeight": imageHeight
|
|
15717
|
+
}), /*#__PURE__*/React__default['default'].createElement(FlipImage, {
|
|
15800
15718
|
src: assets.backImageUrl,
|
|
15801
15719
|
alt: "",
|
|
15802
|
-
|
|
15803
|
-
|
|
15804
|
-
|
|
15805
|
-
|
|
15806
|
-
|
|
15807
|
-
|
|
15808
|
-
|
|
15809
|
-
|
|
15810
|
-
display: 'block'
|
|
15811
|
-
}, imageStyle)
|
|
15812
|
-
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15813
|
-
style: {
|
|
15814
|
-
width: '100%',
|
|
15815
|
-
height: '100%',
|
|
15816
|
-
minWidth: padding,
|
|
15817
|
-
flexGrow: 1
|
|
15818
|
-
}
|
|
15819
|
-
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15820
|
-
style: {
|
|
15821
|
-
width: '100%',
|
|
15822
|
-
height: '100%',
|
|
15823
|
-
flexGrow: 1,
|
|
15824
|
-
textAlign: 'center',
|
|
15825
|
-
color: 'white',
|
|
15826
|
-
display: 'flex',
|
|
15827
|
-
flexDirection: 'column',
|
|
15828
|
-
justifyContent: 'end'
|
|
15829
|
-
}
|
|
15830
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
15831
|
-
style: {
|
|
15832
|
-
alignContent: 'center',
|
|
15833
|
-
marginTop: 12,
|
|
15834
|
-
marginBottom: 12,
|
|
15835
|
-
opacity: 0
|
|
15836
|
-
}
|
|
15837
|
-
}, instructionText))));
|
|
15720
|
+
className: className,
|
|
15721
|
+
"$transforms": backTransforms.join(' '),
|
|
15722
|
+
"$transitionTime": transitionTime,
|
|
15723
|
+
"$borderWidth": borderWidth,
|
|
15724
|
+
"$imageWidth": imageWidth,
|
|
15725
|
+
"$imageHeight": imageHeight,
|
|
15726
|
+
"$isBack": true
|
|
15727
|
+
}));
|
|
15838
15728
|
};
|
|
15729
|
+
var FlipImage = styled__default['default'].img(templateObject_1$8 || (templateObject_1$8 = tslib.__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) {
|
|
15730
|
+
return props.$transitionTime;
|
|
15731
|
+
}, function (props) {
|
|
15732
|
+
return props.$transforms;
|
|
15733
|
+
}, function (props) {
|
|
15734
|
+
return props.$isBack ? 'absolute' : 'relative';
|
|
15735
|
+
}, function (props) {
|
|
15736
|
+
return -props.$borderWidth / 2;
|
|
15737
|
+
}, function (props) {
|
|
15738
|
+
return props.$imageWidth;
|
|
15739
|
+
}, function (props) {
|
|
15740
|
+
return props.$imageHeight + props.$borderWidth;
|
|
15741
|
+
});
|
|
15742
|
+
var templateObject_1$8;
|
|
15839
15743
|
|
|
15840
15744
|
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
15841
15745
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
@@ -15865,104 +15769,77 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
15865
15769
|
assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
|
|
15866
15770
|
var verbiage = useTranslations(rawVerbiage, {
|
|
15867
15771
|
idFrontInstructionText: 'Display the front of your ID card...',
|
|
15868
|
-
idBackInstructionText: 'Display the back of your ID card...'
|
|
15772
|
+
idBackInstructionText: 'Display the back of your ID card...',
|
|
15773
|
+
flipIdInstructionText: 'Please flip your ID card...'
|
|
15869
15774
|
});
|
|
15870
|
-
var instructionText = requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : verbiage.idBackInstructionText;
|
|
15775
|
+
var instructionText = requestedAction === 'SHOW_ID_FRONT' ? verbiage.idFrontInstructionText : requestedAction === 'FLIP_ID' ? verbiage.flipIdInstructionText : verbiage.idBackInstructionText;
|
|
15871
15776
|
var idGuideWidth = typeof window !== 'undefined' && window.innerWidth > window.innerHeight ? '30%' : '75%';
|
|
15872
15777
|
var theme = styled.useTheme();
|
|
15873
15778
|
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;
|
|
15874
15779
|
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';
|
|
15875
15780
|
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;
|
|
15876
15781
|
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';
|
|
15877
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
15782
|
+
return /*#__PURE__*/React__default['default'].createElement(Container, {
|
|
15878
15783
|
className: classNames.container
|
|
15879
15784
|
}, /*#__PURE__*/React__default['default'].createElement(FaceGuide, {
|
|
15880
15785
|
className: classNames.faceGuide,
|
|
15881
15786
|
"$borderWidth": faceGuideBorderWidth,
|
|
15882
15787
|
"$borderColor": faceGuideBorderColor
|
|
15883
|
-
}),
|
|
15788
|
+
}), /*#__PURE__*/React__default['default'].createElement(IdCardGuideContainer, {
|
|
15789
|
+
"$width": idGuideWidth,
|
|
15790
|
+
className: classNames.idCardGuideContainer
|
|
15791
|
+
}, /*#__PURE__*/React__default['default'].createElement(IdCardGuideInstructionsContainer, {
|
|
15792
|
+
className: classNames.idCardGuideInstructionsContainer
|
|
15793
|
+
}, /*#__PURE__*/React__default['default'].createElement(IdCardGuideInstructions, {
|
|
15794
|
+
className: classNames.idCardGuideInstructions
|
|
15795
|
+
}, instructionText)), /*#__PURE__*/React__default['default'].createElement(IdCardGuideImageContainer, {
|
|
15796
|
+
"$borderWidth": idCardGuideBorderWidth,
|
|
15797
|
+
"$borderColor": idCardGuideBorderColor,
|
|
15798
|
+
className: classNames.idCardGuideImageContainer
|
|
15799
|
+
}, requestedAction === 'FLIP_ID' ? ( /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureFlipIdPrompt, {
|
|
15884
15800
|
assets: assets,
|
|
15885
|
-
verbiage: {
|
|
15886
|
-
instructionText: verbiage.flipIdInstructionText
|
|
15887
|
-
},
|
|
15888
15801
|
imageWidth: imageWidth,
|
|
15889
15802
|
imageHeight: imageHeight,
|
|
15890
15803
|
borderWidth: idCardGuideBorderWidth,
|
|
15891
|
-
|
|
15892
|
-
|
|
15893
|
-
width: idGuideWidth,
|
|
15894
|
-
margin: '2% auto 2%'
|
|
15895
|
-
}
|
|
15896
|
-
})) : ( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15897
|
-
style: {
|
|
15898
|
-
width: idGuideWidth,
|
|
15899
|
-
margin: '2% auto 2%',
|
|
15900
|
-
display: 'flex',
|
|
15901
|
-
flexFlow: 'column nowrap'
|
|
15902
|
-
}
|
|
15903
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15904
|
-
style: {
|
|
15905
|
-
width: '100%',
|
|
15906
|
-
height: '100%',
|
|
15907
|
-
flexGrow: 1,
|
|
15908
|
-
textAlign: 'center',
|
|
15909
|
-
color: 'white',
|
|
15910
|
-
display: 'flex',
|
|
15911
|
-
flexDirection: 'column',
|
|
15912
|
-
justifyContent: 'end'
|
|
15913
|
-
}
|
|
15914
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
15915
|
-
style: {
|
|
15916
|
-
alignContent: 'center',
|
|
15917
|
-
marginTop: 12,
|
|
15918
|
-
marginBottom: 12
|
|
15919
|
-
}
|
|
15920
|
-
}, instructionText)), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
15921
|
-
style: {
|
|
15922
|
-
border: "".concat(idCardGuideBorderWidth, "px solid ").concat(idCardGuideBorderColor)
|
|
15923
|
-
}
|
|
15924
|
-
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
15804
|
+
className: classNames.flipIdPromptImage
|
|
15805
|
+
})) : ( /*#__PURE__*/React__default['default'].createElement(IdCardGuideImage, {
|
|
15925
15806
|
ref: imageRef,
|
|
15926
15807
|
src: requestedAction === 'SHOW_ID_BACK' ? assets.backImageUrl : assets.frontImageUrl,
|
|
15927
15808
|
alt: "",
|
|
15809
|
+
className: classNames.idCardGuideImage,
|
|
15928
15810
|
"$isMirrored": !((_t = cameraRef.current) === null || _t === void 0 ? void 0 : _t.isRearFacing),
|
|
15929
15811
|
onLoad: function onLoad() {
|
|
15930
15812
|
var _a, _b, _c, _d;
|
|
15931
15813
|
if (!imageWidth) setImageWidth((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0);
|
|
15932
15814
|
if (!imageHeight) setImageHeight((_d = (_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0);
|
|
15933
15815
|
}
|
|
15934
|
-
}))
|
|
15935
|
-
style: {
|
|
15936
|
-
width: '100%',
|
|
15937
|
-
height: '100%',
|
|
15938
|
-
flexGrow: 1,
|
|
15939
|
-
textAlign: 'center',
|
|
15940
|
-
color: 'white',
|
|
15941
|
-
display: 'flex',
|
|
15942
|
-
flexDirection: 'column',
|
|
15943
|
-
justifyContent: 'end'
|
|
15944
|
-
}
|
|
15945
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
15946
|
-
style: {
|
|
15947
|
-
alignContent: 'center',
|
|
15948
|
-
marginTop: 12,
|
|
15949
|
-
marginBottom: 12,
|
|
15950
|
-
opacity: 0
|
|
15951
|
-
}
|
|
15952
|
-
}, instructionText))))));
|
|
15816
|
+
})))));
|
|
15953
15817
|
};
|
|
15954
|
-
var Container = styled__default['default'].div(templateObject_1$7 || (templateObject_1$7 = tslib.__makeTemplateObject(["\n position:
|
|
15955
|
-
var
|
|
15818
|
+
var Container = styled__default['default'].div(templateObject_1$7 || (templateObject_1$7 = tslib.__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) {
|
|
15819
|
+
var _a;
|
|
15820
|
+
return (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fontFamily;
|
|
15821
|
+
});
|
|
15822
|
+
var FaceGuide = styled__default['default'].div(templateObject_2$7 || (templateObject_2$7 = tslib.__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) {
|
|
15956
15823
|
var _a;
|
|
15957
15824
|
return (_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 0;
|
|
15958
15825
|
}, function (props) {
|
|
15959
15826
|
var _a;
|
|
15960
15827
|
return (_a = props.$borderColor) !== null && _a !== void 0 ? _a : 'white';
|
|
15961
15828
|
});
|
|
15962
|
-
var
|
|
15829
|
+
var IdCardGuideContainer = styled__default['default'].div(templateObject_3$7 || (templateObject_3$7 = tslib.__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) {
|
|
15830
|
+
return props.$width;
|
|
15831
|
+
});
|
|
15832
|
+
var IdCardGuideInstructionsContainer = styled__default['default'].div(templateObject_4$2 || (templateObject_4$2 = tslib.__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"])));
|
|
15833
|
+
var IdCardGuideInstructions = styled__default['default'].span(templateObject_5$1 || (templateObject_5$1 = tslib.__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"])));
|
|
15834
|
+
var IdCardGuideImageContainer = styled__default['default'].div(templateObject_6$1 || (templateObject_6$1 = tslib.__makeTemplateObject(["\n position: relative;\n border: ", "px solid\n ", ";\n"], ["\n position: relative;\n border: ", "px solid\n ", ";\n"])), function (props) {
|
|
15835
|
+
return props.$borderWidth;
|
|
15836
|
+
}, function (props) {
|
|
15837
|
+
return props.$borderColor;
|
|
15838
|
+
});
|
|
15839
|
+
var IdCardGuideImage = styled__default['default'].img(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n width: 100%;\n max-height: 100%;\n ", "\n"], ["\n width: 100%;\n max-height: 100%;\n ", "\n"])), function (props) {
|
|
15963
15840
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
15964
15841
|
});
|
|
15965
|
-
var templateObject_1$7, templateObject_2$7, templateObject_3$7;
|
|
15842
|
+
var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
|
|
15966
15843
|
|
|
15967
15844
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
15968
15845
|
var text = _a.text,
|
|
@@ -16378,7 +16255,13 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
16378
16255
|
className: classNames.guidanceMessage,
|
|
16379
16256
|
"$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',
|
|
16380
16257
|
"$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'
|
|
16381
|
-
}, 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,
|
|
16258
|
+
}, 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, {
|
|
16259
|
+
className: classNames.countdownContainer
|
|
16260
|
+
}, /*#__PURE__*/React__default['default'].createElement(Countdown, {
|
|
16261
|
+
className: classNames.countdown
|
|
16262
|
+
}, countdownRemaining))), (!idCaptureModelsEnabled || modelError) && capturingId && ( /*#__PURE__*/React__default['default'].createElement(CaptureButtonContainer, {
|
|
16263
|
+
className: classNames.captureBtnContainer
|
|
16264
|
+
}, /*#__PURE__*/React__default['default'].createElement(CaptureButton, {
|
|
16382
16265
|
finished: true,
|
|
16383
16266
|
onClick: function onClick() {
|
|
16384
16267
|
return setCountdownStartedAt(new Date());
|