@mirai/core 0.4.134 → 0.4.135

package/build/components/Chat/Chat.js

@@ -68,27 +68,6 @@ const Chat = _ref => {
     if (visible) setScrollTo(new Date().getTime());
   }, [busy, messages, visible]);
   (0, _react.useEffect)(() => {
-    // // ! TODO: It's just a demo
-    // if (visible && !messages.length) handleInput('I would like to see all my reservations.');
-    // if (visible && !messages.length)
-    //   setTimeout(() => {
-    //     handleAction({
-    //       form: {
-    //         // hotel: '100376538',
-    //         dates: ['18/12/2024', '20/12/2024'],
-    //         occupation: [
-    //           [
-    //             { ages: [undefined, undefined], amount: 2, type: 2 },
-    //             { ages: [2, 4], amount: 4, type: 3 },
-    //           ],
-    //         ],
-    //         promocode: '',
-    //       },
-    //       intent: 'BOOKING_CREATE',
-    //       // intent: 'OFFERS',
-    //     });
-    //   }, 10);
-
     if (!visible) return clearInterval(connectionInterval);
     connectionInterval = setInterval(handleOnline, online ? 60000 : 10000);
     return () => clearInterval(connectionInterval);
@@ -167,32 +146,18 @@ const Chat = _ref => {
     });
     setBusy(true);
     setTimeout(async () => {
-      // ? TODO: Should update messages[] with the answer?
       const nextContext = {
         ...storeContext,
         ...context,
         form
       };
-      const nextMessages = [...messages];
-      // const lastMessageIndex = nextContext.length - 1;
-      // nextMessages[lastMessageIndex] = {
-      //   ...nextMessages[lastMessageIndex],
-      //   response: nextMessages[lastMessageIndex].response
-      //     ? { ...nextMessages[lastMessageIndex].response, form }
-      //     : undefined,
-      // };
       const response = await _services.ServiceLisa.action({
         context: nextContext,
         intent,
         locale,
         session
       }).catch(handleError);
-      if (response) {
-        // set({ lisa: response });
-        // setMessages([...messages, { auto: true, ...response }]);
-        // audioNotification();
-        addMessage(response, nextMessages, true);
-      }
+      if (response) addMessage(response, messages, true);
       setBusy(false);
     }, _Chat2.DELAY_RESPONSE);
   };
@@ -201,6 +166,30 @@ const Chat = _ref => {
     console.error('::handleError::', error);
     setOnline(false);
   };
