@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.js

@@ -0,0 +1,211 @@
+const require_base_styles = require('../../../../base-styles.js');
+
+//#region src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.ts
+const TX_TREE_THEMES = {
+	dark: {
+		...require_base_styles.DARK_THEME,
+		host: {
+			fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+			fontSize: "1rem",
+			color: require_base_styles.DARK_THEME.textPrimary,
+			backgroundColor: require_base_styles.DARK_THEME.colorBackground
+		},
+		tooltipBorderOuter: {
+			borderRadius: "24px",
+			border: `1px solid transparent`,
+			boxShadow: "0 1px 3px 0px rgba(5, 5, 5, 0.4)"
+		},
+		tooltipTreeRoot: {
+			padding: "0rem",
+			background: require_base_styles.DARK_THEME.surface2,
+			border: "none",
+			color: require_base_styles.DARK_THEME.textPrimary
+		},
+		tooltipTreeChildren: {},
+		details: {
+			borderRadius: "0.5rem",
+			background: "transparent"
+		},
+		summary: { padding: "0.5rem 0.75rem" },
+		summaryRow: { background: "transparent" },
+		summaryRowHover: {
+			background: require_base_styles.DARK_THEME.surface,
+			borderColor: require_base_styles.DARK_THEME.textSecondary
+		},
+		row: {
+			color: require_base_styles.DARK_THEME.textPrimary,
+			borderRadius: "0.375rem",
+			transition: "all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)"
+		},
+		indent: {},
+		label: {
+			color: require_base_styles.DARK_THEME.textPrimary,
+			fontSize: "0.875rem",
+			gap: "4px",
+			lineHeight: "1.5",
+			border: "1px solid transparent",
+			padding: "4px 16px",
+			borderRadius: "1rem"
+		},
+		labelHover: {
+			background: require_base_styles.DARK_THEME.borderPrimary,
+			borderColor: require_base_styles.DARK_THEME.textSecondary
+		},
+		chevron: {
+			color: require_base_styles.DARK_THEME.textSecondary,
+			width: "14px",
+			height: "14px"
+		},
+		fileRow: {
+			padding: "0.5rem 0.75rem",
+			fontSize: "0.875rem"
+		},
+		fileContent: {
+			background: require_base_styles.DARK_THEME.surface2,
+			border: `1px solid none`,
+			color: require_base_styles.DARK_THEME.textSecondary,
+			fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+			borderRadius: "0.5rem",
+			padding: "0.25rem",
+			scrollbarTrackBackground: require_base_styles.DARK_THEME.surface,
+			scrollbarThumbBackground: require_base_styles.DARK_THEME.textSecondary
+		},
+		connector: {
+			color: require_base_styles.DARK_THEME.grey600,
+			thickness: "2px",
+			elbowLength: "10px"
+		},
+		folderChildren: {
+			padding: "0.5rem 0",
+			marginLeft: "1rem"
+		},
+		highlightReceiverId: {
+			color: require_base_styles.DARK_THEME.highlightReceiverId,
+			fontWeight: "600"
+		},
+		highlightMethodName: {
+			color: require_base_styles.DARK_THEME.highlightMethodName,
+			fontWeight: "600"
+		},
+		highlightAmount: {
+			color: require_base_styles.DARK_THEME.highlightAmount,
+			fontWeight: "600"
+		},
+		rootMobile: {
+			borderRadius: "0.5rem",
+			margin: "0"
+		},
+		treeChildrenMobile: { padding: "0.75rem" },
+		folderChildrenMobile: { marginLeft: "0.75rem" },
+		rowMobile: { padding: "0.5rem" },
+		fileContentMobile: {
+			fontSize: "0.7rem",
+			maxHeight: "150px"
+		}
+	},
+	light: {
+		...require_base_styles.LIGHT_THEME,
+		host: {
+			fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+			fontSize: "1rem",
+			color: require_base_styles.LIGHT_THEME.textPrimary,
+			backgroundColor: require_base_styles.LIGHT_THEME.colorBackground
+		},
+		tooltipBorderOuter: {
+			borderRadius: "24px",
+			border: `1px solid ${require_base_styles.LIGHT_THEME.slate300}`,
+			boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+		},
+		tooltipTreeRoot: {
+			padding: "0rem",
+			background: require_base_styles.LIGHT_THEME.surface,
+			border: "none",
+			color: require_base_styles.LIGHT_THEME.textPrimary
+		},
+		tooltipTreeChildren: {},
+		details: {
+			borderRadius: "0.5rem",
+			background: "transparent"
+		},
+		summary: { padding: "0.5rem 0.75rem" },
+		summaryRow: { background: "transparent" },
+		summaryRowHover: {
+			background: require_base_styles.LIGHT_THEME.surface2,
+			borderColor: require_base_styles.LIGHT_THEME.borderPrimary
+		},
+		row: {
+			color: require_base_styles.LIGHT_THEME.textPrimary,
+			borderRadius: "0.375rem",
+			transition: "all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)"
+		},
+		indent: {},
+		label: {
+			color: require_base_styles.LIGHT_THEME.textPrimary,
+			fontSize: "0.875rem",
+			gap: "4px",
+			lineHeight: "1.5",
+			border: "1px solid transparent",
+			padding: "4px 16px",
+			borderRadius: "1rem"
+		},
+		labelHover: {
+			background: require_base_styles.LIGHT_THEME.grey75,
+			borderColor: require_base_styles.LIGHT_THEME.borderPrimary
+		},
+		chevron: {
+			color: require_base_styles.LIGHT_THEME.textSecondary,
+			width: "14px",
+			height: "14px"
+		},
+		fileRow: {
+			padding: "0.5rem 0.75rem",
+			fontSize: "0.875rem"
+		},
+		fileContent: {
+			background: require_base_styles.LIGHT_THEME.surface,
+			border: `1px solid ${require_base_styles.LIGHT_THEME.borderPrimary}`,
+			color: require_base_styles.LIGHT_THEME.textPrimary,
+			fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+			borderRadius: "0.5rem",
+			padding: "0.25rem",
+			scrollbarTrackBackground: require_base_styles.LIGHT_THEME.surface,
+			scrollbarThumbBackground: require_base_styles.LIGHT_THEME.borderPrimary
+		},
+		connector: {
+			color: require_base_styles.LIGHT_THEME.slate200,
+			thickness: "2px",
+			elbowLength: "10px"
+		},
+		folderChildren: {
+			padding: "0.5rem 0",
+			marginLeft: "1rem"
+		},
+		highlightReceiverId: {
+			color: require_base_styles.LIGHT_THEME.highlightReceiverId,
+			fontWeight: "600"
+		},
+		highlightMethodName: {
+			color: require_base_styles.LIGHT_THEME.highlightMethodName,
+			fontWeight: "600"
+		},
+		highlightAmount: {
+			color: require_base_styles.LIGHT_THEME.highlightAmount,
+			fontWeight: "600"
+		},
+		rootMobile: {
+			borderRadius: "0.5rem",
+			margin: "0"
+		},
+		treeChildrenMobile: { padding: "0.75rem" },
+		folderChildrenMobile: { marginLeft: "0.75rem" },
+		rowMobile: { padding: "0.5rem" },
+		fileContentMobile: {
+			fontSize: "0.7rem",
+			maxHeight: "150px"
+		}
+	}
+};
+
+//#endregion
+exports.TX_TREE_THEMES = TX_TREE_THEMES;
+//# sourceMappingURL=tx-tree-themes.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tx-tree-themes.js","names":["TX_TREE_THEMES: Record<TxTreeTheme, TxTreeStyles>","DARK_THEME","LIGHT_THEME"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.ts"],"sourcesContent":["import type { ComponentStyles } from '../LitElementWithProps';\nimport { DARK_THEME, LIGHT_THEME } from '@/base-styles';\n\nexport type TxTreeTheme = 'dark' | 'light';\n\nexport interface TxTreeStyles extends ComponentStyles {\n\n  // Component-specific tree variables\n  host?: Record<string, string>;\n\n  // Component-specific tooltip container variables\n  dataTooltipContentRoot?: Record<string, string>;\n  tooltipContainer?: Record<string, string>;\n  gradientBorder?: Record<string, string>;\n\n  tooltipTreeRoot?: Record<string, string>;\n  tooltipTreeChildren?: Record<string, string>;\n  details?: Record<string, string>;\n  summary?: Record<string, string>;\n  summaryRow?: Record<string, string>;\n  summaryRowHover?: Record<string, string>;\n  row?: Record<string, string>;\n  indent?: Record<string, string>;\n  label?: Record<string, string>;\n  chevron?: Record<string, string>;\n  fileRow?: Record<string, string>;\n  fileContent?: Record<string, string>;\n  folderChildren?: Record<string, string>;\n  connector?: Record<string, string>;\n\n  // Highlighting styles for transaction details\n  highlightReceiverId?: Record<string, string>;\n  highlightMethodName?: Record<string, string>;\n\n  // Mobile responsive\n  rootMobile?: Record<string, string>;\n  treeChildrenMobile?: Record<string, string>;\n  folderChildrenMobile?: Record<string, string>;\n  rowMobile?: Record<string, string>;\n  fileContentMobile?: Record<string, string>;\n}\n\n// Preset theme definitions for tooltip tree styling - comprehensive design system\nexport const TX_TREE_THEMES: Record<TxTreeTheme, TxTreeStyles> = {\n  dark: {\n    // Spread base colors from shared palette\n    ...DARK_THEME,\n\n    // Base design system variables\n    host: {\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n      fontSize: '1rem',\n      color: DARK_THEME.textPrimary,\n      backgroundColor: DARK_THEME.colorBackground\n    },\n\n    // Main tooltip container\n    tooltipBorderOuter: {\n      borderRadius: '24px',\n      border: `1px solid transparent`,\n      boxShadow: '0 1px 3px 0px rgba(5, 5, 5, 0.4)'\n    },\n\n    // Component-specific tree variables\n    tooltipTreeRoot: {\n      padding: '0rem',\n      background: DARK_THEME.surface2,\n      border: 'none',\n      color: DARK_THEME.textPrimary,\n    },\n    tooltipTreeChildren: {\n    },\n    details: {\n      borderRadius: '0.5rem',\n      background: 'transparent'\n    },\n    summary: {\n      padding: '0.5rem 0.75rem',\n    },\n    summaryRow: {\n      background: 'transparent',\n    },\n    summaryRowHover: {\n      background: DARK_THEME.surface,\n      borderColor: DARK_THEME.textSecondary,\n    },\n    row: {\n      color: DARK_THEME.textPrimary,\n      borderRadius: '0.375rem',\n      transition: 'all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)'\n    },\n    indent: {},\n    label: {\n      color: DARK_THEME.textPrimary,\n      fontSize: '0.875rem',\n      gap: '4px',\n      lineHeight: '1.5',\n      border: '1px solid transparent',\n      padding: '4px 16px',\n      borderRadius: '1rem',\n    },\n    labelHover: {\n      background: DARK_THEME.borderPrimary,\n      borderColor: DARK_THEME.textSecondary,\n    },\n    chevron: {\n      color: DARK_THEME.textSecondary,\n      width: '14px',\n      height: '14px'\n    },\n    fileRow: {\n      padding: '0.5rem 0.75rem',\n      fontSize: '0.875rem'\n    },\n    fileContent: {\n      background: DARK_THEME.surface2,\n      border: `1px solid none`,\n      color: DARK_THEME.textSecondary,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n      borderRadius: '0.5rem',\n      padding: '0.25rem',\n      scrollbarTrackBackground: DARK_THEME.surface,\n      scrollbarThumbBackground: DARK_THEME.textSecondary\n    },\n    connector: {\n      color: DARK_THEME.grey600,\n      thickness: '2px',\n      elbowLength: '10px'\n    },\n    folderChildren: {\n      padding: '0.5rem 0',\n      marginLeft: '1rem'\n    },\n\n    // Highlighting - using unified color scheme from base colors\n    highlightReceiverId: {\n      color: DARK_THEME.highlightReceiverId,\n      fontWeight: '600',\n    },\n    highlightMethodName: {\n      color: DARK_THEME.highlightMethodName,\n      fontWeight: '600',\n    },\n    highlightAmount: {\n      color: DARK_THEME.highlightAmount,\n      fontWeight: '600',\n    },\n\n    // Mobile responsive\n    rootMobile: {\n      borderRadius: '0.5rem',\n      margin: '0'\n    },\n    treeChildrenMobile: {\n      padding: '0.75rem'\n    },\n    folderChildrenMobile: {\n      marginLeft: '0.75rem'\n    },\n    rowMobile: {\n      padding: '0.5rem'\n    },\n    fileContentMobile: {\n      fontSize: '0.7rem',\n      maxHeight: '150px'\n    }\n  },\n  light: {\n    // Spread base colors from shared palette\n    ...LIGHT_THEME,\n\n    // Base design system variables\n    host: {\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n      fontSize: '1rem',\n      color: LIGHT_THEME.textPrimary,\n      backgroundColor: LIGHT_THEME.colorBackground\n    },\n\n    // Main tooltip container\n    tooltipBorderOuter: {\n      borderRadius: '24px',\n      border: `1px solid ${LIGHT_THEME.slate300}`,\n      boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n    },\n\n    // Component-specific tree variables\n    tooltipTreeRoot: {\n      padding: '0rem',\n      background: LIGHT_THEME.surface,\n      border: 'none',\n      color: LIGHT_THEME.textPrimary,\n    },\n    tooltipTreeChildren: {\n\n    },\n    details: {\n      borderRadius: '0.5rem',\n      background: 'transparent'\n    },\n    summary: {\n      padding: '0.5rem 0.75rem',\n    },\n    summaryRow: {\n      background: 'transparent',\n    },\n    summaryRowHover: {\n      background: LIGHT_THEME.surface2,\n      borderColor: LIGHT_THEME.borderPrimary\n    },\n    row: {\n      color: LIGHT_THEME.textPrimary,\n      borderRadius: '0.375rem',\n      transition: 'all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)'\n    },\n    indent: {},\n    label: {\n      color: LIGHT_THEME.textPrimary,\n      fontSize: '0.875rem',\n      gap: '4px',\n      lineHeight: '1.5',\n      border: '1px solid transparent',\n      padding: '4px 16px',\n      borderRadius: '1rem',\n    },\n    labelHover: {\n      background: LIGHT_THEME.grey75,\n      borderColor: LIGHT_THEME.borderPrimary\n    },\n    chevron: {\n      color: LIGHT_THEME.textSecondary,\n      width: '14px',\n      height: '14px'\n    },\n    fileRow: {\n      padding: '0.5rem 0.75rem',\n      fontSize: '0.875rem'\n    },\n    fileContent: {\n      background: LIGHT_THEME.surface,\n      border: `1px solid ${LIGHT_THEME.borderPrimary}`,\n      color: LIGHT_THEME.textPrimary,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n      borderRadius: '0.5rem',\n      padding: '0.25rem',\n      scrollbarTrackBackground: LIGHT_THEME.surface,\n      scrollbarThumbBackground: LIGHT_THEME.borderPrimary\n    },\n    // Slightly darker connector lines for light mode for better contrast\n    connector: {\n      color: LIGHT_THEME.slate200,\n      thickness: '2px',\n      elbowLength: '10px'\n    },\n    folderChildren: {\n      padding: '0.5rem 0',\n      marginLeft: '1rem'\n    },\n\n    // Highlighting - using unified color scheme from base colors\n    highlightReceiverId: {\n      color: LIGHT_THEME.highlightReceiverId,\n      fontWeight: '600',\n    },\n    highlightMethodName: {\n      color: LIGHT_THEME.highlightMethodName,\n      fontWeight: '600',\n    },\n    highlightAmount: {\n      color: LIGHT_THEME.highlightAmount,\n      fontWeight: '600',\n    },\n\n    // Mobile responsive\n    rootMobile: {\n      borderRadius: '0.5rem',\n      margin: '0'\n    },\n    treeChildrenMobile: {\n      padding: '0.75rem'\n    },\n    folderChildrenMobile: {\n      marginLeft: '0.75rem'\n    },\n    rowMobile: {\n      padding: '0.5rem'\n    },\n    fileContentMobile: {\n      fontSize: '0.7rem',\n      maxHeight: '150px'\n    }\n  }\n};\n"],"mappings":"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"}

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.js

