@ray-js/t-agent-ui-ray 0.0.5-beta-1

package/dist/hooks/useAsrInput.js

@@ -0,0 +1,111 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useRef, useState } from 'react';
+import { Asr, AsrDetectResultState } from '@ray-js/t-agent-plugin-assistant';
+export let AsrErrorCode = /*#__PURE__*/function (AsrErrorCode) {
+  AsrErrorCode[AsrErrorCode["SHORT_TIME"] = 0] = "SHORT_TIME";
+  return AsrErrorCode;
+}({});
+export class AsrError extends Error {
+  constructor(errorCode, message) {
+    if (!message) {
+      switch (errorCode) {
+        case AsrErrorCode.SHORT_TIME:
+          message = 'Recording time is too short';
+          break;
+        default:
+          message = 'Unknown error';
+          break;
+      }
+    }
+    super(message);
+    this.errorCode = errorCode;
+  }
+}
+/**
+  init 初始状态，有返回按钮
+  recording 按住说话按钮收音，无按钮
+  pending 已有文本，待发送，有清除、发送按钮
+
+      +-------------------------------------------------------+
+      |                      clear/send                       |
+      ↓                                                       |
+  +--------+     press     +------------+     release    +---------+
+  |  init  |  ---------->  | recording  |  ---------->   | pending |
+  +--------+               +------------+                +---------+
+      ^                         |  ^                          |
+      |                         |  |                          |
+      |                         |  |                          |
+      |      empty release      |  |           press          |
+      +-------------------------+  +--------------------------+
+ */
+export function useAsrInput(options) {
+  const {
+    onError
+  } = options;
+  const asrRef = useRef(null);
+  const [text, setText] = useState('');
+  const [currentText, setCurrentText] = useState('');
+  const [incomingText, setIncomingText] = useState('');
+  const [state, setState] = useState('init');
+  const startAt = useRef(0);
+  return {
+    text,
+    setText,
+    currentText,
+    incomingText,
+    state,
+    clear: () => {
+      setState('init');
+      setText('');
+      setCurrentText('');
+      setIncomingText('');
+    },
+    press: async () => {
+      setState('recording');
+      startAt.current = Date.now();
+      const initial = text;
+      let last = initial;
+      setCurrentText(initial);
+      setIncomingText('');
+
+      // 开始录音时
+      const asr = Asr.detect(async res => {
+        if (res.state === AsrDetectResultState.STARTING || res.state === AsrDetectResultState.END) {
+          const full = initial + res.text;
+          const incoming = full.slice(last.length);
+          setIncomingText(incoming);
+          setCurrentText(last);
+          setText(full);
+          last = full;
+        }
+        if (res.state === AsrDetectResultState.ERROR) {
+          onError(new AsrError(res.errorCode));
+        }
+      });
+      try {
+        await asr.start();
+        asrRef.current = asr;
+      } catch (error) {
+        onError(error);
+      }
+    },
+    release: async () => {
+      if (state !== 'recording') {
+        return;
+      }
+      if (text) {
+        setState('pending');
+      } else {
+        onError(new AsrError(AsrErrorCode.SHORT_TIME));
+        setState('init');
+      }
+      if (Date.now() - startAt.current < 1000) {
+        onError(new AsrError(AsrErrorCode.SHORT_TIME));
+      }
+      if (asrRef.current) {
+        await asrRef.current.stop();
+        asrRef.current = null;
+      }
+    }
+  };
+}

package/dist/hooks/useBlockInput.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { InputBlock } from '@ray-js/t-agent';
+export interface UploadFile {
+    id: string;
+    type: 'image' | 'video' | 'loading';
+    url?: string;
+    thumbUrl?: string;
+}
+export declare function useBlockInput(): {
+    text: string;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    blocks: InputBlock[];
+    uploaded: UploadFile[];
+    setUploaded: import("react").Dispatch<import("react").SetStateAction<UploadFile[]>>;
+    uploading: boolean;
+    loadBlocks: (blocks: InputBlock[], append?: boolean) => void;
+    upload: (type: 'image' | 'video', count?: any) => Promise<void>;
+};

package/dist/hooks/useBlockInput.js

