@mirai/core 0.4.243 → 0.4.245

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.Requirement.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Message","_Message2","style","_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","Requirement","_ref","disabled","requirement","defaultValue","name","required","type","component","onResponse","onRetry","onSubmit","others","dateFormat","translate","useLocale","value","lisa","locale","useStore","setValue","useState","valid","setValid","useEffect","Event","subscribe","EVENT","LOGGED","unsubscribe","is","calendar","list","login","occupation","promocode","signup","text","INPUT_TEXT_TYPES","includes","handleChange","next","from","to","format","undefined","handleKeyPress","event","KEY_ENTER","handleSubmit","intent","response","form","context","createElement","Card","offset","className","View","styles","inputText","React","REQUIREMENT_COMPONENT","InputText","range","showSignup","hint","L10N","LABEL_PROMOCODE_HINT","placeholder","LABEL_TYPE_HERE","ACTION_CONTINUE","onChange","onError","errors","onKeyPress","onValid","row","wide","footer","Button","onPress","exports","propTypes","PropTypes","bool","shape","func"],"sources":["../../../../../src/components/Chat/components/Message/Message.Requirement.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, InputText, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { Card } from './components';\nimport { INPUT_TEXT_TYPES, KEY_ENTER, REQUIREMENT_COMPONENT } from './Message.constants';\nimport {} from './Message.constants';\nimport { L10N } from './Message.l10n';\nimport * as style from './Message.module.css';\nimport { EVENT } from '../../../helpers';\n\nconst Requirement = ({\n  disabled = false,\n  requirement: { defaultValue, name, required, type, ...component } = {},\n  onResponse = () => {},\n  onRetry = () => {},\n  onSubmit = () => {},\n  ...others\n}) => {\n  const { dateFormat, translate } = useLocale();\n  const { value: { lisa, locale } = {} } = useStore();\n\n  const [value, setValue] = useState();\n  const [valid, setValid] = useState();\n\n  useEffect(() => {\n    if (type !== 'login') return;\n    Event.subscribe(EVENT.LOGGED, onRetry);\n    return () => Event.unsubscribe(EVENT.LOGGED, onRetry);\n  }, [onRetry, type]);\n\n  const is = {\n    calendar: type === 'calendar',\n    list: type === 'list',\n    login: type === 'login',\n    occupation: type === 'occupation',\n    promocode: name === 'promocode',\n    signup: type === 'signup',\n    text: INPUT_TEXT_TYPES.includes(type),\n  };\n\n  const handleChange = (value) => {\n    let next = value;\n\n    if (is.calendar) {\n      const [from, to] = value || [];\n      const format = 'DD/MM/YYYY';\n      next = [from ? dateFormat(from, { format }) : undefined, to ? dateFormat(to, { format }) : undefined];\n      setValid(!!from && !!to);\n    }\n\n    setValue(next);\n  };\n\n  const handleKeyPress = (event) => {\n    if (event.key === KEY_ENTER) handleSubmit();\n  };\n\n  const handleSubmit = () => {\n    const { intent, response: { form = {}, value: context = {} } = {} } = lisa;\n\n    onSubmit({\n      intent,\n      context,\n      form: { ...form, [name]: is.text && !required && !value ? ' ' : value },\n    });\n\n    if (is.text) onResponse({ text: value });\n  };\n\n  return (\n    <Card {...others} disabled={disabled} offset={false} className={style.requirement}>\n      <View className={styles(style.component, is.text && style.inputText, disabled && style.disabled)}>\n        {React.createElement(REQUIREMENT_COMPONENT[type] || InputText, {\n          ...component,\n          ...(is.calendar ? { format: 'DD/MM/YYYY', range: true } : {}),\n          ...(is.login ? { showSignup: false } : {}),\n          hint: is.promocode ? translate(L10N.LABEL_PROMOCODE_HINT) : undefined,\n          locale,\n          placeholder: is.text ? translate(L10N.LABEL_TYPE_HERE) : undefined,\n          text: translate(L10N.ACTION_CONTINUE),\n          value: value || defaultValue,\n          onChange: handleChange,\n          onError: (errors) => setValid(!errors),\n          onKeyPress: !disabled && is.text ? handleKeyPress : undefined,\n          onSubmit: !disabled ? handleSubmit : undefined,\n          onValid: () => setValid(true),\n        })}\n      </View>\n\n      {!is.occupation && !is.login && !is.signup && !disabled && (\n        <View row wide className={style.footer}>\n          <Button disabled={disabled || (required && !valid)} onPress={handleSubmit}>\n            {translate(L10N.ACTION_CONTINUE)}\n          </Button>\n        </View>\n      )}\n    </Card>\n  );\n};\n\nRequirement.propTypes = {\n  disabled: PropTypes.bool,\n  requirement: PropTypes.shape({}),\n  onResponse: PropTypes.func,\n  onRetry: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Requirement };\n"],"mappings":"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"}

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

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.INTENT = void 0;
+exports.REQUIREMENT_COMPONENT = exports.KEY_ENTER = exports.INTENT_COMPONENT = exports.INPUT_TEXT_TYPES = void 0;
+var _ui = require("@mirai/ui");
+var _components = require("./components");
 var _intents = require("./intents");
