@talken/talkenkit 2.4.16 → 2.4.18

package/dist/components/GasFeeModal/GasFeeEditModal.css.d.ts

@@ -0,0 +1,32 @@
+export declare const overlay: string;
+export declare const modal: string;
+export declare const header: string;
+export declare const headerSpacer: string;
+export declare const title: string;
+export declare const closeButton: string;
+export declare const optionTable: string;
+export declare const tableHeader: string;
+export declare const optionRow: string;
+export declare const optionRowSelected: string;
+export declare const optionLabel: string;
+export declare const optionIcon: string;
+export declare const optionTime: string;
+export declare const optionFee: string;
+export declare const optionFeeUnit: string;
+export declare const customRow: string;
+export declare const customRowSelected: string;
+export declare const customLabel: string;
+export declare const customValue: string;
+export declare const customFeeDisplay: string;
+export declare const inputSection: string;
+export declare const inputGroup: string;
+export declare const inputLabel: string;
+export declare const inputWrapper: string;
+export declare const stepButton: string;
+export declare const inputField: string;
+export declare const confirmButton: string;
+export declare const infoIconWrapper: string;
+export declare const infoIcon: string;
+export declare const tooltip: string;
+export declare const tooltipArrow: string;
+export declare const tooltipText: string;

package/dist/components/GasFeeModal/GasFeeEditModal.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { GasFeePriority, SuggestedGasFees } from '../../wallets/walletConnectors/abcWallet/types';
+export interface GasOption {
+    priority: GasFeePriority | 'custom';
+    maxFeePerGas?: string;
+    maxPriorityFeePerGas?: string;
+    gasLimit?: string;
+    estimatedBaseFee?: string;
+}
+export interface GasFeeEditModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (selectedOption: GasOption) => void;
+    currentOption: GasFeePriority | 'custom';
+    suggestedGasFees?: SuggestedGasFees;
+    currentGasLimit?: string;
+    currentMaxFee?: string;
+    currentPriorityFee?: string;
+    nativeSymbol?: string;
+}
+export declare function GasFeeEditModal({ isOpen, onClose, onConfirm, currentOption, suggestedGasFees, currentGasLimit, currentMaxFee, currentPriorityFee, nativeSymbol, }: GasFeeEditModalProps): React.JSX.Element | null;

package/dist/components/GasFeeModal/index.d.ts

@@ -0,0 +1,3 @@
+export { GasFeeEditModal } from './GasFeeEditModal';
+export type { GasFeeEditModalProps, GasOption } from './GasFeeEditModal';
+export type { GasFeePriority, SuggestedGasFees, } from '../../wallets/walletConnectors/abcWallet/types';

package/dist/components/GasFeeModal/modalTheme.css.d.ts

@@ -0,0 +1,19 @@
+export declare const modalVars: {
+    colors: {
+        background: `var(--${string})`;
+        border: `var(--${string})`;
+        labelText: `var(--${string})`;
+        primaryText: `var(--${string})`;
+        secondaryText: `var(--${string})`;
+        buttonCancel: `var(--${string})`;
+        buttonCancelText: `var(--${string})`;
+        buttonConfirm: `var(--${string})`;
+        buttonConfirmText: `var(--${string})`;
+        tooltipBackground: `var(--${string})`;
+        tooltipText: `var(--${string})`;
+        systemBlue: `var(--${string})`;
+    };
+};
+export declare const darkModeTheme: string;
+export declare const lightModeTheme: string;
+export declare const autoTheme: string;

package/dist/components/Icons/Close2.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Close2IconProps {
+    size?: number;
+    color?: string;
+}
+export declare function Close2Icon({ size, color, }: Close2IconProps): React.JSX.Element;
+export default Close2Icon;

package/dist/components/Icons/Copy2.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CopyIcon2: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/Dropdown2.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const DropdownIcon2: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/Edit.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const EditIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/InfoCircle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const InfoCircleIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/Kakao.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const KakaoIcon: () => React.JSX.Element;

package/dist/components/Icons/Minus.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MinusIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/Plus.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PlusIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/SettingsGear.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SettingsGearIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/SpeedHigh.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SpeedHighIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/SpeedLow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SpeedLowIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/SpeedMedium.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SpeedMediumIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/RainbowKitProvider/InternalPinProvider.d.ts

