@antscorp/antsomi-ui 1.3.3-beta.20 → 1.3.3-beta.21

package/es/components/molecules/CaptureScreen/utils.js

@@ -1,62 +1,62 @@
-// Themes
-// import { blackTheme } from './themes/black';
-// Constants
-import { DRAW_KEYS } from './constants';
-export const getEditorConfigs = () => ({
-    selectionStyle: {
-        cornerSize: 20,
-        rotatingPointOffset: 70,
-    },
-    usageStatistics: false,
-});
-export const initDefaultColors = () => ({
-    [DRAW_KEYS.HIGHLIGHT]: '#0f2eae',
-    [DRAW_KEYS.COMMENT]: '#0f2eae',
-    [DRAW_KEYS.PEN]: '#0f2eae',
-    [DRAW_KEYS.ARROW]: '#0f2eae',
-    [DRAW_KEYS.HIDE]: '#0f2eae',
-});
-export const base64ToFile = (dataUrl, filename) => {
-    const arr = dataUrl.split(',');
-    if (arr.length) {
-        const mime = arr[0].match(/:(.*?);/)[1];
-        const bstr = window.atob(arr[1]);
-        let n = bstr.length;
-        const u8arr = new Uint8Array(n);
-        while (n--) {
-            u8arr[n] = bstr.charCodeAt(n);
-        }
-        return new File([u8arr], filename, { type: mime });
-    }
-};
-export const convertBlobToFile = (blob, fileName) => {
-    const file = new File([blob], fileName);
-    return file;
-};
-export const generateUniqueId = () => {
-    const randomId = Math.random().toString(36).substring(2);
-    const timestamp = Date.now().toString(36);
-    return randomId + timestamp;
-};
-export const mergeAudioStreams = (desktopStream, voiceStream) => {
-    const context = new AudioContext();
-    const destination = context.createMediaStreamDestination();
-    let hasDesktop = false;
-    let hasVoice = false;
-    if (desktopStream && desktopStream.getAudioTracks().length > 0) {
-        // If you don't want to share Audio from the desktop it should still work with just the voice.
-        const source1 = context.createMediaStreamSource(desktopStream);
-        const desktopGain = context.createGain();
-        desktopGain.gain.value = 0.7;
-        source1.connect(desktopGain).connect(destination);
-        hasDesktop = true;
-    }
-    if (voiceStream && voiceStream.getAudioTracks().length > 0) {
-        const source2 = context.createMediaStreamSource(voiceStream);
-        const voiceGain = context.createGain();
-        voiceGain.gain.value = 0.7;
-        source2.connect(voiceGain).connect(destination);
-        hasVoice = true;
-    }
-    return hasDesktop || hasVoice ? destination.stream.getAudioTracks() : [];
-};
+// Themes
+// import { blackTheme } from './themes/black';
+// Constants
+import { DRAW_KEYS } from './constants';
+export const getEditorConfigs = () => ({
+    selectionStyle: {
+        cornerSize: 20,
+        rotatingPointOffset: 70,
+    },
+    usageStatistics: false,
+});
+export const initDefaultColors = () => ({
+    [DRAW_KEYS.HIGHLIGHT]: '#0f2eae',
+    [DRAW_KEYS.COMMENT]: '#0f2eae',
+    [DRAW_KEYS.PEN]: '#0f2eae',
+    [DRAW_KEYS.ARROW]: '#0f2eae',
+    [DRAW_KEYS.HIDE]: '#0f2eae',
+});
+export const base64ToFile = (dataUrl, filename) => {
+    const arr = dataUrl.split(',');
+    if (arr.length) {
+        const mime = arr[0].match(/:(.*?);/)[1];
+        const bstr = window.atob(arr[1]);
+        let n = bstr.length;
+        const u8arr = new Uint8Array(n);
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new File([u8arr], filename, { type: mime });
+    }
+};
+export const convertBlobToFile = (blob, fileName) => {
+    const file = new File([blob], fileName);
+    return file;
+};
+export const generateUniqueId = () => {
+    const randomId = Math.random().toString(36).substring(2);
+    const timestamp = Date.now().toString(36);
+    return randomId + timestamp;
+};
+export const mergeAudioStreams = (desktopStream, voiceStream) => {
+    const context = new AudioContext();
+    const destination = context.createMediaStreamDestination();
+    let hasDesktop = false;
+    let hasVoice = false;
+    if (desktopStream && desktopStream.getAudioTracks().length > 0) {
+        // If you don't want to share Audio from the desktop it should still work with just the voice.
+        const source1 = context.createMediaStreamSource(desktopStream);
+        const desktopGain = context.createGain();
+        desktopGain.gain.value = 0.7;
+        source1.connect(desktopGain).connect(destination);
+        hasDesktop = true;
+    }
+    if (voiceStream && voiceStream.getAudioTracks().length > 0) {
+        const source2 = context.createMediaStreamSource(voiceStream);
+        const voiceGain = context.createGain();
+        voiceGain.gain.value = 0.7;
+        source2.connect(voiceGain).connect(destination);
+        hasVoice = true;
+    }
+    return hasDesktop || hasVoice ? destination.stream.getAudioTracks() : [];
+};

