@mirai/core 0.4.103 → 0.4.105

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","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","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isDesktop","isMobile","useDevice","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","instanceId","session","useStore","modal","setModal","useState","useEffect","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","publish","METRICS","handleUrl","setTimeout","window","location","SUBMIT_DELAY","logo","type","largeName","nameProps","action","small","fullName","concat","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","metrics","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, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\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 { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON, SUBMIT_DELAY } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\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 { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, id, url } = {},\n      id: instanceId,\n      session,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\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    setModal(true);\n    Event.publish(EVENT.METRICS, { id: 'HEADER:LOGIN' });\n  };\n\n  const handleUrl = () => {\n    Event.publish(EVENT.METRICS, { id: 'HEADER:GO_TO_HOME' });\n    setTimeout(() => (window.location = url), SUBMIT_DELAY / 2);\n  };\n\n  const { logo, name, type } =\n    (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : 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 metrics=\"HEADER\" name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" 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","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","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","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isDesktop","isMobile","useDevice","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","instanceId","session","skeleton","useStore","modal","setModal","useState","useEffect","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","publish","METRICS","handleUrl","setTimeout","window","location","SUBMIT_DELAY","logo","type","largeName","nameProps","action","small","fullName","concat","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","tag","wide","testId","className","styles","header","row","content","main","Skeleton","bold","brand","words","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","src","image","Text","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","metrics","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\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 { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { Skeleton, SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON, SUBMIT_DELAY } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\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 { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, id, url } = {},\n      id: instanceId,\n      session,\n      skeleton = false,\n    } = {},\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\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    setModal(true);\n    Event.publish(EVENT.METRICS, { id: 'HEADER:LOGIN' });\n  };\n\n  const handleUrl = () => {\n    Event.publish(EVENT.METRICS, { id: 'HEADER:GO_TO_HOME' });\n    setTimeout(() => (window.location = url), SUBMIT_DELAY / 2);\n  };\n\n  const { logo, name, type } =\n    (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : 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            {skeleton ? (\n              <Skeleton bold brand words={3} />\n            ) : (\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\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" 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};\n\nexport { Header };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAH,uBAAA,CAAAN,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,aAAA,GAAAb,OAAA;AAAqE,SAAAc,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,SAAAT,wBAAAS,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,SAAAnB,uBAAA+B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAErE,MAAMK,MAAM,GAAGC,IAAA,IAOT;EAAA,IAAAC,KAAA;EAAA,IAPU;IACdC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,MAAM,EAAEC,UAAU,GAAG,IAAI;IACzBC,KAAK,EAAEC,SAAS,GAAG,KAAK;IACxBC,KAAK;IACLC,IAAI,EAAEC,QAAQ;IACd,GAAGC;EACL,CAAC,GAAAX,IAAA;EACC,MAAM;IAAEY,SAAS;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAC3C,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,KAAK,EAAE;UAAEC,EAAE,EAAE,CAACC,OAAO,CAAC,GAAG,EAAE;UAAEC,OAAO;UAAEC,KAAK,EAAEC;QAAU,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC,CAAC;MAC9EC,KAAK,EAAE;QAAEC,QAAQ,GAAG,CAAC,CAAC;QAAEN,EAAE;QAAEO;MAAI,CAAC,GAAG,CAAC,CAAC;MACtCP,EAAE,EAAEQ,UAAU;MACdC,OAAO;MACPC,QAAQ,GAAG;IACb,CAAC,GAAG,CAAC;EACP,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzC,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,QAAQ,GAAG,SAAAA,CAAA;MAAA,IAAC;QAAEC,OAAO,GAAG;MAAK,CAAC,GAAA3C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA4C,SAAA,GAAA5C,SAAA,MAAG,CAAC,CAAC;MAAA,OAAKuC,QAAQ,CAACI,OAAO,CAAC;IAAA;IAE/DE,kBAAK,CAACC,SAAS,CAACC,cAAK,CAACC,KAAK,EAAEN,QAAQ,CAAC;IACtC,OAAO,MAAMG,kBAAK,CAACI,WAAW,CAACF,cAAK,CAACC,KAAK,EAAEN,QAAQ,CAAC;EACvD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,WAAW,GAAGA,CAAA,KAAMX,QAAQ,CAAC,KAAK,CAAC;EAEzC,MAAMY,WAAW,GAAGA,CAAA,KAAM;IACxBZ,QAAQ,CAAC,IAAI,CAAC;IACdM,kBAAK,CAACO,OAAO,CAACL,cAAK,CAACM,OAAO,EAAE;MAAE3B,EAAE,EAAE;IAAe,CAAC,CAAC;EACtD,CAAC;EAED,MAAM4B,SAAS,GAAGA,CAAA,KAAM;IACtBT,kBAAK,CAACO,OAAO,CAACL,cAAK,CAACM,OAAO,EAAE;MAAE3B,EAAE,EAAE;IAAoB,CAAC,CAAC;IACzD6B,UAAU,CAAC,MAAOC,MAAM,CAACC,QAAQ,GAAGxB,GAAI,EAAEyB,qBAAY,GAAG,CAAC,CAAC;EAC7D,CAAC;EAED,MAAM;IAAEC,IAAI;IAAE5C,IAAI;IAAE6C;EAAK,CAAC,GACxB,CAACjC,OAAO,GAAIC,OAAO,GAAGI,QAAQ,CAACL,OAAO,CAAC,GAAG;IAAEZ,IAAI,EAAEe,SAAS;IAAE,GAAGE,QAAQ,CAACE,UAAU;EAAE,CAAC,GAAIF,QAAQ,CAACN,EAAE,CAAC,KAAK,CAAC,CAAC;EAC/G,MAAMmC,SAAS,GAAG,CAAA9C,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEd,MAAM,IAAG,EAAE;EACnC,MAAM6D,SAAS,GAAG;IAAEC,MAAM,EAAGF,SAAS,IAAI,CAAC1C,QAAQ,IAAMA,QAAQ,IAAI,CAAC0C,SAAU;IAAEG,KAAK,EAAEH,SAAS,IAAI1C;EAAS,CAAC;EAChH,MAAM8C,QAAQ,IAAA1D,KAAA,MAAA2D,MAAA,CAAMN,IAAI,GAAGvC,SAAS,CAAC8C,YAAI,CAACC,mBAAmB,EAAE;IAAER;EAAK,CAAC,CAAC,GAAG,EAAE,OAAAM,MAAA,CAAInD,IAAI,eAAAR,KAAA,uBAApEA,KAAA,CAAwE8D,IAAI,CAAC,CAAC;EAE/F,oBACExG,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAAzG,MAAA,CAAAe,OAAA,CAAA2F,QAAA,qBACE1G,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACC,GAAG,EAAC,QAAQ;IAACC,IAAI;IAACC,MAAM,EAAE1D,MAAM,CAAC0D,MAAO;IAACC,SAAS,EAAE,IAAAC,UAAM,EAAC5G,KAAK,CAAC6G,MAAM,EAAE7D,MAAM,CAAC2D,SAAS;EAAE,gBAC/F/G,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACO,GAAG;IAACL,IAAI;IAACE,SAAS,EAAE3G,KAAK,CAAC+G;EAAQ,gBACtCnH,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACO,GAAG;IAACH,SAAS,EAAE3G,KAAK,CAACgH;EAAK,GAC7B7C,QAAQ,gBACPvE,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACpG,SAAA,CAAAgH,QAAQ;IAACC,IAAI;IAACC,KAAK;IAACC,KAAK,EAAE;EAAE,CAAE,CAAC,GAEjC,CAAC1B,IAAI,IAAI7C,KAAK,IAAK,CAAC6C,IAAI,IAAI5C,IAAK,kBAC/BlD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA4H,SAAS;IAACC,OAAO,EAAEtD,GAAG,GAAGqB,SAAS,GAAGV;EAAU,GAC7C9B,KAAK,gBACJjD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACgB,uBAAuB,EAAE;MAAEC,MAAM,EAAE3E,KAAK,CAAC4E;IAAU;EAAE,CAAE,CAAC,GAC5D/B,IAAI,gBACN9F,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACmB,GAAG,EAAE1B,QAAS;IAACQ,GAAG,EAAC,KAAK;IAACmB,GAAG,EAAEjC,IAAK;IAACiB,SAAS,EAAE3G,KAAK,CAAC4H;EAAM,CAAE,CAAC,gBAEpEhI,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAAoI,IAAI,EAAAlG,QAAA,KAAKkE,SAAS;IAAEqB,IAAI;IAACC,KAAK;IAACR,SAAS,EAAE3G,KAAK,CAAC8H;EAAS,IACvD9B,QACG,CAEC,CAEd,EAEA/C,SAAS,iBAAIrD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACvG,WAAA,CAAAiI,cAAc;IAACpB,SAAS,EAAE3G,KAAK,CAACgI;EAAQ,CAAE,CACrD,CAAC,eAEPpI,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACO,GAAG;IAACH,SAAS,EAAE,CAAC3G,KAAK,CAACiI,OAAO,EAAEjI,KAAK,CAACgI,OAAO;EAAE,GACjDtF,UAAU,iBAAI9C,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACpG,SAAA,CAAAiI,iBAAiB;IAACC,SAAS,EAAEjF,QAAS;IAACkF,UAAU;IAACC,OAAO,EAAC,QAAQ;IAACvF,IAAI,EAAC;EAAQ,CAAE,CAAC,EAClGN,YAAY,iBAAI5C,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACpG,SAAA,CAAAiI,iBAAiB;IAACC,SAAS,EAAEjF,QAAS;IAACkF,UAAU;IAACC,OAAO,EAAC,QAAQ;IAACvF,IAAI,EAAC;EAAU,CAAE,CAAC,EACtGF,SAAS,iBACRhD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAAzG,MAAA,CAAAe,OAAA,CAAA2F,QAAA,QACGpC,OAAO,gBACNtE,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAClG,QAAA,CAAAmI,OAAO;IAACH,SAAS;EAAA,CAAE,CAAC,gBAErBvI,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAAzG,MAAA,CAAAe,OAAA,CAAA2F,QAAA,qBACE1G,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA4H,SAAS;IAACC,OAAO,EAAEpC,WAAY;IAACyB,SAAS,EAAE3G,KAAK,CAAC2C;EAAM,gBACtD/C,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACO,GAAG;EAAA,gBACPlH,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8I,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAE,CAAE;IAACnF,KAAK,EAAEoF,aAAI,CAACC;EAAQ,CAAE,CAAC,EAE/C,CAACzF,QAAQ,iBACRtD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAAoI,IAAI;IAAC/B,MAAM;IAAC8C,MAAM;EAAA,GAChBxF,SAAS,CAAC8C,YAAI,CAAC2C,YAAY,CACxB,CAEJ,CACG,CAAC,eACZjJ,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACjG,aAAA,CAAA0I,KAAU;IAACpE,OAAO,EAAEL,KAAM;IAAC0E,OAAO,EAAE9D,WAAY;IAAC+D,SAAS,EAAE/D;EAAY,CAAE,CAC3E,CAEJ,CAEA,CACF,CACF,CAAC,EAENlC,QAAQ,IAAI2C,IAAI,IAAI5C,IAAI,iBACvBlD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACI,SAAS,EAAE,IAAAC,UAAM,EAAC5G,KAAK,CAAC6G,MAAM,EAAE7G,KAAK,CAACiJ,KAAK,EAAEjG,MAAM,CAAC2D,SAAS;EAAE,gBACnE/G,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAA8G,IAAI;IAACO,GAAG;IAACL,IAAI;IAACE,SAAS,EAAE3G,KAAK,CAAC+G;EAAQ,gBACtCnH,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAAC5G,GAAA,CAAAoI,IAAI,EAAKhC,SAAS,EAAGG,QAAe,CACjC,CACF,CACP,EAEA,CAAC/C,SAAS,iBAAIrD,MAAA,CAAAe,OAAA,CAAA0F,aAAA,CAACvG,WAAA,CAAAiI,cAAc,MAAE,CAChC,CAAC;AAEP,CAAC;AAACmB,OAAA,CAAA9G,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAAC+G,WAAW,GAAG,mBAAmB;AAExC/G,MAAM,CAACgH,SAAS,GAAG;EACjB7G,QAAQ,EAAE8G,kBAAS,CAACC,IAAI;EACxBzG,KAAK,EAAEwG,kBAAS,CAACE,GAAG;EACpB9G,MAAM,EAAE4G,kBAAS,CAACC,IAAI;EACtB3G,KAAK,EAAE0G,kBAAS,CAACC,IAAI;EACrBxG,IAAI,EAAEuG,kBAAS,CAACC;AAClB,CAAC"}

package/build/components/Header/components/BookingProcess/BookingProcess.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _BookingProcess = require("./BookingProcess.l10n");
 var style = _interopRequireWildcard(require("./BookingProcess.module.css"));
+var _BookingProcess2 = _interopRequireDefault(require("./BookingProcess.skeleton"));
 var _helpers = require("../../../helpers");
 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; }
@@ -29,7 +30,8 @@ const BookingProcess = _ref => {
   } = (0, _locale.useLocale)();
   const {
     value: {
-      components = {}
+      components = {},
+      skeleton
     } = {}
   } = (0, _dataSources.useStore)();
   const [step, setStep] = (0, _react.useState)(propStep);
@@ -52,7 +54,7 @@ const BookingProcess = _ref => {
   const is = {
     paylater: step === 3
   };
-  return step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+  return skeleton ? /*#__PURE__*/_react.default.createElement(_BookingProcess2.default, null) : step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     row: true,
     className: [style.bookingProcess, others.className]
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {

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

@@ -1 +1 @@
-{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingProcess","style","_helpers","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","useStore","setStep","useState","useEffect","callback","Event","subscribe","EVENT","PAY_LATER","unsubscribe","rates","checkout","booking","undefined","iconProps","small","textProps","action","is","paylater","createElement","View","row","className","bookingProcess","item","Text","bold","bullet","success","Icon","ICON","CHECK","label","L10N","LABEL_CHOOSE_STAY","divider","styles","disabled","LABEL_PERSONAL_DETAILS","Fragment","LABEL_BOOKING","LABEL_CONFIRMATION","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\nimport { EVENT } from '../../../helpers';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { components = {} } = {} } = useStore();\n\n  const [step, setStep] = useState(propStep);\n\n  useEffect(() => {\n    const callback = () => setStep(3);\n\n    Event.subscribe(EVENT.PAY_LATER, callback);\n    return () => Event.unsubscribe(EVENT.PAY_LATER, callback);\n  }, []);\n\n  useEffect(() => {\n    setStep(propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 4 : undefined);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [components, propStep]);\n\n  const iconProps = { small: isMobile };\n  const textProps = { action: !isMobile, small: isMobile };\n  const is = { paylater: step === 3 };\n\n  return step ? (\n    <View {...others} row className={[style.bookingProcess, others.className]}>\n      <View row className={style.item}>\n        <Text {...textProps} bold className={[style.bullet, style.success]}>\n          {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n        </Text>\n        {(!isMobile || step === 1) && (\n          <Text {...textProps} bold={step === 1} className={style.label}>\n            {translate(L10N.LABEL_CHOOSE_STAY)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 2 && style.success)}>\n          {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n        </Text>\n\n        {(!isMobile || step === 2) && (\n          <Text {...textProps} bold={step === 2} className={styles(style.label, step < 2 && style.disabled)}>\n            {translate(L10N.LABEL_PERSONAL_DETAILS)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      {is.paylater && (\n        <>\n          <View row className={style.item}>\n            <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n              {step > 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 4}\n            </Text>\n\n            {(!isMobile || step === 3) && (\n              <Text {...textProps} bold={step === 3} className={styles(style.label, step < 3 && style.disabled)}>\n                {translate(L10N.LABEL_BOOKING)}\n              </Text>\n            )}\n          </View>\n          <View className={style.divider} />\n        </>\n      )}\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n          {step >= 4 ? <Icon {...iconProps} value={ICON.CHECK} /> : is.paylater ? 4 : 3}\n        </Text>\n        {(!isMobile || step === 3) && (\n          <Text {...textProps} bold={step === 4} className={styles(style.label, step < 4 && style.disabled)}>\n            {translate(L10N.LABEL_CONFIRMATION)}\n          </Text>\n        )}\n      </View>\n    </View>\n  ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n  step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}
+{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingProcess","style","_BookingProcess2","_helpers","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","skeleton","useStore","setStep","useState","useEffect","callback","Event","subscribe","EVENT","PAY_LATER","unsubscribe","rates","checkout","booking","undefined","iconProps","small","textProps","action","is","paylater","createElement","View","row","className","bookingProcess","item","Text","bold","bullet","success","Icon","ICON","CHECK","label","L10N","LABEL_CHOOSE_STAY","divider","styles","disabled","LABEL_PERSONAL_DETAILS","Fragment","LABEL_BOOKING","LABEL_CONFIRMATION","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\nimport Skeleton from './BookingProcess.skeleton';\nimport { EVENT } from '../../../helpers';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { components = {}, skeleton } = {} } = useStore();\n\n  const [step, setStep] = useState(propStep);\n\n  useEffect(() => {\n    const callback = () => setStep(3);\n\n    Event.subscribe(EVENT.PAY_LATER, callback);\n    return () => Event.unsubscribe(EVENT.PAY_LATER, callback);\n  }, []);\n\n  useEffect(() => {\n    setStep(propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 4 : undefined);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [components, propStep]);\n\n  const iconProps = { small: isMobile };\n  const textProps = { action: !isMobile, small: isMobile };\n  const is = { paylater: step === 3 };\n\n  return skeleton ? (\n    <Skeleton />\n  ) : step ? (\n    <View {...others} row className={[style.bookingProcess, others.className]}>\n      <View row className={style.item}>\n        <Text {...textProps} bold className={[style.bullet, style.success]}>\n          {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n        </Text>\n        {(!isMobile || step === 1) && (\n          <Text {...textProps} bold={step === 1} className={style.label}>\n            {translate(L10N.LABEL_CHOOSE_STAY)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 2 && style.success)}>\n          {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n        </Text>\n\n        {(!isMobile || step === 2) && (\n          <Text {...textProps} bold={step === 2} className={styles(style.label, step < 2 && style.disabled)}>\n            {translate(L10N.LABEL_PERSONAL_DETAILS)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      {is.paylater && (\n        <>\n          <View row className={style.item}>\n            <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n              {step > 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 4}\n            </Text>\n\n            {(!isMobile || step === 3) && (\n              <Text {...textProps} bold={step === 3} className={styles(style.label, step < 3 && style.disabled)}>\n                {translate(L10N.LABEL_BOOKING)}\n              </Text>\n            )}\n          </View>\n          <View className={style.divider} />\n        </>\n      )}\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n          {step >= 4 ? <Icon {...iconProps} value={ICON.CHECK} /> : is.paylater ? 4 : 3}\n        </Text>\n        {(!isMobile || step === 3) && (\n          <Text {...textProps} bold={step === 4} className={styles(style.label, step < 4 && style.disabled)}>\n            {translate(L10N.LABEL_CONFIRMATION)}\n          </Text>\n        )}\n      </View>\n    </View>\n  ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n  step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}

package/build/components/Header/components/BookingProcess/BookingProcess.skeleton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _shared__ = require("../../../__shared__");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _default = () => {
+  const {
+    isMobile,
+    isDesktop
+  } = (0, _ui.useDevice)();
+  const itemProps = {
+    row: true,
+    style: {
+      gap: 'var(--mirai-ui-space-XS)'
+    }
+  };
+  const iconProps = {
+    style: {
+      borderRadius: '50%',
+      height: 'var(--mirai-ui-space-L)',
+      width: 'var(--mirai-ui-space-L)'
+    }
+  };
+  const textProps = {
+    action: !isMobile,
+    small: isMobile
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      backgroundColor: 'var(--mirai-ui-base)',
+      borderBottom: !isDesktop ? 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)' : undefined,
+      gap: 'var(--mirai-ui-space-XL)',
+      justifyContent: !isDesktop ? 'space-between' : undefined,
+      padding: !isDesktop ? 'var(--mirai-ui-space-XS) var(--mirai-ui-space-M)' : undefined
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
+    words: 2
+  }))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
+    words: 2
+  }))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
+    words: 1
+  }))));
+};
+exports.default = _default;
+//# sourceMappingURL=BookingProcess.skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingProcess.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","isMobile","isDesktop","useDevice","itemProps","row","style","gap","iconProps","borderRadius","height","width","textProps","action","small","createElement","View","backgroundColor","borderBottom","undefined","justifyContent","padding","Skeleton","words","exports"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.skeleton.jsx"],"sourcesContent":["import { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../../../__shared__';\n\nexport default () => {\n  const { isMobile, isDesktop } = useDevice();\n\n  const itemProps = {\n    row: true,\n    style: {\n      gap: 'var(--mirai-ui-space-XS)',\n    },\n  };\n  const iconProps = {\n    style: { borderRadius: '50%', height: 'var(--mirai-ui-space-L)', width: 'var(--mirai-ui-space-L)' },\n  };\n  const textProps = { action: !isMobile, small: isMobile };\n\n  return (\n    <View\n      row\n      style={{\n        backgroundColor: 'var(--mirai-ui-base)',\n        borderBottom: !isDesktop ? 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)' : undefined,\n        gap: 'var(--mirai-ui-space-XL)',\n        justifyContent: !isDesktop ? 'space-between' : undefined,\n        padding: !isDesktop ? 'var(--mirai-ui-space-XS) var(--mirai-ui-space-M)' : undefined,\n      }}\n    >\n      <View {...itemProps}>\n        <Skeleton {...iconProps} />\n        <Skeleton {...textProps} words={2} />\n      </View>\n      <View {...itemProps}>\n        <Skeleton {...iconProps} />\n        {!isMobile && <Skeleton {...textProps} words={2} />}\n      </View>\n      <View {...itemProps}>\n        <Skeleton {...iconProps} />\n        {!isMobile && <Skeleton {...textProps} words={1} />}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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"}

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

@@ -29,8 +29,7 @@ const Password = others => {
         } = {},
         email
       } = {}
-    } = {},
-    set
+    } = {}
   } = (0, _dataSources.useStore)();
   const [busy, setBusy] = (0, _react.useState)(false);
   const [form, setForm] = (0, _react.useState)({});
@@ -56,16 +55,13 @@ const Password = others => {
         success: true,
         ..._Settings.L10N.SUCCESS_PASSWORD
       });
-      const session = await _services.ServiceUser.login({
+      await _services.ServiceUser.login({
         email,
         idClub,
         password
       }).catch(error => {
         setResponseError(error);
       });
-      set({
-        session
-      });
     }
     setBusy(false);
   };

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$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":"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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 } = {} } = {} } = 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      await ServiceUser.login({ email, idClub, password }).catch((error) => {\n        setResponseError(error);\n      });\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":"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"}