@@ -0,0 +1,181 @@
+const require_validation = require('../../../../utils/validation.js');
+const require_formatters = require('../common/formatters.js');
+
+//#region src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts
+function buildActionNode(action, idx) {
+	let actionNodes;
+	switch (action.type) {
+		case "FunctionCall":
+			actionNodes = [{
+				id: `a${idx}-args`,
+				label: "using args:",
+				type: "file",
+				open: false,
+				hideChevron: true,
+				hideLabel: true,
+				content: require_formatters.formatArgs(action.args)
+			}];
+			break;
+		case "Transfer":
+			actionNodes = [];
+			break;
+		case "CreateAccount":
+			actionNodes = [];
+			break;
+		case "DeployContract": {
+			const code = action.code;
+			const codeSize = require_formatters.formatCodeSize(code);
+			actionNodes = [{
+				id: `a${idx}-code-size`,
+				label: `WASM contract code size: ${codeSize}`,
+				type: "file",
+				open: false
+			}];
+			break;
+		}
+		case "DeployGlobalContract": {
+			const code = action.code;
+			const deployMode = action.deployMode;
+			const codeSize = require_formatters.formatCodeSize(code);
+			actionNodes = [{
+				id: `a${idx}-deploy-mode`,
+				label: `mode: ${deployMode}`,
+				type: "file",
+				open: false
+			}, {
+				id: `a${idx}-code-size`,
+				label: `WASM global contract code size: ${codeSize}`,
+				type: "file",
+				open: false
+			}];
+			break;
+		}
+		case "UseGlobalContract": {
+			const accountId = action.accountId;
+			const codeHash = action.codeHash;
+			let label;
+			if (accountId) label = `by account: ${accountId}`;
+			else if (codeHash) {
+				const short = require_formatters.shortenPubkey(codeHash, {
+					prefix: 10,
+					suffix: 6
+				});
+				label = `by hash: ${short}`;
+			} else label = "by global contract identifier";
+			actionNodes = [{
+				id: `a${idx}-identifier`,
+				label,
+				type: "file",
+				open: false
+			}];
+			break;
+		}
+		case "Stake":
+			actionNodes = [{
+				id: `a${idx}-publicKey`,
+				label: `validator: ${require_formatters.shortenPubkey(action.publicKey)}`,
+				type: "file",
+				open: true,
+				copyValue: action.publicKey
+			}];
+			break;
+		case "AddKey":
+			const ak = action.accessKey;
+			let permissions = "";
+			try {
+				const accessKeyObj = require_validation.isString(ak) ? JSON.parse(ak) : ak;
+				permissions = accessKeyObj.permission === "FullAccess" ? "Full Access" : "Function Call";
+			} catch {
+				permissions = "Unknown";
+			}
+			actionNodes = [{
+				id: `a${idx}-publicKey`,
+				label: `key: ${require_formatters.shortenPubkey(action.publicKey)}`,
+				open: false,
+				type: "file",
+				copyValue: action.publicKey
+			}, {
+				id: `a${idx}-permissions`,
+				label: `permissions: ${permissions}`,
+				open: false,
+				type: "file"
+			}];
+			break;
+		case "DeleteKey":
+			actionNodes = [{
+				id: `a${idx}-publicKey`,
+				label: `key: ${require_formatters.shortenPubkey(action.publicKey)}`,
+				open: false,
+				type: "file",
+				copyValue: action.publicKey
+			}];
+			break;
+		case "DeleteAccount":
+			actionNodes = [{
+				id: `a${idx}-beneficiaryId`,
+				label: `sending balance to: ${action.beneficiaryId}`,
+				open: false,
+				type: "file"
+			}];
+			break;
+		default:
+			let raw = "";
+			try {
+				raw = JSON.stringify(action, null, 2);
+			} catch {
+				raw = String(action);
+			}
+			actionNodes = [{
+				id: `a${idx}-action`,
+				label: `Action: ${action.type || "Unknown"}`,
+				open: false,
+				type: "file"
+			}, {
+				id: `a${idx}-raw`,
+				label: "Raw Data",
+				type: "file",
+				open: false,
+				content: raw
+			}];
+			break;
+	}
+	return {
+		id: `action-${idx}`,
+		label: "",
+		type: "folder",
+		open: false,
+		hideChevron: true,
+		action,
+		actionIndex: idx,
+		children: actionNodes
+	};
+}
+function buildTransactionNode(tx, tIdx, totalTransactions, styles) {
+	const actionFolders = tx.actions.map((action, idx) => buildActionNode(action, idx));
+	return {
+		id: `tx-${tIdx}`,
+		label: "",
+		type: "folder",
+		open: true,
+		hideChevron: true,
+		transaction: tx,
+		transactionIndex: tIdx,
+		totalTransactions,
+		children: [...actionFolders]
+	};
+}
+function buildDisplayTreeFromTxPayloads(txSigningRequests, styles) {
+	const totalTransactions = txSigningRequests.length;
+	const txFolders = txSigningRequests.map((tx, tIdx) => buildTransactionNode(tx, tIdx, totalTransactions, styles));
+	return {
+		id: "txs-root",
+		label: totalTransactions > 1 ? "Transactions" : "Transaction",
+		type: "folder",
+		open: true,
+		children: txFolders
+	};
+}
+
+//#endregion
+exports.buildDisplayTreeFromTxPayloads = buildDisplayTreeFromTxPayloads;
+//# sourceMappingURL=tx-tree-utils.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tx-tree-utils.js","names":["actionNodes: TreeNode[]","formatArgs","formatCodeSize","label: string","shortenPubkey","isString","actionFolders: TreeNode[]","txFolders: TreeNode[]"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-utils.ts"],"sourcesContent":["import { TxTreeStyles } from './tx-tree-themes';\nimport type { ActionArgs, TransactionInput } from '../../../types/actions';\nimport { formatArgs, formatDeposit, shortenPubkey, formatCodeSize } from '../common/formatters';\nimport { isString } from '@/utils/validation';\n\nexport type TreeNodeType = 'folder' | 'file';\n\n// Structured highlight specification for labels\nexport type HighlightSpec =\n  | { transaction: 'receiverId' }\n  | { actionType: 'FunctionCall' | 'Transfer' | string; highlightKeys: string[] };\n\nexport interface TreeNode {\n  /* Unique identifier for the tree node, used for React keys and DOM element IDs */\n  id: string;\n  /* Display text shown for this node in the tree UI */\n  label: string;\n  /* Type of the tree node - either 'folder' (expandable) or 'file' (leaf node) */\n  type: TreeNodeType;\n  /* Whether the node is initially expanded (folders only). Defaults to false.\n   * When true, folder nodes will be rendered in an open state.\n   */\n  open?: boolean;\n  /* Optional content for the node. When provided on a 'file' node,\n   * it will be shown inside a collapsible details section.\n   * Typically used for displaying formatted data like JSON arguments.\n   */\n  content?: string;\n  /* Child nodes for folder-type nodes. Undefined or empty array for file nodes.\n   * The tree structure is built recursively through this property.\n   */\n  children?: TreeNode[];\n  /** Optional value that can be copied to clipboard when the row is clicked */\n  copyValue?: string;\n  /**\n   * Optional highlighting information for special nodes\n   */\n  highlight?: {\n    type: 'receiverId' | 'methodName';\n    color: string;\n  };\n  /** Structured highlighting preferences for building labels */\n  highlightSpec?: HighlightSpec;\n  /* Optional flag to hide the chevron icon for folder nodes.\n   * When true, the expand/collapse chevron will not be rendered,\n   * though the folder will still be expandable/collapsible.\n   */\n  hideChevron?: boolean;\n  /* Optional flag to hide the label text for file nodes.\n   * When true, the label will be set to display: none,\n   * but the content will still be visible.\n   */\n  hideLabel?: boolean;\n\n  /**\n   * For action folder nodes, attach the underlying ActionArgs so the\n   * renderer can construct the label and apply selective highlights.\n   */\n  action?: ActionArgs;\n  /**\n   * The index of this action within its transaction, for display purposes.\n   */\n  actionIndex?: number;\n  /** Transaction data for transaction-level folder nodes */\n  transaction?: TransactionInput;\n  /** Index of this transaction in the list */\n  transactionIndex?: number;\n  /** Total count of transactions in the request */\n  totalTransactions?: number;\n}\n\n// Builds a TreeNode for a single action\nfunction buildActionNode(action: ActionArgs, idx: number): TreeNode {\n\n  let actionNodes: TreeNode[];\n\n  switch (action.type) {\n    case 'FunctionCall':\n      actionNodes = [\n        // Skip showing gas for FunctionCall, we show it in the label\n        // { id: `a${idx}-gas`, label: `gas: ${formatGas(action.gas)}`, type: 'file' },\n        {\n          id: `a${idx}-args`,\n          label: 'using args:',\n          type: 'file',\n          open: false,\n          hideChevron: true,\n          hideLabel: true, // hide \"args:\" row label\n          content: formatArgs(action.args)\n        }\n      ];\n      break;\n\n    case 'Transfer':\n      actionNodes = []; // Transfers don't have gas property\n      break;\n\n    case 'CreateAccount':\n      actionNodes = [];\n      break;\n\n    case 'DeployContract': {\n      const code = action.code;\n      const codeSize = formatCodeSize(code as any);\n      actionNodes = [\n        {\n          id: `a${idx}-code-size`,\n          label: `WASM contract code size: ${codeSize}`,\n          type: 'file',\n          open: false,\n        }\n      ];\n      break;\n    }\n\n    case 'DeployGlobalContract': {\n      const code = action.code;\n      const deployMode = action.deployMode;\n      const codeSize = formatCodeSize(code as any);\n      actionNodes = [\n        {\n          id: `a${idx}-deploy-mode`,\n          label: `mode: ${deployMode}`,\n          type: 'file',\n          open: false,\n        },\n        {\n          id: `a${idx}-code-size`,\n          label: `WASM global contract code size: ${codeSize}`,\n          type: 'file',\n          open: false,\n        }\n      ];\n      break;\n    }\n\n    case 'UseGlobalContract': {\n      const accountId = action.accountId;\n      const codeHash = action.codeHash;\n      let label: string;\n      if (accountId) {\n        label = `by account: ${accountId}`;\n      } else if (codeHash) {\n        const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n        label = `by hash: ${short}`;\n      } else {\n        label = 'by global contract identifier';\n      }\n      actionNodes = [\n        {\n          id: `a${idx}-identifier`,\n          label,\n          type: 'file',\n          open: false,\n        }\n      ];\n      break;\n    }\n\n    case 'Stake':\n      actionNodes = [\n        {\n          id: `a${idx}-publicKey`,\n          label: `validator: ${shortenPubkey(action.publicKey)}`,\n          type: 'file',\n          open: true,\n          copyValue: action.publicKey\n        }\n      ];\n      break;\n\n    case 'AddKey':\n      const ak = action.accessKey;\n      let permissions = '';\n      try {\n        const accessKeyObj = isString(ak) ? JSON.parse(ak) : ak;\n        permissions = accessKeyObj.permission === 'FullAccess'\n          ? 'Full Access'\n          : 'Function Call';\n      } catch {\n        permissions = 'Unknown';\n      }\n      actionNodes = [\n        {\n          id: `a${idx}-publicKey`,\n          label: `key: ${shortenPubkey(action.publicKey)}`,\n          open: false,\n          type: 'file',\n          copyValue: action.publicKey\n        },\n        {\n          id: `a${idx}-permissions`,\n          label: `permissions: ${permissions}`,\n          open: false,\n          type: 'file'\n        }\n      ];\n      break;\n\n    case 'DeleteKey':\n      actionNodes = [\n        {\n          id: `a${idx}-publicKey`,\n          label: `key: ${shortenPubkey(action.publicKey)}`,\n          open: false,\n          type: 'file',\n          copyValue: action.publicKey\n        }\n      ];\n      break;\n\n    case 'DeleteAccount':\n      actionNodes = [\n        {\n          id: `a${idx}-beneficiaryId`,\n          label: `sending balance to: ${action.beneficiaryId}`,\n          open: false,\n          type: 'file'\n        }\n      ];\n      break;\n\n    default:\n      // Unknown action - show raw data\n      let raw = '';\n      try { raw = JSON.stringify(action, null, 2); } catch { raw = String(action); }\n      actionNodes = [\n        {\n          id: `a${idx}-action`,\n          label: `Action: ${action.type || 'Unknown'}`,\n          open: false,\n          type: 'file'\n        },\n        {\n          id: `a${idx}-raw`,\n          label: 'Raw Data',\n          type: 'file',\n          open: false,\n          content: raw\n        }\n      ];\n      break;\n  }\n\n  return {\n    id: `action-${idx}`,\n    // Label is now computed at render time from action data\n    label: '',\n    type: 'folder',\n    open: false,\n    hideChevron: true,\n    // Attach action data for the renderer\n    action,\n    actionIndex: idx,\n    children: actionNodes\n  } as TreeNode;\n}\n\n// Pure builder that converts a TransactionInput into a TreeNode transaction tree\n// Label format: \"Transaction to receiverId\" for single tx, \"Transaction(index) to receiverId\" for multiple txs\nexport function buildTransactionNode(\n  tx: TransactionInput,\n  tIdx: number,\n  totalTransactions: number,\n  styles?: TxTreeStyles\n): TreeNode {\n\n  const actionFolders: TreeNode[] = tx.actions.map((action: ActionArgs, idx: number) =>\n    buildActionNode(action, idx)\n  );\n\n  return {\n    id: `tx-${tIdx}`,\n    // Label is computed at render time; keep empty string here\n    label: '',\n    type: 'folder',\n    open: true, // all transactions folders are open by default\n    hideChevron: true,\n    transaction: tx,\n    transactionIndex: tIdx,\n    totalTransactions,\n    children: [...actionFolders]\n  };\n}\n\n// Builds a display tree from transaction payloads for tooltip rendering\n// a two-level tree: Transaction -> Action N -> subfields\nexport function buildDisplayTreeFromTxPayloads(\n  txSigningRequests: TransactionInput[],\n  styles?: TxTreeStyles\n): TreeNode {\n\n  const totalTransactions = txSigningRequests.length;\n  const txFolders: TreeNode[] = txSigningRequests.map((tx: TransactionInput, tIdx: number) =>\n    buildTransactionNode(tx, tIdx, totalTransactions, styles)\n  );\n\n  return {\n    id: 'txs-root',\n    label: totalTransactions > 1 ? 'Transactions' : 'Transaction',\n    type: 'folder',\n    open: true,\n    children: txFolders\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/asset-base.js

