@simula/ads 1.1.0 → 1.3.0

package/README.md

@@ -1,12 +1,20 @@
 # Simula Ad SDK
 
-**React SDK for AI-Powered Contextual Ads**
+## Overview
 
-Simula delivers **contextually relevant ads** for conversational AI apps and LLM-based interfaces. It’s lightweight, easy to integrate, and MRC-compliant out of the box.
+The Simula Ad SDK enables React developers to monetize conversational AI applications with contextually relevant, non-intrusive ads. The SDK provides in-chat ad placements and native banner ads that integrate naturally with chat interfaces.
+
+### Key Features
+
+- **Contextual Targeting** - AI-powered ad matching based on conversation content
+- **In-Chat Ad Slots** - Ad placements that blend seamlessly into chat UIs
+- **Native Banner Ads** - Flexible ad placements for feeds and content surfaces
+- **MRC-Compliant Viewability** - Industry-standard impression tracking
+- **Built-in A/B Testing** - Optimize ad performance automatically
 
 ---
 
-## 🚀 Installation
+## Installation
 
 ```bash
 npm install @simula/ads
@@ -14,393 +22,80 @@ npm install @simula/ads
 
 ---
 
-## ⚡ Quick Start
+## Quick Start
 
-Integrate in **two steps**:
+### 1. Provider Setup
 
-1. **Wrap your chat/conversation component** with `SimulaProvider`
-2. **Insert** `<InChatAdSlot />` where you want ads
+Wrap your chat/conversation component with `SimulaProvider` to initialize the SDK:
 
 ```tsx
