sportfi-kit 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Chiliz / SportFi Kit Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,90 @@
+# sportfi-kit
+
+<div align="center">
+  <img src="https://raw.githubusercontent.com/chiliz/sportfi-kit/main/logo.svg" width="128" height="128" alt="SportFi Kit Logo" />
+  <h1>SportFi Kit</h1>
+  <p>The ultimate SDK for building high-performance SportFi mini-apps on Chiliz Chain.</p>
+</div>
+
+---
+
+**SportFi Kit** is a modern React component library, collection of hooks, and CLI tool designed specifically for developers building dApps for the **Socios.com Wallet Browser** and **Telegram Mini-App** ecosystems.
+
+## 🚀 Key Features
+
+- **Built for Chiliz Chain**: Hard-coded support for Mainnet (88888) and Spicy Testnet (88882).
+- **Embedded Browser Optimized**: Automatic detection and support for Socios.com and Telegram browser environments.
+- **Fan Token Infrastructure**: Ready-to-use components for Fan Token gating and balance tracking.
+- **SportFi Components**: Prediction cards, voting hooks, and Pyth oracle integration out of the box.
+- **Modern Tech Stack**: React 19, Reown AppKit, Wagmi v2, Viem v2, and TanStack Query v5.
+- **Premium Aesthetic**: Minimalist, high-contrast design system featuring Emerald-600 accents.
+
+## 📦 Installation
+
+```bash
+npm install sportfi-kit
+```
+
+## 🛠️ Quick Start
+
+### 1. Configure Provider
+
+Wrap your application with the `SportFiKitProvider` at the root.
+
+```tsx
+import { SportFiKitProvider } from 'sportfi-kit';
+
+function App() {
+  return (
+    <SportFiKitProvider config={{ reownProjectId: 'YOUR_PROJECT_ID' }}>
+      <YourAppContent />
+    </SportFiKitProvider>
+  );
+}
+```
+
+### 2. Connect Wallet
+
+Use the pre-styled `ConnectButton` or the `useSportFiConnect` hook.
+
+```tsx
+import { ConnectButton, useSportFiConnect } from 'sportfi-kit';
+
+function Header() {
+  const { isConnected, address } = useSportFiConnect();
+  
+  return (
+    <nav>
+      <ConnectButton />
+      {isConnected && <span>Connected: {address}</span>}
+    </nav>
+  );
+}
+```
+
+## 💻 CLI Tools
+
+SportFi Kit comes with a powerful CLI to scaffold new projects in seconds.
+
+```bash
+# Scaffold a new mini-app
+npx sportfi-kit create my-app --template prediction-market
+
+# Add examples to existing project
+npx sportfi-kit add-example live-poll
+```
+
+Available templates:
+- `basic`: Minimalism at its finest.
+- `prediction-market`: Full Chiliz-integrated prediction UI.
+- `fan-token-gate`: Content locking based on Fan Token ownership.
+- `live-poll`: Real-time on-chain voting.
+
+## 📖 Documentation
+
+For full API reference, component guides, and Socios integration tips, visit our documentation site:
+**[docs.sportfi.kit](https://localhost:5173)** (Local Preview)
+
+## 📄 License
+
+MIT © [Chiliz Team](LICENSE)

package/dist/cli/commands/add-example.d.ts

@@ -0,0 +1,2 @@
+export declare const addExampleCommand: (exampleName: string) => Promise<void>;
+//# sourceMappingURL=add-example.d.ts.map

package/dist/cli/commands/add-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-example.d.ts","sourceRoot":"","sources":["../../../cli/commands/add-example.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAU,aAAa,MAAM,kBA8B1D,CAAC"}

package/dist/cli/commands/add-example.js

@@ -0,0 +1,30 @@
+import fs from 'fs-extra';
+import path from 'path';
+import chalk from 'chalk';
+export const addExampleCommand = async (exampleName) => {
+    const currentDir = process.cwd();
+    const srcDir = path.join(currentDir, 'src');
+    // Resolve templates from the package root
+    // - In source: packages/core/cli/commands/add-example.ts -> ../../templates
+    // - In build: packages/core/dist/cli/commands/add-example.js -> ../../../templates
+    const sourcePath = path.resolve(__dirname, '../../templates', exampleName);
+    const buildPath = path.resolve(__dirname, '../../../templates', exampleName);
+    const templateDir = fs.existsSync(sourcePath) ? sourcePath : buildPath;
+    if (!fs.existsSync(srcDir)) {
+        console.error(chalk.red('Error: src/ directory not found. Please run this in the root of a React project.'));
+        process.exit(1);
+    }
+    if (!fs.existsSync(templateDir)) {
+        console.error(chalk.red(`Error: Example "${exampleName}" not found.`));
+        process.exit(1);
+    }
+    try {
+        const targetPath = path.join(srcDir, 'examples', exampleName);
+        console.log(chalk.blue(`Copying example code to ${targetPath}...`));
+        await fs.copy(templateDir, targetPath);
+        console.log(chalk.green(`\n✅ Example "${exampleName}" added successfully to your src/examples directory!`));
+    }
+    catch (err) {
+        console.error(chalk.red('Failed to add example:'), err);
+    }
+};

package/dist/cli/commands/create.d.ts

@@ -0,0 +1,4 @@
+export declare const createCommand: (appName: string, options: {
+    template: string;
+}) => Promise<void>;
+//# sourceMappingURL=create.d.ts.map

package/dist/cli/commands/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../cli/commands/create.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAU,SAAS,MAAM,EAAE,SAAS;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,kBAwCjF,CAAC"}

package/dist/cli/commands/create.js

@@ -0,0 +1,39 @@
+import fs from 'fs-extra';
+import path from 'path';
+import chalk from 'chalk';
+export const createCommand = async (appName, options) => {
+    const targetDir = path.resolve(process.cwd(), appName);
+    // Resolve templates from the package root
+    // - In source: packages/core/cli/commands/create.ts -> ../../templates
+    // - In build: packages/core/dist/cli/commands/create.js -> ../../../templates
+    const sourcePath = path.resolve(__dirname, '../../templates', options.template);
+    const buildPath = path.resolve(__dirname, '../../../templates', options.template);
+    const templateDir = fs.existsSync(sourcePath) ? sourcePath : buildPath;
+    if (fs.existsSync(targetDir)) {
+        console.error(chalk.red(`Error: Directory ${appName} already exists.`));
+        process.exit(1);
+    }
+    if (!fs.existsSync(templateDir)) {
+        console.error(chalk.red(`Error: Template "${options.template}" not found.`));
+        process.exit(1);
+    }
+    try {
+        console.log(chalk.blue(`Scaffolding project from ${options.template} template...`));
+        await fs.copy(templateDir, targetDir);
+        // Update package.json name
+        const pkgPath = path.join(targetDir, 'package.json');
+        if (fs.existsSync(pkgPath)) {
+            const pkg = await fs.readJson(pkgPath);
+            pkg.name = appName;
+            await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+        }
+        console.log(chalk.green(`\n✅ Project "${appName}" created successfully!`));
+        console.log(`\nNext steps:`);
+        console.log(`  cd ${appName}`);
+        console.log(`  npm install`);
+        console.log(`  npm run dev\n`);
+    }
+    catch (err) {
+        console.error(chalk.red('Failed to create project:'), err);
+    }
+};

package/dist/cli/commands/init.d.ts

@@ -0,0 +1,2 @@
+export declare const initCommand: () => Promise<void>;
+//# sourceMappingURL=init.d.ts.map

package/dist/cli/commands/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../cli/commands/init.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,qBAyBvB,CAAC"}

package/dist/cli/commands/init.js

@@ -0,0 +1,26 @@
+import fs from 'fs-extra';
+import path from 'path';
+import chalk from 'chalk';
+export const initCommand = async () => {
+    const currentDir = process.cwd();
+    const pkgPath = path.join(currentDir, 'package.json');
+    if (!fs.existsSync(pkgPath)) {
+        console.error(chalk.red('Error: package.json not found. Run "npm init" first or navigate to a project root.'));
+        process.exit(1);
+    }
+    try {
+        // Add dependencies
+        const pkg = await fs.readJson(pkgPath);
+        pkg.dependencies = pkg.dependencies || {};
+        pkg.dependencies['sportfi-kit'] = '^1.0.0';
+        pkg.dependencies['wagmi'] = 'latest';
+        pkg.dependencies['viem'] = 'latest';
+        pkg.dependencies['@reown/appkit-wagmi'] = 'latest';
+        await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+        console.log(chalk.green('✅ Added sportfi-kit to dependencies.'));
+        console.log(chalk.yellow('Remember to run "npm install" to update your node_modules.'));
+    }
+    catch (err) {
+        console.error(chalk.red('Failed to initialize:'), err);
+    }
+};

package/dist/cli/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../cli/index.ts"],"names":[],"mappings":""}

package/dist/cli/index.js

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+import { cac } from 'cac';
+import chalk from 'chalk';
+import { createCommand } from './commands/create';
+import { initCommand } from './commands/init';
+import { addExampleCommand } from './commands/add-example';
+const cli = cac('sportfi-kit');
+cli
+    .command('create <app-name>', 'Scaffold a new SportFi mini-app')
+    .option('--template <template>', 'Template to use (basic, prediction-market, fan-token-gate, live-poll)', { default: 'basic' })
+    .action(async (appName, options) => {
+    console.log(chalk.hex('#059669')(`\n⚽ SportFi Kit: Creating "${appName}"...`));
+    await createCommand(appName, options);
+});
+cli
+    .command('init', 'Add SportFi Kit to an existing project')
+    .action(async () => {
+    console.log(chalk.hex('#059669')(`\n🛠️ SportFi Kit: Initializing in current directory...`));
+    await initCommand();
+});
+cli
+    .command('add-example <name>', 'Add a SportFi example to your project')
+    .action(async (name) => {
+    console.log(chalk.hex('#059669')(`\n💡 SportFi Kit: Adding example "${name}"...`));
+    await addExampleCommand(name);
+});
+cli.help();
+cli.version('1.0.0');
+cli.parse();

package/dist/cli/templates/basic/src/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/cli/templates/basic/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../../cli/templates/basic/src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAuBX;AAED,eAAe,GAAG,CAAC"}

package/dist/cli/templates/basic/src/App.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SportFiKitProvider, ConnectButton, SafeAreaWrapper } from '@chiliz/sportfi-kit';
+function App() {
+    const config = {
+        reownProjectId: 'YOUR_PROJECT_ID',
+    };
+    return (_jsx(SportFiKitProvider, { config: config, children: _jsxs(SafeAreaWrapper, { children: [_jsxs("header", { className: "flex justify-between items-center mb-8", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("svg", { width: "32", height: "32", viewBox: "0 0 32 32", children: _jsx("path", { d: "M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 24c-5.523 0-10-4.477-10-10S10.477 6 16 6s10 4.477 10 10-4.477 10-10 10z", fill: "#059669" }) }), _jsx("span", { className: "text-xl font-bold", children: "SportFi Mini App" })] }), _jsx(ConnectButton, {})] }), _jsxs("main", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold text-slate-900 mb-4", children: "Welcome to Chiliz Chain" }), _jsx("p", { className: "text-slate-600 mb-8", children: "Start building your fan experience with SportFi Kit." })] })] }) }));
+}
+export default App;

package/dist/cli/templates/fan-token-gate/src/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/cli/templates/fan-token-gate/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../../cli/templates/fan-token-gate/src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAuBX;AAED,eAAe,GAAG,CAAC"}

package/dist/cli/templates/fan-token-gate/src/App.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SportFiKitProvider, ConnectButton, SafeAreaWrapper, FanTokenGate } from '@chiliz/sportfi-kit';
+function App() {
+    const JUV_TOKEN = "0x...123"; // Juventus Fan Token
+    return (_jsx(SportFiKitProvider, { config: { reownProjectId: 'demo' }, children: _jsxs(SafeAreaWrapper, { className: "p-4", children: [_jsxs("header", { className: "flex justify-between items-center mb-8", children: [_jsx("span", { className: "font-bold text-xl text-emerald-600", children: "Fan Gate Demo" }), _jsx(ConnectButton, {})] }), _jsx(FanTokenGate, { tokenAddress: JUV_TOKEN, minBalance: 5, children: _jsxs("div", { className: "bg-white border border-slate-200 rounded-xl p-6 shadow-sm", children: [_jsx("h2", { className: "text-2xl font-bold mb-4", children: "Welcome, True Fan! \uD83C\uDFDF\uFE0F" }), _jsx("p", { className: "text-slate-600", children: "You have exclusive access to this locker room content." }), _jsx("div", { className: "mt-6 aspect-video bg-slate-100 rounded-lg flex items-center justify-center", children: _jsx("span", { className: "text-slate-400", children: "Exclusive Video Content" }) })] }) })] }) }));
+}
+export default App;

package/dist/cli/templates/live-poll/src/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/cli/templates/live-poll/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../../cli/templates/live-poll/src/App.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,4CAyCX;AAED,eAAe,GAAG,CAAC"}

package/dist/cli/templates/live-poll/src/App.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SportFiKitProvider, ConnectButton, SafeAreaWrapper, useSimpleVote } from '@chiliz/sportfi-kit';
+function App() {
+    const POLL_CONTRACT = "0x...abc";
+    const { vote, isPending, isSuccess } = useSimpleVote(POLL_CONTRACT);
+    const options = ["Messi", "Ronaldo", "Neymar"];
+    return (_jsx(SportFiKitProvider, { config: { reownProjectId: 'demo' }, children: _jsxs(SafeAreaWrapper, { className: "p-4", children: [_jsxs("header", { className: "flex justify-between items-center mb-10", children: [_jsx("span", { className: "font-bold text-xl text-emerald-600", children: "Fan Vote" }), _jsx(ConnectButton, {})] }), _jsxs("div", { className: "max-w-md mx-auto bg-white border border-slate-200 rounded-xl p-8 shadow-sm", children: [_jsx("h2", { className: "text-xl font-bold mb-6", children: "Vote for Player of the Month" }), _jsx("div", { className: "space-y-4", children: options.map((opt, i) => (_jsx("button", { onClick: () => vote(i), disabled: isPending || isSuccess, className: `w-full p-4 text-left border rounded-lg transition-all ${isSuccess ? 'border-emerald-200 bg-emerald-50 text-emerald-700' : 'border-slate-200 hover:border-emerald-600'}`, children: opt }, i))) }), isSuccess && (_jsx("p", { className: "mt-4 text-center text-emerald-600 font-medium", children: "Your vote has been cast! \u2705" })) || isPending && (_jsx("p", { className: "mt-4 text-center text-slate-500", children: "Submitting vote..." }))] })] }) }));
+}
+export default App;

package/dist/cli/templates/prediction-market/src/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/cli/templates/prediction-market/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../../cli/templates/prediction-market/src/App.tsx"],"names":[],"mappings":"AAGA,iBAAS,GAAG,4CAkCX;AAED,eAAe,GAAG,CAAC"}

package/dist/cli/templates/prediction-market/src/App.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SportFiKitProvider, ConnectButton, SafeAreaWrapper, PredictionCard } from '@chiliz/sportfi-kit';
+import { useState } from 'react';
+function App() {
+    const [isVoting, setIsVoting] = useState(false);
+    const prediction = {
+        id: "1",
+        question: "Who will win the Chiliz Cup final?",
+        options: ["Team Spicy", "Team Chiliz", "Draw"],
+        endTime: Date.now() + 86400000,
+        totalPool: "25000",
+    };
+    const handleVote = (index) => {
+        setIsVoting(true);
+        console.log(`Voting for ${prediction.options[index]}`);
+        setTimeout(() => setIsVoting(false), 2000);
+    };
+    return (_jsx(SportFiKitProvider, { config: { reownProjectId: 'demo' }, children: _jsxs(SafeAreaWrapper, { className: "p-4", children: [_jsxs("header", { className: "flex justify-between items-center mb-8", children: [_jsx("span", { className: "font-bold text-xl text-emerald-600", children: "Prediction Market" }), _jsx(ConnectButton, {})] }), _jsx("div", { className: "flex justify-center", children: _jsx(PredictionCard, { prediction: prediction, onVote: handleVote, isVoting: isVoting }) })] }) }));
+}
+export default App;

