@mirai/core 0.4.111 → 0.4.112

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

@@ -14,9 +14,8 @@ 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 _helpers2 = 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; }
@@ -73,7 +72,7 @@ const InputRich = _ref => {
     _dataSources.Event.subscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
     return () => _dataSources.Event.unsubscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
   }, [lisa, setDataSource]);
-  const handleClose = () => {
+  const handleCancel = () => {
     setVisible(false);
   };
   const handleChange = value => {
@@ -103,7 +102,7 @@ const InputRich = _ref => {
       ...component
     } = dataSource;
     if (onSubmit) {
-      const text = is.calendar ? (0, _helpers3.getVerboseDate)(value, locale) : is.occupation ? (0, _helpers.getVerboseOccupation)({
+      const text = is.calendar ? (0, _helpers2.getVerboseDate)(value, locale) : is.occupation ? (0, _helpers.getVerboseOccupation)({
         store,
         translate,
         value
@@ -124,6 +123,8 @@ const InputRich = _ref => {
     setVisible(false);
   };
   const {
+    defaultValue,
+    name,
     required,
     text,
     type,
@@ -133,6 +134,7 @@ const InputRich = _ref => {
     calendar: type === 'calendar',
     list: type === 'list',
     occupation: type === 'occupation',
+    promocode: name === 'promocode',
     text: INPUT_TEXT_TYPES.includes(type)
   };
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
@@ -147,31 +149,32 @@ const InputRich = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: 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, {
+  }, text)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.component, is.text && style.inputText),
+    st: true
+  }, type && /*#__PURE__*/_react.default.createElement(is.calendar ? _ui.Calendar : is.occupation ? _shared__.Occupation : is.list ? _InputRich2.List : _ui.InputText, {
     ...component,
-    ...(type === 'calendar' ? CALENDAR_PROPS : {}),
+    ...(is.calendar ? CALENDAR_PROPS : {}),
+    hint: is.promocode ? translate(_InputRich.L10N.LABEL_PROMOCODE_HINT) : undefined,
     locale,
-    value,
+    value: value || defaultValue,
     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, {
+    onSubmit: undefined
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
     className: style.footer
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    transparent: true,
+    large: true,
+    onPress: handleCancel
+  }, translate(_InputRich.L10N.ACTION_CANCEL)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     disabled: disabled || required && !valid,
     large: true,
-    wide: true,
     onPress: handleSubmit
-  }, translate(_InputRich.L10N.ACTION_APPLY)))));
+  }, translate(_InputRich.L10N.ACTION_CONTINUE)))));
 };
 exports.InputRich = InputRich;
 InputRich.propTypes = {

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

@@ -1 +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","wide","Button","squared","transparent","onPress","Icon","headline","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 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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"}
+{"version":3,"file":"InputRich.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_InputRich","_InputRich2","style","_shared__","_Chat","_helpers2","_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","handleCancel","handleChange","type","from","to","handleSubmit","intent","form","context","required","onSubmit","component","text","is","calendar","getVerboseDate","occupation","getVerboseOccupation","list","getVerboseList","defaultValue","promocode","includes","createElement","View","className","container","content","row","header","Avatar","small","Text","bold","wide","styles","inputText","st","React","Calendar","Occupation","List","InputText","hint","L10N","LABEL_PROMOCODE_HINT","onChange","onError","onValid","footer","Button","transparent","large","onPress","ACTION_CANCEL","ACTION_CONTINUE","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, 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 { 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 handleCancel = () => {\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\n      onSubmit({ text, value });\n    }\n\n    onValue({\n      intent,\n      context,\n      form: { ...form, [name]: is.text && !required && !value ? ' ' : value },\n    });\n    setVisible(false);\n  };\n\n  const { defaultValue, name, required, text, type, ...component } = dataSource || {};\n  const is = {\n    calendar: type === 'calendar',\n    list: type === 'list',\n    occupation: type === 'occupation',\n    promocode: name === 'promocode',\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 wide>\n            {text}\n          </Text>\n        </View>\n\n        <View className={styles(style.component, is.text && style.inputText)} st>\n          {type &&\n            React.createElement(is.calendar ? Calendar : is.occupation ? Occupation : is.list ? List : InputText, {\n              ...component,\n              ...(is.calendar ? CALENDAR_PROPS : {}),\n              hint: is.promocode ? translate(L10N.LABEL_PROMOCODE_HINT) : undefined,\n              locale,\n              value: value || defaultValue,\n              onChange: handleChange,\n              onError: () => setValid(false),\n              onValid: () => setValid(true),\n              onSubmit: undefined,\n            })}\n        </View>\n\n        <View row wide className={style.footer}>\n          <Button transparent large onPress={handleCancel}>\n            {translate(L10N.ACTION_CANCEL)}\n          </Button>\n\n          <Button disabled={disabled || (required && !valid)} large onPress={handleSubmit}>\n            {translate(L10N.ACTION_CONTINUE)}\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

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
-  ACTION_APPLY: {
-    id: 'common.action.apply'
+  ACTION_CANCEL: {
+    id: 'common.action.cancel'
+  },
+  ACTION_CONTINUE: {
+    id: 'user.action.continue'
+  },
+  LABEL_PROMOCODE_HINT: {
+    id: 'lisa.label.promocode_hint'
   }
 };
 //# sourceMappingURL=InputRich.l10n.js.map

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

@@ -1 +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"}
+{"version":3,"file":"InputRich.l10n.js","names":["L10N","exports","ACTION_CANCEL","id","ACTION_CONTINUE","LABEL_PROMOCODE_HINT"],"sources":["../../../../../src/components/Chat/components/InputRich/InputRich.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};\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;AAC1D,CAAC"}

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

@@ -37,18 +37,31 @@
 }
 
 .content .component {
-  width: 100%;
+  margin: 0 var(--mirai-chat-space);
 }
 
-.content .component.inputText {
-  margin: 0 var(--mirai-chat-space);
-  width: auto;
+.content .component:not(.inputText) {
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
+  border-radius: var(--mirai-chat-border-radius);
+}
+
+.content .component.inputText > * {
+  margin-bottom: 0;
+}
+
+.content .component > * {
+  width: 100%;
 }
 
 .content .footer {
+  gap: var(--mirai-chat-space);
   padding: var(--mirai-chat-space);
 }
 
+.content .footer > * {
+  flex: 1;
+}
+
 /* -- InputRich.List.jsx */
 .list {
   flex: 1;

package/build/theme.css

@@ -17,7 +17,7 @@
   --mirai-chat-accent: var(--mirai-ui-accent);
 
   --mirai-chat-border-color: var(--mirai-ui-content-border);
-  --mirai-chat-border-radius: var(--mirai-ui-space-S);
+  --mirai-chat-border-radius: var(--mirai-ui-space-XS);
   --mirai-chat-border-size: 1px;
   --mirai-chat-space: var(--mirai-ui-space-M);
 

package/package.json

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