idmission-web-sdk 1.0.78 → 1.0.80
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/customer_flows/CustomerBiometricsEnrollment.d.ts +2 -0
- package/dist/components/customer_flows/CustomerIdAndBiometricsEnrollment.d.ts +2 -0
- package/dist/components/customer_flows/CustomerIdentification.d.ts +2 -0
- package/dist/components/customer_flows/CustomerVerification.d.ts +2 -0
- package/dist/components/customer_flows/IdAndFaceValidation.d.ts +2 -0
- package/dist/components/customer_flows/IdValidation.d.ts +2 -0
- package/dist/components/customer_flows/SignatureKYC.d.ts +2 -0
- package/dist/components/read_text_prompt/ReadTextPrompt.d.ts +23 -0
- package/dist/components/video_id/IdVideoCapture.d.ts +9 -3
- package/dist/components/video_id/IdVideoCaptureSuccess.d.ts +12 -1
- package/dist/components/video_id/IdVideoCaptureWizard.d.ts +4 -2
- package/dist/sdk2.cjs.development.js +299 -222
- 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 +299 -222
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +299 -222
- 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/CustomerFlows/VideoIdValidation.stories.d.ts +1 -0
- package/dist/themes/index.d.ts +38 -0
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -46,7 +46,7 @@ var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetec
|
|
|
46
46
|
var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
|
|
47
47
|
var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
|
|
48
48
|
|
|
49
|
-
var webSdkVersion = '1.0.
|
|
49
|
+
var webSdkVersion = '1.0.80';
|
|
50
50
|
|
|
51
51
|
function getPlatform() {
|
|
52
52
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -176,7 +176,7 @@ function videoDataUrlToB64(url) {
|
|
|
176
176
|
});
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
var PageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
179
|
+
var PageContainerDiv = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = 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) {
|
|
180
180
|
var _a;
|
|
181
181
|
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 ");
|
|
182
182
|
}, function (props) {
|
|
@@ -215,22 +215,22 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
215
215
|
}, dimensionsCalculated && children);
|
|
216
216
|
});
|
|
217
217
|
PageContainer.displayName = 'PageContainer';
|
|
218
|
-
var templateObject_1$
|
|
218
|
+
var templateObject_1$w;
|
|
219
219
|
|
|
220
|
-
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
220
|
+
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$v || (templateObject_1$v = tslib.__makeTemplateObject(["\n background: ", ";\n ", "\n z-index: 10000;\n"], ["\n background: ", ";\n ", "\n z-index: 10000;\n"])), function (props) {
|
|
221
221
|
return props.theme.background ? "".concat(props.theme.background) : "white";
|
|
222
222
|
}, function (props) {
|
|
223
223
|
return props.theme.textColor ? "color: ".concat(props.theme.textColor, ";") : "";
|
|
224
224
|
});
|
|
225
|
-
var OverlayInner = styled__default['default'].div(templateObject_2$
|
|
225
|
+
var OverlayInner = styled__default['default'].div(templateObject_2$i || (templateObject_2$i = tslib.__makeTemplateObject(["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-height: var(--app-height);\n height: 100%;\n ", "\n"], ["\n text-align: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n max-height: var(--app-height);\n height: 100%;\n ", "\n"])), function (props) {
|
|
226
226
|
var _a;
|
|
227
227
|
return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
|
|
228
228
|
}, function (props) {
|
|
229
229
|
return props.theme.padding ? "box-sizing: border-box; padding: ".concat(props.theme.padding, ";") : "";
|
|
230
230
|
});
|
|
231
|
-
var OverlayImageContainer = styled__default['default'].div(templateObject_3$
|
|
232
|
-
var OverlayImageRow = styled__default['default'].div(templateObject_4$
|
|
233
|
-
var templateObject_1$
|
|
231
|
+
var OverlayImageContainer = styled__default['default'].div(templateObject_3$d || (templateObject_3$d = 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"])));
|
|
232
|
+
var OverlayImageRow = styled__default['default'].div(templateObject_4$9 || (templateObject_4$9 = 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"])));
|
|
233
|
+
var templateObject_1$v, templateObject_2$i, templateObject_3$d, templateObject_4$9;
|
|
234
234
|
|
|
235
235
|
var LoaderButton = function LoaderButton(_a) {
|
|
236
236
|
var children = _a.children,
|
|
@@ -288,11 +288,11 @@ var LoaderButton = function LoaderButton(_a) {
|
|
|
288
288
|
className: "ladda-label"
|
|
289
289
|
}, children));
|
|
290
290
|
};
|
|
291
|
-
var StyledButton = styled__default['default'].button(templateObject_1$t || (templateObject_1$t = 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) {
|
|
291
|
+
var StyledButton = styled__default['default'].button(templateObject_1$u || (templateObject_1$u = 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) {
|
|
292
292
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
293
293
|
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: ").concat((_m = props.$backgroundColor) !== null && _m !== void 0 ? _m : '#0d6efd', ";\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((_r = (_o = props.$disabledTextColor) !== null && _o !== void 0 ? _o : (_q = (_p = props.theme.buttons) === null || _p === void 0 ? void 0 : _p.loading) === null || _q === void 0 ? void 0 : _q.textColor) !== null && _r !== void 0 ? _r : '#fff', ";\n --bs-btn-disabled-bg: ").concat((_v = (_s = props.$disabledBackgroundColor) !== null && _s !== void 0 ? _s : (_u = (_t = props.theme.buttons) === null || _t === void 0 ? void 0 : _t.loading) === null || _u === void 0 ? void 0 : _u.backgroundColor) !== null && _v !== void 0 ? _v : 'gray', ";\n --bs-btn-disabled-border-color: ").concat((_w = props.$disabledBackgroundColor) !== null && _w !== void 0 ? _w : '#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 ");
|
|
294
294
|
});
|
|
295
|
-
var templateObject_1$
|
|
295
|
+
var templateObject_1$u;
|
|
296
296
|
|
|
297
297
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
298
298
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -1403,9 +1403,9 @@ function isBrowser() {
|
|
|
1403
1403
|
(typeof WorkerGlobalScope !== 'undefined');
|
|
1404
1404
|
}
|
|
1405
1405
|
|
|
1406
|
-
var GuidesContainer = styled__default['default'].div(templateObject_1$
|
|
1407
|
-
var GuideCenterRow = styled__default['default'].div(templateObject_2$
|
|
1408
|
-
var GuideRegion = styled__default['default'].div(templateObject_3$
|
|
1406
|
+
var GuidesContainer = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = 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"])));
|
|
1407
|
+
var GuideCenterRow = styled__default['default'].div(templateObject_2$h || (templateObject_2$h = 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"])));
|
|
1408
|
+
var GuideRegion = styled__default['default'].div(templateObject_3$c || (templateObject_3$c = tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n height: 100%;\n flex-grow: 1;\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 background: ", ";\n color: ", ";\n text-align: center;\n ", "\n ", "\n"])), function (props) {
|
|
1409
1409
|
var _a, _b, _c, _d;
|
|
1410
1410
|
return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.guideOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : 'rgba(0, 0, 0, 0.5)';
|
|
1411
1411
|
}, function (props) {
|
|
@@ -1416,14 +1416,14 @@ var GuideRegion = styled__default['default'].div(templateObject_3$b || (template
|
|
|
1416
1416
|
}, function (props) {
|
|
1417
1417
|
return props.$minHeight ? "min-width: ".concat(props.$minHeight, "px;") : "";
|
|
1418
1418
|
});
|
|
1419
|
-
var GuideCenterRegion = styled__default['default'].div(templateObject_4$
|
|
1419
|
+
var GuideCenterRegion = styled__default['default'].div(templateObject_4$8 || (templateObject_4$8 = tslib.__makeTemplateObject(["\n ", "\n box-sizing: border-box;\n"], ["\n ", "\n box-sizing: border-box;\n"])), function (props) {
|
|
1420
1420
|
return props.$isMirrored ? 'transform: scaleX(-1);' : '';
|
|
1421
1421
|
});
|
|
1422
|
-
var GuideCenterBorder = styled__default['default'].div(templateObject_5$
|
|
1422
|
+
var GuideCenterBorder = styled__default['default'].div(templateObject_5$3 || (templateObject_5$3 = tslib.__makeTemplateObject(["\n position: relative;\n border: ", ";\n"], ["\n position: relative;\n border: ", ";\n"])), function (props) {
|
|
1423
1423
|
var _a, _b;
|
|
1424
1424
|
return "".concat((_a = props.$borderWidth) !== null && _a !== void 0 ? _a : 4, "px solid ").concat((_b = props.$borderColor) !== null && _b !== void 0 ? _b : 'white');
|
|
1425
1425
|
});
|
|
1426
|
-
var GuideText = styled__default['default'].span(templateObject_6$
|
|
1426
|
+
var GuideText = styled__default['default'].span(templateObject_6$2 || (templateObject_6$2 = 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"])));
|
|
1427
1427
|
var GuideImage = styled__default['default'].img(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n display: block;\n ", "\n ", "\n"], ["\n display: block;\n ", "\n ", "\n"])), function (props) {
|
|
1428
1428
|
return props.$width ? "width: ".concat(props.$width, "px; max-width: ").concat(props.$width, "px;") : "max-width: none;";
|
|
1429
1429
|
}, function (props) {
|
|
@@ -1524,7 +1524,7 @@ var regionClsx$1 = function regionClsx(classNames, which) {
|
|
|
1524
1524
|
return v;
|
|
1525
1525
|
}).join(' ');
|
|
1526
1526
|
};
|
|
1527
|
-
var templateObject_1$
|
|
1527
|
+
var templateObject_1$t, templateObject_2$h, templateObject_3$c, templateObject_4$8, templateObject_5$3, templateObject_6$2, templateObject_7, templateObject_8;
|
|
1528
1528
|
|
|
1529
1529
|
function getNativeBarcodeReaderResult(image) {
|
|
1530
1530
|
return tslib.__awaiter(this, void 0, void 0, function () {
|
|
@@ -8639,7 +8639,7 @@ function getFrameDimensions(frame) {
|
|
|
8639
8639
|
return [frameWidth, frameHeight];
|
|
8640
8640
|
}
|
|
8641
8641
|
|
|
8642
|
-
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$
|
|
8642
|
+
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$s || (templateObject_1$s = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8643
8643
|
function drawToCanvas(canvas, frame, width, height) {
|
|
8644
8644
|
if (!canvas) return;
|
|
8645
8645
|
var ctx = canvas.getContext('2d');
|
|
@@ -8661,7 +8661,7 @@ function clearCanvas(canvas) {
|
|
|
8661
8661
|
if (!ctx) return;
|
|
8662
8662
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
8663
8663
|
}
|
|
8664
|
-
var templateObject_1$
|
|
8664
|
+
var templateObject_1$s;
|
|
8665
8665
|
|
|
8666
8666
|
function cropToShoulders(rawCanvas, cropCanvas, frame, face) {
|
|
8667
8667
|
if (!rawCanvas || !cropCanvas) return '';
|
|
@@ -9186,12 +9186,12 @@ function disposeTfBackend() {
|
|
|
9186
9186
|
}
|
|
9187
9187
|
}
|
|
9188
9188
|
|
|
9189
|
-
var DebugStatsPane = styled__default['default'].span(templateObject_1$
|
|
9190
|
-
var ObjectDetectionDebugOverlay = styled__default['default'].div(templateObject_2$
|
|
9189
|
+
var DebugStatsPane = styled__default['default'].span(templateObject_1$r || (templateObject_1$r = 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"])));
|
|
9190
|
+
var ObjectDetectionDebugOverlay = styled__default['default'].div(templateObject_2$g || (templateObject_2$g = 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) {
|
|
9191
9191
|
var $flipX = _a.$flipX;
|
|
9192
9192
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
9193
9193
|
});
|
|
9194
|
-
var ObjectDetectionDebugBox = styled__default['default'].div(templateObject_3$
|
|
9194
|
+
var ObjectDetectionDebugBox = styled__default['default'].div(templateObject_3$b || (templateObject_3$b = tslib.__makeTemplateObject(["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"], ["\n font: 10px monospace;\n position: absolute;\n border: 3px solid ", ";\n color: ", ";\n ", "\n"])), function (_a) {
|
|
9195
9195
|
var $color = _a.$color;
|
|
9196
9196
|
return $color !== null && $color !== void 0 ? $color : 'green';
|
|
9197
9197
|
}, function (_a) {
|
|
@@ -9201,7 +9201,7 @@ var ObjectDetectionDebugBox = styled__default['default'].div(templateObject_3$a
|
|
|
9201
9201
|
var $flipX = _a.$flipX;
|
|
9202
9202
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
9203
9203
|
});
|
|
9204
|
-
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$
|
|
9204
|
+
var FaceDetectionKeypointMarker = styled__default['default'].div(templateObject_4$7 || (templateObject_4$7 = 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) {
|
|
9205
9205
|
var $color = _a.$color;
|
|
9206
9206
|
return $color !== null && $color !== void 0 ? $color : 'red';
|
|
9207
9207
|
}, function (_a) {
|
|
@@ -9369,9 +9369,9 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
9369
9369
|
}
|
|
9370
9370
|
});
|
|
9371
9371
|
}
|
|
9372
|
-
var templateObject_1$
|
|
9372
|
+
var templateObject_1$r, templateObject_2$g, templateObject_3$b, templateObject_4$7;
|
|
9373
9373
|
|
|
9374
|
-
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$
|
|
9374
|
+
var ExitCaptureStyledButton = styled__default['default'].button(templateObject_1$q || (templateObject_1$q = 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"])));
|
|
9375
9375
|
var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
9376
9376
|
var onClick = _a.onClick,
|
|
9377
9377
|
className = _a.className;
|
|
@@ -9415,9 +9415,9 @@ var ExitCaptureButton = function ExitCaptureButton(_a) {
|
|
|
9415
9415
|
y2: "19.75"
|
|
9416
9416
|
}))));
|
|
9417
9417
|
};
|
|
9418
|
-
var templateObject_1$
|
|
9418
|
+
var templateObject_1$q;
|
|
9419
9419
|
|
|
9420
|
-
var Spinner = styled__default['default'].div(templateObject_1$
|
|
9420
|
+
var Spinner = styled__default['default'].div(templateObject_1$p || (templateObject_1$p = 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) {
|
|
9421
9421
|
var $size = _a.$size;
|
|
9422
9422
|
return $size !== null && $size !== void 0 ? $size : 80;
|
|
9423
9423
|
}, function (_a) {
|
|
@@ -9442,7 +9442,7 @@ var Spinner = styled__default['default'].div(templateObject_1$o || (templateObje
|
|
|
9442
9442
|
var $color = _a.$color;
|
|
9443
9443
|
return $color !== null && $color !== void 0 ? $color : '#888';
|
|
9444
9444
|
});
|
|
9445
|
-
var templateObject_1$
|
|
9445
|
+
var templateObject_1$p;
|
|
9446
9446
|
|
|
9447
9447
|
var IdCaptureImagePreview = function IdCaptureImagePreview(_a) {
|
|
9448
9448
|
var _b = _a.classNames,
|
|
@@ -9483,11 +9483,11 @@ var SelfieProgressPreview = function SelfieProgressPreview(_a) {
|
|
|
9483
9483
|
className: classNames.image
|
|
9484
9484
|
})));
|
|
9485
9485
|
};
|
|
9486
|
-
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$
|
|
9487
|
-
var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$
|
|
9488
|
-
var ImagePreviewText = styled__default['default'].div(templateObject_3$
|
|
9489
|
-
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$
|
|
9490
|
-
var templateObject_1$
|
|
9486
|
+
var StyledSpinner = styled__default['default'](Spinner)(templateObject_1$o || (templateObject_1$o = 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"])));
|
|
9487
|
+
var ImagePreviewWrapper = styled__default['default'].div(templateObject_2$f || (templateObject_2$f = 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"])));
|
|
9488
|
+
var ImagePreviewText = styled__default['default'].div(templateObject_3$a || (templateObject_3$a = tslib.__makeTemplateObject(["\n display: block;\n position: absolute;\n top: -32px;\n font: 14px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,\n Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', '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: 14px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,\n Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n color: white;\n text-align: center;\n margin: 0 auto;\n width: 100%;\n"])));
|
|
9489
|
+
var ImagePreviewImageWrapper = styled__default['default'].div(templateObject_4$6 || (templateObject_4$6 = 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"])));
|
|
9490
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$a, templateObject_4$6;
|
|
9491
9491
|
|
|
9492
9492
|
var enTranslation = {};
|
|
9493
9493
|
|
|
@@ -9612,18 +9612,18 @@ function useTranslations(verbiage, fallbacks) {
|
|
|
9612
9612
|
}, [fallbacks, i18n.language, t, verbiage]);
|
|
9613
9613
|
}
|
|
9614
9614
|
|
|
9615
|
-
var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$
|
|
9615
|
+
var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$n || (templateObject_1$n = tslib.__makeTemplateObject(["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"], ["\n position: absolute;\n top: calc(", ");\n font-weight: bold;\n width: 100%;\n display: flex;\n"])), function (_a) {
|
|
9616
9616
|
var $top = _a.$top;
|
|
9617
9617
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
9618
9618
|
});
|
|
9619
|
-
var GuidanceMessage = styled__default['default'].div(templateObject_2$
|
|
9619
|
+
var GuidanceMessage = styled__default['default'].div(templateObject_2$e || (templateObject_2$e = tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"], ["\n margin-left: auto;\n margin-right: auto;\n background: ", ";\n color: ", ";\n padding: 10px 12px 8px;\n border-radius: 8px;\n z-index: 10001;\n"])), function (props) {
|
|
9620
9620
|
var _a, _b, _c, _d, _e, _f;
|
|
9621
9621
|
return (_f = (_a = props.$background) !== 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.backgroundColor) !== null && _f !== void 0 ? _f : '#ccc';
|
|
9622
9622
|
}, function (props) {
|
|
9623
9623
|
var _a, _b, _c, _d, _e, _f;
|
|
9624
9624
|
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';
|
|
9625
9625
|
});
|
|
9626
|
-
var templateObject_1$
|
|
9626
|
+
var templateObject_1$n, templateObject_2$e;
|
|
9627
9627
|
|
|
9628
9628
|
var initialState$5 = {
|
|
9629
9629
|
videoWidth: 0,
|
|
@@ -10178,14 +10178,14 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_a) {
|
|
|
10178
10178
|
finished: true
|
|
10179
10179
|
}, verbiage.retryBtnText)));
|
|
10180
10180
|
};
|
|
10181
|
-
var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$
|
|
10182
|
-
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$
|
|
10183
|
-
var Description$3 = styled__default['default'].p(templateObject_3$
|
|
10184
|
-
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$
|
|
10185
|
-
var templateObject_1$
|
|
10186
|
-
|
|
10187
|
-
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$
|
|
10188
|
-
var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$
|
|
10181
|
+
var StyledOverlayInner$2 = styled__default['default'](OverlayInner)(templateObject_1$m || (templateObject_1$m = tslib.__makeTemplateObject(["\n max-width: 500px;\n height: auto;\n margin: auto;\n"], ["\n max-width: 500px;\n height: auto;\n margin: auto;\n"])));
|
|
10182
|
+
var StyledOverlayImageContainer = styled__default['default'](OverlayImageContainer)(templateObject_2$d || (templateObject_2$d = tslib.__makeTemplateObject(["\n flex-grow: 0;\n"], ["\n flex-grow: 0;\n"])));
|
|
10183
|
+
var Description$3 = styled__default['default'].p(templateObject_3$9 || (templateObject_3$9 = tslib.__makeTemplateObject(["\n line-height: 1.5;\n margin-bottom: 50px;\n"], ["\n line-height: 1.5;\n margin-bottom: 50px;\n"])));
|
|
10184
|
+
var RetryButton = styled__default['default'](LoaderButton)(templateObject_4$5 || (templateObject_4$5 = tslib.__makeTemplateObject(["\n width: 200px;\n margin: 0 auto;\n"], ["\n width: 200px;\n margin: 0 auto;\n"])));
|
|
10185
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$9, templateObject_4$5;
|
|
10186
|
+
|
|
10187
|
+
var ContinuityCameraCheckboxContainer = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = tslib.__makeTemplateObject(["\n height: 48px;\n margin-top: -48px;\n margin-bottom: 8px;\n padding-top: 26px;\n"], ["\n height: 48px;\n margin-top: -48px;\n margin-bottom: 8px;\n padding-top: 26px;\n"])));
|
|
10188
|
+
var ContinuityCameraCheckbox = styled__default['default'].input(templateObject_2$c || (templateObject_2$c = tslib.__makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
|
|
10189
10189
|
var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
10190
10190
|
var onDismissed = _a.onDismissed,
|
|
10191
10191
|
_b = _a.assets,
|
|
@@ -10273,14 +10273,14 @@ var IdCaptureLoadingOverlay = function IdCaptureLoadingOverlay(_a) {
|
|
|
10273
10273
|
}
|
|
10274
10274
|
}, cameraReady && modelsReady ? verbiage.continueText : modelsReady ? verbiage.cameraInitializingText : verbiage.modelsWarmingUpText)));
|
|
10275
10275
|
};
|
|
10276
|
-
var templateObject_1$
|
|
10276
|
+
var templateObject_1$l, templateObject_2$c;
|
|
10277
10277
|
|
|
10278
|
-
var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$
|
|
10278
|
+
var FlippingImage = styled__default['default'](GuideImage)(templateObject_1$k || (templateObject_1$k = 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) {
|
|
10279
10279
|
return props.$transitionTime;
|
|
10280
10280
|
}, function (props) {
|
|
10281
10281
|
return props.$transforms;
|
|
10282
10282
|
});
|
|
10283
|
-
var FlippingImageBack = styled__default['default'](FlippingImage)(templateObject_2$
|
|
10283
|
+
var FlippingImageBack = styled__default['default'](FlippingImage)(templateObject_2$b || (templateObject_2$b = tslib.__makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
|
|
10284
10284
|
var FlipIdPrompt = function FlipIdPrompt(_a) {
|
|
10285
10285
|
var _b, _c;
|
|
10286
10286
|
var _d = _a.assets,
|
|
@@ -10407,12 +10407,12 @@ var regionClsx = function regionClsx(classNames, which) {
|
|
|
10407
10407
|
return v;
|
|
10408
10408
|
}).join(' ');
|
|
10409
10409
|
};
|
|
10410
|
-
var templateObject_1$
|
|
10410
|
+
var templateObject_1$k, templateObject_2$b;
|
|
10411
10411
|
|
|
10412
|
-
var ButtonsRow = styled__default['default'].div(templateObject_1$
|
|
10413
|
-
var templateObject_1$
|
|
10412
|
+
var ButtonsRow = styled__default['default'].div(templateObject_1$j || (templateObject_1$j = 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"])));
|
|
10413
|
+
var templateObject_1$j;
|
|
10414
10414
|
|
|
10415
|
-
var OverlayInstruction = styled__default['default'].p(templateObject_1$
|
|
10415
|
+
var OverlayInstruction = styled__default['default'].p(templateObject_1$i || (templateObject_1$i = tslib.__makeTemplateObject(["\n font-size: 18px;\n margin: 30px 0;\n"], ["\n font-size: 18px;\n margin: 30px 0;\n"])));
|
|
10416
10416
|
var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
10417
10417
|
var capturedDocuments = _a.capturedDocuments,
|
|
10418
10418
|
// barcodeResult,
|
|
@@ -10497,7 +10497,7 @@ var IdCaptureSuccess = function IdCaptureSuccess(_a) {
|
|
|
10497
10497
|
finished: true
|
|
10498
10498
|
}, submissionStatus === SubmissionStatus.SUBMITTING ? verbiage.submittingText : verbiage.submitText))));
|
|
10499
10499
|
};
|
|
10500
|
-
var templateObject_1$
|
|
10500
|
+
var templateObject_1$i;
|
|
10501
10501
|
|
|
10502
10502
|
var CameraVideoTag = function CameraVideoTag(_a) {
|
|
10503
10503
|
var _b;
|
|
@@ -10528,10 +10528,10 @@ var CameraVideoTag = function CameraVideoTag(_a) {
|
|
|
10528
10528
|
"$isRearFacing": (_b = cameraRef.current) === null || _b === void 0 ? void 0 : _b.isRearFacing
|
|
10529
10529
|
});
|
|
10530
10530
|
};
|
|
10531
|
-
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$
|
|
10531
|
+
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$h || (templateObject_1$h = tslib.__makeTemplateObject(["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n"], ["\n transform: ", ";\n min-width: 100%;\n min-height: 100%;\n width: auto;\n height: auto;\n object-fit: cover;\n"])), function (props) {
|
|
10532
10532
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
10533
10533
|
});
|
|
10534
|
-
var templateObject_1$
|
|
10534
|
+
var templateObject_1$h;
|
|
10535
10535
|
|
|
10536
10536
|
function useShowSuccessScreen(skipSuccessScreen, successScreenReady, onDoneCallback) {
|
|
10537
10537
|
var _this = this;
|
|
@@ -10651,13 +10651,13 @@ var IdCaptureFallback = function IdCaptureFallback(_a) {
|
|
|
10651
10651
|
}
|
|
10652
10652
|
}, verbiage.doneBtnText)))));
|
|
10653
10653
|
};
|
|
10654
|
-
var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$
|
|
10655
|
-
var Heading$7 = styled__default['default'].h3(templateObject_2$
|
|
10656
|
-
var Description$2 = styled__default['default'].p(templateObject_3$
|
|
10657
|
-
var Instruction = styled__default['default'].p(templateObject_4$
|
|
10658
|
-
var ImageCol = styled__default['default'].div(templateObject_5$
|
|
10659
|
-
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10660
|
-
var templateObject_1$
|
|
10654
|
+
var StyledOverlayInner$1 = styled__default['default'](OverlayInner)(templateObject_1$g || (templateObject_1$g = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
10655
|
+
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"])));
|
|
10656
|
+
var Description$2 = styled__default['default'].p(templateObject_3$8 || (templateObject_3$8 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
10657
|
+
var Instruction = styled__default['default'].p(templateObject_4$4 || (templateObject_4$4 = tslib.__makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
10658
|
+
var ImageCol = styled__default['default'].div(templateObject_5$2 || (templateObject_5$2 = 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"])));
|
|
10659
|
+
var StyledButtonsRow$7 = styled__default['default'](ButtonsRow)(templateObject_6$1 || (templateObject_6$1 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
10660
|
+
var templateObject_1$g, templateObject_2$a, templateObject_3$8, templateObject_4$4, templateObject_5$2, templateObject_6$1;
|
|
10661
10661
|
|
|
10662
10662
|
var CaptureState;
|
|
10663
10663
|
(function (CaptureState) {
|
|
@@ -10999,8 +10999,8 @@ var IdCaptureWizard = function IdCaptureWizard(_a) {
|
|
|
10999
10999
|
})));
|
|
11000
11000
|
};
|
|
11001
11001
|
|
|
11002
|
-
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$
|
|
11003
|
-
var FaceCaptureGuideOval = styled__default['default'].div(templateObject_2$
|
|
11002
|
+
var FaceCaptureGuideContainer = styled__default['default'].div(templateObject_1$f || (templateObject_1$f = 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"])));
|
|
11003
|
+
var FaceCaptureGuideOval = styled__default['default'].div(templateObject_2$9 || (templateObject_2$9 = 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) {
|
|
11004
11004
|
return props.$borderWidth;
|
|
11005
11005
|
}, function (props) {
|
|
11006
11006
|
var _a, _b, _c, _d;
|
|
@@ -11023,7 +11023,7 @@ var FaceCaptureGuideOverlay = function FaceCaptureGuideOverlay(_a) {
|
|
|
11023
11023
|
"$borderColor": borderColor
|
|
11024
11024
|
}));
|
|
11025
11025
|
};
|
|
11026
|
-
var templateObject_1$
|
|
11026
|
+
var templateObject_1$f, templateObject_2$9;
|
|
11027
11027
|
|
|
11028
11028
|
var NUM_KEYPOINTS = 6;
|
|
11029
11029
|
var GREEN = '#32EEDB';
|
|
@@ -11412,12 +11412,12 @@ var SelfieCaptureFallback = function SelfieCaptureFallback(_a) {
|
|
|
11412
11412
|
}
|
|
11413
11413
|
}, loading ? verbiage.doneBtnLoadingText : verbiage.doneBtnText)))));
|
|
11414
11414
|
};
|
|
11415
|
-
var StyledOverlayInner = styled__default['default'](OverlayInner)(templateObject_1$
|
|
11416
|
-
var Heading$6 = styled__default['default'].h3(templateObject_2$
|
|
11417
|
-
var Description$1 = styled__default['default'].p(templateObject_3$
|
|
11418
|
-
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$
|
|
11419
|
-
var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11420
|
-
var templateObject_1$
|
|
11415
|
+
var StyledOverlayInner = styled__default['default'](OverlayInner)(templateObject_1$e || (templateObject_1$e = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
11416
|
+
var Heading$6 = styled__default['default'].h3(templateObject_2$8 || (templateObject_2$8 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11417
|
+
var Description$1 = styled__default['default'].p(templateObject_3$7 || (templateObject_3$7 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
11418
|
+
var ImageContainer$5 = styled__default['default'](OverlayImageContainer)(templateObject_4$3 || (templateObject_4$3 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11419
|
+
var StyledButtonsRow$6 = styled__default['default'](ButtonsRow)(templateObject_5$1 || (templateObject_5$1 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
11420
|
+
var templateObject_1$e, templateObject_2$8, templateObject_3$7, templateObject_4$3, templateObject_5$1;
|
|
11421
11421
|
|
|
11422
11422
|
var initialState$3 = {
|
|
11423
11423
|
videoWidth: 0,
|
|
@@ -11983,9 +11983,9 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_a) {
|
|
|
11983
11983
|
}
|
|
11984
11984
|
}, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, null))));
|
|
11985
11985
|
};
|
|
11986
|
-
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$
|
|
11987
|
-
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_2$
|
|
11988
|
-
var templateObject_1$
|
|
11986
|
+
var StyledGuidanceMessage = styled__default['default'](GuidanceMessage)(templateObject_1$d || (templateObject_1$d = 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"])));
|
|
11987
|
+
var StyledButtonsRow$5 = styled__default['default'](ButtonsRow)(templateObject_2$7 || (templateObject_2$7 = tslib.__makeTemplateObject(["\n flex-direction: column;\n padding-top: 25px;\n"], ["\n flex-direction: column;\n padding-top: 25px;\n"])));
|
|
11988
|
+
var templateObject_1$d, templateObject_2$7;
|
|
11989
11989
|
|
|
11990
11990
|
var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
11991
11991
|
var imageUrl = _a.imageUrl,
|
|
@@ -12028,8 +12028,8 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_a) {
|
|
|
12028
12028
|
finished: true
|
|
12029
12029
|
}, verbiage.doneBtnText))));
|
|
12030
12030
|
};
|
|
12031
|
-
var Heading$5 = styled__default['default'].h3(templateObject_1$
|
|
12032
|
-
var templateObject_1$
|
|
12031
|
+
var Heading$5 = styled__default['default'].h3(templateObject_1$c || (templateObject_1$c = tslib.__makeTemplateObject(["\n margin-bottom: 24px;\n"], ["\n margin-bottom: 24px;\n"])));
|
|
12032
|
+
var templateObject_1$c;
|
|
12033
12033
|
|
|
12034
12034
|
var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
12035
12035
|
var _b = _a.canRetry,
|
|
@@ -12078,8 +12078,8 @@ var FaceLivenessFailure = function FaceLivenessFailure(_a) {
|
|
|
12078
12078
|
finished: true
|
|
12079
12079
|
}, verbiage.exitBtnText))));
|
|
12080
12080
|
};
|
|
12081
|
-
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$
|
|
12082
|
-
var templateObject_1$
|
|
12081
|
+
var ImageContainer$4 = styled__default['default'](OverlayImageContainer)(templateObject_1$b || (templateObject_1$b = tslib.__makeTemplateObject(["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"], ["\n max-height: calc(100vh - 185px);\n margin: 0 24px;\n"])));
|
|
12082
|
+
var templateObject_1$b;
|
|
12083
12083
|
|
|
12084
12084
|
var FaceLivenessWizard = function FaceLivenessWizard(_a) {
|
|
12085
12085
|
var onComplete = _a.onComplete,
|
|
@@ -12400,11 +12400,11 @@ var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
|
12400
12400
|
}
|
|
12401
12401
|
}, verbiage.captureBtnText)))));
|
|
12402
12402
|
};
|
|
12403
|
-
var Inner = styled__default['default'](OverlayInner)(templateObject_1$
|
|
12404
|
-
var Heading$4 = styled__default['default'].h3(templateObject_2$
|
|
12405
|
-
var Description = styled__default['default'].p(templateObject_3$
|
|
12406
|
-
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$
|
|
12407
|
-
var templateObject_1$
|
|
12403
|
+
var Inner = styled__default['default'](OverlayInner)(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n justify-content: center;\n"], ["\n justify-content: center;\n"])));
|
|
12404
|
+
var Heading$4 = styled__default['default'].h3(templateObject_2$6 || (templateObject_2$6 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12405
|
+
var Description = styled__default['default'].p(templateObject_3$6 || (templateObject_3$6 = tslib.__makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
|
|
12406
|
+
var StyledButtonsRow$4 = styled__default['default'](ButtonsRow)(templateObject_4$2 || (templateObject_4$2 = tslib.__makeTemplateObject(["\n margin-top: 32px;\n"], ["\n margin-top: 32px;\n"])));
|
|
12407
|
+
var templateObject_1$a, templateObject_2$6, templateObject_3$6, templateObject_4$2;
|
|
12408
12408
|
|
|
12409
12409
|
var AdditionalDocumentCaptureWizard = function AdditionalDocumentCaptureWizard(_a) {
|
|
12410
12410
|
var documents = _a.documents,
|
|
@@ -12487,7 +12487,7 @@ function signatureDataToIdmissionFormat(signatureCanvas) {
|
|
|
12487
12487
|
return signatureData;
|
|
12488
12488
|
}
|
|
12489
12489
|
|
|
12490
|
-
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$
|
|
12490
|
+
var SignaturePaperBacking = styled__default['default'].div(templateObject_1$9 || (templateObject_1$9 = 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) {
|
|
12491
12491
|
var _a, _b;
|
|
12492
12492
|
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, ";") : "";
|
|
12493
12493
|
}, function (props) {
|
|
@@ -12497,8 +12497,8 @@ var SignaturePaperBacking = styled__default['default'].div(templateObject_1$8 ||
|
|
|
12497
12497
|
var _a, _b;
|
|
12498
12498
|
return ((_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.backgroundPosition) ? "background-position: ".concat((_b = props.theme.signatureCapture) === null || _b === void 0 ? void 0 : _b.backgroundPosition, ";") : "";
|
|
12499
12499
|
});
|
|
12500
|
-
var SignatureCanvasContainer = styled__default['default'].div(templateObject_2$
|
|
12501
|
-
var SignaturePad = styled__default['default'].div(templateObject_3$
|
|
12500
|
+
var SignatureCanvasContainer = styled__default['default'].div(templateObject_2$5 || (templateObject_2$5 = tslib.__makeTemplateObject(["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"], ["\n position: absolute;\n top: 25%;\n left: 15%;\n width: 70%;\n height: 50%;\n\n @media (max-width: 800px) {\n top: 15%;\n left: 2%;\n width: 96%;\n height: 70%;\n }\n"])));
|
|
12501
|
+
var SignaturePad = styled__default['default'].div(templateObject_3$5 || (templateObject_3$5 = tslib.__makeTemplateObject(["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])), function (props) {
|
|
12502
12502
|
var _a, _b, _c;
|
|
12503
12503
|
return (_c = (_b = (_a = props.theme.signatureCapture) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : 'rgba(255, 255, 255, 0.5)';
|
|
12504
12504
|
}, function (props) {
|
|
@@ -12508,8 +12508,8 @@ var SignaturePad = styled__default['default'].div(templateObject_3$4 || (templat
|
|
|
12508
12508
|
var _a, _b, _c;
|
|
12509
12509
|
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';
|
|
12510
12510
|
});
|
|
12511
|
-
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4 || (templateObject_4 = 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"])));
|
|
12512
|
-
var templateObject_1$
|
|
12511
|
+
var SignatureButtonsContainer = styled__default['default'](ButtonsRow)(templateObject_4$1 || (templateObject_4$1 = 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"])));
|
|
12512
|
+
var templateObject_1$9, templateObject_2$5, templateObject_3$5, templateObject_4$1;
|
|
12513
12513
|
|
|
12514
12514
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
12515
12515
|
var _b;
|
|
@@ -12568,8 +12568,8 @@ var SignatureCapture = function SignatureCapture(_a) {
|
|
|
12568
12568
|
finished: true
|
|
12569
12569
|
}, verbiage.acceptBtnText)))));
|
|
12570
12570
|
};
|
|
12571
|
-
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$
|
|
12572
|
-
var templateObject_1$
|
|
12571
|
+
var AcceptBtn$1 = styled__default['default'](LoaderButton)(templateObject_1$8 || (templateObject_1$8 = tslib.__makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
12572
|
+
var templateObject_1$8;
|
|
12573
12573
|
|
|
12574
12574
|
var useVideoRecorder = function useVideoRecorder(camera) {
|
|
12575
12575
|
var mediaRecorder = React.useRef(null);
|
|
@@ -12822,8 +12822,8 @@ var VideoSignatureCapture = function VideoSignatureCapture(_a) {
|
|
|
12822
12822
|
ref: outputCanvas
|
|
12823
12823
|
})));
|
|
12824
12824
|
};
|
|
12825
|
-
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$
|
|
12826
|
-
var templateObject_1$
|
|
12825
|
+
var AcceptBtn = styled__default['default'](LoaderButton)(templateObject_1$7 || (templateObject_1$7 = tslib.__makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
12826
|
+
var templateObject_1$7;
|
|
12827
12827
|
|
|
12828
12828
|
var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
12829
12829
|
var videoUrl = _a.videoUrl,
|
|
@@ -12869,8 +12869,8 @@ var VideoSignatureSuccess = function VideoSignatureSuccess(_a) {
|
|
|
12869
12869
|
finished: true
|
|
12870
12870
|
}, verbiage.doneBtnText))));
|
|
12871
12871
|
};
|
|
12872
|
-
var StyledVideo$1 = styled__default['default'].video(templateObject_1$
|
|
12873
|
-
var templateObject_1$
|
|
12872
|
+
var StyledVideo$1 = styled__default['default'].video(templateObject_1$6 || (templateObject_1$6 = 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"])));
|
|
12873
|
+
var templateObject_1$6;
|
|
12874
12874
|
|
|
12875
12875
|
var VideoSignatureWizard = function VideoSignatureWizard(_a) {
|
|
12876
12876
|
var onComplete = _a.onComplete,
|
|
@@ -13301,62 +13301,141 @@ var IdVideoCaptureGuides = function IdVideoCaptureGuides(_a) {
|
|
|
13301
13301
|
}, instructionText))))));
|
|
13302
13302
|
};
|
|
13303
13303
|
|
|
13304
|
+
var ReadTextPrompt = function ReadTextPrompt(_a) {
|
|
13305
|
+
var text = _a.text,
|
|
13306
|
+
onComplete = _a.onComplete,
|
|
13307
|
+
startedAt = _a.startedAt,
|
|
13308
|
+
_b = _a.durationMs,
|
|
13309
|
+
durationMs = _b === void 0 ? 15000 : _b,
|
|
13310
|
+
_c = _a.classNames,
|
|
13311
|
+
classNames = _c === void 0 ? {} : _c,
|
|
13312
|
+
_d = _a.verbiage,
|
|
13313
|
+
rawVerbiage = _d === void 0 ? {} : _d;
|
|
13314
|
+
text = useVerbiage(text, '');
|
|
13315
|
+
var verbiage = useTranslations(rawVerbiage, {
|
|
13316
|
+
headingText: 'Please read the following text aloud',
|
|
13317
|
+
doneBtnText: 'Done'
|
|
13318
|
+
});
|
|
13319
|
+
var timeRemaining = msToTime(Math.max(0, durationMs - (new Date().getTime() - (startedAt !== null && startedAt !== void 0 ? startedAt : new Date()).getTime())));
|
|
13320
|
+
return /*#__PURE__*/React__default['default'].createElement(ReadTextPromptContainer, {
|
|
13321
|
+
className: classNames.container
|
|
13322
|
+
}, /*#__PURE__*/React__default['default'].createElement(ReadTextPromptHeading, {
|
|
13323
|
+
className: classNames.heading
|
|
13324
|
+
}, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(ReadTextPromptText, {
|
|
13325
|
+
className: classNames.prompt
|
|
13326
|
+
}, text), /*#__PURE__*/React__default['default'].createElement(ReadTextPromptButtonsRow, {
|
|
13327
|
+
className: classNames.buttonsRow
|
|
13328
|
+
}, /*#__PURE__*/React__default['default'].createElement(ReadTextPromptTimeRemaining, {
|
|
13329
|
+
className: classNames.timeRemaining
|
|
13330
|
+
}, timeRemaining), /*#__PURE__*/React__default['default'].createElement(DoneButton, {
|
|
13331
|
+
variant: "positive",
|
|
13332
|
+
className: classNames.doneBtn,
|
|
13333
|
+
onClick: onComplete,
|
|
13334
|
+
finished: true
|
|
13335
|
+
}, verbiage.doneBtnText)));
|
|
13336
|
+
};
|
|
13337
|
+
function msToTime(s) {
|
|
13338
|
+
var ms = s % 1000;
|
|
13339
|
+
s = (s - ms) / 1000;
|
|
13340
|
+
var secs = s % 60;
|
|
13341
|
+
s = (s - secs) / 60;
|
|
13342
|
+
var mins = s % 60;
|
|
13343
|
+
secs += 1;
|
|
13344
|
+
return mins + ':' + ('00' + secs).slice(-2);
|
|
13345
|
+
}
|
|
13346
|
+
var ReadTextPromptContainer = styled__default['default'].div(templateObject_1$5 || (templateObject_1$5 = tslib.__makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n"])));
|
|
13347
|
+
var ReadTextPromptHeading = styled__default['default'].div(templateObject_2$4 || (templateObject_2$4 = tslib.__makeTemplateObject(["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n font-weight: bold;\n margin: auto auto 32px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
13348
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13349
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
13350
|
+
}, function (props) {
|
|
13351
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13352
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.textColor) ? "color: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.textColor, ";") : "";
|
|
13353
|
+
}, function (props) {
|
|
13354
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13355
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.heading) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
13356
|
+
});
|
|
13357
|
+
var ReadTextPromptText = styled__default['default'].div(templateObject_3$4 || (templateObject_3$4 = tslib.__makeTemplateObject(["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ", ";\n\n ", ";\n ", ";\n ", ";\n"], ["\n margin: 0 auto;\n text-align: center;\n padding: 50px;\n font-size: 24px;\n max-width: ", ";\n\n ", ";\n ", ";\n ", ";\n"])), window.innerWidth > window.innerHeight ? '40%' : '90%', function (props) {
|
|
13358
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13359
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
13360
|
+
}, function (props) {
|
|
13361
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13362
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.textColor) ? "color: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.textColor, ";") : "";
|
|
13363
|
+
}, function (props) {
|
|
13364
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13365
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.prompt) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.prompt) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
13366
|
+
});
|
|
13367
|
+
var ReadTextPromptButtonsRow = styled__default['default'](ButtonsRow)(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n margin: 32px auto auto;\n gap: 20px;\n"], ["\n margin: 32px auto auto;\n gap: 20px;\n"])));
|
|
13368
|
+
var ReadTextPromptTimeRemaining = styled__default['default'].div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"], ["\n padding: 20px;\n\n ", ";\n ", ";\n ", ";\n"])), function (props) {
|
|
13369
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13370
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.backgroundColor) ? "background: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.backgroundColor, ";") : "";
|
|
13371
|
+
}, function (props) {
|
|
13372
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13373
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.textColor) ? "color: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.textColor, ";") : "";
|
|
13374
|
+
}, function (props) {
|
|
13375
|
+
var _a, _b, _c, _d, _e, _f;
|
|
13376
|
+
return ((_c = (_b = (_a = props.theme.idVideoCapture) === null || _a === void 0 ? void 0 : _a.readTextPrompt) === null || _b === void 0 ? void 0 : _b.timeRemaining) === null || _c === void 0 ? void 0 : _c.borderRadius) ? "border-radius: ".concat((_f = (_e = (_d = props.theme.idVideoCapture) === null || _d === void 0 ? void 0 : _d.readTextPrompt) === null || _e === void 0 ? void 0 : _e.timeRemaining) === null || _f === void 0 ? void 0 : _f.borderRadius, ";") : "";
|
|
13377
|
+
});
|
|
13378
|
+
var DoneButton = styled__default['default'](LoaderButton)(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n margin: auto 0;\n"], ["\n margin: auto 0;\n"])));
|
|
13379
|
+
var templateObject_1$5, templateObject_2$4, templateObject_3$4, templateObject_4, templateObject_5, templateObject_6;
|
|
13380
|
+
|
|
13304
13381
|
var IdVideoCapture = function IdVideoCapture(_a) {
|
|
13305
|
-
var _b, _c, _d, _e, _f, _g;
|
|
13382
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
13306
13383
|
var onComplete = _a.onComplete,
|
|
13307
13384
|
onIdFrontImageCaptured = _a.onIdFrontImageCaptured,
|
|
13308
13385
|
onIdBackImageCaptured = _a.onIdBackImageCaptured,
|
|
13309
13386
|
onFaceNotDetected = _a.onFaceNotDetected,
|
|
13310
|
-
|
|
13311
|
-
idCardFrontDetectionThreshold =
|
|
13312
|
-
|
|
13313
|
-
idCardFrontFocusThreshold =
|
|
13314
|
-
|
|
13315
|
-
goodIdCardFrontFramesThreshold =
|
|
13316
|
-
|
|
13317
|
-
showIdCardBackDurationMs =
|
|
13318
|
-
|
|
13319
|
-
skipShowIdCardBack =
|
|
13387
|
+
_j = _a.idCardFrontDetectionThreshold,
|
|
13388
|
+
idCardFrontDetectionThreshold = _j === void 0 ? 0.48 : _j,
|
|
13389
|
+
_k = _a.idCardFrontFocusThreshold,
|
|
13390
|
+
idCardFrontFocusThreshold = _k === void 0 ? 0.15 : _k,
|
|
13391
|
+
_l = _a.goodIdCardFrontFramesThreshold,
|
|
13392
|
+
goodIdCardFrontFramesThreshold = _l === void 0 ? 3 : _l,
|
|
13393
|
+
_m = _a.showIdCardBackDurationMs,
|
|
13394
|
+
showIdCardBackDurationMs = _m === void 0 ? 5000 : _m,
|
|
13395
|
+
_o = _a.skipShowIdCardBack,
|
|
13396
|
+
skipShowIdCardBack = _o === void 0 ? false : _o,
|
|
13320
13397
|
readTextPrompt = _a.readTextPrompt,
|
|
13321
|
-
|
|
13322
|
-
readTextTimeoutDurationMs =
|
|
13323
|
-
|
|
13324
|
-
assets =
|
|
13325
|
-
|
|
13326
|
-
|
|
13327
|
-
|
|
13328
|
-
|
|
13329
|
-
|
|
13330
|
-
|
|
13331
|
-
|
|
13332
|
-
|
|
13333
|
-
|
|
13334
|
-
|
|
13335
|
-
|
|
13336
|
-
|
|
13337
|
-
|
|
13338
|
-
|
|
13339
|
-
|
|
13340
|
-
|
|
13341
|
-
|
|
13342
|
-
|
|
13343
|
-
|
|
13344
|
-
|
|
13345
|
-
|
|
13346
|
-
|
|
13347
|
-
|
|
13348
|
-
|
|
13349
|
-
|
|
13350
|
-
|
|
13351
|
-
|
|
13352
|
-
|
|
13353
|
-
|
|
13398
|
+
_p = _a.readTextTimeoutDurationMs,
|
|
13399
|
+
readTextTimeoutDurationMs = _p === void 0 ? 15000 : _p,
|
|
13400
|
+
_q = _a.assets,
|
|
13401
|
+
assets = _q === void 0 ? {} : _q,
|
|
13402
|
+
_r = _a.classNames,
|
|
13403
|
+
classNames = _r === void 0 ? {} : _r,
|
|
13404
|
+
_s = _a.colors,
|
|
13405
|
+
colors = _s === void 0 ? {} : _s,
|
|
13406
|
+
_t = _a.verbiage,
|
|
13407
|
+
rawVerbiage = _t === void 0 ? {} : _t,
|
|
13408
|
+
_u = _a.debugMode,
|
|
13409
|
+
debugMode = _u === void 0 ? false : _u;
|
|
13410
|
+
var _v = useResizeObserver__default['default'](),
|
|
13411
|
+
ref = _v.ref,
|
|
13412
|
+
_w = _v.width,
|
|
13413
|
+
width = _w === void 0 ? 1 : _w,
|
|
13414
|
+
_x = _v.height,
|
|
13415
|
+
height = _x === void 0 ? 1 : _x;
|
|
13416
|
+
var _y = React.useContext(CameraStateContext),
|
|
13417
|
+
cameraRef = _y.cameraRef,
|
|
13418
|
+
videoRef = _y.videoRef,
|
|
13419
|
+
videoLoaded = _y.videoLoaded,
|
|
13420
|
+
cameraReady = _y.cameraReady;
|
|
13421
|
+
var _z = React.useState([]),
|
|
13422
|
+
detectedObjects = _z[0],
|
|
13423
|
+
setDetectedObjects = _z[1];
|
|
13424
|
+
var _0 = React.useState([]),
|
|
13425
|
+
faces = _0[0],
|
|
13426
|
+
setFaces = _0[1];
|
|
13427
|
+
var _1 = React.useContext(IdCaptureModelsContext),
|
|
13428
|
+
idModelsReady = _1.ready,
|
|
13429
|
+
idModelsWorking = _1.working,
|
|
13430
|
+
makeIdPrediction = _1.makePrediction,
|
|
13431
|
+
onIdPredictionMade = _1.onPredictionMade,
|
|
13432
|
+
setThresholds = _1.setThresholds;
|
|
13354
13433
|
var onSelfiePredictionMade = React.useContext(HighPerformanceSelfieGuidanceModelsContext).onPredictionMade;
|
|
13355
|
-
var
|
|
13356
|
-
isRecording =
|
|
13357
|
-
startRecording =
|
|
13358
|
-
stopRecording =
|
|
13359
|
-
videoUrl =
|
|
13434
|
+
var _2 = useVideoRecorder(cameraRef.current),
|
|
13435
|
+
isRecording = _2.isRecording,
|
|
13436
|
+
startRecording = _2.startRecording,
|
|
13437
|
+
stopRecording = _2.stopRecording,
|
|
13438
|
+
videoUrl = _2.videoUrl;
|
|
13360
13439
|
React.useEffect(function () {
|
|
13361
13440
|
if (!isRecording && !videoUrl) startRecording();
|
|
13362
13441
|
if (videoUrl) onComplete === null || onComplete === void 0 ? void 0 : onComplete(videoUrl);
|
|
@@ -13366,9 +13445,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13366
13445
|
React.useEffect(function () {
|
|
13367
13446
|
shouldCaptureFrames.current = videoLoaded && cameraReady && idModelsReady;
|
|
13368
13447
|
}, [cameraReady, idModelsReady, videoLoaded]);
|
|
13369
|
-
var
|
|
13370
|
-
requestedAction =
|
|
13371
|
-
setRequestedAction =
|
|
13448
|
+
var _3 = React.useState('SHOW_ID_FRONT'),
|
|
13449
|
+
requestedAction = _3[0],
|
|
13450
|
+
setRequestedAction = _3[1];
|
|
13372
13451
|
React.useEffect(function () {
|
|
13373
13452
|
if (requestedAction !== 'SHOW_ID_FRONT') return;
|
|
13374
13453
|
if (!idModelsReady || !cameraReady || !videoLoaded) return;
|
|
@@ -13394,9 +13473,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13394
13473
|
focus: idCardFrontFocusThreshold
|
|
13395
13474
|
});
|
|
13396
13475
|
}, [idCardFrontDetectionThreshold, idCardFrontFocusThreshold, setThresholds]);
|
|
13397
|
-
var
|
|
13398
|
-
goodIdCardFrontFramesCount =
|
|
13399
|
-
setGoodFramesCount =
|
|
13476
|
+
var _4 = React.useState(0),
|
|
13477
|
+
goodIdCardFrontFramesCount = _4[0],
|
|
13478
|
+
setGoodFramesCount = _4[1];
|
|
13400
13479
|
var goodFramesThresholdMet = goodIdCardFrontFramesCount >= goodIdCardFrontFramesThreshold;
|
|
13401
13480
|
React.useEffect(function () {
|
|
13402
13481
|
onIdPredictionMade(function (prediction) {
|
|
@@ -13475,9 +13554,9 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13475
13554
|
stopRecording();
|
|
13476
13555
|
}, [stopRecording]);
|
|
13477
13556
|
var timeoutStartedAt = useTimeout(readTextTimeoutDurationMs, onReadTextTimeout, requestedAction !== 'READ_TEXT', false, requestedAction === 'READ_TEXT').timeoutStartedAt;
|
|
13478
|
-
var
|
|
13479
|
-
numFramesWithoutFaces =
|
|
13480
|
-
setNumFramesWithoutFaces =
|
|
13557
|
+
var _5 = React.useState(0),
|
|
13558
|
+
numFramesWithoutFaces = _5[0],
|
|
13559
|
+
setNumFramesWithoutFaces = _5[1];
|
|
13481
13560
|
React.useEffect(function () {
|
|
13482
13561
|
onSelfiePredictionMade(function (faces) {
|
|
13483
13562
|
setFaces(faces);
|
|
@@ -13493,11 +13572,6 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13493
13572
|
}, [numFramesWithoutFaces, onFaceNotDetected]);
|
|
13494
13573
|
colors.guidesSatisfiedColor || (colors.guidesSatisfiedColor = 'green');
|
|
13495
13574
|
colors.guidesUnsatisfiedColor || (colors.guidesUnsatisfiedColor = 'white');
|
|
13496
|
-
var verbiage = useTranslations(rawVerbiage, {
|
|
13497
|
-
readTextHeading: 'Please read the following text aloud',
|
|
13498
|
-
readTextDoneBtnText: 'Done'
|
|
13499
|
-
});
|
|
13500
|
-
readTextPrompt = useVerbiage(readTextPrompt, '');
|
|
13501
13575
|
var debugScalingDetails = useDebugScalingDetails({
|
|
13502
13576
|
enabled: debugMode,
|
|
13503
13577
|
pageWidth: width,
|
|
@@ -13505,65 +13579,28 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13505
13579
|
videoWidth: (_c = (_b = videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) !== null && _c !== void 0 ? _c : 0,
|
|
13506
13580
|
videoHeight: (_e = (_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) !== null && _e !== void 0 ? _e : 0
|
|
13507
13581
|
});
|
|
13508
|
-
var timeRemaining = msToTime(Math.max(0, readTextTimeoutDurationMs - (new Date().getTime() - (timeoutStartedAt !== null && timeoutStartedAt !== void 0 ? timeoutStartedAt : new Date()).getTime())));
|
|
13509
13582
|
var satisfied = requestedAction === 'SHOW_ID_BACK' || goodIdCardFrontFramesCount > 0;
|
|
13510
13583
|
return /*#__PURE__*/React__default['default'].createElement(PageContainer, {
|
|
13511
13584
|
ref: ref,
|
|
13512
|
-
className: "flex"
|
|
13513
|
-
}, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag,
|
|
13585
|
+
className: "flex ".concat((_f = classNames.container) !== null && _f !== void 0 ? _f : '')
|
|
13586
|
+
}, /*#__PURE__*/React__default['default'].createElement(CameraVideoTag, {
|
|
13587
|
+
className: classNames.cameraFeed
|
|
13588
|
+
}), /*#__PURE__*/React__default['default'].createElement(InvisibleCanvas, {
|
|
13514
13589
|
ref: captureCanvas
|
|
13515
|
-
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement(
|
|
13516
|
-
|
|
13517
|
-
|
|
13518
|
-
|
|
13519
|
-
|
|
13520
|
-
|
|
13521
|
-
|
|
13522
|
-
|
|
13523
|
-
flexDirection: 'column'
|
|
13524
|
-
}
|
|
13525
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13526
|
-
style: {
|
|
13527
|
-
margin: 'auto auto 32px',
|
|
13528
|
-
background: 'rgba(255,255,255,0.5)',
|
|
13529
|
-
borderRadius: 8,
|
|
13530
|
-
padding: 20,
|
|
13531
|
-
fontWeight: 'bold'
|
|
13532
|
-
}
|
|
13533
|
-
}, verbiage.readTextHeading), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13534
|
-
style: {
|
|
13535
|
-
margin: '0 auto',
|
|
13536
|
-
textAlign: 'center',
|
|
13537
|
-
background: 'rgba(255,255,255,0.5)',
|
|
13538
|
-
borderRadius: 8,
|
|
13539
|
-
padding: 50,
|
|
13540
|
-
fontSize: 24,
|
|
13541
|
-
maxWidth: window.innerWidth > window.innerHeight ? '40%' : '90%'
|
|
13542
|
-
}
|
|
13543
|
-
}, readTextPrompt), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13544
|
-
style: {
|
|
13545
|
-
display: 'flex',
|
|
13546
|
-
margin: '32px auto auto',
|
|
13547
|
-
gap: 20
|
|
13548
|
-
}
|
|
13549
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
13550
|
-
style: {
|
|
13551
|
-
background: 'rgba(255,255,255,0.5)',
|
|
13552
|
-
borderRadius: 4,
|
|
13553
|
-
padding: 20
|
|
13554
|
-
}
|
|
13555
|
-
}, timeRemaining), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
|
|
13556
|
-
variant: "positive",
|
|
13557
|
-
onClick: stopRecording,
|
|
13558
|
-
colors: colors.readTextDoneBtn,
|
|
13559
|
-
finished: true
|
|
13560
|
-
}, verbiage.readTextDoneBtnText)))) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
|
|
13590
|
+
}), requestedAction === 'READ_TEXT' ? ( /*#__PURE__*/React__default['default'].createElement(ReadTextPrompt, {
|
|
13591
|
+
text: readTextPrompt,
|
|
13592
|
+
startedAt: timeoutStartedAt || undefined,
|
|
13593
|
+
durationMs: readTextTimeoutDurationMs,
|
|
13594
|
+
classNames: classNames.readTextPrompt,
|
|
13595
|
+
verbiage: rawVerbiage.readTextPrompt,
|
|
13596
|
+
onComplete: stopRecording
|
|
13597
|
+
})) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(IdVideoCaptureGuides, {
|
|
13561
13598
|
assets: assets.guides,
|
|
13562
13599
|
verbiage: rawVerbiage.guides,
|
|
13563
13600
|
requestedAction: requestedAction,
|
|
13564
13601
|
borderColor: satisfied ? colors.guidesSatisfiedColor : colors.guidesUnsatisfiedColor
|
|
13565
13602
|
}), debugMode && requestedAction === 'SHOW_ID_FRONT' && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
|
|
13566
|
-
"$flipX": !((
|
|
13603
|
+
"$flipX": !((_g = cameraRef.current) === null || _g === void 0 ? void 0 : _g.isRearFacing)
|
|
13567
13604
|
}, detectedObjects.map(function (obj, i) {
|
|
13568
13605
|
var _a;
|
|
13569
13606
|
return /*#__PURE__*/React__default['default'].createElement(IdCaptureDetectedObjectDebugBox, {
|
|
@@ -13574,7 +13611,7 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13574
13611
|
flipX: !((_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing)
|
|
13575
13612
|
});
|
|
13576
13613
|
})), /*#__PURE__*/React__default['default'].createElement(ObjectDetectionDebugOverlay, {
|
|
13577
|
-
"$flipX": !((
|
|
13614
|
+
"$flipX": !((_h = cameraRef.current) === null || _h === void 0 ? void 0 : _h.isRearFacing)
|
|
13578
13615
|
}, faces.map(function (face, i) {
|
|
13579
13616
|
var _a;
|
|
13580
13617
|
return /*#__PURE__*/React__default['default'].createElement(SelfieCaptureFaceDebugBox, {
|
|
@@ -13585,42 +13622,48 @@ var IdVideoCapture = function IdVideoCapture(_a) {
|
|
|
13585
13622
|
});
|
|
13586
13623
|
})))))), 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:", ' ', goodIdCardFrontFramesCount, "/", goodIdCardFrontFramesThreshold)));
|
|
13587
13624
|
};
|
|
13588
|
-
function msToTime(s) {
|
|
13589
|
-
var ms = s % 1000;
|
|
13590
|
-
s = (s - ms) / 1000;
|
|
13591
|
-
var secs = s % 60;
|
|
13592
|
-
s = (s - secs) / 60;
|
|
13593
|
-
var mins = s % 60;
|
|
13594
|
-
secs += 1;
|
|
13595
|
-
return mins + ':' + ('00' + secs).slice(-2);
|
|
13596
|
-
}
|
|
13597
13625
|
|
|
13598
13626
|
var IdVideoCaptureSuccess = function IdVideoCaptureSuccess(_a) {
|
|
13599
13627
|
var videoUrl = _a.videoUrl,
|
|
13600
13628
|
onDoneClick = _a.onDoneClick,
|
|
13601
13629
|
onRetryClick = _a.onRetryClick,
|
|
13602
|
-
_b = _a.
|
|
13603
|
-
|
|
13604
|
-
_c = _a.
|
|
13605
|
-
|
|
13630
|
+
_b = _a.classNames,
|
|
13631
|
+
classNames = _b === void 0 ? {} : _b,
|
|
13632
|
+
_c = _a.colors,
|
|
13633
|
+
colors = _c === void 0 ? {} : _c,
|
|
13634
|
+
_d = _a.verbiage,
|
|
13635
|
+
rawVerbiage = _d === void 0 ? {} : _d;
|
|
13606
13636
|
var verbiage = useTranslations(rawVerbiage, {
|
|
13607
13637
|
headingText: 'Video ID has been successfully captured!',
|
|
13608
13638
|
retryBtnText: 'Retry',
|
|
13609
13639
|
doneBtnText: 'Done'
|
|
13610
13640
|
});
|
|
13611
|
-
return /*#__PURE__*/React__default['default'].createElement(OverlayContainer,
|
|
13641
|
+
return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, {
|
|
13642
|
+
className: classNames.container
|
|
13643
|
+
}, /*#__PURE__*/React__default['default'].createElement(OverlayInner, {
|
|
13644
|
+
className: classNames.inner
|
|
13645
|
+
}, /*#__PURE__*/React__default['default'].createElement("h1", {
|
|
13646
|
+
className: classNames.heading
|
|
13647
|
+
}, verbiage.headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageContainer, {
|
|
13648
|
+
className: classNames.videoContainer
|
|
13649
|
+
}, /*#__PURE__*/React__default['default'].createElement(StyledVideo, {
|
|
13612
13650
|
src: videoUrl,
|
|
13651
|
+
className: classNames.video,
|
|
13613
13652
|
poster: videoUrl + '#t=0.1',
|
|
13614
13653
|
controls: true,
|
|
13615
13654
|
preload: "metadata",
|
|
13616
13655
|
autoPlay: true
|
|
13617
|
-
})), /*#__PURE__*/React__default['default'].createElement(ButtonsRow,
|
|
13656
|
+
})), /*#__PURE__*/React__default['default'].createElement(ButtonsRow, {
|
|
13657
|
+
className: classNames.buttonsRow
|
|
13658
|
+
}, /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
|
|
13618
13659
|
variant: "warning",
|
|
13660
|
+
className: classNames.retryBtn,
|
|
13619
13661
|
onClick: onRetryClick,
|
|
13620
13662
|
colors: colors.retryBtn,
|
|
13621
13663
|
finished: true
|
|
13622
13664
|
}, verbiage.retryBtnText), /*#__PURE__*/React__default['default'].createElement(LoaderButton, {
|
|
13623
13665
|
variant: "positive",
|
|
13666
|
+
className: classNames.doneBtn,
|
|
13624
13667
|
onClick: onDoneClick,
|
|
13625
13668
|
colors: colors.doneBtn,
|
|
13626
13669
|
finished: true
|
|
@@ -13776,6 +13819,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
13776
13819
|
readTextPrompt: readTextPrompt,
|
|
13777
13820
|
readTextTimeoutDurationMs: readTextTimeoutDurationMs,
|
|
13778
13821
|
assets: assets.idVideoCapture,
|
|
13822
|
+
classNames: classNames.idVideoCapture,
|
|
13779
13823
|
colors: colors.idVideoCapture,
|
|
13780
13824
|
verbiage: verbiage.idVideoCapture,
|
|
13781
13825
|
debugMode: debugMode
|
|
@@ -13785,6 +13829,7 @@ var VideoIdWizard = function VideoIdWizard(_a) {
|
|
|
13785
13829
|
videoUrl: idCaptureVideoUrl !== null && idCaptureVideoUrl !== void 0 ? idCaptureVideoUrl : '',
|
|
13786
13830
|
onDoneClick: onComplete,
|
|
13787
13831
|
onRetryClick: onSuccessRetryClick,
|
|
13832
|
+
classNames: classNames.success,
|
|
13788
13833
|
colors: colors.success,
|
|
13789
13834
|
verbiage: verbiage.success
|
|
13790
13835
|
});
|
|
@@ -14118,6 +14163,25 @@ var defaultTheme = {
|
|
|
14118
14163
|
background: 'radial-gradient(#444cf7 0.5px, transparent 0.5px), radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px)',
|
|
14119
14164
|
backgroundSize: '20px 20px',
|
|
14120
14165
|
backgroundPosition: '0 0, 10px 10px'
|
|
14166
|
+
},
|
|
14167
|
+
idVideoCapture: {
|
|
14168
|
+
readTextPrompt: {
|
|
14169
|
+
heading: {
|
|
14170
|
+
backgroundColor: "rgba(255, 255, 255, 0.5)",
|
|
14171
|
+
textColor: "black",
|
|
14172
|
+
borderRadius: "8px"
|
|
14173
|
+
},
|
|
14174
|
+
prompt: {
|
|
14175
|
+
backgroundColor: "rgba(255, 255, 255, 0.5)",
|
|
14176
|
+
textColor: "black",
|
|
14177
|
+
borderRadius: "8px"
|
|
14178
|
+
},
|
|
14179
|
+
timeRemaining: {
|
|
14180
|
+
backgroundColor: "rgba(255, 255, 255, 0.5)",
|
|
14181
|
+
textColor: "black",
|
|
14182
|
+
borderRadius: "4px"
|
|
14183
|
+
}
|
|
14184
|
+
}
|
|
14121
14185
|
}
|
|
14122
14186
|
};
|
|
14123
14187
|
var themes = {
|
|
@@ -14186,6 +14250,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14186
14250
|
_h = _a.skipSuccessScreen,
|
|
14187
14251
|
skipSuccessScreen = _h === void 0 ? false : _h,
|
|
14188
14252
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14253
|
+
onSubmit = _a.onSubmit,
|
|
14189
14254
|
onComplete = _a.onComplete,
|
|
14190
14255
|
onApproved = _a.onApproved,
|
|
14191
14256
|
onDenied = _a.onDenied,
|
|
@@ -14284,6 +14349,7 @@ var IdValidation = function IdValidation(_a) {
|
|
|
14284
14349
|
webhooksSendProcessedImages: webhooksSendProcessedImages,
|
|
14285
14350
|
webhooksFireOnReview: webhooksFireOnReview,
|
|
14286
14351
|
onBeforeSubmit: onBeforeSubmit,
|
|
14352
|
+
onSubmit: onSubmit,
|
|
14287
14353
|
onResponseReceived: onResponseReceived,
|
|
14288
14354
|
geolocationEnabled: geolocationEnabled,
|
|
14289
14355
|
geolocationRequired: geolocationRequired
|
|
@@ -14419,6 +14485,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14419
14485
|
skipSuccessScreen = _k === void 0 ? false : _k,
|
|
14420
14486
|
onBeforeLivenessCheck = _a.onBeforeLivenessCheck,
|
|
14421
14487
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14488
|
+
onSubmit = _a.onSubmit,
|
|
14422
14489
|
onComplete = _a.onComplete,
|
|
14423
14490
|
onApproved = _a.onApproved,
|
|
14424
14491
|
onDenied = _a.onDenied,
|
|
@@ -14532,6 +14599,7 @@ var IdAndFaceValidation = function IdAndFaceValidation(_a) {
|
|
|
14532
14599
|
webhooksFireOnReview: webhooksFireOnReview,
|
|
14533
14600
|
onBeforeSubmit: onBeforeSubmit,
|
|
14534
14601
|
onBeforeLivenessCheck: onBeforeLivenessCheck,
|
|
14602
|
+
onSubmit: onSubmit,
|
|
14535
14603
|
onResponseReceived: onResponseReceived,
|
|
14536
14604
|
geolocationEnabled: geolocationEnabled,
|
|
14537
14605
|
geolocationRequired: geolocationRequired
|
|
@@ -14594,6 +14662,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
14594
14662
|
_k = _a.skipSuccessScreen,
|
|
14595
14663
|
skipSuccessScreen = _k === void 0 ? false : _k,
|
|
14596
14664
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
14665
|
+
onSubmit = _a.onSubmit,
|
|
14597
14666
|
onComplete = _a.onComplete,
|
|
14598
14667
|
onEnrolled = _a.onEnrolled,
|
|
14599
14668
|
onDenied = _a.onDenied,
|
|
@@ -14709,6 +14778,7 @@ var CustomerIdAndBiometricsEnrollment = function CustomerIdAndBiometricsEnrollme
|
|
|
14709
14778
|
webhooksSendProcessedImages: webhooksSendProcessedImages,
|
|
14710
14779
|
webhooksFireOnReview: webhooksFireOnReview,
|
|
14711
14780
|
onBeforeSubmit: onBeforeSubmit,
|
|
14781
|
+
onSubmit: onSubmit,
|
|
14712
14782
|
onResponseReceived: onResponseReceived,
|
|
14713
14783
|
geolocationEnabled: geolocationEnabled,
|
|
14714
14784
|
geolocationRequired: geolocationRequired
|
|
@@ -15172,6 +15242,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
15172
15242
|
colors = _a.colors,
|
|
15173
15243
|
verbiage = _a.verbiage,
|
|
15174
15244
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
15245
|
+
onSubmit = _a.onSubmit,
|
|
15175
15246
|
onComplete = _a.onComplete,
|
|
15176
15247
|
onCustomerMatched = _a.onCustomerMatched,
|
|
15177
15248
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -15199,6 +15270,7 @@ var CustomerVerification = function CustomerVerification(_a) {
|
|
|
15199
15270
|
webhooksSendInputImages: webhooksSendInputImages,
|
|
15200
15271
|
webhooksSendProcessedImages: webhooksSendProcessedImages,
|
|
15201
15272
|
onBeforeSubmit: onBeforeSubmit,
|
|
15273
|
+
onSubmit: onSubmit,
|
|
15202
15274
|
geolocationEnabled: geolocationEnabled,
|
|
15203
15275
|
geolocationRequired: geolocationRequired
|
|
15204
15276
|
}, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
|
|
@@ -15655,6 +15727,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
15655
15727
|
_d = _a.skipSuccessScreen,
|
|
15656
15728
|
skipSuccessScreen = _d === void 0 ? false : _d,
|
|
15657
15729
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
15730
|
+
onSubmit = _a.onSubmit,
|
|
15658
15731
|
onComplete = _a.onComplete,
|
|
15659
15732
|
onCustomerMatched = _a.onCustomerMatched,
|
|
15660
15733
|
onCustomerNotMatched = _a.onCustomerNotMatched,
|
|
@@ -15687,6 +15760,7 @@ var CustomerIdentification = function CustomerIdentification(_a) {
|
|
|
15687
15760
|
webhooksSendInputImages: webhooksSendInputImages,
|
|
15688
15761
|
webhooksSendProcessedImages: webhooksSendProcessedImages,
|
|
15689
15762
|
onBeforeSubmit: onBeforeSubmit,
|
|
15763
|
+
onSubmit: onSubmit,
|
|
15690
15764
|
geolocationEnabled: geolocationEnabled,
|
|
15691
15765
|
geolocationRequired: geolocationRequired
|
|
15692
15766
|
}, /*#__PURE__*/React__default['default'].createElement(CameraProvider, {
|
|
@@ -15737,6 +15811,7 @@ var SignatureKYC = function SignatureKYC(_a) {
|
|
|
15737
15811
|
url: submissionUrl,
|
|
15738
15812
|
token: submissionToken,
|
|
15739
15813
|
onBeforeSubmit: onBeforeSubmit,
|
|
15814
|
+
onSubmit: onBeforeSubmit,
|
|
15740
15815
|
onResponseReceived: onComplete,
|
|
15741
15816
|
geolocationEnabled: geolocationEnabled,
|
|
15742
15817
|
geolocationRequired: geolocationRequired
|
|
@@ -15971,6 +16046,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
15971
16046
|
_d = _a.skipSuccessScreen,
|
|
15972
16047
|
skipSuccessScreen = _d === void 0 ? false : _d,
|
|
15973
16048
|
onBeforeSubmit = _a.onBeforeSubmit,
|
|
16049
|
+
onSubmit = _a.onSubmit,
|
|
15974
16050
|
onComplete = _a.onComplete,
|
|
15975
16051
|
onEnrolled = _a.onEnrolled,
|
|
15976
16052
|
onDenied = _a.onDenied,
|
|
@@ -16060,6 +16136,7 @@ var CustomerBiometricsEnrollment = function CustomerBiometricsEnrollment(_a) {
|
|
|
16060
16136
|
webhooksSendInputImages: webhooksSendInputImages,
|
|
16061
16137
|
webhooksSendProcessedImages: webhooksSendProcessedImages,
|
|
16062
16138
|
onBeforeSubmit: onBeforeSubmit,
|
|
16139
|
+
onSubmit: onSubmit,
|
|
16063
16140
|
onResponseReceived: onResponseReceived,
|
|
16064
16141
|
geolocationEnabled: geolocationEnabled,
|
|
16065
16142
|
geolocationRequired: geolocationRequired
|