@taskon/widget-react 0.0.1-beta.4 → 0.0.1-beta.6

package/dist/chunks/{TaskOnProvider-93UxARFo.js → TaskOnProvider-BhamHIyY.js}

@@ -1,7 +1,7 @@
+import { p as preloadWidgetLocale, b as useWidgetLocale, e as createLocaleLoader, j as createContextScope, k as useComposedRefs, l as createSlot, P as Primitive, B as Branch, m as useControllableState, n as Presence, o as composeEventHandlers, q as useCallbackRef, R as Root, r as Portal, s as useLayoutEffect2, t as dispatchDiscreteCustomEvent, v as TaskOnContext } from "./ThemeProvider-mXLdLSkq.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useEffect, useMemo, useCallback } from "react";
-import { b as useWidgetLocale, e as createContextScope, f as useComposedRefs, g as createSlot, P as Primitive, B as Branch, h as useControllableState, j as Presence, k as composeEventHandlers, l as useCallbackRef, R as Root, m as Portal, n as dispatchDiscreteCustomEvent, o as useLayoutEffect2, p as TaskOnContext } from "./ThemeProvider-CPI_roeh.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { createTaskOnClient, createUserApi, createChainApi, createCommunityTaskApi } from "@taskon/core";
 import { c as createEthereumAdapter, W as WalletContext, b as useToastState, T as ToastContext } from "./useToast-CaRkylKe.js";
 import * as ReactDOM from "react-dom";
