@mirai/core 0.3.199 → 0.3.201

package/build/Core.js

@@ -39,32 +39,59 @@ const Core = _ref => {
   } = (0, _dataSources.useStore)();
   const [dictionary, setDictionary] = (0, _react.useState)(!skeleton ? _services.ServiceDictionary.cache(locale) : undefined);
   (0, _react.useEffect)(() => {
-    const handleIntentLocale = async _ref2 => {
+    const handleIntentCurrency = _ref2 => {
       let {
-        locale
+        currency
       } = _ref2;
-      const dictionary = await fetchDictionary(locale);
-      if (dictionary) {
-        const [language] = locale.split('-');
+      set({
+        currency
+      });
+    };
+    const handleIntentEnvironment = async _ref3 => {
+      let {
+        currency: nextCurrency,
+        locale: nextLocale
+      } = _ref3;
+      if (currency === nextCurrency && locale === nextLocale) return;
+      const [language] = nextLocale.split('-');
+      set({
+        currency: nextCurrency,
+        language,
+        locale: nextLocale
+      });
+      if (locale !== nextLocale) {
         (0, _helpers2.themeDirection)(language);
-        set({
-          language,
-          locale
-        });
+        fetchDictionary(nextLocale);
       }
     };
+    const handleIntentLocale = async _ref4 => {
+      let {
+        locale
+      } = _ref4;
+      const [language] = locale.split('-');
+      (0, _helpers2.themeDirection)(language);
+      set({
+        currency,
+        language,
+        locale
+      });
+      fetchDictionary(locale);
+    };
     if (skeleton) {
       const cached = _services.ServiceDictionary.cache(locale);
       if (cached) setDictionary(cached);
+    } else {
+      _dataSources.Event.subscribe(_helpers.EVENT.INTENT_CURRENCY, handleIntentCurrency);
+      _dataSources.Event.subscribe(_helpers.EVENT.INTENT_ENVIRONMENT, handleIntentEnvironment);
+      _dataSources.Event.subscribe(_helpers.EVENT.INTENT_LOCALE, handleIntentLocale);
     }
-    _dataSources.Event.subscribe(_helpers.EVENT.INTENT_LOCALE, handleIntentLocale);
-    return () => _dataSources.Event.unsubscribe(_helpers.EVENT.INTENT_LOCALE, handleIntentLocale);
+    return () => {
+      _dataSources.Event.unsubscribe(_helpers.EVENT.INTENT_CURRENCY, handleIntentCurrency);
+      _dataSources.Event.subscribe(_helpers.EVENT.INTENT_ENVIRONMENT, handleIntentEnvironment);
+      _dataSources.Event.unsubscribe(_helpers.EVENT.INTENT_LOCALE, handleIntentLocale);
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, _react.useEffect)(() => {
-    if (!skeleton) fetchDictionary(locale);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [locale]);
   const fetchDictionary = async locale => {
     const cached = _services.ServiceDictionary.cache(locale);
     if (cached) setDictionary(cached);
@@ -76,18 +103,18 @@ const Core = _ref => {
     currency,
     dictionary,
     locale
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !skeleton && /*#__PURE__*/_react.default.createElement(_Core.Notifications, null), components.filter(_ref3 => {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !skeleton && /*#__PURE__*/_react.default.createElement(_Core.Notifications, null), components.filter(_ref5 => {
     let {
       desktop,
       mobile
-    } = _ref3;
+    } = _ref5;
     return !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false');
-  }).map((_ref4, index) => {
+  }).map((_ref6, index) => {
     let {
       el,
       component,
       ...props
-    } = _ref4;
+    } = _ref6;
     if (!ghosts[index]) ghosts[index] = (0, _helpers2.getGhost)(el);
     const {
       dangerousChildren

package/build/Core.js.map

@@ -1 +1 @@
-{"version":3,"file":"Core.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_helpers","_Core","_helpers2","_sanitizeComponent","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ghosts","Core","_ref","children","components","skeleton","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","ServiceDictionary","cache","undefined","useEffect","handleIntentLocale","_ref2","fetchDictionary","language","split","themeDirection","cached","Event","subscribe","EVENT","INTENT_LOCALE","unsubscribe","next","createElement","LocaleProvider","Fragment","Notifications","filter","_ref3","desktop","mobile","map","_ref4","index","el","component","props","getGhost","dangerousChildren","sanitizeComponent","ReactDOM","createPortal","React","COMPONENTS","ghost","process","env","NODE_ENV","exports","propTypes","PropTypes","node","arrayOf","shape","oneOf","keys","any","bool"],"sources":["../src/Core.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { COMPONENTS } from './components';\nimport { EVENT } from './components/helpers';\nimport { Notifications } from './Core.Notifications';\nimport { getGhost, themeDirection } from './helpers';\nimport { sanitizeComponent } from './helpers/sanitizeComponent';\n\nconst ghosts = {};\n\nconst Core = ({ children, components = [], skeleton = false }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    set,\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState(!skeleton ? ServiceDictionary.cache(locale) : undefined);\n\n  useEffect(() => {\n    const handleIntentLocale = async ({ locale }) => {\n      const dictionary = await fetchDictionary(locale);\n      if (dictionary) {\n        const [language] = locale.split('-');\n        themeDirection(language);\n        set({ language, locale });\n      }\n    };\n\n    if (skeleton) {\n      const cached = ServiceDictionary.cache(locale);\n      if (cached) setDictionary(cached);\n    }\n\n    Event.subscribe(EVENT.INTENT_LOCALE, handleIntentLocale);\n    return () => Event.unsubscribe(EVENT.INTENT_LOCALE, handleIntentLocale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!skeleton) fetchDictionary(locale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const fetchDictionary = async (locale) => {\n    const cached = ServiceDictionary.cache(locale);\n    if (cached) setDictionary(cached);\n\n    const next = await ServiceDictionary.get(locale, false);\n    if (next) setDictionary(next);\n\n    return next;\n  };\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        {!skeleton && <Notifications />}\n\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n\n            const { dangerousChildren } = sanitizeComponent(el);\n\n            return ReactDOM.createPortal(\n              React.createElement(COMPONENTS[component], {\n                ...props,\n                dangerousChildren,\n                el,\n                ghost: ghosts[index],\n                skeleton,\n                ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n              }),\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n  skeleton: PropTypes.bool,\n};\n\nexport { Core };\n"],"mappings":"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"}
+{"version":3,"file":"Core.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_helpers","_Core","_helpers2","_sanitizeComponent","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ghosts","Core","_ref","children","components","skeleton","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","ServiceDictionary","cache","undefined","useEffect","handleIntentCurrency","_ref2","handleIntentEnvironment","_ref3","nextCurrency","nextLocale","language","split","themeDirection","fetchDictionary","handleIntentLocale","_ref4","cached","Event","subscribe","EVENT","INTENT_CURRENCY","INTENT_ENVIRONMENT","INTENT_LOCALE","unsubscribe","next","createElement","LocaleProvider","Fragment","Notifications","filter","_ref5","desktop","mobile","map","_ref6","index","el","component","props","getGhost","dangerousChildren","sanitizeComponent","ReactDOM","createPortal","React","COMPONENTS","ghost","process","env","NODE_ENV","exports","propTypes","PropTypes","node","arrayOf","shape","oneOf","keys","any","bool"],"sources":["../src/Core.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { COMPONENTS } from './components';\nimport { EVENT } from './components/helpers';\nimport { Notifications } from './Core.Notifications';\nimport { getGhost, themeDirection } from './helpers';\nimport { sanitizeComponent } from './helpers/sanitizeComponent';\n\nconst ghosts = {};\n\nconst Core = ({ children, components = [], skeleton = false }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    set,\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState(!skeleton ? ServiceDictionary.cache(locale) : undefined);\n\n  useEffect(() => {\n    const handleIntentCurrency = ({ currency }) => {\n      set({ currency });\n    };\n\n    const handleIntentEnvironment = async ({ currency: nextCurrency, locale: nextLocale }) => {\n      if (currency === nextCurrency && locale === nextLocale) return;\n\n      const [language] = nextLocale.split('-');\n      set({ currency: nextCurrency, language, locale: nextLocale });\n\n      if (locale !== nextLocale) {\n        themeDirection(language);\n        fetchDictionary(nextLocale);\n      }\n    };\n\n    const handleIntentLocale = async ({ locale }) => {\n      const [language] = locale.split('-');\n      themeDirection(language);\n      set({ currency, language, locale });\n\n      fetchDictionary(locale);\n    };\n\n    if (skeleton) {\n      const cached = ServiceDictionary.cache(locale);\n      if (cached) setDictionary(cached);\n    } else {\n      Event.subscribe(EVENT.INTENT_CURRENCY, handleIntentCurrency);\n      Event.subscribe(EVENT.INTENT_ENVIRONMENT, handleIntentEnvironment);\n      Event.subscribe(EVENT.INTENT_LOCALE, handleIntentLocale);\n    }\n\n    return () => {\n      Event.unsubscribe(EVENT.INTENT_CURRENCY, handleIntentCurrency);\n      Event.subscribe(EVENT.INTENT_ENVIRONMENT, handleIntentEnvironment);\n      Event.unsubscribe(EVENT.INTENT_LOCALE, handleIntentLocale);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const fetchDictionary = async (locale) => {\n    const cached = ServiceDictionary.cache(locale);\n    if (cached) setDictionary(cached);\n\n    const next = await ServiceDictionary.get(locale, false);\n    if (next) setDictionary(next);\n\n    return next;\n  };\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        {!skeleton && <Notifications />}\n\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n\n            const { dangerousChildren } = sanitizeComponent(el);\n\n            return ReactDOM.createPortal(\n              React.createElement(COMPONENTS[component], {\n                ...props,\n                dangerousChildren,\n                el,\n                ghost: ghosts[index],\n                skeleton,\n                ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n              }),\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n  skeleton: PropTypes.bool,\n};\n\nexport { Core };\n"],"mappings":"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"}

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

@@ -71,7 +71,7 @@ const InputRich = _ref => {
       setVisible(true);
     };
     _dataSources.Event.subscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
-    return _dataSources.Event.unsubscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
+    return () => _dataSources.Event.unsubscribe(_Chat.EVENT.INPUT_COMPONENT, callback);
   }, [lisa, setDataSource]);
   const handleClose = () => {
     setVisible(false);

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","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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"}
+{"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/Rates/Rates.js

@@ -21,9 +21,10 @@ var style = _interopRequireWildcard(require("./Rates.module.css"));
 var _Rates6 = require("./Rates.RoomSelector");
 var _Rates7 = _interopRequireDefault(require("./Rates.Skeleton"));
 var _Rates8 = require("./Rates.Unavailability");
+var _helpers2 = require("../../helpers");
 var _services2 = require("../../services");
 var _Finder = require("../Finder");
-var _helpers2 = require("../helpers");
+var _helpers3 = require("../helpers");
 var _SessionLogin = require("../Session/Session.Login.Modal");
 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; }
@@ -45,7 +46,6 @@ const Rates = _ref => {
   } = (0, _locale.useLocale)();
   const refRoomSelector = (0, _react.useRef)();
   const {
-    set,
     value: {
       club: {
         discount,
@@ -58,18 +58,11 @@ const Rates = _ref => {
       id,
       language,
       locale,
-      rates: {
-        cart: storeCart = []
-      } = {},
+      // rates: { cart: storeCart = [] } = {},
       session,
       urlParams
     }
   } = (0, _dataSources.useStore)();
-  const {
-    calendar = [],
-    occupation = [],
-    place = {}
-  } = finder;
   const [cart, setCart] = (0, _react.useState)([]);
   const [clubDiscount, setClubDiscount] = (0, _react.useState)(discount);
   const [dataSource, setDataSource] = (0, _react.useState)();
@@ -81,47 +74,44 @@ const Rates = _ref => {
   const [login, setLogin] = (0, _react.useState)(false);
   const [responseError, setResponseError] = (0, _react.useState)();
   const [room, setRoom] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    const callback = async function () {
-      let {
-        currency
-      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      set({
-        currency
-      });
-      // ! TODO: Here locale is not correct
-      await fetch(currency, clubDiscount, undefined, room);
-    };
-    _dataSources.Event.subscribe(_helpers2.EVENT.INTENT_CURRENCY, callback);
-    return () => _dataSources.Event.unsubscribe(_helpers2.EVENT.INTENT_CURRENCY, callback);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  const {
+    calendar = [],
+    occupation = [],
+    place = {}
+  } = finder;
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   (0, _react.useEffect)(() => skeleton && setFetching(true), [skeleton]);
-  (0, _react.useEffect)(() => {
-    if (!storeCart.length || !dataSource || cart.length) return;
-    const boards = dataSource.items.map(_ref2 => {
-      let {
-        boards = [],
-        name: roomName
-      } = _ref2;
-      return boards.map(board => ({
-        ...board,
-        roomName
-      }));
-    }).flat();
-    const nextCart = storeCart.map(id => boards.find(board => board.id === id)).filter(board => !!board);
 
-    // eslint-disable-next-line no-console
-    console.log('::cart from url::', nextCart);
+  // Hook: store cart
+  // useEffect(() => {
+  //   if (!storeCart.length || !dataSource || cart.length) return;
 
-    // if (storeCart.length === nextCart.length) setCart(nextCart);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [cart, dataSource, storeCart]);
+  //   const boards = dataSource.items
+  //     .map(({ boards = [], name: roomName }) => boards.map((board) => ({ ...board, roomName })))
+  //     .flat();
+  //   const nextCart = storeCart.map((id) => boards.find((board) => board.id === id)).filter((board) => !!board);
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  (0, _react.useEffect)(() => currency && locale && replaceHistory(), [currency, locale]);
+  //   // eslint-disable-next-line no-console
+  //   console.log('::cart from url::', nextCart);
+
+  //   // if (storeCart.length === nextCart.length) setCart(nextCart);
+  //   // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, [cart, dataSource, storeCart]);
+
+  // -- hooks ----------------------------------------------------------------------------------------------------------
+  (0, _react.useEffect)(() => {
+    if (!clubDiscount && !currency && !session) return;
+    setCart([]);
+    setRoom(undefined);
+    debounceFetch();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [clubDiscount, currency, session]);
+  (0, _react.useEffect)(() => {
+    if (!locale) return;
+    debounceFetch(room);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [locale]);
   (0, _react.useEffect)(() => {
     if (multiRoom) {
       if (room > 0) {
@@ -138,96 +128,81 @@ const Rates = _ref => {
       }
       setDataSource();
     }
-    fetch(currency, undefined, getNextUrlParams(), room);
-    replaceHistory();
+    debounceFetch(room);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [finder, locale, room, session]);
+  }, [room]);
   (0, _react.useEffect)(() => {
     if (!dataSource || room) return;
     (0, _helpers.trackDataSource)({
       ...dataSource,
-      ...urlParams,
+      ...(0, _helpers2.fetchUrlParams)(location.search),
       isMobile,
       occupation,
       place
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dataSource]);
-  const fetch = async function (currency) {
-    let nextClubDiscount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : clubDiscount;
-    let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : urlParams;
-    let room = arguments.length > 3 ? arguments[3] : undefined;
-    if (skeleton || !multiRoom && room !== undefined) return;
-    _dataSources.Event.publish(_helpers2.EVENT.FINDER, {
+
+  // -- methods --------------------------------------------------------------------------------------------------------
+  const fetch = async function (room) {
+    let nextOccupation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : occupation;
+    if (skeleton) return;
+    _dataSources.Event.publish(_helpers3.EVENT.FINDER, {
       calendar: undefined
     });
     setFetching(true);
     setResponseError();
-    const nextParams = {
-      ...params,
+    const urlParams = (0, _helpers2.fetchUrlParams)(location.search);
+    const params = {
+      ...urlParams,
       club,
-      clubDiscount: nextClubDiscount,
-      currency,
+      clubDiscount,
       id,
-      locale,
-      occupation,
+      occupation: nextOccupation,
       place,
       session
     };
-    if (room !== undefined) nextParams.parties = (0, _helpers2.parseToParties)([occupation[room]]);
-    const nextDataSource = await _services2.ServiceRates.get(nextParams).catch(setResponseError);
+    if (room !== undefined) params.parties = (0, _helpers3.parseToParties)([nextOccupation[room || 0]]);
+    const nextDataSource = await _services2.ServiceRates.get(params).catch(setResponseError);
     if (nextDataSource !== null && nextDataSource !== void 0 && nextDataSource.externalSignout) (0, _helpers.signout)({
       club,
       language
     });else setDataSource(nextDataSource);
-    if (nextDataSource && multiRoom && room === undefined) setRoom(0);
+    if (nextDataSource && (nextOccupation === null || nextOccupation === void 0 ? void 0 : nextOccupation.length) > 1 && room === undefined) setRoom(0);
     setFetching(false);
   };
-  const replaceHistory = function () {
-    let nextParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getNextUrlParams() || {};
-    let nextCart = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cart || [];
-    if (nextCart.length) nextParams.rates = JSON.stringify(nextCart.map(function () {
-      let {
-        id
-      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return id;
-    }));else if (nextParams.rates) nextParams.rates = undefined;
-    history.replaceState({}, '', (0, _helpers2.toUrlParams)({
-      ...nextParams,
-      currency,
-      lang: language,
-      locale
-    }));
+  const debounceFetch = (0, _helpers2.debounce)(fetch, 60);
+  const saveCartInUrl = function () {
+    let cart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    // * DISABLED
+    (0, _helpers3.replaceUrlParams)({
+      rates: cart.length ? JSON.stringify(cart.map(function () {
+        let {
+          id
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return id;
+      })) : undefined
+    });
   };
-  const getNextUrlParams = () => (0, _helpers.getFinderParams)({
-    ...urlParams,
-    ...finder,
-    currency,
-    locale,
-    hotel
-  });
-  const handleFinder = values => {
+
+  // -- handlers -------------------------------------------------------------------------------------------------------
+  const handleClubDiscount = async next => {
+    setClubDiscount(next);
+    login && setLogin(false);
+  };
+  const handleFinder = function () {
+    let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     setCart([]);
     setDataSource(undefined);
-    setRoom(undefined);
     window.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
-    const params = (0, _helpers.getFinderParams)({
-      ...urlParams,
+    (0, _helpers3.replaceUrlParams)((0, _helpers.getFinderParams)({
       ...values,
-      currency,
-      locale,
       hotel
-    });
-    replaceHistory(params);
-  };
-  const handleClubDiscount = async next => {
-    setCart([]);
-    setClubDiscount(next);
-    login && setLogin(false);
-    await fetch(currency, next, undefined, room);
+    }));
+    debounceFetch(undefined, values.occupation);
   };
   const handleSelect = (board, others) => {
     const nextCart = [...cart];
@@ -240,7 +215,7 @@ const Rates = _ref => {
     login && setLogin(false);
     if (!multiRoom && !!board) handleSubmit(nextCart);
     if (multiRoom && board && room < occupation.length - 1) return setRoom(room + 1);
-    if (!board) replaceHistory(undefined, nextCart);
+    if (!board) saveCartInUrl(nextCart);
   };
 
   // eslint-disable-next-line no-unused-vars
@@ -251,7 +226,7 @@ const Rates = _ref => {
       loginShown = true;
       return setLogin(true);
     }
-    replaceHistory(undefined, cart);
+    saveCartInUrl(cart);
     const {
       extras = []
     } = await _services2.ServiceRates.extras({
@@ -260,7 +235,7 @@ const Rates = _ref => {
         clubDiscount,
         currency,
         forwarder,
-        urlParams: getNextUrlParams()
+        urlParams: (0, _helpers2.fetchUrlParams)(location.search)
       }),
       hotelCurrency: dataSource.currency,
       locale
@@ -276,7 +251,6 @@ const Rates = _ref => {
   const handleCheckout = function () {
     let cart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let extras = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    const urlParams = getNextUrlParams();
     document.location.href = (0, _helpers.getForwarderUrl)({
       cart,
       clubDiscount,
@@ -284,7 +258,7 @@ const Rates = _ref => {
       extras,
       forwarder,
       session,
-      urlParams
+      urlParams: (0, _helpers2.fetchUrlParams)(location.search)
     });
   };
   const {
@@ -304,7 +278,7 @@ const Rates = _ref => {
     ref: refRoomSelector,
     className: (0, _ui.styles)(style.finder, style.blur, (!multiRoom || responseError) && style.sticky),
     style: !isMobile ? {
-      backgroundColor: (0, _helpers2.opacity)(contentBackground, 0.66)
+      backgroundColor: (0, _helpers3.opacity)(contentBackground, 0.66)
     } : undefined
   }, /*#__PURE__*/_react.default.createElement(_Finder.Finder, {
     assisted: !isMobile,
@@ -331,11 +305,11 @@ const Rates = _ref => {
   }, !isMobile && /*#__PURE__*/_react.default.createElement(_Rates6.RoomSelector, roomSelectorProps)), response ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: !isMobile,
     className: style.items
-  }, (_dataSource$items = dataSource.items) === null || _dataSource$items === void 0 ? void 0 : _dataSource$items.map((_ref3, index) => {
+  }, (_dataSource$items = dataSource.items) === null || _dataSource$items === void 0 ? void 0 : _dataSource$items.map((_ref2, index) => {
     let {
       id,
       ...item
-    } = _ref3;
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_components.Item, _extends({
       key: "".concat(id || index, ":").concat(fetching, ":").concat(width),
       id