@mirai/core 0.3.171 → 0.3.172

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);
+}

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"}