-const INTENT = exports.INTENT = {
+var _shared__ = require("../../../__shared__");
+var _Signup = require("../../../Signup");
+const INPUT_TEXT_TYPES = exports.INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];
+const INTENT_COMPONENT = exports.INTENT_COMPONENT = {
   BOOKING_CREATE: undefined,
   BOOKING_CANCEL: undefined,
   BOOKING_UPDATE: undefined,
@@ -13,5 +18,16 @@ const INTENT = exports.INTENT = {
   FAREWELLS: undefined,
   GREETINGS: undefined,
   HOTEL_INFO: _intents.HotelInfo
+  // ! TODO: Disabled for now
+  // SIGNUP: Signup,
+};
+const KEY_ENTER = exports.KEY_ENTER = 'Enter';
+const REQUIREMENT_COMPONENT = exports.REQUIREMENT_COMPONENT = {
+  default: _ui.InputText,
+  calendar: _ui.Calendar,
+  occupation: _shared__.Occupation,
+  list: _components.List,
+  login: _intents.Login,
+  signup: _Signup.Signup
 };
 //# sourceMappingURL=Message.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.constants.js","names":["_intents","require","INTENT","exports","BOOKING_CREATE","undefined","BOOKING_CANCEL","BOOKING_UPDATE","BOOKING_QUERY","BookingQuery","FAREWELLS","GREETINGS","HOTEL_INFO","HotelInfo"],"sources":["../../../../../src/components/Chat/components/Message/Message.constants.js"],"sourcesContent":["import { BookingQuery, HotelInfo } from './intents';\n\nconst INTENT = {\n  BOOKING_CREATE: undefined,\n  BOOKING_CANCEL: undefined,\n  BOOKING_UPDATE: undefined,\n  BOOKING_QUERY: BookingQuery,\n  FAREWELLS: undefined,\n  GREETINGS: undefined,\n  HOTEL_INFO: HotelInfo,\n};\n\nexport { INTENT };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACbE,cAAc,EAAEC,SAAS;EACzBC,cAAc,EAAED,SAAS;EACzBE,cAAc,EAAEF,SAAS;EACzBG,aAAa,EAAEC,qBAAY;EAC3BC,SAAS,EAAEL,SAAS;EACpBM,SAAS,EAAEN,SAAS;EACpBO,UAAU,EAAEC;AACd,CAAC"}
+{"version":3,"file":"Message.constants.js","names":["_ui","require","_components","_intents","_shared__","_Signup","INPUT_TEXT_TYPES","exports","INTENT_COMPONENT","BOOKING_CREATE","undefined","BOOKING_CANCEL","BOOKING_UPDATE","BOOKING_QUERY","BookingQuery","FAREWELLS","GREETINGS","HOTEL_INFO","HotelInfo","KEY_ENTER","REQUIREMENT_COMPONENT","default","InputText","calendar","Calendar","occupation","Occupation","list","List","login","Login","signup","Signup"],"sources":["../../../../../src/components/Chat/components/Message/Message.constants.js"],"sourcesContent":["import { Calendar, InputText } from '@mirai/ui';\n\nimport { List } from './components';\nimport { BookingQuery, HotelInfo } from './intents';\nimport { Login } from './intents';\nimport { Occupation } from '../../../__shared__';\nimport { Signup } from '../../../Signup';\n\nconst INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];\n\nconst INTENT_COMPONENT = {\n  BOOKING_CREATE: undefined,\n  BOOKING_CANCEL: undefined,\n  BOOKING_UPDATE: undefined,\n  BOOKING_QUERY: BookingQuery,\n  FAREWELLS: undefined,\n  GREETINGS: undefined,\n  HOTEL_INFO: HotelInfo,\n  // ! TODO: Disabled for now\n  // SIGNUP: Signup,\n};\n\nconst KEY_ENTER = 'Enter';\n\nconst REQUIREMENT_COMPONENT = {\n  default: InputText,\n  calendar: Calendar,\n  occupation: Occupation,\n  list: List,\n  login: Login,\n  signup: Signup,\n};\n\nexport { INPUT_TEXT_TYPES, INTENT_COMPONENT, KEY_ENTER, REQUIREMENT_COMPONENT };\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,MAAMK,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC;AAEhE,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG;EACvBC,cAAc,EAAEC,SAAS;EACzBC,cAAc,EAAED,SAAS;EACzBE,cAAc,EAAEF,SAAS;EACzBG,aAAa,EAAEC,qBAAY;EAC3BC,SAAS,EAAEL,SAAS;EACpBM,SAAS,EAAEN,SAAS;EACpBO,UAAU,EAAEC;EACZ;EACA;AACF,CAAC;AAED,MAAMC,SAAS,GAAAZ,OAAA,CAAAY,SAAA,GAAG,OAAO;AAEzB,MAAMC,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAG;EAC5BC,OAAO,EAAEC,aAAS;EAClBC,QAAQ,EAAEC,YAAQ;EAClBC,UAAU,EAAEC,oBAAU;EACtBC,IAAI,EAAEC,gBAAI;EACVC,KAAK,EAAEC,cAAK;EACZC,MAAM,EAAEC;AACV,CAAC"}

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

@@ -9,11 +9,11 @@ var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _components = require("./components");
-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");
+var _Message3 = require("./Message.Requirement");
+var _helpers = 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 }; }
@@ -23,11 +23,10 @@ const Message = _ref => {
   let {
     auto,
     busy = false,
+    disabled,
     intent,
     response = {},
-    storage = false,
     text,
-    timestamp,
     onRetry,
     ...others
   } = _ref;
@@ -41,53 +40,60 @@ const Message = _ref => {
     actions = []
   } = response;
   const {
-    disabled,
     testId,
     onAction
   } = others;
+  const Text = auto && !disabled ? _components.Typewriter : _ui.Text;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     testId: testId,
     wide: true
-  }, timestamp && /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    light: true,
-    small: true,
-    className: style.timestamp
-  }, (0, _helpers.getTime)(timestamp)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     wide: true,
-    className: (0, _ui.styles)(style.message, auto && style.auto, storage && style.storage)
+    className: (0, _ui.styles)(style.message, auto && style.auto)
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: (0, _ui.styles)(style.content, auto && style.auto, busy && style.busy)
-  }, !busy && auto && intent && urlParams.lisa === 'environment' && /*#__PURE__*/_react.default.createElement(_components.Environment, _extends({
-    intent
-  }, others, response)), busy ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, busy ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.spinner
-  }) : _Message2.INTENT[intent] ? ( /*#__PURE__*/_react.default.createElement(_Message2.INTENT[intent], {
+  }) : _Message2.INTENT_COMPONENT[intent] ? ( /*#__PURE__*/_react.default.createElement(_Message2.INTENT_COMPONENT[intent], {
+    disabled,
     intent,
     response,
     ...others
-  })) : text || response.text ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true,
+  })) : text || response.text ? /*#__PURE__*/_react.default.createElement(Text, {
     className: style.text
   }, text || response.text) : null, cardResponse ? /*#__PURE__*/_react.default.createElement(_components.Card, _extends({
     disabled: disabled,
     option: false
-  }, cardResponse)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !storage && actions.map((action, index) => /*#__PURE__*/_react.default.createElement(_Message.Action, _extends({}, action, {
-    key: "chat.message:action:".concat(index),
-    disabled: disabled || storage,
-    onPress: onAction,
-    onResponse: setCardResponse
-  }))))), onRetry && auto && /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: style.actions
-  }, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+  }, cardResponse)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, actions.map((_ref2, index) => {
+    let {
+      requirement = {},
+      ...action
+    } = _ref2;
+    return requirement.type ? /*#__PURE__*/_react.default.createElement(_Message3.Requirement, {
+      disabled,
+      requirement,
+      onRetry,
+      onResponse: setCardResponse,
+      onSubmit: onAction,
+      key: "chat.message:requirement:".concat(index)
+    }) : /*#__PURE__*/_react.default.createElement(_Message.Action, _extends({}, action, {
+      disabled,
+      onPress: onAction,
+      onResponse: setCardResponse,
+      onRetry: onRetry,
+      key: "chat.message:action:".concat(index)
+    }));
+  }))), onRetry && auto && /*#__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
-  }))))));
+    value: _helpers.ICON.REFRESH
+  })))), !busy && auto && intent && urlParams.lisa === 'environment' && /*#__PURE__*/_react.default.createElement(_components.Environment, _extends({
+    intent
+  }, others, response)));
 };
 exports.Message = Message;
 Message.propTypes = {
@@ -99,9 +105,8 @@ Message.propTypes = {
     actions: _propTypes.default.arrayOf(_propTypes.default.shape({})),
     requirements: _propTypes.default.shape({}),
     text: _propTypes.default.string,
-    value: _propTypes.default.oneOf([_propTypes.default.array, _propTypes.default.shape({})])
+    value: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.shape({})])
   }),
