@apia/ai 1.0.4 → 2.0.0

package/dist/index.js

@@ -1,614 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Box, getVariant, Textarea, Paragraph } from '@apia/theme';
-import { getLabel, EventEmitter } from '@apia/util';
-import { useRef, useCallback, useState, useEffect } from 'react';
-import { IconButton, SimpleButton, ApiaUtil } from '@apia/components';
-
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const AutoscrollContainer = ({ children }) => {
-  const observer = useRef(null);
-  const unsuscribe = useRef(null);
-  const isFullScrolled = useRef(false);
-  const hasInited = useRef(false);
-  const ref = useCallback((el) => {
-    var _a, _b;
-    if (!el)
-      return;
-    if (!hasInited.current) {
-      hasInited.current = true;
-      el.scrollTo({
-        top: el.getBoundingClientRect().height,
-        behavior: "auto"
-      });
-      isFullScrolled.current = true;
-    }
-    (_a = observer.current) == null ? void 0 : _a.disconnect();
-    (_b = unsuscribe.current) == null ? void 0 : _b.call(unsuscribe);
-    observer.current = new MutationObserver(([mutation]) => {
-      if (mutation && mutation.target instanceof HTMLElement && mutation.target === el) {
-        if (isFullScrolled.current && mutation.target.scrollTop !== mutation.target.scrollHeight - mutation.target.offsetHeight) {
-          mutation.target.scrollTo({
-            top: mutation.target.scrollHeight,
-            behavior: "smooth"
-          });
-        }
-      }
-    });
-    observer.current.observe(el, { childList: true, subtree: true });
-    const handleScroll = (ev) => {
-      if (ev.target === el && el instanceof HTMLElement) {
-        setTimeout(() => {
-          isFullScrolled.current = Math.abs(el.scrollTop - (el.scrollHeight - el.offsetHeight)) < 150;
-        }, 100);
-      }
-    };
-    el.addEventListener("scroll", handleScroll);
-    unsuscribe.current = () => {
-      el.removeEventListener("scroll", handleScroll);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Box,
-    __spreadProps$1(__spreadValues$1({}, getVariant("layout.common.components.autoscrollContainer")), {
-      className: "autoscrollContainer",
-      ref,
-      children
-    })
-  );
-};
-
-var __async$2 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function isImageFile(file) {
-  const IMAGE_EXTENSIONS = [
-    "jpg",
-    "jpeg",
-    "png",
-    "gif",
-    "bmp",
-    "webp",
-    "tiff",
-    "svg",
-    "jfif"
-  ];
-  return IMAGE_EXTENSIONS.includes(file.name.split(".").pop());
-}
-function getImageOcrMaker(lang) {
-  return new class ImageOcrMaker {
-    processFile(file, onProgress) {
-      return __async$2(this, null, function* () {
-        const tesseract = yield import('tesseract.js');
-        const worker = yield tesseract.createWorker(lang, 1, {
-          logger(arg) {
-            onProgress == null ? void 0 : onProgress(arg.progress * 100);
-          }
-        });
-        const result = (yield worker.recognize(file)).data.text;
-        return [result];
-      });
-    }
-    willProcessFile(file) {
-      return isImageFile(file);
-    }
-  }();
-}
-
-var __async$1 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function isPdfFile(file) {
-  const IMAGE_EXTENSIONS = ["pdf"];
-  return IMAGE_EXTENSIONS.includes(file.name.split(".").pop());
-}
-function getPdfReader() {
-  return new class PdfReader {
-    processFile(file, onProgress) {
-      return __async$1(this, null, function* () {
-        onProgress == null ? void 0 : onProgress(0);
-        const { getDocument, GlobalWorkerOptions } = yield import('pdfjs-dist');
-        function getPdfTextFromArrayBuffer(buffer) {
-          return __async$1(this, null, function* () {
-            GlobalWorkerOptions.workerSrc = "../includes/pdf.worker.min.40189.js";
-            const pdf = yield getDocument({ data: buffer }).promise;
-            const pages = [];
-            for (let i = 1; i <= pdf.numPages; i++) {
-              const page = yield pdf.getPage(i);
-              const textContent = yield page.getTextContent();
-              pages.push(
-                textContent.items.map((item) => item.str).join(" ")
-              );
-            }
-            return pages;
-          });
-        }
-        return new Promise((resolve) => {
-          const reader = new FileReader();
-          reader.onload = function(event) {
-            return __async$1(this, null, function* () {
-              var _a;
-              if (!((_a = event.target) == null ? void 0 : _a.result)) {
-                alert("Error al leer el archivo.");
-                return;
-              }
-              const buffer = event.target.result;
-              const text = yield getPdfTextFromArrayBuffer(buffer);
-              onProgress == null ? void 0 : onProgress(100);
-              resolve(text);
-            });
-          };
-          reader.readAsArrayBuffer(file);
-        });
-      });
-    }
-    willProcessFile(file) {
-      return isPdfFile(file);
-    }
-  }();
-}
-
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function useHandleFileUpload({
-  onContent
-}) {
-  const [progress, setProgress] = useState(100);
-  const handleFileUpload = useCallback(
-    (ev) => {
-      setProgress(0);
-      const imageProcessor = getImageOcrMaker();
-      const pdfProcessor = getPdfReader();
-      void (() => __async(this, null, function* () {
-        var _a, _b;
-        const obtainedText = [];
-        const files = ev.target.files;
-        const filesLength = (_b = (_a = ev.target.files) == null ? void 0 : _a.length) != null ? _b : 0;
-        if (files) {
-          for (let i = 0; i < filesLength; i++) {
-            const file = files[i];
-            const handleProgress = (progress2) => {
-              setProgress(
-                i / filesLength * 100 + 1 / filesLength * 100 * (progress2 / 100)
-              );
-            };
-            let result = "";
-            if (imageProcessor.willProcessFile(file)) {
-              try {
-                result = (yield imageProcessor.processFile(file, handleProgress))[0];
-              } catch (e) {
-                console.error(e);
-              }
-            } else if (pdfProcessor.willProcessFile(file)) {
-              result = (yield pdfProcessor.processFile(file, handleProgress)).join("\n\n");
-            }
-            if (result) {
-              obtainedText.push(result);
-            }
-            setProgress((i + 1) / filesLength * 100);
-          }
-        }
-        onContent(obtainedText);
-      }))();
-      ev.target.value = "";
-    },
-    [onContent]
-  );
-  return { progress, handleFileUpload };
-}
-
-var __accessCheck$1 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet$1 = (obj, member, getter) => {
-  __accessCheck$1(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd$1 = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet$1 = (obj, member, value, setter) => {
-  __accessCheck$1(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _message;
-let maxId = 0;
-class ChatMessage {
-  constructor(message, messageType) {
-    this.messageType = messageType;
-    __privateAdd$1(this, _message, void 0);
-    this.id = maxId++;
-    __privateSet$1(this, _message, message);
-    if (messageType === "response")
-      this.messageType = "system";
-    if (typeof message === "string")
-      __privateSet$1(this, _message, this.parseMessage(message));
-  }
-  parseMessage(message) {
-    let result = message;
-    result = result.replaceAll("[strong]", "<strong>");
-    result = result.replaceAll("[/strong]", "</strong>");
-    return result;
-  }
-  get message() {
-    return __privateGet$1(this, _message);
-  }
-}
-_message = new WeakMap();
-
-const makeTextarea = (gptController) => {
-  const NewTextarea = ({
-    hideDeleteButton,
-    isLoading: outIsLoading,
-    onSubmit,
-    preventAppendUserMessages
-  }) => {
-    const [isLoading, setIsLoading] = useState(false);
-    const submit = useCallback(
-      (text) => {
-        if (preventAppendUserMessages !== true)
-          gptController.messages.add(new ChatMessage(text, "user"));
-        gptController.history.add(text);
-        onSubmit(text).finally(() => {
-          setIsLoading(false);
-        });
-      },
-      [onSubmit, preventAppendUserMessages]
-    );
-    const handleSubmit = useCallback(
-      (ev) => {
-        ev.preventDefault();
-        const textarea = document.getElementById(
-          `GPTMessage${gptController.id}`
-        );
-        if (textarea.value) {
-          setIsLoading(true);
-          submit(textarea.value);
-        }
-        textarea.focus();
-        textarea.value = "";
-      },
-      [submit]
-    );
-    const onKeyDown = useCallback((ev) => {
-      var _a, _b;
-      if (ev.target.readOnly)
-        return;
-      if (ev.code === "Enter" && !ev.shiftKey) {
-        ev.preventDefault();
-        (_b = (_a = ev.target.closest("form")) == null ? void 0 : _a.querySelector('button[type="submit"]')) == null ? void 0 : _b.click();
-      }
-    }, []);
-    const { progress, handleFileUpload } = useHandleFileUpload({
-      onContent(content) {
-        document.getElementById(
-          `GPTMessage${gptController.id}`
-        ).value = content.join("\n\n");
-      }
-    });
-    const actualIsLoading = isLoading || progress !== 100 || outIsLoading;
-    return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "gpt__form", action: "", children: [
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          onKeyDown,
-          id: `GPTMessage${gptController.id}`,
-          readOnly: actualIsLoading
-        }
-      ),
-      /* @__PURE__ */ jsxs(Box, { className: "gpt__buttonsContainer", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "file",
-            id: `gptUploadFile__${gptController.id}`,
-            sx: { display: "none" },
-            onChange: handleFileUpload
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            title: getLabel("btnUploadFile").text,
-            icon: "File",
-            variant: "icon-outline",
-            disabled: actualIsLoading,
-            onClick: () => {
-              document.getElementById(
-                `gptUploadFile__${gptController.id}`
-              ).click();
-            },
-            size: "Lg"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SimpleButton,
-          {
-            title: getLabel("btnAiPrevious").tooltip,
-            variant: "outline",
-            type: "button",
-            onClick: () => {
-              const historyValue = gptController.history.previous();
-              if (historyValue)
-                document.getElementById(
-                  `GPTMessage${gptController.id}`
-                ).value = historyValue;
-            },
-            size: "sm",
-            children: getLabel("btnAiPrevious").text
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SimpleButton,
-          {
-            title: getLabel("btnAiNext").tooltip,
-            variant: "outline",
-            type: "button",
-            onClick: () => {
-              const historyValue = gptController.history.next();
-              document.getElementById(
-                `GPTMessage${gptController.id}`
-              ).value = historyValue != null ? historyValue : "";
-            },
-            size: "sm",
-            children: getLabel("btnAiNext").text
-          }
-        ),
-        !hideDeleteButton && /* @__PURE__ */ jsx(
-          SimpleButton,
-          {
-            title: getLabel("btnAiDelete").tooltip,
-            variant: "outline",
-            type: "button",
-            onClick: () => gptController.messages.clear(),
-            size: "sm",
-            children: getLabel("btnAiDelete").text
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SimpleButton,
-          {
-            title: getLabel("btnAiSend").tooltip,
-            isLoading: actualIsLoading,
-            type: "submit",
-            size: "sm",
-            children: getLabel("btnAiSend").text
-          }
-        )
-      ] })
-    ] });
-  };
-  NewTextarea.displayName = "";
-  return NewTextarea;
-};
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var __privateWrapper = (obj, member, setter, getter) => ({
-  set _(value) {
-    __privateSet(obj, member, value, setter);
-  },
-  get _() {
-    return __privateGet(obj, member, getter);
-  }
-});
-var _messages, _promptsHistory, _currentHistoryIndex;
-class ChatController extends EventEmitter {
-  constructor(id, welcomeMessage = getLabel("lblAiDashboardWelcomeMessage").text) {
-    super();
-    this.id = id;
-    __privateAdd(this, _messages, []);
-    this.components = {
-      MessageHistory: () => {
-        const messages = this.history.useList();
-        return /* @__PURE__ */ jsx(
-          Box,
-          __spreadProps(__spreadValues({}, getVariant("layout.common.components.chat")), {
-            className: "history",
-            children: /* @__PURE__ */ jsx(AutoscrollContainer, { children: messages.map((current) => /* @__PURE__ */ jsx(
-              Box,
-              __spreadValues({
-                as: "pre",
-                className: `history__message ${current.messageType}`
-              }, typeof current.message === "string" ? { dangerouslySetInnerHTML: { __html: current.message } } : { children: current.message }),
-              current.id
-            )) })
-          })
-        );
-      },
-      Textarea: makeTextarea(this)
-    };
-    __privateAdd(this, _promptsHistory, []);
-    __privateAdd(this, _currentHistoryIndex, -1);
-    this.history = {
-      add: (prompt) => {
-        __privateSet(this, _currentHistoryIndex, -1);
-        if (prompt === __privateGet(this, _promptsHistory)[__privateGet(this, _promptsHistory).length]) {
-          return;
-        }
-        __privateSet(this, _promptsHistory, [
-          prompt,
-          ...__privateGet(this, _promptsHistory).slice(
-            Math.max(0, __privateGet(this, _promptsHistory).length - 10)
-          )
-        ]);
-      },
-      next: () => {
-        if (__privateGet(this, _promptsHistory)[__privateGet(this, _currentHistoryIndex) - 1])
-          return __privateGet(this, _promptsHistory)[--__privateWrapper(this, _currentHistoryIndex)._];
-        else {
-          __privateSet(this, _currentHistoryIndex, -1);
-          return "";
-        }
-      },
-      previous: () => {
-        if (__privateGet(this, _promptsHistory)[__privateGet(this, _currentHistoryIndex) + 1]) {
-          return __privateGet(this, _promptsHistory)[++__privateWrapper(this, _currentHistoryIndex)._];
-        }
-      },
-      useList: () => {
-        const [messages, setMessages] = useState(__privateGet(this, _messages));
-        useEffect(() => {
-          return this.on("listChange", (messages2) => setMessages(messages2));
-        }, []);
-        return messages;
-      }
-    };
-    this.messages = {
-      add: (message) => {
-        __privateGet(this, _messages).push(message);
-        this.emit("listChange", [...__privateGet(this, _messages)]);
-      },
-      clear: () => {
-        __privateSet(this, _messages, []);
-        this.emit("listChange", []);
-      }
-    };
-    if (typeof welcomeMessage === "string")
-      __privateGet(this, _messages).push(new ChatMessage(welcomeMessage, "system"));
-  }
-}
-_messages = new WeakMap();
-_promptsHistory = new WeakMap();
-_currentHistoryIndex = new WeakMap();
-
-class MultipleChoiceMessage extends ChatMessage {
-  constructor(question, options, Renderer) {
-    super("", "multipleChoice");
-    this.question = question;
-    this.options = options;
-    this.Renderer = Renderer;
-  }
-  get message() {
-    const Renderer = this.Renderer;
-    if (Renderer) {
-      return /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage customRenderer", children: [
-        /* @__PURE__ */ jsx(Paragraph, { children: this.question }),
-        this.options.map((item) => /* @__PURE__ */ jsx(Renderer, { item }, item.url))
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage", children: [
-      /* @__PURE__ */ jsx(Paragraph, { children: this.question }),
-      !Renderer && /* @__PURE__ */ jsx(Box, { as: "ul", children: this.options.map((current) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-        SimpleButton,
-        {
-          className: "multipleChoice__option",
-          onClick: () => {
-            new ApiaUtil().tabs.openTab(current.label, current.url);
-          },
-          children: current.label
-        }
-      ) }, current.label)) })
-    ] });
-  }
-}
-
-export { ChatController, ChatMessage, MultipleChoiceMessage };
+export { ChatController } from './components/chat/ChatController.js';
+export { ChatMessage } from './components/chat/messages/ChatMessage.js';
+export { MultipleChoiceMessage } from './components/chat/messages/MultipleChoiceMessage.js';
+//# sourceMappingURL=index.js.map