@sme.up/ketchup 9.5.0 → 9.5.2

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -1099,12 +1099,11 @@ export class KupDataTable {
                 ' Magic Box ' +
                 '(' +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAIInterface &&
-            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAIInterface.url ? (h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI && __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' Open AI ' +
                 '(' +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "open-ai", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleOpenAI(this.data) })) : null), totalsMatrix));
+                ')', icon: "open-ai", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.show(this.data) })) : null), totalsMatrix));
     }
     render() {
         __classPrivateFieldSet(this, _KupDataTable_thRefs, [], "f");

package/dist/collection/components/kup-dialog/kup-dialog.css

@@ -20,11 +20,11 @@
   width: 100%;
 }
 
-[fade-in] {
+:host([fade-in]) {
   opacity: 0;
 }
-[fade-in] ::slotted {
-  display: none;
+:host([fade-in]) ::slotted {
+  opacity: 0;
 }
 
 .header {

package/dist/collection/components/kup-dialog/kup-dialog.js

@@ -14,13 +14,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDialog_header, _KupDialog_kupManager;
+var _KupDialog_header, _KupDialog_kupManager, _KupDialog_recalcSafeguard;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FImage } from "../../f-components/f-image/f-image";
 import { kupManagerInstance } from "../../managers/kup-manager/kup-manager";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupDialogProps, } from "./kup-dialog-declarations";
+import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
 export class KupDialog {
     constructor() {
         /*-------------------------------------------------*/
@@ -28,6 +29,7 @@ export class KupDialog {
         /*-------------------------------------------------*/
         _KupDialog_header.set(this, null);
         _KupDialog_kupManager.set(this, kupManagerInstance());
+        _KupDialog_recalcSafeguard.set(this, 0);
         this.autoCenter = { onReady: true };
         this.customStyle = '';
         this.header = { icons: { close: true } };
@@ -61,11 +63,25 @@ export class KupDialog {
      * Places the dialog at the center of the screen.
      */
     async recalcPosition() {
+        var _a;
         const rect = this.rootElement.getBoundingClientRect();
+        if (!rect.x && !rect.y) {
+            __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
+            if (__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f") < 50) {
+                __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, (_a = __classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f"), _a++, _a), "f");
+                setTimeout(async () => this.recalcPosition(), 50);
+                return;
+            }
+            else {
+                __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `Too many attempts centering the dialog.`, KupDebugCategory.WARNING);
+            }
+        }
+        __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, 0, "f");
         const left = window.innerWidth / 2 - rect.width / 2;
         const top = window.innerHeight / 2 - rect.height / 2;
         this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');
         this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');
+        this.rootElement.removeAttribute('fade-in');
     }
     /**
      * This method is used to trigger a new render of the component.
@@ -91,9 +107,7 @@ export class KupDialog {
         var _a;
         __classPrivateFieldGet(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet(this, _KupDialog_header, "f") ? __classPrivateFieldGet(this, _KupDialog_header, "f") : null, !this.resizable);
         if ((_a = this.autoCenter) === null || _a === void 0 ? void 0 : _a.onReady) {
-            this.recalcPosition().then(() => {
-                this.rootElement.removeAttribute('fade-in');
-            });
+            this.recalcPosition();
         }
         else {
             this.rootElement.removeAttribute('fade-in');
@@ -476,4 +490,4 @@ export class KupDialog {
     }
     static get elementRef() { return "rootElement"; }
 }
-_KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap();
+_KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap(), _KupDialog_recalcSafeguard = new WeakMap();

package/dist/collection/managers/kup-manager/kup-manager.js

@@ -18,6 +18,7 @@ import { KupMath } from "../kup-math/kup-math";
 import { KupTooltip } from "../kup-tooltip/kup-tooltip";
 import { setAssetPath } from "@stencil/core";
 import html2canvas from "html2canvas";
+import { KupOpenAI } from "../kup-openai/kup-openai";
 const dom = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
@@ -30,7 +31,7 @@ export class KupManager {
     constructor(overrides) {
         let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null, tooltipFCellCallbacks = null;
         /** POI VIA */
-        this.openAIInterface = { url: 'https://kokosstaging.smeup.com' };
+        let openAIUrl = 'https://kokosstaging.smeup.com';
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -41,7 +42,9 @@ export class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
-            const openAIUrl = overrides.openAIUrl;
+            if (overrides.openAIUrl) {
+                openAIUrl = overrides.openAIUrl;
+            }
             if (assetsPath) {
                 setAssetPath(assetsPath);
             }
@@ -84,9 +87,6 @@ export class KupManager {
                     ? tooltip.fCellCallbacks
                     : null;
             }
-            if (openAIUrl) {
-                this.openAIInterface = { url: openAIUrl };
-            }
         }
         this.data = new KupData();
         this.dates = new KupDates(datesLocale);
@@ -95,7 +95,7 @@ export class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
-        this.openAI = null;
+        this.openAI = new KupOpenAI(openAIUrl);
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);
@@ -208,123 +208,6 @@ export class KupManager {
             this.hideMagicBox();
         }
     }
-    /**
-     * Creates OpenAI component interface.
-     */
-    async showOpenAI(data) {
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (this.openAI) {
-            return;
-        }
-        const response = await fetch(this.openAIInterface.url + '/api/init', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ data: data }),
-        });
-        console.log('kup-manager.showOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            const responseJson = await response.json();
-            this.openAIInterface.sessionInfo = {
-                fileId: responseJson.fileId,
-                threadId: responseJson.threadId,
-            };
-        }
-        this.openAI = document.createElement('kup-openai-interface');
-        this.openAI.id = 'kup-openai-interface';
-        this.openAI.style.position = 'fixed';
-        this.openAI.style.left = 'calc(50% - 250px)';
-        this.openAI.style.top = 'calc(50% - 85px)';
-        this.openAI.data = data;
-        document.body.appendChild(this.openAI);
-    }
-    /**
-     * Removes OpenAI component interface.
-     */
-    async hideOpenAI() {
-        if (!this.openAI) {
-            return;
-        }
-        this.openAI.remove();
-        this.openAI = null;
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (!this.openAIInterface.sessionInfo) {
-            return;
-        }
-        const response = await fetch(this.openAIInterface.url + '/api/finalize', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                fileId: this.openAIInterface.sessionInfo.fileId,
-                threadId: this.openAIInterface.sessionInfo.threadId,
-            }),
-        });
-        console.log('kup-manager.hideOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            this.openAIInterface.sessionInfo = null;
-        }
-    }
-    /**
-     * Creates or removes OpenAI component interface depending on its existence.
-     */
-    toggleOpenAI(data) {
-        if (!this.openAI) {
-            this.showOpenAI(data);
-        }
-        else {
-            this.hideOpenAI();
-        }
-    }
-    async interactOpenAI(question) {
-        if (!this.openAI) {
-            return;
-        }
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (!this.openAIInterface.sessionInfo) {
-            return;
-        }
-        const responseArray = [];
-        const response = await fetch(this.openAIInterface.url + '/api/chat', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                fileId: this.openAIInterface.sessionInfo.fileId,
-                threadId: this.openAIInterface.sessionInfo.threadId,
-                question: question,
-            }),
-        });
-        console.log('kup-manager.interactOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            const responseJson = await response.json();
-            if (responseJson && responseJson.messages) {
-                responseArray.push(...responseJson.messages);
-            }
-        }
-        return responseArray;
-    }
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.

