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

package/dist/chunks/useToast-BGJhd3BX.js

@@ -0,0 +1,93 @@
+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
+    ]
+  );
+}
+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,
+  useToast as c,
+  useWallet as u
+};

package/dist/community-task.js

@@ -1,4 +1,4 @@
-import { C } from "./chunks/CommunityTaskList-Hde2OKHH.js";
+import { C } from "./chunks/CommunityTaskList-D0uVD8wD.js";
 export {
   C as CommunityTaskList
 };

package/dist/core.d.ts

@@ -352,7 +352,7 @@ export declare interface TaskOnContextValue {
      */
     chains: ChainInfo[];
     /**
-     * Community info (auto-loaded on init based on apiKey)
+     * Community info (auto-loaded on init based on clientId)
      * Used for displaying community logo and name in reward cards
      */
     communityInfo: CommunityInfo | null;
@@ -365,7 +365,7 @@ export declare interface TaskOnContextValue {
  * - TaskOn client management (based on @taskon/core)
  * - User authentication (login/logout)
  * - Locale configuration
- * - Wallet management (uses window.ethereum adapter)
+ * - Wallet management (host adapter or built-in wallet picker)
  * - Widget locale preloading (optional)
  * - Toast notifications (internal, user-transparent)
  */
@@ -376,10 +376,10 @@ export declare function TaskOnProvider({ config, children, preloadLocales, }: Ta
  */
 export declare interface TaskOnProviderConfig {
     /**
-     * API Key for authentication (X-API-Key header)
-     * Note: apiKey already contains community info, no need to configure communityId/communityKey separately
+     * Client ID for authentication (X-API-Key header)
+     * Note: clientId already contains community info, no need to configure communityId/communityKey separately
      */
-    apiKey: string;
+    clientId: string;
     /**
      * API base URL (optional)
      * @default https://white-label-api.taskon.xyz
@@ -393,8 +393,8 @@ export declare interface TaskOnProviderConfig {
     /**
      * Wallet configuration for blockchain interactions
      *
-     * When not provided, TaskOn will use built-in window.ethereum adapter
-     * for EVM wallet connections (MetaMask, etc.)
+     * When not provided, TaskOn will use SDK built-in wallet picker adapter
+     * for EVM wallet connections.
      */
     walletConfig?: WalletConfig;
     /**
@@ -407,7 +407,7 @@ export declare interface TaskOnProviderConfig {
      * ```tsx
      * <TaskOnProvider
      *   config={{
-     *     apiKey: 'your-api-key',
+     *     clientId: 'your-client-id',
      *     onRequestLogin: () => {
      *       setShowLoginModal(true);
      *     },
@@ -837,15 +837,9 @@ export declare interface WalletAdapter {
 export declare interface WalletConfig {
     /**
      * Custom EVM wallet adapter
-     * If not provided, uses built-in window.ethereum adapter
+     * If not provided, uses SDK built-in wallet picker adapter
      */
     evmAdapter?: WalletAdapter;
-    /**
-     * Disable auto-detection of wallet providers
-     * When true, only uses adapter explicitly provided above
-     * @default false
-     */
-    disableAutoDetect?: boolean;
 }
 
 /**

package/dist/core.js

@@ -1,7 +1,7 @@
-import { T, d, e, f, i, g, u, a, c, b } from "./chunks/ThemeProvider-mXLdLSkq.js";
+import { T, d, e, f, i, g, u, a, c, b } from "./chunks/ThemeProvider-CulHkqqY.js";
 import { RewardType } from "@taskon/core";
-import { T as T2, u as u2 } from "./chunks/TaskOnProvider-BhamHIyY.js";
-import { a as a2, u as u3 } from "./chunks/useToast-CaRkylKe.js";
+import { T as T2, u as u2 } from "./chunks/TaskOnProvider-CxtFIs3n.js";
+import { a as a2, u as u3 } from "./chunks/useToast-BGJhd3BX.js";
 export {
   RewardType,
   T2 as TaskOnProvider,

package/dist/index.d.ts

@@ -213,6 +213,30 @@ 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;
 
+/**
+ * Ethereum Provider Interface (EIP-1193)
+ *
+ * Exported for scenarios where caller already owns a specific provider
+ * instance (e.g. wallet selection dialog) and needs to build an adapter
+ * around it.
+ */
+declare interface EthereumProvider {
+    request: (args: {
+        method: string;
+        params?: unknown[];
+    }) => Promise<unknown>;
+    on?: (event: string, callback: (...args: unknown[]) => void) => void;
+    removeListener?: (event: string, callback: (...args: unknown[]) => void) => void;
+}
+
+export declare class EvmWalletSelectionCanceledError extends Error {
+    constructor(message?: string);
+}
+
+export declare class EvmWalletSelectionInProgressError extends Error {
+    constructor(message?: string);
+}
+
 /**
  * Interpolate a string with parameters
  *
@@ -581,6 +605,19 @@ export declare interface SeedToken {
     spacingChangeUnit?: number;
 }
 
+export declare function selectEvmWallet(options?: SelectEvmWalletOptions): Promise<SelectEvmWalletResult>;
+
+export declare interface SelectEvmWalletOptions {
+    signal?: AbortSignal;
+}
+
+export declare interface SelectEvmWalletResult {
+    walletId: string;
+    walletName: string;
+    address: string;
+    provider: EthereumProvider;
+}
+
 /**
  * Locales recognized by the widget i18n runtime.
  *
@@ -662,7 +699,7 @@ export declare interface TaskOnContextValue {
      */
     chains: ChainInfo[];
     /**
-     * Community info (auto-loaded on init based on apiKey)
+     * Community info (auto-loaded on init based on clientId)
      * Used for displaying community logo and name in reward cards
      */
     communityInfo: CommunityInfo | null;
@@ -675,7 +712,7 @@ export declare interface TaskOnContextValue {
  * - TaskOn client management (based on @taskon/core)
  * - User authentication (login/logout)
  * - Locale configuration
- * - Wallet management (uses window.ethereum adapter)
+ * - Wallet management (host adapter or built-in wallet picker)
  * - Widget locale preloading (optional)
  * - Toast notifications (internal, user-transparent)
  */
@@ -686,10 +723,10 @@ export declare function TaskOnProvider({ config, children, preloadLocales, }: Ta
  */
 export declare interface TaskOnProviderConfig {
     /**
-     * API Key for authentication (X-API-Key header)
-     * Note: apiKey already contains community info, no need to configure communityId/communityKey separately
+     * Client ID for authentication (X-API-Key header)
+     * Note: clientId already contains community info, no need to configure communityId/communityKey separately
      */
-    apiKey: string;
+    clientId: string;
     /**
      * API base URL (optional)
      * @default https://white-label-api.taskon.xyz
@@ -703,8 +740,8 @@ export declare interface TaskOnProviderConfig {
     /**
      * Wallet configuration for blockchain interactions
      *
-     * When not provided, TaskOn will use built-in window.ethereum adapter
-     * for EVM wallet connections (MetaMask, etc.)
+     * When not provided, TaskOn will use SDK built-in wallet picker adapter
+     * for EVM wallet connections.
      */
     walletConfig?: WalletConfig;
     /**
@@ -717,7 +754,7 @@ export declare interface TaskOnProviderConfig {
      * ```tsx
      * <TaskOnProvider
      *   config={{
-     *     apiKey: 'your-api-key',
+     *     clientId: 'your-client-id',
      *     onRequestLogin: () => {
      *       setShowLoginModal(true);
      *     },
@@ -1197,15 +1234,9 @@ export declare interface WalletAdapter {
 export declare interface WalletConfig {
     /**
      * Custom EVM wallet adapter
-     * If not provided, uses built-in window.ethereum adapter
+     * If not provided, uses SDK built-in wallet picker adapter
      */
     evmAdapter?: WalletAdapter;
-    /**
-     * Disable auto-detection of wallet providers
-     * When true, only uses adapter explicitly provided above
-     * @default false
-     */
-    disableAutoDetect?: boolean;
 }
 
 /**
@@ -1217,6 +1248,24 @@ declare interface WalletContextValue extends WalletState {
     signEvmMessage: (message: string) => Promise<string | null>;
 }
 
+export declare function WalletPickerDialog({ open, onOpenChange, onSelect, onError, }: WalletPickerDialogProps): default_2.ReactElement;
+
+export declare function WalletPickerDialogHost(): default_2.ReactElement;
+
+export declare interface WalletPickerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSelect?: (selection: WalletPickerSelection) => Promise<void>;
+    onError?: (error: string) => void;
+}
+
+export declare interface WalletPickerSelection {
+    walletId: string;
+    walletName: string;
+    address: string;
+    provider: any;
+}
+
 /**
  * Wallet state exposed through context
  */

package/dist/index.js

@@ -1,15 +1,17 @@
-import { c } from "./chunks/WidgetShell-D7yC894Y.js";
-import { T, d, e, f, i, g, u, a, c as c2, b } from "./chunks/ThemeProvider-mXLdLSkq.js";
+import { c } from "./chunks/WidgetShell-8xn-Jivw.js";
+import { T, d, e, f, i, g, u, a, c as c2, b } from "./chunks/ThemeProvider-CulHkqqY.js";
 import { RewardType } from "@taskon/core";
-import { T as T2, u as u2 } from "./chunks/TaskOnProvider-BhamHIyY.js";
-import { a as a2, u as u3 } from "./chunks/useToast-CaRkylKe.js";
-import { C } from "./chunks/CommunityTaskList-Hde2OKHH.js";
-import { L } from "./chunks/LeaderboardWidget-BNGRD5Bu.js";
-import { Q, Q as Q2 } from "./chunks/Quest-DG9zfXJo.js";
-import { U } from "./chunks/UserCenterWidget-jDO5zTN1.js";
-import { P } from "./chunks/PageBuilder-C5DSHiW9.js";
+import { E, b as b2, T as T2, W, a as a2, s, u as u2 } from "./chunks/TaskOnProvider-CxtFIs3n.js";
+import { a as a3, u as u3 } from "./chunks/useToast-BGJhd3BX.js";
+import { C } from "./chunks/CommunityTaskList-D0uVD8wD.js";
+import { L } from "./chunks/LeaderboardWidget-DyoiiNS6.js";
+import { Q, Q as Q2 } from "./chunks/Quest-ySZlYd4u.js";
+import { U } from "./chunks/UserCenterWidget-BJsc_GSZ.js";
+import { P } from "./chunks/PageBuilder-DoAFPm6-.js";
 export {
   C as CommunityTaskList,
+  E as EvmWalletSelectionCanceledError,
+  b2 as EvmWalletSelectionInProgressError,
   L as LeaderboardWidget,
   P as PageBuilder,
   Q as Quest,
@@ -18,14 +20,17 @@ export {
   T2 as TaskOnProvider,
   T as ThemeProvider,
   U as UserCenterWidget,
+  W as WalletPickerDialog,
+  a2 as WalletPickerDialogHost,
   d as clearLocaleCache,
   c as cloudThemeToReactTheme,
   e as createLocaleLoader,
   f as createT,
   i as interpolate,
   g as isSupportedLocale,
+  s as selectEvmWallet,
   u2 as useCommonLocale,
-  a2 as useEvmWallet,
+  a3 as useEvmWallet,
   u as useTaskOnAuth,
   a as useTaskOnTheme,
   c2 as useTranslation,

package/dist/leaderboard.js

@@ -1,4 +1,4 @@
-import { L } from "./chunks/LeaderboardWidget-BNGRD5Bu.js";
+import { L } from "./chunks/LeaderboardWidget-DyoiiNS6.js";
 export {
   L as LeaderboardWidget
 };

package/dist/page-builder.js

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

package/dist/quest.js

@@ -1,4 +1,4 @@
-import { Q, Q as Q2 } from "./chunks/Quest-DG9zfXJo.js";
+import { Q, Q as Q2 } from "./chunks/Quest-ySZlYd4u.js";
 export {
   Q as Quest,
   Q2 as QuestWidget

package/dist/user-center.js

@@ -1,4 +1,4 @@
-import { U } from "./chunks/UserCenterWidget-jDO5zTN1.js";
+import { U } from "./chunks/UserCenterWidget-BJsc_GSZ.js";
 export {
   U as UserCenterWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskon/widget-react",
-  "version": "0.0.1-beta.6",
+  "version": "0.0.1-beta.7",
   "description": "TaskOn React Widget Library",
   "type": "module",
   "main": "./dist/index.js",