@talken/talkenkit 2.3.8 → 2.3.9

package/dist/chunk-M2CMB5B2.js

@@ -0,0 +1,93 @@
+"use client";
+
+// src/utils/encryption.ts
+async function hashPin(pin) {
+  const encoder = new TextEncoder();
+  const data = encoder.encode(pin);
+  const hash = await crypto.subtle.digest("SHA-256", data);
+  return Array.from(new Uint8Array(hash)).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+async function encryptWithPin(data, hashedPin, salt) {
+  const encoder = new TextEncoder();
+  const keyMaterial = await crypto.subtle.importKey(
+    "raw",
+    encoder.encode(hashedPin),
+    "PBKDF2",
+    false,
+    ["deriveBits", "deriveKey"]
+  );
+  const key = await crypto.subtle.deriveKey(
+    {
+      name: "PBKDF2",
+      salt,
+      iterations: 1e5,
+      hash: "SHA-256"
+    },
+    keyMaterial,
+    { name: "AES-GCM", length: 256 },
+    false,
+    ["encrypt"]
+  );
+  const iv = crypto.getRandomValues(new Uint8Array(12));
+  const encrypted = await crypto.subtle.encrypt(
+    { name: "AES-GCM", iv },
+    key,
+    encoder.encode(data)
+  );
+  const combined = new Uint8Array(iv.length + encrypted.byteLength);
+  combined.set(iv);
+  combined.set(new Uint8Array(encrypted), iv.length);
+  return Array.from(combined).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+async function decryptWithPin(encryptedHex, hashedPin, saltHex) {
+  try {
+    const encoder = new TextEncoder();
+    const salt = new Uint8Array(
+      saltHex.match(/.{1,2}/g)?.map((byte) => Number.parseInt(byte, 16)) || []
+    );
+    const encryptedData = new Uint8Array(
+      encryptedHex.match(/.{1,2}/g)?.map((byte) => Number.parseInt(byte, 16)) || []
+    );
+    const keyMaterial = await crypto.subtle.importKey(
+      "raw",
+      encoder.encode(hashedPin),
+      "PBKDF2",
+      false,
+      ["deriveBits", "deriveKey"]
+    );
+    const key = await crypto.subtle.deriveKey(
+      {
+        name: "PBKDF2",
+        salt,
+        iterations: 1e5,
+        hash: "SHA-256"
+      },
+      keyMaterial,
+      { name: "AES-GCM", length: 256 },
+      false,
+      ["decrypt"]
+    );
+    const iv = encryptedData.slice(0, 12);
+    const ciphertext = encryptedData.slice(12);
+    const decrypted = await crypto.subtle.decrypt(
+      { name: "AES-GCM", iv },
+      key,
+      ciphertext
+    );
+    return new TextDecoder().decode(decrypted);
+  } catch (error) {
+    console.error("[Encryption] Decryption failed:", error);
+    throw new Error("Failed to decrypt data. Invalid PIN or corrupted data.");
+  }
+}
+async function verifyPin(pin, storedPinHash) {
+  const hashedPin = await hashPin(pin);
+  return hashedPin === storedPinHash;
+}
+
+export {
+  hashPin,
+  encryptWithPin,
+  decryptWithPin,
+  verifyPin
+};

package/dist/components/AbcLoginModal/AbcAuthModal.d.ts

@@ -29,5 +29,15 @@ export interface AbcAuthModalProps {
     waasUrl: string;
     environment?: 'development' | 'production';
     evmChainId?: number;
+    /**
+     * Pre-fill email and skip email input step
+     * @default undefined
+     */
+    initialEmail?: string;
+    /**
+     * Initial social provider (for Google/Apple login)
+     * @default undefined
+     */
+    initialProvider?: 'google' | 'apple';
 }
-export declare function AbcAuthModal({ onClose, onSuccess, waasUrl, environment, evmChainId, }: AbcAuthModalProps): React.JSX.Element;
+export declare function AbcAuthModal({ onClose, onSuccess, waasUrl, environment, evmChainId, initialEmail, initialProvider: _initialProvider, }: AbcAuthModalProps): React.JSX.Element;

package/dist/components/ConnectOptions/CompactMobileOptions.css.d.ts

@@ -0,0 +1,26 @@
+export declare const container: string;
+export declare const header: string;
+export declare const closeButton: string;
+export declare const titleContainer: string;
+export declare const title: string;
+export declare const subtitle: string;
+export declare const socialButtonContainer: string;
+export declare const socialButton: string;
+export declare const googleIcon: string;
+export declare const divider: string;
+export declare const dividerText: string;
+export declare const form: string;
+export declare const inputGroup: string;
+export declare const label: string;
+export declare const input: string;
+export declare const error: string;
+export declare const submitButton: string;
+export declare const footer: string;
+export declare const footerText: string;
+export declare const footerLink: string;
+export declare const loadingContainer: string;
+export declare const spinner: string;
+export declare const loadingText: string;
+export declare const successContainer: string;
+export declare const successIcon: string;
+export declare const successText: string;

package/dist/components/ConnectOptions/CompactMobileOptions.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Compact Mobile Options - Simplified Login UI
+ *
+ * Used when mobileMode='compact-login' in RainbowKitProvider.
+ * Shows Email and Google login only (no wallet list).
+ *
+ * Features:
+ * - Email login form
+ * - Google social login button
+ * - Direct ABC Wallet connection
+ * - Responsive design (works in existing ConnectModal bottomSheet)
+ */
+import React from 'react';
+export interface CompactMobileOptionsProps {
+    onClose: () => void;
+    waasUrl?: string;
+    environment?: 'development' | 'production';
+}
+export declare function CompactMobileOptions({ onClose, waasUrl, environment, }: CompactMobileOptionsProps): React.JSX.Element;

package/dist/components/ConnectOptions/DesktopOptions.d.ts

@@ -18,10 +18,17 @@ export declare enum AbcWaasStep {
     PasswordSetup = "PASSWORD_SETUP",
     PasswordConfirm = "PASSWORD_CONFIRM"
 }
-export declare function DesktopOptions({ onClose, solanaWallets, onSolanaWalletClick, connectingSolanaWallet, isSolanaConnecting, }: {
+export interface DesktopOptionsProps {
     onClose: () => void;
     solanaWallets?: Record<string, any[]>;
     onSolanaWalletClick?: (walletName: string) => void;
     connectingSolanaWallet?: string | null;
     isSolanaConnecting?: boolean;
-}): React.JSX.Element;
+    /**
+     * Enable compact mode for mobile
+     * Hides external wallets and simplifies UI
+     * @default false
+     */
+    compact?: boolean;
+}
+export declare function DesktopOptions({ onClose, solanaWallets, onSolanaWalletClick, connectingSolanaWallet, isSolanaConnecting, compact, }: DesktopOptionsProps): React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import React, { type ReactNode } from 'react';
+export type MobileMode = 'compact-login' | 'compact-list' | 'full' | 'auto';
+export interface RainbowKitConfig {
+    /**
+     * Mobile behavior mode
+     * @default 'auto'
+     */
+    mobileMode: MobileMode;
+    /**
+     * Wallets to show in compact login mode
+     * @default ['abcWallet']
+     */
+    compactLoginWallets: string[];
+}
+export interface RainbowKitConfigProviderProps {
+    config: RainbowKitConfig;
+    children: ReactNode;
+}
+export declare function RainbowKitConfigProvider({ config, children, }: RainbowKitConfigProviderProps): React.JSX.Element;
+export declare function useRainbowKitConfig(): RainbowKitConfig;

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

@@ -6,6 +6,7 @@ import type { SolanaConfig } from '../../solana/config';
 import { type DisclaimerComponent } from './AppContext';
 import { type AvatarComponent } from './AvatarContext';
 import { type ModalSizes } from './ModalSizeContext';
+import { type MobileMode } from './RainbowKitConfigProvider';
 export declare const useThemeRootProps: () => {
     "data-rk": string;
 };
@@ -39,5 +40,19 @@ export interface RainbowKitProviderProps {
      * @default undefined
      */
     solanaConfig?: SolanaConfig;
+    /**
+     * Mobile behavior mode
+     * - 'compact-login': Direct to login on mobile (Email/Google only)
+     * - 'compact-list': Show compact wallet list on mobile
+     * - 'full': Use desktop flow on mobile
+     * - 'auto': Auto-detect based on wallet config
+     * @default 'auto'
+     */
+    mobileMode?: MobileMode;
+    /**
+     * Wallets to show in compact login mode
+     * @default ['abcWallet']
+     */
+    compactLoginWallets?: string[];
 }
-export declare function RainbowKitProvider({ appInfo, avatar, children, coolMode, disableAutoPinProvider, id, initialChain, locale, modalSize, showRecentTransactions, theme, solanaConfig, }: RainbowKitProviderProps): React.JSX.Element;
+export declare function RainbowKitProvider({ appInfo, avatar, children, coolMode, disableAutoPinProvider, id, initialChain, locale, modalSize, showRecentTransactions, theme, solanaConfig, mobileMode, compactLoginWallets, }: RainbowKitProviderProps): React.JSX.Element;

package/dist/encryption-3YHRI3PA.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  decryptWithPin,
+  encryptWithPin,
+  hashPin,
+  verifyPin
+} from "./chunk-M2CMB5B2.js";
+import "./chunk-TJX4M23U.js";
+export {
+  decryptWithPin,
+  encryptWithPin,
+  hashPin,
+  verifyPin
+};

package/dist/hooks/useDeviceType.d.ts

@@ -0,0 +1,9 @@
+export type DeviceType = 'mobile' | 'tablet' | 'desktop';
+export interface DeviceTypeState {
+    type: DeviceType;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    width: number;
+}
+export declare function useDeviceType(): DeviceTypeState;

package/dist/index.d.ts

@@ -22,6 +22,10 @@ export { midnightTheme } from './themes/midnightTheme';
 export { cssStringFromTheme } from './css/cssStringFromTheme';
 export { cssObjectFromTheme } from './css/cssObjectFromTheme';
 export { __private__ } from './__private__';
+export { useDeviceType } from './hooks/useDeviceType';
+export type { DeviceType, DeviceTypeState } from './hooks/useDeviceType';
+export { useRainbowKitConfig } from './components/RainbowKitProvider/RainbowKitConfigProvider';
+export type { MobileMode, RainbowKitConfig, } from './components/RainbowKitProvider/RainbowKitConfigProvider';
 export { useSolSignMessage } from './hooks/useSolSignMessage';
 export { useSolSignTransaction } from './hooks/useSolSignTransaction';
 export { getSolanaConfig } from './solana/config';