@embarkai/ui-kit 0.4.117 → 0.4.119

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.4.117</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.119</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/kyc/sumsub.js

@@ -135,7 +135,7 @@
           enableScrollIntoView: true
         })
         .withConf({
-          lang: 'en',
+          lang: options.lang || 'en',
           theme: options.theme,
           customizationName: options.customizationName
         })
@@ -198,7 +198,8 @@
         launchSumsubSdk({
           accessToken: message.data.accessToken,
           theme: message.data.theme,
-          customizationName: message.data.customizationName
+          customizationName: message.data.customizationName,
+          lang: message.data.lang
         })
         break
 

package/dist/iframe/main.js

@@ -6342,7 +6342,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.117";
+var IFRAME_VERSION = "0.4.119";
 var IframeWallet = class {
   // private finchpay: FinchPayRampAPI
   // private rampnow: RampnowOnrampAPI

package/dist/index.cjs

@@ -7396,6 +7396,7 @@ var init_useExpandable = __esm({
         const resizeObs = new ResizeObserver(() => setExpandableHeight(minHeight, isExpanded));
         const domMutationObs = new MutationObserver(() => setExpandableHeight(minHeight, isExpanded));
         resizeObs.observe(expandableRef.current);
+        resizeObs.observe(contentRef.current);
         domMutationObs.observe(expandableRef.current, { childList: true, subtree: true });
         return () => {
           resizeObs.disconnect();
@@ -7813,7 +7814,13 @@ var init_en = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "Preparing verification...",
+        authenticating: "Authenticating...",
+        loadingForm: "Loading verification form...",
+        loading: "Loading KYC verification...",
+        comingSoon: "KYC verification coming soon\u2026",
+        providerComingSoon: "KYC provider coming soon"
       },
       nicknameMenu: {
         title: "Nickname",
@@ -8407,7 +8414,13 @@ var init_ru = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        authenticating: "\u0410\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u044F...",
+        loadingForm: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0444\u043E\u0440\u043C\u044B \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        comingSoon: "KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F\u2026",
+        providerComingSoon: "KYC-\u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440 \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F"
       },
       nicknameMenu: {
         title: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C",
@@ -9001,7 +9014,13 @@ var init_zh = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u6B63\u5728\u51C6\u5907\u9A8C\u8BC1...",
+        authenticating: "\u6B63\u5728\u8BA4\u8BC1...",
+        loadingForm: "\u6B63\u5728\u52A0\u8F7D\u9A8C\u8BC1\u8868\u5355...",
+        loading: "\u6B63\u5728\u52A0\u8F7D KYC \u9A8C\u8BC1...",
+        comingSoon: "KYC \u9A8C\u8BC1\u5373\u5C06\u63A8\u51FA\u2026",
+        providerComingSoon: "KYC \u63D0\u4F9B\u5546\u5373\u5C06\u63A8\u51FA"
       },
       nicknameMenu: {
         title: "\u6635\u79F0",
@@ -21400,10 +21419,15 @@ var init_sumsub = __esm({
 });
 
 // src/internal/components/KYC/SumsubIframeManager.ts
-var DEFAULT_THEME_NAME, SumsubIframeManager;
+function toSumsubLang(lang) {
+  if (!lang) return "en";
+  return SUMSUB_LANG_OVERRIDES[lang] ?? lang;
+}
+var DEFAULT_THEME_NAME, SUMSUB_LANG_OVERRIDES, SumsubIframeManager;
 var init_SumsubIframeManager = __esm({
   "src/internal/components/KYC/SumsubIframeManager.ts"() {
-    DEFAULT_THEME_NAME = "Lumia Hub KYC Preset V2";
+    DEFAULT_THEME_NAME = "embarkAI Preset v1";
+    SUMSUB_LANG_OVERRIDES = { tl: "fl" };
     SumsubIframeManager = class {
       config;
       boundMessageHandler;
@@ -21428,7 +21452,8 @@ var init_SumsubIframeManager = __esm({
                 data: {
                   accessToken: token,
                   theme: this.config.options.theme,
-                  customizationName: this.config.options.customizationName
+                  customizationName: this.config.options.customizationName,
+                  lang: this.config.options.lang
                 }
               });
             } catch (err) {
@@ -21472,6 +21497,8 @@ var init_SumsubIframeManager = __esm({
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
+  const { t, i18n } = useT();
+  const lang = toSumsubLang(i18n.resolvedLanguage);
   const iframeRef = (0, import_react64.useRef)(null);
   const [isLoading, setIsLoading] = (0, import_react64.useState)(true);
   const [error, setError] = (0, import_react64.useState)(null);
@@ -21481,20 +21508,21 @@ function useSumsubIframe({ iframeUrl }) {
   (0, import_react64.useEffect)(() => {
     setError(null);
     setIsLoading(true);
-    setStatus("Preparing verification...");
+    setStatus(t("passport:kycMenu.preparing"));
     const iframeOrigin = new URL(iframeUrl).origin;
     const manager = new SumsubIframeManager({
       options: {
         theme: colorMode === "dark" ? "dark" : "light",
-        customizationName: DEFAULT_THEME_NAME
+        customizationName: DEFAULT_THEME_NAME,
+        lang
       },
       iframeOrigin,
       getToken: () => {
-        setStatus("Authenticating...");
+        setStatus(t("passport:kycMenu.authenticating"));
         return fetchToken({ levelName });
       },
       refreshToken: () => fetchToken({ levelName }),
-      onSdkBuilt: () => setStatus("Loading verification form..."),
+      onSdkBuilt: () => setStatus(t("passport:kycMenu.loadingForm")),
       sendMessage: (msg) => iframeRef.current?.contentWindow?.postMessage(msg, iframeOrigin),
       onReady: () => {
         setIsLoading(false);
@@ -21510,13 +21538,14 @@ function useSumsubIframe({ iframeUrl }) {
     return () => {
       manager.destroy();
     };
-  }, [iframeUrl, levelName]);
+  }, [iframeUrl, levelName, lang]);
   return {
     iframeRef,
     isLoading,
     error,
     height,
-    status
+    status,
+    lang
   };
 }
 var import_react64;
@@ -21524,6 +21553,7 @@ var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
+    init_i18n();
     import_react64 = require("react");
     init_sumsub();
     init_SumsubIframeManager();
@@ -21535,17 +21565,19 @@ var import_lucide_react48, import_jsx_runtime89, SumsubIframe;
 var init_SumsubIframe = __esm({
   "src/internal/components/KYC/SumsubIframe.tsx"() {
     init_ProviderContext();
+    init_i18n();
     import_lucide_react48 = require("lucide-react");
     init_useSumsubIframe();
     import_jsx_runtime89 = require("react/jsx-runtime");
     SumsubIframe = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const iframeUrl = `${config.current.services.iframeUrl}/kyc/sumsub.html`;
-      const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
+      const { iframeRef, isLoading, error, height, status, lang } = useSumsubIframe({ iframeUrl });
       return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "rounded-[10px] p-6 text-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react48.LoaderIcon, { className: "w-4 h-4 animate-spin mx-auto" }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || t("passport:kycMenu.loading") })
         ] }),
         error && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "rounded-[10px] p-4 text-center bg-[var(--ui-kit-bg-error)] border border-[var(--ui-kit-error)]", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "text-sm text-[var(--ui-kit-error)]", children: error }) }),
         /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: " w-full h-full relative", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
@@ -21558,7 +21590,8 @@ var init_SumsubIframe = __esm({
             sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
             allow: "camera; microphone; geolocation; clipboard-write",
             style: { height: isLoading || error ? 0 : height }
-          }
+          },
+          lang
         ) })
       ] });
     };
@@ -21568,10 +21601,11 @@ var init_SumsubIframe = __esm({
 // src/internal/components/KYC/KycMenu.tsx
 function KycMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
+  const { t } = useT();
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react49.ArrowLeft, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xl font-semibold", children: "KYC" })
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { variant: "ghost", size: "icon", title: t("passport:common.back"), onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react49.ArrowLeft, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xl font-semibold", children: t("passport:kycMenu.title") })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(KycContent, {})
   ] });
@@ -21580,6 +21614,7 @@ var import_lucide_react49, import_jsx_runtime90, KycContent;
 var init_KycMenu = __esm({
   "src/internal/components/KYC/KycMenu.tsx"() {
     init_ProviderContext();
+    init_i18n();
     import_lucide_react49 = require("lucide-react");
     init_useLayoutDataStore();
     init_Expandable2();
@@ -21588,12 +21623,13 @@ var init_KycMenu = __esm({
     import_jsx_runtime90 = require("react/jsx-runtime");
     KycContent = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const provider = config.current.kyc?.provider;
       switch (provider) {
         case "sumsub":
           return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SumsubIframe, {});
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "text-sm", children: provider ? `KYC provider "${provider}" coming soon\u2026` : "KYC verification coming soon\u2026" }) });
+          return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "text-sm", children: provider ? `${t("passport:kycMenu.providerComingSoon")}: ${provider}` : t("passport:kycMenu.comingSoon") }) });
       }
     };
   }
