@apia/ai 1.0.2 → 2.0.0

package/dist/components/chat/messages/MultipleChoiceMessage.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ReactElement } from 'react';
+import { ChatMessage } from './ChatMessage.js';
+
+type TMultipleChoiceMessageOption<OptionProps> = {
+    label: string;
+    url: string;
+    additionalProps?: OptionProps;
+};
+declare class MultipleChoiceMessage<OptionProps> extends ChatMessage {
+    private question;
+    private options;
+    private Renderer?;
+    constructor(question: string, options: TMultipleChoiceMessageOption<OptionProps>[], Renderer?: ((props: {
+        item: TMultipleChoiceMessageOption<OptionProps>;
+    }) => ReactElement) | undefined);
+    get message(): react.JSX.Element;
+}
+
+export { MultipleChoiceMessage, type TMultipleChoiceMessageOption };
+//# sourceMappingURL=MultipleChoiceMessage.d.ts.map

package/dist/components/chat/messages/MultipleChoiceMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceMessage.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/chat/messages/MultipleChoiceMessage.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { SimpleButton, ApiaUtil } from '@apia/components';
+import { ChatMessage } from './ChatMessage.js';
+import { Box, Paragraph } from '@apia/theme';
+
+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: () => {
+            ApiaUtil.instance.tabs.openTab(current.label, current.url);
+          },
+          children: current.label
+        }
+      ) }, current.label)) })
+    ] });
+  }
+}
+
+export { MultipleChoiceMessage };
+//# sourceMappingURL=MultipleChoiceMessage.js.map

