guideai-app 0.1.8 → 0.2.0

package/dist/components/Styles.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Styles: React.FC;
+export default Styles;

package/dist/components/Styles.js

@@ -0,0 +1,6 @@
+import React from 'react';
+var Styles = function () {
+    return (React.createElement("style", null, "\n      .sarge-main-ui {\n        position: relative;\n      } \n      \n      .sarge-welcome-bubble {\n        position: absolute;\n        top: 70px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: #0066ff;\n        color: white;\n        padding: 8px 16px;\n        border-radius: 20px;\n        font-size: 14px;\n        white-space: nowrap;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n        animation: bubble-pulse 2s infinite;\n      }\n\n      .sarge-welcome-bubble::after {\n        content: '';\n        position: absolute;\n        top: -8px;\n        left: 50%;\n        transform: translateX(-50%);\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n        border-bottom: 8px solid #0066ff;\n      }\n\n      @keyframes bubble-pulse {\n        0% { transform: translateX(-50%) scale(1); }\n        50% { transform: translateX(-50%) scale(1.05); }\n        100% { transform: translateX(-50%) scale(1); }\n      }\n      \n      .sarge-icon-wrapper {\n        width: 60px;\n        height: 60px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(255, 255, 255, 0.9);\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n        cursor: pointer;\n        transition: all 0.2s ease;\n      }\n      \n      .sarge-icon-wrapper:not(.initializing):hover {\n        transform: scale(1.1);\n      }\n      \n      .sarge-icon-wrapper.initializing {\n        background-color: rgba(255, 255, 255, 0.9);\n        box-shadow: 0 0 0 2px rgba(128, 128, 128, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);\n        animation: sarge-spin 1.5s linear infinite;\n        opacity: 0.7;\n        cursor: default;\n      }\n      \n      .sarge-icon-wrapper.recording {\n        background-color: rgba(255, 255, 255, 0.9);\n        box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);\n        animation: sarge-pulse 1s infinite alternate;\n      }\n      \n      .sarge-icon-wrapper.processing {\n        background-color: rgba(255, 255, 255, 0.9);\n        box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);\n        animation: sarge-spin 1s linear infinite;\n      }\n      \n      .sarge-icon-wrapper.playing {\n        background-color: rgba(255, 255, 255, 0.9);\n        box-shadow: 0 0 0 2px rgba(0, 128, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);\n      }\n      \n      @keyframes sarge-pulse {\n        0% { transform: scale(1); }\n        100% { transform: scale(1.05); }\n      }\n      \n      @keyframes sarge-spin {\n        0% {\n          transform: rotate(0deg);\n        }\n        100% {\n          transform: rotate(360deg);\n        }\n      }\n      \n      @keyframes click-ripple-animation {\n        0% { transform: translate(-50%, -50%) scale(0); opacity: 1; }\n        50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.6; }\n        100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }\n      }\n      \n      @keyframes click-dot-animation {\n        0% { transform: translate(-50%, -50%) scale(0); opacity: 1; }\n        60% { transform: translate(-50%, -50%) scale(1); opacity: 1; }\n        100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }\n      }\n      \n      @keyframes cursor-jiggle {\n        0% { transform: translate(-50%, 0) scale(1); }\n        25% { transform: translate(-50%, -5px) scale(1.1); }\n        50% { transform: translate(-50%, 0) scale(1); }\n        75% { transform: translate(-50%, 5px) scale(1.1); }\n        100% { transform: translate(-50%, 0) scale(1); filter: drop-shadow(0 0 8px #0066ff); }\n      }\n      \n      .sarge-icon {\n        width: 40px;\n        height: 40px;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center;\n      }\n      \n      .sarge-icon.initializing {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"%23808080\" d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"/></svg>');\n      }\n      \n      .sarge-icon.microphone {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 352 512\"><path fill=\"%230000FF\" d=\"M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z\"/></svg>');\n      }\n      \n      .sarge-icon.recording {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><circle cx=\"256\" cy=\"256\" r=\"128\" fill=\"%23FF0000\"/><circle cx=\"256\" cy=\"256\" r=\"200\" stroke=\"%23FF0000\" stroke-width=\"20\" fill=\"none\"/></svg>');\n      }\n      \n      .sarge-icon.processing {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"%23FFA500\" d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"/></svg>');\n      }\n      \n      .sarge-icon.playing {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23008000\" d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"/></svg>');\n      }\n      \n      .sarge-response {\n        position: absolute;\n        top: -70px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: white;\n        padding: 12px;\n        border-radius: 8px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n        max-width: 250px;\n        text-align: center;\n        min-width: 180px;\n      }\n    "));
+};
+export default Styles;
+//# sourceMappingURL=Styles.js.map

