@simula/ads 1.2.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,343 +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)}
-                theme={{ mode: "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">
+    <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>
   );
 }
-
-// For authenticated apps with user tracking (recommended)
-function ChatInterface({ conversationId, userId }) {
-  const [messages, setMessages] = useState([]);
-
-  return (
-    <SimulaProvider apiKey="SIMULA_xxx" primaryUserID={userId}>
-      {/* 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).                                                                                                                        |
-| `theme`        | `SimulaTheme`          | ❌        | `{ mode: '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 {
-  mode?: "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 or fonts—and **optimize over time for the best-performing variant**.
->
-> **💡 We strongly encourage adding the `"image"` option for accent** (e.g., `accent: ['blue', 'image']`)
-
-```tsx
-// Default mode (auto)
-<InChatAdSlot messages={messages} />
-
-// Light mode
-<InChatAdSlot messages={messages} theme={{ mode: "light", accent: "blue" }} />
-
-// Dark mode with custom width
-<InChatAdSlot
-  messages={messages}
-  theme={{ mode: "dark", accent: "purple", width: 600, cornerRadius: 12 }}
-/>
-
-// A/B testing (recommended: include "image" for best performance)
-<InChatAdSlot
-  messages={messages}
-  theme={{
-    accent: ["blue", "green", "image"],      // A/B test colors - include "image" for best CPM
-    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";
-
-const client = new OpenAI({ apiKey: process.env.OPENAI_API_KEY });
+import { InChatAdSlot } from "@simula/ads";
 
-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)}
-                theme={{ mode: "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 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
+## License
 
-Format examples are shown below, as well as more custom formats. If you want any formats excluded, reach out to us and we can exclude it programmatically in the backend. But we strongly encourage allowing all formats so we can A/B test the one your users are most receptive towards to maximize CPM.
-
-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" /> |
-| 
+MIT

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"}