@ekyc_qoobiss/qbs-ect-cmp 1.8.21 → 1.8.23
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/cjs/agreement-check_16.cjs.entry.js +15 -13
- package/dist/collection/components/common/how-to-info/how-to-info.js +1 -0
- package/dist/collection/components/common/id-back-capture/id-back-capture.css +7 -0
- package/dist/collection/components/common/id-back-capture/id-back-capture.js +2 -2
- package/dist/collection/components/common/id-capture/id-capture.css +1 -1
- package/dist/collection/components/common/id-capture/id-capture.js +2 -2
- package/dist/collection/components/common/selfie-capture/selfie-capture.css +1 -1
- package/dist/collection/components/common/selfie-capture/selfie-capture.js +3 -3
- package/dist/collection/helpers/textValues.js +4 -3
- package/dist/esm/agreement-check_16.entry.js +15 -13
- package/dist/qbs-ect-cmp/{p-9dcb4994.entry.js → p-c30484f0.entry.js} +2 -2
- package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
- package/dist/types/helpers/textValues.d.ts +1 -0
- package/package.json +1 -1
|
@@ -218,7 +218,8 @@ HowToValues.IdTitile = 'Prezintă actul tău de identitate';
|
|
|
218
218
|
HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
219
219
|
HowToValues.IdSubTitileBack = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
220
220
|
HowToValues.IdButton = 'Sunt gata!';
|
|
221
|
-
HowToValues.SelfieTitile = '
|
|
221
|
+
HowToValues.SelfieTitile = 'Validare video';
|
|
222
|
+
HowToValues.SelfieSubTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
|
|
222
223
|
HowToValues.SelfieButton = 'Sunt gata!';
|
|
223
224
|
class LandingValues extends GlobalValues {
|
|
224
225
|
}
|
|
@@ -273,13 +274,13 @@ IdCaptureValues.IDPoseDemoMapping = {
|
|
|
273
274
|
3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
|
|
274
275
|
4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
|
|
275
276
|
};
|
|
276
|
-
IdCaptureValues.Loading = '
|
|
277
|
+
IdCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
277
278
|
class SelfieCaptureValues extends GlobalValues {
|
|
278
279
|
}
|
|
279
280
|
SelfieCaptureValues.Title = 'Încadrează fața în chenarul de pe ecran.';
|
|
280
281
|
SelfieCaptureValues.FinalTitle = 'Îndreaptă capul și încadrează fața în chenarul de pe ecran.';
|
|
281
282
|
SelfieCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran.';
|
|
282
|
-
SelfieCaptureValues.Loading = '
|
|
283
|
+
SelfieCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
283
284
|
SelfieCaptureValues.FacePoseMapping = {
|
|
284
285
|
0: 'Întoarce capul spre stânga.',
|
|
285
286
|
1: 'Întoarce capul spre dreapta.',
|
|
@@ -5125,6 +5126,7 @@ const HowToInfo = class {
|
|
|
5125
5126
|
}
|
|
5126
5127
|
if (state.flowStatus == FlowStatus.LIVENESS) {
|
|
5127
5128
|
this.topTitle = HowToValues.SelfieTitile;
|
|
5129
|
+
this.subTitle = HowToValues.SelfieSubTitile;
|
|
5128
5130
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
5129
5131
|
this.buttonText = HowToValues.SelfieButton;
|
|
5130
5132
|
}
|
|
@@ -5235,7 +5237,7 @@ class Cameras {
|
|
|
5235
5237
|
}
|
|
5236
5238
|
}
|
|
5237
5239
|
|
|
5238
|
-
const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5240
|
+
const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}";
|
|
5239
5241
|
|
|
5240
5242
|
const IdBackCapture = class {
|
|
5241
5243
|
// @State() private animationPath: string;
|
|
@@ -5346,14 +5348,14 @@ const IdBackCapture = class {
|
|
|
5346
5348
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5347
5349
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5348
5350
|
}
|
|
5349
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
5350
|
-
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "
|
|
5351
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
5352
|
+
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, index.h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.showDemo }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" }))), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: "color-white text-center" }, this.titleMesage)), index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
5351
5353
|
}
|
|
5352
5354
|
get component() { return index.getElement(this); }
|
|
5353
5355
|
};
|
|
5354
5356
|
IdBackCapture.style = idBackCaptureCss;
|
|
5355
5357
|
|
|
5356
|
-
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.
|
|
5358
|
+
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5357
5359
|
|
|
5358
5360
|
const IdCapture = class {
|
|
5359
5361
|
// @State() private animationPath: string;
|
|
@@ -5460,8 +5462,8 @@ const IdCapture = class {
|
|
|
5460
5462
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5461
5463
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5462
5464
|
}
|
|
5463
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
5464
|
-
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, index.h("video", { id: "howtoFront", class: "
|
|
5465
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
5466
|
+
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, index.h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.showDemo }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.verified }, index.h("div", { class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: "color-white text-center" }, this.titleMesage)), index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
5465
5467
|
}
|
|
5466
5468
|
get component() { return index.getElement(this); }
|
|
5467
5469
|
};
|
|
@@ -5949,7 +5951,7 @@ const LandingValidation = class {
|
|
|
5949
5951
|
};
|
|
5950
5952
|
LandingValidation.style = landingValidationCss;
|
|
5951
5953
|
|
|
5952
|
-
const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.
|
|
5954
|
+
const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5953
5955
|
|
|
5954
5956
|
const SelfieCapture = class {
|
|
5955
5957
|
// @State() private animationPath: string;
|
|
@@ -6006,7 +6008,7 @@ const SelfieCapture = class {
|
|
|
6006
6008
|
async componentDidLoad() {
|
|
6007
6009
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
6008
6010
|
this.demoVideo.play();
|
|
6009
|
-
await this.delay(
|
|
6011
|
+
await this.delay(SelfieCaptureValues.VideoLenght);
|
|
6010
6012
|
this.demoEnded = true;
|
|
6011
6013
|
this.openCamera();
|
|
6012
6014
|
}
|
|
@@ -6060,8 +6062,8 @@ const SelfieCapture = class {
|
|
|
6060
6062
|
let divClass = 'chenar-buletin pos-relative';
|
|
6061
6063
|
if (this.videoStarted && this.cameraSize.width < this.cameraSize.height)
|
|
6062
6064
|
divClass += ' block';
|
|
6063
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
6064
|
-
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howto", class: "
|
|
6065
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
6066
|
+
return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.demoEnded, class: "ctheight-100" }, index.h("video", { id: "howto", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.verified }, index.h("div", { class: divClass }, index.h("camera-comp", { device: this.device, "capture-mode": "selfie" })), index.h("div", { class: "capture-title align-center" }, index.h("h1", { class: "color-white text-center" }, this.titleMesage)), index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))))));
|
|
6065
6067
|
}
|
|
6066
6068
|
get component() { return index.getElement(this); }
|
|
6067
6069
|
};
|
|
@@ -28,6 +28,7 @@ export class HowToInfo {
|
|
|
28
28
|
}
|
|
29
29
|
if (store.flowStatus == FlowStatus.LIVENESS) {
|
|
30
30
|
this.topTitle = HowToValues.SelfieTitile;
|
|
31
|
+
this.subTitle = HowToValues.SelfieSubTitile;
|
|
31
32
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
32
33
|
this.buttonText = HowToValues.SelfieButton;
|
|
33
34
|
}
|
|
@@ -114,8 +114,8 @@ export class IdBackCapture {
|
|
|
114
114
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
115
115
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
116
116
|
}
|
|
117
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
118
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "
|
|
117
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
118
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.showDemo }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" }))), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
119
119
|
}
|
|
120
120
|
static get is() { return "id-back-capture"; }
|
|
121
121
|
static get originalStyleUrls() {
|
|
@@ -110,8 +110,8 @@ export class IdCapture {
|
|
|
110
110
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
111
111
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
112
112
|
}
|
|
113
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
114
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "
|
|
113
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
114
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.showDemo }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
115
115
|
}
|
|
116
116
|
static get is() { return "id-capture"; }
|
|
117
117
|
static get originalStyleUrls() {
|
|
@@ -58,7 +58,7 @@ export class SelfieCapture {
|
|
|
58
58
|
async componentDidLoad() {
|
|
59
59
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
60
60
|
this.demoVideo.play();
|
|
61
|
-
await this.delay(
|
|
61
|
+
await this.delay(SelfieCaptureValues.VideoLenght);
|
|
62
62
|
this.demoEnded = true;
|
|
63
63
|
this.openCamera();
|
|
64
64
|
}
|
|
@@ -112,8 +112,8 @@ export class SelfieCapture {
|
|
|
112
112
|
let divClass = 'chenar-buletin pos-relative';
|
|
113
113
|
if (this.videoStarted && this.cameraSize.width < this.cameraSize.height)
|
|
114
114
|
divClass += ' block';
|
|
115
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
116
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howto", class: "
|
|
115
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
116
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.demoEnded, class: "ctheight-100" }, h("video", { id: "howto", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.demoEnded == false }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified }, h("div", { class: divClass }, h("camera-comp", { device: this.device, "capture-mode": "selfie" })), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))))));
|
|
117
117
|
}
|
|
118
118
|
static get is() { return "selfie-capture"; }
|
|
119
119
|
static get originalStyleUrls() {
|
|
@@ -8,7 +8,8 @@ HowToValues.IdTitile = 'Prezintă actul tău de identitate';
|
|
|
8
8
|
HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
9
9
|
HowToValues.IdSubTitileBack = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
10
10
|
HowToValues.IdButton = 'Sunt gata!';
|
|
11
|
-
HowToValues.SelfieTitile = '
|
|
11
|
+
HowToValues.SelfieTitile = 'Validare video';
|
|
12
|
+
HowToValues.SelfieSubTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
|
|
12
13
|
HowToValues.SelfieButton = 'Sunt gata!';
|
|
13
14
|
export class LandingValues extends GlobalValues {
|
|
14
15
|
}
|
|
@@ -63,13 +64,13 @@ IdCaptureValues.IDPoseDemoMapping = {
|
|
|
63
64
|
3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
|
|
64
65
|
4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
|
|
65
66
|
};
|
|
66
|
-
IdCaptureValues.Loading = '
|
|
67
|
+
IdCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
67
68
|
export class SelfieCaptureValues extends GlobalValues {
|
|
68
69
|
}
|
|
69
70
|
SelfieCaptureValues.Title = 'Încadrează fața în chenarul de pe ecran.';
|
|
70
71
|
SelfieCaptureValues.FinalTitle = 'Îndreaptă capul și încadrează fața în chenarul de pe ecran.';
|
|
71
72
|
SelfieCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran.';
|
|
72
|
-
SelfieCaptureValues.Loading = '
|
|
73
|
+
SelfieCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
73
74
|
SelfieCaptureValues.FacePoseMapping = {
|
|
74
75
|
0: 'Întoarce capul spre stânga.',
|
|
75
76
|
1: 'Întoarce capul spre dreapta.',
|
|
@@ -214,7 +214,8 @@ HowToValues.IdTitile = 'Prezintă actul tău de identitate';
|
|
|
214
214
|
HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
215
215
|
HowToValues.IdSubTitileBack = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
|
|
216
216
|
HowToValues.IdButton = 'Sunt gata!';
|
|
217
|
-
HowToValues.SelfieTitile = '
|
|
217
|
+
HowToValues.SelfieTitile = 'Validare video';
|
|
218
|
+
HowToValues.SelfieSubTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
|
|
218
219
|
HowToValues.SelfieButton = 'Sunt gata!';
|
|
219
220
|
class LandingValues extends GlobalValues {
|
|
220
221
|
}
|
|
@@ -269,13 +270,13 @@ IdCaptureValues.IDPoseDemoMapping = {
|
|
|
269
270
|
3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
|
|
270
271
|
4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
|
|
271
272
|
};
|
|
272
|
-
IdCaptureValues.Loading = '
|
|
273
|
+
IdCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
273
274
|
class SelfieCaptureValues extends GlobalValues {
|
|
274
275
|
}
|
|
275
276
|
SelfieCaptureValues.Title = 'Încadrează fața în chenarul de pe ecran.';
|
|
276
277
|
SelfieCaptureValues.FinalTitle = 'Îndreaptă capul și încadrează fața în chenarul de pe ecran.';
|
|
277
278
|
SelfieCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran.';
|
|
278
|
-
SelfieCaptureValues.Loading = '
|
|
279
|
+
SelfieCaptureValues.Loading = 'Transferăm datele. Asteptați...';
|
|
279
280
|
SelfieCaptureValues.FacePoseMapping = {
|
|
280
281
|
0: 'Întoarce capul spre stânga.',
|
|
281
282
|
1: 'Întoarce capul spre dreapta.',
|
|
@@ -5121,6 +5122,7 @@ const HowToInfo = class {
|
|
|
5121
5122
|
}
|
|
5122
5123
|
if (state.flowStatus == FlowStatus.LIVENESS) {
|
|
5123
5124
|
this.topTitle = HowToValues.SelfieTitile;
|
|
5125
|
+
this.subTitle = HowToValues.SelfieSubTitile;
|
|
5124
5126
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
5125
5127
|
this.buttonText = HowToValues.SelfieButton;
|
|
5126
5128
|
}
|
|
@@ -5231,7 +5233,7 @@ class Cameras {
|
|
|
5231
5233
|
}
|
|
5232
5234
|
}
|
|
5233
5235
|
|
|
5234
|
-
const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5236
|
+
const idBackCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}";
|
|
5235
5237
|
|
|
5236
5238
|
const IdBackCapture = class {
|
|
5237
5239
|
// @State() private animationPath: string;
|
|
@@ -5342,14 +5344,14 @@ const IdBackCapture = class {
|
|
|
5342
5344
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5343
5345
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5344
5346
|
}
|
|
5345
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
5346
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howtoFront", class: "
|
|
5347
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
5348
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.showDemo }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" }))), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
5347
5349
|
}
|
|
5348
5350
|
get component() { return getElement(this); }
|
|
5349
5351
|
};
|
|
5350
5352
|
IdBackCapture.style = idBackCaptureCss;
|
|
5351
5353
|
|
|
5352
|
-
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.
|
|
5354
|
+
const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5353
5355
|
|
|
5354
5356
|
const IdCapture = class {
|
|
5355
5357
|
// @State() private animationPath: string;
|
|
@@ -5456,8 +5458,8 @@ const IdCapture = class {
|
|
|
5456
5458
|
cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
|
|
5457
5459
|
cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
|
|
5458
5460
|
}
|
|
5459
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
5460
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "
|
|
5461
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
5462
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.showDemo == false, class: "ctheight-100" }, h("video", { id: "howtoFront", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.showDemo }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))))));
|
|
5461
5463
|
}
|
|
5462
5464
|
get component() { return getElement(this); }
|
|
5463
5465
|
};
|
|
@@ -5945,7 +5947,7 @@ const LandingValidation = class {
|
|
|
5945
5947
|
};
|
|
5946
5948
|
LandingValidation.style = landingValidationCss;
|
|
5947
5949
|
|
|
5948
|
-
const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.
|
|
5950
|
+
const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.camera-video-demo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
|
|
5949
5951
|
|
|
5950
5952
|
const SelfieCapture = class {
|
|
5951
5953
|
// @State() private animationPath: string;
|
|
@@ -6002,7 +6004,7 @@ const SelfieCapture = class {
|
|
|
6002
6004
|
async componentDidLoad() {
|
|
6003
6005
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
6004
6006
|
this.demoVideo.play();
|
|
6005
|
-
await this.delay(
|
|
6007
|
+
await this.delay(SelfieCaptureValues.VideoLenght);
|
|
6006
6008
|
this.demoEnded = true;
|
|
6007
6009
|
this.openCamera();
|
|
6008
6010
|
}
|
|
@@ -6056,8 +6058,8 @@ const SelfieCapture = class {
|
|
|
6056
6058
|
let divClass = 'chenar-buletin pos-relative';
|
|
6057
6059
|
if (this.videoStarted && this.cameraSize.width < this.cameraSize.height)
|
|
6058
6060
|
divClass += ' block';
|
|
6059
|
-
let titleClass = this.verified ? 'color-black-2' : 'color-white';
|
|
6060
|
-
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.demoEnded }, h("video", { id: "howto", class: "
|
|
6061
|
+
let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
|
|
6062
|
+
return (h("div", { class: "container bg-black" }, h("div", { hidden: this.demoEnded, class: "ctheight-100" }, h("video", { id: "howto", class: "camera-video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" })), h("div", { class: "capture-title align-center" }, h("h1", { class: titleClass }, this.titleMesage))), h("div", { hidden: this.demoEnded == false }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.verified }, h("div", { class: divClass }, h("camera-comp", { device: this.device, "capture-mode": "selfie" })), h("div", { class: "capture-title align-center" }, h("h1", { class: "color-white text-center" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))))));
|
|
6061
6063
|
}
|
|
6062
6064
|
get component() { return getElement(this); }
|
|
6063
6065
|
};
|