@@ -4,15 +4,13 @@ interface InternalPinProviderProps {
     disabled?: boolean;
 }
 /**
- * Internal PIN provider with automatic theme integration
- * Automatically activates for ABC Wallet with RainbowKit theme support
+ * Internal PIN provider - passthrough component
  *
- * This component:
- * - Auto-detects ABC Wallet connection (EVM and Solana)
- * - Registers PIN callback for transaction signing
- * - Shows PIN modal with automatic RainbowKit theme inheritance
- * - Uses MultiChainContext to avoid SSR issues with optional dependencies
- * - No manual PinProvider needed for basic ABC Wallet functionality
+ * Previously showed PIN modal for transaction signing.
+ * Transaction PIN is now read directly from localStorage (talkenkit_abc_pin_hash)
+ * set during wallet creation/login.
+ *
+ * PIN input is still required for wallet creation/login via PinAuthFlow.
  */
-export declare function InternalPinProvider({ children, disabled, }: InternalPinProviderProps): React.JSX.Element;
+export declare function InternalPinProvider({ children }: InternalPinProviderProps): React.JSX.Element;
 export {};

package/dist/components/RainbowKitProvider/RainbowKitProvider.d.ts

@@ -55,5 +55,11 @@ export interface RainbowKitProviderProps {
      * @default true
      */
     autoReconnect?: boolean;
+    /**
+     * Show sign confirmation modal for ABC Wallet transactions
+     * When enabled, displays a confirmation UI before signing transactions
+     * @default false
+     */
+    showSignConfirmation?: boolean;
 }
-export declare function RainbowKitProvider({ appInfo, avatar, children, coolMode, autoReconnect, disableAutoPinProvider, id, initialChain, locale, modalSize, showRecentTransactions, theme, solanaConfig, mobileMode, }: RainbowKitProviderProps): React.JSX.Element;
+export declare function RainbowKitProvider({ appInfo, avatar, children, coolMode, autoReconnect, disableAutoPinProvider, id, initialChain, locale, modalSize, showRecentTransactions, theme, solanaConfig, mobileMode, showSignConfirmation, }: RainbowKitProviderProps): React.JSX.Element;

package/dist/components/Toast/Toast.css.d.ts

@@ -0,0 +1,2 @@
+export declare const toast: string;
+export declare const toastVisible: string;

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ToastProps {
+    message: string;
+    isVisible: boolean;
+}
+export declare function Toast({ message, isVisible }: ToastProps): React.JSX.Element;

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,4 @@
+export { Toast } from './Toast';
+export type { ToastProps } from './Toast';
+export { useToast } from './useToast';
+export type { UseToastOptions, UseToastReturn } from './useToast';

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,10 @@
+export interface UseToastOptions {
+    duration?: number;
+}
+export interface UseToastReturn {
+    isVisible: boolean;
+    message: string;
+    showToast: (message: string) => void;
+    hideToast: () => void;
+}
+export declare function useToast(options?: UseToastOptions): UseToastReturn;

package/dist/config/networks.d.ts

@@ -94,6 +94,16 @@ export declare function chainIdToNetwork(chainId: number): string | undefined;
  * getNetworkName(999999, 'polygon') // 'polygon' (custom fallback)
  */
 export declare function getNetworkName(chainId: number, fallback?: string): string;
