@talken/talkenkit 2.4.16 → 2.4.18

package/dist/components/ConfirmationModal/ApproveSection.css.d.ts

@@ -0,0 +1,16 @@
+export declare const approveSection: string;
+export { tokenIconLg as tokenIcon, tokenSymbolLg as tokenSymbol, infoIconWrapper, infoIcon, tooltip, tooltipArrow, tooltipText, } from './commonStyles.css';
+export declare const tokenRow: string;
+export declare const spendingCapSection: string;
+export declare const spendingCapHeader: string;
+export declare const labelWithInfo: string;
+export declare const sectionLabel: string;
+export declare const inputWithMax: string;
+export declare const spendingCapInput: string;
+export declare const maxButton: string;
+export declare const suggestionLink: string;
+export declare const spenderSection: string;
+export declare const spenderRow: string;
+export declare const spenderBlockie: string;
+export declare const spenderAddress: string;
+export declare const copyButton: string;

package/dist/components/ConfirmationModal/ApproveSection.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ApproveInfo } from '../../providers/SignConfirmationProvider';
+export interface ApproveSectionProps {
+    approveInfo: ApproveInfo;
+    onAmountChange?: (newAmount: string) => void;
+}
+export declare function ApproveSection({ approveInfo, onAmountChange, }: ApproveSectionProps): React.JSX.Element;
+export default ApproveSection;

package/dist/components/ConfirmationModal/NFTPlaceholder.css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * NFT Placeholder styles
+ * Theme-aware placeholder icon for NFT display when image is unavailable
+ */
+export declare const wrapper: string;
+export declare const darkIcon: string;
+export declare const lightIcon: string;

package/dist/components/ConfirmationModal/NFTPlaceholder.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Theme-aware NFT placeholder icon
+ * Shows different icons based on light/dark mode preference
+ * Used when NFT image is unavailable or fails to load
+ */
+export declare function NFTPlaceholder(): React.JSX.Element;
+export default NFTPlaceholder;

package/dist/components/ConfirmationModal/NftApprovalSection.css.d.ts

@@ -0,0 +1,10 @@
+export { nftSection, nftImageWrapper, nftImage, nftImagePlaceholder, nftPlaceholderDark, nftPlaceholderLight, nftInfo, nftName, nftTokenId, } from './commonStyles.css';
+export declare const nftApprovalSection: string;
+export declare const infoSection: string;
+export declare const sectionHeader: string;
+export declare const sectionLabel: string;
+export { infoIconWrapper, infoIcon, tooltip, tooltipArrow, tooltipText, blockiesAvatar as addressBlockie, addressText, } from './commonStyles.css';
+export declare const infoRow: string;
+export declare const rowLabelWithInfo: string;
+export declare const rowLabel: string;
+export declare const addressDisplay: string;

package/dist/components/ConfirmationModal/NftApprovalSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { NftApprovalInfo } from '../../providers/SignConfirmationProvider';
+export interface NftApprovalSectionProps {
+    nftApprovalInfo: NftApprovalInfo;
+}
+export declare function NftApprovalSection({ nftApprovalInfo, }: NftApprovalSectionProps): React.JSX.Element;
+export default NftApprovalSection;

package/dist/components/ConfirmationModal/SignConfirmationModal.css.d.ts

@@ -0,0 +1,35 @@
+export declare const overlay: string;
+export declare const modal: string;
+export declare const header: string;
+export declare const title: string;
+export { infoIconWrapper, tooltip, tooltipArrow, tooltipText, } from './commonStyles.css';
+export declare const infoIcon: string;
+export declare const sectionBox: string;
+export declare const sectionHeader: string;
+export declare const sectionLabelRow: string;
+export declare const sectionLabel: string;
+export declare const sectionLabelIcon: string;
+export declare const originRow: string;
+export declare const originIcon: string;
+export declare const originText: string;
+export declare const messageSection: string;
+export declare const messageSectionHeader: string;
+export declare const messageLabelRow: string;
+export declare const messageLabel: string;
+export declare const messageActions: string;
+export declare const iconButton: string;
+export declare const chevron: string;
+export declare const chevronExpanded: string;
+export declare const chevronCollapsed: string;
+export declare const messageContent: string;
+export declare const messageContentExpanded: string;
+export declare const messageContentCollapsed: string;
+export declare const messageBox: string;
+export declare const actions: string;
+export declare const cancelButton: string;
+export declare const confirmButton: string;
+export declare const subtitle: string;
+export declare const label: string;
+export declare const infoGrid: string;
+export declare const infoItem: string;
+export declare const infoValue: string;