@@ -0,0 +1,148 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/esnext.iterator.some.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useCallback, useMemo, useState } from 'react';
+import { chooseImage, chooseVideo, uploadImage, uploadVideo } from '@ray-js/t-agent-plugin-assistant';
+import { generateId } from '@ray-js/t-agent';
+import { useRenderOptions } from './context';
+export function useBlockInput() {
+  const [text, setText] = useState('');
+  const [uploaded, setUploaded] = useState([]);
+  const uploading = useMemo(() => uploaded.some(file => file.type === 'loading'), [uploaded]);
+  const blocks = useMemo(() => {
+    const blocks = [{
+      text,
+      type: 'text'
+    }];
+    if (uploaded.length) {
+      for (const uploadFile of uploaded) {
+        if (uploadFile.type === 'image') {
+          blocks.push({
+            type: 'image_url',
+            image_url: {
+              url: uploadFile.url
+            }
+          });
+        }
+        if (uploadFile.type === 'video') {
+          blocks.push({
+            type: 'video_url',
+            video_url: {
+              url: uploadFile.url,
+              thumb_url: uploadFile.thumbUrl
+            }
+          });
+        }
+      }
+      setUploaded([]);
+    }
+    return blocks;
+  }, [uploaded, text]);
+  const loadBlocks = useCallback((blocks, append) => {
+    let t = '';
+    const uploaded = [];
+    for (const block of blocks) {
+      if (block.type === 'image_url') {
+        uploaded.push({
+          id: generateId(),
+          type: 'image',
+          url: block.image_url.url
+        });
+      }
+      if (block.type === 'video_url') {
+        uploaded.push({
+          id: generateId(),
+          type: 'video',
+          url: block.video_url.url,
+          thumbUrl: block.video_url.thumb_url
+        });
+      }
+      if (block.type === 'text') {
+        t = block.text;
+      }
+    }
+    if (append) {
+      if (t) {
+        setText(t);
+      }
+      setUploaded(prev => uploaded.length ? [...prev, ...uploaded] : prev);
+    } else {
+      setText(t);
+      setUploaded(uploaded);
+    }
+  }, []);
+  const {
+    getStaticResourceBizType
+  } = useRenderOptions();
+  const upload = useCallback(async function (type) {
+    let count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    if (type === 'image') {
+      let paths = [];
+      try {
+        paths = await chooseImage(count);
+      } catch (err) {
+        return;
+      }
+      await Promise.all(paths.map(async path => {
+        const id = generateId();
+        try {
+          setUploaded(prev => [...prev, {
+            id,
+            type: 'loading'
+          }]);
+          const {
+            publicUrl
+          } = await uploadImage(path, getStaticResourceBizType(path, 'image:upload'));
+          setUploaded(prev => prev.map(item => item.id === id ? {
+            id,
+            type: 'image',
+            url: publicUrl
+          } : item));
+        } catch (error) {
+          setUploaded(prev => prev.filter(item => item.id !== id));
+          throw error;
+        }
+      }));
+    }
+    if (type === 'video') {
+      let files = [];
+      try {
+        files = await chooseVideo(count);
+      } catch (error) {
+        // pass
+        return;
+      }
+      await Promise.all(files.map(async file => {
+        const id = generateId();
+        setUploaded(prev => [...prev, {
+          id,
+          type: 'loading'
+        }]);
+        try {
+          const [thumb, video] = await Promise.all([uploadImage(file.thumbTempFilePath, getStaticResourceBizType(file.thumbTempFilePath, 'videoThumb:upload')), uploadVideo(file.tempFilePath, getStaticResourceBizType(file.tempFilePath, 'video:upload'))]);
+          setUploaded(prev => prev.map(item => item.id === id ? {
+            id,
+            type: 'video',
+            url: video.publicUrl,
+            thumbUrl: thumb.publicUrl
+          } : item));
+        } catch (error) {
+          setUploaded(prev => prev.filter(item => item.id !== id));
+          throw error;
+        }
+      }));
+    }
+  }, [getStaticResourceBizType]);
+  return {
+    text,
+    setText,
+    blocks,
+    uploaded,
+    setUploaded,
+    uploading,
+    loadBlocks,
+    upload
+  };
+}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import ChatContainer from './ChatContainer';
+import MessageInput from './MessageInput';
+import MessageList from './MessageList';
+import MessageRender from './MessageRender';
+import TileRender from './TileRender';
+import PrivateImage from './PrivateImage';
+import MarkdownRender from './MarkdownRender';
+import { tileMap } from './tiles/map';
+export * from './hooks/context';
+export * from './contexts';
+export * from './renderOption';
+export * from './types';
+export * from './hooks';
+export { ChatContainer, MessageInput, MessageList, MessageRender, MarkdownRender, TileRender, PrivateImage, tileMap, };

