@sme.up/ketchup 9.5.0 → 9.5.2

package/dist/types/components.d.ts

@@ -2622,44 +2622,6 @@ export namespace Components {
          */
         "setValue": (value: string) => Promise<void>;
     }
-    interface KupOpenaiInterface {
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle": string;
-        /**
-          * Sets the data that will be used for OpenAI comunication.
-          * @default null
-         */
-        "data": KupDataDataset;
-        /**
-          * Sets the dialog title
-          * @default "Open AI integration"
-         */
-        "dialogTitle": string;
-        /**
-          * Used to retrieve component's props values.
-          * @param descriptions - When provided and true, the result will be the list of props with their description.
-          * @returns List of props as object, each key will be a prop.
-         */
-        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
-        /**
-          * Sets the text area label
-          * @default "Insert natural language request..."
-         */
-        "label": string;
-        /**
-          * This method is used to trigger a new render of the component.
-         */
-        "refresh": () => Promise<void>;
-        /**
-          * Sets the props to the component.
-          * @param props - Object containing props that will be set to the component.
-         */
-        "setProps": (props: GenericObject) => Promise<void>;
-    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -3947,10 +3909,6 @@ export interface KupNumericPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupNumericPickerElement;
 }
-export interface KupOpenaiInterfaceCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLKupOpenaiInterfaceElement;
-}
 export interface KupPhotoFrameCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupPhotoFrameElement;
@@ -4646,23 +4604,6 @@ declare global {
         prototype: HTMLKupNumericPickerElement;
         new (): HTMLKupNumericPickerElement;
     };