@@ -30207,7 +30243,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.117",
+      version: "0.4.119",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.d.cts

@@ -2952,6 +2952,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;
@@ -3541,6 +3547,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;
@@ -4130,6 +4142,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;

package/dist/index.d.ts

@@ -2952,6 +2952,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;
@@ -3541,6 +3547,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;
@@ -4130,6 +4142,12 @@ declare const PASSPORT_TRANSLATIONS: {
             };
             kycMenu: {
                 title: string;
+                preparing: string;
+                authenticating: string;
+                loadingForm: string;
+                loading: string;
+                comingSoon: string;
+                providerComingSoon: string;
             };
             nicknameMenu: {
                 title: string;

package/dist/index.js

@@ -7375,6 +7375,7 @@ var init_useExpandable = __esm({
         const resizeObs = new ResizeObserver(() => setExpandableHeight(minHeight, isExpanded));
         const domMutationObs = new MutationObserver(() => setExpandableHeight(minHeight, isExpanded));
         resizeObs.observe(expandableRef.current);
+        resizeObs.observe(contentRef.current);
         domMutationObs.observe(expandableRef.current, { childList: true, subtree: true });
         return () => {
           resizeObs.disconnect();
@@ -7792,7 +7793,13 @@ var init_en = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "Preparing verification...",
+        authenticating: "Authenticating...",
+        loadingForm: "Loading verification form...",
+        loading: "Loading KYC verification...",
+        comingSoon: "KYC verification coming soon\u2026",
+        providerComingSoon: "KYC provider coming soon"
       },
       nicknameMenu: {
         title: "Nickname",
@@ -8386,7 +8393,13 @@ var init_ru = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        authenticating: "\u0410\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u044F...",
+        loadingForm: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0444\u043E\u0440\u043C\u044B \u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438...",
+        comingSoon: "KYC-\u0432\u0435\u0440\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F\u2026",
+        providerComingSoon: "KYC-\u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440 \u0441\u043A\u043E\u0440\u043E \u043F\u043E\u044F\u0432\u0438\u0442\u0441\u044F"
       },
       nicknameMenu: {
         title: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C",
@@ -8980,7 +8993,13 @@ var init_zh = __esm({
         }
       },
       kycMenu: {
-        title: "KYC"
+        title: "KYC",
+        preparing: "\u6B63\u5728\u51C6\u5907\u9A8C\u8BC1...",
+        authenticating: "\u6B63\u5728\u8BA4\u8BC1...",
+        loadingForm: "\u6B63\u5728\u52A0\u8F7D\u9A8C\u8BC1\u8868\u5355...",
+        loading: "\u6B63\u5728\u52A0\u8F7D KYC \u9A8C\u8BC1...",
+        comingSoon: "KYC \u9A8C\u8BC1\u5373\u5C06\u63A8\u51FA\u2026",
+        providerComingSoon: "KYC \u63D0\u4F9B\u5546\u5373\u5C06\u63A8\u51FA"
       },
       nicknameMenu: {
         title: "\u6635\u79F0",
@@ -21346,10 +21365,15 @@ var init_sumsub = __esm({
 });
 
 // src/internal/components/KYC/SumsubIframeManager.ts
-var DEFAULT_THEME_NAME, SumsubIframeManager;
+function toSumsubLang(lang) {
+  if (!lang) return "en";
+  return SUMSUB_LANG_OVERRIDES[lang] ?? lang;
+}
+var DEFAULT_THEME_NAME, SUMSUB_LANG_OVERRIDES, SumsubIframeManager;
 var init_SumsubIframeManager = __esm({
   "src/internal/components/KYC/SumsubIframeManager.ts"() {
-    DEFAULT_THEME_NAME = "Lumia Hub KYC Preset V2";
+    DEFAULT_THEME_NAME = "embarkAI Preset v1";
+    SUMSUB_LANG_OVERRIDES = { tl: "fl" };
     SumsubIframeManager = class {
       config;
       boundMessageHandler;
@@ -21374,7 +21398,8 @@ var init_SumsubIframeManager = __esm({
                 data: {
                   accessToken: token,
                   theme: this.config.options.theme,
-                  customizationName: this.config.options.customizationName
+                  customizationName: this.config.options.customizationName,
+                  lang: this.config.options.lang
                 }
               });
             } catch (err) {
@@ -21419,6 +21444,8 @@ import { useEffect as useEffect35, useRef as useRef16, useState as useState21 }
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
+  const { t, i18n } = useT();
+  const lang = toSumsubLang(i18n.resolvedLanguage);
   const iframeRef = useRef16(null);
   const [isLoading, setIsLoading] = useState21(true);
   const [error, setError] = useState21(null);
@@ -21428,20 +21455,21 @@ function useSumsubIframe({ iframeUrl }) {
   useEffect35(() => {
     setError(null);
     setIsLoading(true);
-    setStatus("Preparing verification...");
+    setStatus(t("passport:kycMenu.preparing"));
     const iframeOrigin = new URL(iframeUrl).origin;
     const manager = new SumsubIframeManager({
       options: {
         theme: colorMode === "dark" ? "dark" : "light",
-        customizationName: DEFAULT_THEME_NAME
+        customizationName: DEFAULT_THEME_NAME,
+        lang
       },
       iframeOrigin,
       getToken: () => {
-        setStatus("Authenticating...");
+        setStatus(t("passport:kycMenu.authenticating"));
         return fetchToken({ levelName });
       },
       refreshToken: () => fetchToken({ levelName }),
-      onSdkBuilt: () => setStatus("Loading verification form..."),
+      onSdkBuilt: () => setStatus(t("passport:kycMenu.loadingForm")),
       sendMessage: (msg) => iframeRef.current?.contentWindow?.postMessage(msg, iframeOrigin),
       onReady: () => {
         setIsLoading(false);
@@ -21457,19 +21485,21 @@ function useSumsubIframe({ iframeUrl }) {
     return () => {
       manager.destroy();
     };
-  }, [iframeUrl, levelName]);
+  }, [iframeUrl, levelName, lang]);
   return {
     iframeRef,
     isLoading,
     error,
     height,
-    status
+    status,
+    lang
   };
 }
 var init_useSumsubIframe = __esm({
   "src/internal/components/KYC/useSumsubIframe.ts"() {
     init_ProviderContext();
     init_useColorMode();
+    init_i18n();
     init_sumsub();
     init_SumsubIframeManager();
   }
@@ -21482,15 +21512,17 @@ var SumsubIframe;
 var init_SumsubIframe = __esm({
   "src/internal/components/KYC/SumsubIframe.tsx"() {
     init_ProviderContext();
+    init_i18n();
     init_useSumsubIframe();
     SumsubIframe = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const iframeUrl = `${config.current.services.iframeUrl}/kyc/sumsub.html`;
-      const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
+      const { iframeRef, isLoading, error, height, status, lang } = useSumsubIframe({ iframeUrl });
       return /* @__PURE__ */ jsxs80(Fragment31, { children: [
         isLoading && /* @__PURE__ */ jsxs80("div", { className: "rounded-[10px] p-6 text-center", children: [
           /* @__PURE__ */ jsx89(LoaderIcon10, { className: "w-4 h-4 animate-spin mx-auto" }),
-          /* @__PURE__ */ jsx89("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
+          /* @__PURE__ */ jsx89("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || t("passport:kycMenu.loading") })
         ] }),
         error && /* @__PURE__ */ jsx89("div", { className: "rounded-[10px] p-4 text-center bg-[var(--ui-kit-bg-error)] border border-[var(--ui-kit-error)]", children: /* @__PURE__ */ jsx89("div", { className: "text-sm text-[var(--ui-kit-error)]", children: error }) }),
         /* @__PURE__ */ jsx89("div", { className: " w-full h-full relative", children: /* @__PURE__ */ jsx89(
@@ -21503,7 +21535,8 @@ var init_SumsubIframe = __esm({
             sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
             allow: "camera; microphone; geolocation; clipboard-write",
             style: { height: isLoading || error ? 0 : height }
-          }
+          },
+          lang
         ) })
       ] });
     };
@@ -21515,10 +21548,11 @@ import { ArrowLeft as ArrowLeft15 } from "lucide-react";
 import { jsx as jsx90, jsxs as jsxs81 } from "react/jsx-runtime";
 function KycMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
+  const { t } = useT();
   return /* @__PURE__ */ jsxs81(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx90(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx90(ArrowLeft15, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: "KYC" })
+      /* @__PURE__ */ jsx90(Button, { variant: "ghost", size: "icon", title: t("passport:common.back"), onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx90(ArrowLeft15, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: t("passport:kycMenu.title") })
     ] }),
     /* @__PURE__ */ jsx90(KycContent, {})
   ] });
@@ -21527,18 +21561,20 @@ var KycContent;
 var init_KycMenu = __esm({
   "src/internal/components/KYC/KycMenu.tsx"() {
     init_ProviderContext();
+    init_i18n();
     init_useLayoutDataStore();
     init_Expandable2();
     init_button();
     init_SumsubIframe();
     KycContent = () => {
       const config = useProviderConfig().config;
+      const { t } = useT();
       const provider = config.current.kyc?.provider;
       switch (provider) {
         case "sumsub":
           return /* @__PURE__ */ jsx90(SumsubIframe, {});
         default:
-          return /* @__PURE__ */ jsx90("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ jsx90("div", { className: "text-sm", children: provider ? `KYC provider "${provider}" coming soon\u2026` : "KYC verification coming soon\u2026" }) });
+          return /* @__PURE__ */ jsx90("div", { className: "rounded-xl p-[var(--ui-kit-pd)] text-center bg-[var(--ui-kit-secondary)]", children: /* @__PURE__ */ jsx90("div", { className: "text-sm", children: provider ? `${t("passport:kycMenu.providerComingSoon")}: ${provider}` : t("passport:kycMenu.comingSoon") }) });
       }
     };
   }
@@ -30112,7 +30148,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.117",
+      version: "0.4.119",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.117",
+  "version": "0.4.119",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",