package/dist/components/chat/messages/MultipleChoiceMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceMessage.js","sources":["../../../../src/components/chat/messages/MultipleChoiceMessage.tsx"],"sourcesContent":["import { ApiaUtil, SimpleButton } from '@apia/components';\nimport { ChatMessage } from './ChatMessage';\nimport { Box, Paragraph } from '@apia/theme';\nimport { ReactElement } from 'react';\n\nexport type TMultipleChoiceMessageOption<OptionProps> = {\n  label: string;\n  url: string;\n  additionalProps?: OptionProps;\n};\n\nexport class MultipleChoiceMessage<OptionProps> extends ChatMessage {\n  constructor(\n    private question: string,\n    private options: TMultipleChoiceMessageOption<OptionProps>[],\n    private Renderer?: (props: {\n      item: TMultipleChoiceMessageOption<OptionProps>;\n    }) => ReactElement,\n  ) {\n    super('', 'multipleChoice');\n  }\n\n  get message() {\n    const Renderer = this.Renderer;\n\n    if (Renderer) {\n      return (\n        <Box className=\"multipleChoiceMessage customRenderer\">\n          <Paragraph>{this.question}</Paragraph>\n          {this.options.map((item) => (\n            <Renderer item={item} key={item.url} />\n          ))}\n        </Box>\n      );\n    }\n\n    return (\n      <Box className=\"multipleChoiceMessage\">\n        <Paragraph>{this.question}</Paragraph>\n        {!Renderer && (\n          <Box as=\"ul\">\n            {this.options.map((current) => (\n              <li key={current.label}>\n                <SimpleButton\n                  className=\"multipleChoice__option\"\n                  onClick={() => {\n                    ApiaUtil.instance.tabs.openTab(current.label, current.url);\n                  }}\n                >\n                  {current.label}\n                </SimpleButton>\n              </li>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;AAWO,MAAM,8BAA2C,WAAY,CAAA;AAAA,EAClE,WAAA,CACU,QACA,EAAA,OAAA,EACA,QAGR,EAAA;AACA,IAAA,KAAA,CAAM,IAAI,gBAAgB,CAAA,CAAA;AANlB,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AACA,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA,CAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA,CAAA;AAAA,GAKV;AAAA,EAEA,IAAI,OAAU,GAAA;AACZ,IAAA,MAAM,WAAW,IAAK,CAAA,QAAA,CAAA;AAEtB,IAAA,IAAI,QAAU,EAAA;AACZ,MACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,sCACb,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,eAAK,QAAS,EAAA,CAAA;AAAA,QACzB,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,IAAA,yBAChB,QAAS,EAAA,EAAA,IAAA,EAAA,EAAiB,IAAK,CAAA,GAAK,CACtC,CAAA;AAAA,OACH,EAAA,CAAA,CAAA;AAAA,KAEJ;AAEA,IACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,uBACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,SAAA,EAAA,EAAW,eAAK,QAAS,EAAA,CAAA;AAAA,MACzB,CAAC,QAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAG,EAAA,IAAA,EACL,QAAK,EAAA,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,OACjB,qBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,wBAAA;AAAA,UACV,SAAS,MAAM;AACb,YAAA,QAAA,CAAS,SAAS,IAAK,CAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,EAAO,QAAQ,GAAG,CAAA,CAAA;AAAA,WAC3D;AAAA,UAEC,QAAQ,EAAA,OAAA,CAAA,KAAA;AAAA,SAAA;AAAA,OAPJ,EAAA,EAAA,OAAA,CAAQ,KASjB,CACD,CACH,EAAA,CAAA;AAAA,KAEJ,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/files/ocr/getImageOcrMaker.js

@@ -0,0 +1,34 @@
+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 {
+    async processFile(file, onProgress) {
+      const tesseract = await import('tesseract.js');
+      const worker = await tesseract.createWorker(lang, 1, {
+        logger(arg) {
+          onProgress?.(arg.progress * 100);
+        }
+      });
+      const result = (await worker.recognize(file)).data.text;
+      return [result];
+    }
+    willProcessFile(file) {
+      return isImageFile(file);
+    }
+  }();
+}
+
+export { getImageOcrMaker as default, isImageFile };
+//# sourceMappingURL=getImageOcrMaker.js.map

package/dist/files/ocr/getImageOcrMaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getImageOcrMaker.js","sources":["../../../src/files/ocr/getImageOcrMaker.ts"],"sourcesContent":["import { FileProcessor } from '../FileProcessor';\n\nexport function isImageFile(file: File) {\n  const IMAGE_EXTENSIONS = [\n    'jpg',\n    'jpeg',\n    'png',\n    'gif',\n    'bmp',\n    'webp',\n    'tiff',\n    'svg',\n    'jfif',\n  ];\n\n  return IMAGE_EXTENSIONS.includes(file.name.split('.').pop() as string);\n}\n\nexport default function getImageOcrMaker(lang: 'eng' | 'spa') {\n  return new (class ImageOcrMaker implements FileProcessor {\n    async processFile(\n      file: File,\n      onProgress?: (progress: number) => unknown,\n    ): Promise<string[]> {\n      const tesseract = await import('tesseract.js');\n\n      const worker = await tesseract.createWorker(lang, 1, {\n        logger(arg) {\n          onProgress?.(arg.progress * 100);\n        },\n      });\n\n      const result = (await worker.recognize(file)).data.text;\n      return [result];\n    }\n\n    willProcessFile(file: File) {\n      return isImageFile(file);\n    }\n  })();\n}\n"],"names":[],"mappings":"AAEO,SAAS,YAAY,IAAY,EAAA;AACtC,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,KAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,gBAAA,CAAiB,SAAS,IAAK,CAAA,IAAA,CAAK,MAAM,GAAG,CAAA,CAAE,KAAe,CAAA,CAAA;AACvE,CAAA;AAEA,SAAwB,iBAAiB,IAAqB,EAAA;AAC5D,EAAO,OAAA,IAAK,MAAM,aAAuC,CAAA;AAAA,IACvD,MAAM,WACJ,CAAA,IAAA,EACA,UACmB,EAAA;AACnB,MAAM,MAAA,SAAA,GAAY,MAAM,OAAO,cAAc,CAAA,CAAA;AAE7C,MAAA,MAAM,MAAS,GAAA,MAAM,SAAU,CAAA,YAAA,CAAa,MAAM,CAAG,EAAA;AAAA,QACnD,OAAO,GAAK,EAAA;AACV,UAAa,UAAA,GAAA,GAAA,CAAI,WAAW,GAAG,CAAA,CAAA;AAAA,SACjC;AAAA,OACD,CAAA,CAAA;AAED,MAAA,MAAM,UAAU,MAAM,MAAA,CAAO,SAAU,CAAA,IAAI,GAAG,IAAK,CAAA,IAAA,CAAA;AACnD,MAAA,OAAO,CAAC,MAAM,CAAA,CAAA;AAAA,KAChB;AAAA,IAEA,gBAAgB,IAAY,EAAA;AAC1B,MAAA,OAAO,YAAY,IAAI,CAAA,CAAA;AAAA,KACzB;AAAA,GACC,EAAA,CAAA;AACL;;;;"}

package/dist/files/pdf/getPdfReader.js

@@ -0,0 +1,45 @@
+function isPdfFile(file) {
+  const IMAGE_EXTENSIONS = ["pdf"];
+  return IMAGE_EXTENSIONS.includes(file.name.split(".").pop());
+}
+function getPdfReader() {
+  return new class PdfReader {
+    async processFile(file, onProgress) {
+      onProgress?.(0);
+      const { getDocument, GlobalWorkerOptions } = await import('pdfjs-dist');
+      async function getPdfTextFromArrayBuffer(buffer) {
+        GlobalWorkerOptions.workerSrc = "../includes/pdf.worker.min.js";
+        const pdf = await getDocument({ data: buffer }).promise;
+        const pages = [];
+        for (let i = 1; i <= pdf.numPages; i++) {
+          const page = await pdf.getPage(i);
+          const textContent = await page.getTextContent();
+          pages.push(
+            textContent.items.map((item) => item.str).join(" ")
+          );
+        }
+        return pages;
+      }
+      return new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.onload = async function(event) {
+          if (!event.target?.result) {
+            alert("Error al leer el archivo.");
+            return;
+          }
+          const buffer = event.target.result;
+          const text = await getPdfTextFromArrayBuffer(buffer);
+          onProgress?.(100);
+          resolve(text);
+        };
+        reader.readAsArrayBuffer(file);
+      });
+    }
+    willProcessFile(file) {
+      return isPdfFile(file);
+    }
+  }();
+}
+
+export { getPdfReader as default, isPdfFile };
+//# sourceMappingURL=getPdfReader.js.map

package/dist/files/pdf/getPdfReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPdfReader.js","sources":["../../../src/files/pdf/getPdfReader.ts"],"sourcesContent":["import { FileProcessor } from '../FileProcessor';\n\nexport function isPdfFile(file: File) {\n  const IMAGE_EXTENSIONS = ['pdf'];\n\n  return IMAGE_EXTENSIONS.includes(file.name.split('.').pop() as string);\n}\n\nexport default function getPdfReader() {\n  return new (class PdfReader implements FileProcessor {\n    async processFile(\n      file: File,\n      onProgress?: (progress: number) => void,\n    ): Promise<string[]> {\n      onProgress?.(0);\n      const { getDocument, GlobalWorkerOptions } = await import('pdfjs-dist');\n\n      async function getPdfTextFromArrayBuffer(\n        buffer: ArrayBuffer,\n      ): Promise<string[]> {\n        GlobalWorkerOptions.workerSrc = '../includes/pdf.worker.min.js';\n\n        const pdf = await getDocument({ data: buffer }).promise;\n\n        const pages: string[] = [];\n\n        for (let i = 1; i <= pdf.numPages; i++) {\n          const page = await pdf.getPage(i);\n          const textContent = await page.getTextContent();\n\n          // Concatenar texto de cada página\n          pages.push(\n            textContent.items\n              .map((item) => (item as { str: string }).str)\n              .join(' '),\n          );\n        }\n\n        return pages;\n      }\n\n      return new Promise((resolve) => {\n        const reader = new FileReader();\n\n        reader.onload = async function (event: ProgressEvent<FileReader>) {\n          if (!event.target?.result) {\n            alert('Error al leer el archivo.');\n            return;\n          }\n\n          const buffer: ArrayBuffer = event.target.result as ArrayBuffer;\n          const text = await getPdfTextFromArrayBuffer(buffer);\n\n          onProgress?.(100);\n          resolve(text);\n        };\n\n        reader.readAsArrayBuffer(file);\n      });\n    }\n\n    willProcessFile(file: File) {\n      return isPdfFile(file);\n    }\n  })();\n}\n"],"names":[],"mappings":"AAEO,SAAS,UAAU,IAAY,EAAA;AACpC,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAK,CAAA,CAAA;AAE/B,EAAO,OAAA,gBAAA,CAAiB,SAAS,IAAK,CAAA,IAAA,CAAK,MAAM,GAAG,CAAA,CAAE,KAAe,CAAA,CAAA;AACvE,CAAA;AAEA,SAAwB,YAAe,GAAA;AACrC,EAAO,OAAA,IAAK,MAAM,SAAmC,CAAA;AAAA,IACnD,MAAM,WACJ,CAAA,IAAA,EACA,UACmB,EAAA;AACnB,MAAA,UAAA,GAAa,CAAC,CAAA,CAAA;AACd,MAAA,MAAM,EAAE,WAAa,EAAA,mBAAA,EAAwB,GAAA,MAAM,OAAO,YAAY,CAAA,CAAA;AAEtE,MAAA,eAAe,0BACb,MACmB,EAAA;AACnB,QAAA,mBAAA,CAAoB,SAAY,GAAA,+BAAA,CAAA;AAEhC,QAAA,MAAM,MAAM,MAAM,WAAA,CAAY,EAAE,IAAM,EAAA,MAAA,EAAQ,CAAE,CAAA,OAAA,CAAA;AAEhD,QAAA,MAAM,QAAkB,EAAC,CAAA;AAEzB,QAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAK,IAAA,GAAA,CAAI,UAAU,CAAK,EAAA,EAAA;AACtC,UAAA,MAAM,IAAO,GAAA,MAAM,GAAI,CAAA,OAAA,CAAQ,CAAC,CAAA,CAAA;AAChC,UAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,cAAe,EAAA,CAAA;AAG9C,UAAM,KAAA,CAAA,IAAA;AAAA,YACJ,WAAA,CAAY,MACT,GAAI,CAAA,CAAC,SAAU,IAAyB,CAAA,GAAG,CAC3C,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,WACb,CAAA;AAAA,SACF;AAEA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAEA,MAAO,OAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9B,QAAM,MAAA,MAAA,GAAS,IAAI,UAAW,EAAA,CAAA;AAE9B,QAAO,MAAA,CAAA,MAAA,GAAS,eAAgB,KAAkC,EAAA;AAChE,UAAI,IAAA,CAAC,KAAM,CAAA,MAAA,EAAQ,MAAQ,EAAA;AACzB,YAAA,KAAA,CAAM,2BAA2B,CAAA,CAAA;AACjC,YAAA,OAAA;AAAA,WACF;AAEA,UAAM,MAAA,MAAA,GAAsB,MAAM,MAAO,CAAA,MAAA,CAAA;AACzC,UAAM,MAAA,IAAA,GAAO,MAAM,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAEnD,UAAA,UAAA,GAAa,GAAG,CAAA,CAAA;AAChB,UAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,SACd,CAAA;AAEA,QAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OAC9B,CAAA,CAAA;AAAA,KACH;AAAA,IAEA,gBAAgB,IAAY,EAAA;AAC1B,MAAA,OAAO,UAAU,IAAI,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAA;AACL;;;;"}

package/dist/index.d.ts

@@ -1,61 +1,4 @@
-import * as react from 'react';
-import { ReactNode, ReactElement } from 'react';
-import { EventEmitter } from '@apia/util';
-
-declare class ChatMessage {
-    #private;
-    messageType: TMessageType;
-    id: number;
-    parseMessage(message: string): string;
-    constructor(message: ReactNode, messageType: TMessageType);
-    get message(): ReactNode;
-}
-
-type TMessageType = 'user' | 'system' | 'warning' | 'error' | 'information' | 'response' | 'multipleChoice';
-declare class ChatController extends EventEmitter<{
-    listChange: ChatMessage[];
-    messageSubmited?: string;
-}> {
-    #private;
-    id: string;
-    constructor(id: string, welcomeMessage?: string | false);
-    components: {
-        MessageHistory: () => react.JSX.Element;
-        Textarea: {
-            ({ hideDeleteButton, isLoading: outIsLoading, onSubmit, preventAppendUserMessages, }: {
-                hideDeleteButton?: boolean | undefined;
-                isLoading?: boolean | undefined;
-                onSubmit: (text: string) => Promise<void>;
-                preventAppendUserMessages?: boolean | undefined;
-            }): react.JSX.Element;
-            displayName: string;
-        };
-    };
-    history: {
-        add: (prompt: string) => void;
-        next: () => string;
-        previous: () => string | undefined;
-        useList: () => ChatMessage[];
-    };
-    messages: {
-        add: (message: ChatMessage) => void;
-        clear: () => void;
-    };
-}
-
-type TMultipleChoiceMessageOption<OptionProps> = {
-    label: string;
-    url: string;
-    additionalProps?: OptionProps;
-};
-declare class MultipleChoiceMessage<OptionProps> extends ChatMessage {
-    private question;
-    private options;
-    private Renderer?;
-    constructor(question: string, options: TMultipleChoiceMessageOption<OptionProps>[], Renderer?: ((props: {
-        item: TMultipleChoiceMessageOption<OptionProps>;
-    }) => ReactElement) | undefined);
-    get message(): react.JSX.Element;
-}
-
-export { ChatController, ChatMessage, MultipleChoiceMessage, TMessageType, TMultipleChoiceMessageOption };
+export { ChatController, TMessageType } from './components/chat/ChatController.js';
+export { ChatMessage } from './components/chat/messages/ChatMessage.js';
+export { MultipleChoiceMessage, TMultipleChoiceMessageOption } from './components/chat/messages/MultipleChoiceMessage.js';
+//# sourceMappingURL=index.d.ts.map