@talken/talkenkit 2.4.16 → 2.4.17

package/dist/chunk-VE53ZNZV.js

@@ -0,0 +1,331 @@
+"use client";
+
+// src/wallets/walletConnectors/abcWallet/secure.ts
+import CryptoJS from "crypto-js";
+import elliptic from "elliptic";
+
+// src/wallets/walletConnectors/abcWallet/constants.ts
+var DEFAULT_ABC_CONFIG = {
+  environment: "development",
+  waasUrl: process.env.VITE_ABC_WAAS_URL || "https://api.abcwallet.com"
+};
+var TOKEN_EXPIRY = {
+  ACCESS_TOKEN: 10 * 60 * 1e3,
+  // 10 minutes
+  REFRESH_TOKEN: 60 * 60 * 1e3,
+  // 60 minutes
+  REFRESH_BUFFER: 60 * 1e3
+  // Refresh 60s before expiry (increased for network latency tolerance)
+};
+var ABC_ENDPOINTS = {
+  // Authentication
+  SNS_LOGIN: "/abc/snsLogin",
+  // Legacy - may need to update
+  REGISTER_SNS_USER: "/abc/registerSnsUser",
+  // Legacy - may need to update
+  // Secure channel
+  SECURE_CHANNEL_CREATE: "/secure/channel/create",
+  // Email OTP
+  SEND_OTP: "/member/mail-service/{email}/sendcode",
+  // {email} placeholder
+  VERIFY_OTP: "/member/mail-service/{email}/verifycode",
+  // {email} placeholder
+  // Wallet operations (EVM)
+  // Based on tg-wallet-frontend reference
+  MPC_WALLETS: "/wapi/v2/mpc/wallets",
+  // EVM wallet generation/recovery
+  MPC_WALLETS_INFO: "/wapi/v2/mpc/wallets/info",
+  // Get wallet info
+  // Signing operations
+  // Based on tg-wallet-frontend reference implementation
+  SIGN_HASH: "/wapi/v2/sign/hash",
+  // Personal sign with hash (EIP-191)
+  SIGN_TYPED: "/wapi/v2/sign/typed-data",
+  // Typed data sign (EIP-712)
+  SIGN_TRANSACTION: "/wapi/v2/sign",
+  // EVM transaction sign (LEGACY, EIP1559, PERSONAL)
+  // Transaction operations
+  SEND_RAW_TX: "/wapi/v2/transactions/raw-tx/send",
+  // Send signed transaction
+  TRANSACTION_COUNT: "/wapi/v2/transactions/count",
+  // Get transaction count (nonce)
+  // Gas estimation and fee data
+  GAS_SUGGESTED_FEES: "/wapi/v2/gas/suggestedGasFees",
+  // Get suggested gas fees for EIP-1559
+  GAS_ESTIMATE_EIP1559: "/wapi/v2/gas/estimate/eip1559",
+  // Estimate gas limit for EIP-1559
+  // Token info (Walletscan)
+  WALLETSCAN_TOKEN: "/wapi/v2/walletscan/token",
+  // GET /{contractAddress}?networks=xxx
+  WALLETSCAN_NATIVES: "/wapi/v2/walletscan/natives",
+  // GET ?walletAddress=xxx&networks=xxx
+  WALLETSCAN_NFTS: "/wapi/v2/walletscan/nfts",
+  // GET /{contractAddress}?walletAddress=xxx&networks=xxx
+  // Token refresh (based on tg-wallet-frontend reference)
+  REFRESH_TOKEN: "/abc/abcRefresh",
+  // Token refresh endpoint
+  // Legacy endpoints (kept for compatibility)
+  WALLETS_V3: "/abc/wallets/v3",
+  // Solana only
+  INFO: "/abc/info"
+};
+var AUTH_PROVIDERS = {
+  EMAIL: "email",
+  GOOGLE: "google",
+  APPLE: "apple",
+  TELEGRAM: "telegram",
+  TWITTER: "twitter"
+};
+var CHAIN_TYPES = {
+  EVM: "evm",
+  SOLANA: "solana",
+  BITCOIN: "bitcoin"
+};
+var SOLANA_CHAIN_ID = 900;
+var BITCOIN_CHAIN_ID = 800;
+var EVM_CHAINS = {
+  ETHEREUM_MAINNET: 1,
+  ETHEREUM_GOERLI: 5,
+  ETHEREUM_SEPOLIA: 11155111,
+  POLYGON_MAINNET: 137,
+  POLYGON_MUMBAI: 80001,
+  BSC_MAINNET: 56,
+  BSC_TESTNET: 97,
+  ARBITRUM_MAINNET: 42161,
+  ARBITRUM_GOERLI: 421613,
+  OPTIMISM_MAINNET: 10,
+  OPTIMISM_GOERLI: 420,
+  AVALANCHE_MAINNET: 43114,
+  AVALANCHE_FUJI: 43113,
+  KLAYTN_MAINNET: 8217,
+  KLAYTN_BAOBAB: 1001
+};
+var ABC_AUDIENCE = "https://mw.myabcwallet.com";
+var PIN_CONFIG = {
+  MIN_LENGTH: 6,
+  MAX_LENGTH: 6,
+  MAX_ATTEMPTS: 5,
+  LOCKOUT_DURATION: 15 * 60 * 1e3
+  // 15 minutes
+};
+var STORAGE_VERSION = "1.0.0";
+var REQUEST_TIMEOUT = 3e4;
+var RETRY_CONFIG = {
+  MAX_RETRIES: 3,
+  RETRY_DELAY: 1e3,
+  // 1 second
+  BACKOFF_MULTIPLIER: 2
+};
+var ABC_WALLET_METADATA = {
+  id: "abc",
+  name: "ABC Wallet",
+  iconBackground: "#ffffff",
+  rdns: "com.abcwallet"
+};
+var MODAL_CONFIG = {
+  WIDTH: 400,
+  MAX_WIDTH: "90vw",
+  BORDER_RADIUS: 16,
+  PADDING: 24
+};
+var SOCIAL_BUTTONS = [
+  {
+    provider: AUTH_PROVIDERS.GOOGLE,
+    label: "Google",
+    iconName: "google"
+  },
+  {
+    provider: AUTH_PROVIDERS.APPLE,
+    label: "Apple",
+    iconName: "apple"
+  },
+  {
+    provider: AUTH_PROVIDERS.TELEGRAM,
+    label: "Telegram",
+    iconName: "telegram"
+  },
+  {
+    provider: AUTH_PROVIDERS.TWITTER,
+    label: "X (Twitter)",
+    iconName: "twitter"
+  }
+];
+var ERROR_MESSAGES = {
+  INVALID_CREDENTIALS: "Invalid email or password",
+  TOKEN_EXPIRED: "Your session has expired. Please login again.",
+  WALLET_NOT_FOUND: "Wallet not found. Please create a new wallet.",
+  INVALID_PIN: "Invalid PIN code",
+  NETWORK_ERROR: "Network error. Please check your connection.",
+  SIGNATURE_FAILED: "Failed to sign transaction",
+  USER_CANCELLED: "User cancelled the operation",
+  UNKNOWN_ERROR: "An unknown error occurred",
+  INVALID_OTP: "Invalid or expired OTP code",
+  EMAIL_REQUIRED: "Email address is required",
+  PIN_REQUIRED: "PIN code is required",
+  WALLET_GENERATION_FAILED: "Failed to generate wallet"
+};
+var SUCCESS_MESSAGES = {
+  LOGIN_SUCCESS: "Successfully logged in",
+  WALLET_CREATED: "Wallet created successfully",
+  TRANSACTION_SENT: "Transaction sent successfully",
+  OTP_SENT: "OTP code sent to your email"
+};
+var ABC_EVENTS = {
+  CONNECT: "abc:connect",
+  DISCONNECT: "abc:disconnect",
+  ACCOUNTS_CHANGED: "abc:accountsChanged",
+  CHAIN_CHANGED: "abc:chainChanged",
+  ERROR: "abc:error",
+  AUTH_STATE_CHANGED: "abc:authStateChanged"
+};
+var STORAGE_PREFIX = "talkenkit_abc_";
+var DEBUG_MODE = true;
+var DEFAULT_HEADERS = {
+  "Content-Type": "application/x-www-form-urlencoded",
+  Accept: "application/json"
+};
+var ABC_FEATURES = {
+  EMAIL_LOGIN: true,
+  SOCIAL_LOGIN: true,
+  MULTI_CHAIN: true,
+  EVM_SUPPORT: true,
+  SOLANA_SUPPORT: true,
+  BITCOIN_SUPPORT: false,
+  // Future feature
+  GASLESS_TRANSACTIONS: false,
+  // Future feature
+  SOCIAL_RECOVERY: false
+  // Future feature
+};
+
+// src/wallets/walletConnectors/abcWallet/secure.ts
+var EC = elliptic.ec;
+var SecureService = class {
+  constructor(baseURL) {
+    this.secureChannel = null;
+    this.channelExpiry = 0;
+    this.baseURL = baseURL;
+  }
+  async getSecureChannel() {
+    if (this.secureChannel && Date.now() < this.channelExpiry) {
+      return this.secureChannel;
+    }
+    const result = {};
+    const plain = Array.from(crypto.getRandomValues(new Uint8Array(32))).map((b) => b.toString(16).padStart(2, "0")).join("");
+    const ec = new EC("p256");
+    const myKey = ec.genKeyPair();
+    const pubkey = myKey.getPublic().encode("hex", false);
+    const url = `${this.baseURL}${ABC_ENDPOINTS.SECURE_CHANNEL_CREATE}`;
+    const bodyString = new URLSearchParams({ pubkey, plain }).toString();
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded"
+      },
+      body: bodyString
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(
+        `\u274C Secure channel HTTP error: ${response.status} ${response.statusText}`
+      );
+      console.error("Response body:", errorText);
+      throw new Error(
+        `Failed to create secure channel: HTTP ${response.status} - ${errorText}`
+      );
+    }
+    const res = await response.json();
+    const resData = res;
+    if (resData.channelid && resData.publickey) {
+      const serverKey = ec.keyFromPublic(resData.publickey, "hex");
+      const sharedSecret = serverKey.getPublic().mul(myKey.getPrivate()).getX();
+      const secretKey = sharedSecret.toString(16).padStart(64, "0");
+      result.response = resData;
+      result.myKey = myKey;
+      result.secretKey = secretKey;
+      this.secureChannel = result;
+      this.channelExpiry = Date.now() + 20 * 60 * 1e3;
+    } else if (res.status === "success" && res.result) {
+      const result_data = res.result;
+      const serverKey = ec.keyFromPublic(result_data.publickey, "hex");
+      const sharedSecret = serverKey.getPublic().mul(myKey.getPrivate()).getX();
+      const secretKey = sharedSecret.toString(16).padStart(64, "0");
+      result.response = result_data;
+      result.myKey = myKey;
+      result.secretKey = secretKey;
+      this.secureChannel = result;
+      this.channelExpiry = Date.now() + 20 * 60 * 1e3;
+      console.log("\u2705 Secure channel created successfully (wrapped format)");
+    } else {
+      const errorMsg = res.message || res.detail || "Unknown error";
+      console.error("\u274C Failed to create secure channel:", res);
+      throw new Error(`Failed to create secure channel: ${errorMsg}`);
+    }
+    return result;
+  }
+  async encrypt(plain) {
+    const secureChannel = await this.getSecureChannel();
+    if (!secureChannel.secretKey || !secureChannel.response) {
+      throw new Error("Secure channel not established");
+    }
+    const secretKey = secureChannel.secretKey;
+    const key = secretKey.substring(0, 32);
+    const iv = secretKey.substring(32);
+    const encrypted = CryptoJS.AES.encrypt(plain, CryptoJS.enc.Hex.parse(key), {
+      iv: CryptoJS.enc.Hex.parse(iv),
+      padding: CryptoJS.pad.Pkcs7,
+      mode: CryptoJS.mode.CBC
+    });
+    return {
+      encryptPlain: encrypted.toString(),
+      secureChannel: secureChannel.response.channelid
+    };
+  }
+  async getSecureChannelId() {
+    const channel = await this.getSecureChannel();
+    if (!channel.response?.channelid) {
+      throw new Error("Secure channel not established");
+    }
+    return channel.response.channelid;
+  }
+  async getEncryptPlain(plain) {
+    const result = await this.encrypt(plain);
+    return result.encryptPlain;
+  }
+  /**
+   * Clear cached secure channel (for testing or reset)
+   */
+  clearCache() {
+    this.secureChannel = null;
+    this.channelExpiry = 0;
+    console.log("\u{1F504} Secure channel cache cleared");
+  }
+};
+var secure_default = SecureService;
+
+export {
+  DEFAULT_ABC_CONFIG,
+  TOKEN_EXPIRY,
+  ABC_ENDPOINTS,
+  AUTH_PROVIDERS,
+  CHAIN_TYPES,
+  SOLANA_CHAIN_ID,
+  BITCOIN_CHAIN_ID,
+  EVM_CHAINS,
+  ABC_AUDIENCE,
+  PIN_CONFIG,
+  STORAGE_VERSION,
+  REQUEST_TIMEOUT,
+  RETRY_CONFIG,
+  ABC_WALLET_METADATA,
+  MODAL_CONFIG,
+  SOCIAL_BUTTONS,
+  ERROR_MESSAGES,
+  SUCCESS_MESSAGES,
+  ABC_EVENTS,
+  STORAGE_PREFIX,
+  DEBUG_MODE,
+  DEFAULT_HEADERS,
+  ABC_FEATURES,
+  secure_default
+};

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;