package/dist/components/ConfirmationModal/SignConfirmationModal.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface SignConfirmationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    message: string;
+    walletAddress: string;
+    chainId: number;
+    chainName: string;
+    /** Domain that initiated the request. Falls back to current page hostname if not provided */
+    requestOrigin?: string;
+    /** Favicon URL for the origin. Falls back to current page favicon if not provided */
+    requestOriginIcon?: string;
+    /** Whether message section is expanded by default */
+    defaultExpanded?: boolean;
+}
+export declare function SignConfirmationModal({ isOpen, onClose, onConfirm, message, walletAddress: _walletAddress, chainId: _chainId, chainName: _chainName, requestOrigin, requestOriginIcon, defaultExpanded, }: SignConfirmationModalProps): React.JSX.Element | null;

package/dist/components/ConfirmationModal/SwapSection.css.d.ts

@@ -0,0 +1,17 @@
+export declare const swapSection: string;
+export declare const estimatedChangesHeader: string;
+export declare const headerLabel: string;
+export { infoIconWrapper, infoIcon, tooltip, tooltipArrow, tooltipText, } from './commonStyles.css';
+export declare const changesCard: string;
+export declare const swapRow: string;
+export declare const swapRowContent: string;
+export declare const rowLabel: string;
+export declare const tokenAmount: string;
+export declare const amountText: string;
+export declare const amountNegative: string;
+export declare const amountPositive: string;
+export { tokenIconSm as tokenIcon, tokenSymbolMd as tokenSymbol, } from './commonStyles.css';
+export declare const usdValue: string;
+export declare const amountSummary: string;
+export declare const summaryLabel: string;
+export declare const summaryValue: string;

package/dist/components/ConfirmationModal/SwapSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SwapInfo } from '../../providers/SignConfirmationProvider';
+export interface SwapSectionProps {
+    swapInfo: SwapInfo;
+}
+export declare function SwapSection({ swapInfo }: SwapSectionProps): React.JSX.Element;
+export default SwapSection;

package/dist/components/ConfirmationModal/TransactionConfirmationModal.css.d.ts

@@ -0,0 +1,49 @@
+export declare const overlay: string;
+export declare const modal: string;
+export declare const header: string;
+export declare const title: string;
+export { infoIconWrapper, tooltip, tooltipArrow, tooltipText, addressWithIcon, blockiesAvatar, addressText, } from './commonStyles.css';
+export declare const infoIcon: string;
+export declare const combinedSectionBox: string;
+export declare const combinedSectionRow: string;
+export declare const sectionDivider: string;
+export declare const sectionHeader: string;
+export declare const sectionLabelRow: string;
+export declare const sectionLabel: string;
+export declare const sectionLabelIcon: string;
+export declare const networkRow: string;
+export declare const networkValue: string;
+export declare const chainIcon: string;
+export declare const originRow: string;
+export declare const originIcon: string;
+export declare const originText: string;
+export declare const networkFeeSection: string;
+export declare const networkFeeHeader: string;
+export declare const feeRow: string;
+export declare const feeLabel: string;
+export declare const feeValue: string;
+export declare const feeValueHighlight: string;
+export declare const feeUsd: string;
+export declare const feeRowWithSub: string;
+export declare const feeValueColumn: string;
+export declare const feeValueRow: string;
+export { tokenIconSm as feeTokenIcon, tokenSymbolSm as feeTokenSymbol, } from './commonStyles.css';
+export declare const editIconButton: string;
+export declare const dataSection: string;
+export declare const dataSectionHeader: string;
+export declare const dataLabelRow: string;
+export declare const dataLabel: string;
+export declare const dataActions: string;
+export declare const iconButton: string;
+export declare const chevron: string;
+export declare const chevronExpanded: string;
+export declare const chevronCollapsed: string;
+export declare const dataContent: string;
+export declare const dataContentExpanded: string;
+export declare const dataContentCollapsed: string;
+export declare const dataBox: string;
+export declare const functionName: string;
+export declare const dataHex: string;
+export declare const actions: string;
+export declare const cancelButton: string;
+export declare const confirmButton: string;