package/dist/index.js

@@ -0,0 +1,14 @@
+import ChatContainer from './ChatContainer';
+import MessageInput from './MessageInput';
+import MessageList from './MessageList';
+import MessageRender from './MessageRender';
+import TileRender from './TileRender';
+import PrivateImage from './PrivateImage';
+import MarkdownRender from './MarkdownRender';
+import { tileMap } from './tiles/map';
+export * from './hooks/context';
+export * from './contexts';
+export * from './renderOption';
+export * from './types';
+export * from './hooks';
+export { ChatContainer, MessageInput, MessageList, MessageRender, MarkdownRender, TileRender, PrivateImage, tileMap };

package/dist/logger.d.ts

@@ -0,0 +1,2 @@
+declare const logger: import("@ray-js/t-agent").Logger;
+export default logger;

package/dist/logger.js

@@ -0,0 +1,3 @@
+import { getLogger } from '@ray-js/t-agent';
+const logger = getLogger('TAgent/RayUI');
+export default logger;

package/dist/renderOption.d.ts

@@ -0,0 +1,2 @@
+import { RenderOptions } from './types';
+export declare const defaultRenderOptions: RenderOptions;

package/dist/renderOption.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["tile"];
+import React from 'react';
+import { ChatCardType } from '@ray-js/t-agent';
+import TipTile from './tiles/TipTile';
+import { tileMap } from './tiles/map';
+import EchartsBlockRender from './EchartsBlockRender';
+import logger from './logger';
+import LowCodeCardRender from './LowCodeCardRender';
+import { cardMap } from './cards/map';
+import CustomCardRender from './CustomCardRender';
+const defaultChatTileAs = props => {
+  const {
+      tile
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const Tile = tileMap[tile.type];
+  if (!Tile) {
+    logger.warn('Unknown tile type:', tile.type, tile);
+    if (tile.fallback) {
+      const _tile = _objectSpread(_objectSpread({}, tile), {}, {
+        data: tile.fallback
+      });
+      return /*#__PURE__*/React.createElement(TipTile, _extends({
+        tile: _tile
+      }, rest));
+    }
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Tile, _extends({
+    tile: tile
+  }, rest));
+};
+const defaultRenderCustomBlockAs = block => {
+  if (block.type === 'echarts') {
+    return /*#__PURE__*/React.createElement(EchartsBlockRender, {
+      content: block.children,
+      canvasId: block.id
+    });
+  }
+  return null;
+};
+const defaultCustomBlockTypes = ['echarts'];
+const defaultRenderCardAs = card => {
+  if (card.cardType === ChatCardType.LOW_CODE) {
+    return /*#__PURE__*/React.createElement(LowCodeCardRender, {
+      card: card
+    });
+  }
+  if (card.cardType === ChatCardType.BUILD_IN) {
+    const Card = cardMap[card.cardCode];
+    if (!Card) {
+      logger.warn('Unknown card type:', card.cardCode, card);
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Card, {
+      card: card
+    });
+  }
+  if (card.cardType === ChatCardType.CUSTOM) {
+    return /*#__PURE__*/React.createElement(CustomCardRender, {
+      card: card
+    });
+  }
+  return null;
+};
+export const defaultRenderOptions = {
+  renderTileAs: defaultChatTileAs,
+  renderCustomBlockAs: defaultRenderCustomBlockAs,
+  customBlockTypes: defaultCustomBlockTypes,
+  renderCardAs: defaultRenderCardAs,
+  customCardMap: {},
+  getStaticResourceBizType: () => ''
+};

package/dist/tiles/BubbleTile/Feedback.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './feedback.less';
+interface Props {
+    value: number | null;
+    onChange: (value: number | null) => void;
+}
+export default function Feedback(props: Props): React.JSX.Element;
+export {};

package/dist/tiles/BubbleTile/Feedback.js

@@ -0,0 +1,39 @@
+import { View } from '@ray-js/components';
+import React from 'react';
+import './feedback.less';
+function Icon(_ref) {
+  let {
+    type,
+    selected,
+    onClick
+  } = _ref;
+  if (type === 'good') {
+    return /*#__PURE__*/React.createElement(View, {
+      onClick: onClick,
+      className: "t-agent-bubble-tile-feedback-icon t-agent-bubble-tile-feedback-icon-good".concat(selected ? '-select' : '')
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    onClick: onClick,
+    className: "t-agent-bubble-tile-feedback-icon t-agent-bubble-tile-feedback-icon-bad".concat(selected ? '-select' : '')
+  });
+}
+export default function Feedback(props) {
+  const {
+    value,
+    onChange
+  } = props;
+  return /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tile-feedback"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "good",
+    key: "good",
+    selected: value === 10,
+    onClick: () => onChange(10)
+  }), /*#__PURE__*/React.createElement(Icon, {
+    type: "bad",
+    key: "bad",
+    selected: value === 0,
+    onClick: () => onChange(0)
+  }));
+}