-    interface HTMLKupOpenaiInterfaceElementEventMap {
-        "kup-openai-interface-ready": KupEventPayload;
-    }
-    interface HTMLKupOpenaiInterfaceElement extends Components.KupOpenaiInterface, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLKupOpenaiInterfaceElementEventMap>(type: K, listener: (this: HTMLKupOpenaiInterfaceElement, ev: KupOpenaiInterfaceCustomEvent<HTMLKupOpenaiInterfaceElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLKupOpenaiInterfaceElementEventMap>(type: K, listener: (this: HTMLKupOpenaiInterfaceElement, ev: KupOpenaiInterfaceCustomEvent<HTMLKupOpenaiInterfaceElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLKupOpenaiInterfaceElement: {
-        prototype: HTMLKupOpenaiInterfaceElement;
-        new (): HTMLKupOpenaiInterfaceElement;
-    };
     interface HTMLKupPhotoFrameElementEventMap {
         "kup-photoframe-placeholderload": KupEventPayload;
         "kup-photoframe-resourceload": KupEventPayload;
@@ -5001,7 +4942,6 @@ declare global {
         "kup-magic-box": HTMLKupMagicBoxElement;
         "kup-nav-bar": HTMLKupNavBarElement;
         "kup-numeric-picker": HTMLKupNumericPickerElement;
-        "kup-openai-interface": HTMLKupOpenaiInterfaceElement;
         "kup-photo-frame": HTMLKupPhotoFrameElement;
         "kup-planner": HTMLKupPlannerElement;
         "kup-planner-renderer": HTMLKupPlannerRendererElement;
@@ -7054,30 +6994,6 @@ declare namespace LocalJSX {
         "onKup-numericpicker-itemclick"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
         "onKup-numericpicker-textfieldsubmit"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
     }
-    interface KupOpenaiInterface {
-        /**
-          * Custom style of the component.
-          * @default ""
-          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-         */
-        "customStyle"?: string;
-        /**
-          * Sets the data that will be used for OpenAI comunication.
-          * @default null
-         */
-        "data"?: KupDataDataset;
-        /**
-          * Sets the dialog title
-          * @default "Open AI integration"
-         */
-        "dialogTitle"?: string;
-        /**
-          * Sets the text area label
-          * @default "Insert natural language request..."
-         */
-        "label"?: string;
-        "onKup-openai-interface-ready"?: (event: KupOpenaiInterfaceCustomEvent<KupEventPayload>) => void;
-    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -8165,7 +8081,6 @@ declare namespace LocalJSX {
         "kup-magic-box": KupMagicBox;
         "kup-nav-bar": KupNavBar;
         "kup-numeric-picker": KupNumericPicker;
-        "kup-openai-interface": KupOpenaiInterface;
         "kup-photo-frame": KupPhotoFrame;
         "kup-planner": KupPlanner;
         "kup-planner-renderer": KupPlannerRenderer;
@@ -8235,7 +8150,6 @@ declare module "@stencil/core" {
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
             "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
             "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
-            "kup-openai-interface": LocalJSX.KupOpenaiInterface & JSXBase.HTMLAttributes<HTMLKupOpenaiInterfaceElement>;
             "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
             "kup-planner": LocalJSX.KupPlanner & JSXBase.HTMLAttributes<HTMLKupPlannerElement>;
             "kup-planner-renderer": LocalJSX.KupPlannerRenderer & JSXBase.HTMLAttributes<HTMLKupPlannerRendererElement>;

package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts

@@ -22,7 +22,7 @@ import type { ResizeObserver } from 'resize-observer';
 import { KupMathLocales } from '../kup-math/kup-math-declarations';
 import { KupTooltipCallbacks } from '../kup-tooltip/kup-tooltip-declarations';
 import { Options } from 'html2canvas';
-import { KupDataTableDataset } from '../../components/kup-data-table/kup-data-table-declarations';
+import { KupOpenAI } from '../kup-openai/kup-openai';
 /**
  * Interface used to define the HTML element with Ketchup specific properties.
  */
@@ -41,8 +41,7 @@ export interface KupManager {
     interact: KupInteract;
     language: KupLanguage;
     magicBox: HTMLKupMagicBoxElement;
-    openAI: HTMLKupOpenaiInterfaceElement;
-    openAIInterface: KupManagerOpenAIInterface;
+    openAI: KupOpenAI;
     math: KupMath;
     objects: KupObjects;
     overrides?: KupManagerInitialization;
@@ -56,10 +55,6 @@ export interface KupManager {
     showMagicBox: () => void;
     hideMagicBox: () => void;
     toggleMagicBox: () => void;
-    showOpenAI: (data: KupDataTableDataset) => Promise<void>;
-    hideOpenAI: () => Promise<void>;
-    toggleOpenAI: (data: KupDataTableDataset) => void;
-    interactOpenAI(_question: string): Promise<string[]>;
     setLibraryLocalization: (locale: KupDatesLocales) => void;
     addClickCallback: (cb: KupManagerClickCb, async?: boolean) => void;
     getEventPath: (currentEl: unknown, rootElement: HTMLElement) => HTMLElement[];
@@ -168,10 +163,3 @@ export interface KupManagerTooltipSettings {
 export interface KupManagerStringFinderPayload {
     string: string;
 }
-export interface KupManagerOpenAIInterface {
-    url?: string;
-    sessionInfo?: {
-        fileId: string;
-        threadId: string;
-    };
-}

package/dist/types/managers/kup-manager/kup-manager.d.ts

@@ -1,4 +1,4 @@
-import type { KupManagerClickCb, KupManagerInitialization, KupManagerOpenAIInterface, KupManagerUtilities } from './kup-manager-declarations';
+import type { KupManagerClickCb, KupManagerInitialization, KupManagerUtilities } from './kup-manager-declarations';
 import { KupDebug } from '../kup-debug/kup-debug';
 import { KupDynamicPosition } from '../kup-dynamic-position/kup-dynamic-position';
 import { KupInteract } from '../kup-interact/kup-interact';
@@ -15,7 +15,7 @@ import { KupSearch } from '../kup-search/kup-search';
 import { KupMath } from '../kup-math/kup-math';
 import { KupTooltip } from '../kup-tooltip/kup-tooltip';
 import { Options } from 'html2canvas';
-import { KupDataTableDataset } from '../../components/kup-data-table/kup-data-table-declarations';
+import { KupOpenAI } from '../kup-openai/kup-openai';
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -28,8 +28,7 @@ export declare class KupManager {
     interact: KupInteract;
     language: KupLanguage;
     magicBox: HTMLKupMagicBoxElement;
-    openAI: HTMLKupOpenaiInterfaceElement;
-    openAIInterface: KupManagerOpenAIInterface;
+    openAI: KupOpenAI;
     math: KupMath;
     objects: KupObjects;
     overrides?: KupManagerInitialization;
@@ -56,19 +55,6 @@ export declare class KupManager {
      * Creates or removes kup-magic-box component depending on its existence.
      */
     toggleMagicBox(): void;
-    /**
-     * Creates OpenAI component interface.
-     */
-    showOpenAI(data: KupDataTableDataset): Promise<void>;
-    /**
-     * Removes OpenAI component interface.
-     */
-    hideOpenAI(): Promise<void>;
-    /**
-     * Creates or removes OpenAI component interface depending on its existence.
-     */
-    toggleOpenAI(data: KupDataTableDataset): void;
-    interactOpenAI(question: string): Promise<string[]>;
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.

package/dist/types/managers/kup-openai/kup-openai-declarations.d.ts

@@ -0,0 +1,4 @@
+export interface KupOpenAISessionInfo {
+    fileId: string;
+    threadId: string;
+}

package/dist/types/managers/kup-openai/kup-openai.d.ts

@@ -0,0 +1,29 @@
+import { KupDataTableDataset, KupTextFieldCustomEvent, KupTextFieldEventPayload } from '../../components';
+import { KupCardBuiltInOpenAIOptions } from '../../components/kup-card/kup-card-declarations';
+import { KupOpenAISessionInfo } from './kup-openai-declarations';
+export declare class KupOpenAI {
+    #private;
+    card: HTMLKupCardElement;
+    container: HTMLElement;
+    data: KupDataTableDataset;
+    dialog: HTMLKupDialogElement;
+    sessionInfo: KupOpenAISessionInfo;
+    url: string;
+    /**
+     * Initializes KupOpenAI.
+     */
+    constructor(url: string);
+    getCardOptions(): KupCardBuiltInOpenAIOptions;
+    /**
+     * Shows the component
+     * @param data
+     * @param options
+     */
+    show(data: KupDataTableDataset): void;
+    /**
+     * Hides the component.
+     */
+    hide(): void;
+    auth(event: KupTextFieldCustomEvent<KupTextFieldEventPayload>): Promise<void>;
+    chat(disableInteractivity: any, inputArea: HTMLKupTextFieldElement): Promise<void>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.5.0",
+    "version": "9.5.2",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/cjs/kup-openai-interface.cjs.entry.js

@@ -1,146 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-f90f1b6d.js');
-const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fImage = require('./f-image-33be7baf.js');
-require('./kup-dates-0e59b05d.js');
-
-/**
- * Props of the kup-openai-interface component.
- * Used to export every prop in an object.
- */
-var KupOpenAiInterfaceProps;
-(function (KupOpenAiInterfaceProps) {
-    KupOpenAiInterfaceProps["customStyle"] = "Custom style of the component.";
-    KupOpenAiInterfaceProps["data"] = "Sets the data that will be used for OpenAI comunication.";
-    KupOpenAiInterfaceProps["dialogTitle"] = "Sets the dialog title";
-    KupOpenAiInterfaceProps["label"] = "Sets the text area label";
-})(KupOpenAiInterfaceProps || (KupOpenAiInterfaceProps = {}));
-
-const kupOpenaiInterfaceCss = ":host{--kup_dialog_header_height:var(--kup-dialog-header-height, 2em);background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:auto;min-width:500px;width:500px}.header{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%}.header__title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__close.f-image{--kup-icon-color:var(--kup-title-color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color);height:var(--kup_image_height);width:var(--kup_image_width)}.header__close.f-image:hover{opacity:0.5}.header__close.f-image .f-image__icon{height:var(--kup_image_height);width:var(--kup_image_width)}kup-text-field{padding-top:12px;padding-right:3px;padding-left:3px}kup-button{padding-top:8px;padding-left:3px;padding-bottom:2px}kup-data-table{padding-top:8px;padding-left:3px;padding-bottom:2px}";
-
-var __classPrivateFieldGet = (undefined && undefined.__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 _KupOpenAiInterface_instances, _KupOpenAiInterface_openAiInteract, _KupOpenAiInterface_dataTableData;
-const KupOpenAiInterface = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.kupReady = index.createEvent(this, "kup-openai-interface-ready", 6);
-        _KupOpenAiInterface_instances.add(this);
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
-        this.dragHandler = null;
-        this.kupManager = kupManager.kupManagerInstance();
-        this.textArea = null;
-        this.dataTable = null;
-        this.button = null;
-        this.messages = [];
-        this.customStyle = '';
-        this.data = null;
-        this.dialogTitle = 'Open AI integration';
-        this.label = 'Insert natural language request...';
-    }
-    /*-------------------------------------------------*/
-    /*           P u b l i c   M e t h o d s           */
-    /*-------------------------------------------------*/
-    /**
-     * Used to retrieve component's props values.
-     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-     */
-    async getProps(descriptions) {
-        return kupManager.getProps(this, KupOpenAiInterfaceProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        index.forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        kupManager.setProps(this, KupOpenAiInterfaceProps, props);
-    }
-    /*-------------------------------------------------*/
-    /*          L i f e c y c l e   H o o k s          */
-    /*-------------------------------------------------*/
-    componentWillLoad() {
-        this.kupManager.debug.logLoad(this, false);
-        this.kupManager.language.register(this);
-        this.kupManager.theme.register(this);
-    }
-    componentDidLoad() {
-        this.dragHandler =
-            this.rootElement.shadowRoot.querySelector('#drag-handle');
-        this.kupManager.interact.dialogify(this.rootElement, this.dragHandler);
-        this.kupReady.emit({
-            comp: this,
-            id: this.rootElement.id,
-        });
-        this.kupManager.debug.logLoad(this, true);
-    }
-    componentWillRender() {
-        this.kupManager.debug.logRender(this, false);
-    }
-    componentDidRender() {
-        this.kupManager.debug.logRender(this, true);
-    }
-    render() {
-        const dataTableProps = {};
-        dataTableProps.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
-        const textAreaProps = {};
-        textAreaProps.textArea = true;
-        textAreaProps.label = this.label;
-        const buttonProps = {};
-        buttonProps.label = 'Confirm';
-        buttonProps.icon = 'check';
-        buttonProps.showSpinner = false;
-        return (index.h(index.Host, null, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: "openai-interface-wrapper" }, index.h("div", { class: "actions", id: "drag-handle" }, index.h("div", { class: "header" }, this.dialogTitle ? (index.h("div", { class: "header__title" }, this.dialogTitle)) : null, index.h(fImage.FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), index.h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), index.h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), index.h("kup-data-table", Object.assign({}, dataTableProps, { ref: (el) => (this.dataTable = el) })))))));
-    }
-    disconnectedCallback() {
-        this.kupManager.language.unregister(this);
-        this.kupManager.theme.unregister(this);
-    }
-    get rootElement() { return index.getElement(this); }
-};
-_KupOpenAiInterface_instances = new WeakSet(), _KupOpenAiInterface_openAiInteract =
-    /*-------------------------------------------------*/
-    /*           P r i v a t e   M e t h o d s         */
-    /*-------------------------------------------------*/
-    async function _KupOpenAiInterface_openAiInteract() {
-        this.button.showSpinner = true;
-        this.messages = await this.kupManager.interactOpenAI(await this.textArea.getValue());
-        this.dataTable.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
-        this.button.showSpinner = false;
-    }, _KupOpenAiInterface_dataTableData = function _KupOpenAiInterface_dataTableData() {
-    const data = {};
-    data.columns = [{ name: 'mess', title: 'Message' }];
-    data.rows = [];
-    if (this.messages) {
-        for (let i = 0; i < this.messages.length; i++) {
-            const mess = this.messages[i];
-            if (mess) {
-                data.rows.push({
-                    unselectable: true,
-                    cells: { mess: { value: mess } },
-                });
-            }
-        }
-    }
-    return data;
-};
-KupOpenAiInterface.style = kupOpenaiInterfaceCss;
-
-exports.kup_openai_interface = KupOpenAiInterface;

package/dist/collection/components/kup-openai-interface/kup-openai-interface-declarations.js

@@ -1,11 +0,0 @@
-/**
- * Props of the kup-openai-interface component.
- * Used to export every prop in an object.
- */
-export var KupOpenAiInterfaceProps;
-(function (KupOpenAiInterfaceProps) {
-    KupOpenAiInterfaceProps["customStyle"] = "Custom style of the component.";
-    KupOpenAiInterfaceProps["data"] = "Sets the data that will be used for OpenAI comunication.";
-    KupOpenAiInterfaceProps["dialogTitle"] = "Sets the dialog title";
-    KupOpenAiInterfaceProps["label"] = "Sets the text area label";
-})(KupOpenAiInterfaceProps || (KupOpenAiInterfaceProps = {}));

package/dist/collection/components/kup-openai-interface/kup-openai-interface.css

@@ -1,64 +0,0 @@
-:host {
-  --kup_dialog_header_height: var(--kup-dialog-header-height, 2em);
-  background-color: var(--kup-background-color);
-  color: var(--kup-text-color);
-  display: block;
-  height: auto;
-  min-width: 500px;
-  width: 500px;
-}
-
-.header {
-  background-color: var(--kup-title-background-color);
-  color: var(--kup-title-color);
-  display: flex;
-  flex-direction: row;
-  height: var(--kup_dialog_header_height);
-  position: relative;
-  width: 100%;
-}
-.header__title {
-  font-weight: bold;
-  line-height: 2em;
-  padding-left: 0.5em;
-  padding-right: 2em;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.header__close.f-image {
-  --kup-icon-color: var(--kup-title-color);
-  cursor: pointer;
-  margin-right: 0;
-  transition: opacity 0.25s;
-  position: absolute;
-  right: 0;
-  background: var(--kup-title-background-color);
-  height: var(--kup_image_height);
-  width: var(--kup_image_width);
-}
-.header__close.f-image:hover {
-  opacity: 0.5;
-}
-.header__close.f-image .f-image__icon {
-  height: var(--kup_image_height);
-  width: var(--kup_image_width);
-}
-
-kup-text-field {
-  padding-top: 12px;
-  padding-right: 3px;
-  padding-left: 3px;
-}
-
-kup-button {
-  padding-top: 8px;
-  padding-left: 3px;
-  padding-bottom: 2px;
-}
-
-kup-data-table {
-  padding-top: 8px;
-  padding-left: 3px;
-  padding-bottom: 2px;
-}