npm - @tatchi-xyz/sdk - Versions diffs - 0.20.0 → 0.31.0 - Mend

@tatchi-xyz/sdk 0.20.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2491) hide show

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

	@@ -1 +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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"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

package/dist/cjs/react/context/useSDKFlowRuntime.js ADDED Viewed

@@ -0,0 +1,183 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+//#region src/react/context/useSDKFlowRuntime.ts
+const MAX_EVENT_LINES = 6;
+const createDeferred = () => {
+	let resolve;
+	let reject;
+	const promise = new Promise((res, rej) => {
+		resolve = res;
+		reject = rej;
+	});
+	return {
+		promise,
+		resolve,
+		reject,
+		settled: false
+	};
+};
+const withTimeout = async (promise, timeoutMs) => {
+	if (timeoutMs <= 0) return await promise;
+	return await new Promise((resolve, reject) => {
+		const timeoutId = setTimeout(() => reject(/* @__PURE__ */ new Error("Operation timed out")), timeoutMs);
+		promise.then((value) => {
+			clearTimeout(timeoutId);
+			resolve(value);
+		}, (error) => {
+			clearTimeout(timeoutId);
+			reject(error);
+		});
+	});
+};
+function useSDKFlowRuntime() {
+	const sdkFlowSeqRef = (0, react.useRef)(0);
+	const sdkFlowStartWaitersRef = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const sdkFlowCompletionDeferredsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const [sdkFlowState, setSdkFlowState] = (0, react.useState)({
+		seq: 0,
+		kind: null,
+		status: "idle",
+		eventsText: ""
+	});
+	const sdkFlowRef = (0, react.useRef)(sdkFlowState);
+	(0, react.useEffect)(() => {
+		sdkFlowRef.current = sdkFlowState;
+		sdkFlowSeqRef.current = sdkFlowState.seq;
+	}, [sdkFlowState]);
+	const beginSdkFlow = (0, react.useCallback)((kind, accountId) => {
+		const prev = sdkFlowRef.current;
+		const prevDeferred = sdkFlowCompletionDeferredsRef.current.get(prev.seq);
+		if (prevDeferred && !prevDeferred.settled && prev.status === "in-progress") {
+			prevDeferred.settled = true;
+			prevDeferred.reject(/* @__PURE__ */ new Error("SDK flow superseded"));
+			sdkFlowCompletionDeferredsRef.current.delete(prev.seq);
+		}
+		const seq = sdkFlowSeqRef.current += 1;
+		const next = {
+			seq,
+			kind,
+			status: "in-progress",
+			eventsText: "",
+			...accountId ? { accountId } : {}
+		};
+		sdkFlowRef.current = next;
+		setSdkFlowState(next);
+		sdkFlowCompletionDeferredsRef.current.set(seq, createDeferred());
+		const waiters = sdkFlowStartWaitersRef.current;
+		for (const waiter of Array.from(waiters)) {
+			if (waiter.kind !== kind) continue;
+			if (seq <= waiter.seqAfter) continue;
+			clearTimeout(waiter.timeoutId);
+			waiters.delete(waiter);
+			waiter.resolve(seq);
+		}
+		return seq;
+	}, []);
+	const appendSdkEventMessage = (0, react.useCallback)((seq, message) => {
+		const trimmed = message.trim();
+		if (!trimmed) return;
+		setSdkFlowState((prev) => {
+			if (prev.seq !== seq || prev.status !== "in-progress") return prev;
+			const lines = prev.eventsText ? prev.eventsText.split("\n") : [];
+			const last = lines[lines.length - 1];
+			if (last === trimmed) return prev;
+			const nextLines = [...lines, trimmed].slice(-MAX_EVENT_LINES);
+			const next = {
+				...prev,
+				eventsText: nextLines.join("\n")
+			};
+			sdkFlowRef.current = next;
+			return next;
+		});
+	}, []);
+	const endSdkFlow = (0, react.useCallback)((kind, seq, status, error) => {
+		const current = sdkFlowRef.current;
+		const snapshot = current.seq === seq && current.kind === kind ? {
+			...current,
+			status,
+			...error ? { error } : {}
+		} : {
+			seq,
+			kind,
+			status,
+			eventsText: "",
+			...error ? { error } : {}
+		};
+		if (current.seq === seq && current.kind === kind) {
+			sdkFlowRef.current = snapshot;
+			setSdkFlowState(snapshot);
+		}
+		const deferred = sdkFlowCompletionDeferredsRef.current.get(seq);
+		if (deferred && !deferred.settled) {
+			deferred.settled = true;
+			sdkFlowCompletionDeferredsRef.current.delete(seq);
+			if (status === "error") deferred.reject(new Error(error || "Operation failed"));
+			else deferred.resolve(snapshot);
+		}
+	}, []);
+	const awaitNextStart = (0, react.useCallback)(async (kind, seqAfter, timeoutMs) => {
+		const current = sdkFlowRef.current;
+		if (current.kind === kind && current.seq > seqAfter) return current.seq;
+		return await new Promise((resolve) => {
+			const waiter = {
+				kind,
+				seqAfter,
+				resolve: (seq) => resolve(seq),
+				timeoutId: setTimeout(() => {
+					sdkFlowStartWaitersRef.current.delete(waiter);
+					resolve(null);
+				}, timeoutMs)
+			};
+			sdkFlowStartWaitersRef.current.add(waiter);
+		});
+	}, []);
+	const awaitCompletion = (0, react.useCallback)(async (seq, timeoutMs) => {
+		const current = sdkFlowRef.current;
+		if (current.seq === seq && current.status !== "in-progress") {
+			if (current.status === "error") throw new Error(current.error || "Operation failed");
+			return current;
+		}
+		const deferred = sdkFlowCompletionDeferredsRef.current.get(seq);
+		if (!deferred) throw new Error("Unknown SDK flow sequence");
+		return await withTimeout(deferred.promise, timeoutMs);
+	}, []);
+	const awaitNextCompletion = (0, react.useCallback)(async (kind, seqAfter, startTimeoutMs, completionTimeoutMs) => {
+		const seq = await awaitNextStart(kind, seqAfter, startTimeoutMs);
+		if (seq == null) return;
+		await awaitCompletion(seq, completionTimeoutMs);
+	}, [awaitCompletion, awaitNextStart]);
+	const sdkFlow = (0, react.useMemo)(() => ({
+		...sdkFlowState,
+		awaitCompletion,
+		awaitNextStart,
+		awaitNextCompletion
+	}), [
+		awaitCompletion,
+		awaitNextCompletion,
+		awaitNextStart,
+		sdkFlowState
+	]);
+	(0, react.useEffect)(() => {
+		return () => {
+			for (const waiter of sdkFlowStartWaitersRef.current) clearTimeout(waiter.timeoutId);
+			sdkFlowStartWaitersRef.current.clear();
+			for (const deferred of sdkFlowCompletionDeferredsRef.current.values()) if (!deferred.settled) {
+				deferred.settled = true;
+				deferred.reject(/* @__PURE__ */ new Error("SDK flow canceled"));
+			}
+			sdkFlowCompletionDeferredsRef.current.clear();
+		};
+	}, []);
+	return {
+		sdkFlow,
+		beginSdkFlow,
+		appendSdkEventMessage,
+		endSdkFlow
+	};
+}
+//#endregion
+exports.useSDKFlowRuntime = useSDKFlowRuntime;
+//# sourceMappingURL=useSDKFlowRuntime.js.map

