@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/cjs/react/components/theme/design-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-tokens.js","names":["LIGHT_TOKENS: DesignTokens","LIGHT_THEME","CHROMA_COLORS","DARK_THEME","DARK_TOKENS: DesignTokens","PROFILE_TOGGLE_TOKENS: { light: ToggleColorTokens; dark: ToggleColorTokens }","GRADIENTS","GREY_COLORS"],"sources":["../../../../../src/react/components/theme/design-tokens.ts"],"sourcesContent":["// Consolidate color sources to base-styles\nimport {\n  CHROMA_COLORS,\n  GREY_COLORS,\n  GRADIENTS,\n  LIGHT_THEME,\n  DARK_THEME\n} from '@/base-styles';\n\n/**\n * About these tokens and CSS variables\n *\n * DesignTokens is a JS/TS representation of theming primitives. We expose these\n * runtime tokens to CSS via custom properties (aka CSS variables) so both Lit\n * components and React styles can read the same values.\n *\n * Mapping rules (applied by Theme via createCSSVariables):\n * - colors:   --w3a-colors-<key>\n *   e.g. tokens.colors.primary → --w3a-colors-primary\n * - spacing:  --w3a-spacing-<key>\n *   e.g. tokens.spacing.md     → --w3a-spacing-md\n * - borderRadius:   --w3a-border-radius-<key>\n *   e.g. tokens.borderRadius.lg→ --w3a-border-radius-lg\n * - shadows:  --w3a-shadows-<key>\n *   e.g. tokens.shadows.sm     → --w3a-shadow-sm\n *\n * Where they’re used:\n * - Theme injects variables inline on a boundary element; components\n *   reference them with var(--w3a-colors-primary), etc.\n * - Component-specific helpers (e.g., PROFILE_BUTTON_TOKENS, PROFILE_TOGGLE_TOKENS)\n *   derive from LIGHT_TOKENS/DARK_TOKENS and are read by components directly\n *   or mapped to CSS vars via their own applyStyles helpers.\n */\n\n// ============================================================================\n// DESIGN TOKENS TYPES\n// ============================================================================\n\nexport interface DesignTokens {\n  colors: {\n    // Primary brand colors\n    primary: string;\n    primaryHover: string;\n    secondary: string;\n    secondaryHover: string;\n    accent: string;\n\n    // Text hierarchy\n    textPrimary: string;\n    textSecondary: string;\n    textMuted: string;\n    // Button text (explicit light text for buttons)\n    textButton: string;\n\n    // Button backgrounds (primary action buttons)\n    buttonBackground: string;\n    buttonHoverBackground: string;\n\n    // Surface layers\n    colorBackground: string;\n    surface: string;\n    surface2: string;\n    surface3: string;\n    surface4: string;\n\n    // Interactive states\n    hover: string;\n    active: string;\n    focus: string;\n\n    // Status colors\n    success: string;\n    warning: string;\n    error: string;\n    info: string;\n\n    // Border colors\n    // removed: use borderPrimary/border* keys\n    borderPrimary: string;\n    borderSecondary: string;\n    borderHover: string;\n\n    // Background Gradients\n    backgroundGradientPrimary: string;\n    backgroundGradientSecondary: string;\n    backgroundGradient3: string;\n    backgroundGradient4: string;\n\n    // Grey variations\n    grey25: string;\n    grey50: string;\n    grey75: string;\n    grey100: string;\n    grey200: string;\n    grey300: string;\n    grey400: string;\n    grey500: string;\n    grey600: string;\n    grey650: string;\n    grey700: string;\n    grey750: string;\n    grey800: string;\n    grey850: string;\n    grey900: string;\n    grey950: string;\n\n    // Slate variations\n    slate25: string;\n    slate50: string;\n    slate75: string;\n    slate100: string;\n    slate150: string;\n    slate200: string;\n    slate300: string;\n    slate400: string;\n    slate500: string;\n    slate600: string;\n    slate700: string;\n    slate800: string;\n    slate900: string;\n\n    // Highlights\n    highlightReceiverId: string;\n    highlightMethodName: string;\n    highlightAmount: string;\n  };\n\n  spacing: {\n    xs: string;\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n\n  borderRadius: {\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n\n  shadows: {\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n}\n\nexport interface UseThemeReturn {\n  theme: 'light' | 'dark';\n  tokens: DesignTokens;\n  isDark: boolean;\n  setTheme: (theme: 'light' | 'dark') => void;\n  toggleTheme: () => void;\n}\n\n// ============================================================================\n// LIGHT THEME TOKENS\n// ============================================================================\nexport const LIGHT_TOKENS: DesignTokens = {\n  colors: {\n    // ...CHROMA_COLORS,\n\n    // Primary brand colors\n    primary: LIGHT_THEME.primary,\n    primaryHover: LIGHT_THEME.primaryHover,\n    secondary: LIGHT_THEME.secondary ?? CHROMA_COLORS.violet600,\n    secondaryHover: LIGHT_THEME.secondaryHover ?? CHROMA_COLORS.violet500,\n    accent: LIGHT_THEME.accent,\n\n    // Text hierarchy\n    textPrimary: LIGHT_THEME.textPrimary,\n    textSecondary: LIGHT_THEME.textSecondary,\n    textMuted: LIGHT_THEME.textMuted,\n    // Button text\n    textButton: LIGHT_THEME.textButton,\n    // Button background\n    buttonBackground: LIGHT_THEME.buttonBackground,\n    buttonHoverBackground: LIGHT_THEME.buttonHoverBackground,\n\n    // Core colors\n    colorBackground: LIGHT_THEME.colorBackground,\n    surface: LIGHT_THEME.surface,\n    surface2: LIGHT_THEME.surface2,\n    surface3: LIGHT_THEME.surface3,\n    surface4: LIGHT_THEME.surface4,\n\n    // Interactive states\n    hover: LIGHT_THEME.hover,\n    active: LIGHT_THEME.active,\n    focus: LIGHT_THEME.focus,\n\n    // Status colors\n    success: LIGHT_THEME.success,\n    warning: LIGHT_THEME.warning,\n    error: LIGHT_THEME.error,\n    info: LIGHT_THEME.info,\n\n    // Border colors\n    // borderPrimary is the canonical border color\n    borderPrimary: LIGHT_THEME.borderPrimary,\n    borderSecondary: LIGHT_THEME.borderSecondary,\n    borderHover: LIGHT_THEME.borderHover,\n\n    // Background Gradients\n    backgroundGradientPrimary: LIGHT_THEME.backgroundGradientPrimary,\n    backgroundGradientSecondary: LIGHT_THEME.backgroundGradientSecondary,\n    backgroundGradient3: LIGHT_THEME.backgroundGradient3,\n    backgroundGradient4: LIGHT_THEME.backgroundGradient4,\n\n    // Grey variations\n    grey25: LIGHT_THEME.grey25,\n    grey50: LIGHT_THEME.grey50,\n    grey75: LIGHT_THEME.grey75,\n    grey100: LIGHT_THEME.grey100,\n    grey200: LIGHT_THEME.grey200,\n    grey300: LIGHT_THEME.grey300,\n    grey400: LIGHT_THEME.grey400,\n    grey500: LIGHT_THEME.grey500,\n    grey600: LIGHT_THEME.grey600,\n    grey650: LIGHT_THEME.grey650,\n    grey700: LIGHT_THEME.grey700,\n    grey750: LIGHT_THEME.grey750,\n    grey800: DARK_THEME.grey800,\n    grey850: DARK_THEME.grey850,\n    grey900: DARK_THEME.grey900,\n    grey950: DARK_THEME.grey950,\n\n    // Slate variations\n    slate25: LIGHT_THEME.slate25,\n    slate50: LIGHT_THEME.slate50,\n    slate75: LIGHT_THEME.slate75,\n    slate100: LIGHT_THEME.slate100,\n    slate150: LIGHT_THEME.slate150,\n    slate200: LIGHT_THEME.slate200,\n    slate300: LIGHT_THEME.slate300,\n    slate400: LIGHT_THEME.slate400,\n    slate500: LIGHT_THEME.slate500,\n    slate600: LIGHT_THEME.slate600,\n    slate700: LIGHT_THEME.slate700,\n    slate800: LIGHT_THEME.slate800,\n    slate900: LIGHT_THEME.slate900,\n\n    // Highlights\n    highlightReceiverId: LIGHT_THEME.highlightReceiverId,\n    highlightMethodName: LIGHT_THEME.highlightMethodName,\n    highlightAmount: LIGHT_THEME.highlightAmount,\n  },\n\n  spacing: {\n    xs: '0.25rem',   // 4px\n    sm: '0.5rem',    // 8px\n    md: '1rem',      // 16px\n    lg: '1.5rem',    // 24px\n    xl: '2rem',      // 32px\n  },\n\n  borderRadius: {\n    sm: '0.5rem',\n    md: '1rem',\n    lg: '1.5rem',\n    xl: '2rem',\n  },\n\n  shadows: {\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  },\n};\n\n// ============================================================================\n// DARK THEME TOKENS\n// ============================================================================\nexport const DARK_TOKENS: DesignTokens = {\n  colors: {\n    // ...CHROMA_COLORS,\n\n    // Primary brand colors (keep consistent with light)\n    primary: DARK_THEME.primary,\n    primaryHover: DARK_THEME.primaryHover,\n    secondary: DARK_THEME.secondary ?? CHROMA_COLORS.violet600,\n    secondaryHover: DARK_THEME.secondaryHover ?? CHROMA_COLORS.violet500,\n    accent: DARK_THEME.accent,\n\n    // Text hierarchy (dark palette)\n    textPrimary: DARK_THEME.textPrimary,\n    textSecondary: DARK_THEME.textSecondary,\n    textMuted: DARK_THEME.textMuted,\n    // Button text\n    textButton: DARK_THEME.textButton,\n    // Button background\n    buttonBackground: DARK_THEME.buttonBackground,\n    buttonHoverBackground: DARK_THEME.buttonHoverBackground,\n\n    colorBackground: DARK_THEME.colorBackground,\n    surface: DARK_THEME.surface,\n    surface2: DARK_THEME.surface2,\n    surface3: DARK_THEME.surface3,\n    surface4: DARK_THEME.surface4,\n\n    // Interactive states\n    hover: DARK_THEME.hover,\n    active: DARK_THEME.active,\n    focus: DARK_THEME.focus,\n\n    // Status colors (unchanged)\n    success: DARK_THEME.success,\n    warning: DARK_THEME.warning,\n    error: DARK_THEME.error,\n    info: DARK_THEME.info,\n\n    // Border colors (dark palette)\n    // borderPrimary is the canonical border color\n    borderPrimary: DARK_THEME.borderPrimary,\n    borderSecondary: DARK_THEME.borderSecondary,\n    borderHover: DARK_THEME.borderHover,\n\n    // Background Gradients\n    backgroundGradientPrimary: DARK_THEME.backgroundGradientPrimary,\n    backgroundGradientSecondary: DARK_THEME.backgroundGradientSecondary,\n    backgroundGradient3: DARK_THEME.backgroundGradient3,\n    backgroundGradient4: DARK_THEME.backgroundGradient4,\n\n    // Grey variations\n    grey25: DARK_THEME.grey25,\n    grey50: DARK_THEME.grey50,\n    grey75: DARK_THEME.grey75,\n    grey100: DARK_THEME.grey100,\n    grey200: DARK_THEME.grey200,\n    grey300: DARK_THEME.grey300,\n    grey400: DARK_THEME.grey400,\n    grey500: DARK_THEME.grey500,\n    grey600: DARK_THEME.grey600,\n    grey650: DARK_THEME.grey650,\n    grey700: DARK_THEME.grey700,\n    grey750: DARK_THEME.grey750,\n    grey800: DARK_THEME.grey800,\n    grey850: DARK_THEME.grey850,\n    grey900: DARK_THEME.grey900,\n    grey950: DARK_THEME.grey950,\n\n    // Slate variations\n    slate25: DARK_THEME.slate25,\n    slate50: DARK_THEME.slate50,\n    slate75: DARK_THEME.slate75,\n    slate100: DARK_THEME.slate100,\n    slate150: DARK_THEME.slate150,\n    slate200: DARK_THEME.slate200,\n    slate300: DARK_THEME.slate300,\n    slate400: DARK_THEME.slate400,\n    slate500: DARK_THEME.slate500,\n    slate600: DARK_THEME.slate600,\n    slate700: DARK_THEME.slate700,\n    slate800: DARK_THEME.slate800,\n    slate900: DARK_THEME.slate900,\n\n    // Highlights\n    highlightReceiverId: DARK_THEME.highlightReceiverId,\n    highlightMethodName: DARK_THEME.highlightMethodName,\n    highlightAmount: DARK_THEME.highlightAmount,\n  },\n\n  // Same spacing, border radius, and shadows for consistency\n  spacing: LIGHT_TOKENS.spacing,\n  borderRadius: LIGHT_TOKENS.borderRadius,\n  shadows: {\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.3)',\n    md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3)',\n    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3)',\n    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3)',\n  },\n};\n\n// Optional alias exposing the warm light palette explicitly as a \"cream\" token set.\n// It matches LIGHT_TOKENS values but provides a clearer name for consumers.\nexport const CREAM_TOKENS: DesignTokens = LIGHT_TOKENS;\n\n// ============================================================================\n// CSS CUSTOM PROPERTY GENERATOR\n// ============================================================================\n/**\n * Generates CSS custom properties from design tokens\n * This would replace all the manual CSS variable definitions\n */\nexport function generateThemeCSS(tokens: DesignTokens, prefix = '--w3a'): string {\n  const cssVars: string[] = [];\n\n  // Colors\n  Object.entries(tokens.colors).forEach(([key, value]) => {\n    // Naming (plural): --w3a-colors-<key>\n    cssVars.push(`${prefix}-colors-${key}: ${value};`);\n  });\n\n  // Spacing\n  Object.entries(tokens.spacing).forEach(([key, value]) => {\n    cssVars.push(`${prefix}-spacing-${key}: ${value};`);\n  });\n\n  // Border radius\n  Object.entries(tokens.borderRadius).forEach(([key, value]) => {\n    // Naming (hyphenated): --w3a-border-radius-<key>\n    cssVars.push(`${prefix}-border-radius-${key}: ${value};`);\n  });\n\n  // Shadows\n  Object.entries(tokens.shadows).forEach(([key, value]) => {\n    // Naming (plural): --w3a-shadows-<key>\n    cssVars.push(`${prefix}-shadows-${key}: ${value};`);\n  });\n\n  return `:root {\\n  ${cssVars.join('\\n  ')}\\n}`;\n}\n\n// ============================================================================\n// COMPONENT-SPECIFIC THEME HELPERS\n// ============================================================================\n/**\n * Profile Button specific tokens (extends base with component-specific overrides)\n */\nexport const PROFILE_BUTTON_TOKENS = {\n  light: {\n    ...LIGHT_TOKENS,\n    colors: {\n      ...LIGHT_TOKENS.colors,\n      // Profile button specific overrides\n    }\n  },\n  dark: {\n    ...DARK_TOKENS,\n    colors: {\n      ...DARK_TOKENS.colors,\n    }\n  }\n};\n\n// ============================================================================\n// PROFILE TOGGLE TOKENS\n// ============================================================================\nexport interface ToggleColorTokens {\n  activeBackground: string;\n  activeShadow: string;\n  inactiveBackground: string;\n  inactiveShadow: string;\n  disabledBackground: string;\n  disabledCircle: string;\n  textColor: string;\n  disabledTextColor: string;\n  circleColor: string;\n}\n\nexport const PROFILE_TOGGLE_TOKENS: { light: ToggleColorTokens; dark: ToggleColorTokens } = {\n  light: {\n    activeBackground: GRADIENTS.blue,\n    activeShadow: LIGHT_TOKENS.shadows.md,\n    // Slightly darker off state in light mode\n    inactiveBackground: LIGHT_TOKENS.colors.borderHover,\n    inactiveShadow: LIGHT_TOKENS.shadows.sm,\n    disabledBackground: LIGHT_TOKENS.colors.borderSecondary,\n    disabledCircle: 'transparent', // Transparent knob when disabled\n    textColor: LIGHT_TOKENS.colors.textPrimary,\n    disabledTextColor: LIGHT_TOKENS.colors.textMuted,\n    // Slightly greyer knob in light mode (instead of pure white)\n    circleColor: GREY_COLORS.grey100,\n  },\n  dark: {\n    activeBackground: GRADIENTS.blue,\n    activeShadow: DARK_TOKENS.shadows.md,\n    inactiveBackground: DARK_TOKENS.colors.borderHover,\n    inactiveShadow: DARK_TOKENS.shadows.sm,\n    disabledBackground: DARK_TOKENS.colors.borderSecondary,\n    disabledCircle: 'transparent', // Transparent knob when disabled\n    textColor: DARK_TOKENS.colors.textPrimary,\n    disabledTextColor: DARK_TOKENS.colors.textSecondary,\n    // Slightly lighter knob in dark mode for better visibility\n    circleColor: DARK_TOKENS.colors.grey800,\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"design-tokens.js","names":["LIGHT_TOKENS: DesignTokens","LIGHT_THEME","CHROMA_COLORS","DARK_THEME","DARK_TOKENS: DesignTokens","PROFILE_TOGGLE_TOKENS: { light: ToggleColorTokens; dark: ToggleColorTokens }","GRADIENTS","GREY_COLORS"],"sources":["../../../../../src/react/components/theme/design-tokens.ts"],"sourcesContent":["// Consolidate color sources to base-styles\nimport {\n  CHROMA_COLORS,\n  GREY_COLORS,\n  GRADIENTS,\n  LIGHT_THEME,\n  DARK_THEME\n} from '@/base-styles';\n\n/**\n * About these tokens and CSS variables\n *\n * DesignTokens is a JS/TS representation of theming primitives. We expose these\n * runtime tokens to CSS via custom properties (aka CSS variables) so both Lit\n * components and React styles can read the same values.\n *\n * Mapping rules (applied by Theme via createCSSVariables):\n * - colors:   --w3a-colors-<key>\n *   e.g. tokens.colors.primary → --w3a-colors-primary\n * - spacing:  --w3a-spacing-<key>\n *   e.g. tokens.spacing.md     → --w3a-spacing-md\n * - borderRadius:   --w3a-border-radius-<key>\n *   e.g. tokens.borderRadius.lg→ --w3a-border-radius-lg\n * - shadows:  --w3a-shadows-<key>\n *   e.g. tokens.shadows.sm     → --w3a-shadow-sm\n *\n * Where they’re used:\n * - Theme injects variables inline on a boundary element; components\n *   reference them with var(--w3a-colors-primary), etc.\n * - Component-specific helpers (e.g., PROFILE_BUTTON_TOKENS, PROFILE_TOGGLE_TOKENS)\n *   derive from LIGHT_TOKENS/DARK_TOKENS and are read by components directly\n *   or mapped to CSS vars via their own applyStyles helpers.\n */\n\n// ============================================================================\n// DESIGN TOKENS TYPES\n// ============================================================================\n\nexport interface DesignTokens {\n  colors: {\n    // Primary brand colors\n    primary: string;\n    primaryHover: string;\n    secondary: string;\n    secondaryHover: string;\n    accent: string;\n\n    // Text hierarchy\n    textPrimary: string;\n    textSecondary: string;\n    textMuted: string;\n    // Button text (explicit light text for buttons)\n    textButton: string;\n\n    // Button backgrounds (primary action buttons)\n    buttonBackground: string;\n    buttonHoverBackground: string;\n\n    // Surface layers\n    colorBackground: string;\n    surface: string;\n    surface2: string;\n    surface3: string;\n    surface4: string;\n\n    // Interactive states\n    hover: string;\n    active: string;\n    focus: string;\n\n    // Status colors\n    success: string;\n    warning: string;\n    error: string;\n    info: string;\n\n    // Border colors\n    // removed: use borderPrimary/border* keys\n    borderPrimary: string;\n    borderSecondary: string;\n    borderHover: string;\n\n    // Background Gradients\n    backgroundGradientPrimary: string;\n    backgroundGradientSecondary: string;\n    backgroundGradient3: string;\n    backgroundGradient4: string;\n\n    // Grey variations\n    grey25: string;\n    grey50: string;\n    grey75: string;\n    grey100: string;\n    grey200: string;\n    grey300: string;\n    grey400: string;\n    grey500: string;\n    grey600: string;\n    grey650: string;\n    grey700: string;\n    grey750: string;\n    grey800: string;\n    grey850: string;\n    grey900: string;\n    grey950: string;\n\n    // Slate variations\n    slate25: string;\n    slate50: string;\n    slate75: string;\n    slate100: string;\n    slate150: string;\n    slate200: string;\n    slate300: string;\n    slate400: string;\n    slate500: string;\n    slate600: string;\n    slate700: string;\n    slate800: string;\n    slate900: string;\n\n    // Highlights\n    highlightReceiverId: string;\n    highlightMethodName: string;\n    highlightAmount: string;\n  };\n\n  spacing: {\n    xs: string;\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n\n  borderRadius: {\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n\n  shadows: {\n    sm: string;\n    md: string;\n    lg: string;\n    xl: string;\n  };\n}\n\nexport interface UseThemeReturn {\n  theme: 'light' | 'dark';\n  tokens: DesignTokens;\n  isDark: boolean;\n  setTheme: (theme: 'light' | 'dark') => void;\n  toggleTheme: () => void;\n}\n\n// ============================================================================\n// LIGHT THEME TOKENS\n// ============================================================================\nexport const LIGHT_TOKENS: DesignTokens = {\n  colors: {\n    // ...CHROMA_COLORS,\n\n    // Primary brand colors\n    primary: LIGHT_THEME.primary,\n    primaryHover: LIGHT_THEME.primaryHover,\n    secondary: LIGHT_THEME.secondary ?? CHROMA_COLORS.violet600,\n    secondaryHover: LIGHT_THEME.secondaryHover ?? CHROMA_COLORS.violet500,\n    accent: LIGHT_THEME.accent,\n\n    // Text hierarchy\n    textPrimary: LIGHT_THEME.textPrimary,\n    textSecondary: LIGHT_THEME.textSecondary,\n    textMuted: LIGHT_THEME.textMuted,\n    // Button text\n    textButton: LIGHT_THEME.textButton,\n    // Button background\n    buttonBackground: LIGHT_THEME.buttonBackground,\n    buttonHoverBackground: LIGHT_THEME.buttonHoverBackground,\n\n    // Core colors\n    colorBackground: LIGHT_THEME.colorBackground,\n    surface: LIGHT_THEME.surface,\n    surface2: LIGHT_THEME.surface2,\n    surface3: LIGHT_THEME.surface3,\n    surface4: LIGHT_THEME.surface4,\n\n    // Interactive states\n    hover: LIGHT_THEME.hover,\n    active: LIGHT_THEME.active,\n    focus: LIGHT_THEME.focus,\n\n    // Status colors\n    success: LIGHT_THEME.success,\n    warning: LIGHT_THEME.warning,\n    error: LIGHT_THEME.error,\n    info: LIGHT_THEME.info,\n\n    // Border colors\n    // borderPrimary is the canonical border color\n    borderPrimary: LIGHT_THEME.borderPrimary,\n    borderSecondary: LIGHT_THEME.borderSecondary,\n    borderHover: LIGHT_THEME.borderHover,\n\n    // Background Gradients\n    backgroundGradientPrimary: LIGHT_THEME.backgroundGradientPrimary,\n    backgroundGradientSecondary: LIGHT_THEME.backgroundGradientSecondary,\n    backgroundGradient3: LIGHT_THEME.backgroundGradient3,\n    backgroundGradient4: LIGHT_THEME.backgroundGradient4,\n\n    // Grey variations\n    grey25: LIGHT_THEME.grey25,\n    grey50: LIGHT_THEME.grey50,\n    grey75: LIGHT_THEME.grey75,\n    grey100: LIGHT_THEME.grey100,\n    grey200: LIGHT_THEME.grey200,\n    grey300: LIGHT_THEME.grey300,\n    grey400: LIGHT_THEME.grey400,\n    grey500: LIGHT_THEME.grey500,\n    grey600: LIGHT_THEME.grey600,\n    grey650: LIGHT_THEME.grey650,\n    grey700: LIGHT_THEME.grey700,\n    grey750: LIGHT_THEME.grey750,\n    grey800: DARK_THEME.grey800,\n    grey850: DARK_THEME.grey850,\n    grey900: DARK_THEME.grey900,\n    grey950: DARK_THEME.grey950,\n\n    // Slate variations\n    slate25: LIGHT_THEME.slate25,\n    slate50: LIGHT_THEME.slate50,\n    slate75: LIGHT_THEME.slate75,\n    slate100: LIGHT_THEME.slate100,\n    slate150: LIGHT_THEME.slate150,\n    slate200: LIGHT_THEME.slate200,\n    slate300: LIGHT_THEME.slate300,\n    slate400: LIGHT_THEME.slate400,\n    slate500: LIGHT_THEME.slate500,\n    slate600: LIGHT_THEME.slate600,\n    slate700: LIGHT_THEME.slate700,\n    slate800: LIGHT_THEME.slate800,\n    slate900: LIGHT_THEME.slate900,\n\n    // Highlights\n    highlightReceiverId: LIGHT_THEME.highlightReceiverId,\n    highlightMethodName: LIGHT_THEME.highlightMethodName,\n    highlightAmount: LIGHT_THEME.highlightAmount,\n  },\n\n  spacing: {\n    xs: '0.25rem',   // 4px\n    sm: '0.5rem',    // 8px\n    md: '1rem',      // 16px\n    lg: '1.5rem',    // 24px\n    xl: '2rem',      // 32px\n  },\n\n  borderRadius: {\n    sm: '0.5rem',\n    md: '1rem',\n    lg: '1.5rem',\n    xl: '2rem',\n  },\n\n  shadows: {\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  },\n};\n\n// ============================================================================\n// DARK THEME TOKENS\n// ============================================================================\nexport const DARK_TOKENS: DesignTokens = {\n  colors: {\n    // ...CHROMA_COLORS,\n\n    // Primary brand colors (keep consistent with light)\n    primary: DARK_THEME.primary,\n    primaryHover: DARK_THEME.primaryHover,\n    secondary: DARK_THEME.secondary ?? CHROMA_COLORS.violet600,\n    secondaryHover: DARK_THEME.secondaryHover ?? CHROMA_COLORS.violet500,\n    accent: DARK_THEME.accent,\n\n    // Text hierarchy (dark palette)\n    textPrimary: DARK_THEME.textPrimary,\n    textSecondary: DARK_THEME.textSecondary,\n    textMuted: DARK_THEME.textMuted,\n    // Button text\n    textButton: DARK_THEME.textButton,\n    // Button background\n    buttonBackground: DARK_THEME.buttonBackground,\n    buttonHoverBackground: DARK_THEME.buttonHoverBackground,\n\n    colorBackground: DARK_THEME.colorBackground,\n    surface: DARK_THEME.surface,\n    surface2: DARK_THEME.surface2,\n    surface3: DARK_THEME.surface3,\n    surface4: DARK_THEME.surface4,\n\n    // Interactive states\n    hover: DARK_THEME.hover,\n    active: DARK_THEME.active,\n    focus: DARK_THEME.focus,\n\n    // Status colors (unchanged)\n    success: DARK_THEME.success,\n    warning: DARK_THEME.warning,\n    error: DARK_THEME.error,\n    info: DARK_THEME.info,\n\n    // Border colors (dark palette)\n    // borderPrimary is the canonical border color\n    borderPrimary: DARK_THEME.borderPrimary,\n    borderSecondary: DARK_THEME.borderSecondary,\n    borderHover: DARK_THEME.borderHover,\n\n    // Background Gradients\n    backgroundGradientPrimary: DARK_THEME.backgroundGradientPrimary,\n    backgroundGradientSecondary: DARK_THEME.backgroundGradientSecondary,\n    backgroundGradient3: DARK_THEME.backgroundGradient3,\n    backgroundGradient4: DARK_THEME.backgroundGradient4,\n\n    // Grey variations\n    grey25: DARK_THEME.grey25,\n    grey50: DARK_THEME.grey50,\n    grey75: DARK_THEME.grey75,\n    grey100: DARK_THEME.grey100,\n    grey200: DARK_THEME.grey200,\n    grey300: DARK_THEME.grey300,\n    grey400: DARK_THEME.grey400,\n    grey500: DARK_THEME.grey500,\n    grey600: DARK_THEME.grey600,\n    grey650: DARK_THEME.grey650,\n    grey700: DARK_THEME.grey700,\n    grey750: DARK_THEME.grey750,\n    grey800: DARK_THEME.grey800,\n    grey850: DARK_THEME.grey850,\n    grey900: DARK_THEME.grey900,\n    grey950: DARK_THEME.grey950,\n\n    // Slate variations\n    slate25: DARK_THEME.slate25,\n    slate50: DARK_THEME.slate50,\n    slate75: DARK_THEME.slate75,\n    slate100: DARK_THEME.slate100,\n    slate150: DARK_THEME.slate150,\n    slate200: DARK_THEME.slate200,\n    slate300: DARK_THEME.slate300,\n    slate400: DARK_THEME.slate400,\n    slate500: DARK_THEME.slate500,\n    slate600: DARK_THEME.slate600,\n    slate700: DARK_THEME.slate700,\n    slate800: DARK_THEME.slate800,\n    slate900: DARK_THEME.slate900,\n\n    // Highlights\n    highlightReceiverId: DARK_THEME.highlightReceiverId,\n    highlightMethodName: DARK_THEME.highlightMethodName,\n    highlightAmount: DARK_THEME.highlightAmount,\n  },\n\n  // Same spacing, border radius, and shadows for consistency\n  spacing: LIGHT_TOKENS.spacing,\n  borderRadius: LIGHT_TOKENS.borderRadius,\n  shadows: {\n    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.3)',\n    md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3)',\n    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3)',\n    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3)',\n  },\n};\n\n// Optional alias exposing the warm light palette explicitly as a \"cream\" token set.\n// It matches LIGHT_TOKENS values but provides a clearer name for consumers.\nexport const CREAM_TOKENS: DesignTokens = LIGHT_TOKENS;\n\n// ============================================================================\n// CSS CUSTOM PROPERTY GENERATOR\n// ============================================================================\n/**\n * Generates CSS custom properties from design tokens\n * This would replace all the manual CSS variable definitions\n */\nexport function generateThemeCSS(tokens: DesignTokens, prefix = '--w3a'): string {\n  const cssVars: string[] = [];\n\n  // Colors\n  Object.entries(tokens.colors).forEach(([key, value]) => {\n    // Naming (plural): --w3a-colors-<key>\n    cssVars.push(`${prefix}-colors-${key}: ${value};`);\n  });\n\n  // Spacing\n  Object.entries(tokens.spacing).forEach(([key, value]) => {\n    cssVars.push(`${prefix}-spacing-${key}: ${value};`);\n  });\n\n  // Border radius\n  Object.entries(tokens.borderRadius).forEach(([key, value]) => {\n    // Naming (hyphenated): --w3a-border-radius-<key>\n    cssVars.push(`${prefix}-border-radius-${key}: ${value};`);\n  });\n\n  // Shadows\n  Object.entries(tokens.shadows).forEach(([key, value]) => {\n    // Naming (plural): --w3a-shadows-<key>\n    cssVars.push(`${prefix}-shadows-${key}: ${value};`);\n  });\n\n  return `:root {\\n  ${cssVars.join('\\n  ')}\\n}`;\n}\n\n// ============================================================================\n// COMPONENT-SPECIFIC THEME HELPERS\n// ============================================================================\n/**\n * Profile Button specific tokens (extends base with component-specific overrides)\n */\nexport const PROFILE_BUTTON_TOKENS = {\n  light: {\n    ...LIGHT_TOKENS,\n    colors: {\n      ...LIGHT_TOKENS.colors,\n      // Profile button specific overrides\n    }\n  },\n  dark: {\n    ...DARK_TOKENS,\n    colors: {\n      ...DARK_TOKENS.colors,\n    }\n  }\n};\n\n// ============================================================================\n// PROFILE TOGGLE TOKENS\n// ============================================================================\nexport interface ToggleColorTokens {\n  activeBackground: string;\n  activeShadow: string;\n  inactiveBackground: string;\n  inactiveShadow: string;\n  disabledBackground: string;\n  disabledCircle: string;\n  textColor: string;\n  disabledTextColor: string;\n  circleColor: string;\n}\n\nexport const PROFILE_TOGGLE_TOKENS: { light: ToggleColorTokens; dark: ToggleColorTokens } = {\n  light: {\n    activeBackground: GRADIENTS.blue,\n    activeShadow: LIGHT_TOKENS.shadows.md,\n    // Slightly darker off state in light mode\n    inactiveBackground: LIGHT_TOKENS.colors.borderHover,\n    inactiveShadow: LIGHT_TOKENS.shadows.sm,\n    disabledBackground: LIGHT_TOKENS.colors.borderSecondary,\n    disabledCircle: 'transparent', // Transparent knob when disabled\n    textColor: LIGHT_TOKENS.colors.textPrimary,\n    disabledTextColor: LIGHT_TOKENS.colors.textMuted,\n    // Slightly greyer knob in light mode (instead of pure white)\n    circleColor: GREY_COLORS.grey100,\n  },\n  dark: {\n    activeBackground: GRADIENTS.blue,\n    activeShadow: DARK_TOKENS.shadows.md,\n    inactiveBackground: DARK_TOKENS.colors.borderHover,\n    inactiveShadow: DARK_TOKENS.shadows.sm,\n    disabledBackground: DARK_TOKENS.colors.borderSecondary,\n    disabledCircle: 'transparent', // Transparent knob when disabled\n    textColor: DARK_TOKENS.colors.textPrimary,\n    disabledTextColor: DARK_TOKENS.colors.textSecondary,\n    // Slightly lighter knob in dark mode for better visibility\n    circleColor: DARK_TOKENS.colors.grey800,\n  }\n};\n"],"mappings":"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"}