package/dist/components/ConfirmationModal/TransactionConfirmationModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ResolvedTransactionRequest } from '../../providers/SignConfirmationProvider';
+export interface TransactionConfirmationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (resolved?: ResolvedTransactionRequest) => void;
+    transaction: ResolvedTransactionRequest;
+    requestOrigin?: string;
+    requestOriginIcon?: string;
+    defaultDataExpanded?: boolean;
+}
+export declare function TransactionConfirmationModal({ isOpen, onClose, onConfirm, transaction, requestOrigin, requestOriginIcon, defaultDataExpanded, }: TransactionConfirmationModalProps): React.JSX.Element | null;

package/dist/components/ConfirmationModal/TransferSection.css.d.ts

@@ -0,0 +1,17 @@
+export { tokenIconWrapperLg as tokenIconWrapper, tokenIconLg as tokenIcon, tokenIconPlaceholderLg as tokenIconPlaceholder, tokenSymbolLg as tokenSymbol, nftImageWrapper, nftImage, nftImagePlaceholder, nftPlaceholderDark, nftPlaceholderLight, nftInfo, nftName, nftTokenId, addressWithIcon, blockiesAvatar, addressText, } from './commonStyles.css';
+export declare const transferSection: string;
+export declare const nftSection: string;
+export declare const tokenDisplaySection: string;
+export declare const tokenTextGroup: string;
+export declare const tokenAmountRow: string;
+export declare const tokenAmount: string;
+export declare const tokenUsdValue: string;
+export declare const fromToSection: string;
+export declare const fromToRow: string;
+export declare const addressColumn: string;
+export declare const addressColumnEnd: string;
+export declare const fromToLabel: string;
+export declare const blockiesAvatarPlaceholder: string;
+export declare const arrowIcon: string;
+export declare const nativeTransferBadge: string;
+export declare const badgeIcon: string;

package/dist/components/ConfirmationModal/TransferSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { TransferInfo } from '../../providers/SignConfirmationProvider';
+export interface TransferSectionProps {
+    transferInfo: TransferInfo;
+}
+export declare function TransferSection({ transferInfo }: TransferSectionProps): React.JSX.Element;
+export default TransferSection;

package/dist/components/ConfirmationModal/commonStyles.css.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Common token icon/symbol styles for ConfirmationModal components
+ *
+ * Sizes:
+ * - Large (Lg): 40px icon, 20px symbol - Main token display area
+ * - Medium (Md): 20px icon, 16px symbol - Secondary displays
+ * - Small (Sm): 16px icon, 16px symbol - Gas fee area
+ */
+export declare const tokenIconLg: string;
+export declare const tokenIconMd: string;
+export declare const tokenIconSm: string;
+export declare const tokenIconWrapperLg: string;
+export declare const tokenIconWrapperMd: string;
+export declare const tokenIconWrapperSm: string;
+export declare const tokenIconPlaceholderLg: string;
+export declare const tokenIconPlaceholderMd: string;
+export declare const tokenIconPlaceholderSm: string;
+export declare const tokenSymbolLg: string;
+export declare const tokenSymbolMd: string;
+export declare const tokenSymbolSm: 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;
+export declare const nftSection: string;
+export declare const nftImageWrapper: string;
+export declare const nftImage: string;
+export declare const nftImagePlaceholder: string;
+export declare const nftPlaceholderDark: string;
+export declare const nftPlaceholderLight: string;
+export declare const nftInfo: string;
+export declare const nftName: string;
+export declare const nftTokenId: string;
+export declare const addressWithIcon: string;
+export declare const blockiesAvatar: string;
+export declare const addressText: string;

