@ekyc_qoobiss/qbs-ect-cmp 2.1.17 → 2.1.19

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.
Files changed (11) hide show
  1. package/dist/cjs/agreement-check_18.cjs.entry.js +14 -7
  2. package/dist/collection/components/common/camera-error/camera-error.js +6 -2
  3. package/dist/collection/components/flow/id-double-side/id-double-side.js +1 -1
  4. package/dist/collection/components/flow/id-single-side/id-single-side.js +1 -1
  5. package/dist/collection/components/flow/landing-validation/landing-validation.js +1 -1
  6. package/dist/collection/helpers/Cameras.js +4 -1
  7. package/dist/esm/agreement-check_18.entry.js +14 -7
  8. package/dist/qbs-ect-cmp/{p-8adace9f.entry.js → p-7d1a6670.entry.js} +1 -1
  9. package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
  10. package/dist/types/models/ICamera.d.ts +1 -0
  11. package/package.json +1 -1
package/dist/cjs/agreement-check_18.cjs.entry.js CHANGED
@@ -5199,8 +5199,10 @@ const CameraError = class {
5199
5199
  }
5200
5200
  else {
5201
5201
  var loaded = sessionStorage.getItem(SessionKeys.RefreshDoneKey);
5202
- if (loaded === 'true')
5202
+ if (loaded === 'true') {
5203
+ sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
5203
5204
  state.flowStatus = FlowStatus.LANDING;
5205
+ }
5204
5206
  }
5205
5207
  try {
5206
5208
  await this.apiCall.AddStep(FlowSteps.CameraError);
@@ -5215,7 +5217,9 @@ const CameraError = class {
5215
5217
  sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
5216
5218
  window.location.reload();
5217
5219
  }
5218
- state.flowStatus = FlowStatus.LANDING;
5220
+ else {
5221
+ state.flowStatus = FlowStatus.LANDING;
5222
+ }
5219
5223
  }