package/es/components/molecules/Card/Card.d.ts

@@ -1 +1 @@
-export declare const Card: import("antd/es/card").CardInterface;
+export declare const Card: import("antd/es/card").CardInterface;

package/es/components/molecules/Card/Card.js

@@ -1,2 +1,2 @@
-import { Card as AntdCard } from 'antd';
-export const Card = AntdCard;
+import { Card as AntdCard } from 'antd';
+export const Card = AntdCard;

package/es/components/molecules/Card/index.d.ts

@@ -1 +1 @@
-export { Card } from './Card';
+export { Card } from './Card';

package/es/components/molecules/Card/index.js

@@ -1 +1 @@
-export { Card } from './Card';
+export { Card } from './Card';

package/es/components/molecules/Cascader/Cascader.d.ts

@@ -1 +1 @@
-export { Cascader } from 'antd';
+export { Cascader } from 'antd';

package/es/components/molecules/Cascader/Cascader.js

@@ -1 +1 @@
-export { Cascader } from 'antd';
+export { Cascader } from 'antd';

package/es/components/molecules/Cascader/index.d.ts

@@ -1 +1 @@
-export { Cascader } from './Cascader';
+export { Cascader } from './Cascader';

package/es/components/molecules/Cascader/index.js

@@ -1 +1 @@
-export { Cascader } from './Cascader';
+export { Cascader } from './Cascader';

package/es/components/molecules/ChatBox/ChatBox.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { IChatBoxProps } from './types';
-export declare const ChatBox: React.FC<IChatBoxProps>;
+import React from 'react';
+import { IChatBoxProps } from './types';
+export declare const ChatBox: React.FC<IChatBoxProps>;

package/es/components/molecules/ChatBox/ChatBox.js