package/build/components/Rates/Rates.Skeleton.js

@@ -26,9 +26,6 @@ const RatesSkeleton = () => {
       urlParams
     }
   } = (0, _dataSources.useStore)();
-  const props = {
-    color: 'base'
-  };
   const section = {
     borderBottom: 'solid 1px var(--mirai-ui-content-background)',
     gap: '0.5rem',
@@ -61,13 +58,10 @@ const RatesSkeleton = () => {
       padding: '1rem'
     }
   };
-  const radio = {
-    height: '1rem',
-    width: '1rem'
-  };
   const {
     columnMode,
-    hideRadio
+    hideRadio,
+    rowMode
   } = (0, _helpers.getFeatures)(features, urlParams, {
     isDesktop,
     isMobile
@@ -83,20 +77,25 @@ const RatesSkeleton = () => {
     }
   }, Array.from({
     length: isMobile ? 1 : isTablet ? 2 : 3
-  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({
-    key: index
-  }, props, {
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    key: index,
+    base: true,
+    row: rowMode,
     style: {
       boxSizing: 'border-box',
       flex: 1,
-      flexBasis: isTablet || columnMode ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : isDesktop ? "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))" : '100%',
+      flexBasis: isTablet || columnMode ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : isDesktop && !rowMode ? "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))" : '100%',
       overflow: 'hidden'
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    color: "border",
+  }, /*#__PURE__*/_react.default.createElement(rowMode ? _ui.View : _react.default.Fragment, rowMode ? {
+    style: {
+      borderRight: 'solid 1px var(--mirai-ui-content-background)',
+      minWidth: '50%'
+    }
+  } : undefined, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     style: {
       borderRadius: 0,
-      minHeight: !columnMode ? '208px' : "calc(100svh / ".concat(isPortrait ? 5 : 3, ")")
+      minHeight: !columnMode && !rowMode ? '208px' : "calc(100svh / ".concat(isPortrait ? 5 : 3, ")")
     }
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
@@ -106,29 +105,38 @@ const RatesSkeleton = () => {
       padding: '0.75rem 1rem'
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "12 m\xB2"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "2p"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "King Size")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       ...section
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     headline: true,
-    level: 2
-  }, "Superior Room"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Free wifi internet"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Television"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Mini-bar"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Heating"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "More Info +")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    level: 2,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 2
+  })))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       height: '100%'
     },
