@mirai/core 0.3.336 → 0.3.338

package/build/components/Chat/Chat.js

@@ -170,7 +170,8 @@ const Chat = _ref => {
     className: style.container,
     visible
   } : {
-    className: (0, _ui.styles)(style.container, visible && style.visible)
+    className: (0, _ui.styles)(style.container, visible && style.visible),
+    'aria-hidden': visible ? 'false' : 'true'
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.header

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","style","_components","_services","_helpers","_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","onlineInterval","Chat","_ref","skeleton","name","NAME","isMobile","useDevice","translate","useLocale","value","calendar","currency","hotel","locale","occupation","origin","session","tags","type","useStore","busy","setBusy","useState","hide","setHide","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","response","ServiceLisa","welcome","catch","handleError","addMessage","clearInterval","status","setInterval","Date","getTime","storeContext","handleInput","input","nextMessages","text","timestamp","setTimeout","message","context","DELAY_RESPONSE","handleAction","form","intent","undefined","action","lisa","auto","error","console","publish","INTENT_LOCALE","createElement","Fragment","React","Modal","View","className","container","styles","row","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","ICON","CLOSE","ScrollView","snap","map","index","Message","concat","disabled","onAction","Input","onValue","InputRich","Offline","Tooltip","right","LABEL_GREETINGS","Pressable","buttonExtend","avatar","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Modal, Pressable, ScrollView, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { DELAY_RESPONSE, NAME } from './Chat.constants';\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar, Input, InputRich, Offline, Message } from './components';\nimport { ServiceLisa } from '../../services';\nimport { EVENT, ICON } from '../helpers';\n\nlet onlineInterval;\n\nconst Chat = ({ skeleton, name = NAME }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { calendar, currency, hotel, locale, occupation, origin, session, tags, type },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [hide, setHide] = 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    const callback = ({ visible: modalVisible }) => setHide(modalVisible);\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => {\n      setBusy(true);\n      const response = await ServiceLisa.welcome({ locale, session }).catch(handleError);\n      if (response) addMessage(response, messages);\n      setBusy(false);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => {\n    // ! TODO: It's just a demo\n    // if (visible && !messages.length) handleInput('Do you have any available offer or discount?');\n    if (!visible) return clearInterval(onlineInterval);\n\n    const callback = async () => {\n      const response = await ServiceLisa.status().catch(() => setOnline(false));\n      if (response && !online) setOnline(response);\n    };\n\n    callback();\n    onlineInterval = setInterval(callback, online ? 60000 : 10000);\n\n    return () => {\n      clearInterval(onlineInterval);\n    };\n  }, [online, visible]);\n\n  useEffect(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);\n\n  const storeContext = { calendar, currency, hotel, occupation, origin, tags, type };\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      const response = await ServiceLisa.message({ context: { ...storeContext }, input, session }).catch(handleError);\n      if (response) addMessage(response, nextMessages);\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleAction = ({ context, form, intent } = {}) => {\n    setBusy(true);\n\n    setTimeout(async () => {\n      const response = await ServiceLisa.action({\n        context: { ...storeContext, ...context, form },\n        intent,\n        locale,\n        session,\n      }).catch(handleError);\n      if (response) {\n        set({ lisa: response });\n        setMessages([...messages, { auto: true, ...response }]);\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 = []) => {\n    set({ lisa: response });\n    setMessages([...messages, { auto: true, ...response }]);\n    if (response.locale !== locale) Event.publish(EVENT.INTENT_LOCALE, { locale: response.locale });\n  };\n\n  return !skeleton ? (\n    <>\n      {React.createElement(\n        isMobile ? Modal : View,\n        isMobile\n          ? { className: style.container, visible }\n          : { className: styles(style.container, visible && style.visible) },\n        <>\n          <View row className={style.header}>\n            <Avatar small />\n            <View wide>\n              <Text bold>{translate(L10N.LABEL_ASSISTANT)}</Text>\n              <View row>\n                <View className={styles(style.bullet, online ? style.online : style.offline)} />\n                <Text small light>\n                  {translate(online ? L10N.LABEL_ONLINE : L10N.LABEL_OFFLINE)}\n                </Text>\n              </View>\n            </View>\n\n            <View row>\n              {/* ! TODO: When store chats */}\n              {/* <Button small squared tooltip={translate(L10N.ACTION_MINIMIZE)} transparent onPress={() => {}}>\n                <Icon value={ICON.MINIMIZE} />\n              </Button> */}\n\n              <Button\n                small\n                squared\n                tooltip={translate(L10N.ACTION_CLOSE)}\n                transparent\n                onPress={() => setVisible(false)}\n              >\n                <Icon value={ICON.CLOSE} />\n              </Button>\n            </View>\n          </View>\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            <Offline />\n          )}\n        </>,\n      )}\n\n      <Tooltip right text={translate(L10N.LABEL_GREETINGS, { name })}>\n        <Pressable\n          disabled={busy}\n          onPress={() => setVisible(true)}\n          className={styles(style.buttonExtend, (hide || visible) && style.hide)}\n        >\n          <Avatar disabled={visible} className={style.avatar} />\n        </Pressable>\n      </Tooltip>\n    </>\n  ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n  name: PropTypes.string,\n  skeleton: PropTypes.bool,\n};\n\nexport { Chat };\n"],"mappings":"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"}
+{"version":3,"file":"Chat.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","_Chat2","style","_components","_services","_helpers","_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","onlineInterval","Chat","_ref","skeleton","name","NAME","isMobile","useDevice","translate","useLocale","value","calendar","currency","hotel","locale","occupation","origin","session","tags","type","useStore","busy","setBusy","useState","hide","setHide","messages","setMessages","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","response","ServiceLisa","welcome","catch","handleError","addMessage","clearInterval","status","setInterval","Date","getTime","storeContext","handleInput","input","nextMessages","text","timestamp","setTimeout","message","context","DELAY_RESPONSE","handleAction","form","intent","undefined","action","lisa","auto","error","console","publish","INTENT_LOCALE","createElement","Fragment","React","Modal","View","className","container","styles","row","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","ICON","CLOSE","ScrollView","snap","map","index","Message","concat","disabled","onAction","Input","onValue","InputRich","Offline","Tooltip","right","LABEL_GREETINGS","Pressable","buttonExtend","avatar","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Modal, Pressable, ScrollView, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { DELAY_RESPONSE, NAME } from './Chat.constants';\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar, Input, InputRich, Offline, Message } from './components';\nimport { ServiceLisa } from '../../services';\nimport { EVENT, ICON } from '../helpers';\n\nlet onlineInterval;\n\nconst Chat = ({ skeleton, name = NAME }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { calendar, currency, hotel, locale, occupation, origin, session, tags, type },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [hide, setHide] = 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    const callback = ({ visible: modalVisible }) => setHide(modalVisible);\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => {\n      setBusy(true);\n      const response = await ServiceLisa.welcome({ locale, session }).catch(handleError);\n      if (response) addMessage(response, messages);\n      setBusy(false);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => {\n    // ! TODO: It's just a demo\n    // if (visible && !messages.length) handleInput('Do you have any available offer or discount?');\n    if (!visible) return clearInterval(onlineInterval);\n\n    const callback = async () => {\n      const response = await ServiceLisa.status().catch(() => setOnline(false));\n      if (response && !online) setOnline(response);\n    };\n\n    callback();\n    onlineInterval = setInterval(callback, online ? 60000 : 10000);\n\n    return () => {\n      clearInterval(onlineInterval);\n    };\n  }, [online, visible]);\n\n  useEffect(() => visible && setScrollTo(new Date().getTime()), [busy, messages, visible]);\n\n  const storeContext = { calendar, currency, hotel, occupation, origin, tags, type };\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      const response = await ServiceLisa.message({ context: { ...storeContext }, input, session }).catch(handleError);\n      if (response) addMessage(response, nextMessages);\n      setBusy(false);\n    }, DELAY_RESPONSE);\n  };\n\n  const handleAction = ({ context, form, intent } = {}) => {\n    setBusy(true);\n\n    setTimeout(async () => {\n      const response = await ServiceLisa.action({\n        context: { ...storeContext, ...context, form },\n        intent,\n        locale,\n        session,\n      }).catch(handleError);\n      if (response) {\n        set({ lisa: response });\n        setMessages([...messages, { auto: true, ...response }]);\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 = []) => {\n    set({ lisa: response });\n    setMessages([...messages, { auto: true, ...response }]);\n    if (response.locale !== locale) Event.publish(EVENT.INTENT_LOCALE, { locale: response.locale });\n  };\n\n  return !skeleton ? (\n    <>\n      {React.createElement(\n        isMobile ? Modal : View,\n        isMobile\n          ? { className: style.container, visible }\n          : {\n              className: styles(style.container, visible && style.visible),\n              'aria-hidden': visible ? 'false' : 'true',\n            },\n        <>\n          <View row className={style.header}>\n            <Avatar small />\n            <View wide>\n              <Text bold>{translate(L10N.LABEL_ASSISTANT)}</Text>\n              <View row>\n                <View className={styles(style.bullet, online ? style.online : style.offline)} />\n                <Text small light>\n                  {translate(online ? L10N.LABEL_ONLINE : L10N.LABEL_OFFLINE)}\n                </Text>\n              </View>\n            </View>\n\n            <View row>\n              {/* ! TODO: When store chats */}\n              {/* <Button small squared tooltip={translate(L10N.ACTION_MINIMIZE)} transparent onPress={() => {}}>\n                <Icon value={ICON.MINIMIZE} />\n              </Button> */}\n\n              <Button\n                small\n                squared\n                tooltip={translate(L10N.ACTION_CLOSE)}\n                transparent\n                onPress={() => setVisible(false)}\n              >\n                <Icon value={ICON.CLOSE} />\n              </Button>\n            </View>\n          </View>\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            <Offline />\n          )}\n        </>,\n      )}\n\n      <Tooltip right text={translate(L10N.LABEL_GREETINGS, { name })}>\n        <Pressable\n          disabled={busy}\n          onPress={() => setVisible(true)}\n          className={styles(style.buttonExtend, (hide || visible) && style.hide)}\n        >\n          <Avatar disabled={visible} className={style.avatar} />\n        </Pressable>\n      </Tooltip>\n    </>\n  ) : null;\n};\n\nChat.displayName = 'Mirai:Core:Chat';\n\nChat.propTypes = {\n  name: PropTypes.string,\n  skeleton: PropTypes.bool,\n};\n\nexport { Chat };\n"],"mappings":"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"}

package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap

@@ -2,96 +2,96 @@
 
 exports[`component:<Avatar> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view mirai"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <div
+      <ui_view
         class="view"
       />
-      <div
+      <ui_view
         class="view"
       />
-    </div>
-  </div>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Avatar> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <div
+      <ui_view
         class="view"
       />
-      <div
+      <ui_view
         class="view"
       />
-    </div>
-  </div>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Avatar> prop:small 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <div
+      <ui_view
         class="view"
       />
-      <div
+      <ui_view
         class="view"
       />
-    </div>
-  </div>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Avatar> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <div
+      <ui_view
         class="view"
       />
-      <div
+      <ui_view
         class="view"
       />
-    </div>
-  </div>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Avatar> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view"
     data-testid="mirai"
   >
-    <div
+    <ui_view
       class="view"
     >
-      <div
+      <ui_view
         class="view"
       />
-      <div
+      <ui_view
         class="view"
       />
-    </div>
-  </div>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;

package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap

@@ -2,7 +2,7 @@
 
 exports[`component:<Input> inherit:className 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
   >
     <textarea
@@ -10,13 +10,14 @@ exports[`component:<Input> inherit:className 1`] = `
       name="input"
       placeholder="lisa.label.send_message"
     />
-    <span
+    <ui_tooltip
       class="container"
     >
       <button
         class="pressable dispatcher button small squared transparent"
+        tabindex="0"
       >
-        <span
+        <ui_icon
           class="icon light headline-3"
         >
           <svg
@@ -36,16 +37,16 @@ exports[`component:<Input> inherit:className 1`] = `
               d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
             />
           </svg>
-        </span>
+        </ui_icon>
       </button>
-    </span>
-  </div>
+    </ui_tooltip>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Input> prop:disabled 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
   >
     <textarea
@@ -53,14 +54,14 @@ exports[`component:<Input> prop:disabled 1`] = `
       name="input"
       placeholder="lisa.label.send_message"
     />
-    <span
+    <ui_tooltip
       class="container"
     >
       <button
         class="pressable disabled dispatcher button small squared transparent disabled"
         disabled=""
       >
-        <span
+        <ui_icon
           class="icon light headline-3"
         >
           <svg
@@ -80,16 +81,16 @@ exports[`component:<Input> prop:disabled 1`] = `
               d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
             />
           </svg>
-        </span>
+        </ui_icon>
       </button>
-    </span>
-  </div>
+    </ui_tooltip>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Input> renders 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
   >
     <textarea
@@ -97,13 +98,14 @@ exports[`component:<Input> renders 1`] = `
       name="input"
       placeholder="lisa.label.send_message"
     />
-    <span
+    <ui_tooltip
       class="container"
     >
       <button
         class="pressable dispatcher button small squared transparent"
+        tabindex="0"
       >
-        <span
+        <ui_icon
           class="icon light headline-3"
         >
           <svg
@@ -123,16 +125,16 @@ exports[`component:<Input> renders 1`] = `
               d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
             />
           </svg>
-        </span>
+        </ui_icon>
       </button>
-    </span>
-  </div>
+    </ui_tooltip>
+  </ui_view>
 </DocumentFragment>
 `;
 
 exports[`component:<Input> testId 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
     data-testid="mirai"
   >
@@ -141,13 +143,14 @@ exports[`component:<Input> testId 1`] = `
       name="input"
       placeholder="lisa.label.send_message"
     />
-    <span
+    <ui_tooltip
       class="container"
     >
       <button
         class="pressable dispatcher button small squared transparent"
+        tabindex="0"
       >
-        <span
+        <ui_icon
           class="icon light headline-3"
         >
           <svg
@@ -167,9 +170,9 @@ exports[`component:<Input> testId 1`] = `
               d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
             />
           </svg>
-        </span>
+        </ui_icon>
       </button>
-    </span>
-  </div>
+    </ui_tooltip>
+  </ui_view>
 </DocumentFragment>
 `;