package/dist/components/ConfirmationModal/constants.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ConfirmationModal shared constants
+ */
+/**
+ * Generate a token placeholder icon as a data URI SVG.
+ * Shows the token symbol (up to 3 characters) in a gray circle.
+ */
+export declare function getTokenPlaceholderIcon(symbol?: string): string;
+/**
+ * Default token icon placeholder (generic "?" fallback)
+ */
+export declare const DEFAULT_TOKEN_ICON: string;
+/**
+ * Maximum value for uint256 - represents unlimited ERC20 approval
+ */
+export declare const MAX_UINT256: bigint;

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

@@ -0,0 +1,9 @@
+export { SignConfirmationModal, type SignConfirmationModalProps, } from './SignConfirmationModal';
+export { TransactionConfirmationModal, type TransactionConfirmationModalProps, } from './TransactionConfirmationModal';
+export { ApproveSection, type ApproveSectionProps, } from './ApproveSection';
+export { TransferSection, type TransferSectionProps, } from './TransferSection';
+export { SwapSection, type SwapSectionProps, } from './SwapSection';
+export { NftApprovalSection, type NftApprovalSectionProps, } from './NftApprovalSection';
+export { type FunctionType, type TransactionUIConfig, type TransactionSectionProps, type DecodedApprove, type DecodedTransfer, type DecodedTransferFrom, type DecodedSwap, type DecodedNftApproval, getFunctionType, getTransactionConfig, getTransactionComponent, mapDecodedTransaction, mapParametersToApprove, mapParametersToTransfer, mapParametersToTransferFrom, mapParametersToSwap, mapParametersToNftApproval, decodeTransactionData, formatTokenAmount, isUnlimitedAmount, } from './transactionUIRegistry';
+export { MAX_UINT256 } from './constants';
+export { truncateAddress, formatTypedDataValue, hexToGwei } from './utils';

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