package/dist/collection/managers/kup-openai/kup-openai-declarations.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/managers/kup-openai/kup-openai.js

@@ -0,0 +1,247 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupOpenAI_instances, _KupOpenAI_setError, _KupOpenAI_invalidPassword, _KupOpenAI_create, _KupOpenAI_connect, _KupOpenAI_disconnect;
+import { KupCardFamily } from "../../components/kup-card/kup-card-declarations";
+import { KupDebugCategory } from "../kup-debug/kup-debug-declarations";
+const dom = document.documentElement;
+export class KupOpenAI {
+    /**
+     * Initializes KupOpenAI.
+     */
+    constructor(url) {
+        _KupOpenAI_instances.add(this);
+        this.card = null;
+        this.data = null;
+        this.dialog = null;
+        this.sessionInfo = null;
+        this.url = null;
+        this.container = document.createElement('div');
+        this.container.setAttribute('kup-openai', '');
+        document.body.appendChild(this.container);
+        this.url = url;
+    }
+    getCardOptions() {
+        if (!this.card.data) {
+            this.card.data = {};
+        }
+        if (!this.card.data.options) {
+            this.card.data.options = {
+                submitCb: this.chat,
+                authCb: this.auth,
+            };
+        }
+        return this.card.data.options;
+    }
+    /**
+     * Shows the component
+     * @param data
+     * @param options
+     */
+    show(data) {
+        this.data = data;
+        // Creates the card or updates it with new options
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_create).call(this);
+    }
+    /**
+     * Hides the component.
+     */
+    hide() {
+        this.card.remove();
+        this.card = null;
+        this.dialog.remove();
+        this.dialog = null;
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_disconnect).call(this);
+    }
+    async auth(event) {
+        const openAI = dom.ketchup.openAI;
+        if (!openAI.url) {
+            return;
+        }
+        const pwd = await event.detail.comp.getValue();
+        let response = null;
+        try {
+            response = await fetch(openAI.url + '/api/auth', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ data: pwd }),
+            });
+        }
+        catch (e) {
+            __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(openAI, e.message, openAI);
+            return;
+        }
+        if (response) {
+            if (response.status != 200) {
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_invalidPassword).call(openAI, event);
+                //this.#setError(await response.text());
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson.status == 'ok') {
+                openAI.getCardOptions().state = 'connecting';
+                openAI.card.refresh();
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_connect).call(openAI);
+                return;
+            }
+        }
+        openAI.getCardOptions().state = 'error';
+        openAI.card.refresh();
+    }
+    async chat(disableInteractivity, inputArea) {
+        const communicate = async (question) => {
+            if (!openAI.url) {
+                return;
+            }
+            if (!openAI.sessionInfo) {
+                return;
+            }
+            const responseMessages = [];
+            let response = null;
+            try {
+                response = await fetch(openAI.url + '/api/chat', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        fileId: openAI.sessionInfo.fileId,
+                        threadId: openAI.sessionInfo.threadId,
+                        question: question,
+                    }),
+                });
+            }
+            catch (e) {
+                __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, openAI);
+            }
+            if (response) {
+                if (response.status != 200) {
+                    __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), openAI);
+                    return;
+                }
+                const responseJson = await response.json();
+                if (responseJson && responseJson.messages) {
+                    responseMessages.push(...responseJson.messages);
+                }
+            }
+            return responseMessages;
+        };
+        const openAI = dom.ketchup.openAI;
+        if (!openAI.card) {
+            return;
+        }
+        disableInteractivity(true);
+        openAI.getCardOptions().messages = await communicate(await inputArea.getValue());
+        openAI.card.refresh();
+        disableInteractivity(false);
+    }
+}
+_KupOpenAI_instances = new WeakSet(), _KupOpenAI_setError = function _KupOpenAI_setError(message, _this, dontRefreshCard) {
+    if (!_this) {
+        _this = this;
+    }
+    dom.ketchup.debug.logMessage(_this, message, KupDebugCategory.ERROR);
+    if (dontRefreshCard) {
+        return;
+    }
+    _this.getCardOptions().state = 'error';
+    _this.card.refresh();
+}, _KupOpenAI_invalidPassword = function _KupOpenAI_invalidPassword(event) {
+    const field = event.detail.comp;
+    field.helper = 'Invalid password.';
+    field.rootElement.classList.add('kup-danger');
+    field.refresh();
+}, _KupOpenAI_create = function _KupOpenAI_create() {
+    this.card = document.createElement('kup-card');
+    this.card.layoutFamily = KupCardFamily.BUILT_IN;
+    this.card.layoutNumber = 7;
+    this.card.sizeX = '100%';
+    this.card.sizeY = '100%';
+    this.dialog = document.createElement('kup-dialog');
+    this.dialog.header = {
+        title: 'Chat with Data',
+        icons: { close: true },
+    };
+    this.dialog.id = 'openai';
+    this.dialog.modal = { closeOnBackdropClick: false };
+    this.dialog.sizeX = '50vw';
+    this.dialog.sizeY = '50vh';
+    this.dialog.addEventListener('kup-dialog-close', () => this.hide());
+    this.dialog.appendChild(this.card);
+    this.container.appendChild(this.dialog);
+    if (!this.url) {
+        this.getCardOptions().state = 'error';
+    }
+    else {
+        this.getCardOptions().state = 'authentication';
+    }
+}, _KupOpenAI_connect = async function _KupOpenAI_connect() {
+    if (!this.url) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: this.data }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message);
+        return;
+    }
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text());
+            return;
+        }
+        const responseJson = await response.json();
+        this.sessionInfo = {
+            fileId: responseJson.fileId,
+            threadId: responseJson.threadId,
+        };
+        this.getCardOptions().state = 'ready';
+        this.card.refresh();
+        return;
+    }
+    this.getCardOptions().state = 'error';
+    this.card.refresh();
+}, _KupOpenAI_disconnect = async function _KupOpenAI_disconnect() {
+    if (!this.url) {
+        return;
+    }
+    if (!this.sessionInfo) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.sessionInfo.fileId,
+                threadId: this.sessionInfo.threadId,
+            }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, undefined, true);
+    }
+    this.sessionInfo = null;
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), undefined, true);
+        }
+    }
+};