@@ -138,39 +146,44 @@ const RatesSkeleton = () => {
       ...section
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Cancellation type"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    action: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: hideRadio
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, hideRadio ? tab : optionContainer, /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Free cancelation")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "$0.00")), /*#__PURE__*/_react.default.createElement(_ui.View, hideRadio ? tab : optionContainer, /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Free cancelation until apr 10")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "$19.95")))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, Array.from({
+    length: 2
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
+    key: index
+  }, hideRadio ? tab : optionContainer), /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 1
+  }))))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      ...section,
-      flex: 1
+      ...section
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Extras"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    action: true,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: hideRadio
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, hideRadio ? tab : optionContainer, /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Only room")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "$0.00")), /*#__PURE__*/_react.default.createElement(_ui.View, hideRadio ? tab : optionContainer, /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Breakfast included")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "$19.95")), /*#__PURE__*/_react.default.createElement(_ui.View, hideRadio ? tab : optionContainer, /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "All included")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "$39.95")))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, Array.from({
+    length: 3
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
+    key: index
+  }, hideRadio ? tab : optionContainer), /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    icon: true
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 3
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    words: 1
+  }))))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     style: {
       alignItems: 'flex-end',
@@ -182,23 +195,25 @@ const RatesSkeleton = () => {
       gap: '0.5rem'
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "5% off"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     headline: true,
-    level: 2
-  }, "$199.50"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "$19.95 per unit & night"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "Includes taxes and fees"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "Price details +")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true,
-    style: {
-      height: '3rem',
-      width: '7rem'
-    }
-  }, "Reserve")))))));
+    level: 2,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 5
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 4
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    words: 1
+  })))))));
 };
 RatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';
 RatesSkeleton.propTypes = {};