@emblemvault/identity-mesh 1.0.0 → 2.0.0

package/dist/index.d.mts

@@ -116,6 +116,55 @@ interface IdentityMeshProps {
     showIdentityCount?: boolean;
 }
 
+/**
+ * Props for the IdentityMeshRenderer component
+ */
+interface IdentityMeshRendererProps {
+    /** Array of links from API */
+    links: DisplayLink[];
+    /** Visitor details keyed by visitor ID */
+    visitorDetails: Record<string, VisitorDetails>;
+    /** Currently selected visitor ID */
+    selectedVisitor?: string | null;
+    /** Callback when a visitor is selected */
+    onSelectVisitor?: (id: string | null) => void;
+    /** Custom node type configurations */
+    nodeTypes?: Record<string, NodeType>;
+    /** Height of the visualization (default: 600) */
+    height?: number;
+    /** Show the legend (default: true) */
+    showLegend?: boolean;
+    /** Show identity count badge (default: true) */
+    showIdentityCount?: boolean;
+}
+/**
+ * IdentityMeshRenderer - Pure visualization component for identity mesh
+ *
+ * This is a data-agnostic component that renders the mesh visualization.
+ * Use with @emblemvault/embeddable for API data fetching, or pass data directly.
+ *
+ * @example
+ * ```tsx
+ * // With @emblemvault/embeddable
+ * import { Embeddable } from '@emblemvault/embeddable';
+ * import { IdentityMeshRenderer } from '@emblemvault/identity-mesh';
+ *
+ * <Embeddable
+ *   apiUrl="https://api.example.com/mesh"
+ *   params={{ vaultId: 'vault_123' }}
+ * >
+ *   <IdentityMeshRenderer />
+ * </Embeddable>
+ *
+ * // Or with direct data
+ * <IdentityMeshRenderer
+ *   links={myLinks}
+ *   visitorDetails={myDetails}
+ * />
+ * ```
+ */
+declare function IdentityMeshRenderer({ links, visitorDetails, selectedVisitor: externalSelectedVisitor, onSelectVisitor: externalOnSelectVisitor, nodeTypes: customNodeTypes, height, showLegend, showIdentityCount, }: IdentityMeshRendererProps): react_jsx_runtime.JSX.Element;
+
 /**
  * IdentityMesh - Embeddable identity visualization component
  *
@@ -173,4 +222,4 @@ declare function getBrowserIcon(browser?: string): string;
  */
 declare function renderNodeShape(nodeTypes: Record<string, NodeType>, type: string, x: number, y: number, size: number, isHovered: boolean, isSelected: boolean): JSX.Element;
 
-export { type DisplayLink, type IdentityLink, IdentityMesh, type IdentityMeshProps, type MeshApiResponse, type MeshTheme, type NodeType, type UseMeshDataOptions, type UseMeshDataResult, type VisitorDetails, defaultNodeTypes, getBrowserIcon, getCountryFlag, getDeviceIcon, renderNodeShape, useMeshData };
+export { type DisplayLink, type IdentityLink, IdentityMesh, type IdentityMeshProps, IdentityMeshRenderer, type IdentityMeshRendererProps, type MeshApiResponse, type MeshTheme, type NodeType, type UseMeshDataOptions, type UseMeshDataResult, type VisitorDetails, defaultNodeTypes, getBrowserIcon, getCountryFlag, getDeviceIcon, renderNodeShape, useMeshData };

package/dist/index.d.ts

@@ -116,6 +116,55 @@ interface IdentityMeshProps {
     showIdentityCount?: boolean;
 }
 
+/**
+ * Props for the IdentityMeshRenderer component
+ */
+interface IdentityMeshRendererProps {
+    /** Array of links from API */
+    links: DisplayLink[];
+    /** Visitor details keyed by visitor ID */
+    visitorDetails: Record<string, VisitorDetails>;
+    /** Currently selected visitor ID */
+    selectedVisitor?: string | null;
+    /** Callback when a visitor is selected */
+    onSelectVisitor?: (id: string | null) => void;
+    /** Custom node type configurations */
+    nodeTypes?: Record<string, NodeType>;
+    /** Height of the visualization (default: 600) */
+    height?: number;
+    /** Show the legend (default: true) */
+    showLegend?: boolean;
+    /** Show identity count badge (default: true) */
+    showIdentityCount?: boolean;
+}
+/**
+ * IdentityMeshRenderer - Pure visualization component for identity mesh
+ *
+ * This is a data-agnostic component that renders the mesh visualization.
+ * Use with @emblemvault/embeddable for API data fetching, or pass data directly.
+ *
+ * @example
+ * ```tsx
+ * // With @emblemvault/embeddable
+ * import { Embeddable } from '@emblemvault/embeddable';
+ * import { IdentityMeshRenderer } from '@emblemvault/identity-mesh';
+ *
+ * <Embeddable
+ *   apiUrl="https://api.example.com/mesh"
+ *   params={{ vaultId: 'vault_123' }}
+ * >
+ *   <IdentityMeshRenderer />
+ * </Embeddable>
+ *
+ * // Or with direct data
+ * <IdentityMeshRenderer
+ *   links={myLinks}
+ *   visitorDetails={myDetails}
+ * />
+ * ```
+ */
+declare function IdentityMeshRenderer({ links, visitorDetails, selectedVisitor: externalSelectedVisitor, onSelectVisitor: externalOnSelectVisitor, nodeTypes: customNodeTypes, height, showLegend, showIdentityCount, }: IdentityMeshRendererProps): react_jsx_runtime.JSX.Element;
+
 /**
  * IdentityMesh - Embeddable identity visualization component
  *
@@ -173,4 +222,4 @@ declare function getBrowserIcon(browser?: string): string;
  */
 declare function renderNodeShape(nodeTypes: Record<string, NodeType>, type: string, x: number, y: number, size: number, isHovered: boolean, isSelected: boolean): JSX.Element;
 
-export { type DisplayLink, type IdentityLink, IdentityMesh, type IdentityMeshProps, type MeshApiResponse, type MeshTheme, type NodeType, type UseMeshDataOptions, type UseMeshDataResult, type VisitorDetails, defaultNodeTypes, getBrowserIcon, getCountryFlag, getDeviceIcon, renderNodeShape, useMeshData };
+export { type DisplayLink, type IdentityLink, IdentityMesh, type IdentityMeshProps, IdentityMeshRenderer, type IdentityMeshRendererProps, type MeshApiResponse, type MeshTheme, type NodeType, type UseMeshDataOptions, type UseMeshDataResult, type VisitorDetails, defaultNodeTypes, getBrowserIcon, getCountryFlag, getDeviceIcon, renderNodeShape, useMeshData };