package/dist/components/CloseMiniAppButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * CloseMiniAppButton - Standard 'X' button to exit the mini-app environment.
+ */
+export declare const CloseMiniAppButton: React.FC;
+//# sourceMappingURL=CloseMiniAppButton.d.ts.map

package/dist/components/CloseMiniAppButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseMiniAppButton.d.ts","sourceRoot":"","sources":["../../src/components/CloseMiniAppButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAUtC,CAAC"}

package/dist/components/CloseMiniAppButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+import { closeSociosMiniApp } from '../utils/detectSociosBrowser';
+/**
+ * CloseMiniAppButton - Standard 'X' button to exit the mini-app environment.
+ */
+export const CloseMiniAppButton = () => {
+    return (_jsx("button", { onClick: closeSociosMiniApp, className: "p-2 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-600 transition-all shadow-sm", "aria-label": "Close", children: _jsx(X, { size: 20 }) }));
+};

package/dist/components/ConnectButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * ConnectButton - The primary entry point for wallet connection.
+ * Styled with Emerald-600 and follows the minimalist design rules.
+ */
+export declare const ConnectButton: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=ConnectButton.d.ts.map

package/dist/components/ConnectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../src/components/ConnectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAyB1D,CAAC"}

package/dist/components/ConnectButton.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useSportFiConnect } from '../hooks/useSportFiConnect';
+/**
+ * ConnectButton - The primary entry point for wallet connection.
+ * Styled with Emerald-600 and follows the minimalist design rules.
+ */
+export const ConnectButton = ({ className = '' }) => {
+    const { address, isConnected, isConnecting, connect, disconnect } = useSportFiConnect();
+    const baseStyles = "bg-emerald-600 text-white rounded-md px-4 py-2 hover:opacity-90 transition-all font-medium shadow-sm flex items-center justify-center gap-2";
+    if (isConnected && address) {
+        return (_jsxs("button", { onClick: () => disconnect(), className: `${baseStyles} ${className}`, children: [address.slice(0, 6), "...", address.slice(-4)] }));
+    }
+    return (_jsx("button", { onClick: () => connect(), className: `${baseStyles} ${className}`, disabled: isConnecting, children: isConnecting ? 'Connecting...' : 'Connect Wallet' }));
+};

