@coorpacademy/components 10.27.5-alpha.31 → 10.27.5-alpha.89

package/es/organism/mooc-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/mooc-header/index.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaSolidVoteRewardsRewardsTrophy5","TrophyIcon","NovaCompositionCoorpacademyCog","CogIcon","NovaSolidTimeAlarm","AlarmIcon","Provider","Cta","Select","Picture","InputSwitch","Link","Search","SearchForm","style","MoocHeader","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","translate","skin","context","logoAriaLabel","logoButtonAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","pageBadge","counter","href","itemBadge","name","itemName","activePage","title","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","logoMobile","caretUp","menuWrapper","hiddenMenuWrapper","contextTypes","childContextTypes","propTypes","shape","src","string","srcMobile","func","arrayOf","oneOf","bool","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n    this.setState(prevState => ({\n      isMenuOpen: !prevState.isMenuOpen\n    }));\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, 'button-aria-label': logoButtonAriaLabel} = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={item.title}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={item.title}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div\n              className={style.currentOption}\n              aria-haspopup=\"true\"\n              data-name=\"item-more\"\n              aria-label={moreLabel}\n            >\n              {moreLabel}\n              <ArrowDown color={mediumColor} className={style.caret} />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} color={white} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} color={white} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} color={white} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <InputSwitch {...switchProps} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            color={darkColor}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div className={style.logoWrapper}>\n            <div\n              className={style.logoMobile}\n              data-name=\"logo-mobile\"\n              onClick={this.handleMenuToggle}\n              aria-label={logoButtonAriaLabel}\n              role=\"button\"\n            >\n              <Picture src={logoMobileUrl} aria-label={logoAriaLabel} />\n              {notificationsView}\n              <ArrowDown color={mediumColor} className={isMenuOpen ? style.caretUp : style.caret} />\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              href={logo.href}\n              aria-label={logoAriaLabel}\n            >\n              <Picture src={logoUrl} />\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaSolidVoteRewardsRewardsTrophy5","TrophyIcon","NovaCompositionCoorpacademyCog","CogIcon","NovaSolidTimeAlarm","AlarmIcon","Provider","Cta","Select","Picture","InputSwitch","Link","Search","SearchForm","style","MoocHeader","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","translate","skin","context","logoAriaLabel","logoButtonAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","pageBadge","counter","href","itemBadge","name","itemName","activePage","title","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","logoMobile","caretUp","menuWrapper","hiddenMenuWrapper","contextTypes","childContextTypes","propTypes","shape","src","string","srcMobile","func","arrayOf","oneOf","bool","number"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n    this.setState(prevState => ({\n      isMenuOpen: !prevState.isMenuOpen\n    }));\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, 'button-aria-label': logoButtonAriaLabel} = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={item.title}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={item.title}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div\n              className={style.currentOption}\n              aria-haspopup=\"true\"\n              data-name=\"item-more\"\n              aria-label={moreLabel}\n            >\n              {moreLabel}\n              <ArrowDown color={mediumColor} className={style.caret} />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} color={white} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} color={white} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} color={white} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <InputSwitch {...switchProps} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            color={darkColor}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div className={style.logoWrapper}>\n            <div\n              className={style.logoMobile}\n              data-name=\"logo-mobile\"\n              onClick={this.handleMenuToggle}\n              aria-label={logoButtonAriaLabel}\n              role=\"button\"\n            >\n              <Picture src={logoMobileUrl} aria-label={logoAriaLabel} />\n              {notificationsView}\n              <ArrowDown color={mediumColor} className={isMenuOpen ? style.caretUp : style.caret} />\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              href={logo.href}\n              aria-label={logoAriaLabel}\n            >\n              <Picture src={logoUrl} />\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,+BAA+B,IAAIC,QAFrC,EAGEC,iCAAiC,IAAIC,UAHvC,EAIEC,kCAAkC,IAAIC,UAJxC,EAKEC,8BAA8B,IAAIC,OALpC,EAMEC,kBAAkB,IAAIC,SANxB,QAOO,0BAPP;AAQA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAN,SAAyBxB,KAAK,CAACyB,SAA/B,CAAyC;EAiGvCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,cAAc,EAAE,KADL;MAEXC,UAAU,EAAE,KAFD;MAGXC,OAAO,EAAE;IAHE,CAAb;IAMA,KAAKC,oBAAL,GAA4B,KAAKA,oBAAL,CAA0BC,IAA1B,CAA+B,IAA/B,CAA5B;IACA,KAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBD,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKE,aAAL,GAAqB,KAAKA,aAAL,CAAmBF,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKG,eAAL,GAAuB,KAAKA,eAAL,CAAqBH,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKI,eAAL,GAAuB,KAAKA,eAAL,CAAqBJ,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKK,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBL,IAAxB,CAA6B,IAA7B,CAA1B;IACA,KAAKM,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBN,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKO,aAAL,GAAqB,KAAKA,aAAL,CAAmBP,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKQ,YAAL,GAAoB,KAAKA,YAAL,CAAkBR,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKS,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBT,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKU,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBV,IAAvB,CAA4B,IAA5B,CAAzB;EACD;;EAEDW,kBAAkB,CAACC,SAAD,EAAYC,SAAZ,EAAuBC,WAAvB,EAAoC;IACpD,MAAM;MAAClB;IAAD,IAAmB,KAAKD,KAA9B;;IACA,IAAIC,cAAJ,EAAoB;MAClBmB,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmC,KAAKd,aAAxC;MACAa,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwC,KAAKd,aAA7C;IACD,CAHD,MAGO;MACLa,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsC,KAAKf,aAA3C;MACAa,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2C,KAAKf,aAAhD;IACD;EACF;;EAEDE,eAAe,CAACc,EAAD,EAAK;IAClB,KAAKC,YAAL,GAAoBD,EAApB;EACD;;EAEDhB,aAAa,CAACkB,UAAD,EAAa;IACxB,MAAM;MAACxB;IAAD,IAAmB,KAAKD,KAA9B;;IACA,IAAIC,cAAJ,EAAoB;MAClB,MAAMyB,IAAI,GAAG,KAAKF,YAAlB;;MACA,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACC,QAAL,CAAcF,UAAU,CAACG,MAAzB,CAAb,EAA+C;QAC7C,KAAKxB,oBAAL;MACD;IACF;EACF;;EAEDI,eAAe,GAAG;IAChB,MAAM;MAACN;IAAD,IAAe,KAAKF,KAA1B;IACAE,UAAU,IAAI,KAAKI,gBAAL,EAAd;EACD;;EAEDF,oBAAoB,GAAG;IACrB,KAAKyB,QAAL,CAAcX,SAAS,KAAK;MAC1BjB,cAAc,EAAE,CAACiB,SAAS,CAACjB;IADD,CAAL,CAAvB;EAGD;;EAEDK,gBAAgB,GAAG;IACjB,MAAM;MAACJ;IAAD,IAAe,KAAKF,KAA1B;IACAE,UAAU,GAAG,KAAKa,iBAAL,EAAH,GAA8B,KAAKD,gBAAL,EAAxC;IACA,KAAKe,QAAL,CAAcX,SAAS,KAAK;MAC1BhB,UAAU,EAAE,CAACgB,SAAS,CAAChB;IADG,CAAL,CAAvB;EAGD;;EAEDQ,kBAAkB,GAAG;IACnB,MAAM;MAACoB;IAAD,IAAmB,KAAK/B,KAA9B;;IACA,IAAI+B,cAAJ,EAAoB;MAClBA,cAAc;IACf;EACF;;EAEDnB,iBAAiB,GAAG;IAClB,MAAM;MAACoB;IAAD,IAAkB,KAAKhC,KAA7B;;IACA,IAAIgC,aAAJ,EAAmB;MACjBA,aAAa;IACd;EACF;;EAEDnB,aAAa,GAAG;IACd,KAAKiB,QAAL,CAAcX,SAAS,KAAK;MAC1Bf,OAAO,EAAE;IADiB,CAAL,CAAvB;EAGD;;EAEDU,YAAY,GAAG;IACb,KAAKgB,QAAL,CAAcX,SAAS,KAAK;MAC1Bf,OAAO,EAAE;IADiB,CAAL,CAAvB;EAGD;;EAEDW,gBAAgB,GAAG;IACjB,MAAM;MAACkB;IAAD,IAAe,KAAKjC,KAA1B;;IACA,IAAIiC,UAAJ,EAAgB;MACdA,UAAU;IACX;EACF;;EAEDjB,iBAAiB,GAAG;IAClB,MAAM;MAACkB;IAAD,IAAgB,KAAKlC,KAA3B;;IACA,IAAIkC,WAAJ,EAAiB;MACfA,WAAW;IACZ;EACF;;EAEDC,MAAM,GAAG;IACP,IAAI,SAAQ,KAAKnC,KAAb,CAAJ,EAAyB,OAAO,IAAP;IACzB,MAAM;MACJoC,IAAI,GAAG,EADH;MAEJC,KAAK,EAAEC,KAFH;MAGJC,QAHI;MAIJC,IAJI;MAKJC,KALI;MAMJC,MANI;MAOJ,2BAA2BC,oBAPvB;MAQJ,uBAAuBC,iBARnB;MASJ,6BAA6BC;IATzB,IAUF,KAAK7C,KAVT;IAWA,MAAM;MAACI,OAAD;MAAUF,cAAV;MAA0BC;IAA1B,IAAwC,KAAKF,KAAnD;IACA,MAAM;MAAC6C,SAAD;MAAYC;IAAZ,IAAoB,KAAKC,OAA/B;IACA,MAAM;MAAC,cAAcC,aAAf;MAA8B,qBAAqBC;IAAnD,IAA0Ed,IAAhF;;IACA,MAAMe,OAAO,GAAG,KAAI,KAAJ,EAAWf,IAAX,KAAoB,KAAI,aAAJ,EAAmBW,IAAnB,CAApC;;IACA,MAAMK,aAAa,GAAG,KAAI,WAAJ,EAAiBhB,IAAjB,KAA0B,OAAMe,OAAN,EAAe,oBAAf,EAAqCJ,IAArC,CAAhD;;IAEA,IAAIM,SAAS,GAAG,IAAhB;IACA,IAAIC,SAAS,GAAG,IAAhB;IACA,IAAIC,QAAQ,GAAG,IAAf;IACA,IAAIC,YAAY,GAAG,IAAnB;IACA,IAAIC,iBAAiB,GAAG,IAAxB;IACA,IAAIC,cAAc,GAAG,IAArB;IAEA,MAAMC,SAAS,GAAGb,SAAS,CAAC,MAAD,CAA3B;IACA,MAAMc,UAAU,GAAGd,SAAS,CAAC,OAAD,CAA5B;;IACA,MAAMe,YAAY,GAAG,KAAI,gBAAJ,EAAsBd,IAAtB,CAArB;;IACA,MAAMe,WAAW,GAAG,KAAI,eAAJ,EAAqBf,IAArB,CAApB;;IACA,MAAMgB,SAAS,GAAG,KAAI,aAAJ,EAAmBhB,IAAnB,CAAlB;;IACA,MAAMiB,KAAK,GAAG,KAAI,cAAJ,EAAoBjB,IAApB,CAAd;;IACA,MAAMkB,gBAAgB,GAAG;MAACC,eAAe,EAAEL;IAAlB,CAAzB;;IAEA,IAAIvB,KAAJ,EAAW;MACT,MAAM6B,cAAc,GAAG7B,KAAK,CAAC8B,SAAN,CAAgBC,GAAhB,CAAoB,CAACC,IAAD,EAAOC,KAAP,KAAiB;QAC1D,MAAMC,WAAW,GAAGF,IAAI,CAACG,QAAL,GAChB;UACEC,KAAK,EAAEb;QADT,CADgB,GAIhB,IAJJ;QAMA,MAAM;UAAC,yBAAyBc;QAA1B,IAAgDL,IAAtD;QACA,MAAMM,SAAS,GACbN,IAAI,CAACO,OAAL,GAAe,CAAf,gBACE,oBAAC,IAAD;UACE,IAAI,EAAEP,IAAI,CAACQ,IADb;UAEE,aAAU,YAFZ;UAGE,SAAS,EAAElF,KAAK,CAACmF,SAHnB;UAIE,cAAYJ;QAJd,GAMGL,IAAI,CAACO,OANR,CADF,GASI,IAVN;QAYA,MAAM;UAACG,IAAI,EAAEC,QAAQ,GAAGV;QAAlB,IAA2BD,IAAjC;QAEA,oBACE,oBAAC,IAAD;UACE,GAAG,EAAEW,QADP;UAEE,aAAY,QAAOA,QAAS,EAF9B;UAGE,IAAI,EAAEX,IAAI,CAACQ,IAHb;UAIE,SAAS,EAAER,IAAI,CAACG,QAAL,GAAgB7E,KAAK,CAACsF,UAAtB,GAAmCtF,KAAK,CAAC0E,IAJtD;UAKE,SAAS,MALX;UAME,OAAO,EAAE,KAAK7D,eANhB;UAOE,MAAM,EAAE6D,IAAI,CAACzC,MAAL,IAAe,IAPzB;UAQE,cAAYyC,IAAI,CAACa,KARnB;UASE,KAAK,eACAX,WADA;QATP,GAaGF,IAAI,CAACa,KAbR,EAcGP,SAdH,eAeE;UACE,SAAS,EAAEhF,KAAK,CAACwF,GADnB;UAEE,KAAK,EAAE;YACLlB,eAAe,EAAEL;UADZ;QAFT,EAfF,CADF;MAwBD,CA9CsB,CAAvB;MAgDA,MAAMwB,WAAW,GAAG/C,KAAK,CAACgD,IAAN,CAAWjB,GAAX,CAAe,CAACC,IAAD,EAAOC,KAAP,KAAiB;QAClD,MAAMC,WAAW,GAAGF,IAAI,CAACG,QAAL,GAChB;UACEC,KAAK,EAAEb;QADT,CADgB,GAIhB,IAJJ;QAMA,MAAM;UAACmB,IAAI,EAAEC,QAAQ,GAAGV;QAAlB,IAA2BD,IAAjC;QAEA,oBACE,oBAAC,IAAD;UACE,IAAI,EAAEA,IAAI,CAACQ,IADb;UAEE,GAAG,EAAEG,QAFP;UAGE,SAAS,EAAErF,KAAK,CAAC2F,MAHnB;UAIE,aAAY,aAAYN,QAAS,EAJnC;UAKE,MAAM,EAAEX,IAAI,CAACzC,MAAL,IAAe,IALzB;UAME,cAAYyC,IAAI,CAACa,KANnB;UAOE,OAAO,EAAE,KAAK1E,eAPhB;UAQE,SAAS,MARX;UASE,KAAK,eACA+D,WADA;QATP,GAaGF,IAAI,CAACa,KAbR,CADF;MAiBD,CA1BmB,CAApB;MA4BA9B,SAAS,gBACP;QAAK,SAAS,EAAEX,MAAM,CAAC8C,KAAP,IAAgBpF,OAAhB,GAA0BR,KAAK,CAAC6F,OAAhC,GAA0C7F,KAAK,CAAC0C;MAAhE,GACG6B,cADH,eAEE;QAAK,SAAS,EAAEvE,KAAK,CAAC0F;MAAtB,gBACE;QACE,SAAS,EAAE1F,KAAK,CAAC8F,aADnB;QAEE,iBAAc,MAFhB;QAGE,aAAU,WAHZ;QAIE,cAAY/B;MAJd,GAMGA,SANH,eAOE,oBAAC,SAAD;QAAW,KAAK,EAAEG,WAAlB;QAA+B,SAAS,EAAElE,KAAK,CAAC+F;MAAhD,EAPF,CADF,eAUE;QAAK,SAAS,EAAE/F,KAAK,CAACgG;MAAtB,GAAqCP,WAArC,CAVF,CAFF,CADF;IAiBD;;IAED,IAAI5C,KAAJ,EAAW;MACT,MAAMoD,IAAI,GAAGpD,KAAK,CAAC4B,GAAN,CAAU,CAACyB,GAAD,EAAMvB,KAAN,KAAgB;QACrC,oBACE,oBAAC,GAAD,eAASuB,GAAT;UAAc,GAAG,EAAEvB,KAAnB;UAA0B,SAAS,EAAEA,KAAK,GAAG,CAAR,KAAc9B,KAAK,CAACsD,MAApB,GAA6B,IAA7B,GAAoCnG,KAAK,CAACoG;QAA/E,GADF;MAGD,CAJY,CAAb;MAMA1C,SAAS,gBAAG;QAAK,SAAS,EAAE1D,KAAK,CAAC6C;MAAtB,GAA8BoD,IAA9B,CAAZ;IACD;;IAED,IAAIrD,IAAJ,EAAU;MACR,MAAMyD,eAAe,GAAG,OAAM,CAAN,EAAS,qBAAT,EAAgCzD,IAAhC,CAAxB;;MACA,MAAM0D,sBAAsB,GAAG,OAAM,EAAN,EAAU,0BAAV,EAAsC1D,IAAtC,CAA/B;;MAEAiB,iBAAiB,GACfwC,eAAe,GAAG,CAAlB,gBACE,oBAAC,IAAD;QACE,IAAI,EAAEzD,IAAI,CAAC2D,aAAL,CAAmBrB,IAD3B;QAEE,aAAU,oBAFZ;QAGE,SAAS,EAAElF,KAAK,CAACuG;MAHnB,GAKGF,eALH,CADF,GAQI,IATN;MAUA,MAAMG,oBAAoB,gBACxB,oBAAC,IAAD;QACE,SAAS,EAAE7H,UAAU,CAACqB,KAAK,CAACyG,YAAP,EAAqBJ,eAAe,GAAG,CAAlB,GAAsBrG,KAAK,CAAC0G,MAA5B,GAAqC,IAA1D,CADvB;QAEE,aAAU,oBAFZ;QAGE,IAAI,EAAE9D,IAAI,CAAC2D,aAAL,CAAmBrB,IAH3B;QAIE,cAAYoB;MAJd,gBAME,8CACE,oBAAC,SAAD;QAAW,KAAK,EAAE,EAAlB;QAAsB,MAAM,EAAE;MAA9B,EADF,CANF,EASGzC,iBATH,CADF;MAaAF,QAAQ,gBACN;QAAK,SAAS,EAAE3D,KAAK,CAAC4C;MAAtB,gBACE;QAAK,SAAS,EAAE5C,KAAK,CAAC2G;MAAtB,gBACE,oBAAC,IAAD;QACE,SAAS,EAAE3G,KAAK,CAAC4G,IADnB;QAEE,aAAU,YAFZ;QAGE,IAAI,EAAEhE,IAAI,CAAC+D,KAAL,CAAWE,KAAX,CAAiB3B,IAHzB;QAIE,OAAO,EAAE,KAAKrE,eAJhB;QAKE,cAAY+B,IAAI,CAAC+D,KAAL,CAAWE,KAAX,CAAiB,YAAjB;MALd,gBAOE;QAAK,SAAS,EAAE7G,KAAK,CAAC8G,WAAtB;QAAmC,KAAK,EAAEzC;MAA1C,gBACE,oBAAC,QAAD;QAAU,SAAS,EAAErE,KAAK,CAAC6G,KAA3B;QAAkC,KAAK,EAAEzC;MAAzC,EADF,CAPF,eAUE;QAAK,aAAU,OAAf;QAAuB,SAAS,EAAEpE,KAAK,CAAC+G;MAAxC,GACGnE,IAAI,CAAC+D,KAAL,CAAWE,KAAX,CAAiBE,KADpB,CAVF,CADF,eAeE,oBAAC,IAAD;QACE,SAAS,EAAE/G,KAAK,CAAC4G,IADnB;QAEE,aAAU,cAFZ;QAGE,IAAI,EAAEhE,IAAI,CAAC+D,KAAL,CAAWK,OAAX,CAAmB9B,IAH3B;QAIE,OAAO,EAAE,KAAKrE,eAJhB;QAKE,cAAY+B,IAAI,CAAC+D,KAAL,CAAWK,OAAX,CAAmB,YAAnB;MALd,gBAOE;QAAK,SAAS,EAAEhH,KAAK,CAAC8G,WAAtB;QAAmC,KAAK,EAAEzC;MAA1C,gBACE,oBAAC,UAAD;QAAY,SAAS,EAAErE,KAAK,CAACgH,OAA7B;QAAsC,KAAK,EAAE5C;MAA7C,EADF,CAPF,eAWE;QAAK,aAAU,OAAf;QAAuB,SAAS,EAAEpE,KAAK,CAAC+G;MAAxC,GACGnE,IAAI,CAAC+D,KAAL,CAAWK,OAAX,CAAmBD,KADtB,CAXF,CAfF,eA8BE,oBAAC,IAAD;QACE,SAAS,EAAE/G,KAAK,CAAC4G,IADnB;QAEE,aAAU,YAFZ;QAGE,IAAI,EAAEhE,IAAI,CAAC+D,KAAL,CAAWM,KAAX,CAAiB/B,IAHzB;QAIE,OAAO,EAAE,KAAKrE,eAJhB;QAKE,cAAY+B,IAAI,CAAC+D,KAAL,CAAWM,KAAX,CAAiB,YAAjB;MALd,gBAOE;QAAK,SAAS,EAAEjH,KAAK,CAAC8G,WAAtB;QAAmC,KAAK,EAAEzC;MAA1C,gBACE,oBAAC,UAAD;QAAY,SAAS,EAAErE,KAAK,CAACiH,KAA7B;QAAoC,KAAK,EAAE7C;MAA3C,EADF,CAPF,eAUE;QAAK,SAAS,EAAEpE,KAAK,CAAC+G;MAAtB,GAA8BnE,IAAI,CAAC+D,KAAL,CAAWM,KAAX,CAAiBF,KAA/C,CAVF,CA9BF,CADF,eA4CE;QAAK,SAAS,EAAE/G,KAAK,CAACkH;MAAtB,GACGV,oBADH,eAEE;QAAK,SAAS,EAAExG,KAAK,CAACmH,MAAtB;QAA8B,aAAU;MAAxC,gBACE,oBAAC,IAAD;QACE,IAAI,EAAEvE,IAAI,CAACsC,IADb;QAEE,SAAS,EAAElF,KAAK,CAACoH,QAFnB;QAGE,OAAO,EAAE,KAAKvG,eAHhB;QAIE,cAAY+B,IAAI,CAAC,oBAAD;MAJlB,gBAME,oBAAC,OAAD;QAAS,GAAG,EAAEA,IAAI,CAACyE;MAAnB,EANF,CADF,CAFF,CA5CF,CADF;IA4DD;;IAED,IAAI1E,QAAJ,EAAc;MACZ,MAAM2E,gBAAgB,GAAG3E,QAAQ,CAAC8B,GAAT,CAAa,CAAC8C,OAAD,EAAU5C,KAAV,KAAoB;QACxD,IAAI6C,WAAW,GAAG,IAAlB;QACA,MAAM;UACJC,OADI;UAEJC,IAFI;UAGJnC,KAHI;UAIJH,IAAI,EAAEuC,WAAW,GAAGhD,KAJhB;UAKJG,KALI;UAMJ8C,UANI;UAOJ,cAAcC;QAPV,IAQFN,OARJ;;QAUA,QAAQG,IAAR;UACE,KAAK,MAAL;YAAa;cACXF,WAAW,gBACT;gBAAK,aAAY,WAAUG,WAAY,EAAvC;gBAA0C,SAAS,EAAE3H,KAAK,CAACuH,OAA3D;gBAAoE,GAAG,EAAEI;cAAzE,gBACE,oBAAC,IAAD;gBACE,SAAS,EAAE3H,KAAK,CAAC8H,IADnB;gBAEE,IAAI,EAAEL,OAAO,CAACvC,IAFhB;gBAGE,SAAS,MAHX;gBAIE,UAAU,EAAE0C,UAJd;gBAKE,OAAO,EAAE,KAAK/G,eALhB;gBAME,MAAM,EAAE4G,OAAO,CAACxF,MAAR,IAAkB,IAN5B;gBAOE,cAAY4F,SAAS,IAAItC,KAP3B;gBAQE,KAAK,EAAE;kBACLT;gBADK;cART,GAYGS,KAZH,CADF,CADF;cAkBA;YACD;;UACD,KAAK,QAAL;YAAe;cACb,MAAMwC,WAAW,GAAG,EAApB;cACAA,WAAW,CAACN,OAAZ,GAAsBA,OAAO,CAACO,MAA9B;cACAD,WAAW,CAACxC,KAAZ,GAAoB,EAApB;cACAwC,WAAW,CAACE,KAAZ,GAAoB,QAApB;cACAF,WAAW,CAACG,QAAZ,GAAuBT,OAAO,CAACS,QAA/B;cAEAV,WAAW,gBACT;gBACE,aAAY,WAAUG,WAAY,EADpC;gBAEE,SAAS,EAAE3H,KAAK,CAACuH,OAFnB;gBAGE,GAAG,EAAEI,WAHP;gBAIE,cAAYE,SAAS,IAAItC;cAJ3B,gBAME;gBAAM,SAAS,EAAEvF,KAAK,CAAC+G;cAAvB,GAA+BxB,KAA/B,CANF,eAOE,oBAAC,MAAD,EAAYwC,WAAZ,CAPF,CADF;cAWA;YACD;;UACD,KAAK,QAAL;YAAe;cACb,MAAMI,WAAW,GAAG,EAApB;cACAA,WAAW,CAACvC,KAAZ,GAAoB6B,OAAO,CAAC7B,KAA5B;cACAuC,WAAW,CAACC,EAAZ,GAAkB,gBAAezD,KAAM,EAAvC;cACAwD,WAAW,CAACD,QAAZ,GAAuBT,OAAO,CAACS,QAA/B;cAEAV,WAAW,gBACT;gBACE,aAAY,WAAUG,WAAY,EADpC;gBAEE,SAAS,EAAE3H,KAAK,CAACuH,OAFnB;gBAGE,GAAG,EAAEI,WAHP;gBAIE,cAAYE,SAAS,IAAItC;cAJ3B,gBAME;gBAAM,SAAS,EAAEvF,KAAK,CAAC+G;cAAvB,GAA+BxB,KAA/B,CANF,eAOE,oBAAC,WAAD,EAAiB4C,WAAjB,CAPF,CADF;cAWA;YACD;QA5DH;;QA+DA,OAAOX,WAAP;MACD,CA5EwB,CAAzB;MA8EA5D,YAAY,gBACV;QAAK,SAAS,EAAE5D,KAAK,CAAC2C,QAAtB;QAAgC,GAAG,EAAE,KAAK7B;MAA1C,gBACE,oBAAC,OAAD;QACE,aAAU,iBADZ;QAEE,KAAK,EAAEqD,SAFT;QAGE,SAAS,EAAEnE,KAAK,CAACqI,cAHnB;QAIE,OAAO,EAAE,KAAK5H,oBAJhB;QAKE,iBAAeH,cALjB;QAME,cAAY0C;MANd,EADF,eASE;QAAK,SAAS,EAAE1C,cAAc,GAAGN,KAAK,CAACsI,eAAT,GAA2BtI,KAAK,CAACuI;MAA/D,gBACE;QAAK,aAAU,UAAf;QAA0B,SAAS,EAAEvI,KAAK,CAACwI;MAA3C,GACGlB,gBADH,CADF,eAIE;QACE,SAAS,EAAEtH,KAAK,CAACyI,aADnB;QAEE,OAAO,EAAE,KAAKhI,oBAFhB;QAGE,cAAYwC;MAHd,GAKGe,UALH,CAJF,CATF,CADF;IAwBD;;IAED,IAAIlB,MAAJ,EAAY;MACVgB,cAAc,gBACZ;QACE,aAAU,YADZ;QAEE,SAAS,EAAEvD,UAAU,GAAGP,KAAK,CAAC0I,eAAT,GAA2B1I,KAAK,CAAC2I;MAFxD,gBAIE,oBAAC,UAAD;QACE,MAAM,EAAE7F,MADV;QAEE,QAAQ,EAAE,KAAK/B,kBAFjB;QAGE,OAAO,EAAE,KAAKC,iBAHhB;QAIE,aAAa,EAAE,KAAKC,aAJtB;QAKE,YAAY,EAAE,KAAKC,YALrB;QAME,2BAAyB6B;MAN3B,EAJF,CADF;IAeD;;IAED,oBACE;MAAQ,SAAS,EAAE/C,KAAK,CAAC4I;IAAzB,gBACE;MACE,aAAU,YADZ;MAEE,aAAWrI,UAFb;MAGE,SAAS,EAAEA,UAAU,GAAGP,KAAK,CAAC6I,IAAT,GAAgB7I,KAAK,CAAC8I;IAH7C,gBAKE;MAAK,SAAS,EAAE9I,KAAK,CAAC+I;IAAtB,gBACE;MACE,SAAS,EAAE/I,KAAK,CAACgJ,UADnB;MAEE,aAAU,aAFZ;MAGE,OAAO,EAAE,KAAKrI,gBAHhB;MAIE,cAAY2C,mBAJd;MAKE,IAAI,EAAC;IALP,gBAOE,oBAAC,OAAD;MAAS,GAAG,EAAEE,aAAd;MAA6B,cAAYH;IAAzC,EAPF,EAQGQ,iBARH,eASE,oBAAC,SAAD;MAAW,KAAK,EAAEK,WAAlB;MAA+B,SAAS,EAAE3D,UAAU,GAAGP,KAAK,CAACiJ,OAAT,GAAmBjJ,KAAK,CAAC+F;IAA7E,EATF,CADF,eAYE,oBAAC,IAAD;MACE,SAAS,EAAE/F,KAAK,CAACwC,IADnB;MAEE,aAAU,MAFZ;MAGE,IAAI,EAAEA,IAAI,CAAC0C,IAHb;MAIE,cAAY7B;IAJd,gBAME,oBAAC,OAAD;MAAS,GAAG,EAAEE;IAAd,EANF,CAZF,CALF,EA0BGO,cA1BH,eA2BE;MACE,SAAS,EAAEvD,UAAU,GAAGP,KAAK,CAACkJ,WAAT,GAAuBlJ,KAAK,CAACmJ,iBADpD;MAEE,aAAU;IAFZ,GAIG1F,SAJH,EAKGE,QAAQ,IAAID,SALf,EAMGE,YANH,CA3BF,CADF,CADF;EAwCD;;AAllBsC;;AAAnC3D,U,CA4FGmJ,Y,GAAe;EACpBlG,SAAS,EAAE1D,QAAQ,CAAC6J,iBAAT,CAA2BnG,SADlB;EAEpBC,IAAI,EAAE3D,QAAQ,CAAC6J,iBAAT,CAA2BlG;AAFb,C;AA5FlBlD,U,CACGqJ,S,2CAAY;EACjB9G,IAAI,EAAE9D,SAAS,CAAC6K,KAAV,CAAgB;IACpBC,GAAG,EAAE9K,SAAS,CAAC+K,MADK;IAEpBC,SAAS,EAAEhL,SAAS,CAAC+K,MAFD;IAGpBvE,IAAI,EAAExG,SAAS,CAAC+K,MAHI;IAIpB,cAAc/K,SAAS,CAAC+K,MAJJ;IAKpB,qBAAqB/K,SAAS,CAAC+K;EALX,CAAhB,CADW;EAQjB3G,MAAM,EAAEpE,SAAS,CAAC6K,KAAV,CAAgBzJ,MAAM,CAACwJ,SAAvB,CARS;EASjB,2BAA2B5K,SAAS,CAAC+K,MATpB;EAUjBtH,cAAc,EAAEzD,SAAS,CAACiL,IAVT;EAWjBvH,aAAa,EAAE1D,SAAS,CAACiL,IAXR;EAYjBlH,KAAK,EAAE/D,SAAS,CAAC6K,KAAV,CAAgB;IACrB/E,SAAS,EAAE9F,SAAS,CAACkL,OAAV,CACTlL,SAAS,CAAC6K,KAAV,CAAgB;MACdtH,MAAM,EAAEvD,SAAS,CAACmL,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CADM;MAEdtE,KAAK,EAAE7G,SAAS,CAAC+K,MAFH;MAGdrE,IAAI,EAAE1G,SAAS,CAAC+K,MAHF;MAIdvE,IAAI,EAAExG,SAAS,CAAC+K,MAJF;MAKd5E,QAAQ,EAAEnG,SAAS,CAACoL,IALN;MAMd7E,OAAO,EAAEvG,SAAS,CAACqL,MANL;MAOd,yBAAyBrL,SAAS,CAAC+K;IAPrB,CAAhB,CADS,CADU;IAYrB/D,IAAI,EAAEhH,SAAS,CAACkL,OAAV,CACJlL,SAAS,CAAC6K,KAAV,CAAgB;MACdtH,MAAM,EAAEvD,SAAS,CAACmL,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CADM;MAEdtE,KAAK,EAAE7G,SAAS,CAAC+K,MAFH;MAGdrE,IAAI,EAAE1G,SAAS,CAAC+K,MAHF;MAIdvE,IAAI,EAAExG,SAAS,CAAC+K,MAJF;MAKd5E,QAAQ,EAAEnG,SAAS,CAACoL,IALN;MAMd7E,OAAO,EAAEvG,SAAS,CAACqL;IANL,CAAhB,CADI;EAZe,CAAhB,CAZU;EAmCjBlH,KAAK,EAAEnE,SAAS,CAACkL,OAAV,CAAkBlL,SAAS,CAAC6K,KAAV,CAAgB9J,GAAG,CAAC6J,SAApB,CAAlB,CAnCU;EAoCjB1G,IAAI,EAAElE,SAAS,CAAC6K,KAAV,CAAgB;IACpBlC,OAAO,EAAE3I,SAAS,CAAC+K,MADC;IAEpB,sBAAsB/K,SAAS,CAAC+K,MAFZ;IAGpBvE,IAAI,EAAExG,SAAS,CAAC+K,MAHI;IAIpBlD,aAAa,EAAE7H,SAAS,CAAC6K,KAAV,CAAgB;MAC7BrE,IAAI,EAAExG,SAAS,CAAC+K,MADa;MAE7B7D,KAAK,EAAElH,SAAS,CAACqL,MAFY;MAG7B,cAAcrL,SAAS,CAAC+K;IAHK,CAAhB,CAJK;IASpB9C,KAAK,EAAEjI,SAAS,CAAC6K,KAAV,CAAgB;MACrB1C,KAAK,EAAEnI,SAAS,CAAC6K,KAAV,CAAgB;QACrBrE,IAAI,EAAExG,SAAS,CAAC+K,MADK;QAErB1C,KAAK,EAAErI,SAAS,CAAC+K,MAFI;QAGrB,cAAc/K,SAAS,CAAC+K;MAHH,CAAhB,CADc;MAMrBzC,OAAO,EAAEtI,SAAS,CAAC6K,KAAV,CAAgB;QACvBrE,IAAI,EAAExG,SAAS,CAAC+K,MADO;QAEvB1C,KAAK,EAAErI,SAAS,CAAC+K,MAFM;QAGvB,cAAc/K,SAAS,CAAC+K;MAHD,CAAhB,CANY;MAWrBxC,KAAK,EAAEvI,SAAS,CAAC6K,KAAV,CAAgB;QACrBrE,IAAI,EAAExG,SAAS,CAAC+K,MADK;QAErB1C,KAAK,EAAErI,SAAS,CAAC+K,MAFI;QAGrB,cAAc/K,SAAS,CAAC+K;MAHH,CAAhB;IAXc,CAAhB;EATa,CAAhB,CApCW;EA+DjB,uBAAuB/K,SAAS,CAAC+K,MA/DhB;EAgEjB,6BAA6B/K,SAAS,CAAC+K,MAhEtB;EAiEjB9G,QAAQ,EAAEjE,SAAS,CAACkL,OAAV,CACRlL,SAAS,CAAC6K,KAAV,CAAgB;IACdhE,KAAK,EAAE7G,SAAS,CAAC+K,MADH;IAEdrE,IAAI,EAAE1G,SAAS,CAAC+K,MAFF;IAGd/B,IAAI,EAAEhJ,SAAS,CAACmL,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,EAAqB,MAArB,CAAhB,CAHQ;IAId/E,KAAK,EAAEpG,SAAS,CAAC+K,MAJH;IAKd,cAAc/K,SAAS,CAAC+K,MALV;IAMdhC,OAAO,EAAE/I,SAAS,CAAC6K,KAAV,CAAgB;MACvBrE,IAAI,EAAExG,SAAS,CAAC+K,MADO;MAEvBvB,QAAQ,EAAExJ,SAAS,CAACiL,IAFG;MAGvB/D,KAAK,EAAElH,SAAS,CAACoL,IAHM;MAIvB7H,MAAM,EAAEvD,SAAS,CAACmL,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CAJe;MAKvB7B,MAAM,EAAEtJ,SAAS,CAACkL,OAAV,CACNlL,SAAS,CAAC6K,KAAV,CAAgB;QACd3D,KAAK,EAAElH,SAAS,CAAC+K,MADH;QAEdrE,IAAI,EAAE1G,SAAS,CAAC+K,MAFF;QAGd5E,QAAQ,EAAEnG,SAAS,CAACoL;MAHN,CAAhB,CADM;IALe,CAAhB;EANK,CAAhB,CADQ,CAjEO;EAuFjBzH,UAAU,EAAE3D,SAAS,CAACiL,IAvFL;EAwFjBrH,WAAW,EAAE5D,SAAS,CAACiL;AAxFN,C;AAolBrB,eAAe1J,UAAf"}

