@mirai/core 0.3.175 → 0.3.177

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

@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Input> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable disabled dispatcher button small squared transparent disabled"
+        disabled=""
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Input> testId 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+    data-testid="mirai"
+  >
+    <textarea
+      class="input autoResize"
+      name="input"
+      placeholder="lisa.label.send_message"
+    />
+    <span
+      class="container"
+    >
+      <button
+        class="pressable dispatcher button small squared transparent"
+      >
+        <span
+          class="icon headline-3 lighten"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
+            <path
+              d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+            />
+          </svg>
+        </span>
+      </button>
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/build/components/Chat/components/Input/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Input = require("./Input");
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Input[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Chat/components/Input/index.js"],"sourcesContent":["export * from './Input';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Chat/components/InputRich/InputRich.List.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.List = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./InputRich.module.css"));
+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 }; }
+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 List = _ref => {
+  let {
+    options = [],
+    value,
+    onChange = () => {},
+    onValid = () => {},
+    ...others
+  } = _ref;
+  const handlePress = id => {
+    onChange(id);
+    onValid(true);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.ScrollView, _extends({}, others, {
+    height: 128,
+    className: (0, _ui.styles)(style.list, others.className)
+  }), options.map(function () {
+    let {
+      id,
+      label
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      key: id,
+      onPress: () => handlePress(id),
+      className: (0, _ui.styles)(style.item, value === id && style.selected)
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, null, label));
+  }));
+};
+exports.List = List;
+List.propTypes = {
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.label
+  })),
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onValid: _propTypes.default.func
+};
+//# sourceMappingURL=InputRich.List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRich.List.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","List","_ref","options","value","onChange","onValid","others","handlePress","id","createElement","ScrollView","height","className","styles","list","map","label","undefined","Pressable","onPress","item","selected","Text","exports","propTypes","PropTypes","arrayOf","shape","string","func"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.List.jsx"],"sourcesContent":["import { Pressable, ScrollView, styles, Text } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputRich.module.css';\n\nconst List = ({ options = [], value, onChange = () => {}, onValid = () => {}, ...others }) => {\n  const handlePress = (id) => {\n    onChange(id);\n    onValid(true);\n  };\n\n  return (\n    <ScrollView {...others} height={128} className={styles(style.list, others.className)}>\n      {options.map(({ id, label } = {}) => (\n        <Pressable\n          key={id}\n          onPress={() => handlePress(id)}\n          className={styles(style.item, value === id && style.selected)}\n        >\n          <Text>{label}</Text>\n        </Pressable>\n      ))}\n    </ScrollView>\n  );\n};\n\nList.propTypes = {\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.label,\n    }),\n  ),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { List };\n"],"mappings":"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"}