-import { SimulaProvider, InChatAdSlot } from "@simula/ads";
-
-function App() {
-  return (
-    <div>
-      <Header />
-      <ChatInterface />  {/* SimulaProvider wraps individual conversations */}
-    </div>
-  );
-}
+import { SimulaProvider } from "@simula/ads";
 
 function ChatInterface() {
-  const [messages, setMessages] = useState([]);
-
   return (
-    <SimulaProvider apiKey="SIMULA_xxx">
-      <div>
-        {messages.map((msg, i) => (
-          <div key={i}>
-            <p><strong>{msg.role}:</strong> {msg.content}</p>
-            {msg.role === "assistant" && (
-              <InChatAdSlot
-                messages={messages.slice(0, i + 1)}
-                formats="all"
-                theme={{ theme: "light", accent: "blue" }}
-              />
-            )}
-          </div>
-        ))}
-      </div>
-    </SimulaProvider>
-  );
-}
-```
-
----
-
-## 🧩 Components
-
-### `SimulaProvider`
-
-Initializes the SDK and manages session state.
-
-| Prop            | Type        | Required | Default | Description                                                                                                      |
-| --------------- | ----------- | -------- | ------- | ---------------------------------------------------------------------------------------------------------------- |
-| `apiKey`        | `string`    | ✅        | —       | Your Simula API key from the [dashboard](https://simula.ad)                                                      |
-| `children`      | `ReactNode` | ✅        | —       | Your app components                                                                                              |
-| `devMode`       | `boolean`   | ❌        | `false` | Enables development mode                                                                                         |
-| `primaryUserID` | `string`    | ❌        | —       | Publisher-provided user identifier. **Recommended** for consistent tracking across devices and sessions.         |
-
-```tsx
-// Wrap individual chat/conversation components
-function ChatInterface({ conversationId }) {
-  const [messages, setMessages] = useState([]);
-
-  return (
-    <SimulaProvider apiKey="SIMULA_xxx">
-      {/* Your chat UI */}
-    </SimulaProvider>
-  );
-}
-
-// For authenticated apps with user tracking (recommended)
-function ChatInterface({ conversationId, userId }) {
-  const [messages, setMessages] = useState([]);
-
-  return (
-    <SimulaProvider apiKey="SIMULA_xxx" primaryUserID={userId}>
+    <SimulaProvider
+      apiKey="SIMULA_xxx"
+      primaryUserID="user-123"       // Optional: User ID for better ad targeting
+      hasPrivacyConsent={true}       // Optional: Privacy consent flag
+      devMode={false}                // Optional: Enable dev mode for testing
+    >
       {/* Your chat UI */}
     </SimulaProvider>
   );
 }
 ```
 
-> **Provider Best Practices**
->
-> * **Wrap individual conversations** – Place `SimulaProvider` around each chat or character component so that each conversation is treated as a separate session. This provides better ad targeting based on conversation context.
->
-> * **Provide `primaryUserID`** – Use your user's ID to enable cross-device tracking and cookie-independent identification. This approach delivers:
->   * **Higher CPMs** – Better user attribution leads to more valuable ad placements
->   * **Frequency capping** – Prevents oversending ads to the same user
->   * **Better ad experience** – Optimized targeting based on consistent user history
->   * **Accurate analytics** – Reliable performance metrics across devices and sessions
->
-> * **One provider per conversation** – Don't nest multiple `SimulaProvider` instances. Each conversation/chat component should have its own provider at the top level.
->
-> For anonymous users, you can still use `SimulaProvider` without `primaryUserID`, but tracking will rely on cookies.
-
----
-
-### `InChatAdSlot`
-
-Displays an ad based on conversation context.
-
-| Prop           | Type                   | Required | Default                                                                                              | Description                                                                                                                                                                     |
-| -------------- | ---------------------- | -------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `messages`     | `Message[]`            | ✅        | —                                                                                                    | Array of `{ role, content }`; pass recent conversation (e.g. last 6 turns).                                                                                                     |
-| `trigger`      | `Promise<any>`         | ❌        | Fires immediately on viewability                                                                     | Promise to await before fetching the ad (e.g. LLM call).                                                                                                                        |
-| `formats`      | `string \| string[]`   | ❌        | `['all']`                                                                                            | Preferred ad formats: `'all'`, `'tips'`, `'interactive'`, `'suggestions'`, `'text'`, `'highlight'`, `'visual_banner'`, `'image_feature'`, or an array like `['text', 'highlight']`. See [Appendix: Ad Formats](#appendix-ad-formats) for visual examples.<br>**A/B Testing:** Pass an array to automatically A/B test different formats and let Simula pick the best over time. |
-| `theme`        | `SimulaTheme`          | ❌        | `{ theme: 'auto', width: 'auto', accent: ['neutral','image'], font: 'sans-serif', cornerRadius: 8 }` | Customize ad appearance (see Theme Options). Arrays trigger A/B testing.                                                                                                        |
-| `charDesc`     | `string`               | ❌        | `undefined`                                                                                          | Character description for additional context to improve ad targeting.                                                                                                           |
-| `debounceMs`   | `number`               | ❌        | `0`                                                                                                  | Delay in milliseconds before fetching.                                                                                                                                          |
-| `onImpression` | `(ad: AdData) => void` | ❌        | `undefined`                                                                                          | Callback when ad is viewable (50% visible for ≥1s).                                                                                                                             |
-| `onClick`      | `(ad: AdData) => void` | ❌        | `undefined`                                                                                          | Callback when ad is clicked.                                                                                                                                                    |
-| `onError`      | `(err: Error) => void` | ❌        | `undefined`                                                                                          | Callback when ad fails or no-fill occurs.                                                                                                                                       |
-
-**Behavior:**
-
-* Fetches **once** per slot (static)
-* Triggers on **viewport visibility** (50% visible)
-* Includes built-in **bot protection**
-* Tracks impressions **MRC-compliantly**
-
----
-
-## 🎨 Theme Options
-
-```ts
-interface SimulaTheme {
-  theme?: "light" | "dark" | "auto";         // default: "auto"
-  accent?: AccentOption | AccentOption[];   // default: ["neutral", "image"] (A/B tested)
-  font?: FontOption | FontOption[];         // default: "sans-serif"
-  width?: number | string;                  // default: "auto" (min 320px)
-  cornerRadius?: number;                    // default: 8
-}
-```
-
-**Modes:** `light` | `dark` | `auto`
-**Accents:**
-`blue`, `red`, `green`, `yellow`, `purple`, `pink`, `orange`, `neutral`, `gray`, `tan`, `transparent`, `image`
-**Fonts:** `sans-serif`, `serif`, `monospace`
-
-> **Height:** fixed at **265px**
-> **Width:** min **320px**, accepts px/%, or `auto`
-
-> **A/B Testing:**
-> When you pass an **array** (e.g., `accent: ['blue', 'green', 'purple']`), Simula will **automatically A/B test** across the provided options—colors, fonts, or formats—and **optimize over time for the best-performing variant**.
-
-```tsx
-// Default theme (auto)
-<InChatAdSlot messages={messages} />
-
-// Light theme
-<InChatAdSlot messages={messages} theme={{ theme: "light", accent: "blue" }} />
-
-// Dark theme with custom width
-<InChatAdSlot
-  messages={messages}
-  theme={{ theme: "dark", accent: "purple", width: 600, cornerRadius: 12 }}
-/>
-
-// A/B testing
-<InChatAdSlot
-  messages={messages}
-  theme={{
-    accent: ["blue", "green", "purple"],     // A/B test colors
-    font: ["sans-serif", "serif"],           // A/B test fonts
-    width: "100%"
-  }}
-/>
-```
-
----
-
-## 💬 Integration Example
+### 2. Component Integration
 
-### Chat App with OpenAI
+Add components where you want ads to appear:
 
+**In-Chat Ads:**
 ```tsx
