@ekyc_qoobiss/qbs-ect-cmp 3.6.66 → 3.6.68
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_17.cjs.entry.js → agreement-check_18.cjs.entry.js} +24 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qbs-ect-cmp.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/common/how-to-info/how-to-info.js +3 -6
- package/dist/collection/components/common/selfie-capture/selfie-capture.js +2 -1
- package/dist/collection/components/common/state-transition/state-transition.css +1 -0
- package/dist/collection/components/common/state-transition/state-transition.js +22 -0
- package/dist/collection/components/identification-component/identification-component.js +2 -2
- package/dist/esm/{agreement-check_17.entry.js → agreement-check_18.entry.js} +24 -11
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qbs-ect-cmp.js +1 -1
- package/dist/qbs-ect-cmp/{p-87851dcb.entry.js → p-f207ebfe.entry.js} +1 -1
- package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
- package/dist/types/components/common/state-transition/state-transition.d.ts +4 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
|
@@ -4823,20 +4823,20 @@ const HowToInfo = class {
|
|
|
4823
4823
|
this.translations = await TranslationUtils.Translations.getValues();
|
|
4824
4824
|
this.subTitle = '';
|
|
4825
4825
|
this.buttonEnabled = true;
|
|
4826
|
-
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
4827
|
-
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
4828
4826
|
this.buttonText = this.translations.HowToValues.IdButton;
|
|
4829
4827
|
if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONTHOWTO) {
|
|
4828
|
+
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
4829
|
+
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
4830
4830
|
this.currentStep = TranslationUtils.FlowSteps.CiFrontHowTo;
|
|
4831
4831
|
this.subTitle = this.translations.HowToValues.IdSubTitileFace;
|
|
4832
4832
|
}
|
|
4833
4833
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACKHOWTO) {
|
|
4834
|
-
this.showVideo = true;
|
|
4835
4834
|
this.currentStep = TranslationUtils.FlowSteps.CiBackHowTo;
|
|
4836
4835
|
this.subTitle = '';
|
|
4837
4836
|
this.topTitle = this.translations.IdCaptureValues.TitleBack;
|
|
4838
4837
|
this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
|
|
4839
4838
|
this.demoVideo.play();
|
|
4839
|
+
this.showVideo = true;
|
|
4840
4840
|
await delay(this.translations.GlobalValues.VideoLenght);
|
|
4841
4841
|
await this.buttonClick();
|
|
4842
4842
|
}
|
|
@@ -4847,9 +4847,6 @@ const HowToInfo = class {
|
|
|
4847
4847
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
4848
4848
|
this.buttonText = this.translations.HowToValues.SelfieButton;
|
|
4849
4849
|
}
|
|
4850
|
-
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
4851
|
-
await this.buttonClick();
|
|
4852
|
-
}
|
|
4853
4850
|
}
|
|
4854
4851
|
render() {
|
|
4855
4852
|
return (index.h("div", { class: "container" }, index.h("div", { class: "row", hidden: TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO }, index.h("div", { class: "div-ci align-center", hidden: this.showVideo }, index.h("img", { src: this.imagePath })), index.h("div", { hidden: this.showVideo == false }, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
@@ -5211,7 +5208,7 @@ function v4(options, buf, offset) {
|
|
|
5211
5208
|
}
|
|
5212
5209
|
|
|
5213
5210
|
const name = "@ekyc_qoobiss/qbs-ect-cmp";
|
|
5214
|
-
const version$1 = "3.6.
|
|
5211
|
+
const version$1 = "3.6.68";
|
|
5215
5212
|
const description = "Person Identification Component";
|
|
5216
5213
|
const main = "./dist/index.cjs.js";
|
|
5217
5214
|
const module$1 = "./dist/index.js";
|
|
@@ -5564,7 +5561,7 @@ const IdentificationComponent = class {
|
|
|
5564
5561
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILTHOWTO) {
|
|
5565
5562
|
if (TranslationUtils.state.debug)
|
|
5566
5563
|
console.log('identification-component | render | IDTILTHOWTO');
|
|
5567
|
-
currentBlock = index.h("
|
|
5564
|
+
currentBlock = index.h("state-transition", null);
|
|
5568
5565
|
}
|
|
5569
5566
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
|
|
5570
5567
|
if (TranslationUtils.state.debug)
|
|
@@ -5584,7 +5581,7 @@ const IdentificationComponent = class {
|
|
|
5584
5581
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
5585
5582
|
if (TranslationUtils.state.debug)
|
|
5586
5583
|
console.log('identification-component | render | LIVENESSGESTUREHOWTO');
|
|
5587
|
-
currentBlock = index.h("
|
|
5584
|
+
currentBlock = index.h("state-transition", null);
|
|
5588
5585
|
}
|
|
5589
5586
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
|
|
5590
5587
|
if (TranslationUtils.state.debug)
|
|
@@ -8862,7 +8859,6 @@ const SelfieCapture = class {
|
|
|
8862
8859
|
}
|
|
8863
8860
|
async componentWillLoad() {
|
|
8864
8861
|
this.translations = await TranslationUtils.Translations.getValues();
|
|
8865
|
-
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
8866
8862
|
//this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
|
|
8867
8863
|
if (!navigator.mediaDevices) {
|
|
8868
8864
|
this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
|
|
@@ -8873,12 +8869,14 @@ const SelfieCapture = class {
|
|
|
8873
8869
|
this.verificationMode = VerificationMode.Full;
|
|
8874
8870
|
this.currentStep = TranslationUtils.FlowSteps.SelfieCapture;
|
|
8875
8871
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
8872
|
+
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
8876
8873
|
this.demoVideo.src = TranslationUtils.SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
8877
8874
|
}
|
|
8878
8875
|
else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
|
|
8879
8876
|
this.verificationMode = VerificationMode.Tilt;
|
|
8880
8877
|
this.currentStep = TranslationUtils.FlowSteps.SelfieTilt;
|
|
8881
8878
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
8879
|
+
this.titleMesage = this.translations.SelfieCaptureValues.FacePoseMapping[this.mainStream.facePose];
|
|
8882
8880
|
this.demoVideo.src = TranslationUtils.SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
|
|
8883
8881
|
}
|
|
8884
8882
|
this.demoVideo.play();
|
|
@@ -9046,6 +9044,21 @@ const SmsSend = class {
|
|
|
9046
9044
|
};
|
|
9047
9045
|
SmsSend.style = smsSendCss;
|
|
9048
9046
|
|
|
9047
|
+
const stateTransitionCss = "";
|
|
9048
|
+
|
|
9049
|
+
const StateTransition = class {
|
|
9050
|
+
constructor(hostRef) {
|
|
9051
|
+
index.registerInstance(this, hostRef);
|
|
9052
|
+
}
|
|
9053
|
+
async componentWillLoad() {
|
|
9054
|
+
TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
|
|
9055
|
+
}
|
|
9056
|
+
render() {
|
|
9057
|
+
return (index.h("div", { class: "container" }, index.h("div", { class: "row" })));
|
|
9058
|
+
}
|
|
9059
|
+
};
|
|
9060
|
+
StateTransition.style = stateTransitionCss;
|
|
9061
|
+
|
|
9049
9062
|
const userLivenessCss = "";
|
|
9050
9063
|
|
|
9051
9064
|
const UserLiveness = class {
|
|
@@ -9208,4 +9221,5 @@ exports.process_id = ProcessId;
|
|
|
9208
9221
|
exports.selfie_capture = SelfieCapture;
|
|
9209
9222
|
exports.sms_code_validation = SmsCodeValidation;
|
|
9210
9223
|
exports.sms_send = SmsSend;
|
|
9224
|
+
exports.state_transition = StateTransition;
|
|
9211
9225
|
exports.user_liveness = UserLiveness;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-
|
|
17
|
+
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"state-transition"],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -17,7 +17,7 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-
|
|
20
|
+
return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_18.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"state-transition"],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
exports.setNonce = index.setNonce;
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"./components/common/id-capture/id-capture.js",
|
|
8
8
|
"./components/common/random-actions/random-actions.js",
|
|
9
9
|
"./components/common/selfie-capture/selfie-capture.js",
|
|
10
|
+
"./components/common/state-transition/state-transition.js",
|
|
10
11
|
"./components/controls/camera/camera.js",
|
|
11
12
|
"./components/controls/loader-dots/loader-dots.js",
|
|
12
13
|
"./components/flow/agreement-info/agreement-info.js",
|
|
@@ -25,20 +25,20 @@ export class HowToInfo {
|
|
|
25
25
|
this.translations = await Translations.getValues();
|
|
26
26
|
this.subTitle = '';
|
|
27
27
|
this.buttonEnabled = true;
|
|
28
|
-
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
29
|
-
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
30
28
|
this.buttonText = this.translations.HowToValues.IdButton;
|
|
31
29
|
if (store.flowStatus == FlowStatus.IDFRONTHOWTO) {
|
|
30
|
+
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
31
|
+
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
32
32
|
this.currentStep = FlowSteps.CiFrontHowTo;
|
|
33
33
|
this.subTitle = this.translations.HowToValues.IdSubTitileFace;
|
|
34
34
|
}
|
|
35
35
|
else if (store.flowStatus == FlowStatus.IDBACKHOWTO) {
|
|
36
|
-
this.showVideo = true;
|
|
37
36
|
this.currentStep = FlowSteps.CiBackHowTo;
|
|
38
37
|
this.subTitle = '';
|
|
39
38
|
this.topTitle = this.translations.IdCaptureValues.TitleBack;
|
|
40
39
|
this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
|
|
41
40
|
this.demoVideo.play();
|
|
41
|
+
this.showVideo = true;
|
|
42
42
|
await delay(this.translations.GlobalValues.VideoLenght);
|
|
43
43
|
await this.buttonClick();
|
|
44
44
|
}
|
|
@@ -49,9 +49,6 @@ export class HowToInfo {
|
|
|
49
49
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
50
50
|
this.buttonText = this.translations.HowToValues.SelfieButton;
|
|
51
51
|
}
|
|
52
|
-
else if (store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
53
|
-
await this.buttonClick();
|
|
54
|
-
}
|
|
55
52
|
}
|
|
56
53
|
render() {
|
|
57
54
|
return (h("div", { class: "container" }, h("div", { class: "row", hidden: store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { src: this.imagePath })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
@@ -34,7 +34,6 @@ export class SelfieCapture {
|
|
|
34
34
|
}
|
|
35
35
|
async componentWillLoad() {
|
|
36
36
|
this.translations = await Translations.getValues();
|
|
37
|
-
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
38
37
|
//this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
|
|
39
38
|
if (!navigator.mediaDevices) {
|
|
40
39
|
this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
|
|
@@ -45,12 +44,14 @@ export class SelfieCapture {
|
|
|
45
44
|
this.verificationMode = VerificationMode.Full;
|
|
46
45
|
this.currentStep = FlowSteps.SelfieCapture;
|
|
47
46
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
47
|
+
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
48
48
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
49
49
|
}
|
|
50
50
|
else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
|
|
51
51
|
this.verificationMode = VerificationMode.Tilt;
|
|
52
52
|
this.currentStep = FlowSteps.SelfieTilt;
|
|
53
53
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
54
|
+
this.titleMesage = this.translations.SelfieCaptureValues.FacePoseMapping[this.mainStream.facePose];
|
|
54
55
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
|
|
55
56
|
}
|
|
56
57
|
this.demoVideo.play();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import store from '../../../helpers/store';
|
|
3
|
+
import { ApiCall } from '../../../helpers/ApiCall';
|
|
4
|
+
export class StateTransition {
|
|
5
|
+
async componentWillLoad() {
|
|
6
|
+
store.flowStatus = await ApiCall.instance.GetNextFlowState();
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return (h("div", { class: "container" }, h("div", { class: "row" })));
|
|
10
|
+
}
|
|
11
|
+
static get is() { return "state-transition"; }
|
|
12
|
+
static get originalStyleUrls() {
|
|
13
|
+
return {
|
|
14
|
+
"$": ["state-transition.css"]
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
static get styleUrls() {
|
|
18
|
+
return {
|
|
19
|
+
"$": ["state-transition.css"]
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -212,7 +212,7 @@ export class IdentificationComponent {
|
|
|
212
212
|
else if (store.flowStatus == FlowStatus.IDTILTHOWTO) {
|
|
213
213
|
if (store.debug)
|
|
214
214
|
console.log('identification-component | render | IDTILTHOWTO');
|
|
215
|
-
currentBlock = h("
|
|
215
|
+
currentBlock = h("state-transition", null);
|
|
216
216
|
}
|
|
217
217
|
else if (store.flowStatus == FlowStatus.IDTILT) {
|
|
218
218
|
if (store.debug)
|
|
@@ -232,7 +232,7 @@ export class IdentificationComponent {
|
|
|
232
232
|
else if (store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
233
233
|
if (store.debug)
|
|
234
234
|
console.log('identification-component | render | LIVENESSGESTUREHOWTO');
|
|
235
|
-
currentBlock = h("
|
|
235
|
+
currentBlock = h("state-transition", null);
|
|
236
236
|
}
|
|
237
237
|
else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
|
|
238
238
|
if (store.debug)
|
|
@@ -4819,20 +4819,20 @@ const HowToInfo = class {
|
|
|
4819
4819
|
this.translations = await Translations.getValues();
|
|
4820
4820
|
this.subTitle = '';
|
|
4821
4821
|
this.buttonEnabled = true;
|
|
4822
|
-
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
4823
|
-
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
4824
4822
|
this.buttonText = this.translations.HowToValues.IdButton;
|
|
4825
4823
|
if (state.flowStatus == FlowStatus.IDFRONTHOWTO) {
|
|
4824
|
+
this.topTitle = this.translations.HowToValues.IdTitile;
|
|
4825
|
+
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
|
|
4826
4826
|
this.currentStep = FlowSteps.CiFrontHowTo;
|
|
4827
4827
|
this.subTitle = this.translations.HowToValues.IdSubTitileFace;
|
|
4828
4828
|
}
|
|
4829
4829
|
else if (state.flowStatus == FlowStatus.IDBACKHOWTO) {
|
|
4830
|
-
this.showVideo = true;
|
|
4831
4830
|
this.currentStep = FlowSteps.CiBackHowTo;
|
|
4832
4831
|
this.subTitle = '';
|
|
4833
4832
|
this.topTitle = this.translations.IdCaptureValues.TitleBack;
|
|
4834
4833
|
this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
|
|
4835
4834
|
this.demoVideo.play();
|
|
4835
|
+
this.showVideo = true;
|
|
4836
4836
|
await delay(this.translations.GlobalValues.VideoLenght);
|
|
4837
4837
|
await this.buttonClick();
|
|
4838
4838
|
}
|
|
@@ -4843,9 +4843,6 @@ const HowToInfo = class {
|
|
|
4843
4843
|
this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
|
|
4844
4844
|
this.buttonText = this.translations.HowToValues.SelfieButton;
|
|
4845
4845
|
}
|
|
4846
|
-
else if (state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
4847
|
-
await this.buttonClick();
|
|
4848
|
-
}
|
|
4849
4846
|
}
|
|
4850
4847
|
render() {
|
|
4851
4848
|
return (h("div", { class: "container" }, h("div", { class: "row", hidden: state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { src: this.imagePath })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
|
|
@@ -5207,7 +5204,7 @@ function v4(options, buf, offset) {
|
|
|
5207
5204
|
}
|
|
5208
5205
|
|
|
5209
5206
|
const name = "@ekyc_qoobiss/qbs-ect-cmp";
|
|
5210
|
-
const version$1 = "3.6.
|
|
5207
|
+
const version$1 = "3.6.68";
|
|
5211
5208
|
const description = "Person Identification Component";
|
|
5212
5209
|
const main = "./dist/index.cjs.js";
|
|
5213
5210
|
const module = "./dist/index.js";
|
|
@@ -5560,7 +5557,7 @@ const IdentificationComponent = class {
|
|
|
5560
5557
|
else if (state.flowStatus == FlowStatus.IDTILTHOWTO) {
|
|
5561
5558
|
if (state.debug)
|
|
5562
5559
|
console.log('identification-component | render | IDTILTHOWTO');
|
|
5563
|
-
currentBlock = h("
|
|
5560
|
+
currentBlock = h("state-transition", null);
|
|
5564
5561
|
}
|
|
5565
5562
|
else if (state.flowStatus == FlowStatus.IDTILT) {
|
|
5566
5563
|
if (state.debug)
|
|
@@ -5580,7 +5577,7 @@ const IdentificationComponent = class {
|
|
|
5580
5577
|
else if (state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
|
|
5581
5578
|
if (state.debug)
|
|
5582
5579
|
console.log('identification-component | render | LIVENESSGESTUREHOWTO');
|
|
5583
|
-
currentBlock = h("
|
|
5580
|
+
currentBlock = h("state-transition", null);
|
|
5584
5581
|
}
|
|
5585
5582
|
else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
|
|
5586
5583
|
if (state.debug)
|
|
@@ -8858,7 +8855,6 @@ const SelfieCapture = class {
|
|
|
8858
8855
|
}
|
|
8859
8856
|
async componentWillLoad() {
|
|
8860
8857
|
this.translations = await Translations.getValues();
|
|
8861
|
-
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
8862
8858
|
//this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
|
|
8863
8859
|
if (!navigator.mediaDevices) {
|
|
8864
8860
|
this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
|
|
@@ -8869,12 +8865,14 @@ const SelfieCapture = class {
|
|
|
8869
8865
|
this.verificationMode = VerificationMode.Full;
|
|
8870
8866
|
this.currentStep = FlowSteps.SelfieCapture;
|
|
8871
8867
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
8868
|
+
this.titleMesage = this.translations.SelfieCaptureValues.Title;
|
|
8872
8869
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
|
|
8873
8870
|
}
|
|
8874
8871
|
else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
|
|
8875
8872
|
this.verificationMode = VerificationMode.Tilt;
|
|
8876
8873
|
this.currentStep = FlowSteps.SelfieTilt;
|
|
8877
8874
|
this.mainStream = Stream.getNewInstance(this.verificationMode);
|
|
8875
|
+
this.titleMesage = this.translations.SelfieCaptureValues.FacePoseMapping[this.mainStream.facePose];
|
|
8878
8876
|
this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
|
|
8879
8877
|
}
|
|
8880
8878
|
this.demoVideo.play();
|
|
@@ -9042,6 +9040,21 @@ const SmsSend = class {
|
|
|
9042
9040
|
};
|
|
9043
9041
|
SmsSend.style = smsSendCss;
|
|
9044
9042
|
|
|
9043
|
+
const stateTransitionCss = "";
|
|
9044
|
+
|
|
9045
|
+
const StateTransition = class {
|
|
9046
|
+
constructor(hostRef) {
|
|
9047
|
+
registerInstance(this, hostRef);
|
|
9048
|
+
}
|
|
9049
|
+
async componentWillLoad() {
|
|
9050
|
+
state.flowStatus = await ApiCall.instance.GetNextFlowState();
|
|
9051
|
+
}
|
|
9052
|
+
render() {
|
|
9053
|
+
return (h("div", { class: "container" }, h("div", { class: "row" })));
|
|
9054
|
+
}
|
|
9055
|
+
};
|
|
9056
|
+
StateTransition.style = stateTransitionCss;
|
|
9057
|
+
|
|
9045
9058
|
const userLivenessCss = "";
|
|
9046
9059
|
|
|
9047
9060
|
const UserLiveness = class {
|
|
@@ -9188,4 +9201,4 @@ const UserLiveness = class {
|
|
|
9188
9201
|
};
|
|
9189
9202
|
UserLiveness.style = userLivenessCss;
|
|
9190
9203
|
|
|
9191
|
-
export { AgreementCheck as agreement_check, AgreementInfo as agreement_info, Camera as camera_comp, CameraError as camera_error, CaptureError as capture_error, EndRedirect as end_redirect, ErrorEnd as error_end, HowToInfo as how_to_info, IdCapture as id_capture, IdentificationComponent as identification_component, LandingValidation as landing_validation, MobileRedirect as mobile_redirect, ProcessId as process_id, SelfieCapture as selfie_capture, SmsCodeValidation as sms_code_validation, SmsSend as sms_send, UserLiveness as user_liveness };
|
|
9204
|
+
export { AgreementCheck as agreement_check, AgreementInfo as agreement_info, Camera as camera_comp, CameraError as camera_error, CaptureError as capture_error, EndRedirect as end_redirect, ErrorEnd as error_end, HowToInfo as how_to_info, IdCapture as id_capture, IdentificationComponent as identification_component, LandingValidation as landing_validation, MobileRedirect as mobile_redirect, ProcessId as process_id, SelfieCapture as selfie_capture, SmsCodeValidation as sms_code_validation, SmsSend as sms_send, StateTransition as state_transition, UserLiveness as user_liveness };
|
package/dist/esm/loader.js
CHANGED
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-
|
|
14
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_18",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"state-transition"],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
package/dist/esm/qbs-ect-cmp.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-
|
|
17
|
+
return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_18",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"state-transition"],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
|
|
18
18
|
});
|