gbc-kyc-kit 3.4.0 → 3.4.2

package/dist/gbc-kyc-kit.es.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import * as React$2 from "react";
 import React__default$1, { forwardRef, useEffect, useReducer, useState, useRef, isValidElement, cloneElement, useLayoutEffect, useContext, Children, createElement, useCallback } from "react";
 import * as ReactDOM from "react-dom";
@@ -42657,7 +42663,7 @@ const V2OcrComponent = ({
   });
 };
 const name = "gbc-kyc-kit";
-const version = "3.4.0";
+const version = "3.4.2";
 const description = "Componentes para el desarrollo de un Onboarding";
 const license = "MIT";
 const author = "Global Bridge Connections";
@@ -42709,6 +42715,7 @@ const eslintConfig = {
   }
 };
 const dependencies = {
+  "@didit-protocol/sdk-web": "^0.1.8",
   "@emotion/react": "^11.10.6",
   "@emotion/styled": "^11.10.6",
   "@fontsource/roboto": "^4.5.8",
@@ -42726,7 +42733,7 @@ const dependencies = {
   "comma-separated-values": "^3.6.4",
   eslint: "^8.18.0",
   "eslint-plugin-react": "^7.30.1",
-  "gbc-kyc-kit": "^3.3.8",
+  "gbc-kyc-kit": "^3.4.1",
   "image-compressor.js": "^1.1.4",
   "image-js": "^0.37.0",
   "is-empty": "^1.2.0",
@@ -44899,6 +44906,1324 @@ lib.useDeviceData = useDeviceData;
 lib.useDeviceSelectors = useDeviceSelectors;
 lib.useMobileOrientation = useMobileOrientation;
 lib.withOrientationChange = withOrientationChange;
+const DEFAULT_CONFIG = {
+  zIndex: 9999,
+  showCloseButton: true,
+  showExitConfirmation: true,
+  loggingEnabled: false,
+  closeModalOnComplete: false
+};
+const CSS_CLASSES = {
+  overlay: "didit-modal-overlay",
+  container: "didit-modal-container",
+  content: "didit-modal-content",
+  iframe: "didit-verification-iframe",
+  closeButton: "didit-close-button",
+  loading: "didit-loading",
+  confirmOverlay: "didit-confirm-overlay",
+  confirmBox: "didit-confirm-box",
+  embedded: "didit-embedded"
+};
+const languages = [
+  "ar",
+  "bg",
+  "bn",
+  "ca",
+  "cnr",
+  "cs",
+  "da",
+  "de",
+  "el",
+  "en",
+  "es",
+  "et",
+  "fa",
+  "fi",
+  "fr",
+  "he",
+  "hi",
+  "hr",
+  "hu",
+  "hy",
+  "id",
+  "it",
+  "ja",
+  "ka",
+  "ko",
+  "lt",
+  "lv",
+  "mk",
+  "ms",
+  "nl",
+  "no",
+  "pl",
+  "pt-BR",
+  "pt",
+  "ro",
+  "ru",
+  "sk",
+  "sl",
+  "so",
+  "sr",
+  "sv",
+  "th",
+  "tr",
+  "uk",
+  "uz",
+  "vi",
+  "zh-CN",
+  "zh-TW",
+  "zh"
+];
+class SDKLogger {
+  static get isEnabled() {
+    return this._enabled;
+  }
+  static set isEnabled(value) {
+    this._enabled = value;
+  }
+  static log(...args) {
+    if (this._enabled) {
+      console.log("[DiditSDK]", ...args);
+    }
+  }
+  static warn(...args) {
+    if (this._enabled) {
+      console.warn("[DiditSDK]", ...args);
+    }
+  }
+  static error(...args) {
+    if (this._enabled) {
+      console.error("[DiditSDK]", ...args);
+    }
+  }
+}
+__publicField(SDKLogger, "_enabled", false);
+function generateModalId() {
+  return `didit-modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function isAllowedOrigin(origin) {
+  try {
+    const url = new URL(origin);
+    return url.hostname.endsWith(".didit.me");
+  } catch {
+    return false;
+  }
+}
+function createVerificationError(type, customMessage) {
+  const messages = {
+    sessionExpired: "La sesi\xF3n de verificaci\xF3n ha expirado.",
+    networkError: "Un error de red ha ocurrido. Por favor, intenta de nuevo.",
+    cameraAccessDenied: "El acceso a la c\xE1mara es necesario para la verificaci\xF3n.",
+    unknown: customMessage || "Un error desconocido ha ocurrido."
+  };
+  return {
+    type,
+    message: customMessage || messages[type]
+  };
+}
+function detectLanguageFromUrl(url) {
+  try {
+    const { pathname } = new URL(url);
+    const firstSegment = pathname.split("/").filter(Boolean)[0];
+    if (firstSegment && languages.includes(firstSegment)) {
+      return firstSegment;
+    }
+  } catch {
+  }
+  const browserLang = navigator.language;
+  if (languages.includes(browserLang))
+    return browserLang;
+  const baseLang = browserLang.split("-")[0];
+  if (languages.includes(baseLang))
+    return baseLang;
+  return "es";
+}
+const EN = {
+  exitTitle: "Exit verification?",
+  exitMessage: "Exiting will end your verification process. Are you sure?",
+  continueButton: "Continue",
+  exitButton: "Exit",
+  ariaLabelModal: "Didit Verification",
+  ariaLabelClose: "Close verification"
+};
+const translationsMap = {
+  ar: {
+    exitTitle: "\u0627\u0644\u062E\u0631\u0648\u062C \u0645\u0646 \u0627\u0644\u062A\u062D\u0642\u0642\u061F",
+    exitMessage: "\u0633\u064A\u0624\u062F\u064A \u0627\u0644\u062E\u0631\u0648\u062C \u0625\u0644\u0649 \u0625\u0646\u0647\u0627\u0621 \u0639\u0645\u0644\u064A\u0629 \u0627\u0644\u062A\u062D\u0642\u0642 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643. \u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F\u061F",
+    continueButton: "\u0645\u062A\u0627\u0628\u0639\u0629",
+    exitButton: "\u062E\u0631\u0648\u062C",
+    ariaLabelModal: "\u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 Didit",
+    ariaLabelClose: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u062A\u062D\u0642\u0642"
+  },
+  bg: {
+    exitTitle: "\u0418\u0437\u043B\u0438\u0437\u0430\u043D\u0435 \u043E\u0442 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\u0442\u0430?",
+    exitMessage: "\u0418\u0437\u043B\u0438\u0437\u0430\u043D\u0435\u0442\u043E \u0449\u0435 \u043F\u0440\u0435\u043A\u0440\u0430\u0442\u0438 \u043F\u0440\u043E\u0446\u0435\u0441\u0430 \u043D\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F. \u0421\u0438\u0433\u0443\u0440\u043D\u0438 \u043B\u0438 \u0441\u0442\u0435?",
+    continueButton: "\u041F\u0440\u043E\u0434\u044A\u043B\u0436\u0438",
+    exitButton: "\u0418\u0437\u0445\u043E\u0434",
+    ariaLabelModal: "\u0412\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F Didit",
+    ariaLabelClose: "\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\u0442\u0430"
+  },
+  bn: {
+    exitTitle: "\u09AF\u09BE\u099A\u09BE\u0987\u0995\u09B0\u09A3 \u09A5\u09C7\u0995\u09C7 \u09AC\u09C7\u09B0 \u09B9\u09AC\u09C7\u09A8?",
+    exitMessage: "\u09AC\u09C7\u09B0 \u09B9\u09B2\u09C7 \u0986\u09AA\u09A8\u09BE\u09B0 \u09AF\u09BE\u099A\u09BE\u0987\u0995\u09B0\u09A3 \u09AA\u09CD\u09B0\u0995\u09CD\u09B0\u09BF\u09AF\u09BC\u09BE \u09B6\u09C7\u09B7 \u09B9\u09AF\u09BC\u09C7 \u09AF\u09BE\u09AC\u09C7\u0964 \u0986\u09AA\u09A8\u09BF \u0995\u09BF \u09A8\u09BF\u09B6\u09CD\u099A\u09BF\u09A4?",
+    continueButton: "\u099A\u09BE\u09B2\u09BF\u09AF\u09BC\u09C7 \u09AF\u09BE\u09A8",
+    exitButton: "\u09AC\u09C7\u09B0 \u09B9\u09A8",
+    ariaLabelModal: "Didit \u09AF\u09BE\u099A\u09BE\u0987\u0995\u09B0\u09A3",
+    ariaLabelClose: "\u09AF\u09BE\u099A\u09BE\u0987\u0995\u09B0\u09A3 \u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+  },
+  ca: {
+    exitTitle: "Sortir de la verificaci\xF3?",
+    exitMessage: "Sortir finalitzar\xE0 el proc\xE9s de verificaci\xF3. N'esteu segur?",
+    continueButton: "Continua",
+    exitButton: "Sortir",
+    ariaLabelModal: "Verificaci\xF3 Didit",
+    ariaLabelClose: "Tancar verificaci\xF3"
+  },
+  cnr: {
+    exitTitle: "Iza\u0107i iz verifikacije?",
+    exitMessage: "Izlaskom \u0107ete prekinuti proces verifikacije. Jeste li sigurni?",
+    continueButton: "Nastavi",
+    exitButton: "Iza\u0111i",
+    ariaLabelModal: "Didit verifikacija",
+    ariaLabelClose: "Zatvori verifikaciju"
+  },
+  cs: {
+    exitTitle: "Opustit ov\u011B\u0159en\xED?",
+    exitMessage: "Odchodem ukon\u010D\xEDte proces ov\u011B\u0159en\xED. Jste si jisti?",
+    continueButton: "Pokra\u010Dovat",
+    exitButton: "Odej\xEDt",
+    ariaLabelModal: "Ov\u011B\u0159en\xED Didit",
+    ariaLabelClose: "Zav\u0159\xEDt ov\u011B\u0159en\xED"
+  },
+  da: {
+    exitTitle: "Forlad verifikation?",
+    exitMessage: "Hvis du forlader, afsluttes din verifikationsproces. Er du sikker?",
+    continueButton: "Forts\xE6t",
+    exitButton: "Forlad",
+    ariaLabelModal: "Didit-verifikation",
+    ariaLabelClose: "Luk verifikation"
+  },
+  de: {
+    exitTitle: "Verifizierung verlassen?",
+    exitMessage: "Das Verlassen beendet Ihren Verifizierungsprozess. Sind Sie sicher?",
+    continueButton: "Fortfahren",
+    exitButton: "Verlassen",
+    ariaLabelModal: "Didit-Verifizierung",
+    ariaLabelClose: "Verifizierung schlie\xDFen"
+  },
+  el: {
+    exitTitle: "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7;",
+    exitMessage: "\u0397 \u03AD\u03BE\u03BF\u03B4\u03BF\u03C2 \u03B8\u03B1 \u03C4\u03B5\u03C1\u03BC\u03B1\u03C4\u03AF\u03C3\u03B5\u03B9 \u03C4\u03B7 \u03B4\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B1 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2. \u0395\u03AF\u03C3\u03C4\u03B5 \u03C3\u03AF\u03B3\u03BF\u03C5\u03C1\u03BF\u03B9;",
+    continueButton: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    exitButton: "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2",
+    ariaLabelModal: "\u0395\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7 Didit",
+    ariaLabelClose: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2"
+  },
+  en: EN,
+  es: {
+    exitTitle: "\xBFSalir de la verificaci\xF3n?",
+    exitMessage: "Salir terminar\xE1 tu proceso de verificaci\xF3n. \xBFEst\xE1s seguro?",
+    continueButton: "Continuar",
+    exitButton: "Salir",
+    ariaLabelModal: "Verificaci\xF3n Didit",
+    ariaLabelClose: "Cerrar verificaci\xF3n"
+  },
+  et: {
+    exitTitle: "Lahkuda kinnitamisest?",
+    exitMessage: "Lahkumine l\xF5petab teie kinnitamisprotsessi. Kas olete kindel?",
+    continueButton: "J\xE4tka",
+    exitButton: "Lahku",
+    ariaLabelModal: "Didit kinnitus",
+    ariaLabelClose: "Sulge kinnitus"
+  },
+  fa: {
+    exitTitle: "\u062E\u0631\u0648\u062C \u0627\u0632 \u062A\u0623\u06CC\u06CC\u062F \u0647\u0648\u06CC\u062A\u061F",
+    exitMessage: "\u062E\u0631\u0648\u062C \u0628\u0627\u0639\u062B \u067E\u0627\u06CC\u0627\u0646 \u0641\u0631\u0622\u06CC\u0646\u062F \u062A\u0623\u06CC\u06CC\u062F \u0647\u0648\u06CC\u062A \u0634\u0645\u0627 \u0645\u06CC\u200C\u0634\u0648\u062F. \u0622\u06CC\u0627 \u0645\u0637\u0645\u0626\u0646 \u0647\u0633\u062A\u06CC\u062F\u061F",
+    continueButton: "\u0627\u062F\u0627\u0645\u0647",
+    exitButton: "\u062E\u0631\u0648\u062C",
+    ariaLabelModal: "\u062A\u0623\u06CC\u06CC\u062F \u0647\u0648\u06CC\u062A Didit",
+    ariaLabelClose: "\u0628\u0633\u062A\u0646 \u062A\u0623\u06CC\u06CC\u062F \u0647\u0648\u06CC\u062A"
+  },
+  fi: {
+    exitTitle: "Poistu vahvistuksesta?",
+    exitMessage: "Poistuminen p\xE4\xE4tt\xE4\xE4 vahvistusprosessisi. Oletko varma?",
+    continueButton: "Jatka",
+    exitButton: "Poistu",
+    ariaLabelModal: "Didit-vahvistus",
+    ariaLabelClose: "Sulje vahvistus"
+  },
+  fr: {
+    exitTitle: "Quitter la v\xE9rification ?",
+    exitMessage: "Quitter mettra fin \xE0 votre processus de v\xE9rification. \xCAtes-vous s\xFBr ?",
+    continueButton: "Continuer",
+    exitButton: "Quitter",
+    ariaLabelModal: "V\xE9rification Didit",
+    ariaLabelClose: "Fermer la v\xE9rification"
+  },
+  he: {
+    exitTitle: "\u05DC\u05E6\u05D0\u05EA \u05DE\u05D4\u05D0\u05D9\u05DE\u05D5\u05EA?",
+    exitMessage: "\u05D9\u05E6\u05D9\u05D0\u05D4 \u05EA\u05E1\u05D9\u05D9\u05DD \u05D0\u05EA \u05EA\u05D4\u05DC\u05D9\u05DA \u05D4\u05D0\u05D9\u05DE\u05D5\u05EA \u05E9\u05DC\u05DA. \u05D4\u05D0\u05DD \u05D0\u05EA\u05D4 \u05D1\u05D8\u05D5\u05D7?",
+    continueButton: "\u05D4\u05DE\u05E9\u05DA",
+    exitButton: "\u05D9\u05E6\u05D9\u05D0\u05D4",
+    ariaLabelModal: "\u05D0\u05D9\u05DE\u05D5\u05EA Didit",
+    ariaLabelClose: "\u05E1\u05D2\u05D9\u05E8\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA"
+  },
+  hi: {
+    exitTitle: "\u0938\u0924\u094D\u092F\u093E\u092A\u0928 \u0938\u0947 \u092C\u093E\u0939\u0930 \u0928\u093F\u0915\u0932\u0947\u0902?",
+    exitMessage: "\u092C\u093E\u0939\u0930 \u0928\u093F\u0915\u0932\u0928\u0947 \u0938\u0947 \u0906\u092A\u0915\u0940 \u0938\u0924\u094D\u092F\u093E\u092A\u0928 \u092A\u094D\u0930\u0915\u094D\u0930\u093F\u092F\u093E \u0938\u092E\u093E\u092A\u094D\u0924 \u0939\u094B \u091C\u093E\u090F\u0917\u0940\u0964 \u0915\u094D\u092F\u093E \u0906\u092A \u0938\u0941\u0928\u093F\u0936\u094D\u091A\u093F\u0924 \u0939\u0948\u0902?",
+    continueButton: "\u091C\u093E\u0930\u0940 \u0930\u0916\u0947\u0902",
+    exitButton: "\u092C\u093E\u0939\u0930 \u0928\u093F\u0915\u0932\u0947\u0902",
+    ariaLabelModal: "Didit \u0938\u0924\u094D\u092F\u093E\u092A\u0928",
+    ariaLabelClose: "\u0938\u0924\u094D\u092F\u093E\u092A\u0928 \u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+  },
+  hr: {
+    exitTitle: "Iza\u0107i iz verifikacije?",
+    exitMessage: "Izlaskom \u0107ete prekinuti proces verifikacije. Jeste li sigurni?",
+    continueButton: "Nastavi",
+    exitButton: "Iza\u0111i",
+    ariaLabelModal: "Didit verifikacija",
+    ariaLabelClose: "Zatvori verifikaciju"
+  },
+  hu: {
+    exitTitle: "Kil\xE9p\xE9s az ellen\u0151rz\xE9sb\u0151l?",
+    exitMessage: "A kil\xE9p\xE9s befejezi az ellen\u0151rz\xE9si folyamatot. Biztos benne?",
+    continueButton: "Folytat\xE1s",
+    exitButton: "Kil\xE9p\xE9s",
+    ariaLabelModal: "Didit ellen\u0151rz\xE9s",
+    ariaLabelClose: "Ellen\u0151rz\xE9s bez\xE1r\xE1sa"
+  },
+  hy: {
+    exitTitle: "\u0534\u0578\u0582\u0580\u057D \u0563\u0561\u055E\u056C \u057D\u057F\u0578\u0582\u0563\u0578\u0582\u0574\u056B\u0581",
+    exitMessage: "\u0534\u0578\u0582\u0580\u057D \u0563\u0561\u056C\u0568 \u056F\u0561\u057E\u0561\u0580\u057F\u056B \u0571\u0565\u0580 \u057D\u057F\u0578\u0582\u0563\u0574\u0561\u0576 \u0563\u0578\u0580\u056E\u0568\u0576\u0569\u0561\u0581\u0568\u0589 \u0540\u0561\u0574\u0578\u0566\u057E\u0561\u056E \u0565\u055E\u0584?",
+    continueButton: "\u0547\u0561\u0580\u0578\u0582\u0576\u0561\u056F\u0565\u056C",
+    exitButton: "\u0534\u0578\u0582\u0580\u057D \u0563\u0561\u056C",
+    ariaLabelModal: "Didit \u057D\u057F\u0578\u0582\u0563\u0578\u0582\u0574",
+    ariaLabelClose: "\u0553\u0561\u056F\u0565\u056C \u057D\u057F\u0578\u0582\u0563\u0578\u0582\u0574\u0568"
+  },
+  id: {
+    exitTitle: "Keluar dari verifikasi?",
+    exitMessage: "Keluar akan mengakhiri proses verifikasi Anda. Apakah Anda yakin?",
+    continueButton: "Lanjutkan",
+    exitButton: "Keluar",
+    ariaLabelModal: "Verifikasi Didit",
+    ariaLabelClose: "Tutup verifikasi"
+  },
+  it: {
+    exitTitle: "Uscire dalla verifica?",
+    exitMessage: "L'uscita terminer\xE0 il processo di verifica. Sei sicuro?",
+    continueButton: "Continua",
+    exitButton: "Esci",
+    ariaLabelModal: "Verifica Didit",
+    ariaLabelClose: "Chiudi verifica"
+  },
+  ja: {
+    exitTitle: "\u8A8D\u8A3C\u3092\u7D42\u4E86\u3057\u307E\u3059\u304B\uFF1F",
+    exitMessage: "\u7D42\u4E86\u3059\u308B\u3068\u8A8D\u8A3C\u30D7\u30ED\u30BB\u30B9\u304C\u4E2D\u65AD\u3055\u308C\u307E\u3059\u3002\u3088\u308D\u3057\u3044\u3067\u3059\u304B\uFF1F",
+    continueButton: "\u7D9A\u3051\u308B",
+    exitButton: "\u7D42\u4E86",
+    ariaLabelModal: "Didit \u8A8D\u8A3C",
+    ariaLabelClose: "\u8A8D\u8A3C\u3092\u9589\u3058\u308B"
+  },
+  ka: {
+    exitTitle: "\u10D2\u10D0\u10DB\u10DD\u10E1\u10D5\u10DA\u10D0 \u10E8\u10D4\u10DB\u10DD\u10EC\u10DB\u10D4\u10D1\u10D8\u10D3\u10D0\u10DC?",
+    exitMessage: "\u10D2\u10D0\u10DB\u10DD\u10E1\u10D5\u10DA\u10D0 \u10D3\u10D0\u10D0\u10E1\u10E0\u10E3\u10DA\u10D4\u10D1\u10E1 \u10D7\u10E5\u10D5\u10D4\u10DC\u10E1 \u10E8\u10D4\u10DB\u10DD\u10EC\u10DB\u10D4\u10D1\u10D8\u10E1 \u10DE\u10E0\u10DD\u10EA\u10D4\u10E1\u10E1. \u10D3\u10D0\u10E0\u10EC\u10DB\u10E3\u10DC\u10D4\u10D1\u10E3\u10DA\u10D8 \u10EE\u10D0\u10E0\u10D7?",
+    continueButton: "\u10D2\u10D0\u10D2\u10E0\u10EB\u10D4\u10DA\u10D4\u10D1\u10D0",
+    exitButton: "\u10D2\u10D0\u10DB\u10DD\u10E1\u10D5\u10DA\u10D0",
+    ariaLabelModal: "Didit \u10E8\u10D4\u10DB\u10DD\u10EC\u10DB\u10D4\u10D1\u10D0",
+    ariaLabelClose: "\u10E8\u10D4\u10DB\u10DD\u10EC\u10DB\u10D4\u10D1\u10D8\u10E1 \u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+  },
+  ko: {
+    exitTitle: "\uC778\uC99D\uC744 \uC885\uB8CC\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+    exitMessage: "\uC885\uB8CC\uD558\uBA74 \uC778\uC99D \uC808\uCC28\uAC00 \uC911\uB2E8\uB429\uB2C8\uB2E4. \uD655\uC2E4\uD558\uC2ED\uB2C8\uAE4C?",
+    continueButton: "\uACC4\uC18D",
+    exitButton: "\uC885\uB8CC",
+    ariaLabelModal: "Didit \uC778\uC99D",
+    ariaLabelClose: "\uC778\uC99D \uB2EB\uAE30"
+  },
+  lt: {
+    exitTitle: "I\u0161eiti i\u0161 patvirtinimo?",
+    exitMessage: "I\u0161\u0117jimas nutrauks j\u016Bs\u0173 patvirtinimo proces\u0105. Ar esate tikri?",
+    continueButton: "T\u0119sti",
+    exitButton: "I\u0161eiti",
+    ariaLabelModal: "Didit patvirtinimas",
+    ariaLabelClose: "U\u017Edaryti patvirtinim\u0105"
+  },
+  lv: {
+    exitTitle: "Iziet no verifik\u0101cijas?",
+    exitMessage: "Izie\u0161ana p\u0101rtrauks j\u016Bsu verifik\u0101cijas procesu. Vai esat p\u0101rliecin\u0101ts?",
+    continueButton: "Turpin\u0101t",
+    exitButton: "Iziet",
+    ariaLabelModal: "Didit verifik\u0101cija",
+    ariaLabelClose: "Aizv\u0113rt verifik\u0101ciju"
+  },
+  mk: {
+    exitTitle: "\u0418\u0437\u043B\u0435\u0437\u0438 \u043E\u0434 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0430\u0442\u0430?",
+    exitMessage: "\u0418\u0437\u043B\u0435\u0433\u0443\u0432\u0430\u045A\u0435\u0442\u043E \u045C\u0435 \u0433\u043E \u043F\u0440\u0435\u043A\u0438\u043D\u0435 \u043F\u0440\u043E\u0446\u0435\u0441\u043E\u0442 \u043D\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0430. \u0414\u0430\u043B\u0438 \u0441\u0442\u0435 \u0441\u0438\u0433\u0443\u0440\u043D\u0438?",
+    continueButton: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438",
+    exitButton: "\u0418\u0437\u043B\u0435\u0437\u0438",
+    ariaLabelModal: "\u0412\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0430 Didit",
+    ariaLabelClose: "\u0417\u0430\u0442\u0432\u043E\u0440\u0438 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0430"
+  },
+  ms: {
+    exitTitle: "Keluar dari pengesahan?",
+    exitMessage: "Keluar akan menamatkan proses pengesahan anda. Adakah anda pasti?",
+    continueButton: "Teruskan",
+    exitButton: "Keluar",
+    ariaLabelModal: "Pengesahan Didit",
+    ariaLabelClose: "Tutup pengesahan"
+  },
+  nl: {
+    exitTitle: "Verificatie verlaten?",
+    exitMessage: "Verlaten be\xEBindigt uw verificatieproces. Weet u het zeker?",
+    continueButton: "Doorgaan",
+    exitButton: "Verlaten",
+    ariaLabelModal: "Didit-verificatie",
+    ariaLabelClose: "Verificatie sluiten"
+  },
+  no: {
+    exitTitle: "Forlat verifisering?",
+    exitMessage: "\xC5 forlate vil avslutte verifiseringsprosessen. Er du sikker?",
+    continueButton: "Fortsett",
+    exitButton: "Forlat",
+    ariaLabelModal: "Didit-verifisering",
+    ariaLabelClose: "Lukk verifisering"
+  },
+  pl: {
+    exitTitle: "Czy wyj\u015B\u0107 z weryfikacji?",
+    exitMessage: "Wyj\u015Bcie zako\u0144czy proces weryfikacji. Czy na pewno?",
+    continueButton: "Kontynuuj",
+    exitButton: "Wyjd\u017A",
+    ariaLabelModal: "Weryfikacja Didit",
+    ariaLabelClose: "Zamknij weryfikacj\u0119"
+  },
+  "pt-BR": {
+    exitTitle: "Sair da verifica\xE7\xE3o?",
+    exitMessage: "Sair encerrar\xE1 seu processo de verifica\xE7\xE3o. Tem certeza?",
+    continueButton: "Continuar",
+    exitButton: "Sair",
+    ariaLabelModal: "Verifica\xE7\xE3o Didit",
+    ariaLabelClose: "Fechar verifica\xE7\xE3o"
+  },
+  pt: {
+    exitTitle: "Sair da verifica\xE7\xE3o?",
+    exitMessage: "Sair terminar\xE1 o seu processo de verifica\xE7\xE3o. Tem a certeza?",
+    continueButton: "Continuar",
+    exitButton: "Sair",
+    ariaLabelModal: "Verifica\xE7\xE3o Didit",
+    ariaLabelClose: "Fechar verifica\xE7\xE3o"
+  },
+  ro: {
+    exitTitle: "Ie\u0219i din verificare?",
+    exitMessage: "Ie\u0219irea va \xEEncheia procesul de verificare. E\u0219ti sigur?",
+    continueButton: "Continu\u0103",
+    exitButton: "Ie\u0219i",
+    ariaLabelModal: "Verificare Didit",
+    ariaLabelClose: "\xCEnchide verificarea"
+  },
+  ru: {
+    exitTitle: "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438?",
+    exitMessage: "\u0412\u044B\u0445\u043E\u0434 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442 \u043F\u0440\u043E\u0446\u0435\u0441\u0441 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438. \u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B?",
+    continueButton: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C",
+    exitButton: "\u0412\u044B\u0439\u0442\u0438",
+    ariaLabelModal: "\u0412\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F Didit",
+    ariaLabelClose: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044E"
+  },
+  sk: {
+    exitTitle: "Opusti\u0165 overenie?",
+    exitMessage: "Odchodom ukon\u010D\xEDte proces overenia. Ste si ist\xED?",
+    continueButton: "Pokra\u010Dova\u0165",
+    exitButton: "Od\xEDs\u0165",
+    ariaLabelModal: "Overenie Didit",
+    ariaLabelClose: "Zavrie\u0165 overenie"
+  },
+  sl: {
+    exitTitle: "Zapustiti preverjanje?",
+    exitMessage: "Izhod bo prekinil postopek preverjanja. Ali ste prepri\u010Dani?",
+    continueButton: "Nadaljuj",
+    exitButton: "Izhod",
+    ariaLabelModal: "Preverjanje Didit",
+    ariaLabelClose: "Zapri preverjanje"
+  },
+  so: {
+    exitTitle: "Ka baxdo xaqiijinta?",
+    exitMessage: "Ka bixitaanku wuxuu dhammayn doonaa habka xaqiijintaada. Ma hubtaa?",
+    continueButton: "Sii wad",
+    exitButton: "Ka bax",
+    ariaLabelModal: "Xaqiijinta Didit",
+    ariaLabelClose: "Xir xaqiijinta"
+  },
+  sr: {
+    exitTitle: "\u0418\u0437\u0430\u045B\u0438 \u0438\u0437 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0435?",
+    exitMessage: "\u0418\u0437\u043B\u0430\u0441\u043A\u043E\u043C \u045B\u0435\u0442\u0435 \u043F\u0440\u0435\u043A\u0438\u043D\u0443\u0442\u0438 \u043F\u0440\u043E\u0446\u0435\u0441 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0435. \u0414\u0430 \u043B\u0438 \u0441\u0442\u0435 \u0441\u0438\u0433\u0443\u0440\u043D\u0438?",
+    continueButton: "\u041D\u0430\u0441\u0442\u0430\u0432\u0438",
+    exitButton: "\u0418\u0437\u0430\u0452\u0438",
+    ariaLabelModal: "\u0412\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0430 Didit",
+    ariaLabelClose: "\u0417\u0430\u0442\u0432\u043E\u0440\u0438 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0458\u0443"
+  },
+  sv: {
+    exitTitle: "L\xE4mna verifiering?",
+    exitMessage: "Att l\xE4mna avslutar din verifieringsprocess. \xC4r du s\xE4ker?",
+    continueButton: "Forts\xE4tt",
+    exitButton: "L\xE4mna",
+    ariaLabelModal: "Didit-verifiering",
+    ariaLabelClose: "St\xE4ng verifiering"
+  },
+  th: {
+    exitTitle: "\u0E2D\u0E2D\u0E01\u0E08\u0E32\u0E01\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19?",
+    exitMessage: "\u0E01\u0E32\u0E23\u0E2D\u0E2D\u0E01\u0E08\u0E30\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14\u0E01\u0E23\u0E30\u0E1A\u0E27\u0E19\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13 \u0E04\u0E38\u0E13\u0E41\u0E19\u0E48\u0E43\u0E08\u0E2B\u0E23\u0E37\u0E2D\u0E44\u0E21\u0E48?",
+    continueButton: "\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E15\u0E48\u0E2D",
+    exitButton: "\u0E2D\u0E2D\u0E01",
+    ariaLabelModal: "\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19 Didit",
+    ariaLabelClose: "\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19"
+  },
+  tr: {
+    exitTitle: "Do\u011Frulamadan \xE7\u0131kmak istiyor musunuz?",
+    exitMessage: "\xC7\u0131k\u0131\u015F, do\u011Frulama s\xFCrecinizi sonland\u0131racak. Emin misiniz?",
+    continueButton: "Devam et",
+    exitButton: "\xC7\u0131k\u0131\u015F",
+    ariaLabelModal: "Didit do\u011Frulama",
+    ariaLabelClose: "Do\u011Frulamay\u0131 kapat"
+  },
+  uk: {
+    exitTitle: "\u0412\u0438\u0439\u0442\u0438 \u0437 \u0432\u0435\u0440\u0438\u0444\u0456\u043A\u0430\u0446\u0456\u0457?",
+    exitMessage: "\u0412\u0438\u0445\u0456\u0434 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043F\u0440\u043E\u0446\u0435\u0441 \u0432\u0435\u0440\u0438\u0444\u0456\u043A\u0430\u0446\u0456\u0457. \u0412\u0438 \u0432\u043F\u0435\u0432\u043D\u0435\u043D\u0456?",
+    continueButton: "\u041F\u0440\u043E\u0434\u043E\u0432\u0436\u0438\u0442\u0438",
+    exitButton: "\u0412\u0438\u0439\u0442\u0438",
+    ariaLabelModal: "\u0412\u0435\u0440\u0438\u0444\u0456\u043A\u0430\u0446\u0456\u044F Didit",
+    ariaLabelClose: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438 \u0432\u0435\u0440\u0438\u0444\u0456\u043A\u0430\u0446\u0456\u044E"
+  },
+  uz: {
+    exitTitle: "Tekshiruvdan chiqasizmi?",
+    exitMessage: "Chiqish tekshiruv jarayonini tugatadi. Ishonchingiz komilmi?",
+    continueButton: "Davom etish",
+    exitButton: "Chiqish",
+    ariaLabelModal: "Didit tekshiruvi",
+    ariaLabelClose: "Tekshiruvni yopish"
+  },
+  vi: {
+    exitTitle: "Tho\xE1t kh\u1ECFi x\xE1c minh?",
+    exitMessage: "Tho\xE1t s\u1EBD k\u1EBFt th\xFAc qu\xE1 tr\xECnh x\xE1c minh c\u1EE7a b\u1EA1n. B\u1EA1n c\xF3 ch\u1EAFc kh\xF4ng?",
+    continueButton: "Ti\u1EBFp t\u1EE5c",
+    exitButton: "Tho\xE1t",
+    ariaLabelModal: "X\xE1c minh Didit",
+    ariaLabelClose: "\u0110\xF3ng x\xE1c minh"
+  },
+  "zh-CN": {
+    exitTitle: "\u9000\u51FA\u9A8C\u8BC1\uFF1F",
+    exitMessage: "\u9000\u51FA\u5C06\u7ED3\u675F\u60A8\u7684\u9A8C\u8BC1\u6D41\u7A0B\u3002\u786E\u5B9A\u8981\u9000\u51FA\u5417\uFF1F",
+    continueButton: "\u7EE7\u7EED",
+    exitButton: "\u9000\u51FA",
+    ariaLabelModal: "Didit \u9A8C\u8BC1",
+    ariaLabelClose: "\u5173\u95ED\u9A8C\u8BC1"
+  },
+  "zh-TW": {
+    exitTitle: "\u9000\u51FA\u9A57\u8B49\uFF1F",
+    exitMessage: "\u9000\u51FA\u5C07\u7D50\u675F\u60A8\u7684\u9A57\u8B49\u6D41\u7A0B\u3002\u78BA\u5B9A\u8981\u9000\u51FA\u55CE\uFF1F",
+    continueButton: "\u7E7C\u7E8C",
+    exitButton: "\u9000\u51FA",
+    ariaLabelModal: "Didit \u9A57\u8B49",
+    ariaLabelClose: "\u95DC\u9589\u9A57\u8B49"
+  },
+  zh: {
+    exitTitle: "\u9000\u51FA\u9A8C\u8BC1\uFF1F",
+    exitMessage: "\u9000\u51FA\u5C06\u7ED3\u675F\u60A8\u7684\u9A8C\u8BC1\u6D41\u7A0B\u3002\u786E\u5B9A\u8981\u9000\u51FA\u5417\uFF1F",
+    continueButton: "\u7EE7\u7EED",
+    exitButton: "\u9000\u51FA",
+    ariaLabelModal: "Didit \u9A8C\u8BC1",
+    ariaLabelClose: "\u5173\u95ED\u9A8C\u8BC1"
+  }
+};
+function getTranslations(language) {
+  var _a;
+  return (_a = translationsMap[language]) != null ? _a : EN;
+}
+class VerificationModal {
+  constructor(configuration, callbacks) {
+    __publicField(this, "modalId");
+    __publicField(this, "config");
+    __publicField(this, "callbacks");
+    __publicField(this, "state", {
+      isOpen: false,
+      isLoading: true,
+      showConfirmation: false
+    });
+    __publicField(this, "overlay", null);
+    __publicField(this, "container", null);
+    __publicField(this, "iframe", null);
+    __publicField(this, "loadingEl", null);
+    __publicField(this, "confirmOverlay", null);
+    __publicField(this, "containerElement");
+    __publicField(this, "boundHandleMessage", null);
+    __publicField(this, "boundHandleKeydown", null);
+    __publicField(this, "embedded", false);
+    __publicField(this, "embeddedContainer", null);
+    __publicField(this, "language", "es");
+    var _a, _b, _c, _d, _e;
+    this.modalId = generateModalId();
+    this.config = {
+      zIndex: (_a = configuration == null ? void 0 : configuration.zIndex) != null ? _a : DEFAULT_CONFIG.zIndex,
+      showCloseButton: (_b = configuration == null ? void 0 : configuration.showCloseButton) != null ? _b : DEFAULT_CONFIG.showCloseButton,
+      showExitConfirmation: (_c = configuration == null ? void 0 : configuration.showExitConfirmation) != null ? _c : DEFAULT_CONFIG.showExitConfirmation,
+      color: configuration == null ? void 0 : configuration.color
+    };
+    this.callbacks = callbacks;
+    this.containerElement = (_d = configuration == null ? void 0 : configuration.containerElement) != null ? _d : document.body;
+    this.embedded = (_e = configuration == null ? void 0 : configuration.embedded) != null ? _e : false;
+    if (this.embedded && (configuration == null ? void 0 : configuration.embeddedContainerId)) {
+      this.embeddedContainer = document.getElementById(configuration.embeddedContainerId);
+    }
+  }
+  injectStyles() {
+    const styleId = "didit-sdk-styles";
+    if (document.getElementById(styleId)) {
+      return;
+    }
+    const styles2 = document.createElement("style");
+    styles2.id = styleId;
+    styles2.textContent = `
+      .${CSS_CLASSES.overlay} {
+        display: none;
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.6);
+        z-index: ${this.config.zIndex};
+        justify-content: center;
+        align-items: center;
+        padding: 1rem;
+        opacity: 0;
+        transition: opacity 0.2s ease-out;
+      }
+
+      .${CSS_CLASSES.overlay}.active {
+        display: flex;
+        opacity: 1;
+      }
+
+      .${CSS_CLASSES.container} {
+        position: relative;
+        width: 100%;
+        max-width: 500px;
+        max-height: 90dvh;
+        border-radius: 16px;
+        overflow: hidden;
+        background: transparent;
+      }
+
+      .${CSS_CLASSES.overlay}.active .${CSS_CLASSES.container} {
+        transform: scale(1);
+      }
+
+      .${CSS_CLASSES.iframe} {
+        width: 100%;
+        height: 700px;
+        border: none;
+        display: block;
+      }
+
+      .${CSS_CLASSES.closeButton} {
+        position: absolute;
+        top: 4px;
+        right: 4px;
+        width: 24px;
+        height: 24px;
+        background: transparent;
+        border: none;
+        cursor: pointer;
+        padding: 0;
+        z-index: 10;
+        outline: none;
+      }
+
+      .${CSS_CLASSES.closeButton}:hover,
+      .${CSS_CLASSES.closeButton}:focus {
+        background: transparent;
+        opacity: 0.5;
+      }
+
+      .${CSS_CLASSES.closeButton} svg {
+        stroke: #666;
+        stroke-width: 2;
+        stroke-linecap: round;
+      }
+
+      .${CSS_CLASSES.loading} {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fafafa;
+        z-index: 5;
+      }
+
+      .${CSS_CLASSES.loading}.hidden {
+        display: none;
+      }
+
+      .${CSS_CLASSES.loading} svg {
+        width: 4rem;
+        height: 4rem;
+        animation: didit-spin 1s linear infinite;
+      }
+
+      .${CSS_CLASSES.loading} circle {
+        stroke: #e5e5e5;
+        stroke-width: 2.5;
+        fill: none;
+      }
+
+      .${CSS_CLASSES.loading} path {
+        stroke: #525252;
+        stroke-width: 2.5;
+        stroke-linecap: round;
+        fill: none;
+      }
+
+      @keyframes didit-spin {
+        from { transform: rotate(0deg); }
+        to { transform: rotate(360deg); }
+      }
+
+      .${CSS_CLASSES.confirmOverlay} {
+        display: none;
+        position: absolute;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.5);
+        z-index: 20;
+        justify-content: center;
+        align-items: center;
+        opacity: 0;
+        transition: opacity 0.15s ease-out;
+      }
+
+      .${CSS_CLASSES.confirmOverlay}.active {
+        display: flex;
+        opacity: 1;
+      }
+
+      .${CSS_CLASSES.confirmBox} {
+        background: #fff;
+        border-radius: 12px;
+        padding: 1.5rem;
+        text-align: center;
+        max-width: 300px;
+        margin: 1rem;
+        transform: scale(0.95);
+        transition: transform 0.15s ease-out;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+      }
+
+      .${CSS_CLASSES.confirmOverlay}.active .${CSS_CLASSES.confirmBox} {
+        transform: scale(1);
+      }
+
+      .${CSS_CLASSES.confirmBox} h3 {
+        color: #1a1a2e;
+        margin: 0 0 0.5rem 0;
+        font-size: 1.125rem;
+        font-weight: 600;
+      }
+
+      .${CSS_CLASSES.confirmBox} p {
+        color: #666;
+        font-size: 0.875rem;
+        margin: 0 0 1.25rem 0;
+        line-height: 1.5;
+      }
+
+      .didit-confirm-actions {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+      }
+
+      .didit-confirm-actions button {
+        background: #2563eb;
+        color: #fff;
+        border: none;
+        padding: 0.625rem 1.25rem;
+        border-radius: 8px;
+        font-size: 0.875rem;
+        font-weight: 500;
+        cursor: pointer;
+        transition: background 0.15s ease;
+      }
+
+      .didit-confirm-actions button:hover {
+        background: #1d4ed8;
+      }
+
+      .didit-confirm-actions span {
+        color: #666;
+        font-size: 0.875rem;
+        cursor: pointer;
+        padding: 0.625rem;
+        transition: color 0.15s ease;
+      }
+
+      .didit-confirm-actions span:hover {
+        color: #1a1a2e;
+      }
+
+      @media (max-width: 540px) {
+        .${CSS_CLASSES.overlay} {
+          padding: 0;
+        }
+
+        .${CSS_CLASSES.container} {
+          max-width: 100%;
+          max-height: 100dvh;
+          border-radius: 0;
+        }
+
+        .${CSS_CLASSES.iframe} {
+          height: 100dvh;
+        }
+      }
+
+      .${CSS_CLASSES.embedded} {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+
+      .${CSS_CLASSES.embedded} .${CSS_CLASSES.iframe} {
+        width: 100%;
+        height: 100%;
+      }
+
+      .${CSS_CLASSES.embedded} .${CSS_CLASSES.loading} {
+        border-radius: 0;
+      }
+    `;
+    document.head.appendChild(styles2);
+  }
+  createDOM() {
+    var _a, _b;
+    this.injectStyles();
+    if (this.embedded && this.embeddedContainer) {
+      this.createEmbeddedDOM();
+      return;
+    }
+    const t2 = getTranslations(this.language);
+    this.overlay = document.createElement("div");
+    this.overlay.id = this.modalId;
+    this.overlay.className = CSS_CLASSES.overlay;
+    this.overlay.setAttribute("role", "dialog");
+    this.overlay.setAttribute("aria-modal", "true");
+    this.overlay.setAttribute("aria-label", t2.ariaLabelModal);
+    this.container = document.createElement("div");
+    this.container.className = CSS_CLASSES.container;
+    this.loadingEl = document.createElement("div");
+    this.loadingEl.className = CSS_CLASSES.loading;
+    this.loadingEl.innerHTML = `
+      <svg viewBox="0 0 24 24">
+        <circle cx="12" cy="12" r="10" />
+        <path d="M12 2a10 10 0 0 1 10 10" />
+      </svg>
+    `;
+    if (this.config.showCloseButton) {
+      const closeBtn = document.createElement("button");
+      closeBtn.className = CSS_CLASSES.closeButton;
+      closeBtn.setAttribute("aria-label", t2.ariaLabelClose);
+      closeBtn.innerHTML = `
+        <svg width="14" height="14" viewBox="0 0 14 14">
+          <line x1="1" y1="1" x2="13" y2="13" />
+          <line x1="13" y1="1" x2="1" y2="13" />
+        </svg>
+      `;
+      closeBtn.addEventListener("click", () => this.handleCloseRequest());
+      this.container.appendChild(closeBtn);
+    }
+    this.iframe = document.createElement("iframe");
+    this.iframe.className = CSS_CLASSES.iframe;
+    this.iframe.setAttribute("allow", "camera; microphone; fullscreen; autoplay; encrypted-media; geolocation");
+    this.iframe.setAttribute("title", t2.ariaLabelModal);
+    this.iframe.addEventListener("load", () => this.handleIframeLoad());
+    this.confirmOverlay = document.createElement("div");
+    this.confirmOverlay.className = CSS_CLASSES.confirmOverlay;
+    this.confirmOverlay.innerHTML = `
+      <div class="${CSS_CLASSES.confirmBox}">
+        <h3>${t2.exitTitle}</h3>
+        <p>${t2.exitMessage}</p>
+        <div class="didit-confirm-actions">
+          <button type="button" data-action="continue">${t2.continueButton}</button>
+          <span data-action="exit">${t2.exitButton}</span>
+        </div>
+      </div>
+    `;
+    (_a = this.confirmOverlay.querySelector('[data-action="continue"]')) == null ? void 0 : _a.addEventListener("click", () => {
+      this.hideConfirmation();
+    });
+    (_b = this.confirmOverlay.querySelector('[data-action="exit"]')) == null ? void 0 : _b.addEventListener("click", () => {
+      this.confirmExit();
+    });
+    this.container.appendChild(this.loadingEl);
+    this.container.appendChild(this.iframe);
+    this.container.appendChild(this.confirmOverlay);
+    this.overlay.appendChild(this.container);
+    this.overlay.addEventListener("click", (e2) => {
+      if (e2.target === this.overlay) {
+        this.handleCloseRequest();
+      }
+    });
+    this.containerElement.appendChild(this.overlay);
+  }
+  createEmbeddedDOM() {
+    if (!this.embeddedContainer)
+      return;
+    this.container = document.createElement("div");
+    this.container.id = this.modalId;
+    this.container.className = CSS_CLASSES.embedded;
+    this.loadingEl = document.createElement("div");
+    this.loadingEl.className = CSS_CLASSES.loading;
+    this.loadingEl.innerHTML = `
+      <svg viewBox="0 0 24 24">
+        <circle cx="12" cy="12" r="10" />
+        <path d="M12 2a10 10 0 0 1 10 10" />
+      </svg>
+    `;
+    this.iframe = document.createElement("iframe");
+    this.iframe.className = CSS_CLASSES.iframe;
+    this.iframe.setAttribute("allow", "camera; microphone; fullscreen; autoplay; encrypted-media; geolocation");
+    this.iframe.setAttribute("title", getTranslations(this.language).ariaLabelModal);
+    this.iframe.addEventListener("load", () => this.handleIframeLoad());
+    this.container.appendChild(this.loadingEl);
+    this.container.appendChild(this.iframe);
+    this.embeddedContainer.appendChild(this.container);
+  }
+  setupEventListeners() {
+    this.boundHandleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.boundHandleMessage);
+    this.boundHandleKeydown = this.handleKeydown.bind(this);
+    document.addEventListener("keydown", this.boundHandleKeydown);
+  }
+  removeEventListeners() {
+    if (this.boundHandleMessage) {
+      window.removeEventListener("message", this.boundHandleMessage);
+      this.boundHandleMessage = null;
+    }
+    if (this.boundHandleKeydown) {
+      document.removeEventListener("keydown", this.boundHandleKeydown);
+      this.boundHandleKeydown = null;
+    }
+  }
+  handleMessage(event) {
+    if (!isAllowedOrigin(event.origin)) {
+      return;
+    }
+    SDKLogger.log("Received postMessage:", event.data);
+    let messageData;
+    try {
+      if (typeof event.data === "string") {
+        messageData = JSON.parse(event.data);
+      } else {
+        messageData = event.data;
+      }
+    } catch {
+      SDKLogger.warn("Failed to parse postMessage:", event.data);
+      return;
+    }
+    if (messageData.type === "didit:close_request") {
+      this.handleCloseRequest();
+      return;
+    }
+    this.callbacks.onMessage(messageData);
+  }
+  handleKeydown(event) {
+    if (!this.state.isOpen)
+      return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      if (this.state.showConfirmation) {
+        this.hideConfirmation();
+      } else {
+        this.handleCloseRequest();
+      }
+    }
+  }
+  handleIframeLoad() {
+    var _a, _b;
+    if (((_a = this.iframe) == null ? void 0 : _a.src) && this.iframe.src !== "about:blank") {
+      this.state.isLoading = false;
+      (_b = this.loadingEl) == null ? void 0 : _b.classList.add("hidden");
+      this.callbacks.onIframeLoad();
+    }
+  }
+  handleCloseRequest() {
+    if (this.config.showExitConfirmation) {
+      this.showConfirmation();
+    } else {
+      this.callbacks.onCloseConfirmed();
+    }
+  }
+  showConfirmation() {
+    var _a;
+    this.state.showConfirmation = true;
+    (_a = this.confirmOverlay) == null ? void 0 : _a.classList.add("active");
+    this.callbacks.onClose();
+  }
+  hideConfirmation() {
+    var _a;
+    this.state.showConfirmation = false;
+    (_a = this.confirmOverlay) == null ? void 0 : _a.classList.remove("active");
+  }
+  confirmExit() {
+    this.hideConfirmation();
+    this.callbacks.onCloseConfirmed();
+  }
+  open(verificationUrl) {
+    var _a, _b, _c;
+    this.language = detectLanguageFromUrl(verificationUrl);
+    if (!this.overlay && !this.container) {
+      this.createDOM();
+      this.setupEventListeners();
+    }
+    SDKLogger.log("Opening with URL:", verificationUrl);
+    this.state.isLoading = true;
+    this.state.showConfirmation = false;
+    (_a = this.loadingEl) == null ? void 0 : _a.classList.remove("hidden");
+    (_b = this.confirmOverlay) == null ? void 0 : _b.classList.remove("active");
+    if (this.iframe) {
+      try {
+        const urlObj = new URL(verificationUrl);
+        urlObj.searchParams.set("device", "desktop");
+        urlObj.searchParams.set("ui", "embedded");
+        urlObj.searchParams.set("autostart", "true");
+        if (!urlObj.searchParams.has("lang") && this.language) {
+          urlObj.searchParams.set("lang", this.language);
+        }
+        this.iframe.src = urlObj.toString();
+      } catch (e2) {
+        this.iframe.src = verificationUrl;
+      }
+    }
+    this.state.isOpen = true;
+    if (this.embedded) {
+      return;
+    }
+    (_c = this.overlay) == null ? void 0 : _c.classList.add("active");
+    document.body.style.overflow = "hidden";
+  }
+  close() {
+    var _a;
+    SDKLogger.log("Closing");
+    this.state.isOpen = false;
+    this.state.isLoading = true;
+    this.state.showConfirmation = false;
+    if (this.iframe) {
+      this.iframe.src = "about:blank";
+    }
+    if (this.embedded) {
+      return;
+    }
+    (_a = this.overlay) == null ? void 0 : _a.classList.remove("active");
+    document.body.style.overflow = "";
+  }
+  destroy() {
+    SDKLogger.log("Destroying");
+    this.close();
+    this.removeEventListeners();
+    if (this.embedded && this.container && this.container.parentNode) {
+      this.container.parentNode.removeChild(this.container);
+    } else if (this.overlay && this.overlay.parentNode) {
+      this.overlay.parentNode.removeChild(this.overlay);
+    }
+    this.overlay = null;
+    this.container = null;
+    this.iframe = null;
+    this.loadingEl = null;
+    this.confirmOverlay = null;
+  }
+  isOpen() {
+    return this.state.isOpen;
+  }
+  isLoading() {
+    return this.state.isLoading;
+  }
+}
+const _DiditSdk = class {
+  constructor() {
+    __publicField(this, "_state", "idle");
+    __publicField(this, "_configuration");
+    __publicField(this, "_sessionId");
+    __publicField(this, "_url");
+    __publicField(this, "_modal", null);
+    __publicField(this, "_errorMessage");
+    __publicField(this, "onComplete");
+    __publicField(this, "onStateChange");
+    __publicField(this, "onEvent");
+    SDKLogger.log("DiditSdk initialized");
+  }
+  static get shared() {
+    if (!_DiditSdk._instance) {
+      _DiditSdk._instance = new _DiditSdk();
+    }
+    return _DiditSdk._instance;
+  }
+  static reset() {
+    if (_DiditSdk._instance) {
+      _DiditSdk._instance.destroy();
+      _DiditSdk._instance = null;
+    }
+  }
+  get state() {
+    return this._state;
+  }
+  get configuration() {
+    return this._configuration;
+  }
+  get isPresented() {
+    var _a, _b;
+    return (_b = (_a = this._modal) == null ? void 0 : _a.isOpen()) != null ? _b : false;
+  }
+  get errorMessage() {
+    return this._errorMessage;
+  }
+  async startVerification(options) {
+    var _a, _b;
+    const config2 = options.configuration;
+    this._configuration = config2;
+    SDKLogger.isEnabled = (_a = config2 == null ? void 0 : config2.loggingEnabled) != null ? _a : DEFAULT_CONFIG.loggingEnabled;
+    SDKLogger.log("Starting verification with options:", options);
+    if (this._modal) {
+      this._modal.destroy();
+      this._modal = null;
+    }
+    this._modal = new VerificationModal(config2, {
+      onClose: () => this.handleModalClose(),
+      onCloseConfirmed: () => this.handleModalCloseConfirmed(),
+      onMessage: (event) => this.handleVerificationEvent(event),
+      onIframeLoad: () => this.handleIframeLoad()
+    });
+    try {
+      const {
+        url
+      } = options;
+      if (!url || typeof url !== "string") {
+        throw new Error("Invalid options: url is required");
+      }
+      this._url = url;
+      this.setState("loading");
+      this.emitInternalEvent("didit:started", {});
+      (_b = this._modal) == null ? void 0 : _b.open(this._url);
+    } catch (error2) {
+      this.handleError(error2);
+    }
+  }
+  close() {
+    SDKLogger.log("Closing verification programmatically");
+    this.handleModalCloseConfirmed();
+  }
+  destroy() {
+    var _a;
+    SDKLogger.log("Destroying SDK instance");
+    (_a = this._modal) == null ? void 0 : _a.destroy();
+    this._modal = null;
+    this.reset();
+  }
+  handleModalClose() {
+    SDKLogger.log("Modal close requested");
+  }
+  handleModalCloseConfirmed() {
+    var _a, _b;
+    SDKLogger.log("Modal close confirmed");
+    const sessionData = this.buildSessionData();
+    (_a = this._modal) == null ? void 0 : _a.close();
+    this.reset();
+    const result = {
+      type: "cancelled",
+      session: sessionData
+    };
+    (_b = this.onComplete) == null ? void 0 : _b.call(this, result);
+  }
+  handleIframeLoad() {
+    SDKLogger.log("Iframe loaded");
+  }
+  emitInternalEvent(type, data2) {
+    var _a;
+    const event = {
+      type,
+      data: data2,
+      timestamp: Date.now()
+    };
+    SDKLogger.log("Emitting internal event:", event);
+    (_a = this.onEvent) == null ? void 0 : _a.call(this, event);
+  }
+  handleVerificationEvent(event) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    SDKLogger.log("Verification event:", event);
+    (_a = this.onEvent) == null ? void 0 : _a.call(this, event);
+    switch (event.type) {
+      case "didit:ready":
+        SDKLogger.log("Verification iframe ready");
+        break;
+      case "didit:started":
+        SDKLogger.log("User started verification");
+        break;
+      case "didit:step_started":
+        SDKLogger.log("Step started:", (_b = event.data) == null ? void 0 : _b.step);
+        break;
+      case "didit:step_completed":
+        SDKLogger.log("Step completed:", (_c = event.data) == null ? void 0 : _c.step, "-> next:", (_d = event.data) == null ? void 0 : _d.nextStep);
+        break;
+      case "didit:media_started":
+        SDKLogger.log("Media started:", (_e = event.data) == null ? void 0 : _e.mediaType, "for step:", (_f = event.data) == null ? void 0 : _f.step);
+        break;
+      case "didit:media_captured":
+        SDKLogger.log("Media captured for step:", (_g = event.data) == null ? void 0 : _g.step, "isAuto:", (_h = event.data) == null ? void 0 : _h.isAuto);
+        break;
+      case "didit:document_selected":
+        SDKLogger.log("Document selected:", (_i = event.data) == null ? void 0 : _i.documentType, "country:", (_j = event.data) == null ? void 0 : _j.country);
+        break;
+      case "didit:verification_submitted":
+        SDKLogger.log("Verification submitted for step:", (_k = event.data) == null ? void 0 : _k.step);
+        break;
+      case "didit:code_sent":
+        SDKLogger.log("Code sent via:", (_l = event.data) == null ? void 0 : _l.channel, "codeSize:", (_m = event.data) == null ? void 0 : _m.codeSize);
+        break;
+      case "didit:code_verified":
+        SDKLogger.log("Code verified via:", (_n = event.data) == null ? void 0 : _n.channel);
+        break;
+      case "didit:status_updated":
+        SDKLogger.log("Status updated:", (_o = event.data) == null ? void 0 : _o.status, "step:", (_p = event.data) == null ? void 0 : _p.step);
+        break;
+      case "didit:completed":
+        this.handleVerificationCompleted(event);
+        break;
+      case "didit:cancelled":
+        this.handleVerificationCancelled(event);
+        break;
+      case "didit:error":
+        this.handleVerificationError(event);
+        break;
+      case "didit:step_changed":
+        SDKLogger.log("Step changed:", (_q = event.data) == null ? void 0 : _q.step);
+        break;
+    }
+  }
+  handleVerificationCompleted(event) {
+    var _a, _b, _c;
+    SDKLogger.log("Verification completed:", event.data);
+    const sessionData = this.buildSessionData(event.data);
+    if ((_a = this._configuration) == null ? void 0 : _a.closeModalOnComplete) {
+      (_b = this._modal) == null ? void 0 : _b.close();
+      this.reset();
+    }
+    const result = {
+      type: "completed",
+      session: sessionData
+    };
+    (_c = this.onComplete) == null ? void 0 : _c.call(this, result);
+  }
+  handleVerificationCancelled(event) {
+    var _a, _b;
+    SDKLogger.log("Verification cancelled:", event.data);
+    const sessionData = this.buildSessionData(event.data);
+    (_a = this._modal) == null ? void 0 : _a.close();
+    this.reset();
+    const result = {
+      type: "cancelled",
+      session: sessionData
+    };
+    (_b = this.onComplete) == null ? void 0 : _b.call(this, result);
+  }
+  handleVerificationError(event) {
+    SDKLogger.log("Verification error:", event.data);
+  }
+  handleError(error2) {
+    var _a, _b;
+    SDKLogger.error("SDK error:", error2);
+    let verificationError;
+    if (error2 instanceof Error) {
+      verificationError = createVerificationError("unknown", error2.message);
+    } else {
+      verificationError = createVerificationError("unknown", "An unknown error occurred");
+    }
+    this._errorMessage = verificationError.message;
+    this.setState("error");
+    (_a = this._modal) == null ? void 0 : _a.close();
+    this.reset();
+    const result = {
+      type: "failed",
+      error: verificationError
+    };
+    (_b = this.onComplete) == null ? void 0 : _b.call(this, result);
+  }
+  setState(state) {
+    var _a;
+    const previousState = this._state;
+    this._state = state;
+    if (previousState !== state) {
+      SDKLogger.log("State changed:", previousState, "->", state);
+      (_a = this.onStateChange) == null ? void 0 : _a.call(this, state, this._errorMessage);
+    }
+  }
+  reset() {
+    this._state = "idle";
+    this._sessionId = void 0;
+    this._url = void 0;
+    this._errorMessage = void 0;
+    this._configuration = void 0;
+  }
+  buildSessionData(eventData) {
+    const sessionId = (eventData == null ? void 0 : eventData.sessionId) || this._sessionId;
+    if (!sessionId) {
+      return void 0;
+    }
+    return {
+      sessionId,
+      status: (eventData == null ? void 0 : eventData.status) || "Pending"
+    };
+  }
+};
+let DiditSdk = _DiditSdk;
+__publicField(DiditSdk, "_instance", null);
+const DiditEmbedded = ({
+  url,
+  config: config2,
+  onComplete,
+  onEvent
+}) => {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!url || !containerRef.current)
+      return;
+    if (!containerRef.current.id) {
+      containerRef.current.id = `didit-embedded-container-${Math.random().toString(36).substring(2, 9)}`;
+    }
+    const sdk = new DiditSdk();
+    if (onComplete)
+      sdk.onComplete = onComplete;
+    if (onEvent)
+      sdk.onEvent = onEvent;
+    console.log(onEvent, "Eveeeent");
+    sdk.onComplete = (result) => {
+      console.log(result, "Resullllllt");
+    };
+    sdk.startVerification({
+      url,
+      configuration: {
+        ...config2,
+        embedded: true,
+        embeddedContainerId: containerRef.current.id
+      }
+    });
+    return () => {
+      sdk.destroy();
+    };
+  }, [url, config2, onComplete, onEvent]);
+  return /* @__PURE__ */ jsx$1("div", {
+    ref: containerRef,
+    style: {
+      width: "100%",
+      height: "100%",
+      minHeight: "600px"
+    }
+  });
+};
 function LivenessCheck({
   mode = "light",
   clientId,
@@ -44955,55 +46280,52 @@ function LivenessCheck({
       authorize().then((res) => setToken(res));
     }
   }, []);
-  return /* @__PURE__ */ jsx$1("div", {
+  return /* @__PURE__ */ jsxs("div", {
     ref: containerRef,
     className: `${styles$a["kit-gbc"]} ${styles$a["liveness-container"]} ${styles$a[mode]} ${status === "NOT_VERIFY" && styles$a.error}`,
-    children: /* @__PURE__ */ jsxs("div", {
-      id: "liveness-check",
-      children: [/* @__PURE__ */ jsx$1(k$2, {
-        className: "kit-gbc-toastify-container",
-        position: "top-center",
-        autoClose: 5e3,
-        hideProgressBar: false,
-        newestOnTop: false,
-        closeOnClick: true,
-        rtl: false,
-        pauseOnFocusLoss: true,
-        draggable: true,
-        pauseOnHover: true
-      }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx$1(BackDropLoader, {}) : null, !lib$1(status) ? /* @__PURE__ */ jsxs("div", {
-        className: styles$a.sub,
-        children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
-          action: clearState
-        }), /* @__PURE__ */ jsx$1("h4", {
-          children: "Verificaci\xF3n liveness"
-        }), /* @__PURE__ */ jsx$1(StatusComponent, {
-          status,
-          message
-        })]
-      }) : lib$1(data2) && faceMatch || faceMatch === null ? /* @__PURE__ */ jsx$1("face-liveness", {
-        className: styles$a.liveness
-      }) : /* @__PURE__ */ jsx$1(Box$1, {
-        className: `${styles$a["box-liveness"]} ${isMobile_1 && styles$a.responsive}`,
-        children: similarity === 0 ? /* @__PURE__ */ jsxs(Box$1, {
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "center",
-          alignItems: "center",
-          children: [/* @__PURE__ */ jsx$1(CustomSpinnerProgress, {}), /* @__PURE__ */ jsx$1(Typography$1, {
-            variant: "caption",
-            style: {
-              fontSize: "0.875em",
-              paddingTop: "0.875em",
-              color: "#000000"
-            },
-            children: "Comparando rostro..."
-          })]
-        }) : /* @__PURE__ */ jsx$1(SuccessAnimation, {
-          message
-        })
+    children: [/* @__PURE__ */ jsx$1(k$2, {
+      className: "kit-gbc-toastify-container",
+      position: "top-center",
+      autoClose: 5e3,
+      hideProgressBar: false,
+      newestOnTop: false,
+      closeOnClick: true,
+      rtl: false,
+      pauseOnFocusLoss: true,
+      draggable: true,
+      pauseOnHover: true
+    }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx$1(BackDropLoader, {}) : null, !lib$1(status) ? /* @__PURE__ */ jsxs("div", {
+      className: styles$a.sub,
+      children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
+        action: clearState
+      }), /* @__PURE__ */ jsx$1("h4", {
+        children: "Verificaci\xF3n liveness"
+      }), /* @__PURE__ */ jsx$1(StatusComponent, {
+        status,
+        message
       })]
-    })
+    }) : lib$1(data2) && faceMatch || faceMatch === null ? /* @__PURE__ */ jsx$1(DiditEmbedded, {
+      url: "https://verify.didit.me/session/DKKlc5XwrIph"
+    }) : /* @__PURE__ */ jsx$1(Box$1, {
+      className: `${styles$a["box-liveness"]} ${isMobile_1 && styles$a.responsive}`,
+      children: similarity === 0 ? /* @__PURE__ */ jsxs(Box$1, {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        children: [/* @__PURE__ */ jsx$1(CustomSpinnerProgress, {}), /* @__PURE__ */ jsx$1(Typography$1, {
+          variant: "caption",
+          style: {
+            fontSize: "0.875em",
+            paddingTop: "0.875em",
+            color: "#000000"
+          },
+          children: "Comparando rostro..."
+        })]
+      }) : /* @__PURE__ */ jsx$1(SuccessAnimation, {
+        message
+      })
+    })]
   });
 }
 LivenessCheck.propTypes = {
@@ -63467,4 +64789,4 @@ var bootstrap_bundle_min = { exports: {} };
     return R2(In), g2(In), { Alert: q2, Button: K, Carousel: at, Collapse: pt, Dropdown: li, Modal: Si, Offcanvas: Bi, Popover: hn, ScrollSpy: mn, Tab: On, Toast: In, Tooltip: an };
   });
 })(bootstrap_bundle_min);
-export { BlackList, BulkVerification, DocumentReader, FaceMatch, LivenessCheck };
+export { BlackList, BulkVerification, DiditEmbedded, DocumentReader, FaceMatch, LivenessCheck };