5220
5224
  render() {
5221
5225
  return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.title), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), index.h("div", { hidden: this.device.isIos }, index.h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
@@ -5414,6 +5418,7 @@ class Cameras {
5414
5418
  const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
5415
5419
  const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
5416
5420
  stream.getVideoTracks().forEach(track => {
5421
+ var _a, _b;
5417
5422
  if (deviceInfo.isFirefox) {
5418
5423
  const settings = track.getSettings();
5419
5424
  let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
@@ -5424,6 +5429,7 @@ class Cameras {
5424
5429
  height: settings.height,
5425
5430
  width: settings.width,
5426
5431
  frameRate: Number(settings.frameRate.max),
5432
+ focusModes: (_a = settings.focusMode) !== null && _a !== void 0 ? _a : [],
5427
5433
  torch: false,
5428
5434
  recommended: false,
5429
5435
  facingMode: facingMode,
@@ -5439,6 +5445,7 @@ class Cameras {
5439
5445
  height: capabilities.height.max,
5440
5446
  width: capabilities.width.max,
5441
5447
  frameRate: Number(capabilities.frameRate.max),
5448
+ focusModes: (_b = capabilities.focusMode) !== null && _b !== void 0 ? _b : [],
5442
5449
  torch: capabilities.torch,
5443
5450
  recommended: false,
5444
5451
  facingMode: facingMode,
@@ -5451,7 +5458,7 @@ class Cameras {
5451
5458
  }
5452
5459
  if (allDevices.length > 0) {
5453
5460
  allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
5454
- var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
5461
+ var firstOption = allDevices.find(i => i.focusModes.length > 1 && i.facingMode === 'environment');
5455
5462
  if (firstOption) {
5456
5463
  allDevices[allDevices.indexOf(firstOption)].recommended = true;
5457
5464
  }
@@ -5918,7 +5925,7 @@ const IdDoubleSide = class {
5918
5925
  state.flowStatus = FlowStatus.LIVENESS;
5919
5926
  }
5920
5927
  switchCamera() {
5921
- if (this.captureRetryCount == 2) {
5928
+ if (this.captureRetryCount == 1) {
5922
5929
  let camIndex = state.cameraIds.indexOf(state.cameraId);
5923
5930
  state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
5924
5931
  this.captureRetryCount = 0;
@@ -6053,7 +6060,7 @@ const IdSingleSide = class {
6053
6060
  state.flowStatus = FlowStatus.LIVENESS;
6054
6061
  }
6055
6062
  switchCamera() {
6056
- if (this.captureRetryCount == 2) {
6063
+ if (this.captureRetryCount == 1) {
6057
6064
  let camIndex = state.cameraIds.indexOf(state.cameraId);
6058
6065
  state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
6059
6066
  this.captureRetryCount = 0;
@@ -6171,7 +6178,7 @@ function v4(options, buf, offset) {
6171
6178
  }
6172
6179
 
6173
6180
  const name = "@ekyc_qoobiss/qbs-ect-cmp";
6174
- const version$1 = "2.1.17";
6181
+ const version$1 = "2.1.19";
6175
6182
  const description = "Person Identification Component";
6176
6183
  const main = "./dist/index.cjs.js";
6177
6184
  const module$1 = "./dist/index.js";
@@ -6578,7 +6585,7 @@ const LandingValidation = class {
6578
6585
  }
6579
6586
  }
6580
6587
  render() {
6581
- return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, LandingValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("p", { class: "main-text font-size-2" }, LandingValues.Description), index.h("div", { class: "img-info" }, index.h("div", { class: "i-effect" }), index.h("img", { src: infoSvg })))), index.h("div", { class: "info-container" }, index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: idSvg })), index.h("h3", null, LandingValues.IdInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: deviceSvg })), index.h("h3", null, LandingValues.DeviceInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: validationSvg })), index.h("h3", null, LandingValues.SmsInfo))), index.h("div", { class: "terms-container" }, index.h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !state.initialised && this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), index.h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
6588
+ return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, LandingValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("p", { class: "main-text font-size-2" }, LandingValues.Description), index.h("div", { class: "img-info" }, index.h("div", { class: "i-effect" }), index.h("img", { src: infoSvg })))), index.h("div", { class: "info-container" }, index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: idSvg })), index.h("h3", null, LandingValues.IdInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: deviceSvg })), index.h("h3", null, LandingValues.DeviceInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: validationSvg })), index.h("h3", null, LandingValues.SmsInfo))), index.h("div", { class: "terms-container" }, index.h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !state.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), index.h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
6582
6589
  }
6583
6590
  };
6584
6591
  LandingValidation.style = landingValidationCss;
package/dist/collection/components/common/camera-error/camera-error.js CHANGED
@@ -27,8 +27,10 @@ export class CameraError {
27
27
  }
28
28
  else {
29
29
  var loaded = sessionStorage.getItem(SessionKeys.RefreshDoneKey);
30
- if (loaded === 'true')
30
+ if (loaded === 'true') {
31
+ sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
31
32
  store.flowStatus = FlowStatus.LANDING;
33
+ }
32
34
  }
33
35
  try {
34
36
  await this.apiCall.AddStep(FlowSteps.CameraError);
@@ -43,7 +45,9 @@ export class CameraError {
43
45
  sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
44
46
  window.location.reload();
45
47
  }
46
- store.flowStatus = FlowStatus.LANDING;
48
+ else {
49
+ store.flowStatus = FlowStatus.LANDING;
50
+ }
47
51
  }
