@sampleapp.ai/sdk 1.0.25 → 1.0.27

package/dist/index.js

@@ -3,6 +3,7 @@ import * as ReactDOM from "react-dom/client"; // Change this line
 import { ChatButton } from "./components/ChatButton";
 import { ModalSearchAndChat } from "./components/ModalSearchAndChat";
 import { ChatBar } from "./components/chat-bar";
+import "./styles.css";
 // Export React components for direct JSX usage
 export { ChatButton, ModalSearchAndChat, ChatBar };
 // Export themes

package/dist/index.standalone.js

@@ -0,0 +1,85 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { ChatBar as MinimalChatBar, } from "./components/chat-bar";
+function initChatBarStandalone(props, containerSelector) {
+    try {
+        console.log("SampleApp Standalone: Initializing ChatBar...", props);
+        // Add missing height property if not provided
+        const propsWithDefaults = Object.assign({}, props);
+        let hostContainer;
+        if (!containerSelector) {
+            hostContainer = document.body;
+        }
+        else if (typeof containerSelector === "string") {
+            const found = document.querySelector(containerSelector);
+            if (!found) {
+                throw new Error(`Container not found: ${containerSelector}`);
+            }
+            hostContainer = found;
+        }
+        else {
+            hostContainer = containerSelector;
+        }
+        // Create shadow host element
+        const shadowHost = document.createElement("div");
+        shadowHost.style.display = "contents"; // Make shadow host transparent to layout
+        // Attach shadow DOM for isolation
+        const shadow = shadowHost.attachShadow({ mode: "open" });
+        // Create app container inside shadow DOM
+        const appContainer = document.createElement("div");
+        appContainer.style.all = "initial"; // Reset all styles
+        appContainer.style.position = "relative";
+        appContainer.style.zIndex = "999999";
+        // Add basic styles to shadow DOM to prevent host CSS interference
+        const styleSheet = document.createElement("style");
+        styleSheet.textContent = `
+      * {
+        box-sizing: border-box;
+      }
+      
+      /* Reset any inherited styles that might interfere */
+      div, span, p, button, input, textarea {
+        font-family: system-ui, -apple-system, sans-serif;
+        color: inherit;
+        background: transparent;
+        border: none;
+        margin: 0;
+        padding: 0;
+      }
+    `;
+        shadow.appendChild(styleSheet);
+        shadow.appendChild(appContainer);
+        hostContainer.appendChild(shadowHost);
+        console.log("SampleApp Standalone: Shadow DOM created, rendering React...");
+        const root = ReactDOM.createRoot(appContainer);
+        const component = React.createElement(MinimalChatBar, propsWithDefaults);
+        root.render(component);
+        console.log("SampleApp Standalone: ChatBar rendered successfully!");
+        return {
+            unmount: () => {
+                root.unmount();
+                shadowHost.remove();
+            },
+            container: shadowHost,
+            shadowRoot: shadow,
+        };
+    }
+    catch (error) {
+        console.error("SampleApp Standalone Error:", error);
+        console.error("Error details:", {
+            message: error.message,
+            stack: error.stack,
+        });
+        throw error;
+    }
+}
+const SampleAppStandalone = {
+    ChatBar: initChatBarStandalone,
+    version: "1.0.25",
+};
+if (typeof window !== "undefined") {
+    window.SampleAppStandalone = SampleAppStandalone;
+    console.log("SampleApp Standalone SDK loaded successfully! Version:", SampleAppStandalone.version);
+}
+export default SampleAppStandalone;
+export { initChatBarStandalone as ChatBar };