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

package/dist/chunks/useToast-CaRkylKe.js

@@ -0,0 +1,304 @@
+import { useContext, createContext, useMemo, useState, useCallback } from "react";
+const defaultWalletContext = {
+  // EVM state
+  evmAdapter: null,
+  evmAddress: null,
+  evmChainId: null,
+  isEvmConnected: false,
+  // Detection status
+  isDetecting: true,
+  // Actions (no-op by default)
+  connectEvm: async () => null,
+  disconnectEvm: async () => {
+  },
+  signEvmMessage: async () => null
+};
+const WalletContext = createContext(defaultWalletContext);
+function useWallet() {
+  const context = useContext(WalletContext);
+  return context;
+}
+function useEvmWallet() {
+  const context = useWallet();
+  return useMemo(
+    () => ({
+      adapter: context.evmAdapter,
+      address: context.evmAddress,
+      chainId: context.evmChainId,
+      isConnected: context.isEvmConnected,
+      connect: context.connectEvm,
+      disconnect: context.disconnectEvm,
+      signMessage: context.signEvmMessage
+    }),
+    [
+      context.evmAdapter,
+      context.evmAddress,
+      context.evmChainId,
+      context.isEvmConnected,
+      context.connectEvm,
+      context.disconnectEvm,
+      context.signEvmMessage
+    ]
+  );
+}
+let ethersModule = null;
+const interfaceCache = /* @__PURE__ */ new Map();
+async function loadEthers() {
+  if (ethersModule) {
+    return ethersModule;
+  }
+  try {
+    ethersModule = await import("ethers");
+    return ethersModule;
+  } catch {
+    throw new Error(
+      "ethers.js is required for contract invocation. Please install ethers@^6.0.0"
+    );
+  }
+}
+async function getInterface(abi) {
+  const { ethers } = await loadEthers();
+  const cacheKey = JSON.stringify(abi);
+  let iface = interfaceCache.get(cacheKey);
+  if (!iface) {
+    iface = new ethers.Interface(abi);
+    interfaceCache.set(cacheKey, iface);
+  }
+  return iface;
+}
+function getEthereumProvider() {
+  if (typeof window === "undefined") return null;
+  return window.ethereum ?? null;
+}
+function buildEthereumAdapter(provider, initialAddress = null, initialChainId = null) {
+  let currentAddress = initialAddress;
+  let currentChainId = initialChainId;
+  const adapter = {
+    /**
+     * Connect wallet
+     */
+    connect: async () => {
+      const accounts = await provider.request({
+        method: "eth_requestAccounts"
+      });
+      if (!accounts || accounts.length === 0) {
+        throw new Error("No accounts found");
+      }
+      const address = accounts[0];
+      if (!address) {
+        throw new Error("No accounts found");
+      }
+      currentAddress = address;
+      const chainIdHex = await provider.request({
+        method: "eth_chainId"
+      });
+      currentChainId = parseInt(chainIdHex, 16);
+      return address;
+    },
+    /**
+     * Disconnect from wallet
+     * Note: Most wallets don't support programmatic disconnect, can only clear local state
+     */
+    disconnect: async () => {
+      currentAddress = null;
+      currentChainId = null;
+    },
+    /**
+     * Sign message (personal_sign)
+     */
+    signMessage: async (message) => {
+      if (!currentAddress) {
+        throw new Error("Wallet not connected");
+      }
+      const signature = await provider.request({
+        method: "personal_sign",
+        params: [message, currentAddress]
+      });
+      return signature;
+    },
+    /**
+     * Get current address
+     */
+    getAddress: () => currentAddress,
+    /**
+     * Get current chain ID
+     */
+    getChainId: () => currentChainId,
+    /**
+     * Switch network
+     */
+    switchNetwork: async (chainId) => {
+      const chainIdHex = `0x${chainId.toString(16)}`;
+      try {
+        await provider.request({
+          method: "wallet_switchEthereumChain",
+          params: [{ chainId: chainIdHex }]
+        });
+        currentChainId = chainId;
+      } catch (error) {
+        const err = error;
+        if (err.code === 4902) {
+          throw new Error("Chain not found in wallet. Please add the network manually.");
+        }
+        throw error;
+      }
+    },
+    /**
+     * Get wallet's native token balance (for gas estimation)
+     * @returns Balance in ETH (string, formatted)
+     */
+    getBalance: async () => {
+      if (!currentAddress) {
+        throw new Error("Wallet not connected");
+      }
+      const balanceHex = await provider.request({
+        method: "eth_getBalance",
+        params: [currentAddress, "latest"]
+      });
+      const balanceWei = BigInt(balanceHex);
+      const balanceEth = Number(balanceWei) / 1e18;
+      return balanceEth.toString();
+    },
+    /**
+     * Invoke a smart contract method
+     *
+     * 使用 ethers.js 编码合约调用，支持缓存优化：
+     * - ethers 模块只加载一次
+     * - 相同 ABI 的 Interface 实例会被缓存复用
+     *
+     * @param params - Contract invocation parameters
+     * @returns Transaction hash
+     */
+    invokeContract: async (params) => {
+      var _a;
+      if (!currentAddress) {
+        throw new Error("Wallet not connected");
+      }
+      const { contract, abi, method, params: methodParams, chainId, value } = params;
+      if (chainId && currentChainId !== chainId) {
+        await ((_a = adapter.switchNetwork) == null ? void 0 : _a.call(adapter, chainId));
+      }
+      let encodedData;
+      try {
+        const iface = await getInterface(abi);
+        encodedData = iface.encodeFunctionData(method, methodParams);
+      } catch (error) {
+        if (error instanceof Error && error.message.includes("ethers.js is required")) {
+          throw error;
+        }
+        throw new Error(
+          `Failed to encode contract call "${method}": ${error instanceof Error ? error.message : String(error)}`
+        );
+      }
+      const txParams = {
+        from: currentAddress,
+        to: contract,
+        data: encodedData
+      };
+      if (value) {
+        txParams.value = `0x${BigInt(value).toString(16)}`;
+      }
+      const txHash = await provider.request({
+        method: "eth_sendTransaction",
+        params: [txParams]
+      });
+      return txHash;
+    },
+    /**
+     * Listen to account changes
+     */
+    onAccountChange: (callback) => {
+      var _a;
+      const handler = (accounts) => {
+        const accountList = accounts;
+        currentAddress = accountList[0] ?? null;
+        callback(currentAddress);
+      };
+      (_a = provider.on) == null ? void 0 : _a.call(provider, "accountsChanged", handler);
+      return () => {
+        var _a2;
+        return (_a2 = provider.removeListener) == null ? void 0 : _a2.call(provider, "accountsChanged", handler);
+      };
+    },
+    /**
+     * Listen to chain changes
+     */
+    onChainChange: (callback) => {
+      var _a;
+      const handler = (chainIdHex) => {
+        currentChainId = parseInt(chainIdHex, 16);
+        callback(currentChainId);
+      };
+      (_a = provider.on) == null ? void 0 : _a.call(provider, "chainChanged", handler);
+      return () => {
+        var _a2;
+        return (_a2 = provider.removeListener) == null ? void 0 : _a2.call(provider, "chainChanged", handler);
+      };
+    }
+  };
+  return adapter;
+}
+function createEthereumAdapter() {
+  const provider = getEthereumProvider();
+  if (!provider) return null;
+  return buildEthereumAdapter(provider);
+}
+function createEthereumAdapterFromProvider(provider, options = {}) {
+  return buildEthereumAdapter(
+    provider,
+    options.address ?? null,
+    options.chainId ?? null
+  );
+}
+const ToastContext = createContext(null);
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within TaskOnProvider");
+  }
+  return context;
+}
+let toastId = 0;
+function generateId() {
+  return `toast-${++toastId}-${Date.now()}`;
+}
+function useToastState() {
+  const [toasts, setToasts] = useState([]);
+  const showToast = useCallback(
+    (message, type = "info", duration) => {
+      const newToast = {
+        id: generateId(),
+        message,
+        type,
+        duration
+      };
+      setToasts((prev) => [...prev, newToast]);
+    },
+    []
+  );
+  const removeToast = useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const toast = {
+    success: (message, duration) => showToast(message, "success", duration),
+    error: (message, duration) => showToast(message, "error", duration),
+    warning: (message, duration) => showToast(message, "warning", duration),
+    info: (message, duration) => showToast(message, "info", duration)
+  };
+  return {
+    toasts,
+    showToast,
+    removeToast,
+    toast
+  };
+}
+export {
+  ToastContext as T,
+  WalletContext as W,
+  useEvmWallet as a,
+  useToastState as b,
+  createEthereumAdapter as c,
+  useToast as d,
+  createEthereumAdapterFromProvider as e,
+  useWallet as u
+};

