@mirai/core 0.3.59 → 0.3.61

package/build/components/Rates/Rates.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rates.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_helpers","_Rates","_Rates2","_Rates3","_Rates4","style","_Rates5","_services","_Finder","_helpers2","_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","Rates","_ref","skeleton","others","translate","useLocale","value","club","discount","currency","finder","occupation","hotel","locale","session","urlParams","useStore","compact","setCompact","useState","dataSource","setDataSource","fetching","setFetching","undefined","filter","setFilter","clubDiscount","itemInfo","setItemInfo","itemRateInfo","setItemRateInfo","itemUrl","setItemUrl","responseError","setResponseError","selected","setSelected","storage","Storage","adapter","LocalAdapter","cache","RATES_STORAGE_CACHE","useEffect","nextSelected","handleScroll","window","addEventListener","removeEventListener","fetch","params","nextParams","ServiceRates","catch","concat","RATES_STORAGE_KEY","generateId","JSON","stringify","handleChange","amount","id","standalone","next","handleChangeCurrency","nextCurrency","handleChangeFilter","nextFilter","handleFinderSubmit","values","getFinderParams","history","replaceState","toUrlParams","response","createElement","Fragment","View","className","Finder","assisted","text","L10N","ACTION_SEARCH","onExpand","onSubmit","role","styles","container","Progress","indeterminate","visible","progress","wrapper","content","Filter","onChange","onCurrency","items","map","_ref2","index","item","Item","taxes","onMoreInfo","onRateInfo","rate","onViewUrl","info","Footer","ModalItemInfo","onClose","ModalItemRateInfo","ModalItemUrl","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../src/components/Rates/Rates.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Progress, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { Item, ModalItemInfo, ModalItemRateInfo, ModalItemUrl } from './components';\nimport { getFinderParams } from './helpers';\nimport { RATES_STORAGE_CACHE, RATES_STORAGE_KEY } from './Rates.constants';\nimport { Filter } from './Rates.Filter';\nimport { Footer } from './Rates.Footer';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport Skeleton from './Rates.Skeleton';\nimport { ServiceRates } from '../../services';\nimport { Finder } from '../Finder/Finder';\nimport { generateId, toUrlParams } from '../helpers';\n\nconst Rates = ({ skeleton, ...others }) => {\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { club: { discount } = {}, currency, finder: { occupation } = {}, hotel = {}, locale, session, urlParams },\n  } = useStore();\n\n  const [compact, setCompact] = useState(true);\n  const [dataSource, setDataSource] = useState();\n  const [fetching, setFetching] = useState(undefined);\n  const [filter, setFilter] = useState({ clubDiscount: discount });\n  const [itemInfo, setItemInfo] = useState();\n  const [itemRateInfo, setItemRateInfo] = useState();\n  const [itemUrl, setItemUrl] = useState();\n  const [responseError, setResponseError] = useState();\n  const [selected, setSelected] = useState({});\n\n  const storage = new Storage({ adapter: LocalAdapter, cache: RATES_STORAGE_CACHE });\n\n  useEffect(() => {\n    if (skeleton) return setFetching(true);\n\n    if (urlParams) {\n      const nextSelected = storage.get(key(urlParams));\n      if (nextSelected) setSelected(nextSelected);\n    }\n\n    const handleScroll = () => setCompact(true);\n    window.addEventListener('scroll', handleScroll);\n\n    return () => window.removeEventListener('scroll', handleScroll);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    fetch(currency);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currency, locale, session]);\n\n  const fetch = async (currency, clubDiscount = filter.clubDiscount, params = urlParams) => {\n    if (skeleton) return;\n    setFetching(true);\n    const nextParams = { ...params, currency, locale, session, clubDiscount };\n    setDataSource(await ServiceRates.get(nextParams).catch(setResponseError));\n    setFetching(false);\n  };\n\n  const key = (dataSource) => `${RATES_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\n  const handleChange = ({ amount = 0, id, standalone = false, ...others } = {}) => {\n    const next = standalone ? {} : { ...selected };\n    if (amount === 0) delete next[id];\n    else next[id] = { amount, ...others };\n\n    setSelected(next);\n    storage.set(key(urlParams), next);\n  };\n\n  const handleChangeCurrency = async (nextCurrency) => {\n    await fetch(nextCurrency);\n    set({ currency: nextCurrency });\n  };\n\n  const handleChangeFilter = async (nextFilter) => {\n    setFilter(nextFilter);\n    if (nextFilter.clubDiscount !== filter.clubDiscount) await fetch(currency, nextFilter.clubDiscount);\n  };\n\n  const handleFinderSubmit = (values) => {\n    setCompact(true);\n    setDataSource(undefined);\n    const params = getFinderParams({ ...urlParams, ...values, currency, locale, hotel });\n\n    history.replaceState({}, '', toUrlParams(params));\n    fetch(currency, filter.clubDiscount, params);\n  };\n\n  const response = dataSource !== undefined;\n\n  return (\n    <>\n      <View className={style.finder}>\n        <Finder\n          assisted={false}\n          compact={compact}\n          text={translate(L10N.ACTION_SEARCH)}\n          onExpand={() => setCompact(false)}\n          onSubmit={handleFinderSubmit}\n        />\n      </View>\n      <View {...others} role=\"rates\" className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={fetching && !responseError} className={style.progress} />\n\n        <View className={[style.wrapper, style.content]}>\n          {response ? (\n            <>\n              <Filter\n                dataSource={dataSource}\n                value={filter}\n                onChange={handleChangeFilter}\n                onCurrency={handleChangeCurrency}\n              />\n              {dataSource.items.map(({ id, ...item }, index) => (\n                <Item\n                  key={id || index}\n                  {...{ id, ...item, filter, occupation, selected, taxes: dataSource.taxes }}\n                  onChange={handleChange}\n                  onMoreInfo={() => setItemInfo(item)}\n                  onRateInfo={(rate) => setItemRateInfo(rate)}\n                  onViewUrl={(info) => setItemUrl(info)}\n                />\n              ))}\n            </>\n          ) : (\n            <Skeleton />\n          )}\n        </View>\n\n        {response && (\n          <Footer {...{ dataSource, filter, occupation, selected, taxes: dataSource?.taxes }} onChange={handleChange} />\n        )}\n      </View>\n\n      <ModalItemInfo {...itemInfo} visible={!!itemInfo} onClose={() => setItemInfo()} />\n      <ModalItemRateInfo {...itemRateInfo} visible={!!itemRateInfo} onClose={() => setItemRateInfo()} />\n      <ModalItemUrl {...itemUrl} visible={!!itemUrl} onClose={() => setItemUrl()} />\n    </>\n  );\n};\n\nRates.displayName = 'Mirai:User:Rates';\n\nRates.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nexport { Rates };\n"],"mappings":"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"}
+{"version":3,"file":"Rates.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_helpers","_Rates","_Rates2","_Rates3","_Rates4","style","_Rates5","_Rates6","_services","_Finder","_helpers2","_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","Rates","_ref","skeleton","others","isMobile","useDevice","translate","useLocale","refRoomSelector","useRef","value","club","discount","currency","finder","occupation","hotel","language","locale","session","urlParams","useStore","cart","setCart","useState","compact","setCompact","dataSource","setDataSource","fetching","setFetching","undefined","filter","setFilter","clubDiscount","itemInfo","setItemInfo","itemRateInfo","setItemRateInfo","itemUrl","setItemUrl","responseError","setResponseError","room","setRoom","storage","Storage","adapter","LocalAdapter","cache","RATES_STORAGE_CACHE","useEffect","handleScroll","window","addEventListener","removeEventListener","externalLogoff","id","document","location","href","concat","process","env","SERVICE_USER","EXPIRATION_ENDPOINT","multiRoom","current","offsetHeight","offsetTop","documentElement","scrollTo","top","behavior","fetch","params","nextParams","parties","parseToParties","ServiceRates","catch","RATES_STORAGE_KEY","generateId","JSON","stringify","handleChange","board","nextCart","handleChangeCurrency","nextCurrency","handleChangeFilter","nextFilter","handleFinderSubmit","values","getFinderParams","history","replaceState","toUrlParams","response","roomSelectorProps","onPress","createElement","Fragment","View","ref","className","styles","sticky","Finder","assisted","text","L10N","ACTION_SEARCH","onExpand","onSubmit","Progress","indeterminate","visible","progress","RoomSelector","role","container","wrapper","content","Header","onChange","onCurrency","row","items","map","_ref2","index","item","Item","taxes","onMoreInfo","onRateInfo","rate","onViewUrl","info","Notification","error","large","Text","align","markdown","Footer","ModalItemInfo","onClose","ModalItemRateInfo","ModalItemUrl","exports","propTypes","PropTypes","bool"],"sources":["../../../src/components/Rates/Rates.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Notification, Progress, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Item, ModalItemInfo, ModalItemRateInfo, ModalItemUrl } from './components';\nimport { getFinderParams } from './helpers';\nimport { EXPIRATION_ENDPOINT, RATES_STORAGE_CACHE, RATES_STORAGE_KEY } from './Rates.constants';\nimport { Footer } from './Rates.Footer';\nimport { Header } from './Rates.Header';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { RoomSelector } from './Rates.RoomSelector';\nimport Skeleton from './Rates.Skeleton';\nimport { ServiceRates } from '../../services';\nimport { Finder } from '../Finder/Finder';\nimport { generateId, parseToParties, toUrlParams } from '../helpers';\n\nconst Rates = ({ skeleton, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const refRoomSelector = useRef();\n  const {\n    set,\n    value: {\n      club: { discount, ...club } = {},\n      currency,\n      finder: { occupation = [] } = {},\n      hotel = {},\n      language,\n      locale,\n      session,\n      urlParams,\n    },\n  } = useStore();\n\n  const [cart, setCart] = useState([]);\n  const [compact, setCompact] = useState(true);\n  const [dataSource, setDataSource] = useState();\n  const [fetching, setFetching] = useState(undefined);\n  const [filter, setFilter] = useState({ clubDiscount: discount });\n  const [itemInfo, setItemInfo] = useState();\n  const [itemRateInfo, setItemRateInfo] = useState();\n  const [itemUrl, setItemUrl] = useState();\n  const [responseError, setResponseError] = useState();\n  const [room, setRoom] = useState();\n\n  const storage = new Storage({ adapter: LocalAdapter, cache: RATES_STORAGE_CACHE });\n\n  useEffect(() => {\n    if (skeleton) return setFetching(true);\n\n    const handleScroll = () => setCompact(true);\n    window.addEventListener('scroll', handleScroll);\n\n    return () => window.removeEventListener('scroll', handleScroll);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!urlParams || !dataSource) return;\n\n    // ! Should know if didnt expire the storage\n    // const storedCart = storage.get(key(urlParams));\n    // if (storedCart) setCart(storedCart.map((item) => (item !== null ? item : undefined)));\n    if (dataSource?.externalLogoff && club?.id)\n      document.location.href = `${process.env.SERVICE_USER}/${EXPIRATION_ENDPOINT}?idClub=${club.id}&lang=${language}`;\n\n    if (room == undefined && occupation.length > 1) setRoom(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource]);\n\n  useEffect(() => {\n    if (multiRoom && room > 0) {\n      const { current: { offsetHeight = 0, offsetTop = 0 } = {} } = refRoomSelector || {};\n      document.documentElement.scrollTo({ top: offsetTop + (isMobile ? offsetHeight : 0), behavior: 'smooth' });\n      setDataSource();\n    }\n    fetch(currency, undefined, undefined, room);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale, room, session]);\n\n  const fetch = async (currency, clubDiscount = filter.clubDiscount, params = urlParams, room) => {\n    if (skeleton) return;\n\n    setFetching(true);\n\n    setResponseError();\n    const nextParams = { ...params, club, clubDiscount, currency, locale, session };\n    if (room !== undefined) nextParams.parties = parseToParties([occupation[room]]);\n    setDataSource(await ServiceRates.get(nextParams).catch(setResponseError));\n    setFetching(false);\n  };\n\n  const key = (dataSource) => `${RATES_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\n  const handleChange = (board) => {\n    const nextCart = [...cart];\n    nextCart[room || 0] = board;\n\n    setCart(nextCart);\n    storage.set(key(urlParams), nextCart);\n\n    if (multiRoom && board && room < occupation.length - 1) return setRoom(room + 1);\n  };\n\n  const handleChangeCurrency = async (nextCurrency) => {\n    await fetch(nextCurrency, undefined, undefined, room);\n    setCart([]);\n    set({ currency: nextCurrency });\n  };\n\n  const handleChangeFilter = async (nextFilter) => {\n    setFilter(nextFilter);\n    if (nextFilter.clubDiscount !== filter.clubDiscount)\n      await fetch(currency, nextFilter.clubDiscount, undefined, room);\n  };\n\n  const handleFinderSubmit = (values) => {\n    setCompact(true);\n    setDataSource(undefined);\n    const params = getFinderParams({ ...urlParams, ...values, currency, locale, hotel });\n\n    history.replaceState({}, '', toUrlParams(params));\n    // ! TODO: Restart the process?\n    setCart([]);\n    setRoom(undefined);\n    fetch(currency, filter.clubDiscount, params);\n  };\n\n  const multiRoom = occupation?.length > 1;\n  const response = dataSource !== undefined;\n  const roomSelectorProps = { cart, occupation, room, onPress: setRoom };\n\n  return (\n    <>\n      <View ref={refRoomSelector} className={styles(style.finder, !multiRoom && style.sticky)}>\n        <Finder\n          assisted={false}\n          compact={compact}\n          text={translate(L10N.ACTION_SEARCH)}\n          onExpand={() => setCompact(false)}\n          onSubmit={handleFinderSubmit}\n        />\n      </View>\n\n      <Progress indeterminate visible={fetching && !responseError} className={style.progress} />\n\n      {isMobile && <RoomSelector {...roomSelectorProps} />}\n\n      <View {...others} role=\"rates\" className={styles(style.container, others.className)}>\n        <View className={[style.wrapper, style.content]}>\n          {response && (\n            <Header\n              {...{ dataSource, occupation }}\n              value={filter}\n              onChange={handleChangeFilter}\n              onCurrency={handleChangeCurrency}\n              className={multiRoom ? style.sticky : undefined}\n            >\n              {!isMobile && <RoomSelector {...roomSelectorProps} />}\n            </Header>\n          )}\n\n          {response ? (\n            <>\n              <View row={!isMobile} className={style.items}>\n                {dataSource.items.map(({ id, ...item }, index) => (\n                  <Item\n                    key={id || index}\n                    {...{ id, ...item, filter, multiRoom, taxes: dataSource.taxes }}\n                    cart={cart[room || 0]}\n                    onChange={handleChange}\n                    onMoreInfo={() => setItemInfo(item)}\n                    onRateInfo={(rate) => setItemRateInfo(rate)}\n                    onViewUrl={(info) => setItemUrl(info)}\n                  />\n                ))}\n              </View>\n            </>\n          ) : responseError ? (\n            <Notification error large>\n              <Text align=\"center\" markdown={false}>\n                {JSON.stringify(responseError)}\n              </Text>\n            </Notification>\n          ) : (\n            <Skeleton />\n          )}\n        </View>\n\n        <Footer {...{ cart, dataSource, filter, multiRoom, occupation }} onChange={handleChange} />\n      </View>\n\n      <ModalItemInfo {...itemInfo} visible={!!itemInfo} onClose={() => setItemInfo()} />\n      <ModalItemRateInfo {...itemRateInfo} visible={!!itemRateInfo} onClose={() => setItemRateInfo()} />\n      <ModalItemUrl {...itemUrl} visible={!!itemUrl} onClose={() => setItemUrl()} />\n    </>\n  );\n};\n\nRates.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nexport { Rates };\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,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,KAAA,GAAAP,uBAAA,CAAAN,OAAA;AACA,IAAAc,OAAA,GAAAd,OAAA;AACA,IAAAe,OAAA,GAAAX,sBAAA,CAAAJ,OAAA;AACA,IAAAgB,SAAA,GAAAhB,OAAA;AACA,IAAAiB,OAAA,GAAAjB,OAAA;AACA,IAAAkB,SAAA,GAAAlB,OAAA;AAAqE,SAAAmB,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,SAAAd,wBAAAc,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,SAAAxB,uBAAAoC,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,KAAK,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAF,IAAA;EACpC,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAC,CAAC;EAChC,MAAM;IACJpB,GAAG;IACHqB,KAAK,EAAE;MACLC,IAAI,EAAE;QAAEC,QAAQ;QAAE,GAAGD;MAAK,CAAC,GAAG,CAAC,CAAC;MAChCE,QAAQ;MACRC,MAAM,EAAE;QAAEC,UAAU,GAAG;MAAG,CAAC,GAAG,CAAC,CAAC;MAChCC,KAAK,GAAG,CAAC,CAAC;MACVC,QAAQ;MACRC,MAAM;MACNC,OAAO;MACPC;IACF;EACF,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EACpC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAC5C,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC;EAC9C,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAN,eAAQ,EAACO,SAAS,CAAC;EACnD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAT,eAAQ,EAAC;IAAEU,YAAY,EAAEtB;EAAS,CAAC,CAAC;EAChE,MAAM,CAACuB,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAZ,eAAQ,EAAC,CAAC;EAC1C,MAAM,CAACa,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAd,eAAQ,EAAC,CAAC;EAClD,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAhB,eAAQ,EAAC,CAAC;EACxC,MAAM,CAACiB,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAlB,eAAQ,EAAC,CAAC;EACpD,MAAM,CAACmB,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAApB,eAAQ,EAAC,CAAC;EAElC,MAAMqB,OAAO,GAAG,IAAIC,oBAAO,CAAC;IAAEC,OAAO,EAAEC,yBAAY;IAAEC,KAAK,EAAEC;EAAoB,CAAC,CAAC;EAElF,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIjD,QAAQ,EAAE,OAAO4B,WAAW,CAAC,IAAI,CAAC;IAEtC,MAAMsB,YAAY,GAAGA,CAAA,KAAM1B,UAAU,CAAC,IAAI,CAAC;IAC3C2B,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO,MAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAC/D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAI,CAAC/B,SAAS,IAAI,CAACO,UAAU,EAAE;;IAE/B;IACA;IACA;IACA,IAAIA,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE6B,cAAc,IAAI7C,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE8C,EAAE,EACxCC,QAAQ,CAACC,QAAQ,CAACC,IAAI,MAAAC,MAAA,CAAMC,OAAO,CAACC,GAAG,CAACC,YAAY,OAAAH,MAAA,CAAII,0BAAmB,cAAAJ,MAAA,CAAWlD,IAAI,CAAC8C,EAAE,YAAAI,MAAA,CAAS5C,QAAQ,CAAE;IAElH,IAAI0B,IAAI,IAAIZ,SAAS,IAAIhB,UAAU,CAACnB,MAAM,GAAG,CAAC,EAAEgD,OAAO,CAAC,CAAC,CAAC;IAC1D;EACF,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;EAEhB,IAAAwB,gBAAS,EAAC,MAAM;IACd,IAAIe,SAAS,IAAIvB,IAAI,GAAG,CAAC,EAAE;MACzB,MAAM;QAAEwB,OAAO,EAAE;UAAEC,YAAY,GAAG,CAAC;UAAEC,SAAS,GAAG;QAAE,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG7D,eAAe,IAAI,CAAC,CAAC;MACnFkD,QAAQ,CAACY,eAAe,CAACC,QAAQ,CAAC;QAAEC,GAAG,EAAEH,SAAS,IAAIjE,QAAQ,GAAGgE,YAAY,GAAG,CAAC,CAAC;QAAEK,QAAQ,EAAE;MAAS,CAAC,CAAC;MACzG7C,aAAa,CAAC,CAAC;IACjB;IACA8C,KAAK,CAAC7D,QAAQ,EAAEkB,SAAS,EAAEA,SAAS,EAAEY,IAAI,CAAC;IAC3C;EACF,CAAC,EAAE,CAACzB,MAAM,EAAEyB,IAAI,EAAExB,OAAO,CAAC,CAAC;EAE3B,MAAMuD,KAAK,GAAG,eAAAA,CAAO7D,QAAQ,EAAmE;IAAA,IAAjEqB,YAAY,GAAAvC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAoC,SAAA,GAAApC,SAAA,MAAGqC,MAAM,CAACE,YAAY;IAAA,IAAEyC,MAAM,GAAAhF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAoC,SAAA,GAAApC,SAAA,MAAGyB,SAAS;IAAA,IAAEuB,IAAI,GAAAhD,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAoC,SAAA;IACzF,IAAI7B,QAAQ,EAAE;IAEd4B,WAAW,CAAC,IAAI,CAAC;IAEjBY,gBAAgB,CAAC,CAAC;IAClB,MAAMkC,UAAU,GAAG;MAAE,GAAGD,MAAM;MAAEhE,IAAI;MAAEuB,YAAY;MAAErB,QAAQ;MAAEK,MAAM;MAAEC;IAAQ,CAAC;IAC/E,IAAIwB,IAAI,KAAKZ,SAAS,EAAE6C,UAAU,CAACC,OAAO,GAAG,IAAAC,wBAAc,EAAC,CAAC/D,UAAU,CAAC4B,IAAI,CAAC,CAAC,CAAC;IAC/Ef,aAAa,CAAC,MAAMmD,sBAAY,CAACtG,GAAG,CAACmG,UAAU,CAAC,CAACI,KAAK,CAACtC,gBAAgB,CAAC,CAAC;IACzEZ,WAAW,CAAC,KAAK,CAAC;EACpB,CAAC;EAED,MAAMhC,GAAG,GAAI6B,UAAU,OAAAkC,MAAA,CAAQoB,wBAAiB,OAAApB,MAAA,CAAI,IAAAqB,oBAAU,EAACC,IAAI,CAACC,SAAS,CAACzD,UAAU,CAAC,CAAC,CAAE;EAE5F,MAAM0D,YAAY,GAAIC,KAAK,IAAK;IAC9B,MAAMC,QAAQ,GAAG,CAAC,GAAGjE,IAAI,CAAC;IAC1BiE,QAAQ,CAAC5C,IAAI,IAAI,CAAC,CAAC,GAAG2C,KAAK;IAE3B/D,OAAO,CAACgE,QAAQ,CAAC;IACjB1C,OAAO,CAACxD,GAAG,CAACS,GAAG,CAACsB,SAAS,CAAC,EAAEmE,QAAQ,CAAC;IAErC,IAAIrB,SAAS,IAAIoB,KAAK,IAAI3C,IAAI,GAAG5B,UAAU,CAACnB,MAAM,GAAG,CAAC,EAAE,OAAOgD,OAAO,CAACD,IAAI,GAAG,CAAC,CAAC;EAClF,CAAC;EAED,MAAM6C,oBAAoB,GAAG,MAAOC,YAAY,IAAK;IACnD,MAAMf,KAAK,CAACe,YAAY,EAAE1D,SAAS,EAAEA,SAAS,EAAEY,IAAI,CAAC;IACrDpB,OAAO,CAAC,EAAE,CAAC;IACXlC,GAAG,CAAC;MAAEwB,QAAQ,EAAE4E;IAAa,CAAC,CAAC;EACjC,CAAC;EAED,MAAMC,kBAAkB,GAAG,MAAOC,UAAU,IAAK;IAC/C1D,SAAS,CAAC0D,UAAU,CAAC;IACrB,IAAIA,UAAU,CAACzD,YAAY,KAAKF,MAAM,CAACE,YAAY,EACjD,MAAMwC,KAAK,CAAC7D,QAAQ,EAAE8E,UAAU,CAACzD,YAAY,EAAEH,SAAS,EAAEY,IAAI,CAAC;EACnE,CAAC;EAED,MAAMiD,kBAAkB,GAAIC,MAAM,IAAK;IACrCnE,UAAU,CAAC,IAAI,CAAC;IAChBE,aAAa,CAACG,SAAS,CAAC;IACxB,MAAM4C,MAAM,GAAG,IAAAmB,wBAAe,EAAC;MAAE,GAAG1E,SAAS;MAAE,GAAGyE,MAAM;MAAEhF,QAAQ;MAAEK,MAAM;MAAEF;IAAM,CAAC,CAAC;IAEpF+E,OAAO,CAACC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAAC,qBAAW,EAACtB,MAAM,CAAC,CAAC;IACjD;IACApD,OAAO,CAAC,EAAE,CAAC;IACXqB,OAAO,CAACb,SAAS,CAAC;IAClB2C,KAAK,CAAC7D,QAAQ,EAAEmB,MAAM,CAACE,YAAY,EAAEyC,MAAM,CAAC;EAC9C,CAAC;EAED,MAAMT,SAAS,GAAG,CAAAnD,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEnB,MAAM,IAAG,CAAC;EACxC,MAAMsG,QAAQ,GAAGvE,UAAU,KAAKI,SAAS;EACzC,MAAMoE,iBAAiB,GAAG;IAAE7E,IAAI;IAAEP,UAAU;IAAE4B,IAAI;IAAEyD,OAAO,EAAExD;EAAQ,CAAC;EAEtE,oBACEzF,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAAlJ,MAAA,CAAAoB,OAAA,CAAA+H,QAAA,qBACEnJ,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAAuJ,IAAI;IAACC,GAAG,EAAEhG,eAAgB;IAACiG,SAAS,EAAE,IAAAC,UAAM,EAAC/I,KAAK,CAACmD,MAAM,EAAE,CAACoD,SAAS,IAAIvG,KAAK,CAACgJ,MAAM;EAAE,gBACtFxJ,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACtI,OAAA,CAAA6I,MAAM;IACLC,QAAQ,EAAE,KAAM;IAChBpF,OAAO,EAAEA,OAAQ;IACjBqF,IAAI,EAAExG,SAAS,CAACyG,YAAI,CAACC,aAAa,CAAE;IACpCC,QAAQ,EAAEA,CAAA,KAAMvF,UAAU,CAAC,KAAK,CAAE;IAClCwF,QAAQ,EAAEtB;EAAmB,CAC9B,CACG,CAAC,eAEPzI,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAAmK,QAAQ;IAACC,aAAa;IAACC,OAAO,EAAExF,QAAQ,IAAI,CAACY,aAAc;IAACgE,SAAS,EAAE9I,KAAK,CAAC2J;EAAS,CAAE,CAAC,EAEzFlH,QAAQ,iBAAIjD,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACzI,OAAA,CAAA2J,YAAY,EAAKpB,iBAAoB,CAAC,eAEpDhJ,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAAuJ,IAAI,EAAAhH,QAAA,KAAKY,MAAM;IAAEqH,IAAI,EAAC,OAAO;IAACf,SAAS,EAAE,IAAAC,UAAM,EAAC/I,KAAK,CAAC8J,SAAS,EAAEtH,MAAM,CAACsG,SAAS;EAAE,iBAClFtJ,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAAuJ,IAAI;IAACE,SAAS,EAAE,CAAC9I,KAAK,CAAC+J,OAAO,EAAE/J,KAAK,CAACgK,OAAO;EAAE,GAC7CzB,QAAQ,iBACP/I,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAC5I,OAAA,CAAAmK,MAAM;IACCjG,UAAU;IAAEZ,UAAU;IAC5BL,KAAK,EAAEsB,MAAO;IACd6F,QAAQ,EAAEnC,kBAAmB;IAC7BoC,UAAU,EAAEtC,oBAAqB;IACjCiB,SAAS,EAAEvC,SAAS,GAAGvG,KAAK,CAACgJ,MAAM,GAAG5E;EAAU,GAE/C,CAAC3B,QAAQ,iBAAIjD,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACzI,OAAA,CAAA2J,YAAY,EAAKpB,iBAAoB,CAC9C,CACT,EAEAD,QAAQ,gBACP/I,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAAlJ,MAAA,CAAAoB,OAAA,CAAA+H,QAAA,qBACEnJ,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAAuJ,IAAI;IAACwB,GAAG,EAAE,CAAC3H,QAAS;IAACqG,SAAS,EAAE9I,KAAK,CAACqK;EAAM,GAC1CrG,UAAU,CAACqG,KAAK,CAACC,GAAG,CAAC,CAAAC,KAAA,EAAkBC,KAAK;IAAA,IAAtB;MAAE1E,EAAE;MAAE,GAAG2E;IAAK,CAAC,GAAAF,KAAA;IAAA,oBACpC/K,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAChJ,WAAA,CAAAgL,IAAI,EAAA9I,QAAA;MACHO,GAAG,EAAE2D,EAAE,IAAI0E,KAAM;MACX1E;IAAE,GAAK2E,IAAI;MAAEpG,MAAM;MAAEkC,SAAS;MAAEoE,KAAK,EAAE3G,UAAU,CAAC2G,KAAK;MAC7DhH,IAAI,EAAEA,IAAI,CAACqB,IAAI,IAAI,CAAC,CAAE;MACtBkF,QAAQ,EAAExC,YAAa;MACvBkD,UAAU,EAAEA,CAAA,KAAMnG,WAAW,CAACgG,IAAI,CAAE;MACpCI,UAAU,EAAGC,IAAI,IAAKnG,eAAe,CAACmG,IAAI,CAAE;MAC5CC,SAAS,EAAGC,IAAI,IAAKnG,UAAU,CAACmG,IAAI;IAAE,EACvC,CAAC;EAAA,CACH,CACG,CACN,CAAC,GACDlG,aAAa,gBACftF,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAA4L,YAAY;IAACC,KAAK;IAACC,KAAK;EAAA,gBACvB3L,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACrJ,GAAA,CAAA+L,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,QAAQ,EAAE;EAAM,GAClC9D,IAAI,CAACC,SAAS,CAAC3C,aAAa,CACzB,CACM,CAAC,gBAEftF,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAACxI,OAAA,CAAAU,OAAQ,MAAE,CAET,CAAC,eAEPpB,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAC7I,OAAA,CAAA0L,MAAM;IAAO5H,IAAI;IAAEK,UAAU;IAAEK,MAAM;IAAEkC,SAAS;IAAEnD,UAAU;IAAI8G,QAAQ,EAAExC;EAAa,CAAE,CACtF,CAAC,eAEPlI,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAChJ,WAAA,CAAA8L,aAAa,EAAA5J,QAAA,KAAK4C,QAAQ;IAAEkF,OAAO,EAAE,CAAC,CAAClF,QAAS;IAACiH,OAAO,EAAEA,CAAA,KAAMhH,WAAW,CAAC;EAAE,EAAE,CAAC,eAClFjF,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAChJ,WAAA,CAAAgM,iBAAiB,EAAA9J,QAAA,KAAK8C,YAAY;IAAEgF,OAAO,EAAE,CAAC,CAAChF,YAAa;IAAC+G,OAAO,EAAEA,CAAA,KAAM9G,eAAe,CAAC;EAAE,EAAE,CAAC,eAClGnF,MAAA,CAAAoB,OAAA,CAAA8H,aAAA,CAAChJ,WAAA,CAAAiM,YAAY,EAAA/J,QAAA,KAAKgD,OAAO;IAAE8E,OAAO,EAAE,CAAC,CAAC9E,OAAQ;IAAC6G,OAAO,EAAEA,CAAA,KAAM5G,UAAU,CAAC;EAAE,EAAE,CAC7E,CAAC;AAEP,CAAC;AAAC+G,OAAA,CAAAvJ,KAAA,GAAAA,KAAA;AAEFA,KAAK,CAACwJ,SAAS,GAAG;EAChBtJ,QAAQ,EAAEuJ,kBAAS,CAACC;AACtB,CAAC"}

package/build/components/Rates/Rates.l10n.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
+  ACTION_CLUB_VIEW_CONDITIONS: {
+    id: 'finder.action.club_view_conditions'
+  },
   ACTION_HIDE_CART: {
     id: 'finder.action.hide_cart'
   },
-  ACTION_NEXT: {
-    id: 'finder.action.next'
+  ACTION_RESERVE: {
+    id: 'common.action.reserve'
   },
   ACTION_SEARCH: {
     id: 'common.action.search'
@@ -17,20 +20,26 @@ const L10N = exports.L10N = {
   ACTION_VIEW_CART: {
     id: 'finder.action.view_cart'
   },
-  LABEL_CLUB_DISCOUNT: {
-    id: 'finder.label.discount_club'
+  LABEL_ACCOMMODATION_TYPE: {
+    id: 'common.label.accommodation_type'
   },
   LABEL_CLUB_BENEFITS: {
     id: 'finder.label.club_benefits'
   },
+  LABEL_CLUB_CONDITIONS: {
+    id: 'finder.label.club_conditions'
+  },
+  LABEL_CLUB_DISCOUNT: {
+    id: 'finder.label.discount_club'
+  },
   LABEL_CLUB_MEMBERS_EXCLUSIVE: {
     id: 'finder.label.club_members_exclusive'
   },
-  LABEL_SELECT_TYPE_ACCOMMODATION: {
-    id: 'finder.label.select_type_accommodation'
-  },
   LABEL_INCLUDES_TAXES_FEES: {
     id: 'finder.label.includes_taxes_fees'
+  },
+  LABEL_SELECT: {
+    id: 'common.label.select'
   }
 };
 //# sourceMappingURL=Rates.l10n.js.map

package/build/components/Rates/Rates.l10n.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rates.l10n.js","names":["L10N","exports","ACTION_HIDE_CART","id","ACTION_NEXT","ACTION_SEARCH","ACTION_VIEW_CART","LABEL_CLUB_DISCOUNT","LABEL_CLUB_BENEFITS","LABEL_CLUB_MEMBERS_EXCLUSIVE","LABEL_SELECT_TYPE_ACCOMMODATION","LABEL_INCLUDES_TAXES_FEES"],"sources":["../../../src/components/Rates/Rates.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_HIDE_CART: { id: 'finder.action.hide_cart' },\n  ACTION_NEXT: { id: 'finder.action.next' },\n  ACTION_SEARCH: { id: 'common.action.search' },\n  ACTION_VIEW_CART: { id: 'finder.action.view_cart' },\n\n  LABEL_CLUB_DISCOUNT: { id: 'finder.label.discount_club' },\n  LABEL_CLUB_BENEFITS: { id: 'finder.label.club_benefits' },\n  LABEL_CLUB_MEMBERS_EXCLUSIVE: { id: 'finder.label.club_members_exclusive' },\n  LABEL_SELECT_TYPE_ACCOMMODATION: { id: 'finder.label.select_type_accommodation' },\n  LABEL_INCLUDES_TAXES_FEES: { id: 'finder.label.includes_taxes_fees' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B,CAAC;EACnDC,WAAW,EAAE;IAAED,EAAE,EAAE;EAAqB,CAAC;EACzCE,aAAa,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC7CG,gBAAgB,EAAE;IAAEH,EAAE,EAAE;EAA0B,CAAC;EAEnDI,mBAAmB,EAAE;IAAEJ,EAAE,EAAE;EAA6B,CAAC;EACzDK,mBAAmB,EAAE;IAAEL,EAAE,EAAE;EAA6B,CAAC;EACzDM,4BAA4B,EAAE;IAAEN,EAAE,EAAE;EAAsC,CAAC;EAC3EO,+BAA+B,EAAE;IAAEP,EAAE,EAAE;EAAyC,CAAC;EACjFQ,yBAAyB,EAAE;IAAER,EAAE,EAAE;EAAmC;AACtE,CAAC"}
+{"version":3,"file":"Rates.l10n.js","names":["L10N","exports","ACTION_CLUB_VIEW_CONDITIONS","id","ACTION_HIDE_CART","ACTION_RESERVE","ACTION_SEARCH","ACTION_VIEW_CART","LABEL_ACCOMMODATION_TYPE","LABEL_CLUB_BENEFITS","LABEL_CLUB_CONDITIONS","LABEL_CLUB_DISCOUNT","LABEL_CLUB_MEMBERS_EXCLUSIVE","LABEL_INCLUDES_TAXES_FEES","LABEL_SELECT"],"sources":["../../../src/components/Rates/Rates.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLUB_VIEW_CONDITIONS: { id: 'finder.action.club_view_conditions' },\n  ACTION_HIDE_CART: { id: 'finder.action.hide_cart' },\n  ACTION_RESERVE: { id: 'common.action.reserve' },\n  ACTION_SEARCH: { id: 'common.action.search' },\n  ACTION_VIEW_CART: { id: 'finder.action.view_cart' },\n\n  LABEL_ACCOMMODATION_TYPE: { id: 'common.label.accommodation_type' },\n  LABEL_CLUB_BENEFITS: { id: 'finder.label.club_benefits' },\n  LABEL_CLUB_CONDITIONS: { id: 'finder.label.club_conditions' },\n  LABEL_CLUB_DISCOUNT: { id: 'finder.label.discount_club' },\n  LABEL_CLUB_MEMBERS_EXCLUSIVE: { id: 'finder.label.club_members_exclusive' },\n  LABEL_INCLUDES_TAXES_FEES: { id: 'finder.label.includes_taxes_fees' },\n  LABEL_SELECT: { id: 'common.label.select' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,2BAA2B,EAAE;IAAEC,EAAE,EAAE;EAAqC,CAAC;EACzEC,gBAAgB,EAAE;IAAED,EAAE,EAAE;EAA0B,CAAC;EACnDE,cAAc,EAAE;IAAEF,EAAE,EAAE;EAAwB,CAAC;EAC/CG,aAAa,EAAE;IAAEH,EAAE,EAAE;EAAuB,CAAC;EAC7CI,gBAAgB,EAAE;IAAEJ,EAAE,EAAE;EAA0B,CAAC;EAEnDK,wBAAwB,EAAE;IAAEL,EAAE,EAAE;EAAkC,CAAC;EACnEM,mBAAmB,EAAE;IAAEN,EAAE,EAAE;EAA6B,CAAC;EACzDO,qBAAqB,EAAE;IAAEP,EAAE,EAAE;EAA+B,CAAC;EAC7DQ,mBAAmB,EAAE;IAAER,EAAE,EAAE;EAA6B,CAAC;EACzDS,4BAA4B,EAAE;IAAET,EAAE,EAAE;EAAsC,CAAC;EAC3EU,yBAAyB,EAAE;IAAEV,EAAE,EAAE;EAAmC,CAAC;EACrEW,YAAY,EAAE;IAAEX,EAAE,EAAE;EAAsB;AAC5C,CAAC"}

package/build/components/Rates/Rates.module.css

@@ -10,16 +10,20 @@ body {
   border-bottom: solid 1px var(--mirai-ui-content-border);
   border-top: solid 1px var(--mirai-ui-content-border);
   padding: var(--mirai-ui-space-XS);
+}
+
+.finder.sticky {
   position: sticky;
   top: 0;
   z-index: var(--mirai-ui-layer-M);
 }
 
 .progress {
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
   right: 0;
+  z-index: 1;
 }
 
 .container {
@@ -41,21 +45,26 @@ body {
   width: 100%;
 }
 
-/* -- Filter */
-.filter {
-  justify-content: space-between;
+/* -- <Header> ------------------------------------------------------------------------------------------------------ */
+.header {
+  gap: var(--mirai-ui-space-XS);
+  justify-content: flex-end;
 }
 
-.filter .fields {
-  gap: var(--mirai-ui-space-XS);
+.header.sticky {
+  backdrop-filter: blur(8px);
+  background-color: var(--mirai-ui-content-background);
+  position: sticky;
+  top: 0;
+  z-index: var(--mirai-ui-layer-M);
 }
 
-.filter .input {
+.header .input {
   margin-bottom: 0;
   align-self: center;
 }
 
-.filter .currencyValue {
+.header .currencyValue {
   background-color: var(--mirai-ui-base);
   bottom: calc(var(--mirai-ui-border-width) * 2);
   font-family: var(--mirai-ui-input-font);
@@ -75,45 +84,91 @@ body {
   -moz-appearance: none;
 }
 
-.filter .selectCurrencies {
+.header .selectCurrencies {
   max-width: calc(var(--mirai-ui-space-XL) * 1.8);
   min-width: calc(var(--mirai-ui-space-XL) * 1.8);
 }
 
-.filter .selectCurrencies [data-role='select'] {
+.header .selectCurrencies [data-role='select'] {
   color: transparent;
 }
 
-.filter .clubDiscount {
-  gap: calc(var(--mirai-ui-space-XS) / 2);
+.header .tooltip [data-role='text'] {
+  color: var(--mirai-ui-tooltip-color);
 }
 
-.filter .tag {
+.header .action {
+  display: inline;
+  font-size: inherit;
+  pointer-events: auto;
+  overflow: auto;
+}
+
+.header .action:hover {
+  color: var(--mirai-ui-tooltip-color);
+}
+
+.tag {
   align-items: center;
   background-color: var(--mirai-ui-base);
   border: var(--mirai-ui-input-text-border);
   border-radius: var(--mirai-ui-input-text-radius);
   display: flex;
-  gap: var(--mirai-ui-space-S);
+  gap: var(--mirai-ui-space-XS);
   min-height: var(--mirai-ui-input-min-height);
   padding-left: var(--mirai-ui-input-text-padding-x);
   padding-right: var(--mirai-ui-input-text-padding-x);
 }
 
-.filter .tag.active {
+.tag > [data-role] {
+  color: var(--mirai-ui-content-light);
+}
+
+.tag.active {
   background-color: var(--mirai-ui-accent);
 }
 
-.filter .tag.active [data-role] {
+.tag.active > [data-role] {
   color: var(--mirai-ui-base);
 }
 
-.filter .tag.active,
-.filter .tag.pressable:hover {
+.tag.active,
+.tag.pressable:hover {
   border-color: var(--mirai-ui-accent);
 }
 
-/* -- Footer */
+.tag.highlight {
+  border-color: var(--mirai-ui-accent);
+}
+
+.tag.highlight > [data-role] {
+  color: var(--mirai-ui-accent);
+}
+
+.tag.room {
+  min-width: fit-content;
+}
+
+.tag.room .guests {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.tag.room .separator {
+  opacity: 0.33;
+}
+
+/* -- <RoomSelector> ------------------------------------------------------------------------------------------------ */
+.roomSelector {
+  flex: 1;
+  gap: var(--mirai-ui-space-XS);
+}
+
+/* -- <Items> ------------------------------------------------------------------------------------------------------- */
+.items {
+  gap: var(--mirai-ui-space-M);
+}
+
+/* -- <Footer> ------------------------------------------------------------------------------------------------------ */
 .footer {
   background-color: var(--mirai-ui-base);
   bottom: 0;
@@ -129,48 +184,37 @@ body {
   transform: translateY(0%);
 }
 
-.footer .price {
-  flex: 1;
-  gap: calc(var(--mirai-ui-space-XS) / 2);
-}
-
-.footer .price .line {
-  gap: var(--mirai-ui-space-XS);
-}
-
-.footer .expanded {
-  padding-bottom: var(--mirai-ui-space-S);
-  margin-bottom: var(--mirai-ui-space-M);
-  gap: calc(var(--mirai-ui-space-XS) / 2);
+.footer .cartItem {
   box-shadow: inset 0 -1px 0 var(--mirai-ui-content-border);
-}
-
-.footer .item {
-  background-color: var(--mirai-ui-content-background);
-  border-radius: var(--mirai-ui-border-radius);
   gap: var(--mirai-ui-space-XS);
-  padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-XS) calc(var(--mirai-ui-space-XS) / 2)
-    var(--mirai-ui-space-XS);
 }
 
-.footer .item .amount {
+.cartItem .room {
   background-color: var(--mirai-ui-content-border);
-  border-radius: var(--mirai-ui-border-radius);
+  border-radius: calc(var(--mirai-ui-border-radius) / 2);
   height: var(--mirai-ui-space-L);
   line-height: var(--mirai-ui-space-L);
-  text-align: center;
-  width: var(--mirai-ui-space-L);
+  padding: 0 var(--mirai-ui-space-XS);
 }
 
-.footer .item .description {
+.cartItem .description {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.footer > .wrapper:not(.expanded) {
-  gap: var(--mirai-ui-space-M);
+.cartItem .buttonClose {
+  background-color: var(--mirai-ui-content-background);
+}
+
+.footer .summary {
+  gap: var(--mirai-ui-space-S);
+}
+
+.footer .totalPrice {
+  flex: 1;
+  gap: calc(var(--mirai-ui-space-XS) / 2);
 }
 
 /* -- common ---------------------------------------------------------------- */
@@ -181,48 +225,86 @@ body {
   padding: var(--mirai-ui-space-M);
 }
 
-/* S & M */
-@media only screen and (max-width: 820px) {
+/* S */
+@media only screen and (max-width: 430px) {
   .container {
-    padding: var(--mirai-ui-space-S) var(--mirai-ui-space-XS);
+    padding: 0 var(--mirai-ui-space-XS) var(--mirai-ui-space-M) var(--mirai-ui-space-XS);
   }
 
-  .container > .content {
-    gap: var(--mirai-ui-space-S);
+  .header {
+    padding: var(--mirai-ui-space-M) 0;
   }
 
-  .footer {
-    padding: var(--mirai-ui-space-S);
+  .header .tag {
+    justify-content: space-between;
   }
 
-  .footer .expanded {
-    padding-bottom: var(--mirai-ui-space-S);
+  /* -- <RoomSelector> ---------------------------------------------------------------------------------------------- */
+  .roomSelector {
+    background-color: var(--mirai-ui-base);
+    border-bottom: solid 1px var(--mirai-ui-content-border);
+    left: 0;
+    padding: var(--mirai-ui-space-XS);
+    position: sticky;
+    right: 0;
+    top: 0;
+    width: auto;
+    z-index: var(--mirai-ui-layer-M);
   }
 
-  .filter {
-    gap: var(--mirai-ui-space-S);
+  .roomSelector .tag {
+    min-height: calc(var(--mirai-ui-space-L) + var(--mirai-ui-space-M));
+    padding-left: calc(var(--mirai-ui-input-text-padding-x) / 2);
+    padding-right: calc(var(--mirai-ui-input-text-padding-x) / 2);
   }
 
-  .filter .tag {
-    justify-content: space-between;
+  /* -- <Footer> ---------------------------------------------------------------------------------------------------- */
+  .footer .cartItem {
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
+  }
+
+  .footer .summary {
+    align-items: flex-end;
+    padding: var(--mirai-ui-space-S);
   }
 }
 
-/* L */
-@media only screen and (min-width: 821px) {
+/* M & L */
+@media only screen and (min-width: 431px) {
   .container {
-    padding: var(--mirai-ui-space-L) var(--mirai-ui-space-M);
+    padding: 0 var(--mirai-ui-space-M) var(--mirai-ui-space-M) var(--mirai-ui-space-M);
+  }
+
+  /* -- <Header> ---------------------------------------------------------------------------------------------------- */
+  .header {
+    padding: var(--mirai-ui-space-M) 0;
+  }
+
+  /* -- <Items> ----------------------------------------------------------------------------------------------------- */
+  .items {
+    align-items: stretch;
+    flex-wrap: wrap;
   }
 
-  .container > .content {
-    gap: var(--mirai-ui-space-L);
+  .items > * {
+    box-sizing: border-box;
+    flex-basis: calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3));
   }
 
+  /* -- <Footer> ---------------------------------------------------------------------------------------------------- */
   .footer {
-    padding: var(--mirai-ui-space-M);
+    padding: 0 var(--mirai-ui-space-M);
+  }
+
+  .footer .cartItem {
+    padding: var(--mirai-ui-space-S) 0;
+  }
+
+  .footer .summary {
+    padding: var(--mirai-ui-space-M) 0;
   }
 
-  .footer .expanded {
-    padding-bottom: var(--mirai-ui-space-M);
+  .footer .buttons {
+    gap: var(--mirai-ui-space-M);
   }
 }

package/build/components/Rates/components/Item/Item.Preview.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Preview = void 0;
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
-var _Slider = require("@mirai/ui/build/components/Slider");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _components = require("./components");
@@ -19,57 +18,49 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 Preview = _ref => {
   let {
+    cancellations = [],
     images = [],
     media: {
       url3D,
       urlVideo
     } = {},
+    name: title,
+    selectedBoard = {},
     onMoreInfo,
+    onRateInfo,
     onViewUrl = () => {},
     ...others
   } = _ref;
   const {
-    isDesktop,
+    isMobile,
     width
   } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
   const ref = (0, _react.useRef)(null);
+  const [sliderIndex, setSliderIndex] = (0, _react.useState)(0);
   const [sliderWidth, setSliderWidth] = (0, _react.useState)(320);
   (0, _react.useEffect)(() => {
     var _ref$current;
     if (ref.current) setSliderWidth((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth);
   }, [width]);
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    ref: ref,
-    className: style.preview
+    ref: ref
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.slider
-  }, /*#__PURE__*/_react.default.createElement(_Slider.Slider, {
-    captions: images.map(_ref2 => {
-      let {
-        alt
-      } = _ref2;
-      return alt;
-    }),
-    height: 220,
-    images: images.map(_ref3 => {
+  }, /*#__PURE__*/_react.default.createElement(_ui.Slider, {
+    height: 210,
+    images: images.map(_ref2 => {
       let {
         large
-      } = _ref3;
+      } = _ref2;
       return large;
     }),
-    thumbnails: images.map(_ref4 => {
-      let {
-        thumbnail
-      } = _ref4;
-      return thumbnail;
-    }),
     width: sliderWidth,
-    onChange: () => {},
+    onChange: setSliderIndex,
     className: style.slider
-  }), (url3D || urlVideo) && /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }), (url3D || urlVideo) && sliderIndex === 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.buttons
   }, urlVideo && /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -100,17 +91,41 @@ const Preview = _ref => {
     headline: true,
     level: 2,
     value: _helpers.ICON.THREE_D
-  })))), /*#__PURE__*/_react.default.createElement(_components.Features, _extends({
-    box: true
-  }, others)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.Amenities, _extends({
-    highlight: true
-  }, others)), /*#__PURE__*/_react.default.createElement(_ui.Action, {
+  })))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.offset, style.anchor]
+  }, /*#__PURE__*/_react.default.createElement(_components.Features, _extends({
+    _box: true
+  }, others))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.offset, style.gap, style.anchor]
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: !isMobile,
+    level: 3
+  }, title), /*#__PURE__*/_react.default.createElement(_components.Amenities, _extends({
+    highlight: true,
+    preview: true
+  }, others)), cancellations.length === 1 && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: () => onRateInfo({
+      ...selectedBoard,
+      cancellation: cancellations[0]
+    }),
+    className: style.row
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, cancellations[0].name), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.INFO
+  })), cancellations[0].caption && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true
+  }, cancellations[0].caption)), /*#__PURE__*/_react.default.createElement(_ui.Action, {
     inline: true,
+    small: isMobile,
     onPress: onMoreInfo
-  }, translate(_Item.L10N.ACTION_MORE_INFO)));
+  }, "".concat(translate(_Item.L10N.ACTION_MORE_INFO), " >"))));
 };
 exports.Preview = Preview;
+Preview.displayName = 'Mirai:Core:Rates:Item.Preview';
 Preview.propTypes = {
+  cancellations: _propTypes.default.arrayOf(_propTypes.default.any),
   images: _propTypes.default.arrayOf(_propTypes.default.shape({
     alt: _propTypes.default.string,
     large: _propTypes.default.string,
@@ -120,8 +135,10 @@ Preview.propTypes = {
     url3D: _propTypes.default.string,
     urlVideo: _propTypes.default.string
   }),
+  name: _propTypes.default.string,
+  selectedBoard: _propTypes.default.shape({}),
   onMoreInfo: _propTypes.default.func,
+  onRateInfo: _propTypes.default.func,
   onViewUrl: _propTypes.default.func
 };
-Preview.displayName = 'Mirai:Core:Rates:Item.Preview';
 //# sourceMappingURL=Item.Preview.js.map