package/dist/components/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sourceRoot":"","sources":["../../src/components/Styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,MAAM,GAAa;IACvB,OAAO,CACL,mCAAQ,umOA0JP,CAAS,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/hooks/useConversation.d.ts

@@ -0,0 +1,11 @@
+import { ConversationItem } from '../types';
+export declare const useConversation: (organizationKey: string, onError: (error: string | Error, context?: string) => void) => {
+    conversationItems: ConversationItem[];
+    conversationIdRef: import("react").MutableRefObject<string | null>;
+    storeConversationItem: (eventData: any) => void;
+    updateConversationItem: (itemId: string, updateData: Partial<any>) => void;
+    logMessageToConversation: (content: string, sender: "GUIDEAI" | "HUMAN") => Promise<void>;
+    addConversationHistory: (sendMessageFn: (message: any) => void) => void;
+    isAddingHistoryContext: import("react").MutableRefObject<boolean>;
+    hasCreatedConversationRef: import("react").MutableRefObject<boolean>;
+};

package/dist/hooks/useConversation.js

@@ -0,0 +1,286 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useRef, useState } from 'react';
+import { getFromStorage, saveToStorage, STORAGE_KEYS } from '../utils/storage';
+import { createNewConversation, logMessage } from '../utils/api-services';
+var orderConversationItems = function (items) {
+    var _a, _b;
+    // Clone array to avoid modifying original
+    var itemsToProcess = __spreadArray([], items, true);
+    var orderedItems = [];
+    // Find the first item (one with no previous_item_id or oldest if multiple)
+    var rootItems = itemsToProcess.filter(function (item) { return !item.previous_item_id; });
+    if (rootItems.length === 0 && itemsToProcess.length > 0) {
+        // If no items without previous_item_id, take the oldest item
+        rootItems = [itemsToProcess.reduce(function (oldest, current) {
+                return (oldest.timestamp < current.timestamp) ? oldest : current;
+            })];
+    }
+    if (rootItems.length > 0) {
+        // Start with the first root item
+        var firstItem_1 = rootItems.sort(function (a, b) { return a.timestamp - b.timestamp; })[0];
+        orderedItems.push(firstItem_1);
+        // Need to check item.item.id instead of item.id with the new structure
+        itemsToProcess.splice(itemsToProcess.findIndex(function (i) { var _a, _b; return ((_a = i.item) === null || _a === void 0 ? void 0 : _a.id) === ((_b = firstItem_1.item) === null || _b === void 0 ? void 0 : _b.id); }), 1);
+        // Build the chain of items
+        var currentId_1 = (_a = firstItem_1.item) === null || _a === void 0 ? void 0 : _a.id;
+        // Safety counter to prevent infinite loops
+        var iterations = 0;
+        var maxIterations = 100;
+        var _loop_1 = function () {
+            iterations++;
+            // Find next item in chain
+            var nextItem = itemsToProcess.find(function (item) { return item.previous_item_id === currentId_1; });
+            if (nextItem) {
+                orderedItems.push(nextItem);
+                itemsToProcess.splice(itemsToProcess.findIndex(function (i) { var _a, _b; return ((_a = i.item) === null || _a === void 0 ? void 0 : _a.id) === ((_b = nextItem.item) === null || _b === void 0 ? void 0 : _b.id); }), 1);
+                currentId_1 = (_b = nextItem.item) === null || _b === void 0 ? void 0 : _b.id;
+            }
+            else {
+                return "break";
+            }
+        };
+        while (itemsToProcess.length > 0 && iterations < maxIterations) {
+            var state_1 = _loop_1();
+            if (state_1 === "break")
+                break;
+        }
+        // Add any remaining items (in case of broken chains)
+        if (itemsToProcess.length > 0) {
+            itemsToProcess.sort(function (a, b) { return a.timestamp - b.timestamp; });
+            orderedItems.push.apply(orderedItems, itemsToProcess);
+        }
+    }
+    else {
+        // If no items at all, return empty array
+        return [];
+    }
+    return orderedItems;
+};
+export var useConversation = function (organizationKey, onError) {
+    var _a = useState(function () {
+        return getFromStorage(STORAGE_KEYS.CONVERSATION_ITEMS, []);
+    }), conversationItems = _a[0], setConversationItems = _a[1];
+    var conversationIdRef = useRef(getFromStorage(STORAGE_KEYS.CONVERSATION_ID, null));
+    var hasCreatedConversationRef = useRef(!!conversationIdRef.current);
+    var isAddingHistoryContext = useRef(false);
+    var isInitializingRef = useRef(false);
+    // Check if the conversation is stale (more than 15 minutes old)
+    var isConversationStale = function () {
+        var lastActivity = getFromStorage(STORAGE_KEYS.LAST_ACTIVITY, 0);
+        if (!lastActivity)
+            return true;
+        var now = Date.now();
+        var fifteenMinutesMs = 15 * 60 * 1000;
+        return (now - lastActivity) > fifteenMinutesMs;
+    };
+    var storeConversationItem = function (eventData) {
+        var conversationItem = {
+            event_id: eventData.event_id,
+            type: eventData.type,
+            previous_item_id: eventData.previous_item_id || null,
+            item: eventData.item ? (function (_a) {
+                var object = _a.object, rest = __rest(_a, ["object"]);
+                return rest;
+            })(eventData.item) : {},
+            timestamp: Date.now()
+        };
+        saveToStorage(STORAGE_KEYS.LAST_ACTIVITY, conversationItem.timestamp);
+        setConversationItems(function (prevItems) {
+            // Replace the item if it already exists by item.id
+            var exists = prevItems.some(function (existing) { var _a; return existing.item && existing.item.id === ((_a = conversationItem.item) === null || _a === void 0 ? void 0 : _a.id); });
+            var updatedItems = exists
+                ? prevItems.map(function (existing) {
+                    var _a;
+                    return existing.item && existing.item.id === ((_a = conversationItem.item) === null || _a === void 0 ? void 0 : _a.id)
+                        ? conversationItem
+                        : existing;
+                })
+                : __spreadArray(__spreadArray([], prevItems, true), [conversationItem], false);
+            // Keep only the last 20 items to avoid localStorage size limits
+            if (updatedItems.length > 20) {
+                updatedItems = updatedItems.slice(-20);
+            }
+            saveToStorage(STORAGE_KEYS.CONVERSATION_ITEMS, updatedItems);
+            return updatedItems;
+        });
+    };
+    var updateConversationItem = function (itemId, updateData) {
+        if (!itemId)
+            return;
+        console.log('updateConversationItem', itemId, updateData);
+        setConversationItems(function (prevItems) {
+            var updatedItems = prevItems.map(function (item) {
+                var _a;
+                if (((_a = item.item) === null || _a === void 0 ? void 0 : _a.id) === itemId) {
+                    return __assign(__assign({}, item), { item: __assign(__assign({}, item.item), updateData) });
+                }
+                return item;
+            });
+            saveToStorage(STORAGE_KEYS.CONVERSATION_ITEMS, updatedItems);
+            saveToStorage(STORAGE_KEYS.LAST_ACTIVITY, Date.now());
+            return updatedItems;
+        });
+    };
+    var initializeConversation = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var newConversationId;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isInitializingRef.current)
+                        return [2 /*return*/];
+                    isInitializingRef.current = true;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 4, 5]);
+                    // Check if conversation is stale and needs to be reset
+                    if (isConversationStale()) {
+                        console.log('Conversation is stale (>15 minutes old), creating new conversation');
+                        // Clear existing conversation history and ID
+                        setConversationItems([]);
+                        saveToStorage(STORAGE_KEYS.CONVERSATION_ITEMS, []);
+                        conversationIdRef.current = null;
+                        saveToStorage(STORAGE_KEYS.CONVERSATION_ID, null);
+                        hasCreatedConversationRef.current = false;
+                    }
+                    if (!!conversationIdRef.current) return [3 /*break*/, 3];
+                    return [4 /*yield*/, createNewConversation(organizationKey)];
+                case 2:
+                    newConversationId = _a.sent();
+                    if (newConversationId) {
+                        conversationIdRef.current = newConversationId;
+                        saveToStorage(STORAGE_KEYS.CONVERSATION_ID, newConversationId);
+                        hasCreatedConversationRef.current = true;
+                    }
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    isInitializingRef.current = false;
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var logMessageToConversation = function (content, sender) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!conversationIdRef.current)
+                        return [2 /*return*/];
+                    // Just update the activity timestamp
+                    saveToStorage(STORAGE_KEYS.LAST_ACTIVITY, Date.now());
+                    return [4 /*yield*/, logMessage(conversationIdRef.current, content, sender)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var addConversationHistory = function (sendMessageFn) {
+        if (!conversationItems.length) {
+            isAddingHistoryContext.current = false;
+            return;
+        }
+        console.log("Adding conversation history (".concat(conversationItems.length, " items)"));
+        // Sort conversation items in the correct order
+        var orderedItems = orderConversationItems(conversationItems);
+        // sendMessageFn({
+        //   type: "conversation.item.create",
+        //   item: {
+        //     id: "1",
+        //     type: "message",
+        //     role: "user",
+        //     content: [{type: "input_audio", audio: "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"}]
+        //   },
+        //   previous_item_id: null
+        // });
+        // Add each item in the correct order
+        orderedItems.forEach(function (item) {
+            sendMessageFn({
+                type: "conversation.item.create",
+                previous_item_id: item.previous_item_id
+            });
+        });
+        isAddingHistoryContext.current = false;
+    };
+    // Initialize conversation on mount
+    useEffect(function () {
+        initializeConversation();
+    }, [organizationKey]);
+    return {
+        conversationItems: conversationItems,
+        conversationIdRef: conversationIdRef,
+        storeConversationItem: storeConversationItem,
+        updateConversationItem: updateConversationItem,
+        logMessageToConversation: logMessageToConversation,
+        addConversationHistory: addConversationHistory,
+        isAddingHistoryContext: isAddingHistoryContext,
+        hasCreatedConversationRef: hasCreatedConversationRef
+    };
+};
+//# sourceMappingURL=useConversation.js.map