+  const handleRetry = async () => {
+    setBusy(true);
+    const nextMessages = [...messages];
+    nextMessages.pop();
+    setMessages(nextMessages);
+    const {
+      text: input,
+      response: {
+        form
+      } = {}
+    } = nextMessages[nextMessages.length - 1] || {};
+    storeContext = {
+      ...storeContext,
+      form
+    };
+    const response = await _services.ServiceLisa.message({
+      context: storeContext,
+      input,
+      locale,
+      session
+    }).catch(handleError);
+    if (response) addMessage(response, nextMessages, true);
+    setBusy(false);
+  };
   const addMessage = function () {
     let response = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let messages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -233,11 +222,15 @@ const Chat = _ref => {
     scrollTo: scrollTo,
     snap: false,
     className: style.messages
-  }, messages.map((message, index) => /*#__PURE__*/_react.default.createElement(_components.Message, _extends({}, message, {
-    key: "message:".concat(index),
-    disabled: busy || index < messages.length - 1,
-    onAction: handleAction
-  }))), busy && /*#__PURE__*/_react.default.createElement(_components.Message, {
+  }, messages.map((message, index) => {
+    var _messages2;
+    return /*#__PURE__*/_react.default.createElement(_components.Message, _extends({}, message, {
+      key: "message:".concat(index),
+      disabled: busy || index < messages.length - 1,
+      onAction: handleAction,
+      onRetry: index === messages.length - 1 && (_messages2 = messages[index - 1]) !== null && _messages2 !== void 0 && _messages2.text ? handleRetry : undefined
+    }));
+  }), busy && /*#__PURE__*/_react.default.createElement(_components.Message, {
     auto: true,
     busy: true
   })), online && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Input, {

package/build/components/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","names":["_dataSources","require","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","_Chat3","style","_components","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","connectionInterval","Chat","_ref","others","isMobile","useDevice","value","calendar","components","currency","hotel","locale","occupation","origin","session","skeleton","tags","type","useStore","busy","setBusy","useState","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","handleOnline","response","ServiceLisa","welcome","context","catch","handleError","addMessage","Date","getTime","clearInterval","setInterval","storeContext","filter","_ref2","intent","text","map","_ref3","form","finder","rates","next","status","handleInput","input","nextMessages","timestamp","setTimeout","_messages","_messages$response","message","DELAY_RESPONSE","handleAction","undefined","Event","publish","EVENT","LOGIN","nextContext","action","error","console","notify","lisa","auto","INTENT_LOCALE","audioNotification","createElement","Fragment","React","Modal","View","className","styles","container","Header","onClose","ScrollView","snap","index","Message","concat","disabled","onAction","Input","onValue","InputRich","ButtonAvatar","onPress","exports","displayName","propTypes","name","PropTypes","string"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { ServiceLisa } from '@mirai/services';\nimport { Modal, ScrollView, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ButtonAvatar } from './Chat.ButtonAvatar';\nimport { DELAY_RESPONSE } from './Chat.constants';\nimport { Header } from './Chat.Header';\nimport * as style from './Chat.module.css';\nimport { Input, InputRich, Message } from './components';\nimport { audioNotification } from './helpers';\nimport { EVENT } from '../helpers';\n\nlet connectionInterval;\n\nconst Chat = ({ ...others }) => {\n  const { isMobile } = useDevice();\n  const {\n    set,\n    value: { calendar, components, currency, hotel, locale, occupation, origin, session, skeleton = false, tags, type },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [messages, setMessages] = useState([]);\n  const [online, setOnline] = useState(false);\n  const [scrollTo, setScrollTo] = useState();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => {\n      if (!(await handleOnline())) return;\n      const response = await ServiceLisa.welcome({ context: { hotel }, locale, session }).catch(handleError);\n      if (response) addMessage(response, messages);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => {\n    if (visible) setScrollTo(new Date().getTime());\n  }, [busy, messages, visible]);\n\n  useEffect(() => {\n    // // ! TODO: It's just a demo\n    // if (visible && !messages.length) handleInput('I would like to see all my reservations.');\n    // if (visible && !messages.length)\n    //   setTimeout(() => {\n    //     handleAction({\n    //       form: {\n    //         // hotel: '100376538',\n    //         dates: ['18/12/2024', '20/12/2024'],\n    //         occupation: [\n    //           [\n    //             { ages: [undefined, undefined], amount: 2, type: 2 },\n    //             { ages: [2, 4], amount: 4, type: 3 },\n    //           ],\n    //         ],\n    //         promocode: '',\n    //       },\n    //       intent: 'BOOKING_CREATE',\n    //       // intent: 'OFFERS',\n    //     });\n    //   }, 10);\n\n    if (!visible) return clearInterval(connectionInterval);\n\n    connectionInterval = setInterval(handleOnline, online ? 60000 : 10000);\n    return () => clearInterval(connectionInterval);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [online, visible]);\n\n  let storeContext = {\n    calendar,\n    currency,\n    hotel,\n    messages: messages\n      .filter(({ intent, text }) => !!intent || !!text)\n      .map(({ intent, text, response: { form } = {} }) => ({ form, intent, text })),\n    occupation,\n    origin,\n    tags,\n    type,\n  };\n\n  const handleOnline = async () => {\n    if (!(components.finder || components.rates)) return;\n\n    let next = false;\n    const response = await ServiceLisa.status().catch(() => setOnline(next));\n    if (response && !online) {\n      next = true;\n      setOnline(next);\n    }\n\n    return next;\n  };\n\n  const handleInput = (input) => {\n    const nextMessages = [...messages, { text: input, timestamp: new Date().getTime() }];\n    setMessages(nextMessages);\n\n    setTimeout(async () => {\n      setBusy(true);\n      storeContext = { ...storeContext, form: messages[messages.length - 1]?.response?.form };\n      const response = await ServiceLisa.message({ context: storeContext, input, locale, session }).catch(handleError);\n      if (response) addMessage(response, nextMessages, true);\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleAction = ({ context, form, intent } = {}) => {\n    if (intent === 'ACTION_LOGIN') return Event.publish(EVENT.LOGIN, { visible: true });\n    setBusy(true);\n\n    setTimeout(async () => {\n      // ? TODO: Should update messages[] with the answer?\n      const nextContext = { ...storeContext, ...context, form };\n      const nextMessages = [...messages];\n      // const lastMessageIndex = nextContext.length - 1;\n      // nextMessages[lastMessageIndex] = {\n      //   ...nextMessages[lastMessageIndex],\n      //   response: nextMessages[lastMessageIndex].response\n      //     ? { ...nextMessages[lastMessageIndex].response, form }\n      //     : undefined,\n      // };\n      const response = await ServiceLisa.action({ context: nextContext, intent, locale, session }).catch(handleError);\n\n      if (response) {\n        // set({ lisa: response });\n        // setMessages([...messages, { auto: true, ...response }]);\n        // audioNotification();\n        addMessage(response, nextMessages, true);\n      }\n\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleError = (error) => {\n    // eslint-disable-next-line no-console\n    console.error('::handleError::', error);\n    setOnline(false);\n  };\n\n  const addMessage = (response = {}, messages = [], notify = false) => {\n    if (!response) return;\n\n    set({ lisa: response });\n    setMessages([...messages, { auto: true, ...response }]);\n\n    if (response.locale !== locale) Event.publish(EVENT.INTENT_LOCALE, { locale: response.locale });\n    if (notify) audioNotification();\n  };\n\n  return !skeleton ? (\n    <>\n      {React.createElement(\n        isMobile ? Modal : View,\n        isMobile\n          ? { ...others, visible, className: styles(style.container, others.className) }\n          : {\n              ...others,\n              className: styles(style.container, visible && style.visible, others.className),\n              'aria-hidden': visible ? 'false' : 'true',\n            },\n        <>\n          <Header {...{ online }} onClose={() => setVisible(false)} />\n\n          <ScrollView scrollTo={scrollTo} snap={false} className={style.messages}>\n            {messages.map((message, index) => (\n              <Message\n                {...message}\n                key={`message:${index}`}\n                disabled={busy || index < messages.length - 1}\n                onAction={handleAction}\n              />\n            ))}\n            {busy && <Message auto busy />}\n          </ScrollView>\n\n          {online && (\n            <>\n              <Input disabled={busy} onValue={handleInput} />\n              <InputRich onValue={handleAction} />\n            </>\n          )}\n        </>,\n      )}\n\n      <ButtonAvatar message={messages[0]} visible={visible} onPress={() => setVisible(true)} />\n    </>\n  ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n  name: PropTypes.string,\n};\n\nexport { Chat };\n"],"mappings":"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"}
+{"version":3,"file":"Chat.js","names":["_dataSources","require","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","_Chat3","style","_components","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","connectionInterval","Chat","_ref","others","isMobile","useDevice","value","calendar","components","currency","hotel","locale","occupation","origin","session","skeleton","tags","type","useStore","busy","setBusy","useState","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","handleOnline","response","ServiceLisa","welcome","context","catch","handleError","addMessage","Date","getTime","clearInterval","setInterval","storeContext","filter","_ref2","intent","text","map","_ref3","form","finder","rates","next","status","handleInput","input","nextMessages","timestamp","setTimeout","_messages","_messages$response","message","DELAY_RESPONSE","handleAction","undefined","Event","publish","EVENT","LOGIN","nextContext","action","error","console","handleRetry","pop","notify","lisa","auto","INTENT_LOCALE","audioNotification","createElement","Fragment","React","Modal","View","className","styles","container","Header","onClose","ScrollView","snap","index","_messages2","Message","concat","disabled","onAction","onRetry","Input","onValue","InputRich","ButtonAvatar","onPress","exports","displayName","propTypes","name","PropTypes","string"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { ServiceLisa } from '@mirai/services';\nimport { Modal, ScrollView, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ButtonAvatar } from './Chat.ButtonAvatar';\nimport { DELAY_RESPONSE } from './Chat.constants';\nimport { Header } from './Chat.Header';\nimport * as style from './Chat.module.css';\nimport { Input, InputRich, Message } from './components';\nimport { audioNotification } from './helpers';\nimport { EVENT } from '../helpers';\n\nlet connectionInterval;\n\nconst Chat = ({ ...others }) => {\n  const { isMobile } = useDevice();\n  const {\n    set,\n    value: { calendar, components, currency, hotel, locale, occupation, origin, session, skeleton = false, tags, type },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [messages, setMessages] = useState([]);\n  const [online, setOnline] = useState(false);\n  const [scrollTo, setScrollTo] = useState();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => {\n      if (!(await handleOnline())) return;\n      const response = await ServiceLisa.welcome({ context: { hotel }, locale, session }).catch(handleError);\n      if (response) addMessage(response, messages);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => {\n    if (visible) setScrollTo(new Date().getTime());\n  }, [busy, messages, visible]);\n\n  useEffect(() => {\n    if (!visible) return clearInterval(connectionInterval);\n\n    connectionInterval = setInterval(handleOnline, online ? 60000 : 10000);\n    return () => clearInterval(connectionInterval);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [online, visible]);\n\n  let storeContext = {\n    calendar,\n    currency,\n    hotel,\n    messages: messages\n      .filter(({ intent, text }) => !!intent || !!text)\n      .map(({ intent, text, response: { form } = {} }) => ({ form, intent, text })),\n    occupation,\n    origin,\n    tags,\n    type,\n  };\n\n  const handleOnline = async () => {\n    if (!(components.finder || components.rates)) return;\n\n    let next = false;\n    const response = await ServiceLisa.status().catch(() => setOnline(next));\n    if (response && !online) {\n      next = true;\n      setOnline(next);\n    }\n\n    return next;\n  };\n\n  const handleInput = (input) => {\n    const nextMessages = [...messages, { text: input, timestamp: new Date().getTime() }];\n    setMessages(nextMessages);\n\n    setTimeout(async () => {\n      setBusy(true);\n      storeContext = { ...storeContext, form: messages[messages.length - 1]?.response?.form };\n      const response = await ServiceLisa.message({ context: storeContext, input, locale, session }).catch(handleError);\n      if (response) addMessage(response, nextMessages, true);\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleAction = ({ context, form, intent } = {}) => {\n    if (intent === 'ACTION_LOGIN') return Event.publish(EVENT.LOGIN, { visible: true });\n    setBusy(true);\n\n    setTimeout(async () => {\n      const nextContext = { ...storeContext, ...context, form };\n      const response = await ServiceLisa.action({ context: nextContext, intent, locale, session }).catch(handleError);\n      if (response) addMessage(response, messages, true);\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleError = (error) => {\n    // eslint-disable-next-line no-console\n    console.error('::handleError::', error);\n    setOnline(false);\n  };\n\n  const handleRetry = async () => {\n    setBusy(true);\n\n    const nextMessages = [...messages];\n    nextMessages.pop();\n\n    setMessages(nextMessages);\n    const { text: input, response: { form } = {} } = nextMessages[nextMessages.length - 1] || {};\n    storeContext = { ...storeContext, form };\n    const response = await ServiceLisa.message({ context: storeContext, input, locale, session }).catch(handleError);\n    if (response) addMessage(response, nextMessages, true);\n    setBusy(false);\n  };\n\n  const addMessage = (response = {}, messages = [], notify = false) => {\n    if (!response) return;\n\n    set({ lisa: response });\n    setMessages([...messages, { auto: true, ...response }]);\n\n    if (response.locale !== locale) Event.publish(EVENT.INTENT_LOCALE, { locale: response.locale });\n    if (notify) audioNotification();\n  };\n\n  return !skeleton ? (\n    <>\n      {React.createElement(\n        isMobile ? Modal : View,\n        isMobile\n          ? { ...others, visible, className: styles(style.container, others.className) }\n          : {\n              ...others,\n              className: styles(style.container, visible && style.visible, others.className),\n              'aria-hidden': visible ? 'false' : 'true',\n            },\n        <>\n          <Header {...{ online }} onClose={() => setVisible(false)} />\n\n          <ScrollView scrollTo={scrollTo} snap={false} className={style.messages}>\n            {messages.map((message, index) => (\n              <Message\n                {...message}\n                key={`message:${index}`}\n                disabled={busy || index < messages.length - 1}\n                onAction={handleAction}\n                onRetry={index === messages.length - 1 && messages[index - 1]?.text ? handleRetry : undefined}\n              />\n            ))}\n            {busy && <Message auto busy />}\n          </ScrollView>\n\n          {online && (\n            <>\n              <Input disabled={busy} onValue={handleInput} />\n              <InputRich onValue={handleAction} />\n            </>\n          )}\n        </>,\n      )}\n\n      <ButtonAvatar message={messages[0]} visible={visible} onPress={() => setVisible(true)} />\n    </>\n  ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n  name: PropTypes.string,\n};\n\nexport { Chat };\n"],"mappings":"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"}

package/build/components/Chat/Chat.module.css

@@ -25,7 +25,7 @@
 }
 
 .header .bullet.online {
-  background-color: var(--mirai-ui-success-light);
+  background-color: var(--mirai-ui-success);
 }
 
 .header .bullet.offline {

package/build/components/Chat/components/Avatar/Avatar.js

@@ -50,7 +50,9 @@ const Avatar = _ref => {
     return () => window.removeEventListener('mousemove', handleMouseMove);
   }, [disabled, el, small]);
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
-    className: (0, _ui.styles)(style.face, small && style.small, others.className)
+    className: (0, _ui.styles)(style.avatar, small && style.small, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.face
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     ref: el,
     className: style.eyes

package/build/components/Chat/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Avatar","_ref","disabled","small","others","el","useRef","useEffect","handleMouseMove","_ref2","clientX","clientY","current","eyes","X","Y","height","left","top","width","getBoundingClientRect","centerX","centerY","angle","Math","atan2","sensitivity","cos","sin","transform","concat","window","addEventListener","removeEventListener","createElement","View","className","styles","face","ref","eye","right","exports","propTypes","PropTypes","bool"],"sources":["../../../../../src/components/Chat/components/Avatar/Avatar.jsx"],"sourcesContent":["import { styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as style from './Avatar.module.css';\n\nconst Avatar = ({ disabled, small, ...others }) => {\n  const el = useRef();\n\n  useEffect(() => {\n    const handleMouseMove = ({ clientX = 0, clientY = 0 }) => {\n      const { current: eyes } = el;\n      let X = 0;\n      let Y = 0;\n\n      if (eyes && !disabled) {\n        const { height, left, top, width } = eyes.getBoundingClientRect();\n        const centerX = left + width / 2;\n        const centerY = top + height / 2;\n        const angle = Math.atan2(clientY - centerY, clientX - centerX);\n        const sensitivity = small ? 2 : 4;\n\n        X = sensitivity * Math.cos(angle);\n        Y = sensitivity * Math.sin(angle);\n      }\n\n      eyes.style.transform = `translate(${X}px, ${Y}px)`;\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [disabled, el, small]);\n\n  return (\n    <View {...others} className={styles(style.face, small && style.small, others.className)}>\n      <View ref={el} className={style.eyes}>\n        <View className={[style.eye, style.left]} />\n        <View className={[style.eye, style.right]} />\n      </View>\n    </View>\n  );\n};\n\nAvatar.propTypes = {\n  disabled: PropTypes.bool,\n  small: PropTypes.bool,\n};\n\nexport { Avatar };\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Avatar","_ref","disabled","small","others","el","useRef","useEffect","handleMouseMove","_ref2","clientX","clientY","current","eyes","X","Y","height","left","top","width","getBoundingClientRect","centerX","centerY","angle","Math","atan2","sensitivity","cos","sin","transform","concat","window","addEventListener","removeEventListener","createElement","View","className","styles","avatar","face","ref","eye","right","exports","propTypes","PropTypes","bool"],"sources":["../../../../../src/components/Chat/components/Avatar/Avatar.jsx"],"sourcesContent":["import { styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as style from './Avatar.module.css';\n\nconst Avatar = ({ disabled, small, ...others }) => {\n  const el = useRef();\n\n  useEffect(() => {\n    const handleMouseMove = ({ clientX = 0, clientY = 0 }) => {\n      const { current: eyes } = el;\n      let X = 0;\n      let Y = 0;\n\n      if (eyes && !disabled) {\n        const { height, left, top, width } = eyes.getBoundingClientRect();\n        const centerX = left + width / 2;\n        const centerY = top + height / 2;\n        const angle = Math.atan2(clientY - centerY, clientX - centerX);\n        const sensitivity = small ? 2 : 4;\n\n        X = sensitivity * Math.cos(angle);\n        Y = sensitivity * Math.sin(angle);\n      }\n\n      eyes.style.transform = `translate(${X}px, ${Y}px)`;\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [disabled, el, small]);\n\n  return (\n    <View {...others} className={styles(style.avatar, small && style.small, others.className)}>\n      <View className={style.face} />\n      <View ref={el} className={style.eyes}>\n        <View className={[style.eye, style.left]} />\n        <View className={[style.eye, style.right]} />\n      </View>\n    </View>\n  );\n};\n\nAvatar.propTypes = {\n  disabled: PropTypes.bool,\n  small: PropTypes.bool,\n};\n\nexport { Avatar };\n"],"mappings":"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"}

package/build/components/Chat/components/Avatar/Avatar.module.css

@@ -1,18 +1,47 @@
-.face {
-  width: 64px;
-  height: 64px;
-  background-color: var(--mirai-chat-avatar-background);
+.avatar {
+  animation: avatarRotate 5s infinite linear, avatarGlow 2.5s infinite ease-in-out;
+  background: radial-gradient(
+    circle at 50% 50%,
+    var(--mirai-chat-avatar-color-1),
+    var(--mirai-chat-avatar-color-2) 40%,
+    var(--mirai-chat-avatar-color-3) 70%,
+    var(--mirai-chat-avatar-color-4) 90%
+  );
+  background-size: 200% 200%;
   border-radius: var(--mirai-chat-avatar-border-radius);
+  box-shadow: 0 0 4px var(--mirai-chat-avatar-color-2), 0 0 8px var(--mirai-chat-avatar-color-3);
+  height: 72px;
+  overflow: hidden;
   position: relative;
+  width: 72px;
+  z-index: -1;
 }
 
-.face.small {
-  min-height: 36px;
+.avatar.small {
+  animation: avatarRotate 5s infinite linear, avatarGlowSmall 2.5s infinite ease-in-out;
   height: 36px;
+  min-height: 36px;
   min-width: 36px;
   width: 36px;
 }
 
+.avatar .face {
+  background-color: var(--mirai-chat-avatar-background);
+  border-radius: var(--mirai-chat-avatar-border-radius);
+  height: 88%;
+  left: 6%;
+  position: absolute;
+  top: 6%;
+  width: 88%;
+}
+
+.avatar.small .face {
+  height: 86%;
+  left: 7%;
+  top: 7%;
+  width: 86%;
+}
+
 .eyes {
   position: absolute;
   bottom: 27.5%;
@@ -24,21 +53,13 @@
 
 .eye {
   animation: blink 8s infinite;
-  background-color: var(--mirai-chat-avatar-background);
+  background-color: #000;
   border-radius: 50%;
   height: 100%;
   position: absolute;
   width: 17.5%;
 }
 
-.face:not(.small) .eye {
-  box-shadow: 0 0 0 6px var(--mirai-chat-avatar-color);
-}
-
-.face.small .eye {
-  box-shadow: 0 0 0 3px var(--mirai-chat-avatar-color);
-}
-
 .eye.left {
   left: 27.5%;
 }
@@ -47,6 +68,52 @@
   right: 27.5%;
 }
 
+.avatar:not(.small) .eye {
+  box-shadow: 0 0 0 6px #fff;
+}
+
+.avatar.small .eye {
+  box-shadow: 0 0 0 3px #fff;
+}
+
+@keyframes avatarRotate {
+  0% {
+    background-position: 20% 20%;
+  }
+  25% {
+    background-position: 80% 20%;
+  }
+  50% {
+    background-position: 80% 80%;
+  }
+  75% {
+    background-position: 20% 80%;
+  }
+  100% {
+    background-position: 20% 20%;
+  }
+}
+
+@keyframes avatarGlow {
+  0%,
+  100% {
+    box-shadow: 0 0 16px var(--mirai-chat-avatar-color-2), 0 0 32px var(--mirai-chat-avatar-color-3);
+  }
+  50% {
+    box-shadow: 0 0 24px var(--mirai-chat-avatar-color-1), 0 0 48px var(--mirai-chat-avatar-color-4);
+  }
+}
+
+@keyframes avatarGlowSmall {
+  0%,
+  100% {
+    box-shadow: 0 0 8px var(--mirai-chat-avatar-color-2), 0 0 16px var(--mirai-chat-avatar-color-3);
+  }
+  50% {
+    box-shadow: 0 0 12px var(--mirai-chat-avatar-color-1), 0 0 24px var(--mirai-chat-avatar-color-4);
+  }
+}
+
 @keyframes blink {
   0%,
   100% {

package/build/components/Chat/components/Input/Input.module.css

@@ -1,6 +1,6 @@
 .container {
   background-color: var(--mirai-chat-input-background);
-  border-radius: calc(var(--mirai-chat-border-radius) / 2);
+  border-radius: var(--mirai-chat-border-radius);
   box-shadow: 0 0 0 var(--mirai-chat-border-size) var(--mirai-chat-input-border-color);
   justify-content: center;
   margin: calc(var(--mirai-chat-space) * -1) var(--mirai-chat-space) var(--mirai-chat-space) var(--mirai-chat-space);
@@ -13,7 +13,13 @@
   color: var(--mirai-chat-text-color);
   font-size: var(--mirai-chat-text-font-size);
   font-weight: var(--mirai-chat-text-font-weight);
-  height: calc(var(--mirai-chat-text-line-height) + calc(var(--mirai-ui-space-S) * 2));
+  height: calc(var(--mirai-chat-text-line-height) + calc(var(--mirai-chat-space) * 2));
   line-height: var(--mirai-chat-text-line-height);
-  padding: var(--mirai-ui-space-S);
+  padding: var(--mirai-chat-space);
+}
+
+.input::placeholder {
+  color: var(--mirai-chat-text-color-light);
+  font-weight: var(--mirai-ui-font-weight);
+  opacity: 0.5;
 }

package/build/components/Chat/components/Message/Message.js

@@ -13,6 +13,7 @@ var _helpers = require("./helpers");
 var _Message = require("./Message.Action");
 var _Message2 = require("./Message.constants");
 var style = _interopRequireWildcard(require("./Message.module.css"));
+var _helpers2 = require("../../../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,6 +27,7 @@ const Message = _ref => {
     response = {},
     text,
     timestamp,
+    onRetry,
     ...others
   } = _ref;
   const {
@@ -73,7 +75,17 @@ const Message = _ref => {
     key: "chat.message:action:".concat(index),
     onPress: onAction,
     onResponse: setCardResponse
-  })))))));
+  }))))), onRetry && auto && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.actions
+  }, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    text: "Retry"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: onRetry
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    light: true,
+    _paragraph: true,
+    value: _helpers2.ICON.REFRESH
+  }))))));
 };
 exports.Message = Message;
 Message.propTypes = {
@@ -89,6 +101,7 @@ Message.propTypes = {
   }),
   text: _propTypes.default.string,
   timestamp: _propTypes.default.number,
-  onAction: _propTypes.default.func
+  onAction: _propTypes.default.func,
+  onRetry: _propTypes.default.func
 };
 //# sourceMappingURL=Message.js.map