package/dist/cjs/react/components/theme/utils.js

@@ -1,4 +1,3 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 
 //#region src/react/components/theme/utils.ts
 function deepMerge(target, source) {

package/dist/cjs/react/components/theme/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["out: any","vars: Record<string, string>","style: React.CSSProperties"],"sources":["../../../../../src/react/components/theme/utils.ts"],"sourcesContent":["import type { DesignTokens } from './design-tokens';\n\nexport type PartialDeep<T> = {\n  [K in keyof T]?: T[K] extends object ? PartialDeep<T[K]> : T[K];\n};\n\nexport function deepMerge<T extends object, U extends object>(target: T, source: U): T & U {\n  const out: any = Array.isArray(target) ? [...(target as any)] : { ...(target as any) };\n  Object.entries(source as any).forEach(([key, value]) => {\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      out[key] = deepMerge(out[key] || {}, value);\n    } else if (value !== undefined) {\n      out[key] = value;\n    }\n  });\n  return out as T & U;\n}\n\nexport function createCSSVariables(tokens: DesignTokens, prefix = '--w3a'): React.CSSProperties {\n  const vars: Record<string, string> = {};\n\n  Object.entries(tokens.colors).forEach(([k, v]) => {\n    vars[`${prefix}-colors-${k}`] = String(v);\n  });\n  Object.entries(tokens.spacing).forEach(([k, v]) => {\n    vars[`${prefix}-spacing-${k}`] = String(v);\n  });\n  Object.entries(tokens.borderRadius).forEach(([k, v]) => {\n    vars[`${prefix}-border-radius-${k}`] = String(v);\n  });\n  Object.entries(tokens.shadows).forEach(([k, v]) => {\n    vars[`${prefix}-shadows-${k}`] = String(v);\n  });\n\n  // React CSSProperties style: map to --custom-prop keys\n  const style: React.CSSProperties = {} as any;\n  Object.entries(vars).forEach(([k, v]) => {\n    (style as any)[k] = v;\n  });\n  return style;\n}\n\nexport function mergeTokens(base: DesignTokens, override?: PartialDeep<DesignTokens>): DesignTokens {\n  if (!override) return base;\n  return deepMerge(base, override);\n}\n"],"mappings":";;;AAMA,SAAgB,UAA8C,QAAW,QAAkB;CACzF,MAAMA,MAAW,MAAM,QAAQ,UAAU,CAAC,GAAI,UAAkB,EAAE,GAAI;AACtE,QAAO,QAAQ,QAAe,SAAS,CAAC,KAAK,WAAW;AACtD,MAAI,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,OACvD,KAAI,OAAO,UAAU,IAAI,QAAQ,IAAI;WAC5B,UAAU,OACnB,KAAI,OAAO;;AAGf,QAAO;;AAGT,SAAgB,mBAAmB,QAAsB,SAAS,SAA8B;CAC9F,MAAMC,OAA+B;AAErC,QAAO,QAAQ,OAAO,QAAQ,SAAS,CAAC,GAAG,OAAO;AAChD,OAAK,GAAG,OAAO,UAAU,OAAO,OAAO;;AAEzC,QAAO,QAAQ,OAAO,SAAS,SAAS,CAAC,GAAG,OAAO;AACjD,OAAK,GAAG,OAAO,WAAW,OAAO,OAAO;;AAE1C,QAAO,QAAQ,OAAO,cAAc,SAAS,CAAC,GAAG,OAAO;AACtD,OAAK,GAAG,OAAO,iBAAiB,OAAO,OAAO;;AAEhD,QAAO,QAAQ,OAAO,SAAS,SAAS,CAAC,GAAG,OAAO;AACjD,OAAK,GAAG,OAAO,WAAW,OAAO,OAAO;;CAI1C,MAAMC,QAA6B;AACnC,QAAO,QAAQ,MAAM,SAAS,CAAC,GAAG,OAAO;AACvC,EAAC,MAAc,KAAK;;AAEtB,QAAO;;AAGT,SAAgB,YAAY,MAAoB,UAAoD;AAClG,KAAI,CAAC,SAAU,QAAO;AACtB,QAAO,UAAU,MAAM"}
+{"version":3,"file":"utils.js","names":["out: any","vars: Record<string, string>","style: React.CSSProperties"],"sources":["../../../../../src/react/components/theme/utils.ts"],"sourcesContent":["import type { DesignTokens } from './design-tokens';\n\nexport type PartialDeep<T> = {\n  [K in keyof T]?: T[K] extends object ? PartialDeep<T[K]> : T[K];\n};\n\nexport function deepMerge<T extends object, U extends object>(target: T, source: U): T & U {\n  const out: any = Array.isArray(target) ? [...(target as any)] : { ...(target as any) };\n  Object.entries(source as any).forEach(([key, value]) => {\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      out[key] = deepMerge(out[key] || {}, value);\n    } else if (value !== undefined) {\n      out[key] = value;\n    }\n  });\n  return out as T & U;\n}\n\nexport function createCSSVariables(tokens: DesignTokens, prefix = '--w3a'): React.CSSProperties {\n  const vars: Record<string, string> = {};\n\n  Object.entries(tokens.colors).forEach(([k, v]) => {\n    vars[`${prefix}-colors-${k}`] = String(v);\n  });\n  Object.entries(tokens.spacing).forEach(([k, v]) => {\n    vars[`${prefix}-spacing-${k}`] = String(v);\n  });\n  Object.entries(tokens.borderRadius).forEach(([k, v]) => {\n    vars[`${prefix}-border-radius-${k}`] = String(v);\n  });\n  Object.entries(tokens.shadows).forEach(([k, v]) => {\n    vars[`${prefix}-shadows-${k}`] = String(v);\n  });\n\n  // React CSSProperties style: map to --custom-prop keys\n  const style: React.CSSProperties = {} as any;\n  Object.entries(vars).forEach(([k, v]) => {\n    (style as any)[k] = v;\n  });\n  return style;\n}\n\nexport function mergeTokens(base: DesignTokens, override?: PartialDeep<DesignTokens>): DesignTokens {\n  if (!override) return base;\n  return deepMerge(base, override);\n}\n"],"mappings":";;AAMA,SAAgB,UAA8C,QAAW,QAAkB;CACzF,MAAMA,MAAW,MAAM,QAAQ,UAAU,CAAC,GAAI,UAAkB,EAAE,GAAI;AACtE,QAAO,QAAQ,QAAe,SAAS,CAAC,KAAK,WAAW;AACtD,MAAI,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,OACvD,KAAI,OAAO,UAAU,IAAI,QAAQ,IAAI;WAC5B,UAAU,OACnB,KAAI,OAAO;;AAGf,QAAO;;AAGT,SAAgB,mBAAmB,QAAsB,SAAS,SAA8B;CAC9F,MAAMC,OAA+B;AAErC,QAAO,QAAQ,OAAO,QAAQ,SAAS,CAAC,GAAG,OAAO;AAChD,OAAK,GAAG,OAAO,UAAU,OAAO,OAAO;;AAEzC,QAAO,QAAQ,OAAO,SAAS,SAAS,CAAC,GAAG,OAAO;AACjD,OAAK,GAAG,OAAO,WAAW,OAAO,OAAO;;AAE1C,QAAO,QAAQ,OAAO,cAAc,SAAS,CAAC,GAAG,OAAO;AACtD,OAAK,GAAG,OAAO,iBAAiB,OAAO,OAAO;;AAEhD,QAAO,QAAQ,OAAO,SAAS,SAAS,CAAC,GAAG,OAAO;AACjD,OAAK,GAAG,OAAO,WAAW,OAAO,OAAO;;CAI1C,MAAMC,QAA6B;AACnC,QAAO,QAAQ,MAAM,SAAS,CAAC,GAAG,OAAO;AACvC,EAAC,MAAc,KAAK;;AAEtB,QAAO;;AAGT,SAAgB,YAAY,MAAoB,UAAoD;AAClG,KAAI,CAAC,SAAU,QAAO;AACtB,QAAO,UAAU,MAAM"}