package/es/organism/podcast-popin-intro/index.native.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
 export declare type Props = {
     isVisible: boolean;

package/es/organism/podcast-popin-intro/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAQtB,oBAAY,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD,CAAC;AAwEF,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAgCtC,CAAC;AAEF,oBAAY,sBAAsB,GAAG,KAAK,CAAC;AAC3C,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAOL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAQtB,oBAAY,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD,CAAC;AAwEF,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAgCtC,CAAC;AAEF,oBAAY,sBAAsB,GAAG,KAAK,CAAC;AAC3C,eAAe,iBAAiB,CAAC"}

package/es/organism/podcast-popin-intro/index.native.js

@@ -34,11 +34,11 @@ const createStyleSheet = (theme, windowHeight) => {
       fill: theme.colors.podcast.primary
     },
     button: {
-      width: '40%',
       height: 44,
       backgroundColor: theme.colors.podcast.primary,
       borderRadius: 7,
-      justifyContent: 'center'
+      justifyContent: 'center',
+      paddingHorizontal: 12
     },
     buttonText: {
       alignSelf: 'center',
@@ -60,7 +60,7 @@ const createStyleSheet = (theme, windowHeight) => {
       lineHeight: 19,
       fontWeight: '300',
       fontSize: 16,
-      paddingHorizontal: 40
+      paddingHorizontal: 35
     }
   });
 };