package/build/components/Chat/components/InputRich/InputRich.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputRich = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("./helpers");
+var _InputRich = require("./InputRich.l10n");
+var _InputRich2 = require("./InputRich.List");
+var style = _interopRequireWildcard(require("./InputRich.module.css"));
+var _shared__ = require("../../../__shared__");
+var _helpers2 = require("../../../helpers");
+var _Chat = require("../../Chat.constants");
+var _helpers3 = require("../../helpers");
+var _Avatar = require("../Avatar");
+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 }; }
+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 CALENDAR_PROPS = {
+  format: 'DD/MM/YYYY',
+  months: 12,
+  range: true,
+  vertical: true
+};
+const INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];
+const InputRich = _ref => {
+  let {
+    disabled = false,
+    onValue = () => {},
+    ...others
+  } = _ref;
+  const {
+    dateFormat,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      lisa,
+      locale,
+      ...store
+    }
+  } = (0, _dataSources.useStore)();
+  const [dataSource, setDataSource] = (0, _react.useState)();
+  const [value, setValue] = (0, _react.useState)();
+  const [valid, setValid] = (0, _react.useState)();
+  const [visible, setVisible] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    const callback = function () {
+      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        response: {
+          requirements = {}
+        } = {}
+      } = lisa;
+      const [name] = Object.keys(requirements);
+      if (!name) return;
+      const next = {
+        ...props,
+        name,
+        ...requirements[name]
+      };
+      setDataSource(next);
+      setValid(); // ! TODO: In some cases (occupation & promocode) we should set "something"
+      setValue();
+      setVisible(true);
+    };
+    _dataSources.Event.subscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
+    return _dataSources.Event.unsubscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
+  }, [lisa, setDataSource]);
+  const handleClose = () => {
+    setVisible(false);
+  };
+  const handleChange = value => {
+    const {
+      type
+    } = dataSource;
+    let next = value;
+    if (type === 'calendar') {
+      const [from, to] = value || [];
+      next = [from ? dateFormat(from, CALENDAR_PROPS) : undefined, to ? dateFormat(to, CALENDAR_PROPS) : undefined];
+      setValid(!!from && !!to);
+    }
+    setValue(next);
+  };
+  const handleSubmit = () => {
+    const {
+      intent,
+      response: {
+        form = {},
+        value: context = {}
+      } = {}
+    } = lisa;
+    const {
+      name,
+      required,
+      onSubmit,
+      ...component
+    } = dataSource;
+    if (onSubmit) {
+      const text = is.calendar ? (0, _helpers3.getVerboseDate)(value, locale) : is.occupation ? (0, _helpers.getVerboseOccupation)({
+        store,
+        translate,
+        value
+      }) : is.list ? (0, _helpers.getVerboseList)(value, component) : value;
+      onSubmit({
+        text,
+        value
+      });
+    }
+    onValue({
+      intent,
+      context,
+      form: {
+        ...form,
+        [name]: is.text && !required && !value ? ' ' : value
+      }
+    });
+    setVisible(false);
+  };
+  const {
+    required,
+    text,
+    type,
+    ...component
+  } = dataSource || {};
+  const is = {
+    calendar: type === 'calendar',
+    list: type === 'list',
+    occupation: type === 'occupation',
+    text: INPUT_TEXT_TYPES.includes(type)
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: [style.container, visible && style.visible]
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.content, visible && style.visible]
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.header
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+    small: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    wide: true
+  }, text), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    squared: true,
+    transparent: true,
+    onPress: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    headline: true,
+    value: _helpers2.ICON.CLOSE
+  }))), type && /*#__PURE__*/_react.default.createElement(is.calendar ? _ui.Calendar : is.occupation ? _shared__.Occupation : is.list ? _InputRich2.List : _ui.InputText, {
+    ...component,
+    ...(type === 'calendar' ? CALENDAR_PROPS : {}),
+    locale,
+    value,
+    onChange: handleChange,
+    onError: () => setValid(false),
+    onValid: () => setValid(true),
+    onSubmit: undefined,
+    className: (0, _ui.styles)(style.component, is.text && style.inputText, component.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.footer
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: disabled || required && !valid,
+    large: true,
+    wide: true,
+    onPress: handleSubmit
+  }, translate(_InputRich.L10N.ACTION_APPLY)))));
+};
+exports.InputRich = InputRich;
+InputRich.propTypes = {
+  disabled: _propTypes.default.bool,
+  onValue: _propTypes.default.func
+};
+//# sourceMappingURL=InputRich.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRich.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_InputRich","_InputRich2","style","_shared__","_helpers2","_Chat","_helpers3","_Avatar","_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","CALENDAR_PROPS","format","months","range","vertical","INPUT_TEXT_TYPES","InputRich","_ref","disabled","onValue","others","dateFormat","translate","useLocale","value","lisa","locale","store","useStore","dataSource","setDataSource","useState","setValue","valid","setValid","visible","setVisible","useEffect","callback","props","undefined","response","requirements","name","keys","next","Event","subscribe","EVENT","INPUT_COMPONENT","unsubscribe","handleClose","handleChange","type","from","to","handleSubmit","intent","form","context","required","onSubmit","component","text","is","calendar","getVerboseDate","occupation","getVerboseOccupation","list","getVerboseList","includes","createElement","View","className","container","content","row","header","Avatar","small","Text","bold","headline","wide","Button","squared","transparent","onPress","Icon","ICON","CLOSE","React","Calendar","Occupation","List","InputText","onChange","onError","onValid","styles","inputText","footer","large","L10N","ACTION_APPLY","exports","propTypes","PropTypes","bool","func"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Calendar, Icon, InputText, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getVerboseList, getVerboseOccupation } from './helpers';\nimport { L10N } from './InputRich.l10n';\nimport { List } from './InputRich.List';\nimport * as style from './InputRich.module.css';\nimport { Occupation } from '../../../__shared__';\nimport { ICON } from '../../../helpers';\nimport { EVENT } from '../../Chat.constants';\nimport { getVerboseDate } from '../../helpers';\nimport { Avatar } from '../Avatar';\n\nconst CALENDAR_PROPS = { format: 'DD/MM/YYYY', months: 12, range: true, vertical: true };\nconst INPUT_TEXT_TYPES = ['text', 'password', 'email', 'number'];\n\nconst InputRich = ({ disabled = false, onValue = () => {}, ...others }) => {\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: { lisa, locale, ...store },\n  } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [value, setValue] = useState();\n  const [valid, setValid] = useState();\n  const [visible, setVisible] = useState();\n\n  useEffect(() => {\n    const callback = (props = {}) => {\n      const { response: { requirements = {} } = {} } = lisa;\n      const [name] = Object.keys(requirements);\n      if (!name) return;\n\n      const next = { ...props, name, ...requirements[name] };\n      setDataSource(next);\n\n      setValid(); // ! TODO: In some cases (occupation & promocode) we should set \"something\"\n      setValue();\n      setVisible(true);\n    };\n\n    Event.subscribe(EVENT.INPUT_COMPONENT, callback);\n    return Event.unsubscribe(EVENT.INPUT_COMPONENT, callback);\n  }, [lisa, setDataSource]);\n\n  const handleClose = () => {\n    setVisible(false);\n  };\n\n  const handleChange = (value) => {\n    const { type } = dataSource;\n    let next = value;\n\n    if (type === 'calendar') {\n      const [from, to] = value || [];\n      next = [from ? dateFormat(from, CALENDAR_PROPS) : undefined, to ? dateFormat(to, CALENDAR_PROPS) : undefined];\n      setValid(!!from && !!to);\n    }\n\n    setValue(next);\n  };\n\n  const handleSubmit = () => {\n    const { intent, response: { form = {}, value: context = {} } = {} } = lisa;\n    const { name, required, onSubmit, ...component } = dataSource;\n\n    if (onSubmit) {\n      const text = is.calendar\n        ? getVerboseDate(value, locale)\n        : is.occupation\n        ? getVerboseOccupation({ store, translate, value })\n        : is.list\n        ? getVerboseList(value, component)\n        : value;\n      onSubmit({ text, value });\n    }\n    onValue({\n      intent,\n      context,\n      form: { ...form, [name]: is.text && !required && !value ? ' ' : value },\n    });\n    setVisible(false);\n  };\n\n  const { required, text, type, ...component } = dataSource || {};\n  const is = {\n    calendar: type === 'calendar',\n    list: type === 'list',\n    occupation: type === 'occupation',\n    text: INPUT_TEXT_TYPES.includes(type),\n  };\n\n  return (\n    <View {...others} className={[style.container, visible && style.visible]}>\n      <View className={[style.content, visible && style.visible]}>\n        <View row className={style.header}>\n          <Avatar small />\n\n          <Text bold headline wide>\n            {text}\n          </Text>\n\n          <Button squared transparent onPress={handleClose}>\n            <Icon headline value={ICON.CLOSE} />\n          </Button>\n        </View>\n\n        {type &&\n          React.createElement(is.calendar ? Calendar : is.occupation ? Occupation : is.list ? List : InputText, {\n            ...component,\n            ...(type === 'calendar' ? CALENDAR_PROPS : {}),\n            locale,\n            value,\n            onChange: handleChange,\n            onError: () => setValid(false),\n            onValid: () => setValid(true),\n            onSubmit: undefined,\n            className: styles(style.component, is.text && style.inputText, component.className),\n          })}\n\n        <View className={style.footer}>\n          <Button disabled={disabled || (required && !valid)} large wide onPress={handleSubmit}>\n            {translate(L10N.ACTION_APPLY)}\n          </Button>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nInputRich.propTypes = {\n  disabled: PropTypes.bool,\n  onValue: PropTypes.func,\n};\n\nexport { InputRich };\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_APPLY: {
+    id: 'common.action.apply'
+  }
+};
+//# sourceMappingURL=InputRich.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRich.l10n.js","names":["L10N","exports","ACTION_APPLY","id"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_APPLY: { id: 'common.action.apply' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB;AAC5C,CAAC"}

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