package/dist/tiles/BubbleTile/feedback.less

@@ -0,0 +1,35 @@
+.t-agent-bubble-tile-feedback {
+  margin-top: 36rpx;
+  text-align: right;
+  line-height: 32rpx;
+}
+
+.t-agent-bubble-tile-feedback-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-left: 32rpx;
+  display: inline-block;
+}
+
+.t-agent-bubble-tile-feedback-icon-good {
+  background: url("./thumb-down-empty.svg") no-repeat;
+  background-size: contain;
+  transform: scale(1, -1);
+}
+
+.t-agent-bubble-tile-feedback-icon-good-select {
+  background: url("./thumb-up-fill.svg") no-repeat;
+  background-size: contain;
+}
+
+
+.t-agent-bubble-tile-feedback-icon-bad {
+  background: url("./thumb-down-empty.svg") no-repeat;
+  background-size: contain;
+}
+
+.t-agent-bubble-tile-feedback-icon-bad-select {
+  background: url("./thumb-up-fill.svg") no-repeat;
+  background-size: contain;
+  transform: scale(1, -1);
+}

package/dist/tiles/BubbleTile/index.d.ts

@@ -0,0 +1,6 @@
+import './index.less';
+import React from 'react';
+import { BubbleTileData } from '@ray-js/t-agent';
+import { TileProps } from '../../types';
+declare const _default: React.MemoExoticComponent<(props: TileProps<BubbleTileData, any>) => React.JSX.Element>;
+export default _default;

package/dist/tiles/BubbleTile/index.js

