idmission-web-sdk 1.0.197 → 1.0.198
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/sdk2.cjs.development.js +84 -80
- 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 +84 -80
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +84 -80
- 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/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -48,7 +48,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
|
|
|
48
48
|
var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
|
|
49
49
|
var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
|
|
50
50
|
|
|
51
|
-
var webSdkVersion = '1.0.
|
|
51
|
+
var webSdkVersion = '1.0.198';
|
|
52
52
|
|
|
53
53
|
function getPlatform() {
|
|
54
54
|
if (typeof window === 'undefined') return;
|
|
@@ -179,7 +179,7 @@ function videoDataUrlToB64(url) {
|
|
|
179
179
|
});
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
var PageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
182
|
+
var PageContainerDiv = styled__default['default'].div(templateObject_1$B || (templateObject_1$B = 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) {
|
|
183
183
|
var _a;
|
|
184
184
|
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 ");
|
|
185
185
|
}, function (props) {
|
|
@@ -219,9 +219,9 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
219
219
|
}, dimensionsCalculated && children);
|
|
220
220
|
});
|
|
221
221
|
PageContainer.displayName = 'PageContainer';
|
|
222
|
-
var templateObject_1$
|
|
222
|
+
var templateObject_1$B;
|
|
223
223
|
|
|
224
|
-
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
224
|
+
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$A || (templateObject_1$A = tslib.__makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
225
225
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
226
226
|
}, function (props) {
|
|
227
227
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
@@ -234,7 +234,7 @@ var OverlayInner = styled__default['default'].div(templateObject_2$m || (templat
|
|
|
234
234
|
});
|
|
235
235
|
var OverlayImageContainer = styled__default['default'].div(templateObject_3$f || (templateObject_3$f = 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 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 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"])));
|
|
236
236
|
var OverlayImageRow = styled__default['default'].div(templateObject_4$b || (templateObject_4$b = 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"])));
|
|
237
|
-
var templateObject_1$
|
|
237
|
+
var templateObject_1$A, templateObject_2$m, templateObject_3$f, templateObject_4$b;
|
|
238
238
|
|
|
239
239
|
var LoaderButton = function LoaderButton(_a) {
|
|
240
240
|
var children = _a.children,
|
|
@@ -292,11 +292,11 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
292
292
|
className: "ladda-label"
|
|
293
293
|
}, children));
|
|
294
294
|
};
|
|
295
|
-
var StyledButton = styled__default['default'].button(templateObject_1$y || (templateObject_1$y = 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) {
|
|
295
|
+
var StyledButton = styled__default['default'].button(templateObject_1$z || (templateObject_1$z = 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) {
|
|
296
296
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
297
297
|
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 ");
|
|
298
298
|
});
|
|
299
|
-
var templateObject_1$
|
|
299
|
+
var templateObject_1$z;
|
|
300
300
|
|
|
301
301
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
302
302
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -8592,7 +8592,7 @@ function getFrameDimensions(frame) {
|
|
|
8592
8592
|
return [frameWidth, frameHeight];
|
|
8593
8593
|
}
|
|
8594
8594
|
|
|
8595
|
-
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$
|
|
8595
|
+
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$y || (templateObject_1$y = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8596
8596
|
function drawToCanvas(canvas, frame, width, height) {
|
|
8597
8597
|
if (!canvas) return;
|
|
8598
8598
|
var ctx = canvas.getContext('2d');
|
|
@@ -8614,7 +8614,7 @@ function clearCanvas(canvas) {
|
|
|
8614
8614
|
if (!ctx) return;
|
|
8615
8615
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
8616
8616
|
}
|
|
8617
|
-
var templateObject_1$
|
|
8617
|
+
var templateObject_1$y;
|
|
8618
8618
|
|
|
8619
8619
|
function cropToShoulders(rawCanvas, cropCanvas, frame, face) {
|
|
8620
8620
|
if (!rawCanvas || !cropCanvas) return '';
|
|
@@ -9533,7 +9533,7 @@ var useIdCaptureState = function useIdCaptureState() {
|
|
|
9533
9533
|
return [state, dispatch];
|
|
9534
9534
|
};
|
|
9535
9535
|
|
|
9536
|
-
var DebugStatsPane = styled__default['default'].span(templateObject_1$
|
|
9536
|
+
var DebugStatsPane = styled__default['default'].span(templateObject_1$x || (templateObject_1$x = 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"])));
|
|
9537
9537
|
var ObjectDetectionDebugOverlayDiv = styled__default['default'].div(templateObject_2$l || (templateObject_2$l = 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) {
|
|
9538
9538
|
var $flipX = _a.$flipX;
|
|
9539
9539
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -9728,7 +9728,7 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
9728
9728
|
}
|
|
9729
9729
|
});
|
|
9730
9730
|
}
|
|
9731
|
-
var templateObject_1$
|
|
9731
|
+
var templateObject_1$x, templateObject_2$l, templateObject_3$e, templateObject_4$a;
|
|
9732
9732
|
|
|
9733
9733
|
var enTranslation = {};
|
|
9734
9734
|
|
|
@@ -9865,7 +9865,7 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
9865
9865
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
9866
9866
|
}
|
|
9867
9867
|
|
|
9868
|
-
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
9868
|
+
var GuidanceMessageContainerDiv = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = 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) {
|
|
9869
9869
|
var $top = _a.$top;
|
|
9870
9870
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
9871
9871
|
}, function (_a) {
|
|
@@ -9885,7 +9885,7 @@ var GuidanceMessage = styled__default['default'].div(templateObject_2$k || (temp
|
|
|
9885
9885
|
var _a, _b, _c, _d, _e, _f;
|
|
9886
9886
|
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';
|
|
9887
9887
|
});
|
|
9888
|
-
var templateObject_1$
|
|
9888
|
+
var templateObject_1$w, templateObject_2$k;
|
|
9889
9889
|
|
|
9890
9890
|
var IdCapture = function IdCapture(_a) {
|
|
9891
9891
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
@@ -10237,13 +10237,13 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
10237
10237
|
finished: true
|
|
10238
10238
|
}, verbiage.retryBtnText)));
|
|
10239
10239
|
};
|
|
10240
|
-
var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$
|
|
10240
|
+
var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$v || (templateObject_1$v = tslib.__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10241
10241
|
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$j || (templateObject_2$j = tslib.__makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10242
10242
|
var Description$3 = styled__default['default'].p(templateObject_3$d || (templateObject_3$d = tslib.__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10243
10243
|
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$9 || (templateObject_4$9 = tslib.__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10244
|
-
var templateObject_1$
|
|
10244
|
+
var templateObject_1$v, templateObject_2$j, templateObject_3$d, templateObject_4$9;
|
|
10245
10245
|
|
|
10246
|
-
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$
|
|
10246
|
+
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$u || (templateObject_1$u = 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"])));
|
|
10247
10247
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
10248
10248
|
var onClick = _a.onClick,
|
|
10249
10249
|
className = _a.className;
|
|
@@ -10287,9 +10287,9 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
10287
10287
|
y2: "19.75"
|
|
10288
10288
|
}))));
|
|
10289
10289
|
};
|
|
10290
|
-
var templateObject_1$
|
|
10290
|
+
var templateObject_1$u;
|
|
10291
10291
|
|
|
10292
|
-
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$
|
|
10292
|
+
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = tslib.__makeTemplateObject(["\n margin-top: 15px;\n margin-bottom: 15px;\n"], ["\n margin-top: 15px;\n margin-bottom: 15px;\n"])));
|
|
10293
10293
|
var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
10294
10294
|
var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
10295
10295
|
var onDismissed = _a.onDismissed,
|
|
@@ -10383,10 +10383,10 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
10383
10383
|
}
|
|
10384
10384
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : verbiage.modelsWarmingUpText)));
|
|
10385
10385
|
};
|
|
10386
|
-
var templateObject_1$
|
|
10386
|
+
var templateObject_1$t, templateObject_2$i;
|
|
10387
10387
|
|
|
10388
|
-
var ButtonsRow = styled__default['default'].div(templateObject_1$
|
|
10389
|
-
var templateObject_1$
|
|
10388
|
+
var ButtonsRow = styled__default['default'].div(templateObject_1$s || (templateObject_1$s = 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"])));
|
|
10389
|
+
var templateObject_1$s;
|
|
10390
10390
|
|
|
10391
10391
|
var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
10392
10392
|
var alt = _a.alt,
|
|
@@ -10416,7 +10416,7 @@ var CapturedDocumentImg = function CapturedDocumentImg(_a) {
|
|
|
10416
10416
|
});
|
|
10417
10417
|
};
|
|
10418
10418
|
|
|
10419
|
-
var OverlayInstruction = styled__default['default'].p(templateObject_1$
|
|
10419
|
+
var OverlayInstruction = styled__default['default'].p(templateObject_1$r || (templateObject_1$r = tslib.__makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
|
|
10420
10420
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
10421
10421
|
var capturedDocuments = _a.capturedDocuments,
|
|
10422
10422
|
// barcodeResult,
|
|
@@ -10511,7 +10511,7 @@ var CapturedImageWrapper = styled__default['default'].div(templateObject_7$2 ||
|
|
|
10511
10511
|
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)';
|
|
10512
10512
|
});
|
|
10513
10513
|
var StyledImage = styled__default['default'](CapturedDocumentImg)(templateObject_8$1 || (templateObject_8$1 = tslib.__makeTemplateObject(["\n width: 100%;\n border-radius: 4px;\n"], ["\n width: 100%;\n border-radius: 4px;\n"])));
|
|
10514
|
-
var templateObject_1$
|
|
10514
|
+
var templateObject_1$r, templateObject_2$h, templateObject_3$c, templateObject_4$8, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$1;
|
|
10515
10515
|
|
|
10516
10516
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
10517
10517
|
var _b;
|
|
@@ -10542,10 +10542,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
10542
10542
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
10543
10543
|
});
|
|
10544
10544
|
};
|
|
10545
|
-
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$
|
|
10545
|
+
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$q || (templateObject_1$q = 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) {
|
|
10546
10546
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
10547
10547
|
});
|
|
10548
|
-
var templateObject_1$
|
|
10548
|
+
var templateObject_1$q;
|
|
10549
10549
|
|
|
10550
10550
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
10551
10551
|
var _this = this;
|
|
@@ -10673,18 +10673,18 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
10673
10673
|
}
|
|
10674
10674
|
}, verbiage.doneBtnText)))));
|
|
10675
10675
|
};
|
|
10676
|
-
var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$
|
|
10676
|
+
var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$p || (templateObject_1$p = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10677
10677
|
var Heading$8 = styled__default['default'].h3(templateObject_2$g || (templateObject_2$g = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10678
10678
|
var Description$2 = styled__default['default'].p(templateObject_3$b || (templateObject_3$b = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10679
10679
|
var Instruction = styled__default['default'].p(templateObject_4$7 || (templateObject_4$7 = tslib.__makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
10680
10680
|
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"])));
|
|
10681
10681
|
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"])));
|
|
10682
|
-
var templateObject_1$
|
|
10682
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$b, templateObject_4$7, templateObject_5$4, templateObject_6$3;
|
|
10683
10683
|
|
|
10684
|
-
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$
|
|
10684
|
+
var CameraFeedWrapper = styled__default['default'].div(templateObject_1$o || (templateObject_1$o = tslib.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
10685
10685
|
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;") : "";
|
|
10686
10686
|
});
|
|
10687
|
-
var templateObject_1$
|
|
10687
|
+
var templateObject_1$o;
|
|
10688
10688
|
|
|
10689
10689
|
function setCanvasDimensions(canvas, width, height) {
|
|
10690
10690
|
var _a;
|
|
@@ -10718,7 +10718,7 @@ var GuideOrientationContext = /*#__PURE__*/React.createContext({
|
|
|
10718
10718
|
}
|
|
10719
10719
|
});
|
|
10720
10720
|
|
|
10721
|
-
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
10721
|
+
var StyledPageContainer = styled__default['default'](PageContainer)(templateObject_1$n || (templateObject_1$n = tslib.__makeTemplateObject(["\n z-index: 1000;\n"], ["\n z-index: 1000;\n"])));
|
|
10722
10722
|
var GuidesContainer = styled__default['default'].div(templateObject_2$f || (templateObject_2$f = 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"])));
|
|
10723
10723
|
var GuideCenterRow = styled__default['default'].div(templateObject_3$a || (templateObject_3$a = 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"])));
|
|
10724
10724
|
var GuideRegion = styled__default['default'].div(templateObject_4$6 || (templateObject_4$6 = 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) {
|
|
@@ -10742,7 +10742,7 @@ var GuideCenterBorder = styled__default['default'].div(templateObject_6$2 || (te
|
|
|
10742
10742
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
10743
10743
|
});
|
|
10744
10744
|
var GuideText = styled__default['default'].span(templateObject_7$1 || (templateObject_7$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"])));
|
|
10745
|
-
var GuideImage = styled__default['default'].img(templateObject_8 || (templateObject_8 = 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) {
|
|
10745
|
+
var GuideImage$1 = styled__default['default'].img(templateObject_8 || (templateObject_8 = 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) {
|
|
10746
10746
|
return props.$padding;
|
|
10747
10747
|
}, function (props) {
|
|
10748
10748
|
return props.$width ? "width: ".concat(props.$width, "px;\n max-width: ").concat(props.$width, "px;") : "max-width: none;";
|
|
@@ -10842,7 +10842,7 @@ var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_a) {
|
|
|
10842
10842
|
"$borderWidth": borderWidth,
|
|
10843
10843
|
"$borderColor": borderColor,
|
|
10844
10844
|
className: classNames.centerRegionInner
|
|
10845
|
-
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
10845
|
+
}, /*#__PURE__*/React__default['default'].createElement(GuideImage$1, {
|
|
10846
10846
|
src: imgSrc,
|
|
10847
10847
|
alt: "",
|
|
10848
10848
|
onLoad: onImageLoaded,
|
|
@@ -10870,9 +10870,9 @@ var regionClsx$1 = function regionClsx(classNames, which) {
|
|
|
10870
10870
|
return v;
|
|
10871
10871
|
}).join(' ');
|
|
10872
10872
|
};
|
|
10873
|
-
var templateObject_1$
|
|
10873
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$6, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
10874
10874
|
|
|
10875
|
-
var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$
|
|
10875
|
+
var FlippingImage = styled__default['default'](GuideImage$1)(templateObject_1$m || (templateObject_1$m = 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) {
|
|
10876
10876
|
return props.$transitionTime;
|
|
10877
10877
|
}, function (props) {
|
|
10878
10878
|
return props.$transforms;
|
|
@@ -11018,7 +11018,7 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
11018
11018
|
return v;
|
|
11019
11019
|
}).join(' ');
|
|
11020
11020
|
};
|
|
11021
|
-
var templateObject_1$
|
|
11021
|
+
var templateObject_1$m, templateObject_2$e;
|
|
11022
11022
|
|
|
11023
11023
|
var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
11024
11024
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
@@ -11154,11 +11154,11 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_a) {
|
|
|
11154
11154
|
imageVisible: imageVisible
|
|
11155
11155
|
})));
|
|
11156
11156
|
};
|
|
11157
|
-
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$
|
|
11157
|
+
var CanvasWrapper$1 = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = 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) {
|
|
11158
11158
|
return props.$maskColor;
|
|
11159
11159
|
});
|
|
11160
11160
|
var Canvas$1 = styled__default['default'].canvas(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
11161
|
-
var templateObject_1$
|
|
11161
|
+
var templateObject_1$l, templateObject_2$d;
|
|
11162
11162
|
|
|
11163
11163
|
function IdCaptureGuides(_a) {
|
|
11164
11164
|
var _b, _c;
|
|
@@ -11216,7 +11216,7 @@ function IdCaptureGuides(_a) {
|
|
|
11216
11216
|
})));
|
|
11217
11217
|
}
|
|
11218
11218
|
|
|
11219
|
-
var Spinner = styled__default['default'].div(templateObject_1$
|
|
11219
|
+
var Spinner = styled__default['default'].div(templateObject_1$k || (templateObject_1$k = 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) {
|
|
11220
11220
|
var $size = _a.$size;
|
|
11221
11221
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
11222
11222
|
}, function (_a) {
|
|
@@ -11241,7 +11241,7 @@ var Spinner = styled__default['default'].div(templateObject_1$j || (templateObje
|
|
|
11241
11241
|
var $color = _a.$color;
|
|
11242
11242
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
11243
11243
|
});
|
|
11244
|
-
var templateObject_1$
|
|
11244
|
+
var templateObject_1$k;
|
|
11245
11245
|
|
|
11246
11246
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
11247
11247
|
var _b = _a.classNames,
|
|
@@ -11282,11 +11282,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
11282
11282
|
className: classNames.image
|
|
11283
11283
|
})));
|
|
11284
11284
|
};
|
|
11285
|
-
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$
|
|
11285
|
+
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$j || (templateObject_1$j = 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"])));
|
|
11286
11286
|
var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$c || (templateObject_2$c = 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"])));
|
|
11287
11287
|
var ImagePreviewText = styled__default['default'].div(templateObject_3$9 || (templateObject_3$9 = 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"])));
|
|
11288
11288
|
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$5 || (templateObject_4$5 = 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"])));
|
|
11289
|
-
var templateObject_1$
|
|
11289
|
+
var templateObject_1$j, templateObject_2$c, templateObject_3$9, templateObject_4$5;
|
|
11290
11290
|
|
|
11291
11291
|
var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
11292
11292
|
var _b, _c, _d, _e, _f, _g;
|
|
@@ -11604,7 +11604,7 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
11604
11604
|
})));
|
|
11605
11605
|
};
|
|
11606
11606
|
|
|
11607
|
-
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$
|
|
11607
|
+
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$i || (templateObject_1$i = 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"])));
|
|
11608
11608
|
var FaceCaptureGuideOval = styled__default['default'].div(templateObject_2$b || (templateObject_2$b = 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) {
|
|
11609
11609
|
return props.$borderWidth;
|
|
11610
11610
|
}, function (props) {
|
|
@@ -11628,7 +11628,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11628
11628
|
"$borderColor": borderColor
|
|
11629
11629
|
}));
|
|
11630
11630
|
};
|
|
11631
|
-
var templateObject_1$
|
|
11631
|
+
var templateObject_1$i, templateObject_2$b;
|
|
11632
11632
|
|
|
11633
11633
|
var NUM_KEYPOINTS = 6;
|
|
11634
11634
|
var GREEN = '#32EEDB';
|
|
@@ -12010,12 +12010,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
12010
12010
|
}
|
|
12011
12011
|
}, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
12012
12012
|
};
|
|
12013
|
-
var StyledOverlayInner = styled__default['default'](OverlayInner)(templateObject_1$
|
|
12013
|
+
var StyledOverlayInner = styled__default['default'](OverlayInner)(templateObject_1$h || (templateObject_1$h = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12014
12014
|
var Heading$7 = styled__default['default'].h3(templateObject_2$a || (templateObject_2$a = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12015
12015
|
var Description$1 = styled__default['default'].p(templateObject_3$8 || (templateObject_3$8 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12016
12016
|
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$4 || (templateObject_4$4 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12017
12017
|
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_5$2 || (templateObject_5$2 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12018
|
-
var templateObject_1$
|
|
12018
|
+
var templateObject_1$h, templateObject_2$a, templateObject_3$8, templateObject_4$4, templateObject_5$2;
|
|
12019
12019
|
|
|
12020
12020
|
var initialState$3 = {
|
|
12021
12021
|
videoWidth: 0,
|
|
@@ -12586,9 +12586,9 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
12586
12586
|
}
|
|
12587
12587
|
}, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null))));
|
|
12588
12588
|
};
|
|
12589
|
-
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$
|
|
12589
|
+
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$g || (templateObject_1$g = 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"])));
|
|
12590
12590
|
var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_2$9 || (templateObject_2$9 = tslib.__makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
12591
|
-
var templateObject_1$
|
|
12591
|
+
var templateObject_1$g, templateObject_2$9;
|
|
12592
12592
|
|
|
12593
12593
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
12594
12594
|
var imageUrl = _a.imageUrl,
|
|
@@ -12631,8 +12631,8 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12631
12631
|
finished: true
|
|
12632
12632
|
}, verbiage.doneBtnText))));
|
|
12633
12633
|
};
|
|
12634
|
-
var Heading$6 = styled__default['default'].h3(templateObject_1$
|
|
12635
|
-
var templateObject_1$
|
|
12634
|
+
var Heading$6 = styled__default['default'].h3(templateObject_1$f || (templateObject_1$f = tslib.__makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
12635
|
+
var templateObject_1$f;
|
|
12636
12636
|
|
|
12637
12637
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12638
12638
|
var _b = _a.canRetry,
|
|
@@ -12681,8 +12681,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12681
12681
|
finished: true
|
|
12682
12682
|
}, verbiage.exitBtnText))));
|
|
12683
12683
|
};
|
|
12684
|
-
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$
|
|
12685
|
-
var templateObject_1$
|
|
12684
|
+
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$e || (templateObject_1$e = tslib.__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"], ["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"])));
|
|
12685
|
+
var templateObject_1$e;
|
|
12686
12686
|
|
|
12687
12687
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12688
12688
|
var onComplete = _a.onComplete,
|
|
@@ -13005,11 +13005,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
13005
13005
|
}
|
|
13006
13006
|
}, verbiage.captureBtnText)))));
|
|
13007
13007
|
};
|
|
13008
|
-
var Inner = styled__default['default'](OverlayInner)(templateObject_1$
|
|
13008
|
+
var Inner = styled__default['default'](OverlayInner)(templateObject_1$d || (templateObject_1$d = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
13009
13009
|
var Heading$5 = styled__default['default'].h3(templateObject_2$8 || (templateObject_2$8 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13010
13010
|
var Description = styled__default['default'].p(templateObject_3$7 || (templateObject_3$7 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
13011
13011
|
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_4$3 || (templateObject_4$3 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
13012
|
-
var templateObject_1$
|
|
13012
|
+
var templateObject_1$d, templateObject_2$8, templateObject_3$7, templateObject_4$3;
|
|
13013
13013
|
|
|
13014
13014
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
13015
13015
|
var documents = _a.documents,
|
|
@@ -13092,7 +13092,7 @@ function signatureDataToIdmissionFormat(signatureCanvas) {
|
|
|
13092
13092
|
return signatureData;
|
|
13093
13093
|
}
|
|
13094
13094
|
|
|
13095
|
-
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$
|
|
13095
|
+
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) {
|
|
13096
13096
|
var _a, _b;
|
|
13097
13097
|
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, ";") : "";
|
|
13098
13098
|
}, function (props) {
|
|
@@ -13114,7 +13114,7 @@ var SignaturePad = styled__default['default'].div(templateObject_3$6 || (templat
|
|
|
13114
13114
|
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';
|
|
13115
13115
|
});
|
|
13116
13116
|
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$2 || (templateObject_4$2 = 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"])));
|
|
13117
|
-
var templateObject_1$
|
|
13117
|
+
var templateObject_1$c, templateObject_2$7, templateObject_3$6, templateObject_4$2;
|
|
13118
13118
|
|
|
13119
13119
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
13120
13120
|
var _b;
|
|
@@ -13173,8 +13173,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
13173
13173
|
finished: true
|
|
13174
13174
|
}, verbiage.acceptBtnText)))));
|
|
13175
13175
|
};
|
|
13176
|
-
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$
|
|
13177
|
-
var templateObject_1$
|
|
13176
|
+
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"])));
|
|
13177
|
+
var templateObject_1$b;
|
|
13178
13178
|
|
|
13179
13179
|
var useVideoRecorder = function useVideoRecorder(camera) {
|
|
13180
13180
|
var mediaRecorder = React.useRef(null);
|
|
@@ -13427,8 +13427,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
13427
13427
|
ref: outputCanvas
|
|
13428
13428
|
})));
|
|
13429
13429
|
};
|
|
13430
|
-
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$
|
|
13431
|
-
var templateObject_1$
|
|
13430
|
+
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
13431
|
+
var templateObject_1$a;
|
|
13432
13432
|
|
|
13433
13433
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
13434
13434
|
var videoUrl = _a.videoUrl,
|
|
@@ -13476,8 +13476,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
13476
13476
|
finished: true
|
|
13477
13477
|
}, verbiage.doneBtnText))));
|
|
13478
13478
|
};
|
|
13479
|
-
var StyledVideo$1 = styled__default['default'].video(templateObject_1$
|
|
13480
|
-
var templateObject_1$
|
|
13479
|
+
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"])));
|
|
13480
|
+
var templateObject_1$9;
|
|
13481
13481
|
|
|
13482
13482
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
13483
13483
|
var onComplete = _a.onComplete,
|
|
@@ -13809,23 +13809,25 @@ var IdVideoCaptureFlipIdPrompt = function IdVideoCaptureFlipIdPrompt(_a) {
|
|
|
13809
13809
|
};
|
|
13810
13810
|
|
|
13811
13811
|
var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
13812
|
-
var _b
|
|
13813
|
-
|
|
13814
|
-
|
|
13815
|
-
|
|
13816
|
-
|
|
13817
|
-
|
|
13818
|
-
|
|
13819
|
-
|
|
13820
|
-
|
|
13821
|
-
|
|
13812
|
+
var _b;
|
|
13813
|
+
var _c = _a.requestedAction,
|
|
13814
|
+
requestedAction = _c === void 0 ? 'SHOW_ID_FRONT' : _c,
|
|
13815
|
+
_d = _a.borderWidth,
|
|
13816
|
+
borderWidth = _d === void 0 ? 3 : _d,
|
|
13817
|
+
_e = _a.borderColor,
|
|
13818
|
+
borderColor = _e === void 0 ? 'white' : _e,
|
|
13819
|
+
_f = _a.assets,
|
|
13820
|
+
assets = _f === void 0 ? {} : _f,
|
|
13821
|
+
_g = _a.verbiage,
|
|
13822
|
+
rawVerbiage = _g === void 0 ? {} : _g;
|
|
13823
|
+
var cameraRef = React.useContext(CameraStateContext).cameraRef;
|
|
13822
13824
|
var imageRef = React.useRef(null);
|
|
13823
|
-
var _g = React.useState(0),
|
|
13824
|
-
imageWidth = _g[0],
|
|
13825
|
-
setImageWidth = _g[1];
|
|
13826
13825
|
var _h = React.useState(0),
|
|
13827
|
-
|
|
13828
|
-
|
|
13826
|
+
imageWidth = _h[0],
|
|
13827
|
+
setImageWidth = _h[1];
|
|
13828
|
+
var _j = React.useState(0),
|
|
13829
|
+
imageHeight = _j[0],
|
|
13830
|
+
setImageHeight = _j[1];
|
|
13829
13831
|
assets.frontImageUrl || (assets.frontImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Front-SVG-Landscape-2.svg"));
|
|
13830
13832
|
assets.backImageUrl || (assets.backImageUrl = "".concat(DEFAULT_CDN_URL, "/Shieldout-IDCard-Back-SVG-Landscape-2.svg"));
|
|
13831
13833
|
var verbiage = useTranslations(rawVerbiage, {
|
|
@@ -13892,13 +13894,11 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
13892
13894
|
style: {
|
|
13893
13895
|
border: "4px solid ".concat(borderColor)
|
|
13894
13896
|
}
|
|
13895
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
13897
|
+
}, /*#__PURE__*/React__default['default'].createElement(GuideImage, {
|
|
13896
13898
|
ref: imageRef,
|
|
13897
13899
|
src: requestedAction === 'SHOW_ID_BACK' ? assets.backImageUrl : assets.frontImageUrl,
|
|
13898
13900
|
alt: "",
|
|
13899
|
-
|
|
13900
|
-
width: '100%'
|
|
13901
|
-
},
|
|
13901
|
+
"$isMirrored": !((_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing),
|
|
13902
13902
|
onLoad: function onLoad() {
|
|
13903
13903
|
var _a, _b, _c, _d;
|
|
13904
13904
|
if (!imageWidth) setImageWidth((_b = (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : 0);
|
|
@@ -13924,6 +13924,10 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
13924
13924
|
}
|
|
13925
13925
|
}, instructionText))))));
|
|
13926
13926
|
};
|
|
13927
|
+
var GuideImage = styled__default['default'].img(templateObject_1$8 || (templateObject_1$8 = tslib.__makeTemplateObject(["\n width: 100%;\n ", "\n"], ["\n width: 100%;\n ", "\n"])), function (props) {
|
|
13928
|
+
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
13929
|
+
});
|
|
13930
|
+
var templateObject_1$8;
|
|
13927
13931
|
|
|
13928
13932
|
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
13929
13933
|
var text = _a.text,
|