package/dist/cjs/react/context/useSDKFlowRuntime.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useSDKFlowRuntime.js","names":["resolve!: (value: T) => void","reject!: (error: Error) => void","next: SDKFlowState","snapshot: SDKFlowState","awaitNextStart: SDKFlowRuntime['awaitNextStart']","waiter: StartWaiter","awaitCompletion: SDKFlowRuntime['awaitCompletion']","awaitNextCompletion: SDKFlowRuntime['awaitNextCompletion']","sdkFlow: SDKFlowRuntime"],"sources":["../../../../src/react/context/useSDKFlowRuntime.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { SDKFlowRuntime, SDKFlowState } from '../types';\n\ntype FlowKind = Exclude<SDKFlowState['kind'], null>;\n\nconst MAX_EVENT_LINES = 6;\n\ntype Deferred<T> = {\n promise: Promise<T>;\n resolve: (value: T) => void;\n reject: (error: Error) => void;\n settled: boolean;\n};\n\ntype StartWaiter = {\n kind: FlowKind;\n seqAfter: number;\n resolve: (seq: number) => void;\n timeoutId: ReturnType<typeof setTimeout>;\n};\n\nconst createDeferred = <T,>(): Deferred<T> => {\n let resolve!: (value: T) => void;\n let reject!: (error: Error) => void;\n const promise = new Promise<T>((res, rej) => {\n resolve = res;\n reject = rej;\n });\n return { promise, resolve, reject, settled: false };\n};\n\nconst withTimeout = async <T,>(promise: Promise<T>, timeoutMs: number): Promise<T> => {\n if (timeoutMs <= 0) return await promise;\n return await new Promise<T>((resolve, reject) => {\n const timeoutId = setTimeout(() => reject(new Error('Operation timed out')), timeoutMs);\n promise.then(\n (value) => {\n clearTimeout(timeoutId);\n resolve(value);\n },\n (error) => {\n clearTimeout(timeoutId);\n reject(error);\n },\n );\n });\n};\n\nexport function useSDKFlowRuntime(): {\n sdkFlow: SDKFlowRuntime;\n beginSdkFlow: (kind: FlowKind, accountId?: string) => number;\n appendSdkEventMessage: (seq: number, message: string) => void;\n endSdkFlow: (kind: FlowKind, seq: number, status: 'success' | 'error', error?: string) => void;\n} {\n const sdkFlowSeqRef = useRef(0);\n const sdkFlowStartWaitersRef = useRef<Set<StartWaiter>>(new Set());\n const sdkFlowCompletionDeferredsRef = useRef<Map<number, Deferred<SDKFlowState>>>(new Map());\n\n const [sdkFlowState, setSdkFlowState] = useState<SDKFlowState>({\n seq: 0,\n kind: null,\n status: 'idle',\n eventsText: '',\n });\n\n const sdkFlowRef = useRef<SDKFlowState>(sdkFlowState);\n useEffect(() => {\n sdkFlowRef.current = sdkFlowState;\n sdkFlowSeqRef.current = sdkFlowState.seq;\n }, [sdkFlowState]);\n\n const beginSdkFlow = useCallback((kind: FlowKind, accountId?: string): number => {\n const prev = sdkFlowRef.current;\n const prevDeferred = sdkFlowCompletionDeferredsRef.current.get(prev.seq);\n if (prevDeferred && !prevDeferred.settled && prev.status === 'in-progress') {\n prevDeferred.settled = true;\n prevDeferred.reject(new Error('SDK flow superseded'));\n sdkFlowCompletionDeferredsRef.current.delete(prev.seq);\n }\n\n const seq = (sdkFlowSeqRef.current += 1);\n const next: SDKFlowState = {\n seq,\n kind,\n status: 'in-progress',\n eventsText: '',\n ...(accountId ? { accountId } : {}),\n };\n\n sdkFlowRef.current = next;\n setSdkFlowState(next);\n\n sdkFlowCompletionDeferredsRef.current.set(seq, createDeferred<SDKFlowState>());\n\n const waiters = sdkFlowStartWaitersRef.current;\n for (const waiter of Array.from(waiters)) {\n if (waiter.kind !== kind) continue;\n if (seq <= waiter.seqAfter) continue;\n clearTimeout(waiter.timeoutId);\n waiters.delete(waiter);\n waiter.resolve(seq);\n }\n\n return seq;\n }, []);\n\n const appendSdkEventMessage = useCallback((seq: number, message: string) => {\n const trimmed = message.trim();\n if (!trimmed) return;\n\n setSdkFlowState((prev) => {\n if (prev.seq !== seq || prev.status !== 'in-progress') return prev;\n const lines = prev.eventsText ? prev.eventsText.split('\\n') : [];\n const last = lines[lines.length - 1];\n if (last === trimmed) return prev;\n const nextLines = [...lines, trimmed].slice(-MAX_EVENT_LINES);\n const next = { ...prev, eventsText: nextLines.join('\\n') };\n sdkFlowRef.current = next;\n return next;\n });\n }, []);\n\n const endSdkFlow = useCallback((kind: FlowKind, seq: number, status: 'success' | 'error', error?: string) => {\n const current = sdkFlowRef.current;\n const snapshot: SDKFlowState =\n current.seq === seq && current.kind === kind\n ? { ...current, status, ...(error ? { error } : {}) }\n : { seq, kind, status, eventsText: '', ...(error ? { error } : {}) };\n\n if (current.seq === seq && current.kind === kind) {\n sdkFlowRef.current = snapshot;\n setSdkFlowState(snapshot);\n }\n\n const deferred = sdkFlowCompletionDeferredsRef.current.get(seq);\n if (deferred && !deferred.settled) {\n deferred.settled = true;\n sdkFlowCompletionDeferredsRef.current.delete(seq);\n if (status === 'error') {\n deferred.reject(new Error(error || 'Operation failed'));\n } else {\n deferred.resolve(snapshot);\n }\n }\n }, []);\n\n const awaitNextStart: SDKFlowRuntime['awaitNextStart'] = useCallback(async (kind, seqAfter, timeoutMs) => {\n const current = sdkFlowRef.current;\n if (current.kind === kind && current.seq > seqAfter) return current.seq;\n\n return await new Promise<number | null>((resolve) => {\n const waiter: StartWaiter = {\n kind,\n seqAfter,\n resolve: (seq) => resolve(seq),\n timeoutId: setTimeout(() => {\n sdkFlowStartWaitersRef.current.delete(waiter);\n resolve(null);\n }, timeoutMs),\n };\n sdkFlowStartWaitersRef.current.add(waiter);\n });\n }, []);\n\n const awaitCompletion: SDKFlowRuntime['awaitCompletion'] = useCallback(async (seq, timeoutMs) => {\n const current = sdkFlowRef.current;\n if (current.seq === seq && current.status !== 'in-progress') {\n if (current.status === 'error') throw new Error(current.error || 'Operation failed');\n return current;\n }\n\n const deferred = sdkFlowCompletionDeferredsRef.current.get(seq);\n if (!deferred) throw new Error('Unknown SDK flow sequence');\n return await withTimeout(deferred.promise, timeoutMs);\n }, []);\n\n const awaitNextCompletion: SDKFlowRuntime['awaitNextCompletion'] = useCallback(\n async (kind, seqAfter, startTimeoutMs, completionTimeoutMs) => {\n const seq = await awaitNextStart(kind, seqAfter, startTimeoutMs);\n if (seq == null) return;\n await awaitCompletion(seq, completionTimeoutMs);\n },\n [awaitCompletion, awaitNextStart],\n );\n\n const sdkFlow: SDKFlowRuntime = useMemo(\n () => ({\n ...sdkFlowState,\n awaitCompletion,\n awaitNextStart,\n awaitNextCompletion,\n }),\n [awaitCompletion, awaitNextCompletion, awaitNextStart, sdkFlowState],\n );\n\n useEffect(() => {\n return () => {\n for (const waiter of sdkFlowStartWaitersRef.current) {\n clearTimeout(waiter.timeoutId);\n }\n sdkFlowStartWaitersRef.current.clear();\n for (const deferred of sdkFlowCompletionDeferredsRef.current.values()) {\n if (!deferred.settled) {\n deferred.settled = true;\n deferred.reject(new Error('SDK flow canceled'));\n }\n }\n sdkFlowCompletionDeferredsRef.current.clear();\n };\n }, []);\n\n return {\n sdkFlow,\n beginSdkFlow,\n appendSdkEventMessage,\n endSdkFlow,\n };\n}\n\nexport default useSDKFlowRuntime;\n"],"mappings":"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"}

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