package/dist/cjs/react/context/tatchiManagerSingleton.js

@@ -1,9 +1,7 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_defaultConfigs = require('../sdk/src/core/defaultConfigs.js');
-const require_index = require('../sdk/src/core/TatchiPasskey/index.js');
+const require_defaultConfigs = require('../src/core/defaultConfigs.js');
+const require_index = require('../src/core/TatchiPasskey/index.js');
 
 //#region src/react/context/tatchiManagerSingleton.ts
-require_defaultConfigs.init_defaultConfigs();
 const WINDOW_SINGLETON_KEY = "__w3a_tatchi_passkey_singleton__";
 let moduleSingletonState = {
 	manager: null,

package/dist/cjs/react/context/tatchiManagerSingleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tatchiManagerSingleton.js","names":["moduleSingletonState: SingletonState","out: Record<string, unknown>","forKey: TatchiConfigs","finalConfig: TatchiConfigs","buildConfigsFromEnv","TatchiPasskey"],"sources":["../../../../src/react/context/tatchiManagerSingleton.ts"],"sourcesContent":["import { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { buildConfigsFromEnv } from '@/core/defaultConfigs';\nimport type { NearClient } from '@/core/NearClient';\nimport type { TatchiConfigs, TatchiConfigsInput } from '@/core/types/tatchi';\n\n// Singleton to prevent multiple manager instances in StrictMode and across HMR/module duplication.\n//\n// IMPORTANT: Only persist on `window` (not Node/SSR globalThis) to avoid leaking\n// state across server requests/tests.\ntype SingletonState = {\n  manager: TatchiPasskey | null;\n  configKey: string | null;\n};\n\nconst WINDOW_SINGLETON_KEY = '__w3a_tatchi_passkey_singleton__';\n\nlet moduleSingletonState: SingletonState = {\n  manager: null,\n  configKey: null,\n};\n\nfunction getSingletonState(): SingletonState {\n  if (typeof window === 'undefined') return moduleSingletonState;\n  const g = globalThis as any;\n  if (!g[WINDOW_SINGLETON_KEY]) {\n    g[WINDOW_SINGLETON_KEY] = { manager: null, configKey: null } satisfies SingletonState;\n  }\n  return g[WINDOW_SINGLETON_KEY] as SingletonState;\n}\n\nfunction isDevRuntime(): boolean {\n  const env = (globalThis as any)?.process?.env?.NODE_ENV;\n  if (env && env !== 'production') return true;\n  try {\n    const h = typeof window !== 'undefined' ? (window.location.hostname || '') : '';\n    if (/localhost|127\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)|\\.local(?:host)?$/i.test(h)) return true;\n  } catch {}\n  return false;\n}\n\nfunction stableStringify(value: unknown): string {\n  const seen = new WeakSet<object>();\n\n  const normalize = (input: unknown): unknown => {\n    if (input === null) return null;\n    if (input === undefined) return undefined;\n\n    if (typeof input === 'string' || typeof input === 'number' || typeof input === 'boolean') return input;\n    if (typeof input === 'bigint') return input.toString();\n\n    if (Array.isArray(input)) {\n      return input.map((item) => {\n        const normalized = normalize(item);\n        return normalized === undefined ? null : normalized;\n      });\n    }\n\n    if (typeof input === 'object') {\n      const obj = input as Record<string, unknown>;\n      if (seen.has(obj)) return '[Circular]';\n      seen.add(obj);\n\n      const out: Record<string, unknown> = {};\n      for (const key of Object.keys(obj).sort()) {\n        const normalized = normalize(obj[key]);\n        if (normalized !== undefined) out[key] = normalized;\n      }\n      seen.delete(obj);\n      return out;\n    }\n\n    // Shouldn't happen for configs; fall back to a string for determinism.\n    return String(input);\n  };\n\n  return JSON.stringify(normalize(value));\n}\n\nfunction computeConfigKey(config: TatchiConfigs): string {\n  // Theme is dynamic and synced via `tatchi.setUserTheme()`; do not treat it as a new instance.\n  // This prevents accidental duplicate instances/iframes when apps toggle UI theme.\n  const forKey: TatchiConfigs = { ...config, walletTheme: undefined };\n  return stableStringify(forKey);\n}\n\nexport function getOrCreateTatchiManager(config: TatchiConfigsInput, nearClient: NearClient): TatchiPasskey {\n  const finalConfig: TatchiConfigs = buildConfigsFromEnv(config);\n  const nextKey = computeConfigKey(finalConfig);\n  const state = getSingletonState();\n\n  if (!state.manager) {\n    if (isDevRuntime()) {\n      console.debug('[TatchiContextProvider] Creating manager with config:', finalConfig);\n    }\n    state.manager = new TatchiPasskey(finalConfig, nearClient);\n    state.configKey = nextKey;\n    return state.manager;\n  }\n\n  // Guardrail: treat config as immutable after the first creation to avoid leaking resources\n  // (iframes/workers/listeners) by re-instantiating on re-renders.\n  if (state.configKey && state.configKey !== nextKey && isDevRuntime()) {\n    console.warn(\n      '[TatchiContextProvider] Ignoring config changes after initialization. Ensure you pass a stable config object; theme changes should go through tatchi.setUserTheme().',\n      { previousKey: state.configKey, nextKey }\n    );\n  }\n\n  return state.manager;\n}\n\n"],"mappings":";;;;;;AAcA,MAAM,uBAAuB;AAE7B,IAAIA,uBAAuC;CACzC,SAAS;CACT,WAAW;;AAGb,SAAS,oBAAoC;AAC3C,KAAI,OAAO,WAAW,YAAa,QAAO;CAC1C,MAAM,IAAI;AACV,KAAI,CAAC,EAAE,sBACL,GAAE,wBAAwB;EAAE,SAAS;EAAM,WAAW;;AAExD,QAAO,EAAE;;AAGX,SAAS,eAAwB;CAC/B,MAAM,MAAO,YAAoB,SAAS,KAAK;AAC/C,KAAI,OAAO,QAAQ,aAAc,QAAO;AACxC,KAAI;EACF,MAAM,IAAI,OAAO,WAAW,cAAe,OAAO,SAAS,YAAY,KAAM;AAC7E,MAAI,mFAAmF,KAAK,GAAI,QAAO;SACjG;AACR,QAAO;;AAGT,SAAS,gBAAgB,OAAwB;CAC/C,MAAM,uBAAO,IAAI;CAEjB,MAAM,aAAa,UAA4B;AAC7C,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,UAAW,QAAO;AACjG,MAAI,OAAO,UAAU,SAAU,QAAO,MAAM;AAE5C,MAAI,MAAM,QAAQ,OAChB,QAAO,MAAM,KAAK,SAAS;GACzB,MAAM,aAAa,UAAU;AAC7B,UAAO,eAAe,SAAY,OAAO;;AAI7C,MAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM;AACZ,OAAI,KAAK,IAAI,KAAM,QAAO;AAC1B,QAAK,IAAI;GAET,MAAMC,MAA+B;AACrC,QAAK,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ;IACzC,MAAM,aAAa,UAAU,IAAI;AACjC,QAAI,eAAe,OAAW,KAAI,OAAO;;AAE3C,QAAK,OAAO;AACZ,UAAO;;AAIT,SAAO,OAAO;;AAGhB,QAAO,KAAK,UAAU,UAAU;;AAGlC,SAAS,iBAAiB,QAA+B;CAGvD,MAAMC,SAAwB;EAAE,GAAG;EAAQ,aAAa;;AACxD,QAAO,gBAAgB;;AAGzB,SAAgB,yBAAyB,QAA4B,YAAuC;CAC1G,MAAMC,cAA6BC,2CAAoB;CACvD,MAAM,UAAU,iBAAiB;CACjC,MAAM,QAAQ;AAEd,KAAI,CAAC,MAAM,SAAS;AAClB,MAAI,eACF,SAAQ,MAAM,yDAAyD;AAEzE,QAAM,UAAU,IAAIC,4BAAc,aAAa;AAC/C,QAAM,YAAY;AAClB,SAAO,MAAM;;AAKf,KAAI,MAAM,aAAa,MAAM,cAAc,WAAW,eACpD,SAAQ,KACN,wKACA;EAAE,aAAa,MAAM;EAAW;;AAIpC,QAAO,MAAM"}
+{"version":3,"file":"tatchiManagerSingleton.js","names":["moduleSingletonState: SingletonState","out: Record<string, unknown>","forKey: TatchiConfigs","finalConfig: TatchiConfigs","buildConfigsFromEnv","TatchiPasskey"],"sources":["../../../../src/react/context/tatchiManagerSingleton.ts"],"sourcesContent":["import { TatchiPasskey } from '@/core/TatchiPasskey';\nimport { buildConfigsFromEnv } from '@/core/defaultConfigs';\nimport type { NearClient } from '@/core/NearClient';\nimport type { TatchiConfigs, TatchiConfigsInput } from '@/core/types/tatchi';\n\n// Singleton to prevent multiple manager instances in StrictMode and across HMR/module duplication.\n//\n// IMPORTANT: Only persist on `window` (not Node/SSR globalThis) to avoid leaking\n// state across server requests/tests.\ntype SingletonState = {\n  manager: TatchiPasskey | null;\n  configKey: string | null;\n};\n\nconst WINDOW_SINGLETON_KEY = '__w3a_tatchi_passkey_singleton__';\n\nlet moduleSingletonState: SingletonState = {\n  manager: null,\n  configKey: null,\n};\n\nfunction getSingletonState(): SingletonState {\n  if (typeof window === 'undefined') return moduleSingletonState;\n  const g = globalThis as any;\n  if (!g[WINDOW_SINGLETON_KEY]) {\n    g[WINDOW_SINGLETON_KEY] = { manager: null, configKey: null } satisfies SingletonState;\n  }\n  return g[WINDOW_SINGLETON_KEY] as SingletonState;\n}\n\nfunction isDevRuntime(): boolean {\n  const env = (globalThis as any)?.process?.env?.NODE_ENV;\n  if (env && env !== 'production') return true;\n  try {\n    const h = typeof window !== 'undefined' ? (window.location.hostname || '') : '';\n    if (/localhost|127\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)\\.(?:0|[1-9]\\d?)|\\.local(?:host)?$/i.test(h)) return true;\n  } catch {}\n  return false;\n}\n\nfunction stableStringify(value: unknown): string {\n  const seen = new WeakSet<object>();\n\n  const normalize = (input: unknown): unknown => {\n    if (input === null) return null;\n    if (input === undefined) return undefined;\n\n    if (typeof input === 'string' || typeof input === 'number' || typeof input === 'boolean') return input;\n    if (typeof input === 'bigint') return input.toString();\n\n    if (Array.isArray(input)) {\n      return input.map((item) => {\n        const normalized = normalize(item);\n        return normalized === undefined ? null : normalized;\n      });\n    }\n\n    if (typeof input === 'object') {\n      const obj = input as Record<string, unknown>;\n      if (seen.has(obj)) return '[Circular]';\n      seen.add(obj);\n\n      const out: Record<string, unknown> = {};\n      for (const key of Object.keys(obj).sort()) {\n        const normalized = normalize(obj[key]);\n        if (normalized !== undefined) out[key] = normalized;\n      }\n      seen.delete(obj);\n      return out;\n    }\n\n    // Shouldn't happen for configs; fall back to a string for determinism.\n    return String(input);\n  };\n\n  return JSON.stringify(normalize(value));\n}\n\nfunction computeConfigKey(config: TatchiConfigs): string {\n  // Theme is dynamic and synced via `tatchi.setUserTheme()`; do not treat it as a new instance.\n  // This prevents accidental duplicate instances/iframes when apps toggle UI theme.\n  const forKey: TatchiConfigs = { ...config, walletTheme: undefined };\n  return stableStringify(forKey);\n}\n\nexport function getOrCreateTatchiManager(config: TatchiConfigsInput, nearClient: NearClient): TatchiPasskey {\n  const finalConfig: TatchiConfigs = buildConfigsFromEnv(config);\n  const nextKey = computeConfigKey(finalConfig);\n  const state = getSingletonState();\n\n  if (!state.manager) {\n    if (isDevRuntime()) {\n      console.debug('[TatchiContextProvider] Creating manager with config:', finalConfig);\n    }\n    state.manager = new TatchiPasskey(finalConfig, nearClient);\n    state.configKey = nextKey;\n    return state.manager;\n  }\n\n  // Guardrail: treat config as immutable after the first creation to avoid leaking resources\n  // (iframes/workers/listeners) by re-instantiating on re-renders.\n  if (state.configKey && state.configKey !== nextKey && isDevRuntime()) {\n    console.warn(\n      '[TatchiContextProvider] Ignoring config changes after initialization. Ensure you pass a stable config object; theme changes should go through tatchi.setUserTheme().',\n      { previousKey: state.configKey, nextKey }\n    );\n  }\n\n  return state.manager;\n}\n\n"],"mappings":";;;;AAcA,MAAM,uBAAuB;AAE7B,IAAIA,uBAAuC;CACzC,SAAS;CACT,WAAW;;AAGb,SAAS,oBAAoC;AAC3C,KAAI,OAAO,WAAW,YAAa,QAAO;CAC1C,MAAM,IAAI;AACV,KAAI,CAAC,EAAE,sBACL,GAAE,wBAAwB;EAAE,SAAS;EAAM,WAAW;;AAExD,QAAO,EAAE;;AAGX,SAAS,eAAwB;CAC/B,MAAM,MAAO,YAAoB,SAAS,KAAK;AAC/C,KAAI,OAAO,QAAQ,aAAc,QAAO;AACxC,KAAI;EACF,MAAM,IAAI,OAAO,WAAW,cAAe,OAAO,SAAS,YAAY,KAAM;AAC7E,MAAI,mFAAmF,KAAK,GAAI,QAAO;SACjG;AACR,QAAO;;AAGT,SAAS,gBAAgB,OAAwB;CAC/C,MAAM,uBAAO,IAAI;CAEjB,MAAM,aAAa,UAA4B;AAC7C,MAAI,UAAU,KAAM,QAAO;AAC3B,MAAI,UAAU,OAAW,QAAO;AAEhC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,UAAW,QAAO;AACjG,MAAI,OAAO,UAAU,SAAU,QAAO,MAAM;AAE5C,MAAI,MAAM,QAAQ,OAChB,QAAO,MAAM,KAAK,SAAS;GACzB,MAAM,aAAa,UAAU;AAC7B,UAAO,eAAe,SAAY,OAAO;;AAI7C,MAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM;AACZ,OAAI,KAAK,IAAI,KAAM,QAAO;AAC1B,QAAK,IAAI;GAET,MAAMC,MAA+B;AACrC,QAAK,MAAM,OAAO,OAAO,KAAK,KAAK,QAAQ;IACzC,MAAM,aAAa,UAAU,IAAI;AACjC,QAAI,eAAe,OAAW,KAAI,OAAO;;AAE3C,QAAK,OAAO;AACZ,UAAO;;AAIT,SAAO,OAAO;;AAGhB,QAAO,KAAK,UAAU,UAAU;;AAGlC,SAAS,iBAAiB,QAA+B;CAGvD,MAAMC,SAAwB;EAAE,GAAG;EAAQ,aAAa;;AACxD,QAAO,gBAAgB;;AAGzB,SAAgB,yBAAyB,QAA4B,YAAuC;CAC1G,MAAMC,cAA6BC,2CAAoB;CACvD,MAAM,UAAU,iBAAiB;CACjC,MAAM,QAAQ;AAEd,KAAI,CAAC,MAAM,SAAS;AAClB,MAAI,eACF,SAAQ,MAAM,yDAAyD;AAEzE,QAAM,UAAU,IAAIC,4BAAc,aAAa;AAC/C,QAAM,YAAY;AAClB,SAAO,MAAM;;AAKf,KAAI,MAAM,aAAa,MAAM,cAAc,WAAW,eACpD,SAAQ,KACN,wKACA;EAAE,aAAa,MAAM;EAAW;;AAIpC,QAAO,MAAM"}

package/dist/cjs/react/context/useLoginStateRefresher.js

@@ -1,10 +1,9 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_accountIds = require('../sdk/src/core/types/accountIds.js');
+const require_accountIds = require('../src/core/types/accountIds.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/react/context/useLoginStateRefresher.ts
-require_accountIds.init_accountIds();
 function useLoginStateRefresher(args) {
 	const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;
 	const refreshLoginState = (0, react.useCallback)(async (nearAccountId) => {

package/dist/cjs/react/context/useLoginStateRefresher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoginStateRefresher.js","names":["refreshLoginState: TatchiContextType['refreshLoginState']","toAccountId"],"sources":["../../../../src/react/context/useLoginStateRefresher.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState, TatchiContextType } from '../types';\n\nexport function useLoginStateRefresher(args: {\n  tatchi: TatchiPasskey;\n  walletIframeConnected: boolean;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;\n\n  const refreshLoginState: TatchiContextType['refreshLoginState'] = useCallback(async (nearAccountId?: string) => {\n    try {\n      const walletClient = walletIframeClientRef.current;\n      if (walletIframeConnected && walletClient) {\n        try {\n          const { login: st } = await walletClient.getLoginSession();\n          if (st?.vrfActive && st?.nearAccountId) {\n            setLoginState(prevState => ({\n              ...prevState,\n              nearAccountId: st.nearAccountId,\n              nearPublicKey: st.publicKey || null,\n              isLoggedIn: true,\n            }));\n            return;\n          }\n        } catch {}\n      }\n\n      const { login: ls } = await tatchi.getLoginSession(nearAccountId);\n      if (ls.nearAccountId && ls.vrfActive) {\n        try { tatchi.userPreferences.setCurrentUser(toAccountId(ls.nearAccountId)); } catch {}\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: ls.nearAccountId,\n          nearPublicKey: ls.publicKey || null,\n          isLoggedIn: true,\n        }));\n      } else {\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: null,\n          nearPublicKey: null,\n          isLoggedIn: false,\n        }));\n      }\n    } catch (error) {\n      console.error('Error refreshing login state:', error);\n    }\n  }, [setLoginState, tatchi, walletIframeClientRef, walletIframeConnected]);\n\n  useEffect(() => {\n    void refreshLoginState();\n  }, [refreshLoginState]);\n\n  return refreshLoginState;\n}\n\n"],"mappings":";;;;;;;AAOA,SAAgB,uBAAuB,MAKpC;CACD,MAAM,EAAE,QAAQ,uBAAuB,uBAAuB,kBAAkB;CAEhF,MAAMA,2CAAwE,OAAO,kBAA2B;AAC9G,MAAI;GACF,MAAM,eAAe,sBAAsB;AAC3C,OAAI,yBAAyB,aAC3B,KAAI;IACF,MAAM,EAAE,OAAO,OAAO,MAAM,aAAa;AACzC,QAAI,IAAI,aAAa,IAAI,eAAe;AACtC,oBAAc,eAAc;MAC1B,GAAG;MACH,eAAe,GAAG;MAClB,eAAe,GAAG,aAAa;MAC/B,YAAY;;AAEd;;WAEI;GAGV,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO,gBAAgB;AACnD,OAAI,GAAG,iBAAiB,GAAG,WAAW;AACpC,QAAI;AAAE,YAAO,gBAAgB,eAAeC,+BAAY,GAAG;YAAyB;AACpF,mBAAc,eAAc;KAC1B,GAAG;KACH,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;KAC/B,YAAY;;SAGd,gBAAc,eAAc;IAC1B,GAAG;IACH,eAAe;IACf,eAAe;IACf,YAAY;;WAGT,OAAO;AACd,WAAQ,MAAM,iCAAiC;;IAEhD;EAAC;EAAe;EAAQ;EAAuB;;AAElD,4BAAgB;AACd,EAAK;IACJ,CAAC;AAEJ,QAAO"}
+{"version":3,"file":"useLoginStateRefresher.js","names":["refreshLoginState: TatchiContextType['refreshLoginState']","toAccountId"],"sources":["../../../../src/react/context/useLoginStateRefresher.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState, TatchiContextType } from '../types';\n\nexport function useLoginStateRefresher(args: {\n  tatchi: TatchiPasskey;\n  walletIframeConnected: boolean;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const { tatchi, walletIframeConnected, walletIframeClientRef, setLoginState } = args;\n\n  const refreshLoginState: TatchiContextType['refreshLoginState'] = useCallback(async (nearAccountId?: string) => {\n    try {\n      const walletClient = walletIframeClientRef.current;\n      if (walletIframeConnected && walletClient) {\n        try {\n          const { login: st } = await walletClient.getLoginSession();\n          if (st?.vrfActive && st?.nearAccountId) {\n            setLoginState(prevState => ({\n              ...prevState,\n              nearAccountId: st.nearAccountId,\n              nearPublicKey: st.publicKey || null,\n              isLoggedIn: true,\n            }));\n            return;\n          }\n        } catch {}\n      }\n\n      const { login: ls } = await tatchi.getLoginSession(nearAccountId);\n      if (ls.nearAccountId && ls.vrfActive) {\n        try { tatchi.userPreferences.setCurrentUser(toAccountId(ls.nearAccountId)); } catch {}\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: ls.nearAccountId,\n          nearPublicKey: ls.publicKey || null,\n          isLoggedIn: true,\n        }));\n      } else {\n        setLoginState(prevState => ({\n          ...prevState,\n          nearAccountId: null,\n          nearPublicKey: null,\n          isLoggedIn: false,\n        }));\n      }\n    } catch (error) {\n      console.error('Error refreshing login state:', error);\n    }\n  }, [setLoginState, tatchi, walletIframeClientRef, walletIframeConnected]);\n\n  useEffect(() => {\n    void refreshLoginState();\n  }, [refreshLoginState]);\n\n  return refreshLoginState;\n}\n\n"],"mappings":";;;;;;AAOA,SAAgB,uBAAuB,MAKpC;CACD,MAAM,EAAE,QAAQ,uBAAuB,uBAAuB,kBAAkB;CAEhF,MAAMA,2CAAwE,OAAO,kBAA2B;AAC9G,MAAI;GACF,MAAM,eAAe,sBAAsB;AAC3C,OAAI,yBAAyB,aAC3B,KAAI;IACF,MAAM,EAAE,OAAO,OAAO,MAAM,aAAa;AACzC,QAAI,IAAI,aAAa,IAAI,eAAe;AACtC,oBAAc,eAAc;MAC1B,GAAG;MACH,eAAe,GAAG;MAClB,eAAe,GAAG,aAAa;MAC/B,YAAY;;AAEd;;WAEI;GAGV,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO,gBAAgB;AACnD,OAAI,GAAG,iBAAiB,GAAG,WAAW;AACpC,QAAI;AAAE,YAAO,gBAAgB,eAAeC,+BAAY,GAAG;YAAyB;AACpF,mBAAc,eAAc;KAC1B,GAAG;KACH,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;KAC/B,YAAY;;SAGd,gBAAc,eAAc;IAC1B,GAAG;IACH,eAAe;IACf,eAAe;IACf,YAAY;;WAGT,OAAO;AACd,WAAQ,MAAM,iCAAiC;;IAEhD;EAAC;EAAe;EAAQ;EAAuB;;AAElD,4BAAgB;AACd,EAAK;IACJ,CAAC;AAEJ,QAAO"}

