@chainloyalty/react 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @chainloyalty/react
+ * Main entry point for the ChainLoyalty React package
+ */
+export { useTrackEvent, trackEvent } from './useTrackEvent.js';
+export type { EventData, EventType, TrackEventResponse, UseTrackEventState } from './useTrackEvent.js';
+export { RewardsDashboard } from './RewardsDashboard.js';
+export type { RewardsDashboardProps, Badge, RewardHistoryItem, TierInfo, DashboardData } from './RewardsDashboard.js';
+export { Leaderboard } from './Leaderboard.js';
+export type { LeaderboardProps, LeaderboardEntry, LeaderboardTimeframe } from './Leaderboard.js';
+export declare const PACKAGE_VERSION = "1.0.0";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGvG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGjG,eAAO,MAAM,eAAe,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,12 @@
+/**
+ * @chainloyalty/react
+ * Main entry point for the ChainLoyalty React package
+ */
+// Export hooks
+export { useTrackEvent, trackEvent } from './useTrackEvent.js';
+// Export components
+export { RewardsDashboard } from './RewardsDashboard.js';
+export { Leaderboard } from './Leaderboard.js';
+// Version info
+export const PACKAGE_VERSION = '1.0.0';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAe;AACf,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,oBAAoB;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,OAAO,CAAC"}

package/dist/useTrackEvent.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @chainloyalty/react - useTrackEvent Hook
+ *
+ * Purpose:
+ * This hook provides a simple way to track user events in ChainLoyalty.
+ * It automatically captures the connected wallet address and handles:
+ * - Multiple event types (subscription, referral, feature_usage, milestone, purchase)
+ * - Loading, success, and error states
+ * - Toast notifications for user feedback
+ * - Returning structured responses
+ *
+ * Functionality:
+ * - useTrackEvent: React hook for tracking events within components
+ * - trackEvent: Standalone async function for tracking events programmatically
+ * - Automatic wallet address attachment
+ * - Built-in error handling and user notifications
+ */
+export type EventType = 'subscription' | 'referral' | 'feature_usage' | 'milestone' | 'purchase';
+export interface EventData {
+    type: EventType;
+    metadata?: Record<string, any>;
+    value?: number;
+    description?: string;
+}
+export interface TrackEventResponse {
+    success: boolean;
+    eventId?: string;
+    message: string;
+    data?: Record<string, any>;
+    error?: string;
+}
+export interface UseTrackEventState {
+    loading: boolean;
+    error: string | null;
+    success: boolean;
+}
+/**
+ * Standalone function to track an event programmatically.
+ * Can be called outside of React components.
+ *
+ * @param eventData - Event details (type, metadata, value, description)
+ * @param walletAddress - Connected wallet address (required)
+ * @returns Promise with tracking result
+ */
+export declare const trackEvent: (eventData: EventData, walletAddress: string) => Promise<TrackEventResponse>;
+/**
+ * React hook for tracking events within components.
+ * Provides loading, error, and success states.
+ * Automatically manages wallet state.
+ *
+ * @param walletAddress - Connected wallet address (required)
+ * @returns Object with track function and state
+ */
+export declare const useTrackEvent: (walletAddress: string | null) => {
+    track: (eventData: EventData) => Promise<TrackEventResponse>;
+    loading: boolean;
+    error: string | null;
+    success: boolean;
+};
+/**
+ * Example of how to use useTrackEvent in a component:
+ *
+ * const { track, loading, error, success } = useTrackEvent(walletAddress);
+ *
+ * const handlePurchase = async () => {
+ *   const response = await track({
+ *     type: 'purchase',
+ *     value: 99.99,
+ *     description: 'Premium subscription',
+ *     metadata: { productId: 'prod_123' },
+ *   });
+ * };
+ */
+export default useTrackEvent;
+//# sourceMappingURL=useTrackEvent.d.ts.map

package/dist/useTrackEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackEvent.d.ts","sourceRoot":"","sources":["../src/useTrackEvent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAQH,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjG,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB;AAwED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GACrB,WAAW,SAAS,EACpB,eAAe,MAAM,KACpB,OAAO,CAAC,kBAAkB,CAqD5B,CAAC;AAMF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,eAAe,MAAM,GAAG,IAAI;uBAQpC,SAAS,KAAG,OAAO,CAAC,kBAAkB,CAAC;;;;CAgD5D,CAAC;AAMF;;;;;;;;;;;;;GAaG;AAEH,eAAe,aAAa,CAAC"}

package/dist/useTrackEvent.js