@@ -0,0 +1,73 @@
+.container {
+  backdrop-filter: blur(8px);
+  background-color: var(--mirai-chat-base-opacity);
+  bottom: 0;
+  height: 100%;
+  justify-content: flex-end;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  opacity: 0;
+  transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  transition-delay: var(--mirai-ui-motion-expand);
+  width: 100%;
+  z-index: 0;
+}
+
+.container.visible {
+  opacity: 1;
+  pointer-events: all;
+  transition-delay: var(--mirai-ui-motion-expand);
+}
+
+.content {
+  transform: translateY(100%);
+  transition: transform var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  transition-delay: 0;
+}
+
+.content.visible {
+  transform: translateY(0%);
+  transition-delay: var(--mirai-ui-motion-expand);
+}
+
+.content .header {
+  gap: calc(var(--mirai-chat-space) / 2);
+  height: var(--mirai-chat-header-height);
+  padding: 0 var(--mirai-chat-space);
+}
+
+.content .component {
+  width: 100%;
+}
+
+.content .component.inputText {
+  margin: 0 var(--mirai-chat-space);
+  width: auto;
+}
+
+.content .footer {
+  padding: var(--mirai-chat-space);
+}
+
+/* -- InputRich.List.jsx */
+.list {
+  flex: 1;
+  max-height: 75svh;
+}
+
+.list .item {
+  padding: var(--mirai-ui-space-XS) var(--mirai-chat-space);
+  width: 100%;
+  min-height: var(--mirai-ui-space-L);
+}
+
+.list .item.selected,
+.list .item:hover {
+  background-color: var(--mirai-chat-accent);
+}
+
+.list .item.selected *,
+.list .item:hover * {
+  color: var(--mirai-chat-text-accent-color);
+}