@@ -0,0 +1,45 @@
+
+//#region src/core/WebAuthnManager/LitComponents/asset-base.ts
+/**
+* Resolve the base URL for embedded Lit bundles in a robust, readable way.
+*
+* Priority:
+* 1) window.__W3A_WALLET_SDK_BASE__ when set by the wallet host (absolute URL)
+* 2) Current ESM module location (import.meta.url):
+*    - If the URL contains a '/sdk/' segment, slice up to that segment.
+*    - Else return `${origin}/sdk/` when the origin is http(s).
+* 3) Last‑resort static fallback '/sdk/' (relative)
+*/
+const SDK_SEGMENT = "/sdk/";
+function withTrailingSlash(s) {
+	return s.endsWith("/") ? s : s + "/";
+}
+function readGlobalEmbeddedBase() {
+	try {
+		if (typeof window === "undefined") return void 0;
+		const v = window?.__W3A_WALLET_SDK_BASE__;
+		if (typeof v === "string" && v.length > 0) return withTrailingSlash(v);
+	} catch {}
+	return void 0;
+}
+function deriveFromModuleUrl() {
+	try {
+		const m = require("url").pathToFileURL(__filename).href;
+		if (!m) return void 0;
+		const base = typeof window !== "undefined" ? window.location.href : void 0;
+		const u = new URL(m, base);
+		const href = u.toString();
+		const idx = href.indexOf(SDK_SEGMENT);
+		if (idx > 0) return withTrailingSlash(href.slice(0, idx + 5));
+		const origin = u.origin;
+		if (origin && /^https?:/i.test(origin)) return withTrailingSlash(origin + "/sdk");
+	} catch {}
+	return void 0;
+}
+function resolveEmbeddedBase() {
+	return readGlobalEmbeddedBase() || deriveFromModuleUrl() || "/sdk/";
+}
+
+//#endregion
+exports.resolveEmbeddedBase = resolveEmbeddedBase;
+//# sourceMappingURL=asset-base.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/asset-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-base.js","names":[],"sources":["../../../../../../../src/core/WebAuthnManager/LitComponents/asset-base.ts"],"sourcesContent":["/**\n * Resolve the base URL for embedded Lit bundles in a robust, readable way.\n *\n * Priority:\n * 1) window.__W3A_WALLET_SDK_BASE__ when set by the wallet host (absolute URL)\n * 2) Current ESM module location (import.meta.url):\n *    - If the URL contains a '/sdk/' segment, slice up to that segment.\n *    - Else return `${origin}/sdk/` when the origin is http(s).\n * 3) Last‑resort static fallback '/sdk/' (relative)\n */\n\nconst SDK_SEGMENT = '/sdk/';\n\nfunction withTrailingSlash(s: string): string {\n  return s.endsWith('/') ? s : s + '/';\n}\n\nfunction readGlobalEmbeddedBase(): string | undefined {\n  try {\n    if (typeof window === 'undefined') return undefined;\n    const v = (window as any)?.__W3A_WALLET_SDK_BASE__ as string | undefined;\n    if (typeof v === 'string' && v.length > 0) return withTrailingSlash(v);\n  } catch {}\n  return undefined;\n}\n\nfunction deriveFromModuleUrl(): string | undefined {\n  try {\n    const m = (import.meta as any)?.url as string | undefined;\n    if (!m) return undefined;\n    const base = typeof window !== 'undefined' ? window.location.href : undefined;\n    const u = new URL(m, base as any);\n    const href = u.toString();\n\n    const idx = href.indexOf(SDK_SEGMENT);\n    if (idx > 0) {\n      return withTrailingSlash(href.slice(0, idx + SDK_SEGMENT.length));\n    }\n\n    const origin = u.origin;\n    if (origin && /^https?:/i.test(origin)) {\n      return withTrailingSlash(origin + '/sdk');\n    }\n  } catch {}\n  return undefined;\n}\n\nexport function resolveEmbeddedBase(): string {\n  return (\n    readGlobalEmbeddedBase() ||\n    deriveFromModuleUrl() ||\n    '/sdk/'\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,cAAc;AAEpB,SAAS,kBAAkB,GAAmB;AAC5C,QAAO,EAAE,SAAS,OAAO,IAAI,IAAI;;AAGnC,SAAS,yBAA6C;AACpD,KAAI;AACF,MAAI,OAAO,WAAW,YAAa,QAAO;EAC1C,MAAM,IAAK,QAAgB;AAC3B,MAAI,OAAO,MAAM,YAAY,EAAE,SAAS,EAAG,QAAO,kBAAkB;SAC9D;AACR,QAAO;;AAGT,SAAS,sBAA0C;AACjD,KAAI;EACF,MAAM;AACN,MAAI,CAAC,EAAG,QAAO;EACf,MAAM,OAAO,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;EACpE,MAAM,IAAI,IAAI,IAAI,GAAG;EACrB,MAAM,OAAO,EAAE;EAEf,MAAM,MAAM,KAAK,QAAQ;AACzB,MAAI,MAAM,EACR,QAAO,kBAAkB,KAAK,MAAM,GAAG,MAAM;EAG/C,MAAM,SAAS,EAAE;AACjB,MAAI,UAAU,YAAY,KAAK,QAC7B,QAAO,kBAAkB,SAAS;SAE9B;AACR,QAAO;;AAGT,SAAgB,sBAA8B;AAC5C,QACE,4BACA,yBACA"}

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/common/PadlockIcon.js

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+const require_css_loader = require('../css/css-loader.js');
+let lit = require("lit");
+lit = require_rolldown_runtime.__toESM(lit);
+
+//#region src/core/WebAuthnManager/LitComponents/common/PadlockIcon.ts
+var PadlockIconElement = class extends lit.LitElement {
+	static properties = {
+		size: { type: String },
+		strokeWidth: {
+			type: Number,
+			attribute: "stroke-width"
+		}
+	};
+	createRenderRoot() {
+		const root = super.createRenderRoot();
+		require_css_loader.ensureExternalStyles(root, "padlock-icon.css", "data-w3a-padlock-icon-css").catch(() => {});
+		return root;
+	}
+	constructor() {
+		super();
+		this.size = void 0;
+		this.strokeWidth = 2;
+	}
+	render() {
+		const size = this.size || void 0;
+		const sw = Number(this.strokeWidth) || 2;
+		return lit.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width=${sw}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        width=${size || "100%"}
+        height=${size || "100%"}
+        aria-hidden="true"
+        focusable="false"
+      >
+        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
+        <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+      </svg>
+    `;
+	}
+};
+try {
+	if (!customElements.get("w3a-padlock-icon")) customElements.define("w3a-padlock-icon", PadlockIconElement);
+} catch {}
+var PadlockIcon_default = PadlockIconElement;
+
+//#endregion
+exports.default = PadlockIcon_default;
+//# sourceMappingURL=PadlockIcon.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/common/PadlockIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PadlockIcon.js","names":["LitElement"],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/common/PadlockIcon.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { ensureExternalStyles } from '../css/css-loader';\n\nexport class PadlockIconElement extends LitElement {\n  static properties = {\n    size: { type: String },\n    strokeWidth: { type: Number, attribute: 'stroke-width' },\n  } as const;\n\n  declare size?: string;\n  declare strokeWidth?: number;\n\n  // Static styles removed; external stylesheet is adopted for CSP compatibility\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'padlock-icon.css', 'data-w3a-padlock-icon-css').catch(() => {});\n    return root;\n  }\n\n  constructor() {\n    super();\n    this.size = undefined; // allows CSS width/height or class to control size\n    this.strokeWidth = 2;\n  }\n\n  render() {\n    const size = this.size || undefined;\n    const sw = Number(this.strokeWidth) || 2;\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=${sw}\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        width=${size || '100%'}\n        height=${size || '100%'}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/>\n        <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/>\n      </svg>\n    `;\n  }\n}\n\ntry {\n  if (!customElements.get('w3a-padlock-icon')) {\n    customElements.define('w3a-padlock-icon', PadlockIconElement);\n  }\n} catch {}\n\nexport default PadlockIconElement;\n"],"mappings":";;;;;;AAGA,IAAa,qBAAb,cAAwCA,eAAW;CACjD,OAAO,aAAa;EAClB,MAAM,EAAE,MAAM;EACd,aAAa;GAAE,MAAM;GAAQ,WAAW;;;CAQ1C,AAAU,mBAAmD;EAC3D,MAAM,OAAO,MAAM;AACnB,0CAAqB,MAAqD,oBAAoB,6BAA6B,YAAY;AACvI,SAAO;;CAGT,cAAc;AACZ;AACA,OAAK,OAAO;AACZ,OAAK,cAAc;;CAGrB,SAAS;EACP,MAAM,OAAO,KAAK,QAAQ;EAC1B,MAAM,KAAK,OAAO,KAAK,gBAAgB;AACvC,SAAO,QAAI;;;;;;uBAMQ,GAAG;;;gBAGV,QAAQ,OAAO;iBACd,QAAQ,OAAO;;;;;;;;;;AAWhC,IAAI;AACF,KAAI,CAAC,eAAe,IAAI,oBACtB,gBAAe,OAAO,oBAAoB;QAEtC;AAER,0BAAe"}

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/common/formatters.js