package/build/components/Chat/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_helpers","_Message","_Message2","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Message","_ref","auto","busy","intent","response","text","timestamp","others","value","urlParams","useStore","cardResponse","setCardResponse","useState","actions","disabled","testId","onAction","createElement","View","wide","Text","light","small","className","getTime","row","styles","message","content","lisa","Environment","spinner","INTENT","React","action","Card","option","Fragment","map","index","Action","concat","onPress","onResponse","exports","propTypes","PropTypes","bool","string","shape","arrayOf","requirements","oneOf","array","number","func"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { Card, Environment } from './components';\nimport { getTime } from './helpers';\nimport { Action } from './Message.Action';\nimport { INTENT } from './Message.constants';\nimport * as style from './Message.module.css';\n\n// ! TODO: Refacto use of intent/response vs lisa.intent/response\nconst Message = ({ auto, busy = false, intent, response = {}, text, timestamp, ...others }) => {\n  const { value: { urlParams = {} } = {} } = useStore();\n\n  const [cardResponse, setCardResponse] = useState();\n\n  const { actions = [] } = response;\n  const { disabled, testId, onAction } = others;\n\n  return (\n    <View testId={testId} wide>\n      {timestamp && (\n        <Text light small className={style.timestamp}>\n          {getTime(timestamp)}\n        </Text>\n      )}\n      <View row wide className={styles(style.message, auto && style.auto)}>\n        <View className={styles(style.content, auto && style.auto, busy && style.busy)}>\n          {!busy && auto && intent && urlParams.lisa === 'environment' && (\n            <Environment {...{ intent, ...others, ...response }} />\n          )}\n\n          {busy ? (\n            <View className={style.spinner} />\n          ) : INTENT[intent] ? (\n            React.createElement(INTENT[intent], { intent, response, ...others })\n          ) : text || response.text ? (\n            <Text action className={style.text}>\n              {text || response.text}\n            </Text>\n          ) : null}\n\n          {cardResponse ? (\n            <Card disabled={disabled} option={false} {...cardResponse} />\n          ) : (\n            <>\n              {actions.map((action, index) => (\n                <Action\n                  {...action}\n                  key={`chat.message:action:${index}`}\n                  onPress={onAction}\n                  onResponse={setCardResponse}\n                />\n              ))}\n            </>\n          )}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nMessage.propTypes = {\n  auto: PropTypes.bool,\n  busy: PropTypes.bool,\n  disabled: PropTypes.bool,\n  intent: PropTypes.string,\n  response: PropTypes.shape({\n    actions: PropTypes.arrayOf(PropTypes.shape({})),\n    requirements: PropTypes.shape({}),\n    text: PropTypes.string,\n    value: PropTypes.oneOf([PropTypes.array, PropTypes.shape({})]),\n  }),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  onAction: PropTypes.func,\n};\n\nexport { Message };\n"],"mappings":"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"}
+{"version":3,"file":"Message.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_helpers","_Message","_Message2","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Message","_ref","auto","busy","intent","response","text","timestamp","onRetry","others","value","urlParams","useStore","cardResponse","setCardResponse","useState","actions","disabled","testId","onAction","createElement","View","wide","Text","light","small","className","getTime","row","styles","message","content","lisa","Environment","spinner","INTENT","React","action","Card","option","Fragment","map","index","Action","concat","onPress","onResponse","Tooltip","Pressable","Icon","_paragraph","ICON","REFRESH","exports","propTypes","PropTypes","bool","string","shape","arrayOf","requirements","oneOf","array","number","func"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { Icon, Pressable, styles, Text, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { Card, Environment } from './components';\nimport { getTime } from './helpers';\nimport { Action } from './Message.Action';\nimport { INTENT } from './Message.constants';\nimport * as style from './Message.module.css';\nimport { ICON } from '../../../helpers';\n\n// ! TODO: Refacto use of intent/response vs lisa.intent/response\nconst Message = ({ auto, busy = false, intent, response = {}, text, timestamp, onRetry, ...others }) => {\n  const { value: { urlParams = {} } = {} } = useStore();\n\n  const [cardResponse, setCardResponse] = useState();\n\n  const { actions = [] } = response;\n  const { disabled, testId, onAction } = others;\n\n  return (\n    <View testId={testId} wide>\n      {timestamp && (\n        <Text light small className={style.timestamp}>\n          {getTime(timestamp)}\n        </Text>\n      )}\n      <View row wide className={styles(style.message, auto && style.auto)}>\n        <View className={styles(style.content, auto && style.auto, busy && style.busy)}>\n          {!busy && auto && intent && urlParams.lisa === 'environment' && (\n            <Environment {...{ intent, ...others, ...response }} />\n          )}\n\n          {busy ? (\n            <View className={style.spinner} />\n          ) : INTENT[intent] ? (\n            React.createElement(INTENT[intent], { intent, response, ...others })\n          ) : text || response.text ? (\n            <Text action className={style.text}>\n              {text || response.text}\n            </Text>\n          ) : null}\n\n          {cardResponse ? (\n            <Card disabled={disabled} option={false} {...cardResponse} />\n          ) : (\n            <>\n              {actions.map((action, index) => (\n                <Action\n                  {...action}\n                  key={`chat.message:action:${index}`}\n                  onPress={onAction}\n                  onResponse={setCardResponse}\n                />\n              ))}\n            </>\n          )}\n        </View>\n\n        {onRetry && auto && (\n          <View className={style.actions}>\n            <Tooltip text=\"Retry\">\n              <Pressable onPress={onRetry}>\n                <Icon light _paragraph value={ICON.REFRESH} />\n              </Pressable>\n            </Tooltip>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nMessage.propTypes = {\n  auto: PropTypes.bool,\n  busy: PropTypes.bool,\n  disabled: PropTypes.bool,\n  intent: PropTypes.string,\n  response: PropTypes.shape({\n    actions: PropTypes.arrayOf(PropTypes.shape({})),\n    requirements: PropTypes.shape({}),\n    text: PropTypes.string,\n    value: PropTypes.oneOf([PropTypes.array, PropTypes.shape({})]),\n  }),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  onAction: PropTypes.func,\n  onRetry: PropTypes.func,\n};\n\nexport { Message };\n"],"mappings":"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"}

package/build/components/Chat/components/Message/Message.module.css

@@ -28,6 +28,11 @@
   margin-bottom: calc(var(--mirai-chat-space) / 4);
 }
 
+.actions {
+  padding: calc(var(--mirai-chat-space) / 2);
+  gap: var(--mirai-ui-space-XXS);
+}
+
 .content {
   border-radius: var(--mirai-chat-border-radius);
   max-width: 85%;
@@ -135,3 +140,14 @@
     background-color: var(--mirai-chat-text-color-light);
   }
 }