package/dist/components/FanTokenGate.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface FanTokenGateProps {
+    tokenAddress: string;
+    minBalance?: number;
+    loadingFallback?: React.ReactNode;
+    unauthorizedFallback?: React.ReactNode;
+    children: React.ReactNode;
+}
+/**
+ * FanTokenGate - Content gating based on Fan Token ownership.
+ */
+export declare const FanTokenGate: React.FC<FanTokenGateProps>;
+export {};
+//# sourceMappingURL=FanTokenGate.d.ts.map

package/dist/components/FanTokenGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FanTokenGate.d.ts","sourceRoot":"","sources":["../../src/components/FanTokenGate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}

package/dist/components/FanTokenGate.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFanTokenBalance } from '../hooks/useFanTokenBalance';
+/**
+ * FanTokenGate - Content gating based on Fan Token ownership.
+ */
+export const FanTokenGate = ({ tokenAddress, minBalance = 1, loadingFallback = _jsx("div", { className: "p-4 text-center text-slate-600", children: "Checking fan status..." }), unauthorizedFallback = (_jsxs("div", { className: "p-6 border border-slate-200 rounded-xl bg-white text-center shadow-sm", children: [_jsx("h3", { className: "text-lg font-bold text-slate-900 mb-2", children: "Fan-Only Content" }), _jsxs("p", { className: "text-slate-600 mb-4", children: ["You need at least ", minBalance, " token(s) to access this content."] }), _jsx("button", { className: "bg-emerald-600 text-white rounded-md px-4 py-2 font-medium", children: "Buy Tokens" })] })), children }) => {
+    const { balance, isLoading } = useFanTokenBalance(tokenAddress);
+    if (isLoading)
+        return _jsx(_Fragment, { children: loadingFallback });
+    if (parseFloat(balance) < minBalance) {
+        return _jsx(_Fragment, { children: unauthorizedFallback });
+    }
+    return _jsx(_Fragment, { children: children });
+};

