@authme/identity-verification 2.8.55 → 2.8.57

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 (3) hide show
  1. package/index.cjs.js +25 -14
  2. package/index.esm.js +25 -14
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -28851,7 +28851,8 @@ const renderBasicUI = userConfig => {
28851
28851
  const closeIcon = document.createElement('div');
28852
28852
  closeIcon.classList.add('video-container__close');
28853
28853
  // closeIcon.src = Icon.CloseIcon;
28854
- closeIcon.innerHTML = `<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#808080" fill-opacity="${uiThemeConfig.ekycCloseButton.backgroundOpacity}"/><path d="M24 24L40 40M40 24L24 40" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-opacity="${uiThemeConfig.ekycCloseButton.contentOpacity}"/></svg>`;
28854
+ closeIcon.textContent = '';
28855
+ closeIcon.insertAdjacentHTML('beforeend', `<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#808080" fill-opacity="${uiThemeConfig.ekycCloseButton.backgroundOpacity}"/><path d="M24 24L40 40M40 24L24 40" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-opacity="${uiThemeConfig.ekycCloseButton.contentOpacity}"/></svg>`);
28855
28856
  if (!userConfig.showCloseButton) {
28856
28857
  closeIcon.classList.add('authme-hide');
28857
28858
  }
@@ -29333,7 +29334,8 @@ const modal = arg => {
29333
29334
  domSubtitle.innerText = arg.subtitle;
29334
29335
  domImage.src = arg.image;
29335
29336
  domContent.textContent = arg.content;
29336
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
29337
+ domClose.textContent = '';
29338
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
29337
29339
  domConfirm.innerText = arg.confirm;
29338
29340
  domClose.addEventListener('click', async () => {
29339
29341
  if (arg.onClose) {
@@ -30003,10 +30005,11 @@ const renderOCRUI = config => {
30003
30005
  successBlockDom.classList.add('block');
30004
30006
  const successDom = document.createElement('div');
30005
30007
  // successDom.classList.add('img');
30006
- successDom.innerHTML = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
30008
+ successDom.textContent = '';
30009
+ successDom.insertAdjacentHTML('beforeend', `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
30007
30010
  <path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.fraudIntroStepTitle.backgroundOpacity}"/>
30008
30011
  <path d="M19.9938 28.8441L14.7813 23.6316L13.0063 25.3941L19.9938 32.3816L34.9938 17.3816L33.2313 15.6191L19.9938 28.8441Z" fill="white"/>
30009
- </svg>`;
30012
+ </svg>`);
30010
30013
  const successText = document.createElement('div');
30011
30014
  util.uiThemeText(successText, uiThemeConfig.bodyOne);
30012
30015
  successText.textContent = translateService.translate('sdk.general.done');
@@ -31727,7 +31730,8 @@ const fraudScanIntroPage = arg => {
31727
31730
  domImage2.src = arg.image2 || fraudScanIntroPageStep2;
31728
31731
  domBody2.innerText = arg.body2;
31729
31732
  domBody3.innerText = arg.body3;
31730
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
31733
+ domClose.textContent = '';
31734
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
31731
31735
  domConfirm.innerText = arg.confirm;
31732
31736
  util.uiThemeButton(domConfirm, uiThemeConfig.majorButton);
31733
31737
  // domBack.addEventListener('click', async () => {
@@ -31941,7 +31945,7 @@ const ocrResultModal = arg => {
31941
31945
  domDropMenuLi.classList.add('active');
31942
31946
  }
31943
31947
  domDropMenuLi.setAttribute('data-value', selection.value);
31944
- domDropMenuLi.innerHTML = `<span>${selection.name}</span>`;
31948
+ domDropMenuLi.textContent = selection.name;
31945
31949
  domDropMenuUl.appendChild(domDropMenuLi);
31946
31950
  });
31947
31951
  domDropMenu.appendChild(domDropMenuTitle);
@@ -32203,18 +32207,19 @@ const ocrResultModal = arg => {
32203
32207
  util.uiThemeText(domSubtitle, uiThemeConfig.resultBody);
32204
32208
  domTitle.innerText = arg.title;
32205
32209
  domSubtitle.innerText = arg.subtitle;
32206
- domHint.innerHTML = arg.hintText;
32210
+ domHint.textContent = arg.hintText;
32207
32211
  domCountDownContainer.style.color = uiThemeConfig.resultPageCountdown.textColor;
32208
32212
  domCountDownContainer.style.fontSize = `${uiThemeConfig.resultPageCountdown.fontSize}px`;
32209
32213
  domCountDownContainer.style.fontWeight = util.fontWeight[uiThemeConfig.resultPageCountdown.textWeight];
32210
32214
  domCountDownContainer.innerHTML = `${arg.countDown1Text} <span class="video-container__ocrResultModal-countdown" style="color: ${uiThemeConfig.resultPageCountdown.timeTextColor};font-size:${uiThemeConfig.resultPageCountdown.timeFontSize}px;font-weight:${util.fontWeight[uiThemeConfig.resultPageCountdown.timeTextWeight]}"> ${formatTime(timer)} </span> ${arg.countDown2Text}`;
32211
32215
  domConfirm.innerText = arg.confirmText;
32212
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
32216
+ domClose.textContent = '';
32217
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
32213
32218
  const countdownInterval = setInterval(() => {
32214
32219
  timer -= 1;
32215
32220
  const countdownEl = domModal.querySelector('.video-container__ocrResultModal-countdown');
32216
32221
  if (countdownEl) {
32217
- countdownEl.innerHTML = formatTime(timer);
32222
+ countdownEl.textContent = formatTime(timer);
32218
32223
  }
32219
32224
  if (timer <= 0) {
32220
32225
  clearInterval(countdownInterval);
@@ -33697,7 +33702,7 @@ async function startOCR(config) {
33697
33702
  container: uiComponentBasic.videoContainer
33698
33703
  });
33699
33704
  let hint = true;
33700
- cameraHint.innerHTML = translateService.translate('sdk.general.verify.error.switchCamera');
33705
+ cameraHint.textContent = translateService.translate('sdk.general.verify.error.switchCamera');
33701
33706
  cameraSwitchContainer.addEventListener('click', async () => {
33702
33707
  if (hint) {
33703
33708
  setTimeout(() => {
@@ -33773,7 +33778,8 @@ async function startOCR(config) {
33773
33778
  <path d="M15.0559 0.844991C14.0954 0.299519 12.8746 0.635956 12.3291 1.59644C11.7837 2.55693 12.1201 3.77775 13.0806 4.32322L14.0683 2.58411L15.0559 0.844991ZM24.3237 38.8301C25.1047 39.6112 26.371 39.6112 27.1521 38.8301L39.88 26.1022C40.6611 25.3212 40.6611 24.0548 39.88 23.2738C39.099 22.4927 37.8326 22.4927 37.0516 23.2738L25.7379 34.5875L14.4242 23.2738C13.6431 22.4927 12.3768 22.4927 11.5957 23.2738C10.8147 24.0548 10.8147 25.3212 11.5957 26.1022L24.3237 38.8301ZM14.0683 2.58411L13.0806 4.32322C19.6901 8.07682 22.2819 12.7684 23.3088 18.1847C23.836 20.9652 23.9531 23.9667 23.9286 27.2094C23.9163 28.8287 23.8693 30.4812 23.8246 32.1902C23.78 33.8911 23.7379 35.6411 23.7379 37.4159L25.7379 37.4159L27.7379 37.4159C27.7379 35.6988 27.7786 33.9955 27.8232 32.2949C27.8675 30.6023 27.9159 28.9052 27.9285 27.2397C27.9537 23.9128 27.8388 20.6044 27.2388 17.4396C26.0113 10.9653 22.7684 5.225 15.0559 0.844991L14.0683 2.58411Z" fill="#4AD396"/>
33774
33779
  </svg>`
33775
33780
  };
33776
- container.innerHTML = svgContent[direction];
33781
+ container.textContent = '';
33782
+ container.insertAdjacentHTML('beforeend', svgContent[direction]);
33777
33783
  return container;
33778
33784
  };
33779
33785
  switch (stage) {
@@ -33887,7 +33893,7 @@ const renderExtraUI = config => {
33887
33893
  config.videoContainer.appendChild(titleTextPanel);
33888
33894
  config.videoContainer.appendChild(cardborderContainer);
33889
33895
  // Set init text
33890
- titleText.innerHTML = translateService.translate('extra.title');
33896
+ titleText.textContent = translateService.translate('extra.title');
33891
33897
  // Picture
33892
33898
  const confirmContainer = document.createElement('div');
33893
33899
  confirmContainer.classList.add('confirm_container');
@@ -36907,6 +36913,11 @@ const [, setFeature] = featureUseState;
36907
36913
  const [, setStatusEvent] = eventUseState;
36908
36914
  const [, setStatusView] = viewUseState;
36909
36915
 
36916
+ function escapeHtml(str) {
36917
+ const div = document.createElement('div');
36918
+ div.textContent = str;
36919
+ return div.innerHTML;
36920
+ }
36910
36921
  function renderCardTypeAndCountryConfig(config) {
36911
36922
  eventListenerService.start();
36912
36923
  setFeature(core.Feature.SelectCardTypeAndCountry);
@@ -37058,7 +37069,7 @@ function renderCardTypeAndCountryConfig(config) {
37058
37069
  dom.addEventListener('click', handleCardTypeClick);
37059
37070
  dom.innerHTML = `
37060
37071
  <div class="card-in-frame">
37061
- <label class="card-label ${item.cardType.toLowerCase()}">${item.display}</label>
37072
+ <label class="card-label ${item.cardType.toLowerCase()}">${escapeHtml(item.display)}</label>
37062
37073
  <i class="card-icon"></i>
37063
37074
  </div>
37064
37075
  `;
@@ -37361,7 +37372,7 @@ class AuthmeIdentityVerification extends engine.AuthmeFunctionModule {
37361
37372
  }
37362
37373
 
37363
37374
  var name = "authme/sdk";
37364
- var version$1 = "2.8.55";
37375
+ var version$1 = "2.8.57";
37365
37376
  var packageInfo = {
37366
37377
  name: name,
37367
37378
  version: version$1};
package/index.esm.js CHANGED
@@ -28849,7 +28849,8 @@ const renderBasicUI = userConfig => {
28849
28849
  const closeIcon = document.createElement('div');
28850
28850
  closeIcon.classList.add('video-container__close');
28851
28851
  // closeIcon.src = Icon.CloseIcon;
28852
- closeIcon.innerHTML = `<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#808080" fill-opacity="${uiThemeConfig.ekycCloseButton.backgroundOpacity}"/><path d="M24 24L40 40M40 24L24 40" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-opacity="${uiThemeConfig.ekycCloseButton.contentOpacity}"/></svg>`;
28852
+ closeIcon.textContent = '';
28853
+ closeIcon.insertAdjacentHTML('beforeend', `<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="#808080" fill-opacity="${uiThemeConfig.ekycCloseButton.backgroundOpacity}"/><path d="M24 24L40 40M40 24L24 40" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-opacity="${uiThemeConfig.ekycCloseButton.contentOpacity}"/></svg>`);
28853
28854
  if (!userConfig.showCloseButton) {
28854
28855
  closeIcon.classList.add('authme-hide');
28855
28856
  }
@@ -29331,7 +29332,8 @@ const modal = arg => {
29331
29332
  domSubtitle.innerText = arg.subtitle;
29332
29333
  domImage.src = arg.image;
29333
29334
  domContent.textContent = arg.content;
29334
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
29335
+ domClose.textContent = '';
29336
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
29335
29337
  domConfirm.innerText = arg.confirm;
29336
29338
  domClose.addEventListener('click', async () => {
29337
29339
  if (arg.onClose) {
@@ -30001,10 +30003,11 @@ const renderOCRUI = config => {
30001
30003
  successBlockDom.classList.add('block');
30002
30004
  const successDom = document.createElement('div');
30003
30005
  // successDom.classList.add('img');
30004
- successDom.innerHTML = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
30006
+ successDom.textContent = '';
30007
+ successDom.insertAdjacentHTML('beforeend', `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
30005
30008
  <path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.fraudIntroStepTitle.backgroundOpacity}"/>
30006
30009
  <path d="M19.9938 28.8441L14.7813 23.6316L13.0063 25.3941L19.9938 32.3816L34.9938 17.3816L33.2313 15.6191L19.9938 28.8441Z" fill="white"/>
30007
- </svg>`;
30010
+ </svg>`);
30008
30011
  const successText = document.createElement('div');
30009
30012
  uiThemeText(successText, uiThemeConfig.bodyOne);
30010
30013
  successText.textContent = translateService.translate('sdk.general.done');
@@ -31725,7 +31728,8 @@ const fraudScanIntroPage = arg => {
31725
31728
  domImage2.src = arg.image2 || fraudScanIntroPageStep2;
31726
31729
  domBody2.innerText = arg.body2;
31727
31730
  domBody3.innerText = arg.body3;
31728
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
31731
+ domClose.textContent = '';
31732
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
31729
31733
  domConfirm.innerText = arg.confirm;
31730
31734
  uiThemeButton(domConfirm, uiThemeConfig.majorButton);
31731
31735
  // domBack.addEventListener('click', async () => {
@@ -31939,7 +31943,7 @@ const ocrResultModal = arg => {
31939
31943
  domDropMenuLi.classList.add('active');
31940
31944
  }
31941
31945
  domDropMenuLi.setAttribute('data-value', selection.value);
31942
- domDropMenuLi.innerHTML = `<span>${selection.name}</span>`;
31946
+ domDropMenuLi.textContent = selection.name;
31943
31947
  domDropMenuUl.appendChild(domDropMenuLi);
31944
31948
  });
31945
31949
  domDropMenu.appendChild(domDropMenuTitle);
@@ -32201,18 +32205,19 @@ const ocrResultModal = arg => {
32201
32205
  uiThemeText(domSubtitle, uiThemeConfig.resultBody);
32202
32206
  domTitle.innerText = arg.title;
32203
32207
  domSubtitle.innerText = arg.subtitle;
32204
- domHint.innerHTML = arg.hintText;
32208
+ domHint.textContent = arg.hintText;
32205
32209
  domCountDownContainer.style.color = uiThemeConfig.resultPageCountdown.textColor;
32206
32210
  domCountDownContainer.style.fontSize = `${uiThemeConfig.resultPageCountdown.fontSize}px`;
32207
32211
  domCountDownContainer.style.fontWeight = fontWeight[uiThemeConfig.resultPageCountdown.textWeight];
32208
32212
  domCountDownContainer.innerHTML = `${arg.countDown1Text} <span class="video-container__ocrResultModal-countdown" style="color: ${uiThemeConfig.resultPageCountdown.timeTextColor};font-size:${uiThemeConfig.resultPageCountdown.timeFontSize}px;font-weight:${fontWeight[uiThemeConfig.resultPageCountdown.timeTextWeight]}"> ${formatTime(timer)} </span> ${arg.countDown2Text}`;
32209
32213
  domConfirm.innerText = arg.confirmText;
32210
- domClose.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`;
32214
+ domClose.textContent = '';
32215
+ domClose.insertAdjacentHTML('beforeend', `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.1943 6.41714C19.6393 5.97216 19.6393 5.2507 19.1943 4.80571C18.7493 4.36073 18.0278 4.36073 17.5829 4.80571L12 10.3886L6.41714 4.80572C5.97216 4.36073 5.2507 4.36073 4.80571 4.80571C4.36073 5.2507 4.36073 5.97216 4.80571 6.41714L10.3886 12L4.80571 17.5829C4.36073 18.0278 4.36073 18.7493 4.80571 19.1943C5.2507 19.6393 5.97216 19.6393 6.41714 19.1943L12 13.6114L17.5829 19.1943C18.0278 19.6393 18.7493 19.6393 19.1943 19.1943C19.6393 18.7493 19.6393 18.0278 19.1943 17.5829L13.6114 12L19.1943 6.41714Z" fill="${uiThemeConfig.nonEkycCloseButton.contentColor}" fill-opacity="${uiThemeConfig.nonEkycCloseButton.contentOpacity}" /></svg>`);
32211
32216
  const countdownInterval = setInterval(() => {
32212
32217
  timer -= 1;
32213
32218
  const countdownEl = domModal.querySelector('.video-container__ocrResultModal-countdown');
32214
32219
  if (countdownEl) {
32215
- countdownEl.innerHTML = formatTime(timer);
32220
+ countdownEl.textContent = formatTime(timer);
32216
32221
  }
32217
32222
  if (timer <= 0) {
32218
32223
  clearInterval(countdownInterval);
@@ -33695,7 +33700,7 @@ async function startOCR(config) {
33695
33700
  container: uiComponentBasic.videoContainer
33696
33701
  });
33697
33702
  let hint = true;
33698
- cameraHint.innerHTML = translateService.translate('sdk.general.verify.error.switchCamera');
33703
+ cameraHint.textContent = translateService.translate('sdk.general.verify.error.switchCamera');
33699
33704
  cameraSwitchContainer.addEventListener('click', async () => {
33700
33705
  if (hint) {
33701
33706
  setTimeout(() => {
@@ -33771,7 +33776,8 @@ async function startOCR(config) {
33771
33776
  <path d="M15.0559 0.844991C14.0954 0.299519 12.8746 0.635956 12.3291 1.59644C11.7837 2.55693 12.1201 3.77775 13.0806 4.32322L14.0683 2.58411L15.0559 0.844991ZM24.3237 38.8301C25.1047 39.6112 26.371 39.6112 27.1521 38.8301L39.88 26.1022C40.6611 25.3212 40.6611 24.0548 39.88 23.2738C39.099 22.4927 37.8326 22.4927 37.0516 23.2738L25.7379 34.5875L14.4242 23.2738C13.6431 22.4927 12.3768 22.4927 11.5957 23.2738C10.8147 24.0548 10.8147 25.3212 11.5957 26.1022L24.3237 38.8301ZM14.0683 2.58411L13.0806 4.32322C19.6901 8.07682 22.2819 12.7684 23.3088 18.1847C23.836 20.9652 23.9531 23.9667 23.9286 27.2094C23.9163 28.8287 23.8693 30.4812 23.8246 32.1902C23.78 33.8911 23.7379 35.6411 23.7379 37.4159L25.7379 37.4159L27.7379 37.4159C27.7379 35.6988 27.7786 33.9955 27.8232 32.2949C27.8675 30.6023 27.9159 28.9052 27.9285 27.2397C27.9537 23.9128 27.8388 20.6044 27.2388 17.4396C26.0113 10.9653 22.7684 5.225 15.0559 0.844991L14.0683 2.58411Z" fill="#4AD396"/>
33772
33777
  </svg>`
33773
33778
  };
33774
- container.innerHTML = svgContent[direction];
33779
+ container.textContent = '';
33780
+ container.insertAdjacentHTML('beforeend', svgContent[direction]);
33775
33781
  return container;
33776
33782
  };
33777
33783
  switch (stage) {
@@ -33885,7 +33891,7 @@ const renderExtraUI = config => {
33885
33891
  config.videoContainer.appendChild(titleTextPanel);
33886
33892
  config.videoContainer.appendChild(cardborderContainer);
33887
33893
  // Set init text
33888
- titleText.innerHTML = translateService.translate('extra.title');
33894
+ titleText.textContent = translateService.translate('extra.title');
33889
33895
  // Picture
33890
33896
  const confirmContainer = document.createElement('div');
33891
33897
  confirmContainer.classList.add('confirm_container');
@@ -36905,6 +36911,11 @@ const [, setFeature] = featureUseState;
36905
36911
  const [, setStatusEvent] = eventUseState;
36906
36912
  const [, setStatusView] = viewUseState;
36907
36913
 
36914
+ function escapeHtml(str) {
36915
+ const div = document.createElement('div');
36916
+ div.textContent = str;
36917
+ return div.innerHTML;
36918
+ }
36908
36919
  function renderCardTypeAndCountryConfig(config) {
36909
36920
  eventListenerService.start();
36910
36921
  setFeature(Feature.SelectCardTypeAndCountry);
@@ -37056,7 +37067,7 @@ function renderCardTypeAndCountryConfig(config) {
37056
37067
  dom.addEventListener('click', handleCardTypeClick);
37057
37068
  dom.innerHTML = `
37058
37069
  <div class="card-in-frame">
37059
- <label class="card-label ${item.cardType.toLowerCase()}">${item.display}</label>
37070
+ <label class="card-label ${item.cardType.toLowerCase()}">${escapeHtml(item.display)}</label>
37060
37071
  <i class="card-icon"></i>
37061
37072
  </div>
37062
37073
  `;
@@ -37359,7 +37370,7 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
37359
37370
  }
37360
37371
 
37361
37372
  var name = "authme/sdk";
37362
- var version$1 = "2.8.55";
37373
+ var version$1 = "2.8.57";
37363
37374
  var packageInfo = {
37364
37375
  name: name,
37365
37376
  version: version$1};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@authme/identity-verification",
3
- "version": "2.8.55",
3
+ "version": "2.8.57",
4
4
  "peerDependencies": {
5
5
  "core-js": "^3.6.0",
6
6
  "lottie-web": "^5.9.2",