@trainly/react 1.0.0 → 1.0.1

package/dist/TrainlyProvider.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import * as React from "react";
 import { TrainlyContextValue } from "./types";
 export interface TrainlyProviderProps {
-    children: ReactNode;
+    children: React.ReactNode;
     appSecret?: string;
     apiKey?: string;
     baseUrl?: string;

package/dist/TrainlyProvider.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -44,18 +43,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyProvider = TrainlyProvider;
-exports.useTrainlyContext = useTrainlyContext;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var TrainlyClient_1 = require("./api/TrainlyClient");
-var TrainlyContext = (0, react_1.createContext)(undefined);
-function TrainlyProvider(_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { TrainlyClient } from "./api/TrainlyClient";
+var TrainlyContext = React.createContext(undefined);
+export function TrainlyProvider(_a) {
     var _this = this;
-    var children = _a.children, appSecret = _a.appSecret, apiKey = _a.apiKey, _b = _a.baseUrl, baseUrl = _b === void 0 ? "https://api.trainly.com" : _b, userId = _a.userId, userEmail = _a.userEmail;
-    var client = (0, react_1.useState)(function () {
-        return new TrainlyClient_1.TrainlyClient({
+    var children = _a.children, appSecret = _a.appSecret, apiKey = _a.apiKey, _b = _a.baseUrl, baseUrl = _b === void 0 ? "http://localhost:8000" : _b, userId = _a.userId, userEmail = _a.userEmail;
+    var client = React.useState(function () {
+        return new TrainlyClient({
             appSecret: appSecret,
             apiKey: apiKey,
             baseUrl: baseUrl,
@@ -63,12 +59,12 @@ function TrainlyProvider(_a) {
             userEmail: userEmail,
         });
     })[0];
-    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = (0, react_1.useState)(false), isConnected = _d[0], setIsConnected = _d[1];
-    var _e = (0, react_1.useState)(null), error = _e[0], setError = _e[1];
-    var _f = (0, react_1.useState)([]), messages = _f[0], setMessages = _f[1];
+    var _c = React.useState(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _d = React.useState(false), isConnected = _d[0], setIsConnected = _d[1];
+    var _e = React.useState(null), error = _e[0], setError = _e[1];
+    var _f = React.useState([]), messages = _f[0], setMessages = _f[1];
     // Auto-connect on mount
-    (0, react_1.useEffect)(function () {
+    React.useEffect(function () {
         connect();
     }, []);
     var connect = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -239,10 +235,10 @@ function TrainlyProvider(_a) {
         sendMessage: sendMessage,
         clearMessages: clearMessages,
     };
-    return ((0, jsx_runtime_1.jsx)(TrainlyContext.Provider, { value: value, children: children }));
+    return (_jsx(TrainlyContext.Provider, { value: value, children: children }));
 }
-function useTrainlyContext() {
-    var context = (0, react_1.useContext)(TrainlyContext);
+export function useTrainlyContext() {
+    var context = React.useContext(TrainlyContext);
     if (context === undefined) {
         throw new Error("useTrainlyContext must be used within a TrainlyProvider");
     }

package/dist/api/TrainlyClient.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,8 +34,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyClient = void 0;
 var TrainlyClient = /** @class */ (function () {
     function TrainlyClient(config) {
         this.scopedToken = null;
@@ -223,4 +220,4 @@ var TrainlyClient = /** @class */ (function () {
     };
     return TrainlyClient;
 }());
-exports.TrainlyClient = TrainlyClient;
+export { TrainlyClient };

package/dist/components/TrainlyChat.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,25 +34,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyChat = TrainlyChat;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var useTrainly_1 = require("../useTrainly");
-function TrainlyChat(_a) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { useTrainly } from "../useTrainly";
+export function TrainlyChat(_a) {
     var _this = this;
     var _b = _a.height, height = _b === void 0 ? "400px" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Ask me anything..." : _d, _e = _a.showCitations, showCitations = _e === void 0 ? true : _e, _f = _a.enableFileUpload, enableFileUpload = _f === void 0 ? true : _f, _g = _a.theme, theme = _g === void 0 ? "auto" : _g, onMessage = _a.onMessage, onError = _a.onError;
-    var _h = (0, useTrainly_1.useTrainly)(), messages = _h.messages, sendMessage = _h.sendMessage, isLoading = _h.isLoading, error = _h.error, clearError = _h.clearError;
-    var _j = (0, react_1.useState)(""), input = _j[0], setInput = _j[1];
-    var messagesEndRef = (0, react_1.useRef)(null);
-    var fileInputRef = (0, react_1.useRef)(null);
+    var _h = useTrainly(), messages = _h.messages, sendMessage = _h.sendMessage, isLoading = _h.isLoading, error = _h.error, clearError = _h.clearError;
+    var _j = React.useState(""), input = _j[0], setInput = _j[1];
+    var messagesEndRef = React.useRef(null);
+    var fileInputRef = React.useRef(null);
     // Auto-scroll to bottom
-    (0, react_1.useEffect)(function () {
+    React.useEffect(function () {
         var _a;
         (_a = messagesEndRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
     }, [messages]);
     // Handle errors
-    (0, react_1.useEffect)(function () {
+    React.useEffect(function () {
         if (error && onError) {
             onError(error.message);
         }
@@ -93,9 +90,9 @@ function TrainlyChat(_a) {
         }
     };
     var baseClasses = "\n    flex flex-col border border-gray-200 rounded-lg overflow-hidden\n    ".concat(theme === "dark" ? "bg-gray-900 text-white border-gray-700" : "bg-white text-gray-900", "\n    ").concat(className, "\n  ");
-    return ((0, jsx_runtime_1.jsxs)("div", { className: baseClasses, style: { height: height }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [messages.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-center text-gray-500 py-8", children: (0, jsx_runtime_1.jsx)("p", { children: "Start a conversation by asking a question!" }) })), messages.map(function (message) { return ((0, jsx_runtime_1.jsx)("div", { className: "flex ".concat(message.role === "user" ? "justify-end" : "justify-start"), children: (0, jsx_runtime_1.jsxs)("div", { className: "\n                max-w-[80%] p-3 rounded-lg\n                ".concat(message.role === "user"
+    return (_jsxs("div", { className: baseClasses, style: { height: height }, children: [_jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [messages.length === 0 && (_jsx("div", { className: "text-center text-gray-500 py-8", children: _jsx("p", { children: "Start a conversation by asking a question!" }) })), messages.map(function (message) { return (_jsx("div", { className: "flex ".concat(message.role === "user" ? "justify-end" : "justify-start"), children: _jsxs("div", { className: "\n                max-w-[80%] p-3 rounded-lg\n                ".concat(message.role === "user"
                                 ? "bg-blue-500 text-white rounded-br-none"
-                                : "bg-gray-100 text-gray-900 rounded-bl-none", "\n              "), children: [(0, jsx_runtime_1.jsx)("p", { className: "whitespace-pre-wrap", children: message.content }), showCitations &&
+                                : "bg-gray-100 text-gray-900 rounded-bl-none", "\n              "), children: [_jsx("p", { className: "whitespace-pre-wrap", children: message.content }), showCitations &&
                                     message.citations &&
-                                    message.citations.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 pt-3 border-t border-gray-300", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-xs font-semibold mb-2", children: "Sources:" }), message.citations.map(function (citation, idx) { return ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs bg-white bg-opacity-20 p-2 rounded mb-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-medium", children: citation.source }), (0, jsx_runtime_1.jsxs)("p", { className: "opacity-75", children: ["\"", citation.snippet, "\""] })] }, idx)); })] }))] }) }, message.id)); }), isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-start", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-gray-100 text-gray-900 p-3 rounded-lg rounded-bl-none", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" }), (0, jsx_runtime_1.jsx)("span", { children: "Thinking..." })] }) }) })), (0, jsx_runtime_1.jsx)("div", { ref: messagesEndRef })] }), error && ((0, jsx_runtime_1.jsx)("div", { className: "px-4 py-2 bg-red-50 border-t border-red-200 text-red-700 text-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)("span", { children: error.message }), (0, jsx_runtime_1.jsx)("button", { onClick: clearError, className: "text-red-500 hover:text-red-700", children: "\u00D7" })] }) })), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-gray-200 p-4", children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [enableFileUpload && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: ".pdf,.doc,.docx,.txt,.md", onChange: handleFileUpload, className: "hidden" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: "px-3 py-2 text-gray-500 hover:text-gray-700 border border-gray-300 rounded-lg", title: "Upload file", children: "\uD83D\uDCCE" })] })), (0, jsx_runtime_1.jsx)("input", { type: "text", value: input, onChange: function (e) { return setInput(e.target.value); }, placeholder: placeholder, disabled: isLoading, className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" }), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !input.trim(), className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed", children: "Send" })] }) })] }));
+                                    message.citations.length > 0 && (_jsxs("div", { className: "mt-3 pt-3 border-t border-gray-300", children: [_jsx("p", { className: "text-xs font-semibold mb-2", children: "Sources:" }), message.citations.map(function (citation, idx) { return (_jsxs("div", { className: "text-xs bg-white bg-opacity-20 p-2 rounded mb-1", children: [_jsx("p", { className: "font-medium", children: citation.source }), _jsxs("p", { className: "opacity-75", children: ["\"", citation.snippet, "\""] })] }, idx)); })] }))] }) }, message.id)); }), isLoading && (_jsx("div", { className: "flex justify-start", children: _jsx("div", { className: "bg-gray-100 text-gray-900 p-3 rounded-lg rounded-bl-none", children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" }), _jsx("span", { children: "Thinking..." })] }) }) })), _jsx("div", { ref: messagesEndRef })] }), error && (_jsx("div", { className: "px-4 py-2 bg-red-50 border-t border-red-200 text-red-700 text-sm", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { children: error.message }), _jsx("button", { onClick: clearError, className: "text-red-500 hover:text-red-700", children: "\u00D7" })] }) })), _jsx("div", { className: "border-t border-gray-200 p-4", children: _jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [enableFileUpload && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".pdf,.doc,.docx,.txt,.md", onChange: handleFileUpload, className: "hidden" }), _jsx("button", { type: "button", onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: "px-3 py-2 text-gray-500 hover:text-gray-700 border border-gray-300 rounded-lg", title: "Upload file", children: "\uD83D\uDCCE" })] })), _jsx("input", { type: "text", value: input, onChange: function (e) { return setInput(e.target.value); }, placeholder: placeholder, disabled: isLoading, className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" }), _jsx("button", { type: "submit", disabled: isLoading || !input.trim(), className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed", children: "Send" })] }) })] }));
 }

package/dist/components/TrainlyStatus.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyStatus = TrainlyStatus;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var useTrainly_1 = require("../useTrainly");
-function TrainlyStatus(_a) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTrainly } from "../useTrainly";
+export function TrainlyStatus(_a) {
     var _b = _a.showDetails, showDetails = _b === void 0 ? true : _b, _c = _a.position, position = _c === void 0 ? "inline" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
-    var _e = (0, useTrainly_1.useTrainly)(), isConnected = _e.isConnected, isLoading = _e.isLoading, error = _e.error;
+    var _e = useTrainly(), isConnected = _e.isConnected, isLoading = _e.isLoading, error = _e.error;
     var getStatusInfo = function () {
         if (error) {
             return {
@@ -47,5 +44,5 @@ function TrainlyStatus(_a) {
         inline: "",
     };
     var baseClasses = "\n    inline-flex items-center gap-2 px-3 py-2 rounded-lg border text-sm font-medium\n    ".concat(status.color, "\n    ").concat(positionClasses[position], "\n    ").concat(className, "\n  ");
-    return ((0, jsx_runtime_1.jsxs)("div", { className: baseClasses, children: [(0, jsx_runtime_1.jsx)("span", { className: status.icon === "🔄" ? "animate-spin" : "", children: status.icon }), (0, jsx_runtime_1.jsx)("span", { children: status.text }), showDetails && status.details && ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs opacity-75 ml-1", children: ["- ", status.details] }))] }));
+    return (_jsxs("div", { className: baseClasses, children: [_jsx("span", { className: status.icon === "🔄" ? "animate-spin" : "", children: status.icon }), _jsx("span", { children: status.text }), showDetails && status.details && (_jsxs("span", { className: "text-xs opacity-75 ml-1", children: ["- ", status.details] }))] }));
 }

package/dist/components/TrainlyUpload.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,17 +34,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyUpload = TrainlyUpload;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var useTrainly_1 = require("../useTrainly");
-function TrainlyUpload(_a) {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTrainly } from "../useTrainly";
+export function TrainlyUpload(_a) {
     var _this = this;
     var _b = _a.variant, variant = _b === void 0 ? "drag-drop" : _b, _c = _a.accept, accept = _c === void 0 ? ".pdf,.doc,.docx,.txt,.md" : _c, _d = _a.maxSize, maxSize = _d === void 0 ? "10MB" : _d, _e = _a.multiple, multiple = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, onUpload = _a.onUpload, onError = _a.onError;
-    var _g = (0, useTrainly_1.useTrainly)(), upload = _g.upload, isLoading = _g.isLoading;
-    var _h = (0, react_1.useState)(false), isDragOver = _h[0], setIsDragOver = _h[1];
-    var fileInputRef = (0, react_1.useRef)(null);
+    var _g = useTrainly(), upload = _g.upload, isLoading = _g.isLoading;
+    var _h = React.useState(false), isDragOver = _h[0], setIsDragOver = _h[1];
+    var fileInputRef = React.useRef(null);
     var maxSizeBytes = parseMaxSize(maxSize);
     var handleFiles = function (files) { return __awaiter(_this, void 0, void 0, function () {
         var fileArray, _i, fileArray_1, file, error, _a, fileArray_2, file, err_1;
@@ -107,15 +104,15 @@ function TrainlyUpload(_a) {
         handleFiles(e.target.files);
     };
     if (variant === "button") {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: isLoading, className: "\n            px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600\n            disabled:opacity-50 disabled:cursor-not-allowed\n            ".concat(className, "\n          "), children: isLoading ? "Uploading..." : "Upload Files" })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), _jsx("button", { onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: isLoading, className: "\n            px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600\n            disabled:opacity-50 disabled:cursor-not-allowed\n            ".concat(className, "\n          "), children: isLoading ? "Uploading..." : "Upload Files" })] }));
     }
     if (variant === "minimal") {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: isLoading, className: "text-blue-500 hover:text-blue-600 underline ".concat(className), children: isLoading ? "Uploading..." : "Upload" })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), _jsx("button", { onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: isLoading, className: "text-blue-500 hover:text-blue-600 underline ".concat(className), children: isLoading ? "Uploading..." : "Upload" })] }));
     }
     // Default: drag-drop variant
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: "\n          border-2 border-dashed border-gray-300 rounded-lg p-8 text-center cursor-pointer\n          transition-colors duration-200\n          ".concat(isDragOver ? "border-blue-500 bg-blue-50" : "hover:border-gray-400", "\n          ").concat(isLoading ? "opacity-50 cursor-not-allowed" : "", "\n          ").concat(className, "\n        "), children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl", children: "\uD83D\uDCC4" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "text-lg font-medium text-gray-700", children: isLoading
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", accept: accept, multiple: multiple, onChange: handleFileSelect, className: "hidden" }), _jsx("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: "\n          border-2 border-dashed border-gray-300 rounded-lg p-8 text-center cursor-pointer\n          transition-colors duration-200\n          ".concat(isDragOver ? "border-blue-500 bg-blue-50" : "hover:border-gray-400", "\n          ").concat(isLoading ? "opacity-50 cursor-not-allowed" : "", "\n          ").concat(className, "\n        "), children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "text-4xl", children: "\uD83D\uDCC4" }), _jsxs("div", { children: [_jsx("p", { className: "text-lg font-medium text-gray-700", children: isLoading
                                         ? "Uploading..."
-                                        : "Drop files here or click to upload" }), (0, jsx_runtime_1.jsxs)("p", { className: "text-sm text-gray-500 mt-2", children: ["Supports: ", accept.replace(/\./g, "").toUpperCase(), " files up to", " ", maxSize] })] })] }) })] }));
+                                        : "Drop files here or click to upload" }), _jsxs("p", { className: "text-sm text-gray-500 mt-2", children: ["Supports: ", accept.replace(/\./g, "").toUpperCase(), " files up to", " ", maxSize] })] })] }) })] }));
 }
 function parseMaxSize(maxSize) {
     var match = maxSize.match(/^(\d+)\s*(GB|MB|KB)?$/i);

package/dist/index.js

@@ -1,15 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrainlyStatus = exports.TrainlyUpload = exports.TrainlyChat = exports.useTrainly = exports.TrainlyProvider = void 0;
 // Main exports for @trainly/react SDK
-var TrainlyProvider_1 = require("./TrainlyProvider");
-Object.defineProperty(exports, "TrainlyProvider", { enumerable: true, get: function () { return TrainlyProvider_1.TrainlyProvider; } });
-var useTrainly_1 = require("./useTrainly");
-Object.defineProperty(exports, "useTrainly", { enumerable: true, get: function () { return useTrainly_1.useTrainly; } });
+export { TrainlyProvider } from "./TrainlyProvider";
+export { useTrainly } from "./useTrainly";
 // Pre-built components
-var TrainlyChat_1 = require("./components/TrainlyChat");
-Object.defineProperty(exports, "TrainlyChat", { enumerable: true, get: function () { return TrainlyChat_1.TrainlyChat; } });
-var TrainlyUpload_1 = require("./components/TrainlyUpload");
-Object.defineProperty(exports, "TrainlyUpload", { enumerable: true, get: function () { return TrainlyUpload_1.TrainlyUpload; } });
-var TrainlyStatus_1 = require("./components/TrainlyStatus");
-Object.defineProperty(exports, "TrainlyStatus", { enumerable: true, get: function () { return TrainlyStatus_1.TrainlyStatus; } });
+export { TrainlyChat } from "./components/TrainlyChat";
+export { TrainlyUpload } from "./components/TrainlyUpload";
+export { TrainlyStatus } from "./components/TrainlyStatus";

package/dist/types.js

@@ -1,3 +1,2 @@
-"use strict";
 // Core types for Trainly React SDK
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/useTrainly.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTrainly = useTrainly;
-var TrainlyProvider_1 = require("./TrainlyProvider");
+import { useTrainlyContext } from "./TrainlyProvider";
 /**
  * Main hook for using Trainly in your React components
  *
@@ -19,6 +16,6 @@ var TrainlyProvider_1 = require("./TrainlyProvider");
  * }
  * ```
  */
-function useTrainly() {
-    return (0, TrainlyProvider_1.useTrainlyContext)();
+export function useTrainly() {
+    return useTrainlyContext();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trainly/react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Dead simple RAG integration for React apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",