-import { useState } from "react";
-import { SimulaProvider, InChatAdSlot } from "@simula/ads";
-import OpenAI from "openai";
+import { InChatAdSlot } from "@simula/ads";
 
-const client = new OpenAI({ apiKey: process.env.OPENAI_API_KEY });
-
-export default function App() {
-  return (
-    <div>
-      <Header />
-      <ChatApp />  {/* Each conversation has its own SimulaProvider */}
-    </div>
-  );
-}
-
-function ChatApp() {
-  const [messages, setMessages] = useState([]);
-  const [input, setInput] = useState("");
-  const [loading, setLoading] = useState(false);
-
-  async function sendMessage() {
-    if (!input.trim()) return;
-
-    const userMessage = { role: "user", content: input.trim() };
-    const newMessages = [...messages, userMessage];
-    setMessages(newMessages);
-    setInput("");
-    setLoading(true);
-
-    try {
-      const llmPromise = client.chat.completions.create({
-        model: "gpt-4o-mini",
-        messages: newMessages,
-      });
-
-      const res = await llmPromise;
-      const reply = res.choices[0].message;
-
-      setMessages((prev) => [...prev, { ...reply, llmPromise }]);
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  return (
-    <SimulaProvider apiKey="SIMULA_xxx">
-      <div className="chat">
-        {messages.map((msg, i) => (
-          <div key={i}>
-            <p><strong>{msg.role}:</strong> {msg.content}</p>
-
-            {msg.role === "assistant" && (
-              <InChatAdSlot
-                key={`adslot-${i}`}              // ✅ Required if rendering in a list
-                trigger={msg.llmPromise}         // default: fires immediately if not provided
-                messages={messages.slice(0, i + 1)}
-                formats="all"
-                theme={{ theme: "light", accent: "blue", width: "auto" }}
-              />
-            )}
-          </div>
-        ))}
-
-        <input
-          value={input}
-          onChange={(e) => setInput(e.target.value)}
-          onKeyDown={(e) => e.key === "Enter" && sendMessage()}
-        />
-        <button onClick={sendMessage} disabled={loading}>Send</button>
-      </div>
-    </SimulaProvider>
-  );
-}
-```
-
-> **Tips:**
->
-> * **Wrap `SimulaProvider` around the chat component** – This treats each conversation as a separate session for better ad targeting.
-> * Use `key` prop when `<InChatAdSlot />` is rendered inside a list or dynamic loop.
-> * The `trigger` prop waits for the LLM response before fetching ads. If omitted, the ad fetches immediately when viewable.
-
----
-
-## 🔑 Features
-
-* **Contextual Targeting** – AI-powered ad matching to conversation content
-* **Bot Protection** – via [@fingerprintjs/botd](https://github.com/fingerprintjs/botd)
-* **MRC-Compliant Viewability** – 50% visible for ≥1s
-* **Responsive** – Flexible widths with enforced minimums
-* **Static Fetch** – Each slot fetches once and stays fixed
-* **Session Management** – Automatic
-* **Robust Error Handling** – Graceful degradation & callbacks
-* **TypeScript Support** – Built-in type definitions
-* **Built-in A/B Testing** – Test multiple colors, formats, or fonts by passing arrays and let Simula optimize performance over time
-
----
-
-## ⚙️ Advanced Usage
-
-### Event Handlers
-
-```tsx
 <InChatAdSlot
-  messages={messages}
-  onImpression={(ad) => console.log("Impression:", ad.id)}  // default: none
-  onClick={(ad) => console.log("Clicked:", ad.id)}          // default: none
-  onError={(err) => console.error("Ad error:", err)}        // default: none
+  messages={messages.slice(0, i + 1)}
+  theme={{ mode: "light", accent: "blue" }}
+  onImpression={(ad) => console.log("Impression:", ad.id)}
+  onError={(err) => console.error("Ad error:", err)}
 />
 ```
 
-### Debounce Fetching
-
+**Native Banner Ads:**
 ```tsx
-<InChatAdSlot
-  messages={messages}
-  debounceMs={500}   // default: 0
+import { NativeBanner } from "@simula/ads";
+
+<NativeBanner
+  slot="feed"
+  position={index}
+  context={{
+    searchTerm: "cooking recipes",
+    tags: ["food", "cooking"],
+  }}
+  width="100%"
+  onImpression={(ad) => console.log("Impression:", ad.id)}
+  onError={(err) => console.error("Error:", err)}
 />
 ```
 
 ---
 
-## 📦 TypeScript Types
-
-```ts
-import type {
-  SimulaTheme,
-  Message,
-  AdData,
-  InChatAdSlotProps,
-  SimulaProviderProps
-} from "@simula/ads";
-```
-
----
+## Documentation
 
-## 📚 Resources
+For complete API reference, integration guides, and examples:
 
-* [Website](https://simula.ad)
-* [GitHub Issues](https://github.com/Simula-AI-SDK/simula-ad-sdk/issues)
-* Support: **[admin@simula.ad](mailto:admin@simula.ad)**
+- **[InChatAdSlot Documentation](https://simula-ad.notion.site/?pvs=73)**
+- **[NativeBanner Documentation](https://simula-ad.notion.site/Komiko-Simula-Integration-2cbaf70f6f0d80338ddcd2efbbe5d3d7?source=copy_link)**
 
 ---
 
-## 📄 License
+## Support
 
-MIT
+- **Website:** [simula.ad](https://simula.ad)
+- **Email:** [admin@simula.ad](mailto:admin@simula.ad)
 
 ---
 
-## 📑 Appendix: Ad Formats
-
-Visual examples of all available ad formats across mobile and desktop:
-
-| Format | Mobile | Desktop |
-|--------|--------|---------|
-| **tips** | <img src="./assets/tips_mobile.png" width="200" alt="Tips format on mobile" /> | <img src="./assets/tips_desktop.png" width="400" alt="Tips format on desktop" /> |
-| **interactive** | <img src="./assets/interactive_mobile.png" width="200" alt="Interactive format on mobile" /> | <img src="./assets/interactive_desktop.png" width="400" alt="Interactive format on desktop" /> |
-| **suggestions** | <img src="./assets/suggestions_mobile.png" width="200" alt="Suggestions format on mobile" /> | <img src="./assets/suggestions_desktop.png" width="400" alt="Suggestions format on desktop" /> |
-| **text** | <img src="./assets/text_mobile.png" width="200" alt="Text format on mobile" /> | <img src="./assets/text_desktop.png" width="400" alt="Text format on desktop" /> |
-| **highlight** | <img src="./assets/highlight_mobile.png" width="200" alt="Highlight format on mobile" /> | <img src="./assets/highlight_desktop.png" width="400" alt="Highlight format on desktop" /> |
-| **visual_banner** | <img src="./assets/visual_banner_mobile.png" width="200" alt="Visual banner format on mobile" /> | <img src="./assets/visual_banner_desktop.png" width="400" alt="Visual banner format on desktop" /> |
-| **image_feature** | <img src="./assets/image_feature_mobile.png" width="200" alt="Image feature format on mobile" /> | <img src="./assets/image_feature_desktop.png" width="400" alt="Image feature format on desktop" /> |
-
-> **Note:** The `'all'` format allows Simula to automatically select the best format based on context and performance.
-
----
-
-## 📑 Appendix: Invalid Format & Accent Combinations
-
-Certain ad formats have restrictions on which accent colors can be used. **These restrictions only apply when you specify an invalid combination with no other valid options.** When A/B testing with arrays, Simula automatically selects valid combinations from the available options.
+## License
 
-| Format | Allowed Accents | Restrictions |
-|--------|----------------|--------------|
-| **interactive** | All colors, `'image'`, `'neutral'`, `'gray'`, `'tan'` | ❌ Cannot use `'transparent'` |
-| **tips** | All colors, `'image'`, `'neutral'`, `'gray'`, `'tan'` | ❌ Cannot use `'transparent'` |
-| **text** | **Only** `'transparent'` | ❌ Cannot use colors or `'image'` |
-| **highlight** | All colors, `'image'`, `'neutral'`, `'gray'`, `'tan'` | ❌ Cannot use `'transparent'` |
-| **visual_banner** | All colors, `'neutral'`, `'gray'`, `'tan'` | ❌ Cannot use `'image'` or `'transparent'` |
-| **image_feature** | All colors, `'neutral'`, `'gray'`, `'tan'` | ❌ Cannot use `'image'` or `'transparent'` |
-| **suggestions** | All accents allowed | ✅ No restrictions |
-
-**Color accents:** `'blue'`, `'red'`, `'green'`, `'yellow'`, `'purple'`, `'pink'`, `'orange'`, `'neutral'`, `'gray'`, `'tan'`
-
-### Examples
-
-```tsx
-// ✅ Valid - single format, single accent
-<InChatAdSlot formats="interactive" theme={{ accent: "blue" }} />
-<InChatAdSlot formats="text" theme={{ accent: "transparent" }} />
-<InChatAdSlot formats="visual_banner" theme={{ accent: "purple" }} />
-
-// ✅ Valid - A/B testing with arrays (Simula auto-selects valid combinations)
-<InChatAdSlot
-  formats={['text', 'highlight']}
-  theme={{ accent: ['image', 'transparent'] }}
-/>
-// If 'text' is selected → uses 'transparent' (skips 'image')
-// If 'highlight' is selected → uses 'image' (skips 'transparent')
-
-<InChatAdSlot
-  formats={['interactive', 'visual_banner']}
-  theme={{ accent: ['blue', 'transparent'] }}
-/>
-// If 'interactive' is selected → uses 'blue' (skips 'transparent')
-// If 'visual_banner' is selected → uses 'blue' (skips 'transparent')
-
-// ❌ Invalid - no valid options available
-<InChatAdSlot formats="interactive" theme={{ accent: "transparent" }} />  // interactive cannot use transparent (no fallback)
-<InChatAdSlot formats="text" theme={{ accent: "blue" }} />                // text can ONLY use transparent (no fallback)
-<InChatAdSlot formats="text" theme={{ accent: ['blue', 'red', 'image'] }} />  // text needs transparent but none provided
-```
-
-> **Key Point:** Restrictions only matter when there are **no valid alternatives**. When A/B testing with multiple formats or accents, Simula intelligently matches compatible combinations.
+MIT

package/dist/InChatAdSlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InChatAdSlot.d.ts","sourceRoot":"","sources":["../src/InChatAdSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,EAAE,iBAAiB,EAAU,MAAM,SAAS,CAAC;AAepD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyXpD,CAAC"}
+{"version":3,"file":"InChatAdSlot.d.ts","sourceRoot":"","sources":["../src/InChatAdSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,EAAE,iBAAiB,EAAU,MAAM,SAAS,CAAC;AAepD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqXpD,CAAC"}

package/dist/components/GameCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GameData, MiniGameTheme } from '../types';
+interface GameCardProps {
+    game: GameData;
+    charID: string;
+    theme: MiniGameTheme;
+    onGameSelect: (gameId: string) => void;
+}
+export declare const GameCard: React.FC<GameCardProps>;
+export {};
+//# sourceMappingURL=GameCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GameCard.d.ts","sourceRoot":"","sources":["../../src/components/GameCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+N5C,CAAC"}

package/dist/components/GameGrid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { GameData, MiniGameTheme } from '../types';
+interface GameGridProps {
+    games: GameData[];
+    maxGamesToShow: 3 | 6 | 9;
+    charID: string;
+    theme: MiniGameTheme;
+    onGameSelect: (gameId: string) => void;
+}
+export declare const GameGrid: React.FC<GameGridProps>;
+export {};
+//# sourceMappingURL=GameGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GameGrid.d.ts","sourceRoot":"","sources":["../../src/components/GameGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGnD,UAAU,aAAa;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0K5C,CAAC"}

package/dist/components/GameIframe.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface GameIframeProps {
+    gameId: string;
+    charID: string;
+    onClose: () => void;
+}
+export declare const GameIframe: React.FC<GameIframeProps>;
+export {};
+//# sourceMappingURL=GameIframe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GameIframe.d.ts","sourceRoot":"","sources":["../../src/components/GameIframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsHhD,CAAC"}

package/dist/components/MiniGameMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MiniGameMenuProps } from '../types';
+export declare const MiniGameMenu: React.FC<MiniGameMenuProps>;
+//# sourceMappingURL=MiniGameMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniGameMenu.d.ts","sourceRoot":"","sources":["../../src/components/MiniGameMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAiB,MAAM,UAAU,CAAC;AAc5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqVpD,CAAC"}

package/dist/components/inChatAd/InChatAdSlot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InChatAdSlotProps } from '../../types';
+export declare const InChatAdSlot: React.FC<InChatAdSlotProps>;
+//# sourceMappingURL=InChatAdSlot.d.ts.map

package/dist/components/inChatAd/InChatAdSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InChatAdSlot.d.ts","sourceRoot":"","sources":["../../../src/components/inChatAd/InChatAdSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,EAAE,iBAAiB,EAAU,MAAM,aAAa,CAAC;AAexD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqXpD,CAAC"}

package/dist/components/miniGame/GameCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GameData, MiniGameTheme } from '../../types';
+interface GameCardProps {
+    game: GameData;
+    charID: string;
+    theme: MiniGameTheme;
+    onGameSelect: (gameId: string) => void;
+}
+export declare const GameCard: React.FC<GameCardProps>;
+export {};
+//# sourceMappingURL=GameCard.d.ts.map

package/dist/components/miniGame/GameCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameCard.d.ts","sourceRoot":"","sources":["../../../src/components/miniGame/GameCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+N5C,CAAC"}

package/dist/components/miniGame/GameGrid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { GameData, MiniGameTheme } from '../../types';
+interface GameGridProps {
+    games: GameData[];
+    maxGamesToShow: 3 | 6 | 9;
+    charID: string;
+    theme: MiniGameTheme;
+    onGameSelect: (gameId: string) => void;
+}
+export declare const GameGrid: React.FC<GameGridProps>;
+export {};
+//# sourceMappingURL=GameGrid.d.ts.map

package/dist/components/miniGame/GameGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameGrid.d.ts","sourceRoot":"","sources":["../../../src/components/miniGame/GameGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGtD,UAAU,aAAa;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,cAAc,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0K5C,CAAC"}

package/dist/components/miniGame/GameIframe.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface GameIframeProps {
+    gameId: string;
+    charID: string;
+    onClose: () => void;
+}
+export declare const GameIframe: React.FC<GameIframeProps>;
+export {};
+//# sourceMappingURL=GameIframe.d.ts.map

package/dist/components/miniGame/GameIframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameIframe.d.ts","sourceRoot":"","sources":["../../../src/components/miniGame/GameIframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsHhD,CAAC"}

package/dist/components/miniGame/MiniGameMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MiniGameMenuProps } from '../../types';
+export declare const MiniGameMenu: React.FC<MiniGameMenuProps>;
+//# sourceMappingURL=MiniGameMenu.d.ts.map

package/dist/components/miniGame/MiniGameMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniGameMenu.d.ts","sourceRoot":"","sources":["../../../src/components/miniGame/MiniGameMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAiB,MAAM,aAAa,CAAC;AAc/D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqVpD,CAAC"}

package/dist/components/miniGame/mockGames.d.ts

@@ -0,0 +1,3 @@
+import { GameData } from '../../types';
+export declare const mockGames: GameData[];
+//# sourceMappingURL=mockGames.d.ts.map

package/dist/components/miniGame/mockGames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockGames.d.ts","sourceRoot":"","sources":["../../../src/components/miniGame/mockGames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,EAAE,QAAQ,EAuD/B,CAAC"}

package/dist/components/mockGames.d.ts

@@ -0,0 +1,3 @@
+import { GameData } from '../types';
+export declare const mockGames: GameData[];
+//# sourceMappingURL=mockGames.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mockGames.d.ts","sourceRoot":"","sources":["../../src/components/mockGames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,SAAS,EAAE,QAAQ,EAuD/B,CAAC"}

package/dist/components/sponsoredSuggestions/SponsoredSuggestions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SponsoredSuggestionsProps } from '../../types';
+export declare const SponsoredSuggestions: React.FC<SponsoredSuggestionsProps>;
+//# sourceMappingURL=SponsoredSuggestions.d.ts.map

package/dist/components/sponsoredSuggestions/SponsoredSuggestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SponsoredSuggestions.d.ts","sourceRoot":"","sources":["../../../src/components/sponsoredSuggestions/SponsoredSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAA2B,MAAM,aAAa,CAAC;AAYjF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkJpE,CAAC"}