package/dist/chunks/{usercenter-ja-uu-XfVF9.js → usercenter-ja-B2465c1O.js}

@@ -24,9 +24,6 @@ const withdrawing = "引き出し処理中...";
 const confirm = "確認";
 const cancel = "キャンセル";
 const close = "閉じる";
-const gasFreeWithdraw = "無料引き出し";
-const gasFreeRemaining = "残り{count}回の無料引き出し";
-const pollingStatus = "ガスステーションで処理中...";
 const columnDetail = "詳細";
 const columnDuration = "期間";
 const activityName = "アクティビティ名";
@@ -107,6 +104,7 @@ const columnDiscordRole = "Discord ロール";
 const columnTime = "時間";
 const columnStatus = "ステータス";
 const columnAmount = "数量";
+const walletNotBind = "引き出す前にウォレットを連携してください";
 const ja = {
   tabMyRewards,
   tabIdentity,
@@ -134,9 +132,6 @@ const ja = {
   confirm,
   cancel,
   close,
-  gasFreeWithdraw,
-  gasFreeRemaining,
-  pollingStatus,
   columnDetail,
   columnDuration,
   activityName,
@@ -216,7 +211,8 @@ const ja = {
   columnDiscordRole,
   columnTime,
   columnStatus,
-  columnAmount
+  columnAmount,
+  walletNotBind
 };
 export {
   activityName,
@@ -266,8 +262,6 @@ export {
   frozenTypeReferral,
   frozenTypeTgMiniApp,
   frozenTypeWithdraw,
-  gasFreeRemaining,
-  gasFreeWithdraw,
   gasNotEnough,
   kycWarning,
   lastLoginMethod,
@@ -289,7 +283,6 @@ export {
   pleaseEnterValidCode,
   pleaseEnterValidEmail,
   pointsHistory,
-  pollingStatus,
   previous,
   resend,
   resendCode,
@@ -320,6 +313,7 @@ export {
   unbinding,
   verificationCode,
   walletAddresses,
+  walletNotBind,
   withdraw,
   withdrawCanceled,
   withdrawCanceledMessage,

package/dist/chunks/{usercenter-ko-DYgUOVzd.js → usercenter-ko-xAEYxqLg.js}

@@ -24,9 +24,6 @@ const withdrawing = "출금 처리 중...";
 const confirm = "확인";
 const cancel = "취소";
 const close = "닫기";
-const gasFreeWithdraw = "무료 출금";
-const gasFreeRemaining = "무료 출금 {count}회 남음";
-const pollingStatus = "가스 스테이션 처리 중...";
 const columnDetail = "상세";
 const columnDuration = "기간";
 const activityName = "활동명";
@@ -107,6 +104,7 @@ const columnDiscordRole = "Discord 역할";
 const columnTime = "시간";
 const columnStatus = "상태";
 const columnAmount = "수량";
+const walletNotBind = "출금 전 지갑을 먼저 연결해 주세요";
 const ko = {
   tabMyRewards,
   tabIdentity,
@@ -134,9 +132,6 @@ const ko = {
   confirm,
   cancel,
   close,
-  gasFreeWithdraw,
-  gasFreeRemaining,
-  pollingStatus,
   columnDetail,
   columnDuration,
   activityName,
@@ -216,7 +211,8 @@ const ko = {
   columnDiscordRole,
   columnTime,
   columnStatus,
-  columnAmount
+  columnAmount,
+  walletNotBind
 };
 export {
   activityName,
@@ -266,8 +262,6 @@ export {
   frozenTypeReferral,
   frozenTypeTgMiniApp,
   frozenTypeWithdraw,
-  gasFreeRemaining,
-  gasFreeWithdraw,
   gasNotEnough,
   kycWarning,
   lastLoginMethod,
@@ -289,7 +283,6 @@ export {
   pleaseEnterValidCode,
   pleaseEnterValidEmail,
   pointsHistory,
-  pollingStatus,
   previous,
   resend,
   resendCode,
@@ -320,6 +313,7 @@ export {
   unbinding,
   verificationCode,
   walletAddresses,
+  walletNotBind,
   withdraw,
   withdrawCanceled,
   withdrawCanceledMessage,

package/dist/community-task.d.ts

@@ -2,6 +2,7 @@ import { ChainType } from '@taskon/core';
 import { CommunityTaskInfo } from '@taskon/core';
 import { default as default_2 } from 'react';
 import { RecurrenceType } from '@taskon/core';
+import { RewardDisplayMode } from '@taskon/core';
 import { SnsType } from '@taskon/core';
 import { TaskReviewResult } from '@taskon/core';
 
@@ -210,6 +211,11 @@ declare interface BaseTaskProps {
     coolDown?: number;
     /** 冷却结束回调（用于重置 coolDown 状态） */
     onCoolDownComplete?: () => void;
+    /**
+     * 周期任务倒计时结束回调
+     * 用于在 next_time 到期后刷新单个任务卡片状态
+     */
+    onDoneCountdownComplete?: (taskId: number) => void | Promise<void>;
     /** 是否禁用交互 */
     disabled?: boolean;
     /**
@@ -260,6 +266,11 @@ export declare interface CommunityTaskListProps {
      * Cloud config includes display options, sector filtering, etc.
      */
     widgetId?: number;
+    /**
+     * Manual theme mode override (highest priority when provided).
+     * Recommended with dual + toggle cloud strategy.
+     */
+    themeMode?: "light" | "dark" | "auto";
     /** Whether in preview mode */
     isPreview?: boolean;
     /** 社区信息（用于前置任务链接跳转） */
@@ -278,8 +289,9 @@ export declare interface CommunityTaskListProps {
      */
     initialTaskId?: number;
     /**
-     * Callback when dialog opens (host can use to update URL params)
-     * @param taskId Currently opened task ID
+     * Callback when dialog opens or switches task (host can use to update URL params).
+     * Fires whenever active task changes, including eligibility-driven task switches.
+     * @param taskId Currently active task ID
      * @example
      * ```tsx
      * onTaskOpen={(taskId) => router.replace(`?task=${taskId}`)}
@@ -287,13 +299,28 @@ export declare interface CommunityTaskListProps {
      */
     onTaskOpen?: (taskId: number) => void;
     /**
-     * Callback when dialog closes (host can use to clear URL params)
+     * Callback when dialog closes (host can use to clear URL params).
+     * Fires only when dialog is actually closed; in-place task switches do not emit close first.
      * @example
      * ```tsx
      * onTaskClose={() => router.replace(pathname)}
      * ```
      */
     onTaskClose?: () => void;
+    /**
+     * Initial TaskChain campaign ID from URL (passed by host after parsing URL)
+     * Used to auto-open TaskChain dialog on page refresh or shared links
+     */
+    initialTaskChainId?: number;
+    /**
+     * Callback when TaskChain dialog opens (host can use to update URL params)
+     * @param taskChainId Currently opened TaskChain campaign ID
+     */
+    onTaskChainOpen?: (taskChainId: number) => void;
+    /**
+     * Callback when TaskChain dialog closes (host can use to clear URL params)
+     */
+    onTaskChainClose?: () => void;
     /** Sector IDs to display; undefined means show all */
     sectorIds?: number[];
     /** Whether to show sector tab selector (default: true) */
@@ -304,6 +331,10 @@ export declare interface CommunityTaskListProps {
     showSectorDescription?: boolean;
     /** Whether to show sector reward (default: true) */
     showSectorReward?: boolean;
+    /** How reward details are displayed in TaskChain claimed NFT cards */
+    rewardDisplayMode?: RewardDisplayMode;
+    /** Redirect URL for reward details when mode is redirect */
+    rewardRedirectUrl?: string;
 }
 
 /** 奖励信息（统一格式） */

package/dist/community-task.js

@@ -1,4 +1,4 @@
-import { B, B as B2, a, c, u, b } from "./chunks/CommunityTaskList-BlH1Wdd5.js";
+import { B, B as B2, a, c, u, b } from "./chunks/CommunityTaskList-C9Gv8KOF.js";
 export {
   B as BaseTask,
   B2 as CommunityTask,

package/dist/core.d.ts

@@ -178,13 +178,32 @@ export declare interface MapToken {
     colorSuccess?: string;
     colorWarning?: string;
     colorError?: string;
-    colorBg?: string;
-    colorBgElevated?: string;
-    colorBgSpotlight?: string;
+    /** Page/canvas base background */
+    colorBgCanvas?: string;
+    /** Main surface background (cards, panels) */
+    colorBgSurface?: string;
+    /** Subtle surface background (low-contrast cards) */
+    colorBgSurfaceSubtle?: string;
+    /** Strong surface background (section headers, tracks) */
+    colorBgSurfaceStrong?: string;
+    /** Floating layer background (tooltip, dropdown, popover) */
+    colorBgFloating?: string;
+    /** Overlay mask background */
+    colorBgMask?: string;
+    /** Inset background (inner slots/containers) */
+    colorBgInset?: string;
+    colorSuccessBg?: string;
+    colorWarningBg?: string;
+    colorErrorBg?: string;
+    colorSecondaryBg?: string;
     colorText?: string;
     colorTextSecondary?: string;
     colorTextTertiary?: string;
     colorTextDisabled?: string;
+    /** Link color */
+    colorLink?: string;
+    /** Text color on primary background elements (e.g. primary button text) */
+    colorTextOnPrimary?: string;
     colorBorder?: string;
     colorBorderSecondary?: string;
     borderRadius?: number;
@@ -225,10 +244,22 @@ export declare interface SeedToken {
     colorWarning?: string;
     /** Error color */
     colorError?: string;
+    /** Link color */
+    colorLink?: string;
+    /** Base text color */
+    colorText?: string;
+    /** Text color on primary buttons */
+    colorTextOnPrimary?: string;
+    /** Base page background color (used to derive background layers) */
+    colorBgBase?: string;
     /** Base border radius */
     borderRadius?: number;
     /** Base font size */
     fontSize?: number;
+    /** Spacing base step from cloud config */
+    spacingBaseStep?: number;
+    /** Spacing change unit from cloud config */
+    spacingChangeUnit?: number;
 }
 
 /**
@@ -416,6 +447,12 @@ export declare interface TaskOnTheme {
 export declare interface TaskOnThemeConfig {
     /** Theme mode */
     mode?: ThemeMode;
+    /**
+     * Theme mode strategy.
+     * - auto: mode selection follows standard mode behavior
+     * - toggle: SDK/host controls mode manually (typically used with dual+toggle from cloud config)
+     */
+    modeStrategy?: "auto" | "toggle";
     /** Compact mode */
     compact?: boolean;
     /** Seed tokens */

package/dist/core.js

@@ -1,22 +1,21 @@
-import { T, u, a } from "./chunks/ThemeProvider-wnSXrNQb.js";
+import { T, c, i, u, a, b } from "./chunks/ThemeProvider-CPI_roeh.js";
 import { RewardType } from "@taskon/core";
-import { T as T2, c, b, i, a as a2, u as u2 } from "./chunks/TaskOnProvider-BD6Vp2x8.js";
-import { a as a3, u as u3 } from "./chunks/useToast-B-wyO5zL.js";
-import { c as c2, i as i2, u as u4 } from "./chunks/useWidgetLocale-JDelxtt8.js";
+import { T as T2, c as c2, b as b2, i as i2, a as a2, u as u2 } from "./chunks/TaskOnProvider-93UxARFo.js";
+import { a as a3, u as u3 } from "./chunks/useToast-CaRkylKe.js";
 export {
   RewardType,
   T2 as TaskOnProvider,
   T as ThemeProvider,
-  c2 as clearLocaleCache,
-  c as createLocaleLoader,
-  b as createT,
-  i as interpolate,
-  i2 as isSupportedLocale,
+  c as clearLocaleCache,
+  c2 as createLocaleLoader,
+  b2 as createT,
+  i2 as interpolate,
+  i as isSupportedLocale,
   a2 as useCommonLocale,
   a3 as useEvmWallet,
   u as useTaskOnAuth,
   a as useTaskOnTheme,
   u2 as useTranslation,
   u3 as useWallet,
-  u4 as useWidgetLocale
+  b as useWidgetLocale
 };