package/es/organism/podcast-popin-intro/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"names":["React","useState","useEffect","useWindowDimensions","StyleSheet","Text","View","Modal","NovaSolidAudioHeadphone","Headphone","useTemplateContext","Touchable","createStyleSheet","theme","windowHeight","popinHeight","create","container","position","top","height","backgroundColor","justifyContent","alignSelf","alignItems","borderRadius","padding","headphonesWrapper","width","headphones","fill","colors","podcast","primary","button","buttonText","color","fontWeight","bold","fontFamily","fontSize","lineHeight","title","textAlign","paddingHorizontal","message","PodcastPopinIntro","props","templateContext","styleSheet","setStylesheet","translations","isVisible","onValidate","_stylesheet","appPodcast","infoNewFeature","cta"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {\n  useWindowDimensions,\n  StyleSheet,\n  ViewStyle,\n  Text,\n  TextStyle,\n  View,\n  GestureResponderEvent\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidAudioHeadphone as Headphone} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isVisible: boolean;\n  onValidate: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  headphones: ViewStyle;\n  headphonesWrapper: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  title: TextStyle;\n  message: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme, windowHeight: number) => {\n  const popinHeight = 368;\n  return StyleSheet.create({\n    container: {\n      position: 'absolute',\n      top: (windowHeight - popinHeight) / 2,\n      height: popinHeight,\n      backgroundColor: '#fff',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      alignItems: 'center',\n      borderRadius: 8,\n      // width: '90%',\n      padding: 24\n    },\n    headphonesWrapper: {\n      width: 115,\n      height: 115,\n      backgroundColor: '#FFEFEB',\n      justifyContent: 'center',\n      borderRadius: 60\n    },\n    headphones: {\n      alignSelf: 'center',\n      width: 60,\n      height: 60,\n      fill: theme.colors.podcast.primary\n    },\n    button: {\n      width: '40%',\n      height: 44,\n      backgroundColor: theme.colors.podcast.primary,\n      borderRadius: 7,\n      justifyContent: 'center'\n    },\n    buttonText: {\n      alignSelf: 'center',\n      color: '#FFFFFF',\n      fontWeight: theme.fontWeight.bold,\n      fontFamily: 'System',\n      fontSize: 14,\n      lineHeight: 20\n    },\n    title: {\n      textAlign: 'center',\n      lineHeight: 24,\n      fontWeight: '700',\n      fontSize: 20,\n      paddingHorizontal: 40\n    },\n    message: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '300',\n      fontSize: 16,\n      paddingHorizontal: 40\n    }\n  });\n};\n\nconst PodcastPopinIntro = (props: Props) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n  const {isVisible, onValidate} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, windowHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, windowHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible={isVisible} style={styleSheet.container} testID=\"podcast-popin-intro\">\n      <View style={styleSheet.headphonesWrapper}>\n        <Headphone style={styleSheet.headphones} />\n      </View>\n      <Text style={styleSheet.title}>{translations.appPodcast.infoNewFeature.title}</Text>\n      <Text style={styleSheet.message}>{translations.appPodcast.infoNewFeature.message}</Text>\n      <Touchable\n        style={styleSheet.button}\n        onPress={onValidate}\n        testID=\"podcast-popin-intro-validate-button\"\n      >\n        <Text style={styleSheet.buttonText}>{translations.appPodcast.infoNewFeature.cta}</Text>\n      </Touchable>\n    </Modal>\n  );\n};\n\nexport type PodcastPopinIntroProps = Props;\nexport default PodcastPopinIntro;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useWindowDimensions","StyleSheet","Text","View","Modal","NovaSolidAudioHeadphone","Headphone","useTemplateContext","Touchable","createStyleSheet","theme","windowHeight","popinHeight","create","container","position","top","height","backgroundColor","justifyContent","alignSelf","alignItems","borderRadius","padding","headphonesWrapper","width","headphones","fill","colors","podcast","primary","button","paddingHorizontal","buttonText","color","fontWeight","bold","fontFamily","fontSize","lineHeight","title","textAlign","message","PodcastPopinIntro","props","templateContext","styleSheet","setStylesheet","translations","isVisible","onValidate","_stylesheet","appPodcast","infoNewFeature","cta"],"sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {\n  useWindowDimensions,\n  StyleSheet,\n  ViewStyle,\n  Text,\n  TextStyle,\n  View,\n  GestureResponderEvent\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidAudioHeadphone as Headphone} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isVisible: boolean;\n  onValidate: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  headphones: ViewStyle;\n  headphonesWrapper: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  title: TextStyle;\n  message: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme, windowHeight: number) => {\n  const popinHeight = 368;\n  return StyleSheet.create({\n    container: {\n      position: 'absolute',\n      top: (windowHeight - popinHeight) / 2,\n      height: popinHeight,\n      backgroundColor: '#fff',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      alignItems: 'center',\n      borderRadius: 8,\n      // width: '90%',\n      padding: 24\n    },\n    headphonesWrapper: {\n      width: 115,\n      height: 115,\n      backgroundColor: '#FFEFEB',\n      justifyContent: 'center',\n      borderRadius: 60\n    },\n    headphones: {\n      alignSelf: 'center',\n      width: 60,\n      height: 60,\n      fill: theme.colors.podcast.primary\n    },\n    button: {\n      height: 44,\n      backgroundColor: theme.colors.podcast.primary,\n      borderRadius: 7,\n      justifyContent: 'center',\n      paddingHorizontal: 12\n    },\n    buttonText: {\n      alignSelf: 'center',\n      color: '#FFFFFF',\n      fontWeight: theme.fontWeight.bold,\n      fontFamily: 'System',\n      fontSize: 14,\n      lineHeight: 20\n    },\n    title: {\n      textAlign: 'center',\n      lineHeight: 24,\n      fontWeight: '700',\n      fontSize: 20,\n      paddingHorizontal: 40\n    },\n    message: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '300',\n      fontSize: 16,\n      paddingHorizontal: 35\n    }\n  });\n};\n\nconst PodcastPopinIntro = (props: Props) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n  const {isVisible, onValidate} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, windowHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, windowHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible={isVisible} style={styleSheet.container} testID=\"podcast-popin-intro\">\n      <View style={styleSheet.headphonesWrapper}>\n        <Headphone style={styleSheet.headphones} />\n      </View>\n      <Text style={styleSheet.title}>{translations.appPodcast.infoNewFeature.title}</Text>\n      <Text style={styleSheet.message}>{translations.appPodcast.infoNewFeature.message}</Text>\n      <Touchable\n        style={styleSheet.button}\n        onPress={onValidate}\n        testID=\"podcast-popin-intro-validate-button\"\n      >\n        <Text style={styleSheet.buttonText}>{translations.appPodcast.infoNewFeature.cta}</Text>\n      </Touchable>\n    </Modal>\n  );\n};\n\nexport type PodcastPopinIntroProps = Props;\nexport default PodcastPopinIntro;\n"],"mappings":"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"}

package/es/organism/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/popin/index.js"],"names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","default","popin","button","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAChC,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AAEA,QAAM;AAACE,IAAAA,QAAD;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA,MAAvB;AAA+BC,IAAAA,YAA/B;AAA6CC,IAAAA;AAA7C,MAAwDP,KAA9D;;AAEA,WAASQ,YAAT,GAAwB;AACtB,WAAO;AAACC,MAAAA,MAAM,EAAEF;AAAT,KAAP;AACD;;AAED,QAAMG,OAAO,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACa,OAAtB;AAA+B,IAAA,OAAO,EAAEL;AAAxC,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACc,KAAtB;AAA6B,IAAA,OAAO,EAAEjB;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAEG,KAAK,CAACO,MAAtB;AAA8B,IAAA,OAAO,EAAEC,YAAvC;AAAqD,iBAAU;AAA/D,KACGD,MADH,CADF,eAIE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACS;AAAtB,kBACE;AACE;AACA,IAAA,uBAAuB,EAAEC,YAAY;AAFvC,IADF,CAJF,eAUE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,SAAS,EAAEV,KAAK,CAACe,MAFnB;AAGE,IAAA,OAAO,EAAET,UAHX;AAIE,IAAA,WAAW,EAAED,QAJf;AAKE,IAAA,QAAQ,MALV;AAME,IAAA,KAAK,EAAE;AACLW,MAAAA,eAAe,EAAEJ;AADZ;AANT,IAVF,CADF,CADF;AAyBD,CApCD;;AAsCAX,KAAK,CAACgB,YAAN,GAAqB;AACnBb,EAAAA,IAAI,EAAEN,QAAQ,CAACoB,iBAAT,CAA2Bd;AADd,CAArB;AAIAH,KAAK,CAACkB,SAAN,2CAAkB;AAChBd,EAAAA,QAAQ,EAAET,SAAS,CAACwB,MADJ;AAEhBd,EAAAA,UAAU,EAAEV,SAAS,CAACyB,IAFN;AAGhBb,EAAAA,YAAY,EAAEZ,SAAS,CAACyB,IAHR;AAIhBd,EAAAA,MAAM,EAAEX,SAAS,CAACwB,MAJF;AAKhBX,EAAAA,OAAO,EAAEb,SAAS,CAACwB;AALH,CAAlB;AAQA,eAAenB,KAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","default","popin","button","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAChC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,QAAD;IAAWC,UAAX;IAAuBC,MAAvB;IAA+BC,YAA/B;IAA6CC;EAA7C,IAAwDP,KAA9D;;EAEA,SAASQ,YAAT,GAAwB;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAT,CAAP;EACD;;EAED,MAAMG,OAAO,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;;EAEA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACa,OAAtB;IAA+B,OAAO,EAAEL;EAAxC,gBACE;IAAK,SAAS,EAAER,KAAK,CAACc,KAAtB;IAA6B,OAAO,EAAEjB;EAAtC,gBACE;IAAK,SAAS,EAAEG,KAAK,CAACO,MAAtB;IAA8B,OAAO,EAAEC,YAAvC;IAAqD,aAAU;EAA/D,GACGD,MADH,CADF,eAIE;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,SAAS,EAAEV,KAAK,CAACe,MAFnB;IAGE,OAAO,EAAET,UAHX;IAIE,WAAW,EAAED,QAJf;IAKE,QAAQ,MALV;IAME,KAAK,EAAE;MACLW,eAAe,EAAEJ;IADZ;EANT,EAVF,CADF,CADF;AAyBD,CApCD;;AAsCAX,KAAK,CAACgB,YAAN,GAAqB;EACnBb,IAAI,EAAEN,QAAQ,CAACoB,iBAAT,CAA2Bd;AADd,CAArB;AAIAH,KAAK,CAACkB,SAAN,2CAAkB;EAChBd,QAAQ,EAAET,SAAS,CAACwB,MADJ;EAEhBd,UAAU,EAAEV,SAAS,CAACyB,IAFN;EAGhBb,YAAY,EAAEZ,SAAS,CAACyB,IAHR;EAIhBd,MAAM,EAAEX,SAAS,CAACwB,MAJF;EAKhBX,OAAO,EAAEb,SAAS,CAACwB;AALH,CAAlB;AAQA,eAAenB,KAAf"}

package/es/organism/resource-browser/index.js

@@ -1,7 +1,7 @@
 import _omit from "lodash/fp/omit";
 import _find from "lodash/fp/find";
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 import React from 'react';
 import PropTypes from 'prop-types';

package/es/organism/resource-browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/resource-browser/index.js"],"names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","resourcesList","map","resource","_id","propTypes","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","selected","default","resourcePlayerWrapper","resourcePlayer"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,iBAAP,MAA8B,+BAA9B;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAD,IAAcA,SAAS,CAACC,MAAV,GAAmB,CAApE;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAACF,EAAAA,SAAD;AAAYG,EAAAA;AAAZ,CAAD,KAA4B;AAC5C,MAAIJ,aAAa,CAACC,SAAD,CAAjB,EAA8B;AAC5B,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACM;AAAtB,KACGJ,SAAS,CAACK,GAAV,CAAcC,QAAQ,iBACrB,oBAAC,iBAAD,eAAuB,MAAK,KAAL,EAAYA,QAAZ,CAAvB;AAA8C,IAAA,GAAG,EAAEA,QAAQ,CAACC;AAA5D,KADD,CADH,CADF;AAOD,CAZD;;AAcAL,SAAS,CAACM,SAAV,2CAAsB;AACpBR,EAAAA,SAAS,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgB,MAAK,KAAL,EAAYd,iBAAiB,CAACY,SAA9B,CAAhB,CAAlB,CADS;AAEpBL,EAAAA,SAAS,EAAET,SAAS,CAACiB;AAFD,CAAtB;;AAKA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AAACb,IAAAA,SAAD;AAAYG,IAAAA,SAAZ;AAAuBW,IAAAA;AAAvB,MAAkCD,KAAxC;;AACA,QAAME,gBAAgB,GAAG,MAAK,CAAC;AAACC,IAAAA;AAAD,GAAD,KAAgBA,QAArB,EAA+BhB,SAA/B,CAAzB;;AACA,sBACE;AAAK,iBAAU,iBAAf;AAAiC,IAAA,SAAS,EAAEL,UAAU,CAACG,KAAK,CAACmB,OAAP,EAAgBd,SAAhB;AAAtD,kBACE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACoB;AAAtB,KACGH,gBAAgB,gBACf,oBAAC,cAAD;AACE,IAAA,OAAO,EAAED,OADX;AAEE,IAAA,SAAS,EAAEhB,KAAK,CAACqB,cAFnB;AAGE,IAAA,QAAQ,EAAEJ;AAHZ,IADe,GAMb,IAPN,CADF,eAUE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEf,SAAtB;AAAiC,IAAA,SAAS,EAAEG;AAA5C,IAVF,CADF;AAcD,CAjBD;;AAmBAS,eAAe,CAACJ,SAAhB,2CAA4B;AAC1BL,EAAAA,SAAS,EAAET,SAAS,CAACiB,MADK;AAE1BX,EAAAA,SAAS,EAAEE,SAAS,CAACM,SAAV,CAAoBR,SAFL;AAG1Bc,EAAAA,OAAO,EAAEjB,cAAc,CAACW,SAAf,CAAyBM;AAHR,CAA5B;AAMA,eAAeF,eAAf","sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","resourcesList","map","resource","_id","propTypes","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","selected","default","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,iBAAP,MAA8B,+BAA9B;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAD,IAAcA,SAAS,CAACC,MAAV,GAAmB,CAApE;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACF,SAAD;EAAYG;AAAZ,CAAD,KAA4B;EAC5C,IAAIJ,aAAa,CAACC,SAAD,CAAjB,EAA8B;IAC5B,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,GACGJ,SAAS,CAACK,GAAV,CAAcC,QAAQ,iBACrB,oBAAC,iBAAD,eAAuB,MAAK,KAAL,EAAYA,QAAZ,CAAvB;IAA8C,GAAG,EAAEA,QAAQ,CAACC;EAA5D,GADD,CADH,CADF;AAOD,CAZD;;AAcAL,SAAS,CAACM,SAAV,2CAAsB;EACpBR,SAAS,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgB,MAAK,KAAL,EAAYd,iBAAiB,CAACY,SAA9B,CAAhB,CAAlB,CADS;EAEpBL,SAAS,EAAET,SAAS,CAACiB;AAFD,CAAtB;;AAKA,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACb,SAAD;IAAYG,SAAZ;IAAuBW;EAAvB,IAAkCD,KAAxC;;EACA,MAAME,gBAAgB,GAAG,MAAK,CAAC;IAACC;EAAD,CAAD,KAAgBA,QAArB,EAA+BhB,SAA/B,CAAzB;;EACA,oBACE;IAAK,aAAU,iBAAf;IAAiC,SAAS,EAAEL,UAAU,CAACG,KAAK,CAACmB,OAAP,EAAgBd,SAAhB;EAAtD,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACoB;EAAtB,GACGH,gBAAgB,gBACf,oBAAC,cAAD;IACE,OAAO,EAAED,OADX;IAEE,SAAS,EAAEhB,KAAK,CAACqB,cAFnB;IAGE,QAAQ,EAAEJ;EAHZ,EADe,GAMb,IAPN,CADF,eAUE,oBAAC,SAAD;IAAW,SAAS,EAAEf,SAAtB;IAAiC,SAAS,EAAEG;EAA5C,EAVF,CADF;AAcD,CAjBD;;AAmBAS,eAAe,CAACJ,SAAhB,2CAA4B;EAC1BL,SAAS,EAAET,SAAS,CAACiB,MADK;EAE1BX,SAAS,EAAEE,SAAS,CAACM,SAAV,CAAoBR,SAFL;EAG1Bc,OAAO,EAAEjB,cAAc,CAACW,SAAf,CAAyBM;AAHR,CAA5B;AAMA,eAAeF,eAAf"}

package/es/organism/review-congrats/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 import React, { useEffect, useRef } from 'react';
 import AtomLottieWrapper from '../../atom/lottie-wrapper';

package/es/organism/review-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,eAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,gBALI;AAMJC,IAAAA,gBANI;AAOJC,IAAAA,cAPI;AAQJC,IAAAA;AARI,MASFR,KATJ;AAWA,QAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;AACA,WAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;AACD,GAHQ,EAGN,EAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACqB,aAAtB;AAAqC,kBAAYX,SAAjD;AAA4D,iBAAWC;AAAvE,kBACE,oBAAC,iBAAD,eACMC,eADN;AAEE,IAAA,IAAI,EAAE,KAFR;AAGE,IAAA,gBAAgB,EAAE,MAHpB;AAIE,IAAA,QAAQ,MAJV;AAKE,iBAAU,gBALZ;AAME,IAAA,SAAS,EAAEZ,KAAK,CAACsB,MANnB;AAOE,IAAA,oBAAoB,EAAEtB,KAAK,CAACuB;AAP9B,KADF,eAUE;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACwB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAExB,KAAK,CAACa;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,GAAG,EAAEV,SAAV;AAAqB,IAAA,SAAS,EAAEH,KAAK,CAACyB;AAAtC,KACGV,gBAAgB,gBACf,uDACE,oBAAC,0BAAD,eAAgCD,gBAAhC;AAAkD,IAAA,SAAS,EAAEd,KAAK,CAAC0B;AAAnE,KADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;AAEE,IAAA,cAAc,EAAE,IAFlB;AAGE,IAAA,SAAS,EAAEf,KAAK,CAAC2B;AAHnB,KAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;AAAkD,IAAA,SAAS,EAAEd,KAAK,CAAC4B;AAAnE,KAXJ,CAFF,eAgBE;AAAK,IAAA,SAAS,EAAE5B,KAAK,CAAC6B;AAAtB,KACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;AAEE,IAAA,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;AAGE,iBAAU;AAHZ,KADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eAAgBA,mBAAhB;AAAqC,IAAA,SAAS,EAAEjB,KAAK,CAAC8B;AAAtD,KADkB,GAEhB,IAVN,CAhBF,CAVF,CADF;AA0CD,CA7DD;;AA+DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <MoleculeReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-name=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <MoleculeReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-name=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHQ,EAGN,EAHM,CAAT;EAKA,oBACE;IAAK,SAAS,EAAElB,KAAK,CAACqB,aAAtB;IAAqC,cAAYX,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,oBAAC,iBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEZ,KAAK,CAACsB,MANnB;IAOE,oBAAoB,EAAEtB,KAAK,CAACuB;EAP9B,GADF,eAUE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEH,KAAK,CAACyB;EAAtC,GACGV,gBAAgB,gBACf,uDACE,oBAAC,0BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC0B;EAAnE,GADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC4B;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,GACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,aAAU;EAHZ,GADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eAAgBA,mBAAhB;IAAqC,SAAS,EAAEjB,KAAK,CAAC8B;EAAtD,GADkB,GAEhB,IAVN,CAhBF,CAVF,CADF;AA0CD,CA7DD;;AA+DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}

package/es/organism/review-congrats/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-congrats/prop-types.ts"],"names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAGA,OAAOC,mCAAP,MAEO,gDAFP;AAIA,MAAMC,SAAS,GAAG;AAChB,gBAAcH,SAAS,CAACI,MADR;AAEhB,eAAaJ,SAAS,CAACI,MAFP;AAGhBC,EAAAA,eAAe,EAAEL,SAAS,CAACM,KAAV,CAAgBL,0BAAhB,CAHD;AAIhBM,EAAAA,KAAK,EAAEP,SAAS,CAACI,MAJD;AAKhBI,EAAAA,gBAAgB,EAAER,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CALF;AAMhBO,EAAAA,gBAAgB,EAAET,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CANF;AAOhBQ,EAAAA,cAAc,EAAEV,SAAS,CAACM,KAAV,CAAgB;AAC9BK,IAAAA,KAAK,EAAEX,SAAS,CAACI,MADa;AAE9BQ,IAAAA,OAAO,EAAEZ,SAAS,CAACa,IAFW;AAG9BC,IAAAA,IAAI,EAAEd,SAAS,CAACI;AAHc,GAAhB,CAPA;AAYhBW,EAAAA,mBAAmB,EAAEf,SAAS,CAACM,KAAV,CAAgB;AACnCK,IAAAA,KAAK,EAAEX,SAAS,CAACI,MADkB;AAEnCQ,IAAAA,OAAO,EAAEZ,SAAS,CAACa,IAFgB;AAGnCC,IAAAA,IAAI,EAAEd,SAAS,CAACI;AAHmB,GAAhB;AAZL,CAAlB;AAmBA,eAAeD,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"file":"prop-types.js"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAGA,OAAOC,mCAAP,MAEO,gDAFP;AAIA,MAAMC,SAAS,GAAG;EAChB,cAAcH,SAAS,CAACI,MADR;EAEhB,aAAaJ,SAAS,CAACI,MAFP;EAGhBC,eAAe,EAAEL,SAAS,CAACM,KAAV,CAAgBL,0BAAhB,CAHD;EAIhBM,KAAK,EAAEP,SAAS,CAACI,MAJD;EAKhBI,gBAAgB,EAAER,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CALF;EAMhBO,gBAAgB,EAAET,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CANF;EAOhBQ,cAAc,EAAEV,SAAS,CAACM,KAAV,CAAgB;IAC9BK,KAAK,EAAEX,SAAS,CAACI,MADa;IAE9BQ,OAAO,EAAEZ,SAAS,CAACa,IAFW;IAG9BC,IAAI,EAAEd,SAAS,CAACI;EAHc,CAAhB,CAPA;EAYhBW,mBAAmB,EAAEf,SAAS,CAACM,KAAV,CAAgB;IACnCK,KAAK,EAAEX,SAAS,CAACI,MADkB;IAEnCQ,OAAO,EAAEZ,SAAS,CAACa,IAFgB;IAGnCC,IAAI,EAAEd,SAAS,CAACI;EAHmB,CAAhB;AAZL,CAAlB;AAmBA,eAAeD,SAAf"}

package/es/organism/review-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-header/index.js"],"names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,SAHI;AAIJ,kBAAcC,SAJV;AAKJC,IAAAA,oBALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA;AAPI,MAQFR,KARJ;AASA,QAAM;AAACS,IAAAA;AAAD,MAASR,OAAf;AACA,QAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Be,IAA9B,CAA9B;AAEA,QAAME,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,OADY;AAElB,iBAAa,4BAFK;AAGlB,kBAAcN,oBAHI;AAIlBO,IAAAA,OAAO,EAAEN,WAJS;AAKlBO,IAAAA,IAAI,EAAE,YALY;AAMlBC,IAAAA,SAAS,EAAElB,KAAK,CAACmB;AANC,GAApB;AASA,QAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YADuB,EAE7BT,WAAW,GAAGX,KAAK,CAACqB,qBAAT,GAAiC,IAFf,CAA/B;AAKA,sBACE;AAAK,IAAA,SAAS,EAAErB,KAAK,CAACsB,aAAtB;AAAqC,iBAAU,eAA/C;AAA+D,kBAAYd;AAA3E,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACuB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACwB,KAAtB;AAA6B,IAAA,KAAK,EAAElB,IAApC;AAA0C,kBAAYA,IAAtD;AAA4D,iBAAU;AAAtE,KACGA,IADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEN,KAAK,CAACO,SADnB;AAEE,IAAA,KAAK,EAAE;AACLkB,MAAAA,KAAK,EAAEZ;AADF,KAFT;AAKE,IAAA,KAAK,EAAEN,SALT;AAME,kBAAYA,SANd;AAOE,iBAAU;AAPZ,KASGA,SATH,CAJF,CADF,eAkBE;AAAK,IAAA,SAAS,EAAEa;AAAhB,kBACE,oBAAC,iBAAD;AAAmB,IAAA,KAAK,EAAEf,KAA1B;AAAiC,IAAA,GAAG,EAAE;AAAtC,IADF,CAlBF,eAsBE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAAC0B,iBAAtB;AAAyC,iBAAU;AAAnD,kBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-name=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-name=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,SAHI;IAIJ,cAAcC,SAJV;IAKJC,oBALI;IAMJC,WANI;IAOJC;EAPI,IAQFR,KARJ;EASA,MAAM;IAACS;EAAD,IAASR,OAAf;EACA,MAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Be,IAA9B,CAA9B;EAEA,MAAME,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcN,oBAHI;IAIlBO,OAAO,EAAEN,WAJS;IAKlBO,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAElB,KAAK,CAACmB;EANC,CAApB;EASA,MAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YADuB,EAE7BT,WAAW,GAAGX,KAAK,CAACqB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYd;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB,KAAtB;IAA6B,KAAK,EAAElB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLkB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEN,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEa;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEf,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC0B,iBAAtB;IAAyC,aAAU;EAAnD,gBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}

package/es/organism/review-header/index.native.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderProps } from './types';
 declare const ReviewHeader: (props: HeaderProps) => JSX.Element;
 export default ReviewHeader;

