@mirai/core 0.4.136 → 0.4.138

package/build/components/Chat/Chat.ButtonAvatar.js

@@ -21,11 +21,7 @@ const DELAY_WELCOME = 10000;
 let focused = false;
 const ButtonAvatar = _ref => {
   let {
-    message: {
-      response: {
-        text
-      } = {}
-    } = {},
+    ready = false,
     visible,
     onPress
   } = _ref;
@@ -52,7 +48,7 @@ const ButtonAvatar = _ref => {
     return () => _dataSources.Event.unsubscribe(_helpers2.EVENT.MODAL_VISIBLE, callback);
   }, []);
   (0, _react.useEffect)(() => {
-    if (!text || focused) return;
+    if (!ready || focused) return;
     let inactivityTimer;
     const resetTimer = () => {
       clearTimeout(inactivityTimer);
@@ -71,12 +67,12 @@ const ButtonAvatar = _ref => {
       document.removeEventListener('mousemove', resetTimer);
       document.removeEventListener('scroll', resetTimer);
     };
-  }, [text]);
+  }, [ready]);
   (0, _react.useEffect)(() => {
     if (focus) focused = true;
   }, [focus]);
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: (0, _ui.styles)(style.buttonAvatar, !!text && !visible && !hide && style.visible)
+    className: (0, _ui.styles)(style.buttonAvatar, ready && !visible && !hide && style.visible)
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: (0, _ui.styles)(style.welcome, focus && !visible && style.visible)
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -97,11 +93,7 @@ const ButtonAvatar = _ref => {
 exports.ButtonAvatar = ButtonAvatar;
 ButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';
 ButtonAvatar.propTypes = {
-  message: _propTypes.default.shape({
-    response: _propTypes.default.shape({
-      text: _propTypes.default.string
-    })
-  }),
+  ready: _propTypes.default.bool,
   visible: _propTypes.default.bool,
   onPress: _propTypes.default.func
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.ButtonAvatar.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","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","DELAY_WELCOME","focused","ButtonAvatar","_ref","message","response","text","visible","onPress","focus","setFocus","useState","hide","setHide","translate","useLocale","value","session","firstName","useStore","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","inactivityTimer","resetTimer","clearTimeout","setTimeout","audioNotification","document","addEventListener","current","removeEventListener","createElement","View","className","styles","buttonAvatar","welcome","Text","action","markdown","medium","L10N","LABEL_GREETINGS","name","LABEL_GUEST","Pressable","onEnter","onLeave","Avatar","disabled","avatar","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../src/components/Chat/Chat.ButtonAvatar.js"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { audioNotification } from './helpers';\nimport { EVENT } from '../helpers';\n\nconst DELAY_WELCOME = 10000;\nlet focused = false;\n\nconst ButtonAvatar = ({ message: { response: { text } = {} } = {}, visible, onPress }) => {\n  const [focus, setFocus] = useState(false);\n  const [hide, setHide] = useState(false);\n  const { translate } = useLocale();\n  const {\n    value: { session: { firstName } = {} },\n  } = useStore();\n\n  useEffect(() => {\n    const callback = ({ visible: modalVisible }) => setHide(modalVisible);\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (!text || focused) return;\n    let inactivityTimer;\n\n    const resetTimer = () => {\n      clearTimeout(inactivityTimer);\n      if (focused) return;\n      inactivityTimer = setTimeout(() => {\n        setFocus(true);\n        audioNotification();\n        clearTimeout(inactivityTimer);\n      }, DELAY_WELCOME);\n    };\n\n    document.addEventListener('mousemove', resetTimer);\n    document.addEventListener('scroll', resetTimer);\n\n    resetTimer();\n\n    return () => {\n      clearTimeout(inactivityTimer.current);\n      document.removeEventListener('mousemove', resetTimer);\n      document.removeEventListener('scroll', resetTimer);\n    };\n  }, [text]);\n\n  useEffect(() => {\n    if (focus) focused = true;\n  }, [focus]);\n\n  return (\n    <View className={styles(style.buttonAvatar, !!text && !visible && !hide && style.visible)}>\n      <View className={styles(style.welcome, focus && !visible && style.visible)}>\n        <Text action markdown={false} medium>\n          {translate(L10N.LABEL_GREETINGS, { name: firstName || translate(L10N.LABEL_GUEST) })}\n        </Text>\n      </View>\n\n      <Pressable onEnter={() => setFocus(true)} onLeave={() => setFocus(false)} onPress={onPress}>\n        <Avatar disabled={visible} className={style.avatar} />\n      </Pressable>\n    </View>\n  );\n};\n\nButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';\n\nButtonAvatar.propTypes = {\n  message: PropTypes.shape({\n    response: PropTypes.shape({\n      text: PropTypes.string,\n    }),\n  }),\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonAvatar };\n"],"mappings":"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"}
+{"version":3,"file":"Chat.ButtonAvatar.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Chat","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","DELAY_WELCOME","focused","ButtonAvatar","_ref","ready","visible","onPress","focus","setFocus","useState","hide","setHide","translate","useLocale","value","session","firstName","useStore","useEffect","callback","_ref2","modalVisible","Event","subscribe","EVENT","MODAL_VISIBLE","unsubscribe","inactivityTimer","resetTimer","clearTimeout","setTimeout","audioNotification","document","addEventListener","current","removeEventListener","createElement","View","className","styles","buttonAvatar","welcome","Text","action","markdown","medium","L10N","LABEL_GREETINGS","name","LABEL_GUEST","Pressable","onEnter","onLeave","Avatar","disabled","avatar","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../src/components/Chat/Chat.ButtonAvatar.js"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { audioNotification } from './helpers';\nimport { EVENT } from '../helpers';\n\nconst DELAY_WELCOME = 10000;\nlet focused = false;\n\nconst ButtonAvatar = ({ ready = false, visible, onPress }) => {\n  const [focus, setFocus] = useState(false);\n  const [hide, setHide] = useState(false);\n  const { translate } = useLocale();\n  const {\n    value: { session: { firstName } = {} },\n  } = useStore();\n\n  useEffect(() => {\n    const callback = ({ visible: modalVisible }) => setHide(modalVisible);\n\n    Event.subscribe(EVENT.MODAL_VISIBLE, callback);\n    return () => Event.unsubscribe(EVENT.MODAL_VISIBLE, callback);\n  }, []);\n\n  useEffect(() => {\n    if (!ready || focused) return;\n    let inactivityTimer;\n\n    const resetTimer = () => {\n      clearTimeout(inactivityTimer);\n      if (focused) return;\n      inactivityTimer = setTimeout(() => {\n        setFocus(true);\n        audioNotification();\n        clearTimeout(inactivityTimer);\n      }, DELAY_WELCOME);\n    };\n\n    document.addEventListener('mousemove', resetTimer);\n    document.addEventListener('scroll', resetTimer);\n\n    resetTimer();\n\n    return () => {\n      clearTimeout(inactivityTimer.current);\n      document.removeEventListener('mousemove', resetTimer);\n      document.removeEventListener('scroll', resetTimer);\n    };\n  }, [ready]);\n\n  useEffect(() => {\n    if (focus) focused = true;\n  }, [focus]);\n\n  return (\n    <View className={styles(style.buttonAvatar, ready && !visible && !hide && style.visible)}>\n      <View className={styles(style.welcome, focus && !visible && style.visible)}>\n        <Text action markdown={false} medium>\n          {translate(L10N.LABEL_GREETINGS, { name: firstName || translate(L10N.LABEL_GUEST) })}\n        </Text>\n      </View>\n\n      <Pressable onEnter={() => setFocus(true)} onLeave={() => setFocus(false)} onPress={onPress}>\n        <Avatar disabled={visible} className={style.avatar} />\n      </Pressable>\n    </View>\n  );\n};\n\nButtonAvatar.displayName = 'Mirai:Core:Chat.ButtonAvatar';\n\nButtonAvatar.propTypes = {\n  ready: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { ButtonAvatar };\n"],"mappings":"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"}

package/build/components/Chat/Chat.Header.js

@@ -17,15 +17,26 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Header = _ref => {
   let {
+    form: {
+      dates: [checkin, checkout] = [],
+      occupation: [occupation = []] = []
+    } = {},
     online,
     onClose
   } = _ref;
   const {
+    dateFormat,
     translate
   } = (0, _locale.useLocale)();
+  const hasDates = !!checkin && !!checkout;
+  const hasOccupation = occupation.length > 0;
+  const dateCheckin = (0, _locale.parseDate)(checkin);
+  const dateCheckout = (0, _locale.parseDate)(checkout);
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.header, (hasDates || hasOccupation) && style.context)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: style.header
+    className: style.content
   }, /*#__PURE__*/_react.default.createElement(_components.Avatar, {
     small: true
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -49,11 +60,48 @@ const Header = _ref => {
     onPress: onClose
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: _helpers.ICON.CLOSE
-  }))));
+  })))), (hasDates || hasOccupation) && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.form
+  }, hasDates && [dateCheckin, dateCheckout].map((date, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+    key: "date:".concat(index),
+    row: true,
+    className: style.field
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    capitalize: true,
+    headline: true
+  }, dateFormat(date, {
+    weekday: 'long'
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    light: true
+  }, dateFormat(date, {
+    day: 'numeric',
+    month: 'long'
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    light: true
+  }, '>'))), hasOccupation && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true
+  }, occupation.map(function () {
+    let {
+      amount,
+      ages = []
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return amount || ages.length;
+  }).join(' + ')), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    light: true
+  }, translate(_Chat.L10N.LABEL_WHO)))));
 };
 exports.Header = Header;
 Header.displayName = 'Mirai:Core:Chat.Header';
 Header.propTypes = {
+  form: _propTypes.default.shape({
+    dates: _propTypes.default.arrayOf(_propTypes.default.string),
+    occupation: _propTypes.default.arrayOf(_propTypes.default.any)
+  }),
   online: _propTypes.default.bool,
   onClose: _propTypes.default.func
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.Header.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Chat","style","_interopRequireWildcard","_components","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Header","_ref","online","onClose","translate","useLocale","createElement","View","row","className","header","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","styles","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","value","ICON","CLOSE","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../src/components/Chat/Chat.Header.js"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { ICON } from '../helpers';\n\nconst Header = ({ online, onClose }) => {\n  const { translate } = useLocale();\n\n  return (\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        <Button small squared tooltip={translate(L10N.ACTION_CLOSE)} transparent onPress={onClose}>\n          <Icon value={ICON.CLOSE} />\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Chat.Header';\n\nHeader.propTypes = {\n  online: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":"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"}
+{"version":3,"file":"Chat.Header.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_Chat","style","_interopRequireWildcard","_components","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Header","_ref","form","dates","checkin","checkout","occupation","online","onClose","dateFormat","translate","useLocale","hasDates","hasOccupation","length","dateCheckin","parseDate","dateCheckout","createElement","View","className","styles","header","context","row","content","Avatar","small","wide","Text","bold","L10N","LABEL_ASSISTANT","bullet","offline","light","LABEL_ONLINE","LABEL_OFFLINE","Button","squared","tooltip","ACTION_CLOSE","transparent","onPress","Icon","value","ICON","CLOSE","map","date","index","key","concat","field","capitalize","headline","weekday","day","month","amount","ages","arguments","undefined","join","LABEL_WHO","exports","displayName","propTypes","PropTypes","shape","arrayOf","string","any","bool","func"],"sources":["../../../src/components/Chat/Chat.Header.js"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Chat.l10n';\nimport * as style from './Chat.module.css';\nimport { Avatar } from './components';\nimport { ICON } from '../helpers';\n\nconst Header = ({\n  form: { dates: [checkin, checkout] = [], occupation: [occupation = []] = [] } = {},\n  online,\n  onClose,\n}) => {\n  const { dateFormat, translate } = useLocale();\n\n  const hasDates = !!checkin && !!checkout;\n  const hasOccupation = occupation.length > 0;\n  const dateCheckin = parseDate(checkin);\n  const dateCheckout = parseDate(checkout);\n\n  return (\n    <View className={styles(style.header, (hasDates || hasOccupation) && style.context)}>\n      <View row className={style.content}>\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          <Button small squared tooltip={translate(L10N.ACTION_CLOSE)} transparent onPress={onClose}>\n            <Icon value={ICON.CLOSE} />\n          </Button>\n        </View>\n      </View>\n\n      {(hasDates || hasOccupation) && (\n        <View row className={style.form}>\n          {hasDates &&\n            [dateCheckin, dateCheckout].map((date, index) => (\n              <View key={`date:${index}`} row className={style.field}>\n                <View>\n                  <Text bold capitalize headline>\n                    {dateFormat(date, { weekday: 'long' })}\n                  </Text>\n                  <Text small light>\n                    {dateFormat(date, { day: 'numeric', month: 'long' })}\n                  </Text>\n                </View>\n\n                <Text light>{'>'}</Text>\n              </View>\n            ))}\n\n          {hasOccupation && (\n            <View>\n              <Text bold headline>\n                {occupation.map(({ amount, ages = [] } = {}) => amount || ages.length).join(' + ')}\n              </Text>\n              <Text small light>\n                {translate(L10N.LABEL_WHO)}\n              </Text>\n            </View>\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Chat.Header';\n\nHeader.propTypes = {\n  form: PropTypes.shape({\n    dates: PropTypes.arrayOf(PropTypes.string),\n    occupation: PropTypes.arrayOf(PropTypes.any),\n  }),\n  online: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAkC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAElC,MAAMC,MAAM,GAAGC,IAAA,IAIT;EAAA,IAJU;IACdC,IAAI,EAAE;MAAEC,KAAK,EAAE,CAACC,OAAO,EAAEC,QAAQ,CAAC,GAAG,EAAE;MAAEC,UAAU,EAAE,CAACA,UAAU,GAAG,EAAE,CAAC,GAAG;IAAG,CAAC,GAAG,CAAC,CAAC;IAClFC,MAAM;IACNC;EACF,CAAC,GAAAP,IAAA;EACC,MAAM;IAAEQ,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE7C,MAAMC,QAAQ,GAAG,CAAC,CAACR,OAAO,IAAI,CAAC,CAACC,QAAQ;EACxC,MAAMQ,aAAa,GAAGP,UAAU,CAACQ,MAAM,GAAG,CAAC;EAC3C,MAAMC,WAAW,GAAG,IAAAC,iBAAS,EAACZ,OAAO,CAAC;EACtC,MAAMa,YAAY,GAAG,IAAAD,iBAAS,EAACX,QAAQ,CAAC;EAExC,oBACEjC,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACC,SAAS,EAAE,IAAAC,UAAM,EAAC/C,KAAK,CAACgD,MAAM,EAAE,CAACV,QAAQ,IAAIC,aAAa,KAAKvC,KAAK,CAACiD,OAAO;EAAE,gBAClFnD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACK,GAAG;IAACJ,SAAS,EAAE9C,KAAK,CAACmD;EAAQ,gBACjCrD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAAC1C,WAAA,CAAAkD,MAAM;IAACC,KAAK;EAAA,CAAE,CAAC,eAChBvD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACS,IAAI;EAAA,gBACRxD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACC,IAAI;EAAA,GAAEpB,SAAS,CAACqB,UAAI,CAACC,eAAe,CAAQ,CAAC,eACnD5D,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACK,GAAG;EAAA,gBACPpD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACC,SAAS,EAAE,IAAAC,UAAM,EAAC/C,KAAK,CAAC2D,MAAM,EAAE1B,MAAM,GAAGjC,KAAK,CAACiC,MAAM,GAAGjC,KAAK,CAAC4D,OAAO;EAAE,CAAE,CAAC,eAChF9D,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACF,KAAK;IAACQ,KAAK;EAAA,GACdzB,SAAS,CAACH,MAAM,GAAGwB,UAAI,CAACK,YAAY,GAAGL,UAAI,CAACM,aAAa,CACtD,CACF,CACF,CAAC,eAEPjE,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACK,GAAG;EAAA,gBACPpD,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAqE,MAAM;IAACX,KAAK;IAACY,OAAO;IAACC,OAAO,EAAE9B,SAAS,CAACqB,UAAI,CAACU,YAAY,CAAE;IAACC,WAAW;IAACC,OAAO,EAAEnC;EAAQ,gBACxFpC,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA2E,IAAI;IAACC,KAAK,EAAEC,aAAI,CAACC;EAAM,CAAE,CACpB,CACJ,CACF,CAAC,EAEN,CAACnC,QAAQ,IAAIC,aAAa,kBACzBzC,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACK,GAAG;IAACJ,SAAS,EAAE9C,KAAK,CAAC4B;EAAK,GAC7BU,QAAQ,IACP,CAACG,WAAW,EAAEE,YAAY,CAAC,CAAC+B,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC1C9E,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI;IAACgC,GAAG,UAAAC,MAAA,CAAUF,KAAK,CAAG;IAAC1B,GAAG;IAACJ,SAAS,EAAE9C,KAAK,CAAC+E;EAAM,gBACrDjF,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI,qBACH/C,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACC,IAAI;IAACwB,UAAU;IAACC,QAAQ;EAAA,GAC3B9C,UAAU,CAACwC,IAAI,EAAE;IAAEO,OAAO,EAAE;EAAO,CAAC,CACjC,CAAC,eACPpF,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACF,KAAK;IAACQ,KAAK;EAAA,GACd1B,UAAU,CAACwC,IAAI,EAAE;IAAEQ,GAAG,EAAE,SAAS;IAAEC,KAAK,EAAE;EAAO,CAAC,CAC/C,CACF,CAAC,eAEPtF,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACM,KAAK;EAAA,GAAE,GAAU,CACnB,CACP,CAAC,EAEHtB,aAAa,iBACZzC,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAAkD,IAAI,qBACH/C,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACC,IAAI;IAACyB,QAAQ;EAAA,GAChBjD,UAAU,CAAC0C,GAAG,CAAC;IAAA,IAAC;MAAEW,MAAM;MAAEC,IAAI,GAAG;IAAG,CAAC,GAAAC,SAAA,CAAA/C,MAAA,QAAA+C,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKF,MAAM,IAAIC,IAAI,CAAC9C,MAAM;EAAA,EAAC,CAACiD,IAAI,CAAC,KAAK,CAC7E,CAAC,eACP3F,MAAA,CAAAY,OAAA,CAAAkC,aAAA,CAACjD,GAAA,CAAA4D,IAAI;IAACF,KAAK;IAACQ,KAAK;EAAA,GACdzB,SAAS,CAACqB,UAAI,CAACiC,SAAS,CACrB,CACF,CAEJ,CAEJ,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAjE,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACkE,WAAW,GAAG,wBAAwB;AAE7ClE,MAAM,CAACmE,SAAS,GAAG;EACjBjE,IAAI,EAAEkE,kBAAS,CAACC,KAAK,CAAC;IACpBlE,KAAK,EAAEiE,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,MAAM,CAAC;IAC1CjE,UAAU,EAAE8D,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACI,GAAG;EAC7C,CAAC,CAAC;EACFjE,MAAM,EAAE6D,kBAAS,CAACK,IAAI;EACtBjE,OAAO,EAAE4D,kBAAS,CAACM;AACrB,CAAC"}

package/build/components/Chat/Chat.constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERBOSE_DATE_FORMAT = exports.NAME = exports.INTENT = exports.EVENT = exports.DELAY_RESPONSE = void 0;
+exports.VERBOSE_DATE_FORMAT = exports.STORAGE_MESSAGES_KEY = exports.NAME = exports.INTENT = exports.EVENT = exports.DELAY_RESPONSE = void 0;
 const DELAY_RESPONSE = exports.DELAY_RESPONSE = 500;
 const EVENT = exports.EVENT = {
   INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT'
@@ -20,6 +20,7 @@ const INTENT = exports.INTENT = {
   FAREWELLS: 'FAREWELLS'
 };
 const NAME = exports.NAME = 'Lisa';
+const STORAGE_MESSAGES_KEY = exports.STORAGE_MESSAGES_KEY = 'MIRAI:LISA:MESSAGES';
 const VERBOSE_DATE_FORMAT = exports.VERBOSE_DATE_FORMAT = {
   weekday: 'short',
   month: 'short',

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.constants.js","names":["DELAY_RESPONSE","exports","EVENT","INPUT_COMPONENT","INTENT","BOOK","BOOKING_CANCEL","BOOKING_QUERY","BOOKING_VIEW","BOOKING_SEND","OFFERS","HOTEL_INFO","GREETINGS","FAREWELLS","NAME","VERBOSE_DATE_FORMAT","weekday","month","day"],"sources":["../../../src/components/Chat/Chat.constants.js"],"sourcesContent":["const DELAY_RESPONSE = 500;\n\nconst EVENT = {\n  INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT',\n};\n\nconst INTENT = {\n  BOOK: 'BOOK',\n  BOOKING_CANCEL: 'BOOKING_CANCEL',\n  BOOKING_QUERY: 'BOOKING_QUERY',\n  BOOKING_VIEW: 'BOOKING_VIEW',\n  BOOKING_SEND: 'BOOKING_SEND',\n  OFFERS: 'OFFERS',\n  HOTEL_INFO: 'HOTEL_INFO',\n  GREETINGS: 'GREETINGS',\n  FAREWELLS: 'FAREWELLS',\n};\n\nconst NAME = 'Lisa';\n\nconst VERBOSE_DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { DELAY_RESPONSE, EVENT, INTENT, NAME, VERBOSE_DATE_FORMAT };\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACbC,IAAI,EAAE,MAAM;EACZC,cAAc,EAAE,gBAAgB;EAChCC,aAAa,EAAE,eAAe;EAC9BC,YAAY,EAAE,cAAc;EAC5BC,YAAY,EAAE,cAAc;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,YAAY;EACxBC,SAAS,EAAE,WAAW;EACtBC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG,MAAM;AAEnB,MAAMC,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC"}
+{"version":3,"file":"Chat.constants.js","names":["DELAY_RESPONSE","exports","EVENT","INPUT_COMPONENT","INTENT","BOOK","BOOKING_CANCEL","BOOKING_QUERY","BOOKING_VIEW","BOOKING_SEND","OFFERS","HOTEL_INFO","GREETINGS","FAREWELLS","NAME","STORAGE_MESSAGES_KEY","VERBOSE_DATE_FORMAT","weekday","month","day"],"sources":["../../../src/components/Chat/Chat.constants.js"],"sourcesContent":["const DELAY_RESPONSE = 500;\n\nconst EVENT = {\n  INPUT_COMPONENT: 'EVENT_INPUT_COMPONENT',\n};\n\nconst INTENT = {\n  BOOK: 'BOOK',\n  BOOKING_CANCEL: 'BOOKING_CANCEL',\n  BOOKING_QUERY: 'BOOKING_QUERY',\n  BOOKING_VIEW: 'BOOKING_VIEW',\n  BOOKING_SEND: 'BOOKING_SEND',\n  OFFERS: 'OFFERS',\n  HOTEL_INFO: 'HOTEL_INFO',\n  GREETINGS: 'GREETINGS',\n  FAREWELLS: 'FAREWELLS',\n};\n\nconst NAME = 'Lisa';\n\nconst STORAGE_MESSAGES_KEY = 'MIRAI:LISA:MESSAGES';\n\nconst VERBOSE_DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { DELAY_RESPONSE, EVENT, INTENT, NAME, STORAGE_MESSAGES_KEY, VERBOSE_DATE_FORMAT };\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,eAAe,EAAE;AACnB,CAAC;AAED,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACbC,IAAI,EAAE,MAAM;EACZC,cAAc,EAAE,gBAAgB;EAChCC,aAAa,EAAE,eAAe;EAC9BC,YAAY,EAAE,cAAc;EAC5BC,YAAY,EAAE,cAAc;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,YAAY;EACxBC,SAAS,EAAE,WAAW;EACtBC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG,MAAM;AAEnB,MAAMC,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAG,qBAAqB;AAElD,MAAMC,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC"}

package/build/components/Chat/Chat.js

@@ -20,6 +20,9 @@ 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 storage = new _dataSources.Storage({
+  adapter: _dataSources.LocalAdapter
+});
 let connectionInterval;
 const Chat = _ref => {
   let {
@@ -45,7 +48,7 @@ const Chat = _ref => {
     }
   } = (0, _dataSources.useStore)();
   const [busy, setBusy] = (0, _react.useState)(false);
-  const [messages, setMessages] = (0, _react.useState)([]);
+  const [messages, setMessages] = (0, _react.useState)(storage.get(_Chat2.STORAGE_MESSAGES_KEY) || []);
   const [online, setOnline] = (0, _react.useState)(false);
   const [scrollTo, setScrollTo] = (0, _react.useState)();
   const [visible, setVisible] = (0, _react.useState)(false);
@@ -60,12 +63,18 @@ const Chat = _ref => {
         locale,
         session
       }).catch(handleError);
-      if (response) addMessage(response, messages);
+      if (response) {
+        if (!messages.length) return addMessage(response, messages);
+        set({
+          lisa: messages[messages.length - 1]
+        });
+      }
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [skeleton]);
+  (0, _react.useEffect)(() => storage.set(_Chat2.STORAGE_MESSAGES_KEY, (messages === null || messages === void 0 ? void 0 : messages.slice(-32)) || []), [messages]);
   (0, _react.useEffect)(() => {
-    if (visible) setScrollTo(new Date().getTime());
+    if (visible) setTimeout(() => setScrollTo(new Date().getTime(), 10));
   }, [busy, messages, visible]);
   (0, _react.useEffect)(() => {
     if (!visible) return clearInterval(connectionInterval);
@@ -207,6 +216,11 @@ const Chat = _ref => {
     });
     if (notify) (0, _helpers.audioNotification)();
   };
+  const {
+    response: {
+      form
+    } = {}
+  } = messages.filter(message => message.auto).pop() || [];
   return !skeleton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(isMobile ? _ui.Modal : _ui.View, isMobile ? {
     ...others,
     visible,
@@ -216,6 +230,7 @@ const Chat = _ref => {
     className: (0, _ui.styles)(style.container, visible && style.visible, others.className),
     'aria-hidden': visible ? 'false' : 'true'
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Chat3.Header, {
+    form,
     online,
     onClose: () => setVisible(false)
   }), /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
@@ -239,7 +254,7 @@ const Chat = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_components.InputRich, {
     onValue: handleAction
   })))), /*#__PURE__*/_react.default.createElement(_Chat.ButtonAvatar, {
-    message: messages[0],
+    ready: !!messages.length,
     visible: visible,
     onPress: () => setVisible(true)
   })) : null;

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","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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAJ,uBAAA,CAAAN,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AAAmC,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAnB,uBAAA+B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEnC,IAAIK,kBAAkB;AAEtB,MAAMC,IAAI,GAAGC,IAAA,IAAmB;EAAA,IAAlB;IAAE,GAAGC;EAAO,CAAC,GAAAD,IAAA;EACzB,MAAM;IAAEE;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IACJhB,GAAG;IACHiB,KAAK,EAAE;MAAEC,QAAQ;MAAEC,UAAU;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,MAAM;MAAEC,UAAU;MAAEC,MAAM;MAAEC,OAAO;MAAEC,QAAQ,GAAG,KAAK;MAAEC,IAAI;MAAEC;IAAK;EACpH,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAC5C,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC;EAC1C,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIf,QAAQ,EAAE;IAEd,CAAC,YAAY;MACX,IAAI,EAAE,MAAMgB,YAAY,CAAC,CAAC,CAAC,EAAE;MAC7B,MAAMC,QAAQ,GAAG,MAAMC,qBAAW,CAACC,OAAO,CAAC;QAAEC,OAAO,EAAE;UAAEzB;QAAM,CAAC;QAAEC,MAAM;QAAEG;MAAQ,CAAC,CAAC,CAACsB,KAAK,CAACC,WAAW,CAAC;MACtG,IAAIL,QAAQ,EAAEM,UAAU,CAACN,QAAQ,EAAEV,QAAQ,CAAC;IAC9C,CAAC,EAAE,CAAC;IACJ;EACF,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;EAEd,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAIF,OAAO,EAAED,WAAW,CAAC,IAAIY,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC;EAChD,CAAC,EAAE,CAACrB,IAAI,EAAEG,QAAQ,EAAEM,OAAO,CAAC,CAAC;EAE7B,IAAAE,gBAAS,EAAC,MAAM;IACd,IAAI,CAACF,OAAO,EAAE,OAAOa,aAAa,CAACzC,kBAAkB,CAAC;IAEtDA,kBAAkB,GAAG0C,WAAW,CAACX,YAAY,EAAEP,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;IACtE,OAAO,MAAMiB,aAAa,CAACzC,kBAAkB,CAAC;IAC9C;EACF,CAAC,EAAE,CAACwB,MAAM,EAAEI,OAAO,CAAC,CAAC;EAErB,IAAIe,YAAY,GAAG;IACjBpC,QAAQ;IACRE,QAAQ;IACRC,KAAK;IACLY,QAAQ,EAAEA,QAAQ,CACfsB,MAAM,CAACC,KAAA;MAAA,IAAC;QAAEC,MAAM;QAAEC;MAAK,CAAC,GAAAF,KAAA;MAAA,OAAK,CAAC,CAACC,MAAM,IAAI,CAAC,CAACC,IAAI;IAAA,EAAC,CAChDC,GAAG,CAACC,KAAA;MAAA,IAAC;QAAEH,MAAM;QAAEC,IAAI;QAAEf,QAAQ,EAAE;UAAEkB;QAAK,CAAC,GAAG,CAAC;MAAE,CAAC,GAAAD,KAAA;MAAA,OAAM;QAAEC,IAAI;QAAEJ,MAAM;QAAEC;MAAK,CAAC;IAAA,CAAC,CAAC;IAC/EnC,UAAU;IACVC,MAAM;IACNG,IAAI;IACJC;EACF,CAAC;EAED,MAAMc,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/B,IAAI,EAAEvB,UAAU,CAAC2C,MAAM,IAAI3C,UAAU,CAAC4C,KAAK,CAAC,EAAE;IAE9C,IAAIC,IAAI,GAAG,KAAK;IAChB,MAAMrB,QAAQ,GAAG,MAAMC,qBAAW,CAACqB,MAAM,CAAC,CAAC,CAAClB,KAAK,CAAC,MAAMX,SAAS,CAAC4B,IAAI,CAAC,CAAC;IACxE,IAAIrB,QAAQ,IAAI,CAACR,MAAM,EAAE;MACvB6B,IAAI,GAAG,IAAI;MACX5B,SAAS,CAAC4B,IAAI,CAAC;IACjB;IAEA,OAAOA,IAAI;EACb,CAAC;EAED,MAAME,WAAW,GAAIC,KAAK,IAAK;IAC7B,MAAMC,YAAY,GAAG,CAAC,GAAGnC,QAAQ,EAAE;MAAEyB,IAAI,EAAES,KAAK;MAAEE,SAAS,EAAE,IAAInB,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC;IAAE,CAAC,CAAC;IACpFjB,WAAW,CAACkC,YAAY,CAAC;IAEzBE,UAAU,CAAC,YAAY;MAAA,IAAAC,SAAA,EAAAC,kBAAA;MACrBzC,OAAO,CAAC,IAAI,CAAC;MACbuB,YAAY,GAAG;QAAE,GAAGA,YAAY;QAAEO,IAAI,GAAAU,SAAA,GAAEtC,QAAQ,CAACA,QAAQ,CAAC1B,MAAM,GAAG,CAAC,CAAC,cAAAgE,SAAA,wBAAAC,kBAAA,GAA7BD,SAAA,CAA+B5B,QAAQ,cAAA6B,kBAAA,uBAAvCA,kBAAA,CAAyCX;MAAK,CAAC;MACvF,MAAMlB,QAAQ,GAAG,MAAMC,qBAAW,CAAC6B,OAAO,CAAC;QAAE3B,OAAO,EAAEQ,YAAY;QAAEa,KAAK;QAAE7C,MAAM;QAAEG;MAAQ,CAAC,CAAC,CAACsB,KAAK,CAACC,WAAW,CAAC;MAChH,IAAIL,QAAQ,EAAEM,UAAU,CAACN,QAAQ,EAAEyB,YAAY,EAAE,IAAI,CAAC;MACtDrC,OAAO,CAAC,KAAK,CAAC;IAChB,CAAC,EAAE2C,qBAAc,CAAC;EACpB,CAAC;EAED,MAAMC,YAAY,GAAG,SAAAA,CAAA,EAAoC;IAAA,IAAnC;MAAE7B,OAAO;MAAEe,IAAI;MAAEJ;IAAO,CAAC,GAAAnD,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsE,SAAA,GAAAtE,SAAA,MAAG,CAAC,CAAC;IAClD,IAAImD,MAAM,KAAK,cAAc,EAAE,OAAOoB,kBAAK,CAACC,OAAO,CAACC,eAAK,CAACC,KAAK,EAAE;MAAEzC,OAAO,EAAE;IAAK,CAAC,CAAC;IACnFR,OAAO,CAAC,IAAI,CAAC;IAEbuC,UAAU,CAAC,YAAY;MACrB,MAAMW,WAAW,GAAG;QAAE,GAAG3B,YAAY;QAAE,GAAGR,OAAO;QAAEe;MAAK,CAAC;MACzD,MAAMlB,QAAQ,GAAG,MAAMC,qBAAW,CAACsC,MAAM,CAAC;QAAEpC,OAAO,EAAEmC,WAAW;QAAExB,MAAM;QAAEnC,MAAM;QAAEG;MAAQ,CAAC,CAAC,CAACsB,KAAK,CAACC,WAAW,CAAC;MAC/G,IAAIL,QAAQ,EAAEM,UAAU,CAACN,QAAQ,EAAEV,QAAQ,EAAE,IAAI,CAAC;MAClDF,OAAO,CAAC,KAAK,CAAC;IAChB,CAAC,EAAE2C,qBAAc,CAAC;EACpB,CAAC;EAED,MAAM1B,WAAW,GAAImC,KAAK,IAAK;IAC7B;IACAC,OAAO,CAACD,KAAK,CAAC,iBAAiB,EAAEA,KAAK,CAAC;IACvC/C,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC;EAED,MAAMiD,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC9BtD,OAAO,CAAC,IAAI,CAAC;IAEb,MAAMqC,YAAY,GAAG,CAAC,GAAGnC,QAAQ,CAAC;IAClCmC,YAAY,CAACkB,GAAG,CAAC,CAAC;IAElBpD,WAAW,CAACkC,YAAY,CAAC;IACzB,MAAM;MAAEV,IAAI,EAAES,KAAK;MAAExB,QAAQ,EAAE;QAAEkB;MAAK,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGO,YAAY,CAACA,YAAY,CAAC7D,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5F+C,YAAY,GAAG;MAAE,GAAGA,YAAY;MAAEO;IAAK,CAAC;IACxC,MAAMlB,QAAQ,GAAG,MAAMC,qBAAW,CAAC6B,OAAO,CAAC;MAAE3B,OAAO,EAAEQ,YAAY;MAAEa,KAAK;MAAE7C,MAAM;MAAEG;IAAQ,CAAC,CAAC,CAACsB,KAAK,CAACC,WAAW,CAAC;IAChH,IAAIL,QAAQ,EAAEM,UAAU,CAACN,QAAQ,EAAEyB,YAAY,EAAE,IAAI,CAAC;IACtDrC,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;EAED,MAAMkB,UAAU,GAAG,SAAAA,CAAA,EAAkD;IAAA,IAAjDN,QAAQ,GAAArC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsE,SAAA,GAAAtE,SAAA,MAAG,CAAC,CAAC;IAAA,IAAE2B,QAAQ,GAAA3B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsE,SAAA,GAAAtE,SAAA,MAAG,EAAE;IAAA,IAAEiF,MAAM,GAAAjF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsE,SAAA,GAAAtE,SAAA,MAAG,KAAK;IAC9D,IAAI,CAACqC,QAAQ,EAAE;IAEf3C,GAAG,CAAC;MAAEwF,IAAI,EAAE7C;IAAS,CAAC,CAAC;IACvBT,WAAW,CAAC,CAAC,GAAGD,QAAQ,EAAE;MAAEwD,IAAI,EAAE,IAAI;MAAE,GAAG9C;IAAS,CAAC,CAAC,CAAC;IAEvD,IAAIA,QAAQ,CAACrB,MAAM,KAAKA,MAAM,EAAEuD,kBAAK,CAACC,OAAO,CAACC,eAAK,CAACW,aAAa,EAAE;MAAEpE,MAAM,EAAEqB,QAAQ,CAACrB;IAAO,CAAC,CAAC;IAC/F,IAAIiE,MAAM,EAAE,IAAAI,0BAAiB,EAAC,CAAC;EACjC,CAAC;EAED,OAAO,CAACjE,QAAQ,gBACdvD,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAAAzH,MAAA,CAAAe,OAAA,CAAA2G,QAAA,qBACGC,cAAK,CAACF,aAAa,CAClB7E,QAAQ,GAAGgF,SAAK,GAAGC,QAAI,EACvBjF,QAAQ,GACJ;IAAE,GAAGD,MAAM;IAAEyB,OAAO;IAAE0D,SAAS,EAAE,IAAAC,UAAM,EAAC1H,KAAK,CAAC2H,SAAS,EAAErF,MAAM,CAACmF,SAAS;EAAE,CAAC,GAC5E;IACE,GAAGnF,MAAM;IACTmF,SAAS,EAAE,IAAAC,UAAM,EAAC1H,KAAK,CAAC2H,SAAS,EAAE5D,OAAO,IAAI/D,KAAK,CAAC+D,OAAO,EAAEzB,MAAM,CAACmF,SAAS,CAAC;IAC9E,aAAa,EAAE1D,OAAO,GAAG,OAAO,GAAG;EACrC,CAAC,eACLpE,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAAAzH,MAAA,CAAAe,OAAA,CAAA2G,QAAA,qBACE1H,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACrH,MAAA,CAAA6H,MAAM;IAAOjE,MAAM;IAAIkE,OAAO,EAAEA,CAAA,KAAM7D,UAAU,CAAC,KAAK;EAAE,CAAE,CAAC,eAE5DrE,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAAC5H,GAAA,CAAAsI,UAAU;IAACjE,QAAQ,EAAEA,QAAS;IAACkE,IAAI,EAAE,KAAM;IAACN,SAAS,EAAEzH,KAAK,CAACyD;EAAS,GACpEA,QAAQ,CAAC0B,GAAG,CAAC,CAACc,OAAO,EAAE+B,KAAK;IAAA,IAAAC,UAAA;IAAA,oBAC3BtI,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACnH,WAAA,CAAAiI,OAAO,EAAAxG,QAAA,KACFuE,OAAO;MACXhE,GAAG,aAAAkG,MAAA,CAAaH,KAAK,CAAG;MACxBI,QAAQ,EAAE9E,IAAI,IAAI0E,KAAK,GAAGvE,QAAQ,CAAC1B,MAAM,GAAG,CAAE;MAC9CsG,QAAQ,EAAElC,YAAa;MACvBmC,OAAO,EAAEN,KAAK,KAAKvE,QAAQ,CAAC1B,MAAM,GAAG,CAAC,KAAAkG,UAAA,GAAIxE,QAAQ,CAACuE,KAAK,GAAG,CAAC,CAAC,cAAAC,UAAA,eAAnBA,UAAA,CAAqB/C,IAAI,GAAG2B,WAAW,GAAGT;IAAU,EAC/F,CAAC;EAAA,CACH,CAAC,EACD9C,IAAI,iBAAI3D,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACnH,WAAA,CAAAiI,OAAO;IAACjB,IAAI;IAAC3D,IAAI;EAAA,CAAE,CACnB,CAAC,EAEZK,MAAM,iBACLhE,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAAAzH,MAAA,CAAAe,OAAA,CAAA2G,QAAA,qBACE1H,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACnH,WAAA,CAAAsI,KAAK;IAACH,QAAQ,EAAE9E,IAAK;IAACkF,OAAO,EAAE9C;EAAY,CAAE,CAAC,eAC/C/F,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACnH,WAAA,CAAAwI,SAAS;IAACD,OAAO,EAAErC;EAAa,CAAE,CACnC,CAEJ,CACJ,CAAC,eAEDxG,MAAA,CAAAe,OAAA,CAAA0G,aAAA,CAACvH,KAAA,CAAA6I,YAAY;IAACzC,OAAO,EAAExC,QAAQ,CAAC,CAAC,CAAE;IAACM,OAAO,EAAEA,OAAQ;IAAC4E,OAAO,EAAEA,CAAA,KAAM3E,UAAU,CAAC,IAAI;EAAE,CAAE,CACxF,CAAC,GACD,IAAI;AACV,CAAC;AAAC4E,OAAA,CAAAxG,IAAA,GAAAA,IAAA;AAEFA,IAAI,CAACyG,WAAW,GAAG,iBAAiB;AAEpCzG,IAAI,CAAC0G,SAAS,GAAG;EACfC,IAAI,EAAEC,kBAAS,CAACC;AAClB,CAAC"}
+{"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","storage","Storage","adapter","LocalAdapter","connectionInterval","Chat","_ref","others","isMobile","useDevice","value","calendar","components","currency","hotel","locale","occupation","origin","session","skeleton","tags","type","useStore","busy","setBusy","useState","messages","setMessages","STORAGE_MESSAGES_KEY","online","setOnline","scrollTo","setScrollTo","visible","setVisible","useEffect","handleOnline","response","ServiceLisa","welcome","context","catch","handleError","addMessage","lisa","slice","setTimeout","Date","getTime","clearInterval","setInterval","storeContext","filter","_ref2","intent","text","map","_ref3","form","finder","rates","next","status","handleInput","input","nextMessages","timestamp","_messages","_messages$response","message","DELAY_RESPONSE","handleAction","undefined","Event","publish","EVENT","LOGIN","nextContext","action","error","console","handleRetry","pop","notify","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","ready","onPress","exports","displayName","propTypes","name","PropTypes","string"],"sources":["../../../src/components/Chat/Chat.jsx"],"sourcesContent":["import { Event, LocalAdapter, Storage, 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, STORAGE_MESSAGES_KEY } 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\nconst storage = new Storage({ adapter: LocalAdapter });\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(storage.get(STORAGE_MESSAGES_KEY) || []);\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) {\n        if (!messages.length) return addMessage(response, messages);\n        set({ lisa: messages[messages.length - 1] });\n      }\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [skeleton]);\n\n  useEffect(() => storage.set(STORAGE_MESSAGES_KEY, messages?.slice(-32) || []), [messages]);\n\n  useEffect(() => {\n    if (visible) setTimeout(() => setScrollTo(new Date().getTime(), 10));\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  const { response: { form } = {} } = messages.filter((message) => message.auto).pop() || [];\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 {...{ form, 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 ready={!!messages.length} 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.l10n.js

@@ -22,6 +22,9 @@ const L10N = exports.L10N = {
   },
   LABEL_ONLINE: {
     id: 'lisa.label.online'
+  },
+  LABEL_WHO: {
+    id: 'finder.label.who'
   }
 };
 //# sourceMappingURL=Chat.l10n.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.l10n.js","names":["L10N","exports","ACTION_CLOSE","id","LABEL_ASSISTANT","LABEL_GREETINGS","LABEL_GUEST","LABEL_OFFLINE","LABEL_ONLINE"],"sources":["../../../src/components/Chat/Chat.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLOSE: { id: 'common.action.close' },\n\n  LABEL_ASSISTANT: { id: 'lisa.label.assistant' },\n  LABEL_GREETINGS: { id: 'lisa.label.greetings' },\n  LABEL_GUEST: { id: 'lisa.label.guest' },\n  LABEL_OFFLINE: { id: 'lisa.label.offline' },\n  LABEL_ONLINE: { id: 'lisa.label.online' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EAE3CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAC/CE,eAAe,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC/CG,WAAW,EAAE;IAAEH,EAAE,EAAE;EAAmB,CAAC;EACvCI,aAAa,EAAE;IAAEJ,EAAE,EAAE;EAAqB,CAAC;EAC3CK,YAAY,EAAE;IAAEL,EAAE,EAAE;EAAoB;AAC1C,CAAC"}
+{"version":3,"file":"Chat.l10n.js","names":["L10N","exports","ACTION_CLOSE","id","LABEL_ASSISTANT","LABEL_GREETINGS","LABEL_GUEST","LABEL_OFFLINE","LABEL_ONLINE","LABEL_WHO"],"sources":["../../../src/components/Chat/Chat.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLOSE: { id: 'common.action.close' },\n\n  LABEL_ASSISTANT: { id: 'lisa.label.assistant' },\n\n  LABEL_GREETINGS: { id: 'lisa.label.greetings' },\n  LABEL_GUEST: { id: 'lisa.label.guest' },\n\n  LABEL_OFFLINE: { id: 'lisa.label.offline' },\n  LABEL_ONLINE: { id: 'lisa.label.online' },\n\n  LABEL_WHO: { id: 'finder.label.who' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EAE3CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAE/CE,eAAe,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC/CG,WAAW,EAAE;IAAEH,EAAE,EAAE;EAAmB,CAAC;EAEvCI,aAAa,EAAE;IAAEJ,EAAE,EAAE;EAAqB,CAAC;EAC3CK,YAAY,EAAE;IAAEL,EAAE,EAAE;EAAoB,CAAC;EAEzCM,SAAS,EAAE;IAAEN,EAAE,EAAE;EAAmB;AACtC,CAAC"}

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

@@ -1,18 +1,18 @@
 .container {
   background-color: var(--mirai-chat-base);
+  gap: var(--mirai-chat-space);
   overflow: hidden;
   z-index: var(--mirai-chat-layer);
 }
 
 /* -- header ---------------------------------------------------------------- */
 .header {
+  justify-content: center;
   backdrop-filter: blur(8px);
   background: var(--mirai-chat-header-background);
-  /* box-shadow: 0 var(--mirai-chat-border-size) var(--mirai-chat-border-color); */
   gap: calc(var(--mirai-chat-space) / 2);
-  height: var(--mirai-chat-header-height);
-  padding: 0 var(--mirai-chat-space);
   position: fixed;
+  transition: height var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
   width: 100%;
   z-index: 0;
 }
@@ -32,15 +32,46 @@
   background-color: var(--mirai-ui-error-light);
 }
 
+.header:not(.context) {
+  height: var(--mirai-chat-header-height);
+}
+
+.header.context {
+  height: var(--mirai-chat-header-context-height);
+}
+
+.header > * {
+  padding: calc(var(--mirai-chat-space) / 2) var(--mirai-chat-space);
+}
+
+.header .content {
+  gap: calc(var(--mirai-chat-space) / 2);
+}
+
+.header .form {
+  box-shadow: 0 var(--mirai-chat-border-size) var(--mirai-chat-border-color),
+    0 calc(var(--mirai-chat-border-size) * -1) var(--mirai-chat-border-color);
+}
+
+.header .form,
+.header .field {
+  gap: calc(var(--mirai-chat-space) / 1);
+}
+
 /* -------------------------------------------------------------------------- */
 .messages {
   flex: 1;
   gap: calc(var(--mirai-chat-space) / 2);
   padding-bottom: calc(var(--mirai-chat-space) * 2);
-  padding-top: calc(var(--mirai-chat-header-height) + calc(var(--mirai-chat-space) / 2));
+  padding-top: calc(var(--mirai-chat-header-height) + var(--mirai-chat-space));
+  transition: padding-top var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
   width: 100%;
 }
 
+.header.context + .messages {
+  padding-top: calc(var(--mirai-chat-header-context-height) + var(--mirai-chat-space));
+}
+
 /* -- button ---------------------------------------------------------------- */
 .buttonAvatar {
   bottom: var(--mirai-chat-space);

package/build/theme.css

@@ -42,7 +42,8 @@
   --mirai-chat-layer: var(--mirai-ui-layer-XL);
   --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));
+  --mirai-chat-header-height: calc(var(--mirai-ui-space-M) * 4);
+  --mirai-chat-header-context-height: calc(var(--mirai-ui-space-M) * 8);
   --mirai-chat-header-background: linear-gradient(0deg, var(--mirai-chat-base-opacity) 0%, var(--mirai-chat-base) 100%);
 
   --mirai-chat-input-background: var(--mirai-ui-content-background);

package/package.json

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