+/**
+ * Get talken-sdk chainKey from chainId (used by talken-api tx/* endpoints)
+ */
+export declare function getChainKey(chainId: number): string;
+/**
+ * Convert ABC WaaS network name to talken-sdk chainKey.
+ * e.g. 'kaia_kairos' → 'kaiaKairos', 'ethereum' → 'ethereum'
+ * Falls back to the network name if no mapping found.
+ */
+export declare function networkNameToChainKey(network: string): string;
 /**
  * Convert ABC WaaS network parameter to chain ID
  * @param network - ABC WaaS network parameter

package/dist/css/sprinkles.css.d.ts

@@ -242,7 +242,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
             };
         };
     };
-}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 6 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 6 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 6 | 4 | 7, string | number | boolean | null> | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 3 | 2 | 5 | 6 | 4 | 8 | 7, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
 export declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: import("@vanilla-extract/sprinkles").ConditionalValue<{
     conditions: {
         defaultCondition: "smallScreen";

package/dist/hooks/useSolanaWallet.d.ts

@@ -41,29 +41,11 @@ export interface UseSolanaWalletReturn {
     }) => Promise<{
         signature: string;
     }>;
-    /** Send SOL transaction (ABC: requires PIN, External: browser prompt) */
-    sendTransaction: (params: {
+    /** Unified transfer: SOL (no mintAddress), SPL/NFT (with mintAddress) */
+    transfer: (params: {
         toAddress: string;
         amount: number;
-    }) => Promise<{
-        signature: string;
-        serializedTx?: string;
-    }>;
-    /** Transfer SPL token (ABC: requires PIN, External: browser prompt) */
-    transferSPL: (params: {
-        mintAddress: string;
-        toAddress: string;
-        amount: number;
-        createAccountIfNeeded?: boolean;
-    }) => Promise<{
-        signature: string;
-        serializedTx?: string;
-    }>;
-    /** Transfer NFT (Solana NFT = SPL with decimals: 0, amount: 1) */
-    transferNFT: (params: {
-        mintAddress: string;
-        toAddress: string;
-        createAccountIfNeeded?: boolean;
+        mintAddress?: string;
     }) => Promise<{
         signature: string;
         serializedTx?: string;
@@ -106,8 +88,8 @@ export interface UseSolanaWalletReturn {
  *     // Sign message (no PIN required)
  *     const { signature } = await solanaWallet.signMessage({ message: 'Hello!' });
  *
- *     // Send transaction (ABC: requires PIN, External: browser prompt)
- *     const result = await solanaWallet.sendTransaction({
+ *     // Transfer SOL (no mintAddress), SPL/NFT (with mintAddress)
+ *     const result = await solanaWallet.transfer({
  *       toAddress: '...',
  *       amount: 0.001
  *     });

package/dist/hooks/useTronWallet.d.ts

@@ -0,0 +1,63 @@
+/**
+ * TRON Wallet Hook
+ *
+ * Provides TRON wallet state and provider from ABC WaaS
+ * Auto-restores wallet from localStorage when available
+ * Follows useBitcoinWallet pattern
+ */
+import type { AbcTronProvider } from '../wallets/walletConnectors/abcWallet/abcTronProvider';
+import type { TronSendTransactionParams } from '../wallets/walletConnectors/abcWallet/abcTronProvider';
+export interface TronWalletState {
+    /** TRON address (starts with T) */
+    address: string | null;
+    /** Public key */
+    publicKey: string | null;
+    /** Network (tron or tron_nile) */
+    network: 'tron' | 'tron_nile' | null;
+    /** Whether wallet is connected */
+    isConnected: boolean;
+    /** TRON provider instance */
+    provider: AbcTronProvider | null;
+}
+export interface UseTronWalletReturn {
+    /** TRON address (starts with T) */
+    address: string | null;
+    /** Public key */
+    publicKey: string | null;
+    /** Network (tron or tron_nile) */
+    network: 'tron' | 'tron_nile' | null;
+    /** Whether wallet is connected */
+    isConnected: boolean;
+    /** Whether TRON wallet is loading */
+    isLoading: boolean;
+    /** Error if any */
+    error: Error | null;
+    /** Sign TRON message (currently not supported) */
+    signMessage: (params: {
+        message: string;
+    }) => Promise<string>;
+    /** Send TRON transaction (TRX native or TRC20, requires PIN) */
+    sendTransaction: (params: TronSendTransactionParams) => Promise<string>;
+    /** Manually refresh wallet state */
+    refresh: () => Promise<void>;
+}
+/**
+ * Hook to access TRON wallet state from ABC WaaS
+ *
+ * @example
+ * ```tsx
+ * import { useTronWallet } from '@talken/talkenkit';
+ *
+ * function MyComponent() {
+ *   const { address, isConnected, sendTransaction } = useTronWallet();
+ *
+ *   const handleSend = async () => {
+ *     const txHash = await sendTransaction({
+ *       toAddress: 'TXYZabc...',
+ *       amount: '10', // in TRX (not SUN)
+ *     });
+ *   };
+ * }
+ * ```
+ */
+export declare function useTronWallet(): UseTronWalletReturn;