@taskon/widget-react 0.0.1-beta.3 → 0.0.1-beta.5

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import { CommunityInfo } from '@taskon/core';
 import { CommunityTaskInfo } from '@taskon/core';
 import { ComponentPropsWithoutRef } from 'react';
 import { default as default_2 } from 'react';
+import { ElementType } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { GtcUserTaskStatus } from '@taskon/core';
 import { LeaderboardContentConfig } from '@taskon/core';
@@ -654,6 +655,8 @@ export declare type ConfirmNoticeType = "default" | "success" | "warn";
  * const loadMessages = createLocaleLoader(enMessages, {
  *   ko: () => import('./locales/ko'),
  *   ja: () => import('./locales/ja'),
+ *   ru: () => import('./locales/ru'),
+ *   es: () => import('./locales/es'),
  * });
  * ```
  */
@@ -683,6 +686,44 @@ export declare function createLocaleLoader<T>(defaultMessages: T, imports: Local
  */
 export declare function createT<T extends Record<string, string>>(messages: T): <K extends keyof T>(key: K, params?: InterpolationParams) => string;
 
+/**
+ * Rich text translation component.
+ *
+ * It first translates text with temporary markers, then replaces markers
+ * with provided React nodes.
+ */
+export declare function I18nT<T extends Record<string, string>, K extends keyof T>({ t, i18nKey, values, components, textClassName, as: Wrapper, className, }: I18nTProps<T, K>): default_2.ReactElement;
+
+/**
+ * Slot component map for rich placeholders.
+ *
+ * Key is the interpolation name in message template, e.g. {community}
+ */
+export declare type I18nTComponents = Record<string, ReactNode>;
+
+/**
+ * I18nT component props
+ *
+ * @template T - Locale messages object type
+ * @template K - Message key type
+ */
+export declare interface I18nTProps<T extends Record<string, string>, K extends keyof T> {
+    /** Translation function returned by useTranslation/useXxxLocale */
+    t: TFunction<T>;
+    /** Translation key */
+    i18nKey: K;
+    /** Plain interpolation values */
+    values?: InterpolationParams;
+    /** Rich component slots */
+    components?: I18nTComponents;
+    /** Optional className for plain text fragments between rich slots */
+    textClassName?: string;
+    /** Optional wrapper element type (default: Fragment) */
+    as?: ElementType;
+    /** Optional wrapper className (only applied when `as` is provided) */
+    className?: string;
+}
+
 /**
  * Interpolate a string with parameters
  *
@@ -795,7 +836,11 @@ export declare type Locale = "en" | "ko" | "ja" | "ru" | "es";
 
 /**
  * Locale import map type
- * Maps supported locales to their dynamic import functions
+ * Maps supported non-English locales to their dynamic import functions.
+ *
+ * Notes:
+ * - Keys are optional so widgets can incrementally adopt locales.
+ * - Missing locale imports safely fall back to inlined English messages.
  */
 export declare type LocaleImportMap<T> = {
     [K in Exclude<SupportedLocale, "en">]?: () => Promise<{
@@ -870,6 +915,9 @@ export declare interface MapToken {
     fontSize?: number;
     fontSizeSm?: number;
     fontSizeLg?: number;
+    fontSizeXl?: number;
+    fontSizeXxl?: number;
+    fontSizeXxxl?: number;
     spacing?: number;
     spacingXs?: number;
     spacingSm?: number;
@@ -1045,10 +1093,13 @@ export declare interface SeedToken {
 }
 
 /**
- * Locales that have full translation support in all widgets
- * Other locales in the Locale type will fallback to English
+ * Locales recognized by the widget i18n runtime.
+ *
+ * Notes:
+ * - A widget can choose to provide only part of these locale files.
+ * - Missing locale modules still fall back to inlined English messages.
  */
-export declare type SupportedLocale = "en" | "ko" | "ja";
+export declare type SupportedLocale = "en" | "ko" | "ja" | "ru" | "es";
 
 /**
  * TaskOn Context value
@@ -1852,6 +1903,6 @@ export declare interface WalletState {
 /**
  * Supported widget names for preloading
  */
-export declare type WidgetName = "CommunityTask";
+export declare type WidgetName = "CommunityTask" | "Quest" | "TaskWidget" | "LeaderboardWidget" | "UserCenterWidget";
 
 export { }

package/dist/index.js

@@ -1,20 +1,22 @@
-import { B, c } from "./chunks/dynamic-import-helper-B2j_dZ4V.js";
-import { T, c as c2, i, u, a, b } from "./chunks/ThemeProvider-DNJqI2lD.js";
-import { C, B as B2, a as a2, T as T2 } from "./chunks/CommunityTaskList-C9mPl_31.js";
+import { B, c } from "./chunks/dynamic-import-helper-WmIF58Sb.js";
+import { T, c as c2, i, u, a, b } from "./chunks/ThemeProvider-Bt4UZ33y.js";
+import { C, B as B2, a as a2, T as T2 } from "./chunks/CommunityTaskList-CrMvOB8w.js";
 import { RewardType } from "@taskon/core";
-import { T as T3, c as c3, b as b2, i as i2, a as a3, u as u2 } from "./chunks/TaskOnProvider-iannERG1.js";
-import { a as a4, u as u3 } from "./chunks/useToast-CaRkylKe.js";
-import { C as C2 } from "./chunks/EligibilityInfo-DGBffKN8.js";
-import { L } from "./chunks/LeaderboardWidget-DPOQVXkT.js";
-import { Q, Q as Q2, u as u4, b as b3, a as a5 } from "./chunks/Quest-DjGH_8bx.js";
-import { U } from "./chunks/UserCenterWidget-CAhgp46j.js";
-import { P } from "./chunks/PageBuilder-WCZvxL2j.js";
+import { T as T3, u as u2 } from "./chunks/TaskOnProvider-xUeP2Nro.js";
+import { a as a3, u as u3 } from "./chunks/useToast-CaRkylKe.js";
+import { c as c3, a as a4, i as i2, u as u4 } from "./chunks/createLocaleLoader-BameiEhU.js";
+import { C as C2, I } from "./chunks/EligibilityInfo-Beww12QX.js";
+import { L } from "./chunks/LeaderboardWidget-DwuSpVl0.js";
+import { Q, Q as Q2, u as u5, b as b2, a as a5 } from "./chunks/Quest-CuD2LElS.js";
+import { U } from "./chunks/UserCenterWidget-CB0hnj-L.js";
+import { P } from "./chunks/PageBuilder-DsX6Tv0N.js";
 export {
   B as Button,
   C as CardSelector,
   B2 as CommunityTask,
   a2 as CommunityTaskList,
   C2 as ConfirmNoticeDialog,
+  I as I18nT,
   L as LeaderboardWidget,
   P as PageBuilder,
   Q as Quest,
@@ -27,17 +29,17 @@ export {
   c2 as clearLocaleCache,
   c as cloudThemeToReactTheme,
   c3 as createLocaleLoader,
-  b2 as createT,
+  a4 as createT,
   i2 as interpolate,
   i as isSupportedLocale,
-  a3 as useCommonLocale,
-  a4 as useEvmWallet,
-  u4 as useQuestDetail,
-  b3 as useQuestStatus,
+  u2 as useCommonLocale,
+  a3 as useEvmWallet,
+  u5 as useQuestDetail,
+  b2 as useQuestStatus,
   a5 as useQuestUserStatus,
   u as useTaskOnAuth,
   a as useTaskOnTheme,
-  u2 as useTranslation,
+  u4 as useTranslation,
   u3 as useWallet,
   b as useWidgetLocale
 };

package/dist/leaderboard.js

@@ -1,5 +1,5 @@
-import { c, e, d, b, L, R, f, U, a, u } from "./chunks/LeaderboardWidget-DPOQVXkT.js";
-import { u as u2 } from "./chunks/dynamic-import-helper-B2j_dZ4V.js";
+import { c, e, d, b, L, R, f, U, a, u } from "./chunks/LeaderboardWidget-DwuSpVl0.js";
+import { u as u2 } from "./chunks/dynamic-import-helper-WmIF58Sb.js";
 import { isAllTimeResponse, isCampaignResponse } from "@taskon/core";
 export {
   c as LeaderboardHeader,

package/dist/page-builder.js

@@ -1,4 +1,4 @@
-import { P } from "./chunks/PageBuilder-WCZvxL2j.js";
+import { P } from "./chunks/PageBuilder-DsX6Tv0N.js";
 export {
   P as PageBuilder
 };