@@ -0,0 +1,20 @@
+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})`;
+        systemRed: `var(--${string})`;
+        systemGreen: `var(--${string})`;
+    };
+};
+export declare const darkModeTheme: string;
+export declare const lightModeTheme: string;
+export declare const autoTheme: string;

package/dist/components/ConfirmationModal/transactionUIRegistry.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Transaction UI Registry
+ *
+ * Factory pattern for transaction type detection and UI component mapping.
+ * Detection is based on Method IDs (function selectors) for reliability.
+ *
+ * Parameter extraction uses ABIDecoder (selector_index.json) - no duplicate decoders needed.
+ * Adding new transaction types:
+ * 1. Add method ID to METHOD_IDS constant
+ * 2. Add method ID to appropriate registry entry's methodIds array
+ * 3. If needed, add function name to FUNCTION_NAME_PATTERNS for fallback detection
+ * 4. Add parameter mapping to mapParametersToXxx function if parameter names differ
+ */
+import React from 'react';
+import type { ApproveInfo, NftApprovalInfo, SwapInfo, TransferInfo } from '../../providers/SignConfirmationProvider';
+import type { DecodedTransaction } from '../../utils/abi/abiDecoder';
+/**
+ * Simplified transaction types for UI display
+ */
+export type FunctionType = 'transfer' | 'approve' | 'swap' | 'nftApproval' | 'common';
+/**
+ * Decoded data for each transaction type
+ */
+export interface DecodedApprove {
+    spender: string;
+    amount: bigint;
+}
+export interface DecodedTransfer {
+    recipient: string;
+    amount: bigint;
+}
+export interface DecodedTransferFrom {
+    from: string;
+    recipient: string;
+    amount: bigint;
+}
+export interface DecodedSwap {
+    srcToken: string;
+    dstToken: string;
+    amount: bigint;
+    minReturnAmount: bigint;
+}
+export interface DecodedNftApproval {
+    operator: string;
+    approved: boolean;
+}
+/**
+ * UI configuration for each transaction type
+ */
+export interface TransactionUIConfig {
+    title: string;
+    button: string;
+}
+/**
+ * Props passed to type-specific UI components
+ * Union type to support different transaction types
+ */
+export type TransactionSectionProps = {
+    type: 'approve';
+    approveInfo: ApproveInfo;
+    onAmountChange?: (newAmount: string) => void;
+} | {
+    type: 'transfer';
+    transferInfo: TransferInfo;
+} | {
+    type: 'swap';
+    swapInfo: SwapInfo;
+} | {
+    type: 'nftApproval';
+    nftApprovalInfo: NftApprovalInfo;
+};
+/**
+ * Map ABIDecoder parameters to DecodedApprove
+ * Handles various parameter naming conventions (spender/_spender, amount/_value/value)
+ */
+export declare function mapParametersToApprove(params: Record<string, unknown>): DecodedApprove | null;
+/**
+ * Map ABIDecoder parameters to DecodedTransfer
+ */
+export declare function mapParametersToTransfer(params: Record<string, unknown>): DecodedTransfer | null;
+/**
+ * Map ABIDecoder parameters to DecodedTransferFrom
+ */
+export declare function mapParametersToTransferFrom(params: Record<string, unknown>): DecodedTransferFrom | null;
+/**
+ * Map ABIDecoder parameters to DecodedSwap
+ * Handles different DEX parameter conventions:
+ * - 1inch V5: desc.srcToken, desc.dstToken, desc.amount, desc.minReturnAmount
+ * - Uniswap V2: path[0], path[-1], amountIn, amountOutMin
+ * - Uniswap V3: params.tokenIn, params.tokenOut, params.amountIn, params.amountOutMinimum
+ */
+export declare function mapParametersToSwap(params: Record<string, unknown>, _functionName?: string): DecodedSwap | null;
+/**
+ * Map ABIDecoder parameters to DecodedNftApproval
+ */
+export declare function mapParametersToNftApproval(params: Record<string, unknown>): DecodedNftApproval | null;
+/**
+ * Detect function type from calldata using Method ID
+ * Primary detection uses Method ID matching.
+ * Falls back to ABIDecoder result if method ID not found in registry.
+ *
+ * @param data - Transaction calldata (hex string)
+ * @param decoded - Decoded transaction from ABIDecoder (optional fallback)
+ */
+export declare function getFunctionType(data: string, decoded?: DecodedTransaction | null): FunctionType;
+/**
+ * Get UI configuration for a transaction type
+ */
+export declare function getTransactionConfig(type: FunctionType): TransactionUIConfig;
+/**
+ * Get UI component for a transaction type (if exists)
+ */
+export declare function getTransactionComponent(type: FunctionType): React.ComponentType<any> | undefined;
+/**
+ * Map ABIDecoder output to typed transaction data
+ * Uses decodedFunction.parameters from ABIDecoder instead of re-parsing raw data
+ *
+ * @param type - Function type (approve, swap, transfer, nftApproval)
+ * @param decoded - DecodedTransaction from ABIDecoder
+ */
+export declare function mapDecodedTransaction<T = unknown>(type: FunctionType, decoded: DecodedTransaction | null | undefined): T | null;
+/**
+ * @deprecated Use mapDecodedTransaction with ABIDecoder output instead
+ * Keeping for backward compatibility - will be removed in future version
+ */
+export declare function decodeTransactionData<T = unknown>(_type: FunctionType, _data: string): T | null;
+/**
+ * Format token amount from raw bigint to human-readable string
+ */
+export declare function formatTokenAmount(amount: bigint, decimals: number): string;
+/**
+ * Check if amount is unlimited (max uint256)
+ */
+export declare function isUnlimitedAmount(amount: bigint): boolean;

package/dist/components/ConfirmationModal/utils.d.ts

@@ -0,0 +1,37 @@
+/**
+ * ConfirmationModal shared utilities
+ */
+/**
+ * Truncate Ethereum address for display
+ * @example truncateAddress('0x1234567890abcdef1234567890abcdef12345678') → '0x1234...5678'
+ */
+export declare function truncateAddress(address: string): string;
+/**
+ * Calculate tooltip position relative to modal container
+ * Sets CSS custom properties on the tooltip element
+ */
+export declare function calculateTooltipPosition(wrapperRect: DOMRect, modalRect: DOMRect, tooltip: HTMLElement): void;
+/**
+ * Handle tooltip positioning on mouse enter
+ * Use this in onMouseEnter handler for info icons
+ *
+ * @param e - Mouse event from the wrapper element
+ * @param containerRef - Ref to the section/modal container
+ * @param isDirectModalRef - If true, containerRef IS the modal (no need for closest())
+ */
+export declare function handleTooltipMouseEnter(e: React.MouseEvent<HTMLSpanElement>, containerRef: React.RefObject<HTMLElement | null>, isDirectModalRef?: boolean): void;
+/**
+ * Convert hex value to Gwei string (uses viem)
+ * @example hexToGwei('0x3b9aca00') → '1.00'
+ */
+export declare function hexToGwei(hex: string): string;
+/**
+ * Recursively format EIP-712 typed data value for display
+ * Handles nested objects, arrays, and truncates addresses
+ *
+ * @param key - Property key
+ * @param value - Property value (can be nested)
+ * @param indent - Current indentation level
+ * @returns Array of formatted lines
+ */
+export declare function formatTypedDataValue(key: string, value: unknown, indent?: string): string[];

package/dist/components/ConnectOptions/AbcWaasAuth/AbcWaasAuthSections.css.d.ts

@@ -4,5 +4,6 @@ export declare const emailInputStyle: string;
 export declare const submitButtonStyle: string;
 export declare const submitArrow: string;
 export declare const socialButtonsContainer: string;
+export declare const socialIconWrapper: string;
 export declare const socialButtonStyle: string;
 export declare const socialButtonText: string;

package/dist/components/ConnectOptions/AbcWaasAuth/AbcWaasAuthSections.d.ts

@@ -11,7 +11,7 @@ export interface AbcWaasAuthSectionsProps {
     isAbcWaasLoading: boolean;
     compactModeEnabled: boolean;
     handleEmailSubmit: (email: string) => Promise<void>;
-    handleSocialLogin: (provider: 'google' | 'apple') => Promise<void>;
+    handleSocialLogin: (provider: 'google' | 'apple' | 'kakao') => Promise<void>;
     handlePasswordSubmit: (e: React.FormEvent) => Promise<void>;
     handleOtpSubmit: (e: React.FormEvent) => Promise<void>;
     handlePasswordSetupSubmit: (e: React.FormEvent) => Promise<void>;

package/dist/components/ConnectOptions/AbcWaasAuth/hooks/useAbcWaasAuth.d.ts

@@ -36,30 +36,7 @@ export interface UseAbcWaasAuthProps {
 /**
  * Custom hook for ABC WaaS authentication logic
  *
- * Manages the complete authentication flow including:
- * - Email validation and user type detection (new vs existing)
- * - Password-based login for existing users
- * - OTP verification for new users
- * - Password setup and confirmation for new users
- * - Error handling and state transitions
- *
- * @example
- * ```tsx
- * const abcAuth = useAbcWaasAuth({
- *   onAuthSuccess: (loginData) => {
- *     console.log('Auth success', loginData);
- *     setIsPinCreateModalOpen(true);
- *   }
- * });
- *
- * return (
- *   <AbcWaasAuthSections
- *     abcWaasStep={abcAuth.step}
- *     abcWaasEmail={abcAuth.email}
- *     handleEmailSubmit={abcAuth.handleEmailSubmit}
- *     {...otherProps}
- *   />
- * );
- * ```
+ * All API calls go through TalkenApiClient → talken-api backend.
+ * Server handles secure channel encryption internally.
  */
 export declare function useAbcWaasAuth(props?: UseAbcWaasAuthProps): UseAbcWaasAuthReturn;

package/dist/components/ConnectOptions/AbcWaasAuth/hooks/useAbcWaasSocial.d.ts

@@ -1,58 +1,12 @@
-/**
- * Return type for useAbcWaasSocial hook
- */
 export interface UseAbcWaasSocialReturn {
-    /** Loading state for social login operations */
     isLoading: boolean;
-    /** Error message from social login operations */
     error: string;
-    /** Handle Google OAuth login flow */
     handleGoogleLogin: () => Promise<void>;
-    /** Handle Apple OAuth login flow (not implemented) */
     handleAppleLogin: () => Promise<void>;
+    handleKakaoLogin: () => Promise<void>;
 }
-/**
- * Props for useAbcWaasSocial hook
- */
 export interface UseAbcWaasSocialProps {
-    /**
-     * Callback when social login succeeds and PIN is required
-     * @param loginData - Response from ABC WaaS social login (access_token, uid, email, etc.)
-     * @param email - User's email address from social provider
-     * @param hasPinStored - Whether user has existing PIN stored in localStorage
-     */
     onPinRequired: (loginData: any, email: string, hasPinStored: boolean) => void;
-    /**
-     * Callback for setting email after successful login
-     * @param email - User's email address from social provider
-     */
     onEmailSet?: (email: string) => void;
 }
-/**
- * Custom hook for ABC WaaS social login (Google, Apple)
- *
- * Handles Google OAuth flow via AbcAuthService, manages login state,
- * saves auth data to localStorage, and triggers PIN creation/verification flow.
- *
- * @example
- * ```tsx
- * const socialAuth = useAbcWaasSocial({
- *   onPinRequired: (loginData, email, hasPinStored) => {
- *     if (hasPinStored) {
- *       showPinVerifyModal();
- *     } else {
- *       showPinCreateModal();
- *     }
- *   },
- *   onEmailSet: (email) => setEmail(email),
- * });
- *
- * <button onClick={socialAuth.handleGoogleLogin}>
- *   {socialAuth.isLoading ? 'Signing in...' : 'Sign in with Google'}
- * </button>
- * ```
- *
- * @param props - Hook configuration
- * @returns Social login handlers and state
- */
 export declare function useAbcWaasSocial(props: UseAbcWaasSocialProps): UseAbcWaasSocialReturn;

package/dist/components/ConnectOptions/PinAuth/hooks/useWalletGeneration.d.ts

@@ -41,18 +41,11 @@ export interface UseWalletGenerationProps {
     storagePrefix?: string;
 }
 /**
- * Custom hook for multi-chain wallet generation (EVM, Solana, Bitcoin)
+ * Custom hook for multi-chain wallet generation (EVM, Solana, Bitcoin, TRON)
  *
- * Handles the complete wallet generation flow:
- * 1. EVM wallet generation via ABC WaaS /wapi/v2/mpc/wallets
- * 2. EVM public key retrieval via /wapi/v2/mpc/wallets/info
- * 3. Solana wallet generation via /v3/wallet/generate (with 409 recovery fallback)
- * 4. Solana address retrieval via /wapi/v2/solana/wallet/getAddress
- * 5. Bitcoin address generation via /wapi/v2/btc/address (derived from EVM pubkey)
- * 6. Progress tracking for all 4 steps
- * 7. localStorage persistence (auth_state, wallet, tokens, etc.)
- * 8. PIN hash storage
- * 9. wagmi connector connection
+ * Uses TalkenApiClient to generate all chain wallets in a single API call.
+ * The talken-api backend handles Secure Channel, EVM generation, pubkey lookup,
+ * Solana generation/recovery, and BTC/TRON address derivation internally.
  *
  * @param props - Configuration for wallet generation
  * @returns Hook state and functions for wallet generation
@@ -63,7 +56,6 @@ export interface UseWalletGenerationProps {
  *   connectors,
  *   connect,
  *   onSuccess: () => {
- *     // Close modals, reset state
  *     onClose();
  *   },
  *   storagePrefix: 'talkenkit_abc_',
@@ -80,14 +72,5 @@ export interface UseWalletGenerationProps {
  *   loginData: { access_token, refresh_token, expires_in }
  * });
  * ```
- *
- * @remarks
- * - EVM wallet uses secp256k1 curve (Ethereum standard)
- * - Solana wallet uses Ed25519 curve (Solana standard)
- * - Bitcoin wallet derives address from EVM public key (same curve)
- * - All wallets share the same PIN hash for encryption
- * - Wallet data encrypted with PIN-based AES-256-GCM
- * - Progress updates occur before each major step
- * - Errors are logged and re-thrown for caller to handle
  */
 export declare function useWalletGeneration(props: UseWalletGenerationProps): UseWalletGenerationReturn;