package/es/organism/review-header/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAiBpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAUvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAiBpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAUvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/organism/review-header/index.native.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 import React from 'react';
 import { StyleSheet, View } from 'react-native';

package/es/organism/review-header/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-header/index.native.tsx"],"names":["React","StyleSheet","View","Step","style","create","header","width","flexDirection","alignItems","justifyContent","height","paddingTop","ReviewHeader","props","steps","map","step","value"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AAOA,MAAMC,KAAqB,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC9CC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENC,IAAAA,aAAa,EAAE,KAFT;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAINC,IAAAA,cAAc,EAAE,QAJV;AAKNC,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,UAAU,EAAE;AANN;AADsC,CAAlB,CAA9B;;AAWA,MAAMC,YAAY,GAAIC,KAAD,IAAwB;AAC3C,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEV,KAAK,CAACE;AAAnB,KACGS,KAAK,CAACC,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;AAAgB,IAAA,GAAG,EAAEA,IAAI,CAACC;AAA1B,KADD,CADH,CADF;AAOD,CAVD;;AAYA,eAAeL,YAAf","sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  header: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  header: {\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 25\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps} = props;\n\n  return (\n    <View style={style.header}>\n      {steps.map(step => (\n        <Step {...step} key={step.value} />\n      ))}\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","Step","style","create","header","width","flexDirection","alignItems","justifyContent","height","paddingTop","ReviewHeader","props","steps","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  header: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  header: {\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 25\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps} = props;\n\n  return (\n    <View style={style.header}>\n      {steps.map(step => (\n        <Step {...step} key={step.value} />\n      ))}\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AAOA,MAAMC,KAAqB,GAAGH,UAAU,CAACI,MAAX,CAAkB;EAC9CC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,aAAa,EAAE,KAFT;IAGNC,UAAU,EAAE,QAHN;IAINC,cAAc,EAAE,QAJV;IAKNC,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN;AADsC,CAAlB,CAA9B;;AAWA,MAAMC,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEV,KAAK,CAACE;EAAnB,GACGS,KAAK,CAACC,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF;AAOD,CAVD;;AAYA,eAAeL,YAAf"}