+
+@media only screen and (min-width: 481px) {
+  .message.auto .actions {
+    opacity: 0.33;
+    transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  }
+
+  .message.auto:hover .actions {
+    opacity: 1;
+  }
+}

package/build/components/Chat/components/Message/components/Environment.js

@@ -12,11 +12,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const textProps = {
-  markdown: false,
-  tiny: true
-};
-
 // eslint-disable-next-line react/prop-types
 const Variables = _ref => {
   let {
@@ -28,14 +23,19 @@ const Variables = _ref => {
     return value !== false && value !== null && value !== 0;
   });
   return availableValues.length ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
     text: availableValues.map((_ref3, index) => {
       let [key, value] = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      return /*#__PURE__*/_react.default.createElement(_ui.Text, {
         key: "".concat(text, ":").concat(index),
+        markdown: false,
+        small: true,
         className: style.variable
-      }), "".concat(key, ": ").concat(JSON.stringify(value)));
+      }, "".concat(key, ": ").concat(JSON.stringify(value)));
     })
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, text)) : null;
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    tiny: true
+  }, text)) : null;
 };
 const Environment = _ref4 => {
   let {
@@ -45,8 +45,8 @@ const Environment = _ref4 => {
       sentence = {},
       terms = {}
     } = {},
-    locale,
     intent,
+    locale,
     response: {
       error = false
     } = {},
@@ -55,10 +55,13 @@ const Environment = _ref4 => {
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     row: true,
     className: (0, _ui.styles)(style.environment, error && style.error, others.className)
-  }), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
+    small: true,
     className: style.intent
-  }), "".concat(intent, ": ").concat(confidence)), locale && /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, locale), /*#__PURE__*/_react.default.createElement(Variables, {
+  }, "".concat(intent, ": ").concat(confidence)), locale && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    tiny: true
+  }, locale), /*#__PURE__*/_react.default.createElement(Variables, {
     text: "Entities",
     values: entities
   }), /*#__PURE__*/_react.default.createElement(Variables, {

package/build/components/Chat/components/Message/components/Environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Environment.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","textProps","markdown","tiny","Variables","_ref","values","text","availableValues","entries","filter","_ref2","value","createElement","Tooltip","map","_ref3","index","Text","concat","className","variable","JSON","stringify","Environment","_ref4","confidence","environment","entities","sentence","terms","locale","intent","response","error","others","View","row","styles","bold","exports","propTypes","classifications","PropTypes","any","number","shape","string","bool"],"sources":["../../../../../../src/components/Chat/components/Message/components/Environment.jsx"],"sourcesContent":["import { styles, Text, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Environment.module.css';\n\nconst textProps = { markdown: false, tiny: true };\n\n// eslint-disable-next-line react/prop-types\nconst Variables = ({ values = {}, text }) => {\n  const availableValues = Object.entries(values).filter(\n    ([, value]) => value !== false && value !== null && value !== 0,\n  );\n\n  return availableValues.length ? (\n    <Tooltip\n      text={availableValues.map(([key, value], index) => (\n        <Text {...textProps} key={`${text}:${index}`} className={style.variable}>{`${key}: ${JSON.stringify(\n          value,\n        )}`}</Text>\n      ))}\n    >\n      <Text {...textProps}>{text}</Text>\n    </Tooltip>\n  ) : null;\n};\n\nconst Environment = ({\n  confidence,\n  environment: { entities = {}, sentence = {}, terms = {} } = {},\n  locale,\n  intent,\n  response: { error = false } = {},\n  ...others\n}) => (\n  <View {...others} row className={styles(style.environment, error && style.error, others.className)}>\n    <Text {...textProps} bold className={style.intent}>\n      {`${intent}: ${confidence}`}\n    </Text>\n\n    {locale && <Text {...textProps}>{locale}</Text>}\n    <Variables text=\"Entities\" values={entities} />\n    <Variables text=\"Sentence\" values={sentence} />\n    <Variables text=\"Terms\" values={terms} />\n  </View>\n);\n\nEnvironment.propTypes = {\n  classifications: PropTypes.any,\n  confidence: PropTypes.number,\n  environment: PropTypes.shape({}),\n  intent: PropTypes.string,\n  locale: PropTypes.string,\n  response: PropTypes.shape({\n    error: PropTypes.bool,\n  }),\n};\n\nexport { Environment };\n"],"mappings":"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"}
+{"version":3,"file":"Environment.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Variables","_ref","values","text","availableValues","entries","filter","_ref2","value","createElement","Tooltip","pressable","map","_ref3","index","Text","concat","markdown","small","className","variable","JSON","stringify","tiny","Environment","_ref4","confidence","environment","entities","sentence","terms","intent","locale","response","error","others","View","row","styles","bold","exports","propTypes","classifications","PropTypes","any","number","shape","string","bool"],"sources":["../../../../../../src/components/Chat/components/Message/components/Environment.jsx"],"sourcesContent":["import { styles, Text, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Environment.module.css';\n\n// eslint-disable-next-line react/prop-types\nconst Variables = ({ values = {}, text }) => {\n  const availableValues = Object.entries(values).filter(\n    ([, value]) => value !== false && value !== null && value !== 0,\n  );\n\n  return availableValues.length ? (\n    <Tooltip\n      pressable\n      text={availableValues.map(([key, value], index) => (\n        <Text key={`${text}:${index}`} markdown={false} small className={style.variable}>{`${key}: ${JSON.stringify(\n          value,\n        )}`}</Text>\n      ))}\n    >\n      <Text tiny>{text}</Text>\n    </Tooltip>\n  ) : null;\n};\n\nconst Environment = ({\n  confidence,\n  environment: { entities = {}, sentence = {}, terms = {} } = {},\n  intent,\n  locale,\n  response: { error = false } = {},\n  ...others\n}) => (\n  <View {...others} row className={styles(style.environment, error && style.error, others.className)}>\n    <Text bold small className={style.intent}>\n      {`${intent}: ${confidence}`}\n    </Text>\n\n    {locale && <Text tiny>{locale}</Text>}\n    <Variables text=\"Entities\" values={entities} />\n    <Variables text=\"Sentence\" values={sentence} />\n    <Variables text=\"Terms\" values={terms} />\n  </View>\n);\n\nEnvironment.propTypes = {\n  classifications: PropTypes.any,\n  confidence: PropTypes.number,\n  environment: PropTypes.shape({}),\n  intent: PropTypes.string,\n  locale: PropTypes.string,\n  response: PropTypes.shape({\n    error: PropTypes.bool,\n  }),\n};\n\nexport { Environment };\n"],"mappings":"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"}

package/build/components/Chat/components/Message/components/Environment.module.css

@@ -1,7 +1,8 @@
 .environment {
   background-color: var(--mirai-chat-input-background);
-  gap: calc(var(--mirai-chat-space) / 2);
-  padding: calc(var(--mirai-chat-space) / 3) calc(var(--mirai-chat-space) / 1.5);
+  flex-wrap: wrap;
+  gap: var(--mirai-ui-space-XS);
+  padding: var(--mirai-ui-space-XS);
 }
 
 .environment .intent {
@@ -10,6 +11,8 @@
 
 .environment .variable {
   color: var(--mirai-ui-base);
+  font-family: 'Courier New', Courier, monospace;
+  font-weight: bold;
   display: block;
 }
 
@@ -17,7 +20,6 @@
   background-color: var(--mirai-ui-error-background);
 }
 
-.environment.error .intent,
-.environment.error ui-tooltip * {
+.environment.error * {
   color: var(--mirai-ui-error);
 }

package/build/components/helpers/ICON.js

@@ -36,6 +36,7 @@ var _MdOutlinePersonOff = require("@react-icons/all-files/md/MdOutlinePersonOff"
 var _MdOutlinePhone = require("@react-icons/all-files/md/MdOutlinePhone");
 var _MdOutlinePlayCircle = require("@react-icons/all-files/md/MdOutlinePlayCircle");
 var _MdOutlinePrint = require("@react-icons/all-files/md/MdOutlinePrint");
+var _MdOutlineRefresh = require("@react-icons/all-files/md/MdOutlineRefresh");
 var _MdOutlineSchedule = require("@react-icons/all-files/md/MdOutlineSchedule");
 var _MdOutlineTune = require("@react-icons/all-files/md/MdOutlineTune");
 var _MdOutlineWorkspacePremium = require("@react-icons/all-files/md/MdOutlineWorkspacePremium");
@@ -79,6 +80,7 @@ const ICON = exports.ICON = {
   PLAY: _MdOutlinePlayCircle.MdOutlinePlayCircle,
   PREMIUM: _MdOutlineWorkspacePremium.MdOutlineWorkspacePremium,
   PRINT: _MdOutlinePrint.MdOutlinePrint,
+  REFRESH: _MdOutlineRefresh.MdOutlineRefresh,
   SCHEDULE: _MdOutlineSchedule.MdOutlineSchedule,
   SEND: _MdSend.MdSend,
   THREE_D: _GrThreeD.GrThreeD,

package/build/components/helpers/ICON.js.map

@@ -1 +1 @@
-{"version":3,"file":"ICON.js","names":["_ui","require","_GrThreeD","_LuBedDouble","_LuBedSingle","_Md3DRotation","_MdAccessAlarm","_MdMailOutline","_MdMoreVert","_MdOutlineAccountCircle","_MdOutlineAddToPhotos","_MdOutlineAutorenew","_MdOutlineCalendarToday","_MdOutlineCurrencyExchange","_MdOutlineEditCalendar","_MdOutlineEventBusy","_MdOutlineFreeCancellation","_MdOutlineGroup","_MdOutlineGroups","_MdOutlineLanguage","_MdOutlineLink","_MdOutlineListAlt","_MdOutlineLocationOn","_MdOutlineLock","_MdOutlineLogout","_MdOutlineMinimize","_MdOutlineOutput","_MdOutlinePageview","_MdOutlinePeopleAlt","_MdOutlinePersonOff","_MdOutlinePhone","_MdOutlinePlayCircle","_MdOutlinePrint","_MdOutlineSchedule","_MdOutlineTune","_MdOutlineWorkspacePremium","_MdPersonOutline","_MdPhotoSizeSelectSmall","_MdSend","_MdUnfoldMore","_TbDiscount","_TbDiscountCheck","_ICON","ICON","exports","ICON_BASE","ACCOUNT","ADD_EXTRAS","ALARM","BED_DOUBLE","BED_SINGLE","CALENDAR","CALENDAR_BUSY","CALENDAR_CANCEL","CALENDAR_EDIT","CLEAR","CURRENCY","DISCOUNT","GROUP","GROUPS","LANGUAGE","LINK","LIST","LOCATION","LOCK","LOGOUT","MAIL","MINIMIZE","MORE","OFFER","PEOPLE","PERSON","PERSON_OFF","PHONE","PLAY","PREMIUM","PRINT","SCHEDULE","SEND","THREE_D","THREE_D_ROTATION","TUNE","SITE","SIZE","UNFOLD","URL","ICON_AMENITIES"],"sources":["../../../src/components/helpers/ICON.js"],"sourcesContent":["import { ICON as ICON_BASE } from '@mirai/ui';\nimport { GrThreeD as THREE_D } from '@react-icons/all-files/gr/GrThreeD';\nimport { LuBedDouble as BED_DOUBLE } from '@react-icons/all-files/lu/LuBedDouble';\nimport { LuBedSingle as BED_SINGLE } from '@react-icons/all-files/lu/LuBedSingle';\nimport { Md3DRotation as THREE_D_ROTATION } from '@react-icons/all-files/md/Md3DRotation';\nimport { MdAccessAlarm as ALARM } from '@react-icons/all-files/md/MdAccessAlarm';\nimport { MdMailOutline as MAIL } from '@react-icons/all-files/md/MdMailOutline';\nimport { MdMoreVert as MORE } from '@react-icons/all-files/md/MdMoreVert';\nimport { MdOutlineAccountCircle as ACCOUNT } from '@react-icons/all-files/md/MdOutlineAccountCircle';\nimport { MdOutlineAddToPhotos as ADD_EXTRAS } from '@react-icons/all-files/md/MdOutlineAddToPhotos';\nimport { MdOutlineAutorenew as CLEAR } from '@react-icons/all-files/md/MdOutlineAutorenew';\nimport { MdOutlineCalendarToday as CALENDAR } from '@react-icons/all-files/md/MdOutlineCalendarToday';\nimport { MdOutlineCurrencyExchange as CURRENCY } from '@react-icons/all-files/md/MdOutlineCurrencyExchange';\nimport { MdOutlineEditCalendar as CALENDAR_EDIT } from '@react-icons/all-files/md/MdOutlineEditCalendar';\nimport { MdOutlineEventBusy as CALENDAR_BUSY } from '@react-icons/all-files/md/MdOutlineEventBusy';\nimport { MdOutlineFreeCancellation as CALENDAR_CANCEL } from '@react-icons/all-files/md/MdOutlineFreeCancellation';\nimport { MdOutlineGroup as GROUP } from '@react-icons/all-files/md/MdOutlineGroup';\nimport { MdOutlineGroups as GROUPS } from '@react-icons/all-files/md/MdOutlineGroups';\nimport { MdOutlineLanguage as LANGUAGE } from '@react-icons/all-files/md/MdOutlineLanguage';\nimport { MdOutlineLink as LINK } from '@react-icons/all-files/md/MdOutlineLink';\nimport { MdOutlineListAlt as LIST } from '@react-icons/all-files/md/MdOutlineListAlt';\nimport { MdOutlineLocationOn as LOCATION } from '@react-icons/all-files/md/MdOutlineLocationOn';\nimport { MdOutlineLock as LOCK } from '@react-icons/all-files/md/MdOutlineLock';\nimport { MdOutlineLogout as LOGOUT } from '@react-icons/all-files/md/MdOutlineLogout';\nimport { MdOutlineMinimize as MINIMIZE } from '@react-icons/all-files/md/MdOutlineMinimize';\nimport { MdOutlineOutput as URL } from '@react-icons/all-files/md/MdOutlineOutput';\nimport { MdOutlinePageview as SITE } from '@react-icons/all-files/md/MdOutlinePageview';\nimport { MdOutlinePeopleAlt as PEOPLE } from '@react-icons/all-files/md/MdOutlinePeopleAlt';\nimport { MdOutlinePersonOff as PERSON_OFF } from '@react-icons/all-files/md/MdOutlinePersonOff';\nimport { MdOutlinePhone as PHONE } from '@react-icons/all-files/md/MdOutlinePhone';\nimport { MdOutlinePlayCircle as PLAY } from '@react-icons/all-files/md/MdOutlinePlayCircle';\nimport { MdOutlinePrint as PRINT } from '@react-icons/all-files/md/MdOutlinePrint';\nimport { MdOutlineSchedule as SCHEDULE } from '@react-icons/all-files/md/MdOutlineSchedule';\nimport { MdOutlineTune as TUNE } from '@react-icons/all-files/md/MdOutlineTune';\nimport { MdOutlineWorkspacePremium as PREMIUM } from '@react-icons/all-files/md/MdOutlineWorkspacePremium';\nimport { MdPersonOutline as PERSON } from '@react-icons/all-files/md/MdPersonOutline';\nimport { MdPhotoSizeSelectSmall as SIZE } from '@react-icons/all-files/md/MdPhotoSizeSelectSmall';\nimport { MdSend as SEND } from '@react-icons/all-files/md/MdSend';\nimport { MdUnfoldMore as UNFOLD } from '@react-icons/all-files/md/MdUnfoldMore';\nimport { TbDiscount as DISCOUNT } from '@react-icons/all-files/tb/TbDiscount.mjs';\nimport { TbDiscountCheck as OFFER } from '@react-icons/all-files/tb/TbDiscountCheck';\n\nimport { ICON_AMENITIES } from './ICON.AMENITIES';\n\nexport const ICON = {\n  ...ICON_BASE,\n  ACCOUNT,\n  ADD_EXTRAS,\n  ALARM,\n  BED_DOUBLE,\n  BED_SINGLE,\n  CALENDAR,\n  CALENDAR_BUSY,\n  CALENDAR_CANCEL,\n  CALENDAR_EDIT,\n  CLEAR,\n  CURRENCY,\n  DISCOUNT,\n  GROUP,\n  GROUPS,\n  LANGUAGE,\n  LINK,\n  LIST,\n  LOCATION,\n  LOCK,\n  LOGOUT,\n  MAIL,\n  MINIMIZE,\n  MORE,\n  OFFER,\n  PEOPLE,\n  PERSON,\n  PERSON_OFF,\n  PHONE,\n  PLAY,\n  PREMIUM,\n  PRINT,\n  SCHEDULE,\n  SEND,\n  THREE_D,\n  THREE_D_ROTATION,\n  TUNE,\n  // SUPPORT_AGENT,\n  SITE,\n  SIZE,\n  UNFOLD,\n  URL,\n  // Amenities & Features,\n  ...ICON_AMENITIES,\n};\n"],"mappings":"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"}
+{"version":3,"file":"ICON.js","names":["_ui","require","_GrThreeD","_LuBedDouble","_LuBedSingle","_Md3DRotation","_MdAccessAlarm","_MdMailOutline","_MdMoreVert","_MdOutlineAccountCircle","_MdOutlineAddToPhotos","_MdOutlineAutorenew","_MdOutlineCalendarToday","_MdOutlineCurrencyExchange","_MdOutlineEditCalendar","_MdOutlineEventBusy","_MdOutlineFreeCancellation","_MdOutlineGroup","_MdOutlineGroups","_MdOutlineLanguage","_MdOutlineLink","_MdOutlineListAlt","_MdOutlineLocationOn","_MdOutlineLock","_MdOutlineLogout","_MdOutlineMinimize","_MdOutlineOutput","_MdOutlinePageview","_MdOutlinePeopleAlt","_MdOutlinePersonOff","_MdOutlinePhone","_MdOutlinePlayCircle","_MdOutlinePrint","_MdOutlineRefresh","_MdOutlineSchedule","_MdOutlineTune","_MdOutlineWorkspacePremium","_MdPersonOutline","_MdPhotoSizeSelectSmall","_MdSend","_MdUnfoldMore","_TbDiscount","_TbDiscountCheck","_ICON","ICON","exports","ICON_BASE","ACCOUNT","ADD_EXTRAS","ALARM","BED_DOUBLE","BED_SINGLE","CALENDAR","CALENDAR_BUSY","CALENDAR_CANCEL","CALENDAR_EDIT","CLEAR","CURRENCY","DISCOUNT","GROUP","GROUPS","LANGUAGE","LINK","LIST","LOCATION","LOCK","LOGOUT","MAIL","MINIMIZE","MORE","OFFER","PEOPLE","PERSON","PERSON_OFF","PHONE","PLAY","PREMIUM","PRINT","REFRESH","SCHEDULE","SEND","THREE_D","THREE_D_ROTATION","TUNE","SITE","SIZE","UNFOLD","URL","ICON_AMENITIES"],"sources":["../../../src/components/helpers/ICON.js"],"sourcesContent":["import { ICON as ICON_BASE } from '@mirai/ui';\nimport { GrThreeD as THREE_D } from '@react-icons/all-files/gr/GrThreeD';\nimport { LuBedDouble as BED_DOUBLE } from '@react-icons/all-files/lu/LuBedDouble';\nimport { LuBedSingle as BED_SINGLE } from '@react-icons/all-files/lu/LuBedSingle';\nimport { Md3DRotation as THREE_D_ROTATION } from '@react-icons/all-files/md/Md3DRotation';\nimport { MdAccessAlarm as ALARM } from '@react-icons/all-files/md/MdAccessAlarm';\nimport { MdMailOutline as MAIL } from '@react-icons/all-files/md/MdMailOutline';\nimport { MdMoreVert as MORE } from '@react-icons/all-files/md/MdMoreVert';\nimport { MdOutlineAccountCircle as ACCOUNT } from '@react-icons/all-files/md/MdOutlineAccountCircle';\nimport { MdOutlineAddToPhotos as ADD_EXTRAS } from '@react-icons/all-files/md/MdOutlineAddToPhotos';\nimport { MdOutlineAutorenew as CLEAR } from '@react-icons/all-files/md/MdOutlineAutorenew';\nimport { MdOutlineCalendarToday as CALENDAR } from '@react-icons/all-files/md/MdOutlineCalendarToday';\nimport { MdOutlineCurrencyExchange as CURRENCY } from '@react-icons/all-files/md/MdOutlineCurrencyExchange';\nimport { MdOutlineEditCalendar as CALENDAR_EDIT } from '@react-icons/all-files/md/MdOutlineEditCalendar';\nimport { MdOutlineEventBusy as CALENDAR_BUSY } from '@react-icons/all-files/md/MdOutlineEventBusy';\nimport { MdOutlineFreeCancellation as CALENDAR_CANCEL } from '@react-icons/all-files/md/MdOutlineFreeCancellation';\nimport { MdOutlineGroup as GROUP } from '@react-icons/all-files/md/MdOutlineGroup';\nimport { MdOutlineGroups as GROUPS } from '@react-icons/all-files/md/MdOutlineGroups';\nimport { MdOutlineLanguage as LANGUAGE } from '@react-icons/all-files/md/MdOutlineLanguage';\nimport { MdOutlineLink as LINK } from '@react-icons/all-files/md/MdOutlineLink';\nimport { MdOutlineListAlt as LIST } from '@react-icons/all-files/md/MdOutlineListAlt';\nimport { MdOutlineLocationOn as LOCATION } from '@react-icons/all-files/md/MdOutlineLocationOn';\nimport { MdOutlineLock as LOCK } from '@react-icons/all-files/md/MdOutlineLock';\nimport { MdOutlineLogout as LOGOUT } from '@react-icons/all-files/md/MdOutlineLogout';\nimport { MdOutlineMinimize as MINIMIZE } from '@react-icons/all-files/md/MdOutlineMinimize';\nimport { MdOutlineOutput as URL } from '@react-icons/all-files/md/MdOutlineOutput';\nimport { MdOutlinePageview as SITE } from '@react-icons/all-files/md/MdOutlinePageview';\nimport { MdOutlinePeopleAlt as PEOPLE } from '@react-icons/all-files/md/MdOutlinePeopleAlt';\nimport { MdOutlinePersonOff as PERSON_OFF } from '@react-icons/all-files/md/MdOutlinePersonOff';\nimport { MdOutlinePhone as PHONE } from '@react-icons/all-files/md/MdOutlinePhone';\nimport { MdOutlinePlayCircle as PLAY } from '@react-icons/all-files/md/MdOutlinePlayCircle';\nimport { MdOutlinePrint as PRINT } from '@react-icons/all-files/md/MdOutlinePrint';\nimport { MdOutlineRefresh as REFRESH } from '@react-icons/all-files/md/MdOutlineRefresh';\nimport { MdOutlineSchedule as SCHEDULE } from '@react-icons/all-files/md/MdOutlineSchedule';\nimport { MdOutlineTune as TUNE } from '@react-icons/all-files/md/MdOutlineTune';\nimport { MdOutlineWorkspacePremium as PREMIUM } from '@react-icons/all-files/md/MdOutlineWorkspacePremium';\nimport { MdPersonOutline as PERSON } from '@react-icons/all-files/md/MdPersonOutline';\nimport { MdPhotoSizeSelectSmall as SIZE } from '@react-icons/all-files/md/MdPhotoSizeSelectSmall';\nimport { MdSend as SEND } from '@react-icons/all-files/md/MdSend';\nimport { MdUnfoldMore as UNFOLD } from '@react-icons/all-files/md/MdUnfoldMore';\nimport { TbDiscount as DISCOUNT } from '@react-icons/all-files/tb/TbDiscount.mjs';\nimport { TbDiscountCheck as OFFER } from '@react-icons/all-files/tb/TbDiscountCheck';\n\nimport { ICON_AMENITIES } from './ICON.AMENITIES';\n\nexport const ICON = {\n  ...ICON_BASE,\n  ACCOUNT,\n  ADD_EXTRAS,\n  ALARM,\n  BED_DOUBLE,\n  BED_SINGLE,\n  CALENDAR,\n  CALENDAR_BUSY,\n  CALENDAR_CANCEL,\n  CALENDAR_EDIT,\n  CLEAR,\n  CURRENCY,\n  DISCOUNT,\n  GROUP,\n  GROUPS,\n  LANGUAGE,\n  LINK,\n  LIST,\n  LOCATION,\n  LOCK,\n  LOGOUT,\n  MAIL,\n  MINIMIZE,\n  MORE,\n  OFFER,\n  PEOPLE,\n  PERSON,\n  PERSON_OFF,\n  PHONE,\n  PLAY,\n  PREMIUM,\n  PRINT,\n  REFRESH,\n  SCHEDULE,\n  SEND,\n  THREE_D,\n  THREE_D_ROTATION,\n  TUNE,\n  // SUPPORT_AGENT,\n  SITE,\n  SIZE,\n  UNFOLD,\n  URL,\n  // Amenities & Features,\n  ...ICON_AMENITIES,\n};\n"],"mappings":"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"}

package/build/theme.css

@@ -17,7 +17,7 @@
   --mirai-chat-accent: var(--mirai-ui-accent);
 
   --mirai-chat-border-color: var(--mirai-ui-content-border);
-  --mirai-chat-border-radius: var(--mirai-ui-space-XS);
+  --mirai-chat-border-radius: var(--mirai-ui-space-S);
   --mirai-chat-border-size: 1px;
   --mirai-chat-space: var(--mirai-ui-space-M);
 
@@ -26,8 +26,8 @@
   --mirai-chat-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
 
   --mirai-chat-text-accent-color: rgba(255, 255, 255, 0.95);
-  --mirai-chat-text-color: #222;
-  --mirai-chat-text-color-light: #999;
+  --mirai-chat-text-color: var(--mirai-ui-content);
+  --mirai-chat-text-color-light: var(--mirai-ui-content-light);
   --mirai-chat-text-font: var(--mirai-ui-font-medium);
   --mirai-chat-text-font-size: var(--mirai-ui-font-size-action);
   --mirai-chat-text-font-weight: var(--mirai-ui-font-medium-weight);
@@ -35,11 +35,11 @@
 
   --mirai-chat-base: var(--mirai-ui-base);
   --mirai-chat-base-opacity: rgba(255, 255, 255, 0.85);
-  --mirai-chat-box-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
+  --mirai-chat-box-shadow: var(--mirai-ui-shadow);
   --mirai-chat-height: 70svh;
+  --mirai-chat-max-height: calc(100svh - calc(var(--mirai-chat-space) * 2));
   --mirai-chat-min-height: 640px;
   --mirai-chat-layer: var(--mirai-ui-layer-XL);
-  --mirai-chat-max-height: calc(100svh - calc(var(--mirai-chat-space) * 2));
   --mirai-chat-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-XXL));
 
   --mirai-chat-header-height: calc(var(--mirai-ui-space-XL) + var(--mirai-ui-space-M));
@@ -47,12 +47,17 @@
 
   --mirai-chat-input-background: var(--mirai-ui-content-background);
   --mirai-chat-input-border-color: var(--mirai-chat-border-color);
+  --mirai-chat-input-border-color: transparent;
 
   --mirai-chat-message-background: transparent;
   --mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-space);
 
-  --mirai-chat-avatar-background: #222;
+  --mirai-chat-avatar-background: rgba(0, 0, 0, 0.66);
   --mirai-chat-avatar-color: #fff;
+  --mirai-chat-avatar-color-1: #00d8ff;
+  --mirai-chat-avatar-color-2: #7a42f4;
+  --mirai-chat-avatar-color-3: #ff6e9c;
+  --mirai-chat-avatar-color-4: #ffffff;
   --mirai-chat-avatar-border-radius: 40%;
 
   /* -- Deals */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.4.134",
+  "version": "0.4.135",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",