48
52
  render() {
49
53
  return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.title), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), h("div", { hidden: this.device.isIos }, h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
package/dist/collection/components/flow/id-double-side/id-double-side.js CHANGED
@@ -167,7 +167,7 @@ export class IdDoubleSide {
167
167
  store.flowStatus = FlowStatus.LIVENESS;
168
168
  }
169
169
  switchCamera() {
170
- if (this.captureRetryCount == 2) {
170
+ if (this.captureRetryCount == 1) {
171
171
  let camIndex = store.cameraIds.indexOf(store.cameraId);
172
172
  store.cameraId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
173
173
  this.captureRetryCount = 0;
package/dist/collection/components/flow/id-single-side/id-single-side.js CHANGED
@@ -117,7 +117,7 @@ export class IdSingleSide {
117
117
  store.flowStatus = FlowStatus.LIVENESS;
118
118
  }
119
119
  switchCamera() {
120
- if (this.captureRetryCount == 2) {
120
+ if (this.captureRetryCount == 1) {
121
121
  let camIndex = store.cameraIds.indexOf(store.cameraId);
122
122
  store.cameraId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
123
123
  this.captureRetryCount = 0;
package/dist/collection/components/flow/landing-validation/landing-validation.js CHANGED
@@ -73,7 +73,7 @@ export class LandingValidation {
73
73
  }
74
74
  }
75
75
  render() {
76
- return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !store.initialised && this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
76
+ return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: info })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idDevice })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idValidation })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !store.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
77
77
  }
78
78
  static get is() { return "landing-validation"; }
