@mirai/core 0.3.173 → 0.3.176

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

@@ -0,0 +1,275 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<InputRich> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view"
+            />
+            <div
+              class="view"
+            />
+          </div>
+        </div>
+        <h3
+          class="text bold headline-3 wide"
+        />
+        <button
+          class="pressable button squared transparent"
+        >
+          <span
+            class="icon headline-3"
+          >
+            <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 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="view"
+      >
+        <button
+          class="pressable button large wide"
+        >
+          common.action.apply
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputRich> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view"
+            />
+            <div
+              class="view"
+            />
+          </div>
+        </div>
+        <h3
+          class="text bold headline-3 wide"
+        />
+        <button
+          class="pressable button squared transparent"
+        >
+          <span
+            class="icon headline-3"
+          >
+            <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 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="view"
+      >
+        <button
+          class="pressable disabled button large disabled wide"
+          disabled=""
+        >
+          common.action.apply
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputRich> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view"
+            />
+            <div
+              class="view"
+            />
+          </div>
+        </div>
+        <h3
+          class="text bold headline-3 wide"
+        />
+        <button
+          class="pressable button squared transparent"
+        >
+          <span
+            class="icon headline-3"
+          >
+            <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 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="view"
+      >
+        <button
+          class="pressable button large wide"
+        >
+          common.action.apply
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<InputRich> testId 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view"
+    >
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <div
+              class="view"
+            />
+            <div
+              class="view"
+            />
+          </div>
+        </div>
+        <h3
+          class="text bold headline-3 wide"
+        />
+        <button
+          class="pressable button squared transparent"
+        >
+          <span
+            class="icon headline-3"
+          >
+            <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 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <div
+        class="view"
+      >
+        <button
+          class="pressable button large wide"
+        >
+          common.action.apply
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVerboseList = void 0;
+const getVerboseList = function (id) {
+  let {
+    options = []
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    label
+  } = options.find(function () {
+    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return item.id === id;
+  }) || {};
+  return label || id;
+};
+exports.getVerboseList = getVerboseList;
+//# sourceMappingURL=getVerboseList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getVerboseList.js","names":["getVerboseList","id","options","arguments","length","undefined","label","find","item","exports"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/getVerboseList.js"],"sourcesContent":["export const getVerboseList = (id, { options = [] } = {}) => {\n  const { label } = options.find((item = {}) => item.id === id) || {};\n\n  return label || id;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAG,SAAAA,CAACC,EAAE,EAA4B;EAAA,IAA1B;IAAEC,OAAO,GAAG;EAAG,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACtD,MAAM;IAAEG;EAAM,CAAC,GAAGJ,OAAO,CAACK,IAAI,CAAC;IAAA,IAACC,IAAI,GAAAL,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKK,IAAI,CAACP,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,CAAC,CAAC;EAEnE,OAAOK,KAAK,IAAIL,EAAE;AACpB,CAAC;AAACQ,OAAA,CAAAT,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVerboseOccupation = void 0;
+var _locale = require("@mirai/locale");
+var _helpers = require("../../../../helpers");
+const getVerboseOccupation = function () {
+  let {
+    store: {
+      config: {
+        hotels: dataSource,
+        lodgingDenomination: individual
+      } = {}
+    } = {},
+    translate = _locale.translate,
+    value
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _helpers.getOccupationSummary)(value, translate, (0, _helpers.getAccommodationType)({
+    dataSource,
+    hotels: [],
+    individual
+  })).trim();
+};
+exports.getVerboseOccupation = getVerboseOccupation;
+//# sourceMappingURL=getVerboseOccupation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getVerboseOccupation.js","names":["_locale","require","_helpers","getVerboseOccupation","store","config","hotels","dataSource","lodgingDenomination","individual","translate","translateBase","value","arguments","length","undefined","getOccupationSummary","getAccommodationType","trim","exports"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/getVerboseOccupation.js"],"sourcesContent":["import { translate as translateBase } from '@mirai/locale';\n\nimport { getAccommodationType, getOccupationSummary } from '../../../../helpers';\n\nexport const getVerboseOccupation = ({\n  store: { config: { hotels: dataSource, lodgingDenomination: individual } = {} } = {},\n  translate = translateBase,\n  value,\n} = {}) => getOccupationSummary(value, translate, getAccommodationType({ dataSource, hotels: [], individual })).trim();\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAG,SAAAA,CAAA;EAAA,IAAC;IACnCC,KAAK,EAAE;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAEC,UAAU;QAAEC,mBAAmB,EAAEC;MAAW,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IACpFC,SAAS,GAAGC,iBAAa;IACzBC;EACF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,OAAK,IAAAG,6BAAoB,EAACJ,KAAK,EAAEF,SAAS,EAAE,IAAAO,6BAAoB,EAAC;IAAEV,UAAU;IAAED,MAAM,EAAE,EAAE;IAAEG;EAAW,CAAC,CAAC,CAAC,CAACS,IAAI,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_getVerboseOccupation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getVerboseList"],"sources":["../../../../../../src/components/Chat/components/InputRich/helpers/index.js"],"sourcesContent":["export * from './getVerboseOccupation';\nexport * from './getVerboseList';\n"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INTENT_UNKNOWN = exports.INTENT = void 0;
+var _intents = require("./intents");
+const INTENT = exports.INTENT = {
+  INTENT_BOOK: undefined,
+  INTENT_BOOKING_CANCEL: undefined,
+  INTENT_BOOKING_QUERY: _intents.BookingQuery,
+  INTENT_OFFERS: _intents.Offers,
+  INTENT_HOTEL_INFO: _intents.HotelInfo
+  // INTENT_GREETINGS: undefined,
+  // INTENT_FAREWELLS: undefined,
+};
+const INTENT_UNKNOWN = exports.INTENT_UNKNOWN = _intents.Unknown;
+//# sourceMappingURL=Message.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.constants.js","names":["_intents","require","INTENT","exports","INTENT_BOOK","undefined","INTENT_BOOKING_CANCEL","INTENT_BOOKING_QUERY","BookingQuery","INTENT_OFFERS","Offers","INTENT_HOTEL_INFO","HotelInfo","INTENT_UNKNOWN","Unknown"],"sources":["../../../../../src/components/Chat/components/Message/Message.constants.js"],"sourcesContent":["import { BookingQuery, HotelInfo, Offers, Unknown } from './intents';\n\nconst INTENT = {\n  INTENT_BOOK: undefined,\n  INTENT_BOOKING_CANCEL: undefined,\n  INTENT_BOOKING_QUERY: BookingQuery,\n  INTENT_OFFERS: Offers,\n  INTENT_HOTEL_INFO: HotelInfo,\n  // INTENT_GREETINGS: undefined,\n  // INTENT_FAREWELLS: undefined,\n};\n\nconst INTENT_UNKNOWN = Unknown;\n\nexport { INTENT, INTENT_UNKNOWN };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACbE,WAAW,EAAEC,SAAS;EACtBC,qBAAqB,EAAED,SAAS;EAChCE,oBAAoB,EAAEC,qBAAY;EAClCC,aAAa,EAAEC,eAAM;EACrBC,iBAAiB,EAAEC;EACnB;EACA;AACF,CAAC;AAED,MAAMC,cAAc,GAAAV,OAAA,CAAAU,cAAA,GAAGC,gBAAO"}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Message = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _components = require("./components");
+var _helpers = require("./helpers");
+var _Message = require("./Message.constants");
+var style = _interopRequireWildcard(require("./Message.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 Message = _ref => {
+  let {
+    auto,
+    busy = false,
+    intent,
+    response = {},
+    text,
+    timestamp,
+    ...others
+  } = _ref;
+  const {
+    value: {
+      urlParams: {
+        lisa
+      } = {}
+    }
+  } = (0, _dataSources.useStore)();
+  const {
+    actions = [],
+    value
+  } = response;
+  const {
+    disabled,
+    testId,
+    onAction
+  } = others;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    testId: testId,
+    wide: true
+  }, timestamp && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    lighten: true,
+    small: true,
+    className: style.timestamp
+  }, (0, _helpers.getTime)(timestamp)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    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 && lisa === 'environment' && /*#__PURE__*/_react.default.createElement(_components.Environment, _extends({
+    intent
+  }, others, response)), busy ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.spinner
+  }) : text ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.text
+  }, text) : ( /*#__PURE__*/_react.default.createElement(_Message.INTENT[intent] || _Message.INTENT_UNKNOWN, {
+    intent,
+    response,
+    ...others
+  })), actions.map((_ref2, index) => {
+    let {
+      intent,
+      text,
+      url
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_components.Card, {
+      key: index,
+      disabled: intent && disabled,
+      href: url,
+      icon: (0, _helpers.getActionIcon)(url),
+      text: text,
+      onPress: intent ? () => onAction({
+        intent,
+        context: value
+      }) : undefined
+    });
+  }))));
+};
+exports.Message = Message;
+Message.propTypes = {
+  auto: _propTypes.default.bool,
+  busy: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  intent: _propTypes.default.string,
+  response: _propTypes.default.shape({
+    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({})])
+  }),
+  text: _propTypes.default.string,
+  timestamp: _propTypes.default.number,
+  onAction: _propTypes.default.func
+};
+//# sourceMappingURL=Message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_components","_helpers","_Message","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","Message","_ref","auto","busy","intent","response","text","timestamp","others","value","urlParams","lisa","useStore","actions","disabled","testId","onAction","createElement","View","wide","Text","lighten","small","className","getTime","row","styles","message","content","Environment","spinner","action","React","INTENT","INTENT_UNKNOWN","map","_ref2","index","url","Card","href","icon","getActionIcon","onPress","context","undefined","exports","propTypes","PropTypes","bool","string","shape","arrayOf","requirements","oneOf","array","number","func"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Card, Environment } from './components';\nimport { getActionIcon, getTime } from './helpers';\nimport { INTENT, INTENT_UNKNOWN } from './Message.constants';\nimport * as style from './Message.module.css';\n\nconst Message = ({ auto, busy = false, intent, response = {}, text, timestamp, ...others }) => {\n  const {\n    value: { urlParams: { lisa } = {} },\n  } = useStore();\n\n  const { actions = [], value } = response;\n  const { disabled, testId, onAction } = others;\n\n  return (\n    <View testId={testId} wide>\n      {timestamp && (\n        <Text lighten small className={style.timestamp}>\n          {getTime(timestamp)}\n        </Text>\n      )}\n      <View row wide className={styles(style.message, auto && style.auto)}>\n        <View className={styles(style.content, auto && style.auto, busy && style.busy)}>\n          {!busy && auto && intent && lisa === 'environment' && <Environment {...{ intent, ...others, ...response }} />}\n\n          {busy ? (\n            <View className={style.spinner} />\n          ) : text ? (\n            <Text action className={style.text}>\n              {text}\n            </Text>\n          ) : (\n            React.createElement(INTENT[intent] || INTENT_UNKNOWN, { intent, response, ...others })\n          )}\n\n          {actions.map(({ intent, text, url }, index) => (\n            <Card\n              key={index}\n              disabled={intent && disabled}\n              href={url}\n              icon={getActionIcon(url)}\n              text={text}\n              onPress={intent ? () => onAction({ intent, context: value }) : undefined}\n            />\n          ))}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nMessage.propTypes = {\n  auto: PropTypes.bool,\n  busy: PropTypes.bool,\n  disabled: PropTypes.bool,\n  intent: PropTypes.string,\n  response: PropTypes.shape({\n    actions: PropTypes.arrayOf(PropTypes.shape({})),\n    requirements: PropTypes.shape({}),\n    text: PropTypes.string,\n    value: PropTypes.oneOf([PropTypes.array, PropTypes.shape({})]),\n  }),\n  text: PropTypes.string,\n  timestamp: PropTypes.number,\n  onAction: PropTypes.func,\n};\n\nexport { Message };\n"],"mappings":"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"}

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