package/dist/components/PredictionCard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Prediction } from '../types';
+interface PredictionCardProps {
+    prediction: Prediction;
+    onVote: (optionIndex: number) => void;
+    isVoting?: boolean;
+}
+/**
+ * PredictionCard - Interactive UI for sport prediction markets.
+ */
+export declare const PredictionCard: React.FC<PredictionCardProps>;
+export {};
+//# sourceMappingURL=PredictionCard.d.ts.map

package/dist/components/PredictionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PredictionCard.d.ts","sourceRoot":"","sources":["../../src/components/PredictionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAC"}

package/dist/components/PredictionCard.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PredictionCard - Interactive UI for sport prediction markets.
+ */
+export const PredictionCard = ({ prediction, onVote, isVoting = false }) => {
+    return (_jsxs("div", { className: "bg-white border border-slate-200 rounded-xl shadow-sm p-6 max-w-sm", children: [_jsx("h3", { className: "text-lg font-bold text-slate-900 mb-4", children: prediction.question }), _jsx("div", { className: "space-y-3", children: prediction.options.map((option, index) => (_jsx("button", { onClick: () => onVote(index), disabled: isVoting, className: "w-full text-left p-4 rounded-md border border-slate-200 hover:border-emerald-600 hover:bg-emerald-50 transition-all group", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "font-medium text-slate-700 group-hover:text-emerald-700", children: option }), _jsx("span", { className: "text-xs text-slate-400", children: "Vote" })] }) }, index))) }), _jsxs("div", { className: "mt-4 pt-4 border-t border-slate-100 flex justify-between items-center", children: [_jsxs("span", { className: "text-xs text-slate-500 font-medium uppercase tracking-wider", children: ["Pool: ", prediction.totalPool, " CHZ"] }), _jsx("span", { className: "text-xs text-slate-400", children: "Ends soon" })] })] }));
+};