@@ -0,0 +1,67 @@
+
+//#region src/core/WebAuthnManager/LitComponents/common/formatters.ts
+function formatArgs(args) {
+	if (!args) return "";
+	if (typeof args === "string") return args;
+	try {
+		return JSON.stringify(args, (_k, v) => typeof v === "bigint" ? v.toString() : v, 2);
+	} catch (e) {
+		return String(args);
+	}
+}
+function formatDeposit(deposit) {
+	if (!deposit || deposit === "0") return "0 NEAR";
+	try {
+		const yocto = BigInt(deposit);
+		const YOCTO_FACTOR = BigInt("1000000000000000000000000");
+		const whole = yocto / YOCTO_FACTOR;
+		const frac = yocto % YOCTO_FACTOR;
+		const maxDecimals = 5;
+		if (frac === BigInt(0)) return `${whole.toString()} NEAR`;
+		const fracStrFull = frac.toString().padStart(24, "0");
+		let fracStr = fracStrFull.slice(0, maxDecimals);
+		fracStr = fracStr.replace(/0+$/g, "");
+		if (fracStr.length === 0) return `${whole.toString()} NEAR`;
+		return `${whole.toString()}.${fracStr} NEAR`;
+	} catch (e) {
+		return deposit;
+	}
+}
+function formatGas(gas) {
+	if (!gas) return "";
+	try {
+		const gasValue = BigInt(gas);
+		const tgas = gasValue / BigInt("1000000000000");
+		return `${tgas} Tgas`;
+	} catch (e) {
+		return gas;
+	}
+}
+/**
+* Shorten a long public key or identifier by keeping a head and tail
+* and replacing the middle with an ellipsis.
+* Example: ed25519:ABCDEFGH...WXYZ12
+*/
+function shortenPubkey(pk, opts = {}) {
+	if (!pk || typeof pk !== "string") return "";
+	const { prefix = 12, suffix = 6 } = opts;
+	if (pk.length <= prefix + suffix + 3) return pk;
+	const head = pk.slice(0, prefix);
+	const tail = pk.slice(-suffix);
+	return `${head}...${tail}`;
+}
+function formatCodeSize(code) {
+	if (!code) return "0 bytes";
+	if (code instanceof Uint8Array) return `${code.byteLength} bytes`;
+	if (Array.isArray(code)) return `${code.length} bytes`;
+	if (typeof code === "string") return `${code.length} bytes`;
+	return "unknown";
+}
+
+//#endregion
+exports.formatArgs = formatArgs;
+exports.formatCodeSize = formatCodeSize;
+exports.formatDeposit = formatDeposit;
+exports.formatGas = formatGas;
+exports.shortenPubkey = shortenPubkey;
+//# sourceMappingURL=formatters.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/common/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","names":[],"sources":["../../../../../../../../src/core/WebAuthnManager/LitComponents/common/formatters.ts"],"sourcesContent":["\nexport function formatArgs(args?: string | Record<string, string>): string {\n  if (!args) return '';\n  if (typeof args === 'string') return args;\n  try {\n    return JSON.stringify(args, (_k, v) => typeof v === 'bigint' ? v.toString() : v, 2);\n  } catch (e) {\n    return String(args);\n  }\n}\n\nexport function formatDeposit(deposit?: string): string {\n  if (!deposit || deposit === '0') return '0 NEAR';\n  try {\n    const yocto = BigInt(deposit);\n    const YOCTO_FACTOR = BigInt('1000000000000000000000000'); // 1e24\n\n    const whole = yocto / YOCTO_FACTOR;\n    const frac = yocto % YOCTO_FACTOR;\n\n    // Format up to 5 decimal places (as before), then trim trailing zeros\n    const maxDecimals = 5;\n    if (frac === BigInt(0)) {\n      return `${whole.toString()} NEAR`;\n    }\n\n    // Pad fractional to 24 digits, then take the first maxDecimals\n    const fracStrFull = frac.toString().padStart(24, '0');\n    let fracStr = fracStrFull.slice(0, maxDecimals);\n    // Trim trailing zeros\n    fracStr = fracStr.replace(/0+$/g, '');\n\n    // If trimming removed all digits, omit decimal part\n    if (fracStr.length === 0) {\n      return `${whole.toString()} NEAR`;\n    }\n\n    return `${whole.toString()}.${fracStr} NEAR`;\n  } catch (e) {\n    // If parsing fails, return original value\n    return deposit;\n  }\n}\n\nexport function formatGas(gas?: string): string {\n  if (!gas) return '';\n  try {\n    const gasValue = BigInt(gas);\n    const tgas = gasValue / BigInt('1000000000000'); // Convert to Tgas (divide by 10^12)\n    return `${tgas} Tgas`;\n  } catch (e) {\n    // If parsing fails, return original value\n    return gas;\n  }\n}\n\n/**\n * Shorten a long public key or identifier by keeping a head and tail\n * and replacing the middle with an ellipsis.\n * Example: ed25519:ABCDEFGH...WXYZ12\n */\nexport function shortenPubkey(\n  pk?: string,\n  opts: { prefix?: number; suffix?: number } = {}\n): string {\n  if (!pk || typeof pk !== 'string') return '';\n  const { prefix = 12, suffix = 6 } = opts;\n  if (pk.length <= prefix + suffix + 3) return pk; // +3 for '...'\n  const head = pk.slice(0, prefix);\n  const tail = pk.slice(-suffix);\n  return `${head}...${tail}`;\n}\n\n\n// Helper function for calculating code size\nexport function formatCodeSize(code: Uint8Array | string): string {\n  if (!code) return '0 bytes';\n  if (code instanceof Uint8Array) return `${code.byteLength} bytes`;\n  if (Array.isArray(code)) return `${code.length} bytes`;\n  if (typeof code === 'string') return `${code.length} bytes`;\n  return 'unknown';\n}"],"mappings":";;AACA,SAAgB,WAAW,MAAgD;AACzE,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,OAAO,SAAS,SAAU,QAAO;AACrC,KAAI;AACF,SAAO,KAAK,UAAU,OAAO,IAAI,MAAM,OAAO,MAAM,WAAW,EAAE,aAAa,GAAG;UAC1E,GAAG;AACV,SAAO,OAAO;;;AAIlB,SAAgB,cAAc,SAA0B;AACtD,KAAI,CAAC,WAAW,YAAY,IAAK,QAAO;AACxC,KAAI;EACF,MAAM,QAAQ,OAAO;EACrB,MAAM,eAAe,OAAO;EAE5B,MAAM,QAAQ,QAAQ;EACtB,MAAM,OAAO,QAAQ;EAGrB,MAAM,cAAc;AACpB,MAAI,SAAS,OAAO,GAClB,QAAO,GAAG,MAAM,WAAW;EAI7B,MAAM,cAAc,KAAK,WAAW,SAAS,IAAI;EACjD,IAAI,UAAU,YAAY,MAAM,GAAG;AAEnC,YAAU,QAAQ,QAAQ,QAAQ;AAGlC,MAAI,QAAQ,WAAW,EACrB,QAAO,GAAG,MAAM,WAAW;AAG7B,SAAO,GAAG,MAAM,WAAW,GAAG,QAAQ;UAC/B,GAAG;AAEV,SAAO;;;AAIX,SAAgB,UAAU,KAAsB;AAC9C,KAAI,CAAC,IAAK,QAAO;AACjB,KAAI;EACF,MAAM,WAAW,OAAO;EACxB,MAAM,OAAO,WAAW,OAAO;AAC/B,SAAO,GAAG,KAAK;UACR,GAAG;AAEV,SAAO;;;;;;;;AASX,SAAgB,cACd,IACA,OAA6C,IACrC;AACR,KAAI,CAAC,MAAM,OAAO,OAAO,SAAU,QAAO;CAC1C,MAAM,EAAE,SAAS,IAAI,SAAS,MAAM;AACpC,KAAI,GAAG,UAAU,SAAS,SAAS,EAAG,QAAO;CAC7C,MAAM,OAAO,GAAG,MAAM,GAAG;CACzB,MAAM,OAAO,GAAG,MAAM,CAAC;AACvB,QAAO,GAAG,KAAK,KAAK;;AAKtB,SAAgB,eAAe,MAAmC;AAChE,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,gBAAgB,WAAY,QAAO,GAAG,KAAK,WAAW;AAC1D,KAAI,MAAM,QAAQ,MAAO,QAAO,GAAG,KAAK,OAAO;AAC/C,KAAI,OAAO,SAAS,SAAU,QAAO,GAAG,KAAK,OAAO;AACpD,QAAO"}

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/confirm-ui-types.js

