@ekyc_qoobiss/qbs-ect-cmp 3.6.66 → 3.6.67
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} +22 -9
- 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/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} +22 -10
- 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-915bc25d.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.67";
|
|
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)
|
|
@@ -9046,6 +9043,21 @@ const SmsSend = class {
|
|
|
9046
9043
|
};
|
|
9047
9044
|
SmsSend.style = smsSendCss;
|
|
9048
9045
|
|
|
9046
|
+
const stateTransitionCss = "";
|
|
9047
|
+
|
|
9048
|
+
const StateTransition = class {
|
|
9049
|
+
constructor(hostRef) {
|
|
9050
|
+
index.registerInstance(this, hostRef);
|
|
9051
|
+
}
|
|
9052
|
+
async componentWillLoad() {
|
|
9053
|
+
TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
|
|
9054
|
+
}
|
|
9055
|
+
render() {
|
|
9056
|
+
return (index.h("div", { class: "container" }, index.h("div", { class: "row" })));
|
|
9057
|
+
}
|
|
9058
|
+
};
|
|
9059
|
+
StateTransition.style = stateTransitionCss;
|
|
9060
|
+
|
|
9049
9061
|
const userLivenessCss = "";
|
|
9050
9062
|
|
|
9051
9063
|
const UserLiveness = class {
|
|
@@ -9208,4 +9220,5 @@ exports.process_id = ProcessId;
|
|
|
9208
9220
|
exports.selfie_capture = SelfieCapture;
|
|
9209
9221
|
exports.sms_code_validation = SmsCodeValidation;
|
|
9210
9222
|
exports.sms_send = SmsSend;
|
|
9223
|
+
exports.state_transition = StateTransition;
|
|
9211
9224
|
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))))));
|
|
@@ -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.67";
|
|
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)
|
|
@@ -9042,6 +9039,21 @@ const SmsSend = class {
|
|
|
9042
9039
|
};
|
|
9043
9040
|
SmsSend.style = smsSendCss;
|
|
9044
9041
|
|
|
9042
|
+
const stateTransitionCss = "";
|
|
9043
|
+
|
|
9044
|
+
const StateTransition = class {
|
|
9045
|
+
constructor(hostRef) {
|
|
9046
|
+
registerInstance(this, hostRef);
|
|
9047
|
+
}
|
|
9048
|
+
async componentWillLoad() {
|
|
9049
|
+
state.flowStatus = await ApiCall.instance.GetNextFlowState();
|
|
9050
|
+
}
|
|
9051
|
+
render() {
|
|
9052
|
+
return (h("div", { class: "container" }, h("div", { class: "row" })));
|
|
9053
|
+
}
|
|
9054
|
+
};
|
|
9055
|
+
StateTransition.style = stateTransitionCss;
|
|
9056
|
+
|
|
9045
9057
|
const userLivenessCss = "";
|
|
9046
9058
|
|
|
9047
9059
|
const UserLiveness = class {
|
|
@@ -9188,4 +9200,4 @@ const UserLiveness = class {
|
|
|
9188
9200
|
};
|
|
9189
9201
|
UserLiveness.style = userLivenessCss;
|
|
9190
9202
|
|
|
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 };
|
|
9203
|
+
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
|
});
|