package/dist/hooks/useConversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversation.js","sourceRoot":"","sources":["../../src/hooks/useConversation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE1E,IAAM,sBAAsB,GAAG,UAAC,KAAyB;;IACvD,0CAA0C;IAC1C,IAAM,cAAc,qBAAO,KAAK,OAAC,CAAC;IAClC,IAAM,YAAY,GAAuB,EAAE,CAAC;IAE5C,2EAA2E;IAC3E,IAAI,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,gBAAgB,EAAtB,CAAsB,CAAC,CAAC;IACtE,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxD,6DAA6D;QAC7D,SAAS,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,MAAM,EAAE,OAAO;gBACjD,OAAA,CAAC,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAAzD,CAAyD,CAC1D,CAAC,CAAC;IACL,CAAC;IAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzB,iCAAiC;QACjC,IAAM,WAAS,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,EAAzB,CAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;QACzE,YAAY,CAAC,IAAI,CAAC,WAAS,CAAC,CAAC;QAC7B,uEAAuE;QACvE,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,UAAA,CAAC,gBAAI,OAAA,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,EAAE,OAAK,MAAA,WAAS,CAAC,IAAI,0CAAE,EAAE,CAAA,CAAA,EAAA,CAAC,EAAE,CAAC,CAAC,CAAC;QAE3F,2BAA2B;QAC3B,IAAI,WAAS,GAAG,MAAA,WAAS,CAAC,IAAI,0CAAE,EAAE,CAAC;QAEnC,2CAA2C;QAC3C,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAM,aAAa,GAAG,GAAG,CAAC;;YAGxB,UAAU,EAAE,CAAC;YAEb,0BAA0B;YAC1B,IAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,gBAAgB,KAAK,WAAS,EAAnC,CAAmC,CAAC,CAAC;YAElF,IAAI,QAAQ,EAAE,CAAC;gBACb,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC5B,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,UAAA,CAAC,gBAAI,OAAA,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,EAAE,OAAK,MAAA,QAAQ,CAAC,IAAI,0CAAE,EAAE,CAAA,CAAA,EAAA,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1F,WAAS,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,EAAE,CAAC;YAChC,CAAC;iBAAM,CAAC;;YAGR,CAAC;;QAbH,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,aAAa;;;;SAc7D;QAED,qDAAqD;QACrD,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,cAAc,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,EAAzB,CAAyB,CAAC,CAAC;YACzD,YAAY,CAAC,IAAI,OAAjB,YAAY,EAAS,cAAc,EAAE;QACvC,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yCAAyC;QACzC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,eAAuB,EAAE,OAA0D;IAC3G,IAAA,KAA4C,QAAQ,CAAqB;QAC7E,OAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC;IAAnD,CAAmD,CACpD,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAC;IAEF,IAAM,iBAAiB,GAAG,MAAM,CAC9B,cAAc,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,CACnD,CAAC;IAEF,IAAM,yBAAyB,GAAG,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACtE,IAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAExC,gEAAgE;IAChE,IAAM,mBAAmB,GAAG;QAC1B,IAAM,YAAY,GAAG,cAAc,CAAS,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAC3E,IAAI,CAAC,YAAY;YAAE,OAAO,IAAI,CAAC;QAE/B,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAM,gBAAgB,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACxC,OAAO,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,gBAAgB,CAAC;IACjD,CAAC,CAAC;IAEF,IAAM,qBAAqB,GAAG,UAAC,SAAc;QAC3C,IAAM,gBAAgB,GAAqB;YACzC,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,IAAI,IAAI;YACpD,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAC,EAAmB;gBAAjB,IAAA,MAAM,YAAA,EAAK,IAAI,cAAjB,UAAmB,CAAF;gBAAO,OAAA,IAAI,CAAA;aAAA,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3E,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC;QAEF,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEtE,oBAAoB,CAAC,UAAA,SAAS;YAC5B,mDAAmD;YACnD,IAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,UAAA,QAAQ,YACpC,OAAA,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAK,MAAA,gBAAgB,CAAC,IAAI,0CAAE,EAAE,CAAA,CAAA,EAAA,CAChE,CAAC;YAEF,IAAI,YAAY,GAAG,MAAM;gBACvB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAA,QAAQ;;oBACpB,OAAA,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAK,MAAA,gBAAgB,CAAC,IAAI,0CAAE,EAAE,CAAA;wBAC7D,CAAC,CAAC,gBAAgB;wBAClB,CAAC,CAAC,QAAQ,CAAA;iBAAA,CACb;gBACH,CAAC,iCAAK,SAAS,UAAE,gBAAgB,SAAC,CAAC;YAErC,gEAAgE;YAChE,IAAI,YAAY,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;gBAC7B,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YACzC,CAAC;YAED,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;YAC7D,OAAO,YAAY,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAE,UAAwB;QACtE,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC1D,oBAAoB,CAAC,UAAA,SAAS;YAC5B,IAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI;;gBACrC,IAAI,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,EAAE,MAAK,MAAM,EAAE,CAAC;oBAC7B,6BACK,IAAI,KACP,IAAI,wBACC,IAAI,CAAC,IAAI,GACT,UAAU,KAEf;gBACJ,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YAEH,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;YAC7D,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YACtD,OAAO,YAAY,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;;;;;oBAC7B,IAAI,iBAAiB,CAAC,OAAO;wBAAE,sBAAO;oBACtC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;;;;oBAG/B,uDAAuD;oBACvD,IAAI,mBAAmB,EAAE,EAAE,CAAC;wBAC1B,OAAO,CAAC,GAAG,CAAC,oEAAoE,CAAC,CAAC;wBAClF,6CAA6C;wBAC7C,oBAAoB,CAAC,EAAE,CAAC,CAAC;wBACzB,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;wBACnD,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;wBACjC,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;wBAClD,yBAAyB,CAAC,OAAO,GAAG,KAAK,CAAC;oBAC5C,CAAC;yBAEG,CAAC,iBAAiB,CAAC,OAAO,EAA1B,wBAA0B;oBACF,qBAAM,qBAAqB,CAAC,eAAe,CAAC,EAAA;;oBAAhE,iBAAiB,GAAG,SAA4C;oBACtE,IAAI,iBAAiB,EAAE,CAAC;wBACtB,iBAAiB,CAAC,OAAO,GAAG,iBAAiB,CAAC;wBAC9C,aAAa,CAAC,YAAY,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;wBAC/D,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC3C,CAAC;;;;oBAGH,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;;;;;SAErC,CAAC;IAEF,IAAM,wBAAwB,GAAG,UAAO,OAAe,EAAE,MAA2B;;;;oBAClF,IAAI,CAAC,iBAAiB,CAAC,OAAO;wBAAE,sBAAO;oBAEvC,qCAAqC;oBACrC,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;oBAEtD,qBAAM,UAAU,CAAC,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAA;;oBAA5D,SAA4D,CAAC;;;;SAC9D,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,aAAqC;QACnE,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC9B,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,OAAO;QACT,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,uCAAgC,iBAAiB,CAAC,MAAM,YAAS,CAAC,CAAC;QAE/E,+CAA+C;QAC/C,IAAM,YAAY,GAAG,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;QAC/D,kBAAkB;QAClB,sCAAsC;QACtC,YAAY;QACZ,eAAe;QACf,uBAAuB;QACvB,oBAAoB;QACpB,0oBAA0oB;QAC1oB,OAAO;QACP,2BAA2B;QAC3B,MAAM;QACN,qCAAqC;QACrC,YAAY,CAAC,OAAO,CAAC,UAAA,IAAI;YACvB,aAAa,CAAC;gBACZ,IAAI,EAAE,0BAA0B;gBAChC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;aACxC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;IACzC,CAAC,CAAC;IAEF,mCAAmC;IACnC,SAAS,CAAC;QACR,sBAAsB,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO;QACL,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;QACjB,qBAAqB,uBAAA;QACrB,sBAAsB,wBAAA;QACtB,wBAAwB,0BAAA;QACxB,sBAAsB,wBAAA;QACtB,sBAAsB,wBAAA;QACtB,yBAAyB,2BAAA;KAC1B,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useRecording.d.ts

@@ -0,0 +1,12 @@
+import { RecordingStatus } from '../types';
+export declare const useRecording: (organizationKey: string, onError: (error: string | Error, context?: string) => void, logMessageFn: (message: string, sender: "GUIDEAI" | "HUMAN") => Promise<void>, addConversationHistoryFn: (sendMessageFn: (message: any) => void) => void, storeConversationItemFn: (item: any) => void, updateConversationItem: (itemId: string, updateData: Partial<any>) => void, isAddingHistoryContextRef: React.MutableRefObject<boolean>) => {
+    status: RecordingStatus;
+    isSessionReady: boolean;
+    isConversationActive: boolean;
+    toggleRecording: () => Promise<void>;
+    toggleConversation: () => Promise<void>;
+    cleanupWebRTC: () => void;
+    audioElementRef: import("react").MutableRefObject<HTMLAudioElement | null>;
+    ephemeralToken: string | null;
+    setEphemeralToken: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+};