@@ -0,0 +1,9 @@
+
+//#region src/core/WebAuthnManager/LitComponents/confirm-ui-types.ts
+function validateTheme(s) {
+	return s === "dark" || s === "light" ? s : void 0;
+}
+
+//#endregion
+exports.validateTheme = validateTheme;
+//# sourceMappingURL=confirm-ui-types.js.map

package/dist/cjs/react/src/core/WebAuthnManager/LitComponents/confirm-ui-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-ui-types.js","names":[],"sources":["../../../../../../../src/core/WebAuthnManager/LitComponents/confirm-ui-types.ts"],"sourcesContent":["import { TransactionInputWasm, VRFChallenge } from '../../types';\n\nexport interface ConfirmUIElement {\n  /** When true, host controls element removal (two-phase close). */\n  deferClose?: boolean;\n  /** Optional close API for programmatic removal with a final decision state. */\n  close?(confirmed: boolean): void;\n}\n\nexport type ConfirmationUIMode = 'skip' | 'modal' | 'drawer';\n\n// Theme name used across confirm UI\nexport type ThemeName = 'dark' | 'light';\n// Optional enum-style helper to avoid magic strings at callsites\nexport enum Theme {\n  Dark = 'dark',\n  Light = 'light',\n}\n\nexport function validateTheme(s?: string): ThemeName | undefined {\n  return s === 'dark' || s === 'light' ? (s as ThemeName) : undefined;\n}\n// Public handle returned by mount/await helpers\n\nexport type ConfirmUIUpdate = {\n  nearAccountId?: string;\n  txSigningRequests?: TransactionInputWasm[];\n  vrfChallenge?: Partial<VRFChallenge>;\n  theme?: ThemeName;\n  loading?: boolean;\n  errorMessage?: string;\n  title?: string;\n  body?: string;\n};\n\nexport interface ConfirmUIHandle {\n  close(confirmed: boolean): void;\n  update(props: ConfirmUIUpdate): void;\n}\n"],"mappings":";;AAmBA,SAAgB,cAAc,GAAmC;AAC/D,QAAO,MAAM,UAAU,MAAM,UAAW,IAAkB"}