package/dist/components/SafeAreaWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * SafeAreaWrapper - Handles layout padding for notched mobile devices in Socios/Telegram browsers.
+ */
+export declare const SafeAreaWrapper: React.FC<{
+    children: React.ReactNode;
+    className?: string;
+}>;
+//# sourceMappingURL=SafeAreaWrapper.d.ts.map

package/dist/components/SafeAreaWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeAreaWrapper.d.ts","sourceRoot":"","sources":["../../src/components/SafeAreaWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqBvF,CAAC"}

package/dist/components/SafeAreaWrapper.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMiniAppContext } from '../provider/SportFiKitProvider';
+/**
+ * SafeAreaWrapper - Handles layout padding for notched mobile devices in Socios/Telegram browsers.
+ */
+export const SafeAreaWrapper = ({ children, className = "" }) => {
+    const { safeAreaInsets } = useMiniAppContext();
+    const style = {
+        paddingTop: `max(1rem, ${safeAreaInsets.top}px)`,
+        paddingBottom: `max(1rem, ${safeAreaInsets.bottom}px)`,
+        paddingLeft: `max(1rem, ${safeAreaInsets.left}px)`,
+        paddingRight: `max(1rem, ${safeAreaInsets.right}px)`,
+    };
+    return (_jsx("div", { className: `min-h-screen bg-[#fafafa] transition-all ${className}`, style: style, children: children }));
+};