package/es/organism/review-header/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/review-header/types.ts"],"names":["PropTypes","ReviewHeaderStepsPropTypes","propTypes","steps","mode","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,+CAAvC;AAGA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAEF,0BAA0B,CAACE,KADlB;AAEhBC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBC,UAFP;AAGhBC,EAAAA,SAAS,EAAEP,SAAS,CAACK,MAAV,CAAiBC,UAHZ;AAIhB,gBAAcN,SAAS,CAACK,MAJR;AAKhBG,EAAAA,oBAAoB,EAAER,SAAS,CAACK,MALhB;AAMhBI,EAAAA,WAAW,EAAET,SAAS,CAACU,IANP;AAOhBC,EAAAA,WAAW,EAAEX,SAAS,CAACY;AAPP,CAAlB;AAUA,eAAeV,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {HeaderStepItemProps} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: HeaderStepItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"file":"types.js"}
+{"version":3,"file":"types.js","names":["PropTypes","ReviewHeaderStepsPropTypes","propTypes","steps","mode","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"sources":["../../../src/organism/review-header/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {HeaderStepItemProps} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: HeaderStepItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,+CAAvC;AAGA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,0BAA0B,CAACE,KADlB;EAEhBC,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBC,UAFP;EAGhBC,SAAS,EAAEP,SAAS,CAACK,MAAV,CAAiBC,UAHZ;EAIhB,cAAcN,SAAS,CAACK,MAJR;EAKhBG,oBAAoB,EAAER,SAAS,CAACK,MALhB;EAMhBI,WAAW,EAAET,SAAS,CAACU,IANP;EAOhBC,WAAW,EAAEX,SAAS,CAACY;AAPP,CAAlB;AAUA,eAAeV,SAAf"}

package/es/organism/review-no-skills/index.d.ts

@@ -0,0 +1,11 @@
+export default ReviewNoSkills;
+declare function ReviewNoSkills({ titleNoSkills, textNoSkills, iconSkillAriaLabel }: {
+    titleNoSkills: any;
+    textNoSkills: any;
+    iconSkillAriaLabel: any;
+}): JSX.Element;
+declare namespace ReviewNoSkills {
+    export { propTypes };
+}
+import propTypes from "./prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/organism/review-no-skills/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/index.js"],"names":[],"mappings":";AAKA;;;;gBAQC"}