-  storage: _propTypes.default.bool,
   text: _propTypes.default.string,
   timestamp: _propTypes.default.number,
   onAction: _propTypes.default.func,

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","_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","storage","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 = ({\n  auto,\n  busy = false,\n  intent,\n  response = {},\n  storage = false,\n  text,\n  timestamp,\n  onRetry,\n  ...others\n}) => {\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, storage && style.storage)}>\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              {!storage &&\n                actions.map((action, index) => (\n                  <Action\n                    {...action}\n                    key={`chat.message:action:${index}`}\n                    disabled={disabled || storage}\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  storage: PropTypes.bool,\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  onAction: PropTypes.func,\n  onRetry: PropTypes.func,\n};\n\nexport { Message };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAL,uBAAA,CAAAL,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAAwC,SAAAY,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,SAAAR,wBAAAQ,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,SAAAlB,uBAAA8B,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;AAExC;AACA,MAAMK,OAAO,GAAGC,IAAA,IAUV;EAAA,IAVW;IACfC,IAAI;IACJC,IAAI,GAAG,KAAK;IACZC,MAAM;IACNC,QAAQ,GAAG,CAAC,CAAC;IACbC,OAAO,GAAG,KAAK;IACfC,IAAI;IACJC,SAAS;IACTC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAT,IAAA;EACC,MAAM;IAAEU,KAAK,EAAE;MAAEC,SAAS,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAErD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAElD,MAAM;IAAEC,OAAO,GAAG;EAAG,CAAC,GAAGZ,QAAQ;EACjC,MAAM;IAAEa,QAAQ;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGV,MAAM;EAE7C,oBACEjD,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAgE,IAAI;IAACH,MAAM,EAAEA,MAAO;IAACI,IAAI;EAAA,GACvBf,SAAS,iBACR/C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAkE,IAAI;IAACC,KAAK;IAACC,KAAK;IAACC,SAAS,EAAE5D,KAAK,CAACyC;EAAU,GAC1C,IAAAoB,gBAAO,EAACpB,SAAS,CACd,CACP,eACD/C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAgE,IAAI;IAACO,GAAG;IAACN,IAAI;IAACI,SAAS,EAAE,IAAAG,UAAM,EAAC/D,KAAK,CAACgE,OAAO,EAAE7B,IAAI,IAAInC,KAAK,CAACmC,IAAI,EAAEI,OAAO,IAAIvC,KAAK,CAACuC,OAAO;EAAE,gBAC5F7C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAgE,IAAI;IAACK,SAAS,EAAE,IAAAG,UAAM,EAAC/D,KAAK,CAACiE,OAAO,EAAE9B,IAAI,IAAInC,KAAK,CAACmC,IAAI,EAAEC,IAAI,IAAIpC,KAAK,CAACoC,IAAI;EAAE,GAC5E,CAACA,IAAI,IAAID,IAAI,IAAIE,MAAM,IAAIQ,SAAS,CAACqB,IAAI,KAAK,aAAa,iBAC1DxE,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC1D,WAAA,CAAAuE,WAAW,EAAA3C,QAAA;IAAOa;EAAM,GAAKM,MAAM,EAAKL,QAAQ,CAAK,CACvD,EAEAF,IAAI,gBACH1C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAgE,IAAI;IAACK,SAAS,EAAE5D,KAAK,CAACoE;EAAQ,CAAE,CAAC,GAChCC,gBAAM,CAAChC,MAAM,CAAC,kBAChBiC,cAAK,CAAChB,aAAa,CAACe,gBAAM,CAAChC,MAAM,CAAC,EAAE;IAAEA,MAAM;IAAEC,QAAQ;IAAE,GAAGK;EAAO,CAAC,CAAC,IAClEH,IAAI,IAAIF,QAAQ,CAACE,IAAI,gBACvB9C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAkE,IAAI;IAACc,MAAM;IAACX,SAAS,EAAE5D,KAAK,CAACwC;EAAK,GAChCA,IAAI,IAAIF,QAAQ,CAACE,IACd,CAAC,GACL,IAAI,EAEPO,YAAY,gBACXrD,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC1D,WAAA,CAAA4E,IAAI,EAAAhD,QAAA;IAAC2B,QAAQ,EAAEA,QAAS;IAACsB,MAAM,EAAE;EAAM,GAAK1B,YAAY,CAAG,CAAC,gBAE7DrD,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAA5D,MAAA,CAAAc,OAAA,CAAAkE,QAAA,QACG,CAACnC,OAAO,IACPW,OAAO,CAACyB,GAAG,CAAC,CAACJ,MAAM,EAAEK,KAAK,kBACxBlF,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAACxD,QAAA,CAAA+E,MAAM,EAAArD,QAAA,KACD+C,MAAM;IACVxC,GAAG,yBAAA+C,MAAA,CAAyBF,KAAK,CAAG;IACpCzB,QAAQ,EAAEA,QAAQ,IAAIZ,OAAQ;IAC9BwC,OAAO,EAAE1B,QAAS;IAClB2B,UAAU,EAAEhC;EAAgB,EAC7B,CACF,CACH,CAEA,CAAC,EAENN,OAAO,IAAIP,IAAI,iBACdzC,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAAgE,IAAI;IAACK,SAAS,EAAE5D,KAAK,CAACkD;EAAQ,gBAC7BxD,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAA0F,OAAO;IAACzC,IAAI,EAAC;EAAO,gBACnB9C,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAA2F,SAAS;IAACH,OAAO,EAAErC;EAAQ,gBAC1BhD,MAAA,CAAAc,OAAA,CAAA8C,aAAA,CAAC/D,GAAA,CAAA4F,IAAI;IAACzB,KAAK;IAAC0B,UAAU;IAACxC,KAAK,EAAEyC,cAAI,CAACC;EAAQ,CAAE,CACpC,CACJ,CACL,CAEJ,CACF,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAtD,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACuD,SAAS,GAAG;EAClBrD,IAAI,EAAEsD,kBAAS,CAACC,IAAI;EACpBtD,IAAI,EAAEqD,kBAAS,CAACC,IAAI;EACpBvC,QAAQ,EAAEsC,kBAAS,CAACC,IAAI;EACxBrD,MAAM,EAAEoD,kBAAS,CAACE,MAAM;EACxBrD,QAAQ,EAAEmD,kBAAS,CAACG,KAAK,CAAC;IACxB1C,OAAO,EAAEuC,kBAAS,CAACI,OAAO,CAACJ,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/CE,YAAY,EAAEL,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;IACjCpD,IAAI,EAAEiD,kBAAS,CAACE,MAAM;IACtB/C,KAAK,EAAE6C,kBAAS,CAACM,KAAK,CAAC,CAACN,kBAAS,CAACO,KAAK,EAAEP,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,CAAC,CAAC;EACFrD,OAAO,EAAEkD,kBAAS,CAACC,IAAI;EACvBlD,IAAI,EAAEiD,kBAAS,CAACE,MAAM;EACtBlD,SAAS,EAAEgD,kBAAS,CAACQ,MAAM;EAC3B5C,QAAQ,EAAEoC,kBAAS,CAACS,IAAI;EACxBxD,OAAO,EAAE+C,kBAAS,CAACS;AACrB,CAAC"}
+{"version":3,"file":"Message.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Message","_Message2","style","_Message3","_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","Message","_ref","auto","busy","disabled","intent","response","text","onRetry","others","value","urlParams","useStore","cardResponse","setCardResponse","useState","actions","testId","onAction","Text","Typewriter","TextBase","createElement","View","wide","row","className","styles","message","content","spinner","INTENT_COMPONENT","React","Card","option","Fragment","map","_ref2","index","requirement","action","type","Requirement","onResponse","onSubmit","concat","Action","onPress","Tooltip","Pressable","Icon","light","ICON","REFRESH","lisa","Environment","exports","propTypes","PropTypes","bool","string","shape","arrayOf","requirements","oneOfType","array","timestamp","number","func"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { Icon, Pressable, styles, Text as TextBase, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { Card, Environment, Typewriter } from './components';\nimport { Action } from './Message.Action';\nimport { INTENT_COMPONENT } from './Message.constants';\nimport * as style from './Message.module.css';\nimport { Requirement } from './Message.Requirement';\nimport { ICON } from '../../../helpers';\n\n// ! TODO: Refacto use of intent/response vs lisa.intent/response\nconst Message = ({ auto, busy = false, disabled, intent, response = {}, text, onRetry, ...others }) => {\n  const { value: { urlParams = {} } = {} } = useStore();\n\n  const [cardResponse, setCardResponse] = useState();\n\n  const { actions = [] } = response;\n  const { testId, onAction } = others;\n  const Text = auto && !disabled ? Typewriter : TextBase;\n\n  return (\n    <View testId={testId} wide>\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 ? (\n            <View className={style.spinner} />\n          ) : INTENT_COMPONENT[intent] ? (\n            React.createElement(INTENT_COMPONENT[intent], { disabled, intent, response, ...others })\n          ) : text || response.text ? (\n            <Text className={style.text}>{text || response.text}</Text>\n          ) : null}\n\n          {cardResponse ? (\n            <Card disabled={disabled} option={false} {...cardResponse} />\n          ) : (\n            <>\n              {actions.map(({ requirement = {}, ...action }, index) =>\n                requirement.type ? (\n                  <Requirement\n                    {...{ disabled, requirement, onRetry }}\n                    onResponse={setCardResponse}\n                    onSubmit={onAction}\n                    key={`chat.message:requirement:${index}`}\n                  />\n                ) : (\n                  <Action\n                    {...{ ...action, disabled }}\n                    onPress={onAction}\n                    onResponse={setCardResponse}\n                    onRetry={onRetry}\n                    key={`chat.message:action:${index}`}\n                  />\n                ),\n              )}\n            </>\n          )}\n        </View>\n\n        {onRetry && auto && (\n          <Tooltip text=\"Retry\">\n            <Pressable onPress={onRetry}>\n              <Icon light value={ICON.REFRESH} />\n            </Pressable>\n          </Tooltip>\n        )}\n      </View>\n\n      {!busy && auto && intent && urlParams.lisa === 'environment' && (\n        <Environment {...{ intent, ...others, ...response }} />\n      )}\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.oneOfType([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/{InputRich/InputRich.l10n.js → Message/Message.l10n.js}

@@ -13,6 +13,9 @@ const L10N = exports.L10N = {
   },
   LABEL_PROMOCODE_HINT: {
     id: 'lisa.label.promocode_hint'
+  },
+  LABEL_TYPE_HERE: {
+    id: 'common.label.type_here'
   }
 };
-//# sourceMappingURL=InputRich.l10n.js.map
+//# sourceMappingURL=Message.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.l10n.js","names":["L10N","exports","ACTION_CANCEL","id","ACTION_CONTINUE","LABEL_PROMOCODE_HINT","LABEL_TYPE_HERE"],"sources":["../../../../../src/components/Chat/components/Message/Message.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CANCEL: { id: 'common.action.cancel' },\n  ACTION_CONTINUE: { id: 'user.action.continue' },\n\n  LABEL_PROMOCODE_HINT: { id: 'lisa.label.promocode_hint' },\n  LABEL_TYPE_HERE: { id: 'common.label.type_here' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,aAAa,EAAE;IAAEC,EAAE,EAAE;EAAuB,CAAC;EAC7CC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAE/CE,oBAAoB,EAAE;IAAEF,EAAE,EAAE;EAA4B,CAAC;EACzDG,eAAe,EAAE;IAAEH,EAAE,EAAE;EAAyB;AAClD,CAAC"}

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

@@ -1,55 +1,25 @@
 .message {
   align-items: flex-end;
+  align-self: center;
   animation: mirai-message-visible 200ms cubic-bezier(0.1, 0.1, 0.25, 0.9); /* ! TODO: Why variables dont' work? */
-  padding: 0 var(--mirai-chat-space);
-}
-
-@keyframes mirai-message-visible {
-  from {
-    opacity: 0;
-    transform: translateY(var(--mirai-chat-space));
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+  gap: calc(var(--mirai-chat-space) / 2);
+  max-width: var(--mirai-chat-content-max-width);
+  width: 100%;
 }
 
 .message.auto {
   justify-content: left;
 }
 
-.message.storage {
-  opacity: 0.8;
-  filter: grayscale(1);
-}
-
 .message:not(.auto) {
   justify-content: right;
-}
-
-.timestamp {
-  align-self: center;
-  margin-bottom: calc(var(--mirai-chat-space) / 4);
-}
-
-.actions {
-  padding: calc(var(--mirai-chat-space) / 2);
-  gap: var(--mirai-ui-space-XXS);
+  padding: 0 var(--mirai-chat-space);
 }
 
 .content {
-  border-radius: var(--mirai-chat-border-radius);
-  max-width: 85%;
   overflow: hidden;
 }
 
-.content.auto:not(.busy) {
-  background-color: var(--mirai-chat-message-background);
-  border: solid var(--mirai-chat-border-size) var(--mirai-chat-border-color);
-  border-bottom-left-radius: 0;
-}
-
 .content.busy {
   background-color: transparent;
   overflow: visible;
@@ -57,6 +27,10 @@
   position: relative;
 }
 
+.content:not(.auto) {
+  border-radius: var(--mirai-chat-border-radius);
+}
+
 .content:not(.auto):not(.busy) {
   background-color: var(--mirai-chat-accent);
   border-bottom-right-radius: 0;
@@ -67,16 +41,20 @@
   font-size: var(--mirai-chat-text-font-size);
   font-weight: var(--mirai-chat-text-font-weight);
   line-height: var(--mirai-chat-text-line-height);
-  padding: var(--mirai-chat-message-offset);
   width: fit-content;
 }
 
+.content > .text + * {
+  margin-top: var(--mirai-chat-space);
+}
+
 .content.auto .text {
-  color: var(--mirai-chat-text-color);
+  color: var(--mirai-ui-content);
 }
 
 .content:not(.auto) .text {
-  color: var(--mirai-chat-text-accent-color);
+  color: var(--mirai-chat-background);
+  padding: var(--mirai-chat-message-offset);
 }
 
 .content .thumbnail {
@@ -101,10 +79,29 @@
   padding: var(--mirai-chat-message-offset);
 }
 
+.requirement .component.disabled {
+  filter: grayscale(1);
+  pointer-events: none;
+}
+
+.requirement .component.inputText {
+  padding: var(--mirai-chat-space) var(--mirai-chat-space) 0 var(--mirai-chat-space);
+}
+
+.requirement .component > *:not(ui-form) {
+  width: 100%;
+}
+
+.requirement .footer {
+  gap: var(--mirai-chat-space);
+  justify-content: flex-end;
+  padding: calc(var(--mirai-chat-space) / 2) var(--mirai-chat-space) var(--mirai-chat-space) var(--mirai-chat-space);
+}
+
 .spinner {
   animation: mirai-message-spinner 0.8s infinite linear alternate;
   animation-delay: 0.4s;
-  color: var(--mirai-chat-text-color);
+  color: var(--mirai-ui-content);
   margin-left: calc(var(--mirai-chat-space) * 0.75);
   position: absolute;
 }
@@ -112,9 +109,9 @@
 .spinner,
 .spinner::before,
 .spinner::after {
-  background-color: var(--mirai-chat-text-color);
+  background-color: var(--mirai-ui-content);
   border-radius: 50%;
-  color: var(--mirai-chat-text-color);
+  color: var(--mirai-ui-content);
   height: calc(var(--mirai-chat-space) / 2.5);
   width: calc(var(--mirai-chat-space) / 2.5);
 }
@@ -127,32 +124,52 @@
   position: absolute;
   top: 0;
 }
+
 .spinner::before {
   animation-delay: 0s;
   left: calc(var(--mirai-chat-space) * -0.65);
 }
+
 .spinner::after {
   animation-delay: 0.8s;
   left: calc(var(--mirai-chat-space) * 0.65);
 }
 
+/* S  */
+@media only screen and (max-width: 480px) {
+  .content {
+    max-width: 100%;
+  }
+
+  .message.auto {
+    padding: 0 var(--mirai-chat-space);
+  }
+}
+
+/* M & L  */
+@media only screen and (min-width: 481px) {
+  .content {
+    max-width: 90%;
+  }
+}
+
 @keyframes mirai-message-spinner {
   0% {
-    background-color: var(--mirai-chat-text-color);
+    background-color: var(--mirai-ui-content-light);
   }
   50%,
   100% {
-    background-color: var(--mirai-chat-text-color-light);
+    background-color: var(--mirai-ui-content-border);
   }
 }
 
-@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);
+@keyframes mirai-message-visible {
+  from {
+    opacity: 0;
+    transform: translateY(var(--mirai-chat-space));
   }
-
-  .message.auto:hover .actions {
+  to {
     opacity: 1;
+    transform: translateY(0);
   }
 }

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

@@ -8,6 +8,7 @@ var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var style = _interopRequireWildcard(require("./Card.module.css"));
+var _Typewriter = require("./Typewriter");
 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 }; }
@@ -23,7 +24,6 @@ const Card = function () {
     offset = true,
     option = true,
     text,
-    // type,
     onPress,
     ...others
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -43,7 +43,8 @@ const Card = function () {
     onPress: pressable && !disabled ? handlePress : undefined,
     className: (0, _ui.styles)(style.card, checked && style.checked, disabled && !checked && style.disabled, offset && style.offset, pressable && !disabled && style.pressable, others.className)
   }), onPress && option && /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true
+    action: true,
+    disabled: true
   }, checked ? '●' : '○'), image && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.image,
     style: {
@@ -51,11 +52,12 @@ const Card = function () {
     }
   }), icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: icon