@@ -1,188 +1,188 @@
-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());
-    });
-};
-/* eslint-disable react/no-unused-prop-types */
-// Libraries
-import React, { useEffect, useState, useRef, useCallback } from 'react';
-import clsx from 'clsx';
-import axios from 'axios';
-// Atoms
-import { Button, Typography } from '@antscorp/antsomi-ui/es/components/atoms';
-import { Input as AntdInput } from 'antd';
-// Components
-import MessageItem from './MessageItem';
-import { CloseIcon, PlaneIcon, WarningIcon } from '@antscorp/antsomi-ui/es/components/icons';
-// Styled
-import { ChatBoxWrapper, ChatBoxHeader, ChatBoxBody, ChatBoxFooter, WarningWrapper, InputWrapper, } from './styled';
-const { TextArea } = AntdInput;
-const { Text } = Typography;
-export const ChatBox = props => {
-    var _a;
-    const { onClose, domain, userId, token, withoutBox, avatar, style } = props;
-    const [question, setQuestion] = useState('');
-    const [isClosed, setIsClosed] = useState(false);
-    const [limitMessage, setLimitMessage] = useState('');
-    const [isAnswering, setAnswering] = useState(false);
-    const [showPlaceHolder, setShowPlaceholder] = useState(false);
-    const [conversation, setConversation] = useState([]);
-    const bodyRef = useRef(null);
-    const inputRef = useRef(null);
-    const initRef = useRef(false);
-    const answeringRef = useRef(false);
-    const scrollBody = useCallback(() => {
-        if (bodyRef.current) {
-            bodyRef.current.scrollTo(0, bodyRef.current.scrollHeight);
-        }
-    }, []);
-    const renderDone = useCallback(idx => {
-        if (idx === conversation.length - 1) {
-            answeringRef.current = false;
-            setAnswering(false);
-        }
-    }, [conversation]);
-    const addMessage = (content, role = "assistant" /* Role.Assistant */) => {
-        setConversation(prev => [
-            ...prev,
-            {
-                id: crypto.randomUUID(),
-                role,
-                content,
-            },
-        ]);
-    };
-    const loadConversation = () => __awaiter(void 0, void 0, void 0, function* () {
-        const result = yield axios.get(`${domain}/api/chat/performance`, {
-            params: {
-                _token: token,
-                _user_id: userId,
-                _account_id: userId,
-                format: 'grid',
-                objType: 7,
-                limit: 1000,
-                page: 1,
-            },
-        });
-        if (result && result.data && result.data.data && result.data.data.rows) {
-            const initConversation = [];
-            result.data.data.rows
-                .sort((a, b) => a.message_id - b.message_id)
-                .forEach(mess => {
-                initConversation.push({
-                    id: mess.message_id,
-                    role: "user" /* Role.User */,
-                    content: mess.message,
-                });
-                initConversation.push({
-                    id: `gpt_${mess.message_id}`,
-                    role: "assistant" /* Role.Assistant */,
-                    content: mess.response_message,
-                });
-            });
-            setConversation(initConversation);
-        }
-    });
-    const request = (question) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!question)
-            return;
-        // await new Promise<any>(r => setTimeout(() => r({data: {data:{message: 'Lorem ipsum'}}}), Math.random() * 3000))
-        const result = yield axios.post(`${domain}/api/chat/index`, {
-            message: question,
-        }, {
-            params: {
-                _token: token,
-                _user_id: userId,
-                _account_id: userId,
-            },
-        });
-        if (result && result.data && result.data.data && result.data.data.message) {
-            addMessage(result.data.data.message);
-        }
-        else if (result && result.data && result.data.code === 400) {
-            setLimitMessage(result.data.message);
-        }
-    });
-    useEffect(() => {
-        loadConversation();
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, []);
-    useEffect(() => {
-        scrollBody();
-    }, [conversation]);
-    useEffect(() => {
-        var _a;
-        if (isAnswering && ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */) {
-            setTimeout(() => {
-                var _a;
-                if (isAnswering && ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */) {
-                    setShowPlaceholder(true);
-                }
-                else {
-                    setShowPlaceholder(false);
-                }
-            }, Math.random() * 4000);
-        }
-        else {
-            setShowPlaceholder(false);
-        }
-    }, [isAnswering, conversation]);
-    const handleClose = () => {
-        setIsClosed(true);
-        if (typeof onClose === 'function') {
-            onClose();
-        }
-    };
-    const renderMessage = (message, idx, isPlaceholder = false) => (React.createElement(MessageItem, Object.assign({ key: idx, idx: idx }, message, { scrollBody: scrollBody, renderDone: renderDone, doAnimation: initRef.current && idx === conversation.length - 1, avatar: avatar, isPlaceholder: isPlaceholder })));
-    const handleKeyDown = e => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            if (answeringRef.current || limitMessage || !question || !question.trim()) {
-                return;
-            }
-            initRef.current = true;
-            answeringRef.current = true;
-            setAnswering(true);
-            addMessage(question, "user" /* Role.User */);
-            request(question);
-            setQuestion('');
-        }
-    };
-    if (isClosed) {
-        return null;
-    }
-    return (React.createElement(ChatBoxWrapper, { withoutBox: withoutBox, style: style },
-        !withoutBox && (React.createElement(ChatBoxHeader, null,
-            React.createElement(Text, { className: clsx('title') }, "Get ideas with ChatGPT"),
-            React.createElement(Button, { className: clsx('close-btn'), onClick: handleClose },
-                React.createElement(CloseIcon, null)))),
-        React.createElement(ChatBoxBody, { ref: bodyRef },
-            conversation.map((message, idx) => renderMessage(message, idx)),
-            showPlaceHolder &&
-                !limitMessage &&
-                isAnswering &&
-                ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */ &&
-                renderMessage({
-                    id: 'placeholder',
-                    role: "assistant" /* Role.Assistant */,
-                    content: '',
-                }, conversation.length, true)),
-        React.createElement(ChatBoxFooter, null,
-            limitMessage && (React.createElement(WarningWrapper, null,
-                React.createElement(WarningIcon, { className: clsx('icon') }),
-                React.createElement(Text, null, limitMessage))),
-            React.createElement(InputWrapper, null,
-                React.createElement(TextArea, { ref: inputRef, value: question, onChange: e => setQuestion(e.target.value), className: clsx('input'), placeholder: "Type your question...", onKeyDown: handleKeyDown, autoSize: true }),
-                React.createElement(Button, { disabled: isAnswering, className: clsx('submit-btn', { disabled: isAnswering }), onClick: () => handleKeyDown({ key: 'Enter', preventDefault: () => null }) },
-                    React.createElement(PlaneIcon, { className: clsx('icon') }))))));
-};
-ChatBox.defaultProps = {
-    withoutBox: false,
-    avatar: '',
-};
+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());
+    });
+};
+/* eslint-disable react/no-unused-prop-types */
+// Libraries
+import React, { useEffect, useState, useRef, useCallback } from 'react';
+import clsx from 'clsx';
+import axios from 'axios';
+// Atoms
+import { Button, Typography } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Input as AntdInput } from 'antd';
+// Components
+import MessageItem from './MessageItem';
+import { CloseIcon, PlaneIcon, WarningIcon } from '@antscorp/antsomi-ui/es/components/icons';
+// Styled
+import { ChatBoxWrapper, ChatBoxHeader, ChatBoxBody, ChatBoxFooter, WarningWrapper, InputWrapper, } from './styled';
+const { TextArea } = AntdInput;
+const { Text } = Typography;
+export const ChatBox = props => {
+    var _a;
+    const { onClose, domain, userId, token, withoutBox, avatar, style } = props;
+    const [question, setQuestion] = useState('');
+    const [isClosed, setIsClosed] = useState(false);
+    const [limitMessage, setLimitMessage] = useState('');
+    const [isAnswering, setAnswering] = useState(false);
+    const [showPlaceHolder, setShowPlaceholder] = useState(false);
+    const [conversation, setConversation] = useState([]);
+    const bodyRef = useRef(null);
+    const inputRef = useRef(null);
+    const initRef = useRef(false);
+    const answeringRef = useRef(false);
+    const scrollBody = useCallback(() => {
+        if (bodyRef.current) {
+            bodyRef.current.scrollTo(0, bodyRef.current.scrollHeight);
+        }
+    }, []);
+    const renderDone = useCallback(idx => {
+        if (idx === conversation.length - 1) {
+            answeringRef.current = false;
+            setAnswering(false);
+        }
+    }, [conversation]);
+    const addMessage = (content, role = "assistant" /* Role.Assistant */) => {
+        setConversation(prev => [
+            ...prev,
+            {
+                id: crypto.randomUUID(),
+                role,
+                content,
+            },
+        ]);
+    };
+    const loadConversation = () => __awaiter(void 0, void 0, void 0, function* () {
+        const result = yield axios.get(`${domain}/api/chat/performance`, {
+            params: {
+                _token: token,
+                _user_id: userId,
+                _account_id: userId,
+                format: 'grid',
+                objType: 7,
+                limit: 1000,
+                page: 1,
+            },
+        });
+        if (result && result.data && result.data.data && result.data.data.rows) {
+            const initConversation = [];
+            result.data.data.rows
+                .sort((a, b) => a.message_id - b.message_id)
+                .forEach(mess => {
+                initConversation.push({
+                    id: mess.message_id,
+                    role: "user" /* Role.User */,
+                    content: mess.message,
+                });
+                initConversation.push({
+                    id: `gpt_${mess.message_id}`,
+                    role: "assistant" /* Role.Assistant */,
+                    content: mess.response_message,
+                });
+            });
+            setConversation(initConversation);
+        }
+    });
+    const request = (question) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!question)
+            return;
+        // await new Promise<any>(r => setTimeout(() => r({data: {data:{message: 'Lorem ipsum'}}}), Math.random() * 3000))
+        const result = yield axios.post(`${domain}/api/chat/index`, {
+            message: question,
+        }, {
+            params: {
+                _token: token,
+                _user_id: userId,
+                _account_id: userId,
+            },
+        });
+        if (result && result.data && result.data.data && result.data.data.message) {
+            addMessage(result.data.data.message);
+        }
+        else if (result && result.data && result.data.code === 400) {
+            setLimitMessage(result.data.message);
+        }
+    });
+    useEffect(() => {
+        loadConversation();
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, []);
+    useEffect(() => {
+        scrollBody();
+    }, [conversation]);
+    useEffect(() => {
+        var _a;
+        if (isAnswering && ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */) {
+            setTimeout(() => {
+                var _a;
+                if (isAnswering && ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */) {
+                    setShowPlaceholder(true);
+                }
+                else {
+                    setShowPlaceholder(false);
+                }
+            }, Math.random() * 4000);
+        }
+        else {
+            setShowPlaceholder(false);
+        }
+    }, [isAnswering, conversation]);
+    const handleClose = () => {
+        setIsClosed(true);
+        if (typeof onClose === 'function') {
+            onClose();
+        }
+    };
+    const renderMessage = (message, idx, isPlaceholder = false) => (React.createElement(MessageItem, Object.assign({ key: idx, idx: idx }, message, { scrollBody: scrollBody, renderDone: renderDone, doAnimation: initRef.current && idx === conversation.length - 1, avatar: avatar, isPlaceholder: isPlaceholder })));
+    const handleKeyDown = e => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (answeringRef.current || limitMessage || !question || !question.trim()) {
+                return;
+            }
+            initRef.current = true;
+            answeringRef.current = true;
+            setAnswering(true);
+            addMessage(question, "user" /* Role.User */);
+            request(question);
+            setQuestion('');
+        }
+    };
+    if (isClosed) {
+        return null;
+    }
+    return (React.createElement(ChatBoxWrapper, { withoutBox: withoutBox, style: style },
+        !withoutBox && (React.createElement(ChatBoxHeader, null,
+            React.createElement(Text, { className: clsx('title') }, "Get ideas with ChatGPT"),
+            React.createElement(Button, { className: clsx('close-btn'), onClick: handleClose },
+                React.createElement(CloseIcon, null)))),
+        React.createElement(ChatBoxBody, { ref: bodyRef },
+            conversation.map((message, idx) => renderMessage(message, idx)),
+            showPlaceHolder &&
+                !limitMessage &&
+                isAnswering &&
+                ((_a = conversation.at(-1)) === null || _a === void 0 ? void 0 : _a.role) !== "assistant" /* Role.Assistant */ &&
+                renderMessage({
+                    id: 'placeholder',
+                    role: "assistant" /* Role.Assistant */,
+                    content: '',
+                }, conversation.length, true)),
+        React.createElement(ChatBoxFooter, null,
+            limitMessage && (React.createElement(WarningWrapper, null,
+                React.createElement(WarningIcon, { className: clsx('icon') }),
+                React.createElement(Text, null, limitMessage))),
+            React.createElement(InputWrapper, null,
+                React.createElement(TextArea, { ref: inputRef, value: question, onChange: e => setQuestion(e.target.value), className: clsx('input'), placeholder: "Type your question...", onKeyDown: handleKeyDown, autoSize: true }),
+                React.createElement(Button, { disabled: isAnswering, className: clsx('submit-btn', { disabled: isAnswering }), onClick: () => handleKeyDown({ key: 'Enter', preventDefault: () => null }) },
+                    React.createElement(PlaneIcon, { className: clsx('icon') }))))));
+};
+ChatBox.defaultProps = {
+    withoutBox: false,
+    avatar: '',
+};

package/es/components/molecules/ChatBox/MessageItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import 'highlight.js/styles/vs2015.css';
-import { IChatBoxMessageProps } from './types';
-declare const _default: React.NamedExoticComponent<IChatBoxMessageProps>;
-export default _default;
+import React from 'react';
+import 'highlight.js/styles/vs2015.css';
+import { IChatBoxMessageProps } from './types';
+declare const _default: React.NamedExoticComponent<IChatBoxMessageProps>;
+export default _default;