@mirai/core 0.3.378 → 0.3.380

package/build/components/Header/Header.js

@@ -102,6 +102,7 @@ const Header = _ref => {
     type
   }) : '', " ").concat(name)) === null || _ref2 === void 0 ? void 0 : _ref2.trim();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    tag: "header",
     wide: true,
     testId: others.testId,
     className: (0, _ui.styles)(style.header, others.className)

package/build/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_SessionLogin","_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","hasTracking","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isMobile","isDesktop","useDevice","track","useMetrics","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","wide","testId","className","styles","header","row","content","main","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","tag","src","image","Text","bold","brand","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { FEATURE_HEADER_TRACKING, TRACKING } from './Header.constants';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nlet hasTracking = false;\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = true,\n  login: showLogin = false,\n  ghost,\n  name: showName,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { track } = useMetrics();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n      locale,\n      session,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_HEADER_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const callback = ({ visible = true } = {}) => setModal(visible);\n\n    Event.subscribe(EVENT.LOGIN, callback);\n    return () => Event.unsubscribe(EVENT.LOGIN, callback);\n  }, []);\n\n  const handleClose = () => setModal(false);\n\n  const handleLogin = () => {\n    hasTracking && track(`${TRACKING}:ACTION:SHOW_LOGIN`, { locale });\n    setModal(true);\n  };\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name, type } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n  const largeName = name?.length > 32;\n  const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n  return (\n    <>\n      <View wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {(logo || ghost || (!logo && name)) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : logo ? (\n                  <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n                ) : (\n                  <Text {...nameProps} bold brand className={style.textName}>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        <Icon headline level={2} value={ICON.ACCOUNT} />\n\n                        {!isMobile && (\n                          <Text action medium>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\n              </>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {showName && logo && name && (\n        <View className={styles(style.header, style.extra, others.className)}>\n          <View row wide className={style.content}>\n            <Text {...nameProps}>{fullName}</Text>\n          </View>\n        </View>\n      )}\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  name: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_SessionLogin","_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","hasTracking","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isMobile","isDesktop","useDevice","track","useMetrics","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","tag","wide","testId","className","styles","header","row","content","main","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","src","image","Text","bold","brand","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { FEATURE_HEADER_TRACKING, TRACKING } from './Header.constants';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nlet hasTracking = false;\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = true,\n  login: showLogin = false,\n  ghost,\n  name: showName,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { track } = useMetrics();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n      locale,\n      session,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_HEADER_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const callback = ({ visible = true } = {}) => setModal(visible);\n\n    Event.subscribe(EVENT.LOGIN, callback);\n    return () => Event.unsubscribe(EVENT.LOGIN, callback);\n  }, []);\n\n  const handleClose = () => setModal(false);\n\n  const handleLogin = () => {\n    hasTracking && track(`${TRACKING}:ACTION:SHOW_LOGIN`, { locale });\n    setModal(true);\n  };\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name, type } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n  const largeName = name?.length > 32;\n  const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n  return (\n    <>\n      <View tag=\"header\" wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {(logo || ghost || (!logo && name)) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : logo ? (\n                  <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n                ) : (\n                  <Text {...nameProps} bold brand className={style.textName}>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        <Icon headline level={2} value={ICON.ACCOUNT} />\n\n                        {!isMobile && (\n                          <Text action medium>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\n              </>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {showName && logo && name && (\n        <View className={styles(style.header, style.extra, others.className)}>\n          <View row wide className={style.content}>\n            <Text {...nameProps}>{fullName}</Text>\n          </View>\n        </View>\n      )}\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  name: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.Search.js

@@ -42,11 +42,9 @@ const Search = _ref => {
     }
   };
   const handlePress = event => {
+    setVisible(false);
     onChange(value, event);
   };
-  const handleToggle = () => {
-    setVisible(!visible);
-  };
   return /*#__PURE__*/_react.default.createElement(_ui.Menu, {
     options: [{
       children: /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -63,7 +61,8 @@ const Search = _ref => {
         disabled: !value,
         wide: true,
         onPress: handlePress,
-        className: style.button
+        className: style.button,
+        testId: "button-search"
       }, translate(_Bookings.L10N.ACTION_SEARCH_CTA)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
         bold: true,
         small: true
@@ -72,11 +71,13 @@ const Search = _ref => {
       }, translate(_Bookings.L10N.LABEL_RESERVATION_CODE_DESCRIPTION)))
     }],
     visible: visible,
-    onPress: handleToggle,
-    className: style.search
+    onPress: () => setVisible(false),
+    className: style.search,
+    testId: "menu-search-bookings"
   }, /*#__PURE__*/_react.default.createElement(_ui.Action, {
-    onPress: handleToggle,
-    className: style.actionSearch
+    onPress: () => setVisible(true),
+    className: style.actionSearch,
+    testId: "show-search"
   }, translate(_Bookings.L10N.ACTION_SEARCH)));
 };
 exports.Search = Search;