-  }), (text || caption) && /*#__PURE__*/_react.default.createElement(_ui.View, null, text && /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true,
-    bold: true,
+  }), (text || caption) && /*#__PURE__*/_react.default.createElement(_ui.View, null, text && /*#__PURE__*/_react.default.createElement(_Typewriter.Typewriter, {
+    disabled: disabled,
+    medium: true,
     wide: true
-  }, text), caption && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, text), caption && /*#__PURE__*/_react.default.createElement(_Typewriter.Typewriter, {
+    disabled: disabled,
     small: true
   }, caption)), children && /*#__PURE__*/_react.default.createElement(_ui.View, {
     wide: true

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

@@ -1 +1 @@
-{"version":3,"file":"Card.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","Card","caption","children","disabled","href","icon","image","offset","option","text","onPress","others","undefined","checked","setChecked","useState","handlePress","page","window","open","document","title","pressable","createElement","Pressable","className","styles","card","Text","action","View","backgroundImage","concat","Icon","value","bold","wide","small","exports","propTypes","PropTypes","string","any","bool","selected","type","oneOf","func"],"sources":["../../../../../../src/components/Chat/components/Message/components/Card.jsx"],"sourcesContent":["import { Icon, Text, Pressable, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport * as style from './Card.module.css';\n\nconst Card = ({\n  caption,\n  children,\n  disabled = false,\n  href,\n  icon,\n  image,\n  offset = true,\n  option = true,\n  text,\n  // type,\n  onPress,\n  ...others\n} = {}) => {\n  const [checked, setChecked] = useState(false);\n\n  const handlePress = () => {\n    if (href) {\n      const page = window.open(href, '_blank');\n      page.document.title = 'Loading...';\n    } else {\n      if (option) setChecked(true);\n      onPress();\n    }\n  };\n\n  const pressable = !!onPress || !!href;\n\n  return (\n    <Pressable\n      {...others}\n      disabled={disabled || !pressable}\n      onPress={pressable && !disabled ? handlePress : undefined}\n      className={styles(\n        style.card,\n        checked && style.checked,\n        disabled && !checked && style.disabled,\n        offset && style.offset,\n        pressable && !disabled && style.pressable,\n        others.className,\n      )}\n    >\n      {onPress && option && <Text action>{checked ? '●' : '○'}</Text>}\n      {image && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n      {icon && <Icon value={icon} />}\n      {(text || caption) && (\n        <View>\n          {text && (\n            <Text action bold wide>\n              {text}\n            </Text>\n          )}\n          {caption && <Text small>{caption}</Text>}\n        </View>\n      )}\n\n      {children && <View wide>{children}</View>}\n    </Pressable>\n  );\n};\n\nCard.propTypes = {\n  caption: PropTypes.string,\n  children: PropTypes.any,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  icon: PropTypes.string,\n  image: PropTypes.string,\n  offset: PropTypes.bool,\n  option: PropTypes.bool,\n  selected: PropTypes.bool,\n  text: PropTypes.string,\n  type: PropTypes.oneOf(['calendar', 'occupation', 'offer']),\n  onPress: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_Typewriter","_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","Card","caption","children","disabled","href","icon","image","offset","option","text","onPress","others","undefined","checked","setChecked","useState","handlePress","page","window","open","document","title","pressable","createElement","Pressable","className","styles","card","Text","action","View","backgroundImage","concat","Icon","value","Typewriter","medium","wide","small","exports","propTypes","PropTypes","string","any","bool","selected","type","oneOf","func"],"sources":["../../../../../../src/components/Chat/components/Message/components/Card.jsx"],"sourcesContent":["import { Icon, Pressable, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport * as style from './Card.module.css';\nimport { Typewriter } from './Typewriter';\n\nconst Card = ({\n  caption,\n  children,\n  disabled = false,\n  href,\n  icon,\n  image,\n  offset = true,\n  option = true,\n  text,\n  onPress,\n  ...others\n} = {}) => {\n  const [checked, setChecked] = useState(false);\n\n  const handlePress = () => {\n    if (href) {\n      const page = window.open(href, '_blank');\n      page.document.title = 'Loading...';\n    } else {\n      if (option) setChecked(true);\n      onPress();\n    }\n  };\n\n  const pressable = !!onPress || !!href;\n\n  return (\n    <Pressable\n      {...others}\n      disabled={disabled || !pressable}\n      onPress={pressable && !disabled ? handlePress : undefined}\n      className={styles(\n        style.card,\n        checked && style.checked,\n        disabled && !checked && style.disabled,\n        offset && style.offset,\n        pressable && !disabled && style.pressable,\n        others.className,\n      )}\n    >\n      {onPress && option && (\n        <Text action disabled>\n          {checked ? '●' : '○'}\n        </Text>\n      )}\n      {image && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n      {icon && <Icon value={icon} />}\n      {(text || caption) && (\n        <View>\n          {text && (\n            <Typewriter disabled={disabled} medium wide>\n              {text}\n            </Typewriter>\n          )}\n          {caption && (\n            <Typewriter disabled={disabled} small>\n              {caption}\n            </Typewriter>\n          )}\n        </View>\n      )}\n\n      {children && <View wide>{children}</View>}\n    </Pressable>\n  );\n};\n\nCard.propTypes = {\n  caption: PropTypes.string,\n  children: PropTypes.any,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  icon: PropTypes.string,\n  image: PropTypes.string,\n  offset: PropTypes.bool,\n  option: PropTypes.bool,\n  selected: PropTypes.bool,\n  text: PropTypes.string,\n  type: PropTypes.oneOf(['calendar', 'occupation', 'offer']),\n  onPress: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":"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"}

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

@@ -1,11 +1,15 @@
 .card {
   align-items: center;
-  background-color: var(--mirai-chat-message-background);
-  border-top: solid var(--mirai-chat-border-size) var(--mirai-chat-border-color);
+  border: solid var(--mirai-chat-border-size) var(--mirai-chat-border-color);
+  border-radius: var(--mirai-chat-border-radius);
   display: flex;
   flex-direction: row;
   gap: calc(var(--mirai-chat-space) / 2);
-  width: auto;
+  overflow: hidden;
+}
+
+.card + .card {
+  margin-top: calc(var(--mirai-chat-space) / 2);
 }
 
 .card.offset {
@@ -13,7 +17,8 @@
 }
 
 .card.pressable:not(.checked):not(.disabled):hover {
-  background-color: var(--mirai-chat-text-color);
+  background-color: var(--mirai-ui-content);
+  border-color: var(--mirai-ui-content);
   cursor: pointer;
 }
 
@@ -26,21 +31,26 @@
   min-width: var(--mirai-ui-space-XL);
 }
 
-.card [data-role='icon'],
-.card [data-role='text'] {
-  color: var(--mirai-chat-text-color);
-}
-
 .card.pressable:not(.checked):not(.disabled):hover [data-role='icon'],
 .card.pressable:not(.checked):not(.disabled):hover [data-role='text'] {
-  color: var(--mirai-chat-text-accent-color);
-}
-
-.card.disabled [data-role='icon'],
-.card.disabled [data-role='text'] {
-  color: var(--mirai-chat-text-color-light);
+  color: var(--mirai-chat-background);
 }
 
 .card.disabled .image {
   filter: grayscale(1);
 }
+
+/* S  */
+@media only screen and (max-width: 480px) {
+  .card {
+    width: auto;
+  }
+}
+
+/* M & L  */
+@media only screen and (min-width: 481px) {
+  .card {
+    min-width: calc(var(--mirai-chat-content-max-width) / 2);
+    width: fit-content;
+  }
+}