package/es/organism/review-no-skills/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
+import style from './style.css';
+import propTypes from './prop-types';
+
+const ReviewNoSkills = ({
+  titleNoSkills,
+  textNoSkills,
+  iconSkillAriaLabel
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.noSkillsContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleNoSkills
+  }, titleNoSkills), /*#__PURE__*/React.createElement("div", {
+    className: style.textNoSkills
+  }, " ", textNoSkills), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
+    className: style.imgNoSkills,
+    "aria-label": iconSkillAriaLabel
+  }));
+};
+
+ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ReviewNoSkills;
+//# sourceMappingURL=index.js.map

package/es/organism/review-no-skills/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","style","propTypes","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills"],"sources":["../../../src/organism/review-no-skills/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nReviewNoSkills.propTypes = propTypes;\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;IAAwB,SAAS,EAAEJ,KAAK,CAACO,WAAzC;IAAsD,cAAYF;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

package/es/organism/review-no-skills/index.native.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { NoSkillsProps } from './prop-types';
+declare const ReviewNoSkills: (props: NoSkillsProps) => JSX.Element | null;
+export default ReviewNoSkills;
+//# sourceMappingURL=index.native.d.ts.map

package/es/organism/review-no-skills/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AA8B3C,QAAA,MAAM,cAAc,UAAW,aAAa,uBAyB3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/organism/review-no-skills/index.native.js