@@ -1,12 +1,20 @@
 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();
+	const tatchiWithSdkFlow = require_useTatchiWithSdkFlow.useTatchiWithSdkFlow({
+		tatchi,
+		beginSdkFlow,
+		appendSdkEventMessage,
+		endSdkFlow
+	});
 	const logout = (0, react.useCallback)(() => {
 		try {
 			tatchi.logoutAndClearSession().catch((error) => {
@@ -23,10 +31,10 @@ function useTatchiContextValue(args) {
 		}));
 	}, [setLoginState, tatchi]);
 	const loginAndCreateSession = (0, react.useCallback)(async (nearAccountId, options) => {
-		return tatchi.loginAndCreateSession(nearAccountId, {
+		return tatchiWithSdkFlow.loginAndCreateSession(nearAccountId, {
 			...options,
 			onEvent: async (event) => {
-				if (event.phase === "login-complete" && event.status === "success") {
+				if (event.phase === require_sdkSentEvents.LoginPhase.STEP_4_LOGIN_COMPLETE && event.status === require_sdkSentEvents.LoginStatus.SUCCESS) {
 					const { login } = await tatchi.getLoginSession(nearAccountId);
 					const isVRFLoggedIn = login.vrfActive;
 					setLoginState((prevState) => ({
@@ -36,27 +44,25 @@ function useTatchiContextValue(args) {
 						nearPublicKey: event.clientNearPublicKey || null
 					}));
 				}
-				options?.onEvent?.(event);
+				return options?.onEvent?.(event);
 			},
 			onError: (error) => {
 				logout();
-				options?.onError?.(error);
+				return options?.onError?.(error);
 			}
 		});
 	}, [
 		logout,
 		setLoginState,
-		tatchi
+		tatchi,
+		tatchiWithSdkFlow
 	]);
 	const registerPasskey = (0, react.useCallback)(async (nearAccountId, options) => {
-		const result = await tatchi.registerPasskey(nearAccountId, {
+		const result = await tatchiWithSdkFlow.registerPasskey(nearAccountId, {
 			...options,
-			onEvent: async (event) => {
-				options?.onEvent?.(event);
-			},
 			onError: (error) => {
 				logout();
-				options?.onError?.(error);
+				return options?.onError?.(error);
 			}
 		});
 		if (result?.success) await refreshLoginState(nearAccountId);
@@ -64,11 +70,11 @@ function useTatchiContextValue(args) {
 	}, [
 		logout,
 		refreshLoginState,
-		tatchi
+		tatchiWithSdkFlow
 	]);
-	const recoverAccount = (0, react.useCallback)((args$1) => {
-		return tatchi.recoverAccountFlow(args$1);
-	}, [tatchi]);
+	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 ?? {};
 		const options = base.options;
@@ -87,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);
@@ -114,14 +129,15 @@ function useTatchiContextValue(args) {
 		return tatchi.viewAccessKeyList(accountId);
 	}, [tatchi]);
 	return (0, react.useMemo)(() => ({
-		tatchi,
+		tatchi: tatchiWithSdkFlow,
+		sdkFlow,
 		registerPasskey,
 		loginAndCreateSession,
 		logout,
 		executeAction,
 		signNEP413Message,
 		signDelegateAction,
-		recoverAccount,
+		syncAccount,
 		startDevice2LinkingFlow,
 		stopDevice2LinkingFlow,
 		getLoginSession,
@@ -137,14 +153,15 @@ function useTatchiContextValue(args) {
 		getConfirmationConfig,
 		viewAccessKeyList
 	}), [
-		tatchi,
+		tatchiWithSdkFlow,
+		sdkFlow,
 		registerPasskey,
 		loginAndCreateSession,
 		logout,
 		executeAction,
 		signNEP413Message,
 		signDelegateAction,
-		recoverAccount,
+		syncAccount,
 		startDevice2LinkingFlow,
 		stopDevice2LinkingFlow,
 		getLoginSession,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTatchiContextValue.js","names":["logout: TatchiContextType['logout']","loginAndCreateSession: TatchiContextType['loginAndCreateSession']","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 { DeviceLinkingPhase } from '@/core/types/sdkSentEvents';\nimport type {\n AccountInputState,\n DeviceLinkingSSEEvent,\n LoginState,\n RegistrationResult,\n TatchiContextType,\n} from '../types';\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 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 tatchi.loginAndCreateSession(nearAccountId, {\n ...options,\n onEvent: async (event) => {\n if (event.phase === 'login-complete' && event.status === '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 options?.onEvent?.(event);\n },\n onError: (error) => {\n logout();\n options?.onError?.(error);\n }\n });\n }, [logout, setLoginState, tatchi]);\n\n const registerPasskey: TatchiContextType['registerPasskey'] = useCallback(async (nearAccountId, options) => {\n const result: RegistrationResult = await tatchi.registerPasskey(nearAccountId, {\n ...options,\n onEvent: async (event) => {\n options?.onEvent?.(event);\n },\n onError: (error) => {\n logout();\n options?.onError?.(error);\n }\n });\n\n if (result?.success) {\n await refreshLoginState(nearAccountId);\n }\n return result;\n }, [logout, refreshLoginState, tatchi]);\n\n const recoverAccount: TatchiContextType['recoverAccount'] = useCallback((args) => {\n return tatchi.recoverAccountFlow(args);\n }, [tatchi]);\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,\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 tatchi,\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":";;;;;;;AAWA,SAAgB,sBAAsB,MAShB;CACpB,MAAM,EACJ,QACA,YACA,eACA,uBACA,mBACA,mBACA,kBACA,uBACE;CAEJ,MAAMA,sCAAwD;AAC5D,MAAI;AACF,GAAK,OAAO,wBAAwB,OAAO,UAAU;AACnD,YAAQ,KAAK,uBAAuB;;WAE/B,OAAO;AACd,WAAQ,KAAK,uBAAuB;;AAGtC,iBAAc,eAAc;GAC1B,GAAG;GACH,YAAY;GACZ,eAAe;GACf,eAAe;;IAEhB,CAAC,eAAe;CAEnB,MAAMC,+CAAgF,OAAO,eAAe,YAAY;AACtH,SAAO,OAAO,sBAAsB,eAAe;GACjD,GAAG;GACH,SAAS,OAAO,UAAU;AACxB,QAAI,MAAM,UAAU,oBAAoB,MAAM,WAAW,WAAW;KAClE,MAAM,EAAE,UAAU,MAAM,OAAO,gBAAgB;KAC/C,MAAM,gBAAgB,MAAM;AAC5B,oBAAc,eAAc;MAC1B,GAAG;MACH,YAAY;MACZ,eAAe,MAAM,iBAAiB;MACtC,eAAe,MAAM,uBAAuB;;;AAGhD,aAAS,UAAU;;GAErB,UAAU,UAAU;AAClB;AACA,aAAS,UAAU;;;IAGtB;EAAC;EAAQ;EAAe;;CAE3B,MAAMC,yCAAoE,OAAO,eAAe,YAAY;EAC1G,MAAMC,SAA6B,MAAM,OAAO,gBAAgB,eAAe;GAC7E,GAAG;GACH,SAAS,OAAO,UAAU;AACxB,aAAS,UAAU;;GAErB,UAAU,UAAU;AAClB;AACA,aAAS,UAAU;;;AAIvB,MAAI,QAAQ,QACV,OAAM,kBAAkB;AAE1B,SAAO;IACN;EAAC;EAAQ;EAAmB;;CAE/B,MAAMC,yCAAmE,WAAS;AAChF,SAAO,OAAO,mBAAmBC;IAChC,CAAC;CAEJ,MAAMC,iDAAoF,OAAO,WAAS;EACxG,MAAM,OAAOD,UAAQ;EACrB,MAAM,UAAU,KAAK;AACrB,SAAO,OAAO,wBAAwB;GACpC,GAAG;GACH,SAAS;IACP,GAAI,WAAW;IACf,UAAU,UAAiC;AACzC,cAAS,UAAU;AACnB,SAAI,MAAM,UAAUE,yCAAmB,2BAA2B,MAAM,WAAW,UACjF,CAAK;;;;IAKZ,CAAC,mBAAmB;CAEvB,MAAMC,sDAAwF;AAC5F,SAAO,OAAO;IACb,CAAC;CAEJ,MAAMC,wCAAiE,WAAS;AAC9E,SAAO,OAAO,cAAcJ;IAC3B,CAAC;CAEJ,MAAMK,4CAAyE,WAAS;AACtF,SAAO,OAAO,kBAAkBL;IAC/B,CAAC;CAEJ,MAAMM,6CAA2E,WAAS;AACxF,SAAO,OAAO,mBAAmBN;IAChC,CAAC;CAEJ,MAAMO,0CAAqE,kBAA2B;AACpG,SAAO,OAAO,gBAAgB;IAC7B,CAAC;CAEJ,MAAMC,6CAA2E,aAAa;AAC5F,SAAO,mBAAmB;IACzB,CAAC;CAEJ,MAAMC,gDAAiF,WAAW;AAChG,SAAO,sBAAsB;IAC5B,CAAC;CAEJ,MAAMC,uCAA+D,UAAU;AAC7E,SAAO,aAAa;IACnB,CAAC;CAEJ,MAAMC,qDAAsF;AAC1F,SAAO,OAAO;IACb,CAAC;CAEJ,MAAMC,4CAAyE,cAAsB;AACnG,SAAO,OAAO,kBAAkB;IAC/B,CAAC;AAEJ,kCAAsB;EACpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KACE;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA"}
1	+ {"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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"}