@@ -0,0 +1,123 @@
+import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import './index.less';
+import { Text, View } from '@ray-js/components';
+import React, { useEffect, useState } from 'react';
+import { getStorage, Image, showToast, setStorage } from '@ray-js/ray';
+import { BubbleTileStatus, ChatMessageStatus, safeParseJSON } from '@ray-js/t-agent';
+import { getCurrentHomeInfo, submitEvaluation } from '@ray-js/t-agent-plugin-assistant';
+import TileRender from '../../TileRender';
+import Feedback from './Feedback';
+import noticeSvg from './notice.svg';
+import { useChatAgent } from '../../hooks';
+const BubbleTile = props => {
+  var _message$meta$request;
+  const agent = useChatAgent();
+  const {
+    message,
+    tile,
+    isLatestMessage,
+    side
+  } = props;
+  const {
+    status,
+    role
+  } = message;
+  const {
+    children,
+    data
+  } = tile;
+  const bubbleStatus = data.status || BubbleTileStatus.NORMAL;
+  const loading = status === ChatMessageStatus.START || status === ChatMessageStatus.UPDATING;
+  const showFeedback = isLatestMessage && status === ChatMessageStatus.FINISH && role === 'assistant' && ((_message$meta$request = message.meta.requestId) === null || _message$meta$request === void 0 ? void 0 : _message$meta$request.startsWith('AIAssistant')) && bubbleStatus === BubbleTileStatus.NORMAL;
+  const [feedbackLoaded, setFeedbackLoaded] = useState(false);
+  const [feedbackValue, setFeedbackValue] = useState(null);
+  useEffect(() => {
+    getStorage({
+      key: 'latestMessageFeedbackValue',
+      success: res => {
+        if (res.data) {
+          try {
+            const {
+              requestId,
+              value
+            } = safeParseJSON(res.data);
+            if (requestId === message.meta.requestId) {
+              setFeedbackValue(value);
+            }
+          } catch (e) {
+            // noop
+          }
+        }
+        setFeedbackLoaded(true);
+      }
+    });
+  }, []);
+  const showInfo = () => {
+    if (data.info) {
+      ty.showToast({
+        title: data.info,
+        icon: 'none'
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
+    onLongPress: () => {
+      showToast({
+        title: 'long press'
+      });
+    }
+  }, bubbleStatus === BubbleTileStatus.ERROR && side === 'end' && /*#__PURE__*/React.createElement(Image, {
+    onClick: showInfo,
+    src: noticeSvg,
+    className: "t-agent-bubble-tile-error"
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tile-bubble  ".concat(loading ? 't-agent-bubble-tile-bubble-loading' : '')
+  }, children.map(t => {
+    return /*#__PURE__*/React.createElement(TileRender, {
+      side: side,
+      tile: t,
+      message: message,
+      key: t.id,
+      isLatestMessage: isLatestMessage
+    });
+  }), status === ChatMessageStatus.START && /*#__PURE__*/React.createElement(Text, {
+    className: "t-agent-bubble-tile-bubble-loader"
+  }, "..."), showFeedback && feedbackLoaded && /*#__PURE__*/React.createElement(Feedback, {
+    value: feedbackValue,
+    onChange: async value => {
+      const channel = agent.session.get('AIAssistant.channel');
+      if (!message.meta.requestId || !channel) {
+        return;
+      }
+      setFeedbackValue(value);
+      const {
+        homeId
+      } = await getCurrentHomeInfo();
+      await submitEvaluation({
+        homeId,
+        requestId: message.meta.requestId,
+        score: value,
+        channel
+      });
+      setStorage({
+        key: 'latestMessageFeedbackValue',
+        data: JSON.stringify({
+          requestId: message.meta.requestId,
+          value
+        })
+      });
+      showToast({
+        title: I18n.t('chat.feedback.success'),
+        icon: 'none'
+      });
+    }
+  })), bubbleStatus === BubbleTileStatus.ERROR && side === 'start' && /*#__PURE__*/React.createElement(Image, {
+    onClick: showInfo,
+    src: noticeSvg,
+    className: "t-agent-bubble-tile-error"
+  }));
+};
+export default /*#__PURE__*/React.memo(BubbleTile);

package/dist/tiles/BubbleTile/index.less

@@ -0,0 +1,56 @@
+.t-agent-bubble-tile {
+  display: flex;
+  align-items: center;
+}
+
+.t-agent-bubble-tile-error {
+  width: 32rpx;
+  height: 32rpx;
+  margin: 0 18rpx;
+}
+
+.t-agent-bubble-tile-bubble {
+  width: fit-content;
+  max-width: 612rpx;
+  min-height: 88rpx;
+  font-size: 32rpx;
+  line-height: 44rpx;
+  color: var(--app-M1-N1);
+  background-color: var(--app-M1);
+  border-radius: 32rpx;
+  padding: 24rpx;
+  transition: all 0.2s ease-in-out;
+  overflow: hidden;
+}
+
+.t-agent-bubble-tile-start {
+  .t-agent-bubble-tile-bubble {
+    border-bottom-left-radius: 4rpx;
+    color: var(--app-B3-N1);
+    background-color: var(--app-B3);
+  }
+}
+
+.t-agent-bubble-tile-end {
+  .t-agent-bubble-tile-bubble {
+    border-bottom-right-radius: 4rpx;
+  }
+}
+
+.t-agent-bubble-tile-start {
+  .t-agent-bubble-tile-bubble {
+    border-bottom-left-radius: 4rpx;
+  }
+}
+
+@keyframes t-agent-bubble-tile-blink {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+.t-agent-bubble-tile-bubble-loader {
+}

package/dist/tiles/BubbleTile/notice.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><path d="M8,15Q8.17184,15,8.34347,14.9916Q8.51511,14.9831,8.686119999999999,14.9663Q8.85713,14.9494,9.02711,14.9242Q9.19709,14.899,9.36563,14.8655Q9.53417,14.832,9.70086,14.7902Q9.86755,14.7485,10.03199,14.6986Q10.19643,14.6487,10.35823,14.5908Q10.52002,14.5329,10.67878,14.4672Q10.83754,14.4014,10.99288,14.3279Q11.1482,14.2545,11.2998,14.1734Q11.4513,14.0924,11.5987,14.0041Q11.7461,13.9158,11.889,13.8203Q12.0319,13.7248,12.1699,13.6225Q12.3079,13.5201,12.4408,13.4111Q12.5736,13.3021,12.7009,13.1867Q12.8282,13.0713,12.9497,12.9497Q13.0713,12.8282,13.1867,12.7009Q13.3021,12.5736,13.4111,12.4408Q13.5201,12.3079,13.6225,12.1699Q13.7248,12.0319,13.8203,11.889Q13.9158,11.7461,14.0041,11.5987Q14.0924,11.4513,14.1734,11.2998Q14.2545,11.1482,14.3279,10.99288Q14.4014,10.83754,14.4672,10.67878Q14.5329,10.52002,14.5908,10.35823Q14.6487,10.19643,14.6986,10.03199Q14.7485,9.86755,14.7902,9.70086Q14.832,9.53417,14.8655,9.36563Q14.899,9.19709,14.9242,9.02711Q14.9494,8.85713,14.9663,8.686119999999999Q14.9831,8.51511,14.9916,8.34347Q15,8.17184,15,8Q15,7.82816,14.9916,7.65653Q14.9831,7.48489,14.9663,7.31388Q14.9494,7.14287,14.9242,6.97289Q14.899,6.80291,14.8655,6.63437Q14.832,6.46583,14.7902,6.29914Q14.7485,6.13245,14.6986,5.96801Q14.6487,5.80357,14.5908,5.64177Q14.5329,5.47998,14.4672,5.32122Q14.4014,5.16246,14.3279,5.00711Q14.2545,4.85177,14.1734,4.70022Q14.0924,4.5486699999999995,14.0041,4.40128Q13.9158,4.25389,13.8203,4.11101Q13.7248,3.96813,13.6225,3.8301Q13.5201,3.69208,13.4111,3.55925Q13.3021,3.42641,13.1867,3.29909Q13.0713,3.17176,12.9497,3.05025Q12.8282,2.92874,12.7009,2.81334Q12.5736,2.69794,12.4408,2.58893Q12.3079,2.4799100000000003,12.1699,2.3775500000000003Q12.0319,2.2751799999999998,11.889,2.17971Q11.7461,2.0842400000000003,11.5987,1.9959Q11.4513,1.907556,11.2998,1.826551Q11.1482,1.745546,10.99288,1.672075Q10.83754,1.598604,10.67878,1.532843Q10.52002,1.4670830000000001,10.35823,1.409191Q10.19643,1.3513,10.03199,1.301418Q9.86755,1.251535,9.70086,1.209781Q9.53417,1.168027,9.36563,1.134503Q9.19709,1.100979,9.02711,1.0757644Q8.85713,1.0505502,8.686119999999999,1.0337069Q8.51511,1.0168636,8.34347,1.0084318Q8.17184,1,8,1Q7.82816,1,7.65653,1.0084318Q7.48489,1.0168636,7.31388,1.0337069Q7.14287,1.0505502,6.97289,1.0757644Q6.80291,1.100979,6.63437,1.134503Q6.46583,1.168027,6.29914,1.209781Q6.13245,1.251535,5.96801,1.301418Q5.80357,1.3513,5.64177,1.409191Q5.47998,1.4670830000000001,5.32122,1.532843Q5.16246,1.598604,5.00711,1.672075Q4.85177,1.745546,4.70022,1.826551Q4.5486699999999995,1.907556,4.40128,1.995899Q4.25389,2.0842400000000003,4.11101,2.17971Q3.96813,2.2751799999999998,3.8301,2.3775500000000003Q3.69208,2.4799100000000003,3.55925,2.58893Q3.42641,2.69794,3.29909,2.81334Q3.17176,2.92874,3.05025,3.05025Q2.92874,3.17176,2.81334,3.29909Q2.69794,3.42641,2.58893,3.55925Q2.4799100000000003,3.69208,2.3775500000000003,3.8301Q2.2751799999999998,3.96813,2.17971,4.11101Q2.0842400000000003,4.25389,1.9959,4.40128Q1.907556,4.5486699999999995,1.826551,4.70022Q1.745546,4.85177,1.672075,5.00711Q1.598604,5.16246,1.532843,5.32122Q1.4670830000000001,5.47998,1.409191,5.64177Q1.3513,5.80357,1.301418,5.96801Q1.251535,6.13245,1.209781,6.29914Q1.168027,6.46583,1.134503,6.63437Q1.100979,6.80291,1.0757644,6.97289Q1.0505502,7.14287,1.0337069,7.31388Q1.0168636,7.48489,1.0084318,7.65653Q1,7.82816,1,8Q1,8.17184,1.0084318,8.34347Q1.0168636,8.51511,1.0337069,8.686119999999999Q1.0505502,8.85713,1.0757644,9.02711Q1.100979,9.19709,1.134503,9.36563Q1.168027,9.53417,1.209781,9.70086Q1.251535,9.86755,1.301418,10.03199Q1.3513,10.19643,1.409191,10.35823Q1.4670830000000001,10.52002,1.532843,10.67878Q1.598604,10.83754,1.672075,10.99288Q1.745546,11.1482,1.826551,11.2998Q1.907556,11.4513,1.995899,11.5987Q2.0842400000000003,11.7461,2.17971,11.889Q2.2751799999999998,12.0319,2.3775500000000003,12.1699Q2.4799100000000003,12.3079,2.58893,12.4408Q2.69794,12.5736,2.81334,12.7009Q2.92874,12.8282,3.05025,12.9497Q3.17176,13.0713,3.29909,13.1867Q3.42641,13.3021,3.55925,13.4111Q3.69208,13.5201,3.8301,13.6225Q3.96813,13.7248,4.11101,13.8203Q4.25389,13.9158,4.40128,14.0041Q4.5486699999999995,14.0924,4.70022,14.1734Q4.85177,14.2545,5.00711,14.3279Q5.16246,14.4014,5.32122,14.4672Q5.47998,14.5329,5.64177,14.5908Q5.80357,14.6487,5.96801,14.6986Q6.13245,14.7485,6.29914,14.7902Q6.46583,14.832,6.63437,14.8655Q6.80291,14.899,6.97289,14.9242Q7.14287,14.9494,7.31388,14.9663Q7.48489,14.9831,7.65653,14.9916Q7.82816,15,8,15ZM8.74315,4.39823C8.69349,4.03215,8.3797,3.75,8,3.75C7.58579,3.75,7.25,4.085789999999999,7.25,4.5L7.25,8.5L7.25685,8.60177C7.30651,8.96785,7.6203,9.25,8,9.25C8.41421,9.25,8.75,8.91421,8.75,8.5L8.75,4.5L8.74315,4.39823ZM8,12Q8.09849,12,8.19509,11.9808Q8.29169,11.9616,8.38268,11.9239Q8.47368,11.8862,8.55557,11.8315Q8.63746,11.7767,8.70711,11.7071Q8.77675,11.6375,8.83147,11.5556Q8.88619,11.4737,8.92388,11.3827Q8.96157,11.2917,8.98078,11.1951Q9,11.0985,9,11Q9,10.90151,8.98078,10.80491Q8.96157,10.70831,8.92388,10.61732Q8.88619,10.52632,8.83147,10.44443Q8.77675,10.36254,8.70711,10.29289Q8.63746,10.22325,8.55557,10.16853Q8.47368,10.11381,8.38268,10.07612Q8.29169,10.03843,8.19509,10.01921Q8.09849,10,8,10Q7.90151,10,7.80491,10.01921Q7.70831,10.03843,7.61732,10.07612Q7.52632,10.11381,7.44443,10.16853Q7.36254,10.22325,7.29289,10.29289Q7.22325,10.36254,7.16853,10.44443Q7.11381,10.52632,7.07612,10.61732Q7.03843,10.70831,7.01921,10.80491Q7,10.90151,7,11Q7,11.0985,7.01921,11.1951Q7.03843,11.2917,7.07612,11.3827Q7.11381,11.4737,7.16853,11.5556Q7.22325,11.6375,7.29289,11.7071Q7.36254,11.7767,7.44443,11.8315Q7.52632,11.8862,7.61732,11.9239Q7.70831,11.9616,7.80491,11.9808Q7.90151,12,8,12Z" fill-rule="evenodd" fill="#F04C4C" fill-opacity="1"/></g></g></svg>