@@ -0,0 +1,59 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
+import { useTemplateContext } from '../../template/app-review/template-context';
+
+const createStyleSheet = theme => StyleSheet.create({
+  subtitle: {
+    fontSize: theme.fontSize.xlarge,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 22,
+    color: theme.colors.text.primary,
+    opacity: 0.7,
+    marginBottom: theme.spacing.base
+  },
+  noSkillsImage: {
+    flex: 1,
+    alignSelf: 'center',
+    width: 320,
+    height: 300
+  }
+});
+
+const ReviewNoSkills = props => {
+  const {
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel
+  } = props;
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.subtitle
+  }, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.text
+  }, textNoSkills), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
+    style: styleSheet.noSkillsImage,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  }));
+};
+
+export default ReviewNoSkills;
+//# sourceMappingURL=index.native.js.map

package/es/organism/review-no-skills/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAA0BC,IAA1B,QAA2D,cAA3D;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AASA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcI;EALxB,CANU;EAahBC,aAAa,EAAE;IACbC,IAAI,EAAE,CADO;IAEbC,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK;AAbC,CAAlB,CADF;;AAsBA,MAAMC,cAAc,GAAIC,KAAD,IAA0B;EAC/C,MAAM;IAACC,aAAD;IAAgBC,YAAhB;IAA8BC;EAA9B,IAAoDH,KAA1D;EACA,MAAMI,eAAe,GAAG3B,kBAAkB,EAA1C;EACA,MAAM,CAAC4B,UAAD,EAAaC,aAAb,IAA8BpC,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUyB,eAAhB;EAEAjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAD,CAApC;;IACA2B,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC5B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAAC0B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACxB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEI,UAAU,CAACnB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,oBAAC,sBAAD;IACE,KAAK,EAAEG,UAAU,CAACX,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;AA2BA,eAAeJ,cAAf"}