idmission-web-sdk 0.0.39 → 0.0.40
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/lib/locales/es/translation.d.ts +1 -0
- package/dist/lib/locales/index.d.ts +1 -0
- package/dist/sdk2.cjs.development.js +28 -26
- 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 +28 -26
- package/dist/sdk2.esm.js.map +1 -1
- package/dist/sdk2.umd.development.js +28 -26
- package/dist/sdk2.umd.development.js.map +1 -1
- package/dist/sdk2.umd.production.js +1 -1
- package/dist/sdk2.umd.production.js.map +1 -1
- package/package.json +1 -1
|
@@ -195,7 +195,7 @@ function contentDispositionFromDataUrl(url) {
|
|
|
195
195
|
return (_b = (_a = url.match(/^(data:.*;base64),/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : '';
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
var PageContainerDiv = styled__default['default'].div(templateObject_1$
|
|
198
|
+
var PageContainerDiv = styled__default['default'].div(templateObject_1$9 || (templateObject_1$9 = tslib.__makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ", "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n font-family:\n Inter,\n -apple-system,\n BlinkMacSystemFont,\n Segoe UI,\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n Fira Sans,\n Droid Sans,\n Helvetica Neue,\n sans-serif;\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: var(--app-width);\n height: calc(\n var(--app-height) - ", "px\n );\n overflow-x: hidden;\n overflow-y: auto;\n font-family:\n Inter,\n -apple-system,\n BlinkMacSystemFont,\n Segoe UI,\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n Fira Sans,\n Droid Sans,\n Helvetica Neue,\n sans-serif;\n\n &.flex {\n display: flex;\n }\n\n &.padded {\n box-sizing: border-box;\n padding: 16px 24px;\n }\n"])), function (_a) {
|
|
199
199
|
var $heightOffset = _a.$heightOffset;
|
|
200
200
|
return $heightOffset !== null && $heightOffset !== void 0 ? $heightOffset : 0;
|
|
201
201
|
});
|
|
@@ -232,13 +232,13 @@ var PageContainer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
232
232
|
}, dimensionsCalculated && children);
|
|
233
233
|
});
|
|
234
234
|
PageContainer.displayName = 'PageContainer';
|
|
235
|
-
var templateObject_1$
|
|
235
|
+
var templateObject_1$9;
|
|
236
236
|
|
|
237
|
-
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$
|
|
237
|
+
var OverlayContainer = styled__default['default'](PageContainer)(templateObject_1$8 || (templateObject_1$8 = tslib.__makeTemplateObject(["\n background: white;\n z-index: 10000;\n"], ["\n background: white;\n z-index: 10000;\n"])));
|
|
238
238
|
var OverlayInner = styled__default['default'].div(templateObject_2$3 || (templateObject_2$3 = tslib.__makeTemplateObject(["\n text-align: center;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n padding: 25px;\n max-height: var(--app-height);\n height: 100%;\n box-sizing: border-box;\n"], ["\n text-align: center;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n padding: 25px;\n max-height: var(--app-height);\n height: 100%;\n box-sizing: border-box;\n"])));
|
|
239
239
|
var OverlayImageWrapper = styled__default['default'].div(templateObject_3$2 || (templateObject_3$2 = 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"])));
|
|
240
240
|
var OverlayImageMultiContainer = styled__default['default'].div(templateObject_4$2 || (templateObject_4$2 = 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"])));
|
|
241
|
-
var templateObject_1$
|
|
241
|
+
var templateObject_1$8, templateObject_2$3, templateObject_3$2, templateObject_4$2;
|
|
242
242
|
|
|
243
243
|
var GeolocationAccessDeniedOverlay = function GeolocationAccessDeniedOverlay(_a) {
|
|
244
244
|
var accessBlockedImageUrl = _a.accessBlockedImageUrl;
|
|
@@ -8133,10 +8133,10 @@ function disposeTfBackend() {
|
|
|
8133
8133
|
console.error('failed to dispose backend', e);
|
|
8134
8134
|
}
|
|
8135
8135
|
}
|
|
8136
|
-
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$
|
|
8137
|
-
var templateObject_1$
|
|
8136
|
+
var InvisibleCanvas = styled__default['default'].canvas(templateObject_1$7 || (templateObject_1$7 = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
8137
|
+
var templateObject_1$7;
|
|
8138
8138
|
|
|
8139
|
-
var DebugStatsPane = styled__default['default'].span(templateObject_1$
|
|
8139
|
+
var DebugStatsPane = styled__default['default'].span(templateObject_1$6 || (templateObject_1$6 = 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"])));
|
|
8140
8140
|
var ObjectDetectionDebugOverlay = styled__default['default'].div(templateObject_2$2 || (templateObject_2$2 = 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) {
|
|
8141
8141
|
var $flipX = _a.$flipX;
|
|
8142
8142
|
return $flipX ? 'transform: scaleX(-1);' : '';
|
|
@@ -8327,10 +8327,10 @@ function SelfieCaptureFaceKeypoint(_a) {
|
|
|
8327
8327
|
"$color": color
|
|
8328
8328
|
});
|
|
8329
8329
|
}
|
|
8330
|
-
var templateObject_1$
|
|
8330
|
+
var templateObject_1$6, templateObject_2$2, templateObject_3$1, templateObject_4$1;
|
|
8331
8331
|
|
|
8332
|
-
var ExitCaptureButton = styled__default['default'].button(templateObject_1$
|
|
8333
|
-
var templateObject_1$
|
|
8332
|
+
var ExitCaptureButton = styled__default['default'].button(templateObject_1$5 || (templateObject_1$5 = 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\n &:hover {\n background: #ddd;\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\n &:hover {\n background: #ddd;\n }\n"])));
|
|
8333
|
+
var templateObject_1$5;
|
|
8334
8334
|
|
|
8335
8335
|
var initialState$5 = {
|
|
8336
8336
|
videoWidth: 0,
|
|
@@ -9298,10 +9298,10 @@ var CameraVideoTag = function CameraVideoTag() {
|
|
|
9298
9298
|
"$isRearFacing": (_a = cameraRef.current) === null || _a === void 0 ? void 0 : _a.isRearFacing
|
|
9299
9299
|
});
|
|
9300
9300
|
};
|
|
9301
|
-
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$
|
|
9301
|
+
var FullscreenVideoTag = styled__default['default'].video(templateObject_1$4 || (templateObject_1$4 = 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) {
|
|
9302
9302
|
return props.$isRearFacing ? '' : 'scaleX(-1)';
|
|
9303
9303
|
});
|
|
9304
|
-
var templateObject_1$
|
|
9304
|
+
var templateObject_1$4;
|
|
9305
9305
|
|
|
9306
9306
|
var CaptureState;
|
|
9307
9307
|
(function (CaptureState) {
|
|
@@ -9940,7 +9940,7 @@ var HighPerformanceSelfieGuidanceModelsProvider = function HighPerformanceSelfie
|
|
|
9940
9940
|
}, children);
|
|
9941
9941
|
};
|
|
9942
9942
|
|
|
9943
|
-
var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$
|
|
9943
|
+
var GuidanceMessageContainer = styled__default['default'].div(templateObject_1$3 || (templateObject_1$3 = 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) {
|
|
9944
9944
|
var $top = _a.$top;
|
|
9945
9945
|
return $top !== null && $top !== void 0 ? $top : '10vh';
|
|
9946
9946
|
});
|
|
@@ -9951,7 +9951,7 @@ var GuidanceMessage = styled__default['default'].div(templateObject_2$1 || (temp
|
|
|
9951
9951
|
var $textColor = _a.$textColor;
|
|
9952
9952
|
return $textColor !== null && $textColor !== void 0 ? $textColor : 'black';
|
|
9953
9953
|
});
|
|
9954
|
-
var templateObject_1$
|
|
9954
|
+
var templateObject_1$3, templateObject_2$1;
|
|
9955
9955
|
|
|
9956
9956
|
var initialState$3 = {
|
|
9957
9957
|
videoWidth: 0,
|
|
@@ -11185,8 +11185,8 @@ function truncate(str, max_chars) {
|
|
|
11185
11185
|
return truncated;
|
|
11186
11186
|
}
|
|
11187
11187
|
|
|
11188
|
-
var Spinner = styled__default['default'].div(templateObject_1$
|
|
11189
|
-
var templateObject_1$
|
|
11188
|
+
var Spinner = styled__default['default'].div(templateObject_1$2 || (templateObject_1$2 = tslib.__makeTemplateObject(["\n display: inline-block;\n width: 80px;\n height: 80px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid #888;\n border-color: #888 transparent #888 transparent;\n animation: lds-dual-ring 1.2s linear infinite;\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: 80px;\n height: 80px;\n margin: auto;\n\n &:after {\n content: ' ';\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid #888;\n border-color: #888 transparent #888 transparent;\n animation: lds-dual-ring 1.2s linear infinite;\n }\n\n @keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
11189
|
+
var templateObject_1$2;
|
|
11190
11190
|
|
|
11191
11191
|
var AdditionalDocumentCapture = function AdditionalDocumentCapture(_a) {
|
|
11192
11192
|
var document = _a.document,
|
|
@@ -11332,11 +11332,11 @@ function signatureDataToIdmissionFormat(signatureCanvas) {
|
|
|
11332
11332
|
return signatureData;
|
|
11333
11333
|
}
|
|
11334
11334
|
|
|
11335
|
-
var SignatureCanvasContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = 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"])));
|
|
11335
|
+
var SignatureCanvasContainer = styled__default['default'].div(templateObject_1$1 || (templateObject_1$1 = 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"])));
|
|
11336
11336
|
var SignaturePad = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n position: relative;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 16px;\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"], ["\n position: relative;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 16px;\n flex-grow: 1;\n z-index: 100;\n height: 100%;\n"])));
|
|
11337
11337
|
var SignatureButtonsContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"], ["\n flex-grow: 0;\n padding-top: 12px;\n display: flex;\n z-index: 1000;\n position: relative;\n"])));
|
|
11338
11338
|
var SignaturePaperBacking = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n background-color: #e5e5f7;\n opacity: 0.8;\n background-image: radial-gradient(#444cf7 0.5px, transparent 0.5px),\n radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px);\n background-size: 20px 20px;\n background-position: 0 0, 10px 10px;\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n background-color: #e5e5f7;\n opacity: 0.8;\n background-image: radial-gradient(#444cf7 0.5px, transparent 0.5px),\n radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px);\n background-size: 20px 20px;\n background-position: 0 0, 10px 10px;\n"])));
|
|
11339
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
11339
|
+
var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4;
|
|
11340
11340
|
|
|
11341
11341
|
var SignatureCapture = function SignatureCapture(_a) {
|
|
11342
11342
|
var onAccept = _a.onAccept,
|
|
@@ -11638,14 +11638,13 @@ var SignatureKYCSuccess = function SignatureKYCSuccess(_a) {
|
|
|
11638
11638
|
headingText || (headingText = t('Signature KYC Successful'));
|
|
11639
11639
|
retryBtnText || (retryBtnText = t('Retry'));
|
|
11640
11640
|
doneBtnText || (doneBtnText = t('Done'));
|
|
11641
|
-
return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, null, /*#__PURE__*/React__default['default'].createElement("h1", null, headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, null, /*#__PURE__*/React__default['default'].createElement(
|
|
11642
|
-
src: videoUrl,
|
|
11641
|
+
return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, /*#__PURE__*/React__default['default'].createElement(OverlayInner, null, /*#__PURE__*/React__default['default'].createElement("h1", null, headingText), /*#__PURE__*/React__default['default'].createElement(OverlayImageWrapper, null, /*#__PURE__*/React__default['default'].createElement(StyledVideo, {
|
|
11643
11642
|
controls: true,
|
|
11644
|
-
|
|
11645
|
-
|
|
11646
|
-
|
|
11647
|
-
|
|
11648
|
-
})), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
11643
|
+
preload: "metadata"
|
|
11644
|
+
}, /*#__PURE__*/React__default['default'].createElement("source", {
|
|
11645
|
+
src: videoUrl + '#t=0.1',
|
|
11646
|
+
type: "video/mp4"
|
|
11647
|
+
}))), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
11649
11648
|
className: "ladda-button",
|
|
11650
11649
|
"data-style": "expand-right",
|
|
11651
11650
|
"data-color": "red",
|
|
@@ -11664,6 +11663,8 @@ var SignatureKYCSuccess = function SignatureKYCSuccess(_a) {
|
|
|
11664
11663
|
className: "ladda-label"
|
|
11665
11664
|
}, doneBtnText)))));
|
|
11666
11665
|
};
|
|
11666
|
+
var StyledVideo = styled__default['default'].video(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n"], ["\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11667
|
+
var templateObject_1;
|
|
11667
11668
|
|
|
11668
11669
|
var SignatureKYCWizard = function SignatureKYCWizard(_a) {
|
|
11669
11670
|
var onComplete = _a.onComplete,
|
|
@@ -11984,7 +11985,8 @@ var esTranslation = {
|
|
|
11984
11985
|
Next: 'Siguiente',
|
|
11985
11986
|
'Please sign the box below': 'Por favor, hay que firmar en el recuadro de abajo',
|
|
11986
11987
|
Accept: 'Aceptar',
|
|
11987
|
-
Clear: 'Borrar'
|
|
11988
|
+
Clear: 'Borrar',
|
|
11989
|
+
'Signature KYC Successful': 'Captura de Video Firma exitosa'
|
|
11988
11990
|
};
|
|
11989
11991
|
|
|
11990
11992
|
var resources = {
|