package/build/components/Profile/components/Bookings/Bookings.Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bookings.Search.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Bookings","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Search","_ref","value","propValue","onChange","translate","useLocale","ref","useRef","visible","setVisible","useState","setValue","useEffect","handleClickOutside","_ref2","_ref$current","target","current","contains","undefined","document","addEventListener","removeEventListener","handleChange","next","event","handlePress","handleToggle","createElement","Menu","options","children","View","className","form","InputText","name","type","placeholder","L10N","LABEL_SEARCH_PLACEHOLDER","input","Button","disabled","wide","onPress","button","ACTION_SEARCH_CTA","Text","bold","small","LABEL_RESERVATION_CODE","LABEL_RESERVATION_CODE_DESCRIPTION","search","Action","actionSearch","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","func"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.Search.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Button, InputText, Menu, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\n\nconst Search = ({ value: propValue = '', onChange = () => {} }) => {\n  const { translate } = useLocale();\n  const ref = useRef(null);\n\n  const [visible, setVisible] = useState(false);\n  const [value, setValue] = useState(propValue);\n\n  useEffect(() => {\n    const handleClickOutside = ({ target }) => {\n      if (!ref.current?.contains(target) && !!visible) setVisible(undefined);\n    };\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n  }, [visible]);\n\n  const handleChange = (next, event) => {\n    setValue(next);\n    if (!next) {\n      onChange(next, event);\n    }\n  };\n\n  const handlePress = (event) => {\n    onChange(value, event);\n  };\n\n  const handleToggle = () => {\n    setVisible(!visible);\n  };\n\n  return (\n    <Menu\n      options={[\n        {\n          children: (\n            <View ref={ref} className={style.form}>\n              <InputText\n                name=\"search\"\n                type=\"search\"\n                placeholder={translate(L10N.LABEL_SEARCH_PLACEHOLDER)}\n                value={value}\n                onChange={handleChange}\n                className={style.input}\n              />\n              <Button disabled={!value} wide onPress={handlePress} className={style.button}>\n                {translate(L10N.ACTION_SEARCH_CTA)}\n              </Button>\n              <Text bold small>\n                {translate(L10N.LABEL_RESERVATION_CODE)}\n              </Text>\n              <Text small>{translate(L10N.LABEL_RESERVATION_CODE_DESCRIPTION)}</Text>\n            </View>\n          ),\n        },\n      ]}\n      visible={visible}\n      onPress={handleToggle}\n      className={style.search}\n    >\n      <Action onPress={handleToggle} className={style.actionSearch}>\n        {translate(L10N.ACTION_SEARCH)}\n      </Action>\n    </Menu>\n  );\n};\n\nSearch.displayName = 'Mirai:Core:Profile:Bookings:Search';\n\nSearch.propTypes = {\n  value: PropTypes.func,\n  onChange: PropTypes.func,\n};\n\nexport { Search };\n"],"mappings":"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"}
+{"version":3,"file":"Bookings.Search.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Bookings","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Search","_ref","value","propValue","onChange","translate","useLocale","ref","useRef","visible","setVisible","useState","setValue","useEffect","handleClickOutside","_ref2","_ref$current","target","current","contains","undefined","document","addEventListener","removeEventListener","handleChange","next","event","handlePress","createElement","Menu","options","children","View","className","form","InputText","name","type","placeholder","L10N","LABEL_SEARCH_PLACEHOLDER","input","Button","disabled","wide","onPress","button","testId","ACTION_SEARCH_CTA","Text","bold","small","LABEL_RESERVATION_CODE","LABEL_RESERVATION_CODE_DESCRIPTION","search","Action","actionSearch","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","func"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.Search.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Button, InputText, Menu, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\n\nconst Search = ({ value: propValue = '', onChange = () => {} }) => {\n  const { translate } = useLocale();\n  const ref = useRef(null);\n\n  const [visible, setVisible] = useState(false);\n  const [value, setValue] = useState(propValue);\n\n  useEffect(() => {\n    const handleClickOutside = ({ target }) => {\n      if (!ref.current?.contains(target) && !!visible) setVisible(undefined);\n    };\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n  }, [visible]);\n\n  const handleChange = (next, event) => {\n    setValue(next);\n    if (!next) {\n      onChange(next, event);\n    }\n  };\n\n  const handlePress = (event) => {\n    setVisible(false);\n    onChange(value, event);\n  };\n\n  return (\n    <Menu\n      options={[\n        {\n          children: (\n            <View ref={ref} className={style.form}>\n              <InputText\n                name=\"search\"\n                type=\"search\"\n                placeholder={translate(L10N.LABEL_SEARCH_PLACEHOLDER)}\n                value={value}\n                onChange={handleChange}\n                className={style.input}\n              />\n              <Button disabled={!value} wide onPress={handlePress} className={style.button} testId=\"button-search\">\n                {translate(L10N.ACTION_SEARCH_CTA)}\n              </Button>\n              <Text bold small>\n                {translate(L10N.LABEL_RESERVATION_CODE)}\n              </Text>\n              <Text small>{translate(L10N.LABEL_RESERVATION_CODE_DESCRIPTION)}</Text>\n            </View>\n          ),\n        },\n      ]}\n      visible={visible}\n      onPress={() => setVisible(false)}\n      className={style.search}\n      testId=\"menu-search-bookings\"\n    >\n      <Action onPress={() => setVisible(true)} className={style.actionSearch} testId=\"show-search\">\n        {translate(L10N.ACTION_SEARCH)}\n      </Action>\n    </Menu>\n  );\n};\n\nSearch.displayName = 'Mirai:Core:Profile:Bookings:Search';\n\nSearch.propTypes = {\n  value: PropTypes.func,\n  onChange: PropTypes.func,\n};\n\nexport { Search };\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.js

@@ -136,6 +136,7 @@ const Bookings = () => {
       }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
         accent: true,
         action: !isMobile,
+        medium: true,
         small: isMobile
       }, translate(_Bookings2.L10N.LABEL_PRICE_DETAILS)))), !is.cancelled && !is.past && /*#__PURE__*/_react.default.createElement(_ui.Button, {
         onPress: () => handleManage(manage)

package/build/components/Profile/components/Bookings/Bookings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_helpers","_shared__","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","value","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","accent","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, locale, translate } = useLocale();\n\n  const [dataSource, setDataSource] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    (async () => {\n      // * TODO: We should cache as long as the service responds so slow\n      const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n      const cache = storage.get(STORAGE_KEY);\n      if (cache) setDataSource(cache);\n\n      const response = await ServiceUser.bookings().catch(() => {});\n      storage.set(STORAGE_KEY, response);\n\n      setDataSource(response || []);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleManage = (url) => {\n    document.location = url;\n  };\n\n  const bookings = groupDatasource(dataSource, search);\n  const caption = { action: !isMobile, small: isMobile };\n  const has = {\n    bookings: Object.keys(bookings || {}).length > 0 || search,\n    dataSource: dataSource !== undefined,\n  };\n\n  return (\n    <View className={style.container}>\n      <View row className={style.title}>\n        <Text bold headline level={2}>\n          {translate(L10N.ACTION_MY_BOOKINGS)}\n        </Text>\n        {has.bookings && <Search value={search} onChange={setSearch} />}\n      </View>\n      {has.bookings ? (\n        Object.entries(bookings || {}).map(([id, items = []], index) => (\n          <>\n            <Text key={index} bold headline={!isMobile}>\n              {translate({ id }, { num: items.length })}\n            </Text>\n\n            <Cards>\n              {items.map(\n                ({\n                  booking,\n                  checkIn,\n                  checkOut,\n                  currency,\n                  hotel,\n                  image,\n                  location: { city } = {},\n                  price: { total, text: taxesText } = {},\n                  status,\n                  url: { manage, site } = {},\n                } = {}) => {\n                  const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n                  return (\n                    <Card key={booking} className={style.card}>\n                      {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n                      <View className={style.offset}>\n                        <Text bold headline={!isMobile} level={3}>\n                          {hotel}\n                        </Text>\n                        {checkIn && checkOut && (\n                          <Text {...caption}>\n                            {getCalendarCaption(\n                              [parseDate(checkIn), parseDate(checkOut)],\n                              translate,\n                              undefined,\n                              locale,\n                            )}\n                          </Text>\n                        )}\n                        {city && <Text {...caption}>{city}</Text>}\n\n                        <Action {...caption} href={site}>\n                          {translate(L10N.ACTION_VIEW_HOTEL)}\n                        </Action>\n                      </View>\n\n                      <View row className={[style.offset, style.spaceBetween]}>\n                        <View>\n                          <Text bold headline level={isMobile || total >= 10000 ? 3 : 2}>\n                            {currencyFormat({ currency, symbol: true, value: total })}\n                          </Text>\n\n                          <Tooltip text={taxesText}>\n                            <Text accent action={!isMobile} small={isMobile}>\n                              {translate(L10N.LABEL_PRICE_DETAILS)}\n                            </Text>\n                          </Tooltip>\n                        </View>\n\n                        {!is.cancelled && !is.past && (\n                          <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n                        )}\n\n                        {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n                      </View>\n                    </Card>\n                  );\n                },\n              )}\n            </Cards>\n          </>\n        ))\n      ) : has.dataSource ? (\n        <Notification info large className={style.notification}>\n          {translate(L10N.LABEL_NO_BOOKINGS)}\n        </Notification>\n      ) : null}\n    </View>\n  );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}
+{"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_helpers","_shared__","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","value","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","accent","medium","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, locale, translate } = useLocale();\n\n  const [dataSource, setDataSource] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    (async () => {\n      // * TODO: We should cache as long as the service responds so slow\n      const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n      const cache = storage.get(STORAGE_KEY);\n      if (cache) setDataSource(cache);\n\n      const response = await ServiceUser.bookings().catch(() => {});\n      storage.set(STORAGE_KEY, response);\n\n      setDataSource(response || []);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleManage = (url) => {\n    document.location = url;\n  };\n\n  const bookings = groupDatasource(dataSource, search);\n  const caption = { action: !isMobile, small: isMobile };\n  const has = {\n    bookings: Object.keys(bookings || {}).length > 0 || search,\n    dataSource: dataSource !== undefined,\n  };\n\n  return (\n    <View className={style.container}>\n      <View row className={style.title}>\n        <Text bold headline level={2}>\n          {translate(L10N.ACTION_MY_BOOKINGS)}\n        </Text>\n        {has.bookings && <Search value={search} onChange={setSearch} />}\n      </View>\n      {has.bookings ? (\n        Object.entries(bookings || {}).map(([id, items = []], index) => (\n          <>\n            <Text key={index} bold headline={!isMobile}>\n              {translate({ id }, { num: items.length })}\n            </Text>\n\n            <Cards>\n              {items.map(\n                ({\n                  booking,\n                  checkIn,\n                  checkOut,\n                  currency,\n                  hotel,\n                  image,\n                  location: { city } = {},\n                  price: { total, text: taxesText } = {},\n                  status,\n                  url: { manage, site } = {},\n                } = {}) => {\n                  const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n                  return (\n                    <Card key={booking} className={style.card}>\n                      {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n                      <View className={style.offset}>\n                        <Text bold headline={!isMobile} level={3}>\n                          {hotel}\n                        </Text>\n                        {checkIn && checkOut && (\n                          <Text {...caption}>\n                            {getCalendarCaption(\n                              [parseDate(checkIn), parseDate(checkOut)],\n                              translate,\n                              undefined,\n                              locale,\n                            )}\n                          </Text>\n                        )}\n                        {city && <Text {...caption}>{city}</Text>}\n\n                        <Action {...caption} href={site}>\n                          {translate(L10N.ACTION_VIEW_HOTEL)}\n                        </Action>\n                      </View>\n\n                      <View row className={[style.offset, style.spaceBetween]}>\n                        <View>\n                          <Text bold headline level={isMobile || total >= 10000 ? 3 : 2}>\n                            {currencyFormat({ currency, symbol: true, value: total })}\n                          </Text>\n\n                          <Tooltip text={taxesText}>\n                            <Text accent action={!isMobile} medium small={isMobile}>\n                              {translate(L10N.LABEL_PRICE_DETAILS)}\n                            </Text>\n                          </Tooltip>\n                        </View>\n\n                        {!is.cancelled && !is.past && (\n                          <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n                        )}\n\n                        {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n                      </View>\n                    </Card>\n                  );\n                },\n              )}\n            </Cards>\n          </>\n        ))\n      ) : has.dataSource ? (\n        <Notification info large className={style.notification}>\n          {translate(L10N.LABEL_NO_BOOKINGS)}\n        </Notification>\n      ) : null}\n    </View>\n  );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}

package/build/components/Profile/components/Settings/Settings.Account.js

@@ -171,9 +171,9 @@ const Account = () => {
     className: style.notification
   }, translate(_Settings2.L10N.ERROR)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
-    large: true,
     wide: true,
-    onPress: handleSubmit
+    onPress: handleSubmit,
+    testId: "button-save"
   }, translate(_Settings2.L10N.CTA_ACCOUNT)));
 };
 exports.Account = Account;

package/build/components/Profile/components/Settings/Settings.Account.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.Account.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Account","_form$dateOfBirth","_formError$dateOfBirt","value","locale","session","useStore","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","formError","setFormError","requiredFields","setRequiredFields","responseError","setResponseError","formatDate","getDateFormat","useEffect","profile","next","ServiceCountry","list","country","handleSubmit","hasErrors","keys","length","window","scrollTo","top","behavior","undefined","parameters","getCountryCode","dateOfBirth","dateFormat","parseDate","format","response","ServiceUser","update","catch","error","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_ACCOUNT","countryCode","changes","ACCOUNT_FIELDS","some","key","hasRequiredFields","createElement","Form","validateOnMount","onChange","onError","onSubmit","NotificationRequiredFields","values","Text","wide","DESCRIPTION_ACCOUNT","TextRequiredFields","InputText","id","name","firstName","label","FIRSTNAME_LABEL","required","showRequired","lastName","LASTNAME_LABEL","disabled","EMAIL_LABEL","type","email","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","InputOption","checked","subscribed","SUBSCRIBED_LABEL","small","Notification","className","notification","ERROR","Button","large","onPress","CTA_ACCOUNT","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Account.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport { Button, Form, InputDate, InputOption, InputSelect, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACCOUNT_FIELDS } from './Settings.constants';\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { NotificationRequiredFields, TextRequiredFields } from '../../../__shared__';\nimport { EVENT, getCountryCode } from '../../../helpers';\n\nconst Account = () => {\n  const {\n    set,\n    value: { locale, session = {} },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState(session);\n  const [formError, setFormError] = useState({});\n  const [requiredFields, setRequiredFields] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    setResponseError();\n    set({ profile: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    (async () => {\n      const next = (await ServiceCountry.list(locale)) || {};\n\n      setCountries(next);\n      setForm({ ...form, country: next[session.country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async () => {\n    const hasErrors = Object.keys(formError).length !== 0;\n    if (hasErrors) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      return setRequiredFields(formError);\n    }\n\n    setBusy(true);\n    setRequiredFields();\n    setResponseError(undefined);\n\n    const parameters = {\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n    };\n\n    const response = await ServiceUser.update(parameters).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_ACCOUNT });\n      set({ session: { ...session, ...parameters } });\n    }\n    setBusy(false);\n  };\n\n  const countryCode = getCountryCode(form.country, countries);\n  const has = {\n    changes: ACCOUNT_FIELDS.some((key) => form[key] !== session[key]) || countryCode !== session.country,\n    dateOfBirth: form.dateOfBirth?.length,\n  };\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return (\n    <Form validateOnMount onChange={setForm} onError={setFormError} onSubmit={handleSubmit}>\n      {hasRequiredFields && <NotificationRequiredFields form=\"account\" values={requiredFields} />}\n\n      <Text wide>{translate(L10N.DESCRIPTION_ACCOUNT)}</Text>\n      <TextRequiredFields />\n      <InputText\n        id=\"account-firstName\"\n        name=\"firstName\"\n        error={formError.firstName}\n        label={translate(L10N.FIRSTNAME_LABEL)}\n        required\n        showRequired\n        success={form.firstName !== session.firstName}\n        value={form.firstName}\n      />\n      <InputText\n        id=\"account-lastName\"\n        name=\"lastName\"\n        error={formError.lastName}\n        label={translate(L10N.LASTNAME_LABEL)}\n        required\n        showRequired\n        success={form.lastName !== session.lastName}\n        value={form.lastName}\n      />\n      <InputText\n        id=\"account-email\"\n        name=\"email\"\n        disabled\n        label={translate(L10N.EMAIL_LABEL)}\n        required\n        showRequired\n        type=\"email\"\n        value={form.email}\n      />\n      <InputDate\n        id=\"account-dateOfBirth\"\n        name=\"dateOfBirth\"\n        error={has.dateOfBirth && !!formError.dateOfBirth}\n        hint={has.dateOfBirth && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined}\n        format={formatDate}\n        label={translate(L10N.DATEOFBIRTH_LABEL)}\n        max={dateFormat(dateCalc(new Date(), -18, 'years'), { format: formatDate })}\n        required\n        showRequired\n        success={form.dateOfBirth !== session.dateOfBirth}\n        type=\"inputDate\"\n        value={form.dateOfBirth}\n      />\n      <InputSelect\n        id=\"account-country\"\n        name=\"country\"\n        label={translate(L10N.COUNTRY_LABEL)}\n        placeholder={translate(L10N.COUNTRY_PLACEHOLDER)}\n        options={Object.values(countries)}\n        // required\n        // showRequired\n        success={countryCode !== session.country}\n        value={form.country}\n      />\n      <InputOption\n        name=\"subscribed\"\n        checked={form.subscribed}\n        type=\"checkbox\"\n        label={translate(L10N.SUBSCRIBED_LABEL)}\n        small\n        value={form.subscribed}\n      />\n\n      {responseError && (\n        <Notification error className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} large wide onPress={handleSubmit}>\n        {translate(L10N.CTA_ACCOUNT)}\n      </Button>\n    </Form>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Profile:Account';\n\nAccount.propTypes = {};\n\nexport { Account };\n"],"mappings":"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"}
+{"version":3,"file":"Settings.Account.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Account","_form$dateOfBirth","_formError$dateOfBirt","value","locale","session","useStore","translate","useLocale","busy","setBusy","useState","countries","setCountries","form","setForm","formError","setFormError","requiredFields","setRequiredFields","responseError","setResponseError","formatDate","getDateFormat","useEffect","profile","next","ServiceCountry","list","country","handleSubmit","hasErrors","keys","length","window","scrollTo","top","behavior","undefined","parameters","getCountryCode","dateOfBirth","dateFormat","parseDate","format","response","ServiceUser","update","catch","error","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_ACCOUNT","countryCode","changes","ACCOUNT_FIELDS","some","key","hasRequiredFields","createElement","Form","validateOnMount","onChange","onError","onSubmit","NotificationRequiredFields","values","Text","wide","DESCRIPTION_ACCOUNT","TextRequiredFields","InputText","id","name","firstName","label","FIRSTNAME_LABEL","required","showRequired","lastName","LASTNAME_LABEL","disabled","EMAIL_LABEL","type","email","InputDate","hint","max","DATEOFBIRTH_ERROR","DATEOFBIRTH_LABEL","dateCalc","Date","InputSelect","COUNTRY_LABEL","placeholder","COUNTRY_PLACEHOLDER","options","InputOption","checked","subscribed","SUBSCRIBED_LABEL","small","Notification","className","notification","ERROR","Button","onPress","testId","CTA_ACCOUNT","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Account.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { dateCalc, dateFormat, getDateFormat, parseDate, useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceUser } from '@mirai/services';\nimport { Button, Form, InputDate, InputOption, InputSelect, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { ACCOUNT_FIELDS } from './Settings.constants';\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { NotificationRequiredFields, TextRequiredFields } from '../../../__shared__';\nimport { EVENT, getCountryCode } from '../../../helpers';\n\nconst Account = () => {\n  const {\n    set,\n    value: { locale, session = {} },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [countries, setCountries] = useState({});\n  const [form, setForm] = useState(session);\n  const [formError, setFormError] = useState({});\n  const [requiredFields, setRequiredFields] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const formatDate = getDateFormat(locale);\n\n  useEffect(() => {\n    setResponseError();\n    set({ profile: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    (async () => {\n      const next = (await ServiceCountry.list(locale)) || {};\n\n      setCountries(next);\n      setForm({ ...form, country: next[session.country] });\n    })();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const handleSubmit = async () => {\n    const hasErrors = Object.keys(formError).length !== 0;\n    if (hasErrors) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      return setRequiredFields(formError);\n    }\n\n    setBusy(true);\n    setRequiredFields();\n    setResponseError(undefined);\n\n    const parameters = {\n      ...form,\n      country: getCountryCode(form.country, countries),\n      dateOfBirth: dateFormat(parseDate(form.dateOfBirth, formatDate), { format: 'DD/MM/YYYY' }),\n    };\n\n    const response = await ServiceUser.update(parameters).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_ACCOUNT });\n      set({ session: { ...session, ...parameters } });\n    }\n    setBusy(false);\n  };\n\n  const countryCode = getCountryCode(form.country, countries);\n  const has = {\n    changes: ACCOUNT_FIELDS.some((key) => form[key] !== session[key]) || countryCode !== session.country,\n    dateOfBirth: form.dateOfBirth?.length,\n  };\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return (\n    <Form validateOnMount onChange={setForm} onError={setFormError} onSubmit={handleSubmit}>\n      {hasRequiredFields && <NotificationRequiredFields form=\"account\" values={requiredFields} />}\n\n      <Text wide>{translate(L10N.DESCRIPTION_ACCOUNT)}</Text>\n      <TextRequiredFields />\n      <InputText\n        id=\"account-firstName\"\n        name=\"firstName\"\n        error={formError.firstName}\n        label={translate(L10N.FIRSTNAME_LABEL)}\n        required\n        showRequired\n        success={form.firstName !== session.firstName}\n        value={form.firstName}\n      />\n      <InputText\n        id=\"account-lastName\"\n        name=\"lastName\"\n        error={formError.lastName}\n        label={translate(L10N.LASTNAME_LABEL)}\n        required\n        showRequired\n        success={form.lastName !== session.lastName}\n        value={form.lastName}\n      />\n      <InputText\n        id=\"account-email\"\n        name=\"email\"\n        disabled\n        label={translate(L10N.EMAIL_LABEL)}\n        required\n        showRequired\n        type=\"email\"\n        value={form.email}\n      />\n      <InputDate\n        id=\"account-dateOfBirth\"\n        name=\"dateOfBirth\"\n        error={has.dateOfBirth && !!formError.dateOfBirth}\n        hint={has.dateOfBirth && formError.dateOfBirth?.max ? translate(L10N.DATEOFBIRTH_ERROR) : undefined}\n        format={formatDate}\n        label={translate(L10N.DATEOFBIRTH_LABEL)}\n        max={dateFormat(dateCalc(new Date(), -18, 'years'), { format: formatDate })}\n        required\n        showRequired\n        success={form.dateOfBirth !== session.dateOfBirth}\n        type=\"inputDate\"\n        value={form.dateOfBirth}\n      />\n      <InputSelect\n        id=\"account-country\"\n        name=\"country\"\n        label={translate(L10N.COUNTRY_LABEL)}\n        placeholder={translate(L10N.COUNTRY_PLACEHOLDER)}\n        options={Object.values(countries)}\n        // required\n        // showRequired\n        success={countryCode !== session.country}\n        value={form.country}\n      />\n      <InputOption\n        name=\"subscribed\"\n        checked={form.subscribed}\n        type=\"checkbox\"\n        label={translate(L10N.SUBSCRIBED_LABEL)}\n        small\n        value={form.subscribed}\n      />\n\n      {responseError && (\n        <Notification error className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} wide onPress={handleSubmit} testId=\"button-save\">\n        {translate(L10N.CTA_ACCOUNT)}\n      </Button>\n    </Form>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Profile:Account';\n\nAccount.propTypes = {};\n\nexport { Account };\n"],"mappings":"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"}

package/build/components/Profile/components/Settings/Settings.Password.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 _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 Password = others => {
-  var _form$currentPassword, _formError$currentPas, _form$currentPassword2, _form$password, _formError$password, _form$password2;
+  var _form$password, _formError$password, _form$password2, _form$rePassword, _formError$rePassword, _form$rePassword2;
   const {
     translate
   } = (0, _locale.useLocale)();
@@ -36,89 +36,87 @@ const Password = others => {
   const [form, setForm] = (0, _react.useState)({});
   const [formError, setFormError] = (0, _react.useState)({});
   const [responseError, setResponseError] = (0, _react.useState)();
-  const [sessionError, setSessionError] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     setResponseError();
-    setSessionError();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [form]);
   const handleSubmit = async form => {
     setBusy(true);
     setResponseError(undefined);
-    setSessionError(undefined);
     const {
-      currentPassword,
       password
     } = form;
-    const session = await _services.ServiceUser.login({
-      email,
-      idClub,
-      password: currentPassword
-    }).catch(error => {
-      setSessionError(error);
-    });
-    if (session) set({
-      session
-    });
-    const response = session && (await _services.ServiceUser.update({
+    const response = await _services.ServiceUser.update({
       password
     }).catch(error => {
       setResponseError(error);
-    }));
+    });
     if (response) {
       _dataSources.Event.publish(_helpers.EVENT.NOTIFICATION, {
         success: true,
         ..._Settings.L10N.SUCCESS_PASSWORD
       });
+      const session = await _services.ServiceUser.login({
+        email,
+        idClub,
+        password
+      }).catch(error => {
+        setResponseError(error);
+      });
+      set({
+        session
+      });
     }
     setBusy(false);
   };
   const has = {
-    errors: Object.keys(formError).length !== 0 || form.password === form.currentPassword,
-    responseError: responseError || sessionError
+    errors: Object.keys(formError).length !== 0 || form.password !== form.rePassword,
+    responseError
   };
   return /*#__PURE__*/_react.default.createElement(_ui.Form, _extends({}, others, {
     validateOnMount: true,
     onChange: setForm,
     onError: setFormError,
-    onSubmit: handleSubmit
+    onSubmit: handleSubmit,
+    className: style.form
   }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: true,
     wide: true
   }, translate(_Settings.L10N.DESCRIPTION_PASSWORD)), /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, null), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    name: "currentPassword",
-    error: ((_form$currentPassword = form.currentPassword) === null || _form$currentPassword === void 0 ? void 0 : _form$currentPassword.length) && ((_formError$currentPas = formError.currentPassword) === null || _formError$currentPas === void 0 ? void 0 : _formError$currentPas.test),
+    name: "password",
+    error: ((_form$password = form.password) === null || _form$password === void 0 ? void 0 : _form$password.length) && ((_formError$password = formError.password) === null || _formError$password === void 0 ? void 0 : _formError$password.test),
     hint: translate(_Settings.L10N.PASSWORD_HINT),
-    label: translate(_Settings.L10N.PASSWORD_LABEL),
+    label: translate(_Settings.L10N.PASSWORD_NEW_LABEL),
     required: true,
     showRequired: true,
-    success: ((_form$currentPassword2 = form.currentPassword) === null || _form$currentPassword2 === void 0 ? void 0 : _form$currentPassword2.length) && !formError.currentPassword,
+    success: ((_form$password2 = form.password) === null || _form$password2 === void 0 ? void 0 : _form$password2.length) && !formError.password,
+    test: _helpers.testPassword,
     type: "password",
-    value: form.currentPassword
+    value: form.password
   }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
-    name: "password",
-    error: ((_form$password = form.password) === null || _form$password === void 0 ? void 0 : _form$password.length) && (((_formError$password = formError.password) === null || _formError$password === void 0 ? void 0 : _formError$password.test) || form.password === form.currentPassword),
+    name: "rePassword",
+    error: ((_form$rePassword = form.rePassword) === null || _form$rePassword === void 0 ? void 0 : _form$rePassword.length) && (((_formError$rePassword = formError.rePassword) === null || _formError$rePassword === void 0 ? void 0 : _formError$rePassword.test) || form.rePassword !== form.password),
     hint: translate(_Settings.L10N.PASSWORD_HINT),
-    label: translate(_Settings.L10N.PASSWORD_NEW_LABEL),
+    label: translate(_Settings.L10N.PASSWORD_NEW_CONFIRM_LABEL),
     required: true,
     showRequired: true,
-    success: ((_form$password2 = form.password) === null || _form$password2 === void 0 ? void 0 : _form$password2.length) && form.password !== form.currentPassword && !formError.password,
+    success: ((_form$rePassword2 = form.rePassword) === null || _form$rePassword2 === void 0 ? void 0 : _form$rePassword2.length) && form.rePassword === form.password,
     test: _helpers.testPassword,
     type: "password",
-    value: form.password
+    value: form.rePassword
   }), has.responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     error: true,
+    wide: true,
     className: style.notification
   }, translate(_Settings.L10N.ERROR)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
     disabled: busy || has.errors,
-    large: true,
     wide: true,
-    type: "submit"
+    type: "submit",
+    testId: "button-password"
   }, translate(_Settings.L10N.CTA_PASSWORD)));
 };
 exports.Password = Password;