@@ -0,0 +1,218 @@
+/**
+ * @chainloyalty/react - useTrackEvent Hook
+ *
+ * Purpose:
+ * This hook provides a simple way to track user events in ChainLoyalty.
+ * It automatically captures the connected wallet address and handles:
+ * - Multiple event types (subscription, referral, feature_usage, milestone, purchase)
+ * - Loading, success, and error states
+ * - Toast notifications for user feedback
+ * - Returning structured responses
+ *
+ * Functionality:
+ * - useTrackEvent: React hook for tracking events within components
+ * - trackEvent: Standalone async function for tracking events programmatically
+ * - Automatic wallet address attachment
+ * - Built-in error handling and user notifications
+ */
+import { useState, useCallback } from 'react';
+// ============================================================================
+// Mock Toast Notification System (Production: replace with your toast library)
+// ============================================================================
+const showToast = (message, type = 'success') => {
+    // In production, use react-hot-toast, sonner, or similar
+    console.log(`[${type.toUpperCase()}]`, message);
+    // Create a simple visual toast for demo
+    const toast = document.createElement('div');
+    toast.style.cssText = `
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    padding: 12px 20px;
+    border-radius: 6px;
+    background-color: ${type === 'success' ? '#3FB950' : '#f85149'};
+    color: white;
+    font-size: 14px;
+    font-weight: 500;
+    z-index: 9999;
+    animation: slideInUp 0.3s ease-out;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  `;
+    toast.textContent = message;
+    document.body.appendChild(toast);
+    setTimeout(() => {
+        toast.style.animation = 'slideOutDown 0.3s ease-in';
+        setTimeout(() => toast.remove(), 300);
+    }, 3000);
+};
+// ============================================================================
+// Mock API Call Function
+// ============================================================================
+const callEventIngestionAPI = async (eventData) => {
+    // In production, replace this with actual API call:
+    // return fetch('/api/events/track', {
+    //   method: 'POST',
+    //   headers: { 'Content-Type': 'application/json' },
+    //   body: JSON.stringify(eventData),
+    // }).then(res => res.json());
+    // Mock API call with realistic delay
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            const eventId = `evt_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            resolve({
+                success: true,
+                eventId,
+                message: `Event "${eventData.type}" tracked successfully`,
+                data: {
+                    type: eventData.type,
+                    walletAddress: eventData.walletAddress,
+                    timestamp: new Date().toISOString(),
+                    eventId,
+                },
+            });
+        }, 500);
+    });
+};
+// ============================================================================
+// Standalone trackEvent Function
+// ============================================================================
+/**
+ * Standalone function to track an event programmatically.
+ * Can be called outside of React components.
+ *
+ * @param eventData - Event details (type, metadata, value, description)
+ * @param walletAddress - Connected wallet address (required)
+ * @returns Promise with tracking result
+ */
+export const trackEvent = async (eventData, walletAddress) => {
+    try {
+        if (!walletAddress) {
+            const error = 'Wallet address is required to track events';
+            showToast(error, 'error');
+            return {
+                success: false,
+                message: error,
+                error,
+            };
+        }
+        // Validate event type
+        const validEventTypes = [
+            'subscription',
+            'referral',
+            'feature_usage',
+            'milestone',
+            'purchase',
+        ];
+        if (!validEventTypes.includes(eventData.type)) {
+            const error = `Invalid event type: ${eventData.type}`;
+            showToast(error, 'error');
+            return {
+                success: false,
+                message: error,
+                error,
+            };
+        }
+        // Call API
+        const response = await callEventIngestionAPI({
+            ...eventData,
+            walletAddress,
+        });
+        // Show success notification
+        if (response.success) {
+            showToast(response.message, 'success');
+        }
+        else {
+            showToast(response.message || 'Failed to track event', 'error');
+        }
+        return response;
+    }
+    catch (err) {
+        const errorMessage = err instanceof Error ? err.message : 'Failed to track event';
+        showToast(errorMessage, 'error');
+        return {
+            success: false,
+            message: errorMessage,
+            error: errorMessage,
+        };
+    }
+};
+// ============================================================================
+// useTrackEvent Hook
+// ============================================================================
+/**
+ * React hook for tracking events within components.
+ * Provides loading, error, and success states.
+ * Automatically manages wallet state.
+ *
+ * @param walletAddress - Connected wallet address (required)
+ * @returns Object with track function and state
+ */
+export const useTrackEvent = (walletAddress) => {
+    const [state, setState] = useState({
+        loading: false,
+        error: null,
+        success: false,
+    });
+    const track = useCallback(async (eventData) => {
+        // Reset state
+        setState({ loading: true, error: null, success: false });
+        try {
+            if (!walletAddress) {
+                throw new Error('Wallet not connected. Please connect your wallet first.');
+            }
+            // Call tracking function
+            const response = await trackEvent(eventData, walletAddress);
+            // Update state based on response
+            if (response.success) {
+                setState({ loading: false, error: null, success: true });
+            }
+            else {
+                setState({
+                    loading: false,
+                    error: response.error || response.message,
+                    success: false,
+                });
+            }
+            return response;
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Unknown error';
+            setState({
+                loading: false,
+                error: errorMessage,
+                success: false,
+            });
+            showToast(errorMessage, 'error');
+            return {
+                success: false,
+                message: errorMessage,
+                error: errorMessage,
+            };
+        }
+    }, [walletAddress]);
+    return {
+        track,
+        loading: state.loading,
+        error: state.error,
+        success: state.success,
+    };
+};
+// ============================================================================
+// Example Usage Hook (for documentation)
+// ============================================================================
+/**
+ * Example of how to use useTrackEvent in a component:
+ *
+ * const { track, loading, error, success } = useTrackEvent(walletAddress);
+ *
+ * const handlePurchase = async () => {
+ *   const response = await track({
+ *     type: 'purchase',
+ *     value: 99.99,
+ *     description: 'Premium subscription',
+ *     metadata: { productId: 'prod_123' },
+ *   });
+ * };
+ */
+export default useTrackEvent;
+//# sourceMappingURL=useTrackEvent.js.map

package/dist/useTrackEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackEvent.js","sourceRoot":"","sources":["../src/useTrackEvent.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@chainloyalty/react",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "ChainLoyalty React Components - Event tracking, rewards dashboard, and leaderboard",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "type-check": "tsc --noEmit",
+    "dev": "tsc --watch"
+  },
+  "keywords": [
+    "chainloyalty",
+    "react",
+    "rewards",
+    "web3"
+  ],
+  "author": "ChainLoyalty Team",
+  "license": "MIT",
+  "dependencies": {
+    "@chainloyalty/react": "file:",
+    "lucide-react": "^0.263.1",
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  }
+}