package/dist/components/ShareToSociosButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * ShareToSociosButton - Specialized button to share dApp content within Socios.
+ */
+export declare const ShareToSociosButton: React.FC<{
+    url: string;
+    text?: string;
+}>;
+//# sourceMappingURL=ShareToSociosButton.d.ts.map

package/dist/components/ShareToSociosButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareToSociosButton.d.ts","sourceRoot":"","sources":["../../src/components/ShareToSociosButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CA0BxE,CAAC"}

package/dist/components/ShareToSociosButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Share2 } from 'lucide-react';
+import { detectSociosBrowser } from '../utils/detectSociosBrowser';
+/**
+ * ShareToSociosButton - Specialized button to share dApp content within Socios.
+ */
+export const ShareToSociosButton = ({ url, text = "Check this out on SportFi!" }) => {
+    const handleShare = () => {
+        if (detectSociosBrowser() && window.SociosBridge) {
+            window.SociosBridge.share({ url, text });
+        }
+        else {
+            // Fallback to web share API
+            if (navigator.share) {
+                navigator.share({ title: 'SportFi Kit', text, url });
+            }
+            else {
+                alert("Sharing not supported in this browser");
+            }
+        }
+    };
+    return (_jsxs("button", { onClick: handleShare, className: "flex items-center gap-2 text-emerald-600 font-medium hover:underline", children: [_jsx(Share2, { size: 18 }), _jsx("span", { children: "Share to Fans" })] }));
+};