-Password.displayName = 'Mirai:Core:Profile:Password';
 Password.propTypes = {};
 //# sourceMappingURL=Settings.Password.js.map

package/build/components/Profile/components/Settings/Settings.Password.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.Password.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Password","others","_form$currentPassword","_formError$currentPas","_form$currentPassword2","_form$password","_formError$password","_form$password2","translate","useLocale","value","session","club","id","idClub","email","useStore","busy","setBusy","useState","form","setForm","formError","setFormError","responseError","setResponseError","sessionError","setSessionError","useEffect","handleSubmit","undefined","currentPassword","password","ServiceUser","login","catch","error","response","update","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_PASSWORD","errors","keys","createElement","Form","validateOnMount","onChange","onError","onSubmit","Text","bold","headline","wide","DESCRIPTION_PASSWORD","TextRequiredFields","InputText","name","test","hint","PASSWORD_HINT","label","PASSWORD_LABEL","required","showRequired","type","PASSWORD_NEW_LABEL","testPassword","Notification","className","notification","ERROR","Button","disabled","large","CTA_PASSWORD","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Password.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Button, Form, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { TextRequiredFields } from '../../../__shared__';\nimport { EVENT, testPassword } from '../../../helpers';\n\nconst Password = (others) => {\n  const { translate } = useLocale();\n  const { value: { session: { club: { id: idClub } = {}, email } = {} } = {}, set } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [responseError, setResponseError] = useState();\n  const [sessionError, setSessionError] = useState();\n\n  useEffect(() => {\n    setResponseError();\n    setSessionError();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  const handleSubmit = async (form) => {\n    setBusy(true);\n    setResponseError(undefined);\n    setSessionError(undefined);\n\n    const { currentPassword, password } = form;\n    const session = await ServiceUser.login({ email, idClub, password: currentPassword }).catch((error) => {\n      setSessionError(error);\n    });\n    if (session) set({ session });\n\n    const response =\n      session &&\n      (await ServiceUser.update({\n        password,\n      }).catch((error) => {\n        setResponseError(error);\n      }));\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_PASSWORD });\n    }\n\n    setBusy(false);\n  };\n\n  const has = {\n    errors: Object.keys(formError).length !== 0 || form.password === form.currentPassword,\n    responseError: responseError || sessionError,\n  };\n\n  return (\n    <Form {...others} validateOnMount onChange={setForm} onError={setFormError} onSubmit={handleSubmit}>\n      <Text bold headline wide>\n        {translate(L10N.DESCRIPTION_PASSWORD)}\n      </Text>\n      <TextRequiredFields />\n      <InputText\n        name=\"currentPassword\"\n        error={form.currentPassword?.length && formError.currentPassword?.test}\n        hint={translate(L10N.PASSWORD_HINT)}\n        label={translate(L10N.PASSWORD_LABEL)}\n        required\n        showRequired\n        success={form.currentPassword?.length && !formError.currentPassword}\n        type=\"password\"\n        value={form.currentPassword}\n      />\n\n      <InputText\n        name=\"password\"\n        error={form.password?.length && (formError.password?.test || form.password === form.currentPassword)}\n        hint={translate(L10N.PASSWORD_HINT)}\n        label={translate(L10N.PASSWORD_NEW_LABEL)}\n        required\n        showRequired\n        success={form.password?.length && form.password !== form.currentPassword && !formError.password}\n        test={testPassword}\n        type=\"password\"\n        value={form.password}\n      />\n\n      {has.responseError && (\n        <Notification error className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} disabled={busy || has.errors} large wide type=\"submit\">\n        {translate(L10N.CTA_PASSWORD)}\n      </Button>\n    </Form>\n  );\n};\n\nPassword.displayName = 'Mirai:Core:Profile:Password';\n\nPassword.propTypes = {};\n\nexport { Password };\n"],"mappings":"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"}
+{"version":3,"file":"Settings.Password.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Password","others","_form$password","_formError$password","_form$password2","_form$rePassword","_formError$rePassword","_form$rePassword2","translate","useLocale","value","session","club","id","idClub","email","useStore","busy","setBusy","useState","form","setForm","formError","setFormError","responseError","setResponseError","useEffect","handleSubmit","undefined","password","response","ServiceUser","update","catch","error","Event","publish","EVENT","NOTIFICATION","success","L10N","SUCCESS_PASSWORD","login","errors","keys","rePassword","createElement","Form","validateOnMount","onChange","onError","onSubmit","className","Text","bold","headline","wide","DESCRIPTION_PASSWORD","TextRequiredFields","InputText","name","test","hint","PASSWORD_HINT","label","PASSWORD_NEW_LABEL","required","showRequired","testPassword","type","PASSWORD_NEW_CONFIRM_LABEL","Notification","notification","ERROR","Button","disabled","testId","CTA_PASSWORD","exports","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Password.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Button, Form, InputText, Notification, Text } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { TextRequiredFields } from '../../../__shared__';\nimport { EVENT, testPassword } from '../../../helpers';\n\nconst Password = (others) => {\n  const { translate } = useLocale();\n  const { value: { session: { club: { id: idClub } = {}, email } = {} } = {}, set } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    setResponseError();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  const handleSubmit = async (form) => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const { password } = form;\n    const response = await ServiceUser.update({ password }).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      Event.publish(EVENT.NOTIFICATION, { success: true, ...L10N.SUCCESS_PASSWORD });\n\n      const session = await ServiceUser.login({ email, idClub, password }).catch((error) => {\n        setResponseError(error);\n      });\n      set({ session });\n    }\n\n    setBusy(false);\n  };\n\n  const has = {\n    errors: Object.keys(formError).length !== 0 || form.password !== form.rePassword,\n    responseError,\n  };\n\n  return (\n    <Form\n      {...others}\n      validateOnMount\n      onChange={setForm}\n      onError={setFormError}\n      onSubmit={handleSubmit}\n      className={style.form}\n    >\n      <Text bold headline wide>\n        {translate(L10N.DESCRIPTION_PASSWORD)}\n      </Text>\n\n      <TextRequiredFields />\n\n      <InputText\n        name=\"password\"\n        error={form.password?.length && formError.password?.test}\n        hint={translate(L10N.PASSWORD_HINT)}\n        label={translate(L10N.PASSWORD_NEW_LABEL)}\n        required\n        showRequired\n        success={form.password?.length && !formError.password}\n        test={testPassword}\n        type=\"password\"\n        value={form.password}\n      />\n\n      <InputText\n        name=\"rePassword\"\n        error={form.rePassword?.length && (formError.rePassword?.test || form.rePassword !== form.password)}\n        hint={translate(L10N.PASSWORD_HINT)}\n        label={translate(L10N.PASSWORD_NEW_CONFIRM_LABEL)}\n        required\n        showRequired\n        success={form.rePassword?.length && form.rePassword === form.password}\n        test={testPassword}\n        type=\"password\"\n        value={form.rePassword}\n      />\n\n      {has.responseError && (\n        <Notification error wide className={style.notification}>\n          {translate(L10N.ERROR)}\n        </Notification>\n      )}\n\n      <Button busy={busy} disabled={busy || has.errors} wide type=\"submit\" testId=\"button-password\">\n        {translate(L10N.CTA_PASSWORD)}\n      </Button>\n    </Form>\n  );\n};\n\nPassword.propTypes = {};\n\nexport { Password };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAF,uBAAA,CAAAL,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAuD,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEvD,MAAMK,QAAQ,GAAIC,MAAM,IAAK;EAAA,IAAAC,cAAA,EAAAC,mBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,qBAAA,EAAAC,iBAAA;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAM;IAAEC,KAAK,EAAE;MAAEC,OAAO,EAAE;QAAEC,IAAI,EAAE;UAAEC,EAAE,EAAEC;QAAO,CAAC,GAAG,CAAC,CAAC;QAAEC;MAAM,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IAAEzB;EAAI,CAAC,GAAG,IAAA0B,qBAAQ,EAAC,CAAC;EAE9F,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC,CAAC;EACpC,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC,CAAC;EAC9C,MAAM,CAACK,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC;EAEpD,IAAAO,gBAAS,EAAC,MAAM;IACdD,gBAAgB,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACL,IAAI,CAAC,CAAC;EAEV,MAAMO,YAAY,GAAG,MAAOP,IAAI,IAAK;IACnCF,OAAO,CAAC,IAAI,CAAC;IACbO,gBAAgB,CAACG,SAAS,CAAC;IAE3B,MAAM;MAAEC;IAAS,CAAC,GAAGT,IAAI;IACzB,MAAMU,QAAQ,GAAG,MAAMC,qBAAW,CAACC,MAAM,CAAC;MAAEH;IAAS,CAAC,CAAC,CAACI,KAAK,CAAEC,KAAK,IAAK;MACvET,gBAAgB,CAACS,KAAK,CAAC;IACzB,CAAC,CAAC;IAEF,IAAIJ,QAAQ,EAAE;MACZK,kBAAK,CAACC,OAAO,CAACC,cAAK,CAACC,YAAY,EAAE;QAAEC,OAAO,EAAE,IAAI;QAAE,GAAGC,cAAI,CAACC;MAAiB,CAAC,CAAC;MAE9E,MAAM9B,OAAO,GAAG,MAAMoB,qBAAW,CAACW,KAAK,CAAC;QAAE3B,KAAK;QAAED,MAAM;QAAEe;MAAS,CAAC,CAAC,CAACI,KAAK,CAAEC,KAAK,IAAK;QACpFT,gBAAgB,CAACS,KAAK,CAAC;MACzB,CAAC,CAAC;MACF5C,GAAG,CAAC;QAAEqB;MAAQ,CAAC,CAAC;IAClB;IAEAO,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;EAED,MAAMzC,GAAG,GAAG;IACVkE,MAAM,EAAE7D,MAAM,CAAC8D,IAAI,CAACtB,SAAS,CAAC,CAAC1B,MAAM,KAAK,CAAC,IAAIwB,IAAI,CAACS,QAAQ,KAAKT,IAAI,CAACyB,UAAU;IAChFrB;EACF,CAAC;EAED,oBACE5D,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAAoF,IAAI,EAAAxD,QAAA,KACCU,MAAM;IACV+C,eAAe;IACfC,QAAQ,EAAE5B,OAAQ;IAClB6B,OAAO,EAAE3B,YAAa;IACtB4B,QAAQ,EAAExB,YAAa;IACvByB,SAAS,EAAErF,KAAK,CAACqD;EAAK,iBAEtBxD,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAA0F,IAAI;IAACC,IAAI;IAACC,QAAQ;IAACC,IAAI;EAAA,GACrBhD,SAAS,CAACgC,cAAI,CAACiB,oBAAoB,CAChC,CAAC,eAEP7F,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAAC9E,SAAA,CAAA0F,kBAAkB,MAAE,CAAC,eAEtB9F,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAAgG,SAAS;IACRC,IAAI,EAAC,UAAU;IACf1B,KAAK,EAAE,EAAAhC,cAAA,GAAAkB,IAAI,CAACS,QAAQ,cAAA3B,cAAA,uBAAbA,cAAA,CAAeN,MAAM,OAAAO,mBAAA,GAAImB,SAAS,CAACO,QAAQ,cAAA1B,mBAAA,uBAAlBA,mBAAA,CAAoB0D,IAAI,CAAC;IACzDC,IAAI,EAAEtD,SAAS,CAACgC,cAAI,CAACuB,aAAa,CAAE;IACpCC,KAAK,EAAExD,SAAS,CAACgC,cAAI,CAACyB,kBAAkB,CAAE;IAC1CC,QAAQ;IACRC,YAAY;IACZ5B,OAAO,EAAE,EAAAnC,eAAA,GAAAgB,IAAI,CAACS,QAAQ,cAAAzB,eAAA,uBAAbA,eAAA,CAAeR,MAAM,KAAI,CAAC0B,SAAS,CAACO,QAAS;IACtDgC,IAAI,EAAEO,qBAAa;IACnBC,IAAI,EAAC,UAAU;IACf3D,KAAK,EAAEU,IAAI,CAACS;EAAS,CACtB,CAAC,eAEFjE,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAAgG,SAAS;IACRC,IAAI,EAAC,YAAY;IACjB1B,KAAK,EAAE,EAAA7B,gBAAA,GAAAe,IAAI,CAACyB,UAAU,cAAAxC,gBAAA,uBAAfA,gBAAA,CAAiBT,MAAM,MAAK,EAAAU,qBAAA,GAAAgB,SAAS,CAACuB,UAAU,cAAAvC,qBAAA,uBAApBA,qBAAA,CAAsBuD,IAAI,KAAIzC,IAAI,CAACyB,UAAU,KAAKzB,IAAI,CAACS,QAAQ,CAAE;IACpGiC,IAAI,EAAEtD,SAAS,CAACgC,cAAI,CAACuB,aAAa,CAAE;IACpCC,KAAK,EAAExD,SAAS,CAACgC,cAAI,CAAC8B,0BAA0B,CAAE;IAClDJ,QAAQ;IACRC,YAAY;IACZ5B,OAAO,EAAE,EAAAhC,iBAAA,GAAAa,IAAI,CAACyB,UAAU,cAAAtC,iBAAA,uBAAfA,iBAAA,CAAiBX,MAAM,KAAIwB,IAAI,CAACyB,UAAU,KAAKzB,IAAI,CAACS,QAAS;IACtEgC,IAAI,EAAEO,qBAAa;IACnBC,IAAI,EAAC,UAAU;IACf3D,KAAK,EAAEU,IAAI,CAACyB;EAAW,CACxB,CAAC,EAEDpE,GAAG,CAAC+C,aAAa,iBAChB5D,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAA4G,YAAY;IAACrC,KAAK;IAACsB,IAAI;IAACJ,SAAS,EAAErF,KAAK,CAACyG;EAAa,GACpDhE,SAAS,CAACgC,cAAI,CAACiC,KAAK,CACT,CACf,eAED7G,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAACnF,GAAA,CAAA+G,MAAM;IAACzD,IAAI,EAAEA,IAAK;IAAC0D,QAAQ,EAAE1D,IAAI,IAAIxC,GAAG,CAACkE,MAAO;IAACa,IAAI;IAACa,IAAI,EAAC,QAAQ;IAACO,MAAM,EAAC;EAAiB,GAC1FpE,SAAS,CAACgC,cAAI,CAACqC,YAAY,CACtB,CACJ,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA9E,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAAC+E,SAAS,GAAG,CAAC,CAAC"}

