@sampleapp.ai/sdk 1.0.0

package/dist/components/ChatButton.d.ts

@@ -0,0 +1,12 @@
+import { SDKSettings, ComponentOptions } from "../types";
+export declare class ChatButton {
+    private settings;
+    private element;
+    constructor(settings: SDKSettings, options?: ComponentOptions);
+    private init;
+    private validateSettings;
+    private createElement;
+    private bindEvents;
+    private handleClick;
+    destroy(): void;
+}

package/dist/components/ModalSearchAndChat.d.ts

@@ -0,0 +1,14 @@
+import { SDKSettings, ComponentOptions } from "../types";
+export declare class ModalSearchAndChat {
+    private settings;
+    private element;
+    constructor(settings: SDKSettings, options?: ComponentOptions);
+    private init;
+    private validateSettings;
+    private createElement;
+    private renderExampleQuestions;
+    private bindEvents;
+    show(): void;
+    hide(): void;
+    destroy(): void;
+}

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import { ModalSearchAndChat } from "./components/ModalSearchAndChat";
+import { ChatButton } from "./components/ChatButton";
+import { SDKSettings, ComponentOptions } from "./types";
+declare class YourSDK {
+    ModalSearchAndChat: (settings: SDKSettings, options?: ComponentOptions) => ModalSearchAndChat;
+    ChatButton: (settings: SDKSettings, options?: ComponentOptions) => ChatButton;
+    version: string;
+}
+declare const sdk: YourSDK;
+export default sdk;
+export { ModalSearchAndChat, ChatButton };
+export type { SDKSettings, ComponentOptions, BaseSettings, AiChatSettings, } from "./types";
+declare global {
+    interface Window {
+        YourSDK: YourSDK;
+    }
+}

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.SampleApp=t():e.SampleApp=t()}(this,()=>(()=>{"use strict";var e={d:(t,n)=>{for(var i in n)e.o(n,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:n[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{ChatButton:()=>i,ModalSearchAndChat:()=>n,default:()=>o});class n{constructor(e,t){this.element=null,this.settings=e,this.init(t)}init(e){this.validateSettings(),this.createElement(e),this.bindEvents()}validateSettings(){if(!this.settings.baseSettings.apiKey)throw new Error("API Key is required");if(!this.settings.baseSettings.primaryBrandColor)throw new Error("Primary brand color is required")}createElement(e){this.element=document.createElement("div"),this.element.className=`modal-search-chat ${(null==e?void 0:e.className)||""}`,this.element.style.cssText="\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n      z-index: 1000;\n      display: none;\n    ",this.element.innerHTML=`\n      <div style="padding: 20px; border-bottom: 1px solid #eee;">\n        <h3 style="margin: 0; color: ${this.settings.baseSettings.primaryBrandColor};">\n          ${this.settings.baseSettings.organizationDisplayName}\n        </h3>\n      </div>\n      <div style="padding: 20px;">\n        <input type="text" placeholder="Ask a question..." style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px;" />\n        ${this.renderExampleQuestions()}\n      </div>\n    `,document.body.appendChild(this.element)}renderExampleQuestions(){var e;return(null===(e=this.settings.aiChatSettings)||void 0===e?void 0:e.exampleQuestions)?`\n      <div style="margin-top: 15px;">\n        <p style="margin: 0 0 10px 0; font-weight: bold;">Example questions:</p>\n        ${this.settings.aiChatSettings.exampleQuestions.map(e=>`<button style="display: block; margin: 5px 0; padding: 8px; border: 1px solid #ddd; background: white; border-radius: 4px; cursor: pointer;">${e}</button>`).join("")}\n      </div>\n    `:""}bindEvents(){if(this.element){const e=this.element.querySelector("input");this.element.querySelectorAll("button").forEach(t=>{t.addEventListener("click",t=>{const n=t.target;e&&(e.value=n.textContent||"")})})}}show(){this.element&&(this.element.style.display="block")}hide(){this.element&&(this.element.style.display="none")}destroy(){this.element&&(this.element.remove(),this.element=null)}}class i{constructor(e,t){this.element=null,this.settings=e,this.init(t)}init(e){this.validateSettings(),this.createElement(e),this.bindEvents()}validateSettings(){if(!this.settings.baseSettings.apiKey)throw new Error("API Key is required")}createElement(e){var t;if(this.element=document.createElement("button"),this.element.className=`chat-button ${(null==e?void 0:e.className)||""}`,this.element.textContent="Ask AI",this.element.style.cssText=`\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      background: ${this.settings.baseSettings.primaryBrandColor};\n      color: white;\n      border: none;\n      border-radius: 50px;\n      padding: 15px 20px;\n      font-size: 14px;\n      font-weight: bold;\n      cursor: pointer;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n      transition: transform 0.2s, box-shadow 0.2s;\n    `,null===(t=this.settings.aiChatSettings)||void 0===t?void 0:t.aiAssistantAvatar){const e=document.createElement("img");e.src=this.settings.aiChatSettings.aiAssistantAvatar,e.style.cssText="width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; vertical-align: middle;",this.element.insertBefore(e,this.element.firstChild)}document.body.appendChild(this.element)}bindEvents(){this.element&&(this.element.addEventListener("mouseenter",()=>{this.element&&(this.element.style.transform="scale(1.05)",this.element.style.boxShadow="0 6px 20px rgba(0,0,0,0.2)")}),this.element.addEventListener("mouseleave",()=>{this.element&&(this.element.style.transform="scale(1)",this.element.style.boxShadow="0 4px 12px rgba(0,0,0,0.15)")}),this.element.addEventListener("click",()=>{this.handleClick()}))}handleClick(){const e=new CustomEvent("chatButtonClick",{detail:{settings:this.settings}});document.dispatchEvent(e),console.log("Chat button clicked!",this.settings)}destroy(){this.element&&(this.element.remove(),this.element=null)}}const s=new class{constructor(){this.ModalSearchAndChat=(e,t)=>new n(e,t),this.ChatButton=(e,t)=>new i(e,t),this.version="1.0.0"}},o=s;return"undefined"!=typeof window&&(window.SampleApp=s),t})());

package/dist/types.d.ts

@@ -0,0 +1,19 @@
+export interface BaseSettings {
+    apiKey: string;
+    primaryBrandColor: string;
+    organizationDisplayName: string;
+    [key: string]: any;
+}
+export interface AiChatSettings {
+    aiAssistantAvatar?: string;
+    exampleQuestions?: string[];
+    [key: string]: any;
+}
+export interface SDKSettings {
+    baseSettings: BaseSettings;
+    aiChatSettings?: AiChatSettings;
+}
+export interface ComponentOptions {
+    containerId?: string;
+    className?: string;
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@sampleapp.ai/sdk",
+  "version": "1.0.0",
+  "description": "TypeScript SDK for your components",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "webpack --mode=production",
+    "dev": "webpack --mode=development --watch",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "ts-loader": "^9.4.0",
+    "typescript": "^5.0.0",
+    "webpack": "^5.88.0",
+    "webpack-cli": "^5.1.0"
+  },
+  "keywords": [
+    "sdk",
+    "typescript",
+    "components"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sampleapp/sdk.git"
+  }
+}