79
79
  static get originalStyleUrls() {
package/dist/collection/helpers/Cameras.js CHANGED
@@ -8,6 +8,7 @@ export class Cameras {
8
8
  const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
9
9
  const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
10
10
  stream.getVideoTracks().forEach(track => {
11
+ var _a, _b;
11
12
  if (deviceInfo.isFirefox) {
12
13
  const settings = track.getSettings();
13
14
  let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
@@ -18,6 +19,7 @@ export class Cameras {
18
19
  height: settings.height,
19
20
  width: settings.width,
20
21
  frameRate: Number(settings.frameRate.max),
22
+ focusModes: (_a = settings.focusMode) !== null && _a !== void 0 ? _a : [],
21
23
  torch: false,
22
24
  recommended: false,
23
25
  facingMode: facingMode,
@@ -33,6 +35,7 @@ export class Cameras {
33
35
  height: capabilities.height.max,
34
36
  width: capabilities.width.max,
35
37
  frameRate: Number(capabilities.frameRate.max),
38
+ focusModes: (_b = capabilities.focusMode) !== null && _b !== void 0 ? _b : [],
36
39
  torch: capabilities.torch,
37
40
  recommended: false,
38
41
  facingMode: facingMode,
@@ -45,7 +48,7 @@ export class Cameras {
45
48
  }
46
49
  if (allDevices.length > 0) {
47
50
  allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
48
- var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
51
+ var firstOption = allDevices.find(i => i.focusModes.length > 1 && i.facingMode === 'environment');
49
52
  if (firstOption) {
50
53
  allDevices[allDevices.indexOf(firstOption)].recommended = true;
51
54
  }
package/dist/esm/agreement-check_18.entry.js CHANGED
@@ -5195,8 +5195,10 @@ const CameraError = class {
5195
5195
  }
5196
5196
  else {
5197
5197
  var loaded = sessionStorage.getItem(SessionKeys.RefreshDoneKey);
5198
- if (loaded === 'true')
5198
+ if (loaded === 'true') {
5199
+ sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
5199
5200
  state.flowStatus = FlowStatus.LANDING;
5201
+ }
5200
5202
  }
5201
5203
  try {
5202
5204
  await this.apiCall.AddStep(FlowSteps.CameraError);
@@ -5211,7 +5213,9 @@ const CameraError = class {
5211
5213
  sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
5212
5214
  window.location.reload();
5213
5215
  }
5214
- state.flowStatus = FlowStatus.LANDING;
5216
+ else {
5217
+ state.flowStatus = FlowStatus.LANDING;
5218
+ }
5215
5219
  }
5216
5220
  render() {
5217
5221
  return (h("div", { class: "container" }, h("div", { class: "row" }, h("h1", { class: "color-red" }, this.title), h("div", null, h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), h("div", { hidden: this.device.isIos }, h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
@@ -5410,6 +5414,7 @@ class Cameras {
5410
5414
  const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
5411
5415
  const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
5412
5416
  stream.getVideoTracks().forEach(track => {
5417
+ var _a, _b;
5413
5418
  if (deviceInfo.isFirefox) {
5414
5419
  const settings = track.getSettings();
5415
5420
  let facingMode = settings.facingMode && settings.facingMode.length > 0 ? settings.facingMode[0] : '';
@@ -5420,6 +5425,7 @@ class Cameras {
5420
5425
  height: settings.height,
5421
5426
  width: settings.width,
5422
5427
  frameRate: Number(settings.frameRate.max),
5428
+ focusModes: (_a = settings.focusMode) !== null && _a !== void 0 ? _a : [],
5423
5429
  torch: false,
5424
5430
  recommended: false,
5425
5431
  facingMode: facingMode,
@@ -5435,6 +5441,7 @@ class Cameras {
5435
5441
  height: capabilities.height.max,
5436
5442
  width: capabilities.width.max,
5437
5443
  frameRate: Number(capabilities.frameRate.max),
5444
+ focusModes: (_b = capabilities.focusMode) !== null && _b !== void 0 ? _b : [],
5438
5445
  torch: capabilities.torch,
5439
5446
  recommended: false,
5440
5447
  facingMode: facingMode,
@@ -5447,7 +5454,7 @@ class Cameras {
5447
5454
  }
5448
5455
  if (allDevices.length > 0) {
5449
5456
  allDevices = allDevices.sort((a, b) => b.frameRate - a.frameRate);
5450
- var firstOption = allDevices.find(i => i.name.indexOf('0,') != -1 && i.facingMode === 'environment');
5457
+ var firstOption = allDevices.find(i => i.focusModes.length > 1 && i.facingMode === 'environment');
5451
5458
  if (firstOption) {
5452
5459
  allDevices[allDevices.indexOf(firstOption)].recommended = true;
5453
5460
  }
@@ -5914,7 +5921,7 @@ const IdDoubleSide = class {
5914
5921
  state.flowStatus = FlowStatus.LIVENESS;
5915
5922
  }
5916
5923
  switchCamera() {
5917
- if (this.captureRetryCount == 2) {
5924
+ if (this.captureRetryCount == 1) {
5918
5925
  let camIndex = state.cameraIds.indexOf(state.cameraId);
5919
5926
  state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
5920
5927
  this.captureRetryCount = 0;
@@ -6049,7 +6056,7 @@ const IdSingleSide = class {
6049
6056
  state.flowStatus = FlowStatus.LIVENESS;
6050
6057
  }
6051
6058
  switchCamera() {
6052
- if (this.captureRetryCount == 2) {
6059
+ if (this.captureRetryCount == 1) {
6053
6060
  let camIndex = state.cameraIds.indexOf(state.cameraId);
6054
6061
  state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
6055
6062
  this.captureRetryCount = 0;
@@ -6167,7 +6174,7 @@ function v4(options, buf, offset) {
6167
6174
  }
6168
6175
 
6169
6176
  const name = "@ekyc_qoobiss/qbs-ect-cmp";
6170
- const version$1 = "2.1.17";
6177
+ const version$1 = "2.1.19";
6171
6178
  const description = "Person Identification Component";
6172
6179
  const main = "./dist/index.cjs.js";
6173
6180
  const module = "./dist/index.js";
@@ -6574,7 +6581,7 @@ const LandingValidation = class {
6574
6581
  }
6575
6582
  }
6576
6583
  render() {
6577
- return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: infoSvg })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: deviceSvg })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: validationSvg })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !state.initialised && this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
6584
+ return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: infoSvg })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: deviceSvg })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: validationSvg })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", type: "button", disabled: !state.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
6578
6585
  }
6579
6586
  };
6580
6587
  LandingValidation.style = landingValidationCss;