@@ -46,6 +46,7 @@ function useClientInit({
   const [client, setClient] = useState(null);
   const userApiRef = useRef(null);
   const [isInitializing, setIsInitializing] = useState(true);
+  const [isSessionReady, setIsSessionReady] = useState(false);
   const isInitializedRef = useRef(false);
   const configRef = useRef({ apiKey, baseURL });
   configRef.current = { apiKey, baseURL };
@@ -76,14 +77,17 @@ function useClientInit({
         userApiRef.current = userApi;
         const storedToken = getStoredToken();
         if (storedToken) {
+          taskOnClient.setUserToken(storedToken);
+          setIsSessionReady(true);
           try {
-            taskOnClient.setUserToken(storedToken);
             const info = await userApi.getInfo();
             setUserInfo2(info);
             setUserToken2(storedToken);
           } catch {
             taskOnClient.setUserToken(null);
           }
+        } else {
+          setIsSessionReady(true);
         }
       } finally {
         setIsInitializing(false);
@@ -94,74 +98,103 @@ function useClientInit({
   return {
     client,
     userApiRef,
+    isSessionReady,
     isInitializing
   };
 }
-function interpolate(template, params) {
-  if (!params) {
-    return template;
+const registry = /* @__PURE__ */ new Map();
+const builtInLocaleImports = {
+  CommunityTask: {
+    ko: () => import("./communitytask-ko-Bf24PQKI.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./communitytask-ja-GRf9cbdx.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./communitytask-ru-CZm2CPoV.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./communitytask-es-CBNnS4o2.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  Quest: {
+    ko: () => import("./quest-ko-BMu3uRQJ.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./quest-ja-Depog33y.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./quest-ru-xne814Rw.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./quest-es-Dyyy0zaw.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  TaskWidget: {
+    ko: () => import("./taskwidget-ko-EHgXFV4B.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./taskwidget-ja-CqSu-yWA.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./taskwidget-ru-CMbLQDK4.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./taskwidget-es-Do9b3Mqw.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  LeaderboardWidget: {
+    ko: () => import("./leaderboardwidget-ko-CG6SWgxf.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./leaderboardwidget-ja-Q6u0HxKG.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./leaderboardwidget-ru-DCcHcJGz.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./leaderboardwidget-es-vKjrjQaz.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  UserCenterWidget: {
+    ko: () => import("./usercenter-ko-Dtpkn2qb.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./usercenter-ja-CKE4DJC6.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./usercenter-ru-DnBGee45.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./usercenter-es-Dz3Wp2vV.js").then((module) => ({
+      default: module.default
+    }))
   }
-  return template.replace(/\{(\w+)\}/g, (match, key) => {
-    const value = params[key];
-    if (value === void 0) {
-      return match;
-    }
-    return String(value);
-  });
-}
-function createT(messages) {
-  return (key, params) => {
-    const template = messages[key];
-    if (typeof template !== "string") {
-      if (process.env.NODE_ENV !== "production") {
-        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
-      }
-      return String(key);
-    }
-    return interpolate(template, params);
-  };
-}
-function createTFunction(messages) {
-  return (key, params) => {
-    const template = messages[key];
-    if (typeof template !== "string") {
-      if (process.env.NODE_ENV !== "production") {
-        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
-      }
-      return String(key);
-    }
-    return interpolate(template, params);
-  };
-}
-function useTranslation(options) {
-  const { messages, isLoading } = useWidgetLocale(options);
-  const t = useMemo(() => createTFunction(messages), [messages]);
-  return {
-    t,
-    messages,
-    isLoading
-  };
-}
-function createLocaleLoader(defaultMessages, imports) {
-  return (locale) => {
-    if (locale === "en") {
-      return Promise.resolve({ default: defaultMessages });
-    }
-    const importFn = imports[locale];
-    if (importFn) {
-      return importFn();
-    }
-    return Promise.resolve({ default: defaultMessages });
-  };
+};
+async function preloadBuiltInWidgetLocale(widget, locale) {
+  if (locale === "en") return;
+  const localeLoader = builtInLocaleImports[widget][locale];
+  if (!localeLoader) return;
+  await preloadWidgetLocale(widget, locale, () => localeLoader());
 }
-const registry = /* @__PURE__ */ new Map();
+const builtInPreloaders = {
+  CommunityTask: (locale) => preloadBuiltInWidgetLocale("CommunityTask", locale),
+  Quest: (locale) => preloadBuiltInWidgetLocale("Quest", locale),
+  TaskWidget: (locale) => preloadBuiltInWidgetLocale("TaskWidget", locale),
+  LeaderboardWidget: (locale) => preloadBuiltInWidgetLocale("LeaderboardWidget", locale),
+  UserCenterWidget: (locale) => preloadBuiltInWidgetLocale("UserCenterWidget", locale)
+};
 async function preloadWidgets(widgets, locale) {
   const preloadPromises = widgets.map((name) => {
-    const preloadFn = registry.get(name);
+    const preloadFn = registry.get(name) ?? builtInPreloaders[name];
     if (!preloadFn) {
       if (process.env.NODE_ENV !== "production") {
         console.warn(
-          `[widget-react] Widget "${name}" not found in registry. Make sure to import the widget before using preloadWidgets.`
+          `[widget-react] Widget "${name}" not found in registry. Make sure this widget has a preload loader configured.`
         );
       }
       return null;
@@ -1141,7 +1174,7 @@ function TaskOnProvider({
     configLocale: config.locale,
     preloadLocales
   });
-  const { client, userApiRef, isInitializing } = useClientInit({
+  const { client, userApiRef, isInitializing, isSessionReady } = useClientInit({
     apiKey: config.apiKey,
     baseURL: config.baseURL,
     setUserInfo,
@@ -1195,6 +1228,7 @@ function TaskOnProvider({
       config,
       client,
       isInitializing,
+      isSessionReady,
       locale,
       userId: (userInfo == null ? void 0 : userInfo.id) ?? null,
       userInfo,
@@ -1207,7 +1241,7 @@ function TaskOnProvider({
       chains,
       communityInfo
     }),
-    [config, client, isInitializing, locale, userInfo, userToken, login, logout, requestLogin, refreshUserInfo, chains, communityInfo]
+    [config, client, isInitializing, isSessionReady, locale, userInfo, userToken, login, logout, requestLogin, refreshUserInfo, chains, communityInfo]
   );
   return /* @__PURE__ */ jsx(TaskOnContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ToastContext.Provider, { value: toastState, children: /* @__PURE__ */ jsxs(ToastProvider, { children: [
     /* @__PURE__ */ jsx(WalletProvider, { config: config.walletConfig, children }),
@@ -1222,9 +1256,5 @@ function TaskOnProvider({
 }
 export {
   TaskOnProvider as T,
-  useCommonLocale as a,
-  createT as b,
-  createLocaleLoader as c,
-  interpolate as i,
-  useTranslation as u
+  useCommonLocale as u
 };

package/dist/chunks/{ThemeProvider-CPI_roeh.js → ThemeProvider-mXLdLSkq.js}

@@ -38,6 +38,7 @@ function useTaskOnAuth() {
       userId: context.userId,
       isLoggedIn: context.isLoggedIn,
       isInitializing: context.isInitializing,
+      isSessionReady: context.isSessionReady,
       // Unified login
       login: context.login,
       // Logout
@@ -49,6 +50,7 @@ function useTaskOnAuth() {
       context.userId,
       context.isLoggedIn,
       context.isInitializing,
+      context.isSessionReady,
       context.login,
       context.logout,
       context.requestLogin
@@ -56,12 +58,12 @@ function useTaskOnAuth() {
   );
 }
 function isSupportedLocale(locale) {
-  return locale === "en" || locale === "ko" || locale === "ja";
+  return locale === "en" || locale === "ko" || locale === "ja" || locale === "ru" || locale === "es";
 }
 function warnUnsupportedLocale(locale, widgetId) {
   if (process.env.NODE_ENV !== "production" && !isSupportedLocale(locale)) {
     console.warn(
-      `[widget-react] Locale "${locale}" is not fully supported in ${widgetId}. Falling back to English. Supported locales: en, ko, ja`
+      `[widget-react] Locale "${locale}" is not fully supported in ${widgetId}. Falling back to English. Supported locales: en, ko, ja, ru, es`
     );
   }
 }
@@ -122,6 +124,77 @@ function useWidgetLocale(options) {
 function clearLocaleCache() {
   localeCache.clear();
 }
+async function preloadWidgetLocale(widgetId, locale, loadMessages) {
+  if (locale === DEFAULT_LOCALE) return;
+  const cacheKey = `${widgetId}-${locale}`;
+  if (localeCache.has(cacheKey)) return;
+  try {
+    const module = await loadMessages(locale);
+    localeCache.set(cacheKey, module.default);
+  } catch (error) {
+    console.warn(
+      `[widget-react] Failed to preload locale "${locale}" for ${widgetId}:`,
+      error
+    );
+  }
+}
+function interpolate(template, params) {
+  if (!params) {
+    return template;
+  }
+  return template.replace(/\{(\w+)\}/g, (match, key) => {
+    const value = params[key];
+    if (value === void 0) {
+      return match;
+    }
+    return String(value);
+  });
+}
+function createT(messages) {
+  return (key, params) => {
+    const template = messages[key];
+    if (typeof template !== "string") {
+      if (process.env.NODE_ENV !== "production") {
+        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
+      }
+      return String(key);
+    }
+    return interpolate(template, params);
+  };
+}
+function createTFunction(messages) {
+  return (key, params) => {
+    const template = messages[key];
+    if (typeof template !== "string") {
+      if (process.env.NODE_ENV !== "production") {
+        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
+      }
+      return String(key);
+    }
+    return interpolate(template, params);
+  };
+}
+function useTranslation(options) {
+  const { messages, isLoading } = useWidgetLocale(options);
+  const t = useMemo(() => createTFunction(messages), [messages]);
+  return {
+    t,
+    messages,
+    isLoading
+  };
+}
+function createLocaleLoader(defaultMessages, imports) {
+  return (locale) => {
+    if (locale === "en") {
+      return Promise.resolve({ default: defaultMessages });
+    }
+    const importFn = imports[locale];
+    if (importFn) {
+      return importFn();
+    }
+    return Promise.resolve({ default: defaultMessages });
+  };
+}
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler == null ? void 0 : originalEventHandler(event);
@@ -825,6 +898,9 @@ const lightDefaultTokens = {
   fontSize: 14,
   fontSizeSm: 12,
   fontSizeLg: 16,
+  fontSizeXl: 18,
+  fontSizeXxl: 22,
+  fontSizeXxxl: 24,
   // Spacing
   spacing: 8,
   spacingXs: 4,
@@ -875,6 +951,9 @@ const darkDefaultTokens = {
   fontSize: 14,
   fontSizeSm: 12,
   fontSizeLg: 16,
+  fontSizeXl: 18,
+  fontSizeXxl: 22,
+  fontSizeXxxl: 24,
   // Spacing
   spacing: 8,
   spacingXs: 4,
@@ -1145,6 +1224,9 @@ function deriveTokens(seed, mode) {
     derived.fontSize = seed.fontSize;
     derived.fontSizeSm = seed.fontSize - 2;
     derived.fontSizeLg = seed.fontSize + 2;
+    derived.fontSizeXl = seed.fontSize + 4;
+    derived.fontSizeXxl = seed.fontSize + 8;
+    derived.fontSizeXxxl = seed.fontSize + 10;
   }
   if (seed.spacingBaseStep !== void 0 || seed.spacingChangeUnit !== void 0) {
     const base = Math.max(1, Number(seed.spacingBaseStep) || 1);
@@ -1289,22 +1371,27 @@ export {
   ThemeProvider as T,
   useTaskOnTheme as a,
   useWidgetLocale as b,
-  clearLocaleCache as c,
-  useTaskOnContext as d,
-  createContextScope as e,
-  useComposedRefs as f,
-  createSlot as g,
-  useControllableState as h,
-  isSupportedLocale as i,
-  Presence as j,
-  composeEventHandlers as k,
-  useCallbackRef as l,
-  Portal as m,
-  dispatchDiscreteCustomEvent as n,
-  useLayoutEffect2 as o,
-  TaskOnContext as p,
-  composeRefs as q,
-  createContext2 as r,
-  useTaskOnPortalContainer as s,
-  useTaskOnAuth as u
+  useTranslation as c,
+  clearLocaleCache as d,
+  createLocaleLoader as e,
+  createT as f,
+  isSupportedLocale as g,
+  useTaskOnContext as h,
+  interpolate as i,
+  createContextScope as j,
+  useComposedRefs as k,
+  createSlot as l,
+  useControllableState as m,
+  Presence as n,
+  composeEventHandlers as o,
+  preloadWidgetLocale as p,
+  useCallbackRef as q,
+  Portal as r,
+  useLayoutEffect2 as s,
+  dispatchDiscreteCustomEvent as t,
+  useTaskOnAuth as u,
+  TaskOnContext as v,
+  createContext2 as w,
+  useTaskOnPortalContainer as x,
+  composeRefs as y
 };