package/dist/cjs/react/context/useTatchiContextValue.js

@@ -1,12 +1,11 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_sdkSentEvents = require('../sdk/src/core/types/sdkSentEvents.js');
+const require_sdkSentEvents = require('../src/core/types/sdkSentEvents.js');
 const require_useSDKFlowRuntime = require('./useSDKFlowRuntime.js');
 const require_useTatchiWithSdkFlow = require('./useTatchiWithSdkFlow.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/react/context/useTatchiContextValue.ts
-require_sdkSentEvents.init_sdkSentEvents();
 function useTatchiContextValue(args) {
 	const { tatchi, loginState, setLoginState, walletIframeConnected, refreshLoginState, accountInputState, setInputUsername, refreshAccountData } = args;
 	const { sdkFlow, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = require_useSDKFlowRuntime.useSDKFlowRuntime();
@@ -73,8 +72,8 @@ function useTatchiContextValue(args) {
 		refreshLoginState,
 		tatchiWithSdkFlow
 	]);
-	const recoverAccount = (0, react.useCallback)((args$1) => {
-		return tatchiWithSdkFlow.recoverAccountFlow(args$1);
+	const syncAccount = (0, react.useCallback)((args$1) => {
+		return tatchiWithSdkFlow.syncAccount(args$1);
 	}, [tatchiWithSdkFlow]);
 	const startDevice2LinkingFlow = (0, react.useCallback)(async (args$1) => {
 		const base = args$1 ?? {};
@@ -94,13 +93,22 @@ function useTatchiContextValue(args) {
 		return tatchi.stopDevice2LinkingFlow();
 	}, [tatchi]);
 	const executeAction = (0, react.useCallback)((args$1) => {
-		return tatchi.executeAction(args$1);
+		return tatchi.executeAction({
+			...args$1,
+			options: { ...args$1.options || {} }
+		});
 	}, [tatchi]);
 	const signNEP413Message = (0, react.useCallback)((args$1) => {
-		return tatchi.signNEP413Message(args$1);
+		return tatchi.signNEP413Message({
+			...args$1,
+			options: { ...args$1.options || {} }
+		});
 	}, [tatchi]);
 	const signDelegateAction = (0, react.useCallback)((args$1) => {
-		return tatchi.signDelegateAction(args$1);
+		return tatchi.signDelegateAction({
+			...args$1,
+			options: { ...args$1.options || {} }
+		});
 	}, [tatchi]);
 	const getLoginSession = (0, react.useCallback)((nearAccountId) => {
 		return tatchi.getLoginSession(nearAccountId);
@@ -129,7 +137,7 @@ function useTatchiContextValue(args) {
 		executeAction,
 		signNEP413Message,
 		signDelegateAction,
-		recoverAccount,
+		syncAccount,
 		startDevice2LinkingFlow,
 		stopDevice2LinkingFlow,
 		getLoginSession,
@@ -153,7 +161,7 @@ function useTatchiContextValue(args) {
 		executeAction,
 		signNEP413Message,
 		signDelegateAction,
-		recoverAccount,
+		syncAccount,
 		startDevice2LinkingFlow,
 		stopDevice2LinkingFlow,
 		getLoginSession,

package/dist/cjs/react/context/useTatchiContextValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTatchiContextValue.js","names":["useSDKFlowRuntime","useTatchiWithSdkFlow","logout: TatchiContextType['logout']","loginAndCreateSession: TatchiContextType['loginAndCreateSession']","LoginPhase","LoginStatus","registerPasskey: TatchiContextType['registerPasskey']","result: RegistrationResult","recoverAccount: TatchiContextType['recoverAccount']","args","startDevice2LinkingFlow: TatchiContextType['startDevice2LinkingFlow']","DeviceLinkingPhase","stopDevice2LinkingFlow: TatchiContextType['stopDevice2LinkingFlow']","executeAction: TatchiContextType['executeAction']","signNEP413Message: TatchiContextType['signNEP413Message']","signDelegateAction: TatchiContextType['signDelegateAction']","getLoginSession: TatchiContextType['getLoginSession']","setConfirmBehavior: TatchiContextType['setConfirmBehavior']","setConfirmationConfig: TatchiContextType['setConfirmationConfig']","setUserTheme: TatchiContextType['setUserTheme']","getConfirmationConfig: TatchiContextType['getConfirmationConfig']","viewAccessKeyList: TatchiContextType['viewAccessKeyList']"],"sources":["../../../../src/react/context/useTatchiContextValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\nimport {\n  DeviceLinkingPhase,\n  LoginPhase,\n  LoginStatus,\n} from '@/core/types/sdkSentEvents';\nimport type {\n  AccountInputState,\n  DeviceLinkingSSEEvent,\n  LoginState,\n  RegistrationResult,\n  TatchiContextType,\n} from '../types';\nimport { useSDKFlowRuntime } from './useSDKFlowRuntime';\nimport { useTatchiWithSdkFlow } from './useTatchiWithSdkFlow';\n\nexport function useTatchiContextValue(args: {\n  tatchi: TatchiContextType['tatchi'];\n  loginState: LoginState;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n  walletIframeConnected: boolean;\n  refreshLoginState: TatchiContextType['refreshLoginState'];\n  accountInputState: AccountInputState;\n  setInputUsername: TatchiContextType['setInputUsername'];\n  refreshAccountData: TatchiContextType['refreshAccountData'];\n}): TatchiContextType {\n  const {\n    tatchi,\n    loginState,\n    setLoginState,\n    walletIframeConnected,\n    refreshLoginState,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n  } = args;\n\n  const { sdkFlow, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = useSDKFlowRuntime();\n  const tatchiWithSdkFlow = useTatchiWithSdkFlow({ tatchi, beginSdkFlow, appendSdkEventMessage, endSdkFlow });\n\n  const logout: TatchiContextType['logout'] = useCallback(() => {\n    try {\n      void tatchi.logoutAndClearSession().catch((error) => {\n        console.warn('VRF logout warning:', error);\n      });\n    } catch (error) {\n      console.warn('VRF logout warning:', error);\n    }\n\n    setLoginState(prevState => ({\n      ...prevState,\n      isLoggedIn: false,\n      nearAccountId: null,\n      nearPublicKey: null,\n    }));\n  }, [setLoginState, tatchi]);\n\n  const loginAndCreateSession: TatchiContextType['loginAndCreateSession'] = useCallback(async (nearAccountId, options) => {\n    return tatchiWithSdkFlow.loginAndCreateSession(nearAccountId, {\n      ...options,\n      onEvent: async (event) => {\n        if (event.phase === LoginPhase.STEP_4_LOGIN_COMPLETE && event.status === LoginStatus.SUCCESS) {\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const isVRFLoggedIn = login.vrfActive;\n          setLoginState(prevState => ({\n            ...prevState,\n            isLoggedIn: isVRFLoggedIn,\n            nearAccountId: event.nearAccountId || null,\n            nearPublicKey: event.clientNearPublicKey || null,\n          }));\n        }\n        return options?.onEvent?.(event);\n      },\n      onError: (error) => {\n        logout();\n        return options?.onError?.(error);\n      }\n    });\n  }, [logout, setLoginState, tatchi, tatchiWithSdkFlow]);\n\n  const registerPasskey: TatchiContextType['registerPasskey'] = useCallback(async (nearAccountId, options) => {\n    const result: RegistrationResult = await tatchiWithSdkFlow.registerPasskey(nearAccountId, {\n      ...options,\n      onError: (error) => {\n        logout();\n        return options?.onError?.(error);\n      }\n    });\n\n    if (result?.success) {\n      await refreshLoginState(nearAccountId);\n    }\n    return result;\n  }, [logout, refreshLoginState, tatchiWithSdkFlow]);\n\n  const recoverAccount: TatchiContextType['recoverAccount'] = useCallback((args) => {\n    return tatchiWithSdkFlow.recoverAccountFlow(args);\n  }, [tatchiWithSdkFlow]);\n\n  const startDevice2LinkingFlow: TatchiContextType['startDevice2LinkingFlow'] = useCallback(async (args) => {\n    const base = args ?? {};\n    const options = base.options;\n    return tatchi.startDevice2LinkingFlow({\n      ...base,\n      options: {\n        ...(options || {}),\n        onEvent: (event: DeviceLinkingSSEEvent) => {\n          options?.onEvent?.(event);\n          if (event.phase === DeviceLinkingPhase.STEP_7_LINKING_COMPLETE && event.status === 'success') {\n            void refreshLoginState();\n          }\n        }\n      }\n    });\n  }, [refreshLoginState, tatchi]);\n\n  const stopDevice2LinkingFlow: TatchiContextType['stopDevice2LinkingFlow'] = useCallback(() => {\n    return tatchi.stopDevice2LinkingFlow();\n  }, [tatchi]);\n\n  const executeAction: TatchiContextType['executeAction'] = useCallback((args) => {\n    return tatchi.executeAction(args);\n  }, [tatchi]);\n\n  const signNEP413Message: TatchiContextType['signNEP413Message'] = useCallback((args) => {\n    return tatchi.signNEP413Message(args);\n  }, [tatchi]);\n\n  const signDelegateAction: TatchiContextType['signDelegateAction'] = useCallback((args) => {\n    return tatchi.signDelegateAction(args);\n  }, [tatchi]);\n\n  const getLoginSession: TatchiContextType['getLoginSession'] = useCallback((nearAccountId?: string) => {\n    return tatchi.getLoginSession(nearAccountId);\n  }, [tatchi]);\n\n  const setConfirmBehavior: TatchiContextType['setConfirmBehavior'] = useCallback((behavior) => {\n    tatchi.setConfirmBehavior(behavior);\n  }, [tatchi]);\n\n  const setConfirmationConfig: TatchiContextType['setConfirmationConfig'] = useCallback((config) => {\n    tatchi.setConfirmationConfig(config);\n  }, [tatchi]);\n\n  const setUserTheme: TatchiContextType['setUserTheme'] = useCallback((theme) => {\n    tatchi.setUserTheme(theme);\n  }, [tatchi]);\n\n  const getConfirmationConfig: TatchiContextType['getConfirmationConfig'] = useCallback(() => {\n    return tatchi.getConfirmationConfig();\n  }, [tatchi]);\n\n  const viewAccessKeyList: TatchiContextType['viewAccessKeyList'] = useCallback((accountId: string) => {\n    return tatchi.viewAccessKeyList(accountId);\n  }, [tatchi]);\n\n  return useMemo(() => ({\n    tatchi: tatchiWithSdkFlow,\n    sdkFlow,\n    registerPasskey,\n    loginAndCreateSession,\n    logout,\n    executeAction,\n    signNEP413Message,\n    signDelegateAction,\n    recoverAccount,\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n    getLoginSession,\n    refreshLoginState,\n    loginState,\n    walletIframeConnected,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n    setConfirmBehavior,\n    setConfirmationConfig,\n    setUserTheme,\n    getConfirmationConfig,\n    viewAccessKeyList,\n  }), [\n    tatchiWithSdkFlow,\n    sdkFlow,\n    registerPasskey,\n    loginAndCreateSession,\n    logout,\n    executeAction,\n    signNEP413Message,\n    signDelegateAction,\n    recoverAccount,\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n    getLoginSession,\n    refreshLoginState,\n    loginState,\n    walletIframeConnected,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n    setConfirmBehavior,\n    setConfirmationConfig,\n    setUserTheme,\n    getConfirmationConfig,\n    viewAccessKeyList,\n  ]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTatchiContextValue.js","names":["useSDKFlowRuntime","useTatchiWithSdkFlow","logout: TatchiContextType['logout']","loginAndCreateSession: TatchiContextType['loginAndCreateSession']","LoginPhase","LoginStatus","registerPasskey: TatchiContextType['registerPasskey']","result: RegistrationResult","syncAccount: TatchiContextType['syncAccount']","args","startDevice2LinkingFlow: TatchiContextType['startDevice2LinkingFlow']","DeviceLinkingPhase","stopDevice2LinkingFlow: TatchiContextType['stopDevice2LinkingFlow']","executeAction: TatchiContextType['executeAction']","signNEP413Message: TatchiContextType['signNEP413Message']","signDelegateAction: TatchiContextType['signDelegateAction']","getLoginSession: TatchiContextType['getLoginSession']","setConfirmBehavior: TatchiContextType['setConfirmBehavior']","setConfirmationConfig: TatchiContextType['setConfirmationConfig']","setUserTheme: TatchiContextType['setUserTheme']","getConfirmationConfig: TatchiContextType['getConfirmationConfig']","viewAccessKeyList: TatchiContextType['viewAccessKeyList']"],"sources":["../../../../src/react/context/useTatchiContextValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\nimport {\n  DeviceLinkingPhase,\n  LoginPhase,\n  LoginStatus,\n} from '@/core/types/sdkSentEvents';\nimport type {\n  AccountInputState,\n  DeviceLinkingSSEEvent,\n  LoginState,\n  RegistrationResult,\n  TatchiContextType,\n} from '../types';\nimport { useSDKFlowRuntime } from './useSDKFlowRuntime';\nimport { useTatchiWithSdkFlow } from './useTatchiWithSdkFlow';\n\nexport function useTatchiContextValue(args: {\n  tatchi: TatchiContextType['tatchi'];\n  loginState: LoginState;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n  walletIframeConnected: boolean;\n  refreshLoginState: TatchiContextType['refreshLoginState'];\n  accountInputState: AccountInputState;\n  setInputUsername: TatchiContextType['setInputUsername'];\n  refreshAccountData: TatchiContextType['refreshAccountData'];\n}): TatchiContextType {\n  const {\n    tatchi,\n    loginState,\n    setLoginState,\n    walletIframeConnected,\n    refreshLoginState,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n  } = args;\n\n  const { sdkFlow, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = useSDKFlowRuntime();\n  const tatchiWithSdkFlow = useTatchiWithSdkFlow({ tatchi, beginSdkFlow, appendSdkEventMessage, endSdkFlow });\n\n  const logout: TatchiContextType['logout'] = useCallback(() => {\n    try {\n      void tatchi.logoutAndClearSession().catch((error) => {\n        console.warn('VRF logout warning:', error);\n      });\n    } catch (error) {\n      console.warn('VRF logout warning:', error);\n    }\n\n    setLoginState(prevState => ({\n      ...prevState,\n      isLoggedIn: false,\n      nearAccountId: null,\n      nearPublicKey: null,\n    }));\n  }, [setLoginState, tatchi]);\n\n  const loginAndCreateSession: TatchiContextType['loginAndCreateSession'] = useCallback(async (nearAccountId, options) => {\n    return tatchiWithSdkFlow.loginAndCreateSession(nearAccountId, {\n      ...options,\n      onEvent: async (event) => {\n        if (event.phase === LoginPhase.STEP_4_LOGIN_COMPLETE && event.status === LoginStatus.SUCCESS) {\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const isVRFLoggedIn = login.vrfActive;\n          setLoginState(prevState => ({\n            ...prevState,\n            isLoggedIn: isVRFLoggedIn,\n            nearAccountId: event.nearAccountId || null,\n            nearPublicKey: event.clientNearPublicKey || null,\n          }));\n        }\n        return options?.onEvent?.(event);\n      },\n      onError: (error) => {\n        logout();\n        return options?.onError?.(error);\n      }\n    });\n  }, [logout, setLoginState, tatchi, tatchiWithSdkFlow]);\n\n  const registerPasskey: TatchiContextType['registerPasskey'] = useCallback(async (nearAccountId, options) => {\n    const result: RegistrationResult = await tatchiWithSdkFlow.registerPasskey(nearAccountId, {\n      ...options,\n      onError: (error) => {\n        logout();\n        return options?.onError?.(error);\n      }\n    });\n\n    if (result?.success) {\n      await refreshLoginState(nearAccountId);\n    }\n    return result;\n  }, [logout, refreshLoginState, tatchiWithSdkFlow]);\n\n  const syncAccount: TatchiContextType['syncAccount'] = useCallback((args) => {\n    return tatchiWithSdkFlow.syncAccount(args);\n  }, [tatchiWithSdkFlow]);\n\n  const startDevice2LinkingFlow: TatchiContextType['startDevice2LinkingFlow'] = useCallback(async (args) => {\n    const base = args ?? {};\n    const options = base.options;\n    return tatchi.startDevice2LinkingFlow({\n      ...base,\n      options: {\n        ...(options || {}),\n        onEvent: (event: DeviceLinkingSSEEvent) => {\n          options?.onEvent?.(event);\n          if (event.phase === DeviceLinkingPhase.STEP_7_LINKING_COMPLETE && event.status === 'success') {\n            void refreshLoginState();\n          }\n        }\n      }\n    });\n  }, [refreshLoginState, tatchi]);\n\n  const stopDevice2LinkingFlow: TatchiContextType['stopDevice2LinkingFlow'] = useCallback(() => {\n    return tatchi.stopDevice2LinkingFlow();\n  }, [tatchi]);\n\n  const executeAction: TatchiContextType['executeAction'] = useCallback((args) => {\n    return tatchi.executeAction({ ...args, options: { ...(args.options || {}) } });\n  }, [tatchi]);\n\n  const signNEP413Message: TatchiContextType['signNEP413Message'] = useCallback((args) => {\n    return tatchi.signNEP413Message({ ...args, options: { ...(args.options || {}) } });\n  }, [tatchi]);\n\n  const signDelegateAction: TatchiContextType['signDelegateAction'] = useCallback((args) => {\n    return tatchi.signDelegateAction({ ...args, options: { ...(args.options || {}) } });\n  }, [tatchi]);\n\n  const getLoginSession: TatchiContextType['getLoginSession'] = useCallback((nearAccountId?: string) => {\n    return tatchi.getLoginSession(nearAccountId);\n  }, [tatchi]);\n\n  const setConfirmBehavior: TatchiContextType['setConfirmBehavior'] = useCallback((behavior) => {\n    tatchi.setConfirmBehavior(behavior);\n  }, [tatchi]);\n\n  const setConfirmationConfig: TatchiContextType['setConfirmationConfig'] = useCallback((config) => {\n    tatchi.setConfirmationConfig(config);\n  }, [tatchi]);\n\n  const setUserTheme: TatchiContextType['setUserTheme'] = useCallback((theme) => {\n    tatchi.setUserTheme(theme);\n  }, [tatchi]);\n\n  const getConfirmationConfig: TatchiContextType['getConfirmationConfig'] = useCallback(() => {\n    return tatchi.getConfirmationConfig();\n  }, [tatchi]);\n\n  const viewAccessKeyList: TatchiContextType['viewAccessKeyList'] = useCallback((accountId: string) => {\n    return tatchi.viewAccessKeyList(accountId);\n  }, [tatchi]);\n\n  return useMemo(() => ({\n    tatchi: tatchiWithSdkFlow,\n    sdkFlow,\n    registerPasskey,\n    loginAndCreateSession,\n    logout,\n    executeAction,\n    signNEP413Message,\n    signDelegateAction,\n    syncAccount,\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n    getLoginSession,\n    refreshLoginState,\n    loginState,\n    walletIframeConnected,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n    setConfirmBehavior,\n    setConfirmationConfig,\n    setUserTheme,\n    getConfirmationConfig,\n    viewAccessKeyList,\n  }), [\n    tatchiWithSdkFlow,\n    sdkFlow,\n    registerPasskey,\n    loginAndCreateSession,\n    logout,\n    executeAction,\n    signNEP413Message,\n    signDelegateAction,\n    syncAccount,\n    startDevice2LinkingFlow,\n    stopDevice2LinkingFlow,\n    getLoginSession,\n    refreshLoginState,\n    loginState,\n    walletIframeConnected,\n    accountInputState,\n    setInputUsername,\n    refreshAccountData,\n    setConfirmBehavior,\n    setConfirmationConfig,\n    setUserTheme,\n    getConfirmationConfig,\n    viewAccessKeyList,\n  ]);\n}\n"],"mappings":"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"}

package/dist/cjs/react/context/useTatchiWithSdkFlow.js

@@ -1,10 +1,9 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_sdkSentEvents = require('../sdk/src/core/types/sdkSentEvents.js');
+const require_sdkSentEvents = require('../src/core/types/sdkSentEvents.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/react/context/useTatchiWithSdkFlow.ts
-require_sdkSentEvents.init_sdkSentEvents();
 function useTatchiWithSdkFlow(args) {
 	const { tatchi, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = args;
 	return (0, react.useMemo)(() => {
@@ -50,27 +49,27 @@ function useTatchiWithSdkFlow(args) {
 			};
 			return await tatchi.registerPasskey(nearAccountId, wrappedOptions);
 		};
-		const recoverAccountFlowWithSdkFlow = async (args$1) => {
-			const seq = beginSdkFlow("recover", args$1?.accountId);
+		const syncAccountWithSdkFlow = async (args$1) => {
+			const seq = beginSdkFlow("sync", args$1?.accountId);
 			const options = args$1?.options;
 			const wrappedOptions = {
 				...options,
 				onEvent: (event) => {
 					appendSdkEventMessage(seq, event.message);
-					if (event.phase === require_sdkSentEvents.AccountRecoveryPhase.STEP_5_ACCOUNT_RECOVERY_COMPLETE && event.status === require_sdkSentEvents.AccountRecoveryStatus.SUCCESS) endSdkFlow("recover", seq, "success");
-					else if (event.phase === require_sdkSentEvents.AccountRecoveryPhase.ERROR || event.status === require_sdkSentEvents.AccountRecoveryStatus.ERROR) {
+					if (event.phase === require_sdkSentEvents.SyncAccountPhase.STEP_5_SYNC_ACCOUNT_COMPLETE && event.status === require_sdkSentEvents.SyncAccountStatus.SUCCESS) endSdkFlow("sync", seq, "success");
+					else if (event.phase === require_sdkSentEvents.SyncAccountPhase.ERROR || event.status === require_sdkSentEvents.SyncAccountStatus.ERROR) {
 						const error = "error" in event ? event.error : event.message;
-						endSdkFlow("recover", seq, "error", error || event.message);
+						endSdkFlow("sync", seq, "error", error || event.message);
 					}
 					options?.onEvent?.(event);
 				},
 				onError: (error) => {
 					appendSdkEventMessage(seq, error.message);
-					endSdkFlow("recover", seq, "error", error.message);
+					endSdkFlow("sync", seq, "error", error.message);
 					options?.onError?.(error);
 				}
 			};
-			return await tatchi.recoverAccountFlow({
+			return await tatchi.syncAccount({
 				...args$1,
 				options: wrappedOptions
 			});
@@ -78,7 +77,7 @@ function useTatchiWithSdkFlow(args) {
 		return new Proxy(tatchi, { get(target, prop, receiver) {
 			if (prop === "loginAndCreateSession") return loginAndCreateSessionWithSdkFlow;
 			if (prop === "registerPasskey") return registerPasskeyWithSdkFlow;
-			if (prop === "recoverAccountFlow") return recoverAccountFlowWithSdkFlow;
+			if (prop === "syncAccount") return syncAccountWithSdkFlow;
 			const value = Reflect.get(target, prop, receiver);
 			if (typeof value === "function") return value.bind(target);
 			return value;

package/dist/cjs/react/context/useTatchiWithSdkFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTatchiWithSdkFlow.js","names":["loginAndCreateSessionWithSdkFlow: LoginAndCreateSessionFn","wrappedOptions: LoginHooksOptions","LoginPhase","LoginStatus","registerPasskeyWithSdkFlow: RegisterPasskeyFn","wrappedOptions: RegistrationHooksOptions","RegistrationPhase","RegistrationStatus","recoverAccountFlowWithSdkFlow: RecoverAccountFlowFn","args","options: AccountRecoveryHooksOptions | undefined","wrappedOptions: AccountRecoveryHooksOptions","AccountRecoveryPhase","AccountRecoveryStatus","value: unknown"],"sources":["../../../../src/react/context/useTatchiWithSdkFlow.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport {\n  AccountRecoveryPhase,\n  AccountRecoveryStatus,\n  type AccountRecoveryHooksOptions,\n  type AccountRecoverySSEEvent,\n  LoginPhase,\n  LoginStatus,\n  type LoginHooksOptions,\n  type LoginSSEvent,\n  RegistrationPhase,\n  RegistrationStatus,\n  type RegistrationHooksOptions,\n  type RegistrationSSEEvent,\n} from '@/core/types/sdkSentEvents';\n\nexport function useTatchiWithSdkFlow(args: {\n  tatchi: TatchiPasskey;\n  beginSdkFlow: (kind: 'login' | 'register' | 'recover', accountId?: string) => number;\n  appendSdkEventMessage: (seq: number, message: string) => void;\n  endSdkFlow: (kind: 'login' | 'register' | 'recover', seq: number, status: 'success' | 'error', error?: string) => void;\n}): TatchiPasskey {\n  const { tatchi, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = args;\n\n  return useMemo(() => {\n    /**\n     * We use a `Proxy` to instrument a few core flow entrypoints (login/register/recover)\n     * while preserving the full `TatchiPasskey` API surface.\n     *\n     * This lets *all* callers (not just PasskeyAuthMenu) use `ctx.tatchi.*` directly and\n     * still have `sdkFlow` update as events stream in.\n     */\n    type LoginAndCreateSessionFn = TatchiPasskey['loginAndCreateSession'];\n    type RegisterPasskeyFn = TatchiPasskey['registerPasskey'];\n    type RecoverAccountFlowFn = TatchiPasskey['recoverAccountFlow'];\n\n    const loginAndCreateSessionWithSdkFlow: LoginAndCreateSessionFn = async (\n      nearAccountId,\n      options,\n    ) => {\n      const seq = beginSdkFlow('login', nearAccountId);\n      const wrappedOptions: LoginHooksOptions = {\n        ...options,\n        onEvent: (event: LoginSSEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (event.phase === LoginPhase.STEP_4_LOGIN_COMPLETE && event.status === LoginStatus.SUCCESS) {\n            endSdkFlow('login', seq, 'success');\n          } else if (event.phase === LoginPhase.LOGIN_ERROR || event.status === LoginStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('login', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('login', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.loginAndCreateSession(nearAccountId, wrappedOptions);\n    };\n\n    const registerPasskeyWithSdkFlow: RegisterPasskeyFn = async (\n      nearAccountId,\n      options,\n    ) => {\n      const seq = beginSdkFlow('register', nearAccountId);\n      const wrappedOptions: RegistrationHooksOptions = {\n        ...options,\n        onEvent: (event: RegistrationSSEEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (\n            event.phase === RegistrationPhase.STEP_8_REGISTRATION_COMPLETE &&\n            event.status === RegistrationStatus.SUCCESS\n          ) {\n            endSdkFlow('register', seq, 'success');\n          } else if (event.phase === RegistrationPhase.REGISTRATION_ERROR || event.status === RegistrationStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('register', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('register', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.registerPasskey(nearAccountId, wrappedOptions);\n    };\n\n    const recoverAccountFlowWithSdkFlow: RecoverAccountFlowFn = async (args) => {\n      const seq = beginSdkFlow('recover', args?.accountId);\n      const options: AccountRecoveryHooksOptions | undefined = args?.options;\n\n      const wrappedOptions: AccountRecoveryHooksOptions = {\n        ...options,\n        onEvent: (event: AccountRecoverySSEEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (\n            event.phase === AccountRecoveryPhase.STEP_5_ACCOUNT_RECOVERY_COMPLETE &&\n            event.status === AccountRecoveryStatus.SUCCESS\n          ) {\n            endSdkFlow('recover', seq, 'success');\n          } else if (event.phase === AccountRecoveryPhase.ERROR || event.status === AccountRecoveryStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('recover', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('recover', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.recoverAccountFlow({\n        ...args,\n        options: wrappedOptions,\n      });\n    };\n\n    return new Proxy(tatchi, {\n      get(target, prop, receiver) {\n        if (prop === 'loginAndCreateSession') {\n          return loginAndCreateSessionWithSdkFlow;\n        }\n\n        if (prop === 'registerPasskey') {\n          return registerPasskeyWithSdkFlow;\n        }\n\n        if (prop === 'recoverAccountFlow') {\n          return recoverAccountFlowWithSdkFlow;\n        }\n\n        const value: unknown = Reflect.get(target as object, prop, receiver);\n        // For non-wrapped methods, bind to preserve `this` on the class instance.\n        if (typeof value === 'function') return (value as (...args: unknown[]) => unknown).bind(target);\n        return value;\n      },\n    });\n  }, [appendSdkEventMessage, beginSdkFlow, endSdkFlow, tatchi]);\n}\n\nexport default useTatchiWithSdkFlow;\n"],"mappings":";;;;;;;AAiBA,SAAgB,qBAAqB,MAKnB;CAChB,MAAM,EAAE,QAAQ,cAAc,uBAAuB,eAAe;AAEpE,iCAAqB;EAYnB,MAAMA,mCAA4D,OAChE,eACA,YACG;GACH,MAAM,MAAM,aAAa,SAAS;GAClC,MAAMC,iBAAoC;IACxC,GAAG;IACH,UAAU,UAAwB;AAChC,2BAAsB,KAAK,MAAM;AACjC,SAAI,MAAM,UAAUC,iCAAW,yBAAyB,MAAM,WAAWC,kCAAY,QACnF,YAAW,SAAS,KAAK;cAChB,MAAM,UAAUD,iCAAW,eAAe,MAAM,WAAWC,kCAAY,OAAO;MACvF,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,SAAS,KAAK,SAAS,SAAS,MAAM;;AAEnD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,SAAS,KAAK,SAAS,MAAM;AACxC,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,sBAAsB,eAAe;;EAG3D,MAAMC,6BAAgD,OACpD,eACA,YACG;GACH,MAAM,MAAM,aAAa,YAAY;GACrC,MAAMC,iBAA2C;IAC/C,GAAG;IACH,UAAU,UAAgC;AACxC,2BAAsB,KAAK,MAAM;AACjC,SACE,MAAM,UAAUC,wCAAkB,gCAClC,MAAM,WAAWC,yCAAmB,QAEpC,YAAW,YAAY,KAAK;cACnB,MAAM,UAAUD,wCAAkB,sBAAsB,MAAM,WAAWC,yCAAmB,OAAO;MAC5G,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,YAAY,KAAK,SAAS,SAAS,MAAM;;AAEtD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,YAAY,KAAK,SAAS,MAAM;AAC3C,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,gBAAgB,eAAe;;EAGrD,MAAMC,gCAAsD,OAAO,WAAS;GAC1E,MAAM,MAAM,aAAa,WAAWC,QAAM;GAC1C,MAAMC,UAAmDD,QAAM;GAE/D,MAAME,iBAA8C;IAClD,GAAG;IACH,UAAU,UAAmC;AAC3C,2BAAsB,KAAK,MAAM;AACjC,SACE,MAAM,UAAUC,2CAAqB,oCACrC,MAAM,WAAWC,4CAAsB,QAEvC,YAAW,WAAW,KAAK;cAClB,MAAM,UAAUD,2CAAqB,SAAS,MAAM,WAAWC,4CAAsB,OAAO;MACrG,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,WAAW,KAAK,SAAS,SAAS,MAAM;;AAErD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,WAAW,KAAK,SAAS,MAAM;AAC1C,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,mBAAmB;IACrC,GAAGJ;IACH,SAAS;;;AAIb,SAAO,IAAI,MAAM,QAAQ,EACvB,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,wBACX,QAAO;AAGT,OAAI,SAAS,kBACX,QAAO;AAGT,OAAI,SAAS,qBACX,QAAO;GAGT,MAAMK,QAAiB,QAAQ,IAAI,QAAkB,MAAM;AAE3D,OAAI,OAAO,UAAU,WAAY,QAAQ,MAA0C,KAAK;AACxF,UAAO;;IAGV;EAAC;EAAuB;EAAc;EAAY"}
+{"version":3,"file":"useTatchiWithSdkFlow.js","names":["loginAndCreateSessionWithSdkFlow: LoginAndCreateSessionFn","wrappedOptions: LoginHooksOptions","LoginPhase","LoginStatus","registerPasskeyWithSdkFlow: RegisterPasskeyFn","wrappedOptions: RegistrationHooksOptions","RegistrationPhase","RegistrationStatus","syncAccountWithSdkFlow: SyncAccountFn","args","options: SyncAccountHooksOptions | undefined","wrappedOptions: SyncAccountHooksOptions","SyncAccountPhase","SyncAccountStatus","value: unknown"],"sources":["../../../../src/react/context/useTatchiWithSdkFlow.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport {\n  SyncAccountPhase,\n  SyncAccountStatus,\n  type SyncAccountHooksOptions,\n  type SyncAccountSSEEvent,\n  LoginPhase,\n  LoginStatus,\n  type LoginHooksOptions,\n  type LoginSSEvent,\n  RegistrationPhase,\n  RegistrationStatus,\n  type RegistrationHooksOptions,\n  type RegistrationSSEEvent,\n} from '@/core/types/sdkSentEvents';\n\nexport function useTatchiWithSdkFlow(args: {\n  tatchi: TatchiPasskey;\n  beginSdkFlow: (kind: 'login' | 'register' | 'sync', accountId?: string) => number;\n  appendSdkEventMessage: (seq: number, message: string) => void;\n  endSdkFlow: (kind: 'login' | 'register' | 'sync', seq: number, status: 'success' | 'error', error?: string) => void;\n}): TatchiPasskey {\n  const { tatchi, beginSdkFlow, appendSdkEventMessage, endSdkFlow } = args;\n\n  return useMemo(() => {\n    /**\n     * We use a `Proxy` to instrument a few core flow entrypoints (login/register/sync)\n     * while preserving the full `TatchiPasskey` API surface.\n     *\n     * This lets *all* callers (not just PasskeyAuthMenu) use `ctx.tatchi.*` directly and\n     * still have `sdkFlow` update as events stream in.\n    */\n    type LoginAndCreateSessionFn = TatchiPasskey['loginAndCreateSession'];\n    type RegisterPasskeyFn = TatchiPasskey['registerPasskey'];\n    type SyncAccountFn = TatchiPasskey['syncAccount'];\n\n    const loginAndCreateSessionWithSdkFlow: LoginAndCreateSessionFn = async (\n      nearAccountId,\n      options,\n    ) => {\n      const seq = beginSdkFlow('login', nearAccountId);\n      const wrappedOptions: LoginHooksOptions = {\n        ...options,\n        onEvent: (event: LoginSSEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (event.phase === LoginPhase.STEP_4_LOGIN_COMPLETE && event.status === LoginStatus.SUCCESS) {\n            endSdkFlow('login', seq, 'success');\n          } else if (event.phase === LoginPhase.LOGIN_ERROR || event.status === LoginStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('login', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('login', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.loginAndCreateSession(nearAccountId, wrappedOptions);\n    };\n\n    const registerPasskeyWithSdkFlow: RegisterPasskeyFn = async (\n      nearAccountId,\n      options,\n    ) => {\n      const seq = beginSdkFlow('register', nearAccountId);\n      const wrappedOptions: RegistrationHooksOptions = {\n        ...options,\n        onEvent: (event: RegistrationSSEEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (\n            event.phase === RegistrationPhase.STEP_8_REGISTRATION_COMPLETE &&\n            event.status === RegistrationStatus.SUCCESS\n          ) {\n            endSdkFlow('register', seq, 'success');\n          } else if (event.phase === RegistrationPhase.REGISTRATION_ERROR || event.status === RegistrationStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('register', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('register', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.registerPasskey(nearAccountId, wrappedOptions);\n    };\n\n    const syncAccountWithSdkFlow: SyncAccountFn = async (args) => {\n      const seq = beginSdkFlow('sync', args?.accountId);\n      const options: SyncAccountHooksOptions | undefined = args?.options;\n\n      const wrappedOptions: SyncAccountHooksOptions = {\n        ...options,\n        onEvent: (event: SyncAccountSSEEvent) => {\n          appendSdkEventMessage(seq, event.message);\n          if (\n            event.phase === SyncAccountPhase.STEP_5_SYNC_ACCOUNT_COMPLETE &&\n            event.status === SyncAccountStatus.SUCCESS\n          ) {\n            endSdkFlow('sync', seq, 'success');\n          } else if (event.phase === SyncAccountPhase.ERROR || event.status === SyncAccountStatus.ERROR) {\n            const error = 'error' in event ? event.error : event.message;\n            endSdkFlow('sync', seq, 'error', error || event.message);\n          }\n          options?.onEvent?.(event);\n        },\n        onError: (error: Error) => {\n          appendSdkEventMessage(seq, error.message);\n          endSdkFlow('sync', seq, 'error', error.message);\n          options?.onError?.(error);\n        },\n      };\n\n      return await tatchi.syncAccount({\n        ...args,\n        options: wrappedOptions,\n      });\n    };\n\n    return new Proxy(tatchi, {\n      get(target, prop, receiver) {\n        if (prop === 'loginAndCreateSession') {\n          return loginAndCreateSessionWithSdkFlow;\n        }\n\n        if (prop === 'registerPasskey') {\n          return registerPasskeyWithSdkFlow;\n        }\n\n        if (prop === 'syncAccount') {\n          return syncAccountWithSdkFlow;\n        }\n\n        const value: unknown = Reflect.get(target as object, prop, receiver);\n        // For non-wrapped methods, bind to preserve `this` on the class instance.\n        if (typeof value === 'function') return (value as (...args: unknown[]) => unknown).bind(target);\n        return value;\n      },\n    });\n  }, [appendSdkEventMessage, beginSdkFlow, endSdkFlow, tatchi]);\n}\n\nexport default useTatchiWithSdkFlow;\n"],"mappings":";;;;;;AAiBA,SAAgB,qBAAqB,MAKnB;CAChB,MAAM,EAAE,QAAQ,cAAc,uBAAuB,eAAe;AAEpE,iCAAqB;EAYnB,MAAMA,mCAA4D,OAChE,eACA,YACG;GACH,MAAM,MAAM,aAAa,SAAS;GAClC,MAAMC,iBAAoC;IACxC,GAAG;IACH,UAAU,UAAwB;AAChC,2BAAsB,KAAK,MAAM;AACjC,SAAI,MAAM,UAAUC,iCAAW,yBAAyB,MAAM,WAAWC,kCAAY,QACnF,YAAW,SAAS,KAAK;cAChB,MAAM,UAAUD,iCAAW,eAAe,MAAM,WAAWC,kCAAY,OAAO;MACvF,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,SAAS,KAAK,SAAS,SAAS,MAAM;;AAEnD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,SAAS,KAAK,SAAS,MAAM;AACxC,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,sBAAsB,eAAe;;EAG3D,MAAMC,6BAAgD,OACpD,eACA,YACG;GACH,MAAM,MAAM,aAAa,YAAY;GACrC,MAAMC,iBAA2C;IAC/C,GAAG;IACH,UAAU,UAAgC;AACxC,2BAAsB,KAAK,MAAM;AACjC,SACE,MAAM,UAAUC,wCAAkB,gCAClC,MAAM,WAAWC,yCAAmB,QAEpC,YAAW,YAAY,KAAK;cACnB,MAAM,UAAUD,wCAAkB,sBAAsB,MAAM,WAAWC,yCAAmB,OAAO;MAC5G,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,YAAY,KAAK,SAAS,SAAS,MAAM;;AAEtD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,YAAY,KAAK,SAAS,MAAM;AAC3C,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,gBAAgB,eAAe;;EAGrD,MAAMC,yBAAwC,OAAO,WAAS;GAC5D,MAAM,MAAM,aAAa,QAAQC,QAAM;GACvC,MAAMC,UAA+CD,QAAM;GAE3D,MAAME,iBAA0C;IAC9C,GAAG;IACH,UAAU,UAA+B;AACvC,2BAAsB,KAAK,MAAM;AACjC,SACE,MAAM,UAAUC,uCAAiB,gCACjC,MAAM,WAAWC,wCAAkB,QAEnC,YAAW,QAAQ,KAAK;cACf,MAAM,UAAUD,uCAAiB,SAAS,MAAM,WAAWC,wCAAkB,OAAO;MAC7F,MAAM,QAAQ,WAAW,QAAQ,MAAM,QAAQ,MAAM;AACrD,iBAAW,QAAQ,KAAK,SAAS,SAAS,MAAM;;AAElD,cAAS,UAAU;;IAErB,UAAU,UAAiB;AACzB,2BAAsB,KAAK,MAAM;AACjC,gBAAW,QAAQ,KAAK,SAAS,MAAM;AACvC,cAAS,UAAU;;;AAIvB,UAAO,MAAM,OAAO,YAAY;IAC9B,GAAGJ;IACH,SAAS;;;AAIb,SAAO,IAAI,MAAM,QAAQ,EACvB,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,wBACX,QAAO;AAGT,OAAI,SAAS,kBACX,QAAO;AAGT,OAAI,SAAS,cACX,QAAO;GAGT,MAAMK,QAAiB,QAAQ,IAAI,QAAkB,MAAM;AAE3D,OAAI,OAAO,UAAU,WAAY,QAAQ,MAA0C,KAAK;AACxF,UAAO;;IAGV;EAAC;EAAuB;EAAc;EAAY"}

package/dist/cjs/react/context/useWalletIframeLifecycle.js

@@ -1,10 +1,9 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_accountIds = require('../sdk/src/core/types/accountIds.js');
+const require_accountIds = require('../src/core/types/accountIds.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/react/context/useWalletIframeLifecycle.ts
-require_accountIds.init_accountIds();
 function useWalletIframeLifecycle(args) {
 	const { tatchi, walletIframeClientRef, setWalletIframeConnected, setLoginState } = args;
 	(0, react.useEffect)(() => {

package/dist/cjs/react/context/useWalletIframeLifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWalletIframeLifecycle.js","names":["offReady: (() => void) | undefined","offVrf: (() => void) | undefined","toAccountId"],"sources":["../../../../src/react/context/useWalletIframeLifecycle.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState } from '../types';\n\nexport function useWalletIframeLifecycle(args: {\n  tatchi: TatchiPasskey;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setWalletIframeConnected: Dispatch<SetStateAction<boolean>>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const {\n    tatchi,\n    walletIframeClientRef,\n    setWalletIframeConnected,\n    setLoginState,\n  } = args;\n\n  useEffect(() => {\n    let offReady: (() => void) | undefined;\n    let offVrf: (() => void) | undefined;\n    let cancelled = false;\n\n    (async () => {\n      try {\n        const useIframe = !!tatchi.configs.iframeWallet?.walletOrigin;\n        if (!useIframe) {\n          setWalletIframeConnected(false);\n          return;\n        }\n\n        await tatchi.initWalletIframe();\n        const client = tatchi.getWalletIframeClient?.();\n        if (!client) {\n          setWalletIframeConnected(false);\n          return;\n        }\n        if (cancelled) return;\n\n        setWalletIframeConnected(client.isReady());\n        offReady = client.onReady?.(() => setWalletIframeConnected(true));\n\n        offVrf = client.onVrfStatusChanged?.(async (status: { active: boolean; nearAccountId: string | null; sessionDuration?: number }) => {\n          if (cancelled) return;\n          if (status?.active && status?.nearAccountId) {\n            const { login: state } = await client.getLoginSession(status.nearAccountId);\n            tatchi.userPreferences.setCurrentUser(toAccountId(status.nearAccountId));\n            setLoginState(prev => ({\n              ...prev,\n              isLoggedIn: true,\n              nearAccountId: status.nearAccountId,\n              nearPublicKey: state.publicKey || null,\n            }));\n          } else if (status && status.active === false) {\n            setLoginState(prev => ({\n              ...prev,\n              isLoggedIn: false,\n              nearAccountId: null,\n              nearPublicKey: null,\n            }));\n          }\n        });\n\n        const { login: st } = await client.getLoginSession();\n        if (st?.vrfActive && st?.nearAccountId) {\n          setLoginState(prev => ({\n            ...prev,\n            isLoggedIn: true,\n            nearAccountId: st.nearAccountId,\n            nearPublicKey: st.publicKey || null,\n          }));\n        }\n\n        walletIframeClientRef.current = client;\n      } catch (err) {\n        console.warn('[TatchiContextProvider] WalletIframe init failed:', err);\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      offReady && offReady();\n      offVrf && offVrf();\n      walletIframeClientRef.current = null;\n    };\n  }, [setLoginState, setWalletIframeConnected, tatchi, walletIframeClientRef]);\n}\n\n"],"mappings":";;;;;;;AAOA,SAAgB,yBAAyB,MAKtC;CACD,MAAM,EACJ,QACA,uBACA,0BACA,kBACE;AAEJ,4BAAgB;EACd,IAAIA;EACJ,IAAIC;EACJ,IAAI,YAAY;AAEhB,GAAC,YAAY;AACX,OAAI;IACF,MAAM,YAAY,CAAC,CAAC,OAAO,QAAQ,cAAc;AACjD,QAAI,CAAC,WAAW;AACd,8BAAyB;AACzB;;AAGF,UAAM,OAAO;IACb,MAAM,SAAS,OAAO;AACtB,QAAI,CAAC,QAAQ;AACX,8BAAyB;AACzB;;AAEF,QAAI,UAAW;AAEf,6BAAyB,OAAO;AAChC,eAAW,OAAO,gBAAgB,yBAAyB;AAE3D,aAAS,OAAO,qBAAqB,OAAO,WAAwF;AAClI,SAAI,UAAW;AACf,SAAI,QAAQ,UAAU,QAAQ,eAAe;MAC3C,MAAM,EAAE,OAAO,UAAU,MAAM,OAAO,gBAAgB,OAAO;AAC7D,aAAO,gBAAgB,eAAeC,+BAAY,OAAO;AACzD,qBAAc,UAAS;OACrB,GAAG;OACH,YAAY;OACZ,eAAe,OAAO;OACtB,eAAe,MAAM,aAAa;;gBAE3B,UAAU,OAAO,WAAW,MACrC,gBAAc,UAAS;MACrB,GAAG;MACH,YAAY;MACZ,eAAe;MACf,eAAe;;;IAKrB,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO;AACnC,QAAI,IAAI,aAAa,IAAI,cACvB,gBAAc,UAAS;KACrB,GAAG;KACH,YAAY;KACZ,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;;AAInC,0BAAsB,UAAU;YACzB,KAAK;AACZ,YAAQ,KAAK,qDAAqD;;;AAItE,eAAa;AACX,eAAY;AACZ,eAAY;AACZ,aAAU;AACV,yBAAsB,UAAU;;IAEjC;EAAC;EAAe;EAA0B;EAAQ"}
+{"version":3,"file":"useWalletIframeLifecycle.js","names":["offReady: (() => void) | undefined","offVrf: (() => void) | undefined","toAccountId"],"sources":["../../../../src/react/context/useWalletIframeLifecycle.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport type { TatchiPasskey } from '@/core/TatchiPasskey';\nimport type { WalletIframeRouter } from '@/core/WalletIframe/client/router';\nimport { toAccountId } from '@/core/types/accountIds';\nimport type { LoginState } from '../types';\n\nexport function useWalletIframeLifecycle(args: {\n  tatchi: TatchiPasskey;\n  walletIframeClientRef: MutableRefObject<WalletIframeRouter | null>;\n  setWalletIframeConnected: Dispatch<SetStateAction<boolean>>;\n  setLoginState: Dispatch<SetStateAction<LoginState>>;\n}) {\n  const {\n    tatchi,\n    walletIframeClientRef,\n    setWalletIframeConnected,\n    setLoginState,\n  } = args;\n\n  useEffect(() => {\n    let offReady: (() => void) | undefined;\n    let offVrf: (() => void) | undefined;\n    let cancelled = false;\n\n    (async () => {\n      try {\n        const useIframe = !!tatchi.configs.iframeWallet?.walletOrigin;\n        if (!useIframe) {\n          setWalletIframeConnected(false);\n          return;\n        }\n\n        await tatchi.initWalletIframe();\n        const client = tatchi.getWalletIframeClient?.();\n        if (!client) {\n          setWalletIframeConnected(false);\n          return;\n        }\n        if (cancelled) return;\n\n        setWalletIframeConnected(client.isReady());\n        offReady = client.onReady?.(() => setWalletIframeConnected(true));\n\n        offVrf = client.onVrfStatusChanged?.(async (status: { active: boolean; nearAccountId: string | null; sessionDuration?: number }) => {\n          if (cancelled) return;\n          if (status?.active && status?.nearAccountId) {\n            const { login: state } = await client.getLoginSession(status.nearAccountId);\n            tatchi.userPreferences.setCurrentUser(toAccountId(status.nearAccountId));\n            setLoginState(prev => ({\n              ...prev,\n              isLoggedIn: true,\n              nearAccountId: status.nearAccountId,\n              nearPublicKey: state.publicKey || null,\n            }));\n          } else if (status && status.active === false) {\n            setLoginState(prev => ({\n              ...prev,\n              isLoggedIn: false,\n              nearAccountId: null,\n              nearPublicKey: null,\n            }));\n          }\n        });\n\n        const { login: st } = await client.getLoginSession();\n        if (st?.vrfActive && st?.nearAccountId) {\n          setLoginState(prev => ({\n            ...prev,\n            isLoggedIn: true,\n            nearAccountId: st.nearAccountId,\n            nearPublicKey: st.publicKey || null,\n          }));\n        }\n\n        walletIframeClientRef.current = client;\n      } catch (err) {\n        console.warn('[TatchiContextProvider] WalletIframe init failed:', err);\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      offReady && offReady();\n      offVrf && offVrf();\n      walletIframeClientRef.current = null;\n    };\n  }, [setLoginState, setWalletIframeConnected, tatchi, walletIframeClientRef]);\n}\n\n"],"mappings":";;;;;;AAOA,SAAgB,yBAAyB,MAKtC;CACD,MAAM,EACJ,QACA,uBACA,0BACA,kBACE;AAEJ,4BAAgB;EACd,IAAIA;EACJ,IAAIC;EACJ,IAAI,YAAY;AAEhB,GAAC,YAAY;AACX,OAAI;IACF,MAAM,YAAY,CAAC,CAAC,OAAO,QAAQ,cAAc;AACjD,QAAI,CAAC,WAAW;AACd,8BAAyB;AACzB;;AAGF,UAAM,OAAO;IACb,MAAM,SAAS,OAAO;AACtB,QAAI,CAAC,QAAQ;AACX,8BAAyB;AACzB;;AAEF,QAAI,UAAW;AAEf,6BAAyB,OAAO;AAChC,eAAW,OAAO,gBAAgB,yBAAyB;AAE3D,aAAS,OAAO,qBAAqB,OAAO,WAAwF;AAClI,SAAI,UAAW;AACf,SAAI,QAAQ,UAAU,QAAQ,eAAe;MAC3C,MAAM,EAAE,OAAO,UAAU,MAAM,OAAO,gBAAgB,OAAO;AAC7D,aAAO,gBAAgB,eAAeC,+BAAY,OAAO;AACzD,qBAAc,UAAS;OACrB,GAAG;OACH,YAAY;OACZ,eAAe,OAAO;OACtB,eAAe,MAAM,aAAa;;gBAE3B,UAAU,OAAO,WAAW,MACrC,gBAAc,UAAS;MACrB,GAAG;MACH,YAAY;MACZ,eAAe;MACf,eAAe;;;IAKrB,MAAM,EAAE,OAAO,OAAO,MAAM,OAAO;AACnC,QAAI,IAAI,aAAa,IAAI,cACvB,gBAAc,UAAS;KACrB,GAAG;KACH,YAAY;KACZ,eAAe,GAAG;KAClB,eAAe,GAAG,aAAa;;AAInC,0BAAsB,UAAU;YACzB,KAAK;AACZ,YAAQ,KAAK,qDAAqD;;;AAItE,eAAa;AACX,eAAY;AACZ,eAAY;AACZ,aAAU;AACV,yBAAsB,UAAU;;IAEjC;EAAC;EAAe;EAA0B;EAAQ"}