package/build/components/Profile/components/Settings/Settings.Signout.js

@@ -51,9 +51,9 @@ const Signout = () => {
     club: club.name
   })), /*#__PURE__*/_react.default.createElement(_ui.Text, null, translate(_Settings.L10N.DESCRIPTION_SIGNOUT)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     secondary: true,
-    large: true,
     wide: true,
-    onPress: handleOpen
+    onPress: handleOpen,
+    testId: "button-delete-account"
   }, translate(_Settings.L10N.BUTTON_SIGNOUT)), /*#__PURE__*/_react.default.createElement(_ui.Modal, {
     title: translate(_Settings.L10N.BUTTON_SIGNOUT),
     visible: modal,
@@ -69,16 +69,19 @@ const Signout = () => {
     small: true,
     className: style.description
   }, translate(_Settings.L10N.DESCRIPTION_SIGNOUT_MODAL_SUCCESS))), !response ? /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
+    wide: true,
     className: style.buttons
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    disabled: busy,
-    transparent: true,
-    onPress: handleClose
-  }, translate(_Settings.L10N.ACTION_SIGNOUT_CANCEL)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
+    wide: true,
     onPress: handleSubmit
-  }, translate(_Settings.L10N.CTA_SIGNOUT))) : null)));
+  }, translate(_Settings.L10N.CTA_SIGNOUT)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: busy,
+    transparent: true,
+    wide: true,
+    onPress: handleClose,
+    testId: "button-delete-close"
+  }, translate(_Settings.L10N.ACTION_SIGNOUT_CANCEL))) : null)));
 };
 exports.Signout = Signout;
 Signout.displayName = 'Mirai:Core:Profile:Signout';