@@ -0,0 +1,126 @@
+.message {
+  align-items: flex-end;
+  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);
+  }
+}
+
+.message.auto {
+  justify-content: left;
+}
+
+.message:not(.auto) {
+  justify-content: right;
+}
+
+.timestamp {
+  align-self: center;
+  margin-bottom: calc(var(--mirai-chat-space) / 4);
+}
+
+.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;
+  padding: var(--mirai-ui-space-XS) 0;
+  position: relative;
+}
+
+.content:not(.auto):not(.busy) {
+  background-color: var(--mirai-chat-accent);
+  border-bottom-right-radius: 0;
+}
+
+.content .text {
+  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.auto .text {
+  color: var(--mirai-chat-text-color);
+}
+
+.content:not(.auto) .text {
+  color: var(--mirai-chat-text-accent-color);
+}
+
+.content .map {
+  background-color: var(--mirai-chat-input-background);
+  border: none;
+  height: 180px;
+  margin: 0;
+  width: 100%;
+}
+
+.content .address {
+  padding: var(--mirai-chat-message-offset);
+}
+
+.spinner {
+  animation: mirai-message-spinner 0.8s infinite linear alternate;
+  animation-delay: 0.4s;
+  color: var(--mirai-chat-text-color);
+  margin-left: calc(var(--mirai-chat-space) * 0.75);
+  position: absolute;
+}
+
+.spinner,
+.spinner::before,
+.spinner::after {
+  background-color: var(--mirai-chat-text-color);
+  border-radius: 50%;
+  color: var(--mirai-chat-text-color);
+  height: calc(var(--mirai-chat-space) / 2.5);
+  width: calc(var(--mirai-chat-space) / 2.5);
+}
+
+.spinner::before,
+.spinner::after {
+  animation: mirai-message-spinner 0.8s infinite alternate;
+  content: '';
+  display: inline-block;
+  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);
+}
+
+@keyframes mirai-message-spinner {
+  0% {
+    background-color: var(--mirai-chat-text-color);
+  }
+  50%,
+  100% {
+    background-color: var(--mirai-chat-text-color-light);
+  }
+}