package/dist/hooks/useFanTokenBalance.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Hook to fetch the balance of a specific Fan Token for the connected user on Chiliz Chain.
+ * @param tokenAddress The contract address of the Fan Token.
+ */
+export declare const useFanTokenBalance: (tokenAddress: string) => {
+    balance: string;
+    symbol: string;
+    decimals: number;
+    isLoading: boolean;
+    isError: boolean;
+    error: import("viem").GetBalanceErrorType | null;
+};
+//# sourceMappingURL=useFanTokenBalance.d.ts.map

package/dist/hooks/useFanTokenBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFanTokenBalance.d.ts","sourceRoot":"","sources":["../../src/hooks/useFanTokenBalance.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,cAAc,MAAM;;;;;;;CAgBtD,CAAC"}

package/dist/hooks/useFanTokenBalance.js

@@ -0,0 +1,20 @@
+import { useBalance, useAccount } from 'wagmi';
+/**
+ * Hook to fetch the balance of a specific Fan Token for the connected user on Chiliz Chain.
+ * @param tokenAddress The contract address of the Fan Token.
+ */
+export const useFanTokenBalance = (tokenAddress) => {
+    const { address } = useAccount();
+    const { data, isLoading, isError, error } = useBalance({
+        address,
+        token: tokenAddress,
+    });
+    return {
+        balance: data?.formatted || '0',
+        symbol: data?.symbol || '',
+        decimals: data?.decimals || 18,
+        isLoading,
+        isError,
+        error,
+    };
+};

package/dist/hooks/usePythSportsFeed.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hook to fetch real-time sports feed data using Pyth Network oracles.
+ * (Simplified for demo, implementation would use @pythnetwork/pyth-evm-js)
+ */
+export declare const usePythSportsFeed: (priceFeedId: string) => {
+    data: {
+        price: string;
+        confidence: string;
+    } | null;
+    isLoading: boolean;
+};
+//# sourceMappingURL=usePythSportsFeed.d.ts.map

package/dist/hooks/usePythSportsFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePythSportsFeed.d.ts","sourceRoot":"","sources":["../../src/hooks/usePythSportsFeed.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM;;eACT,MAAM;oBAAc,MAAM;;;CAiBrE,CAAC"}