@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","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","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","itemBadge","name","itemName","activePage","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","profileAvatarAlt","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","navMobile","burgerHidden","burger","close","closeHidden","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  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\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      profileAvatarAlt: 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    'active-page-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  }\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    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\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      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, closeMenuAriaLabel, openMenuAriaLabel} = 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 moreAriaLabel = 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 itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\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={itemLabel}\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        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\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={itemLabel}\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 className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown color={mediumColor} className={style.caret} aria-label={moreAriaLabel} />\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} alt={user.profileAvatarAlt} />\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 data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\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 className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                color={mediumColor}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link className={style.logo} data-name=\"logo\" href={logo.href}>\n              <Picture src={logoUrl} alt={logoAriaLabel} />\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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationBurger","BurgerIcon","NovaCompositionNavigationClose","CloseIcon","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","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","itemBadge","name","itemName","activePage","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","profileAvatarAlt","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","navMobile","burgerHidden","burger","close","closeHidden","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  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\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      profileAvatarAlt: 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    'active-page-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  }\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    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\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      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, closeMenuAriaLabel, openMenuAriaLabel} = 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 moreAriaLabel = 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 itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\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={itemLabel}\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        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\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={itemLabel}\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 className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown color={mediumColor} className={style.caret} aria-label={moreAriaLabel} />\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} alt={user.profileAvatarAlt} />\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 data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\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 id={`title-id-${settingName}`} className={style.label}>\n                  {title}\n                </span>\n                <InputSwitch {...switchProps} aria-labelledby={`titleId-${settingName}`} />\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 className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                color={mediumColor}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link className={style.logo} data-name=\"logo\" href={logo.href}>\n              <Picture src={logoUrl} alt={logoAriaLabel} />\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":"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"}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
-export type Props = {
+export declare type Props = {
     isVisible: boolean;
     onValidate: (event: GestureResponderEvent) => void;
 };
 declare const PodcastPopinIntro: (props: Props) => JSX.Element | null;
-export type PodcastPopinIntroProps = Props;
+export declare type PodcastPopinIntroProps = Props;
 export default PodcastPopinIntro;
 //# sourceMappingURL=index.native.d.ts.map

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,MAAM,MAAM,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,MAAM,MAAM,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

@@ -4,6 +4,7 @@ import Modal from 'react-native-modal';
 import { NovaSolidAudioHeadphone as Headphone } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import Touchable from '../../hoc/touchable/index.native';
+
 const createStyleSheet = (theme, windowHeight) => {
   const popinHeight = 368;
   return StyleSheet.create({
@@ -63,6 +64,7 @@ const createStyleSheet = (theme, windowHeight) => {
     }
   });
 };
+
 const PodcastPopinIntro = props => {
   const {
     height: windowHeight
@@ -79,11 +81,14 @@ const PodcastPopinIntro = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme, windowHeight);
+
     setStylesheet(_stylesheet);
   }, [theme, windowHeight]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(Modal, {
     isVisible: isVisible,
     style: styleSheet.container,
@@ -104,5 +109,6 @@ const PodcastPopinIntro = props => {
     style: styleSheet.buttonText
   }, translations.appPodcast.infoNewFeature.cta)));
 };
+
 export default PodcastPopinIntro;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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

@@ -5,6 +5,7 @@ import stopPropagation from '../../util/bubbling';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import style from './style.css';
+
 const Popin = (props, context) => {
   const {
     skin
@@ -16,12 +17,15 @@ const Popin = (props, context) => {
     closeOnClick,
     content
   } = props;
+
   function createMarkup() {
     return {
       __html: content
     };
   }
+
   const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     onClick: closeOnClick
@@ -48,6 +52,7 @@ const Popin = (props, context) => {
     }
   })));
 };
+
 Popin.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAY,GAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAG,OAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAER,IAAI,CAAC;EAE7D,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACa,OAAQ;IAAC,OAAO,EAAEL;EAAa,gBACnD;IAAK,SAAS,EAAER,KAAK,CAACc,KAAM;IAAC,OAAO,EAAEjB;EAAgB,gBACpD;IAAK,SAAS,EAAEG,KAAK,CAACO,MAAO;IAAC,OAAO,EAAEC,YAAa;IAAC,aAAU;EAAc,GAC1ED,MAAM,CACH,eACN;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAQ,gBAC5B;IACE;IACA,uBAAuB,EAAEC,YAAY;EAAG,EACxC,CACE,eACN,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,SAAS,EAAEV,KAAK,CAACe,MAAO;IACxB,OAAO,EAAET,UAAW;IACpB,WAAW,EAAED,QAAS;IACtB,QAAQ;IACR,KAAK,EAAE;MACLW,eAAe,EAAEJ;IACnB;EAAE,EACF,CACE,CACF;AAEV,CAAC;AAEDX,KAAK,CAACgB,YAAY,GAAG;EACnBb,IAAI,EAAEN,QAAQ,CAACoB,iBAAiB,CAACd;AACnC,CAAC;AAEDH,KAAK,CAACkB,SAAS,2CAAG;EAChBd,QAAQ,EAAET,SAAS,CAACwB,MAAM;EAC1Bd,UAAU,EAAEV,SAAS,CAACyB,IAAI;EAC1Bb,YAAY,EAAEZ,SAAS,CAACyB,IAAI;EAC5Bd,MAAM,EAAEX,SAAS,CAACwB,MAAM;EACxBX,OAAO,EAAEb,SAAS,CAACwB;AACrB,CAAC;AAED,eAAenB,KAAK"}
+{"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,13 +1,17 @@
 import _omit from "lodash/fp/omit";
 import _find from "lodash/fp/find";
+
 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';
 import classnames from 'classnames';
 import ResourceMiniature from '../../atom/resource-miniature';
 import ResourcePlayer from '../../molecule/resource-player';
 import style from './style.css';
+
 const hideResources = resources => !resources || resources.length < 2;
+
 const Resources = ({
   resources,
   className
@@ -15,25 +19,30 @@ const Resources = ({
   if (hideResources(resources)) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.resourcesList
   }, resources.map(resource => /*#__PURE__*/React.createElement(ResourceMiniature, _extends({}, _omit('ref', resource), {
     key: resource._id
   }))));
 };
+
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: PropTypes.arrayOf(PropTypes.shape(_omit('ref', ResourceMiniature.propTypes))),
   className: PropTypes.string
 } : {};
+
 const ResourceBrowser = props => {
   const {
     resources,
     className,
     overlay
   } = props;
+
   const selectedResource = _find(({
     selected
   }) => selected, resources);
+
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "resourceBrowser",
     className: classnames(style.default, className)
@@ -48,6 +57,7 @@ const ResourceBrowser = props => {
     className: className
   }));
 };
+
 ResourceBrowser.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   resources: Resources.propTypes.resources,

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

@@ -1 +1 @@
-{"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,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAS,IAAIA,SAAS,CAACC,MAAM,GAAG,CAAC;AAErE,MAAMC,SAAS,GAAG,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAc,GACjCJ,SAAS,CAACK,GAAG,CAACC,QAAQ,iBACrB,oBAAC,iBAAiB,eAAK,MAAK,KAAK,EAAEA,QAAQ,CAAC;IAAE,GAAG,EAAEA,QAAQ,CAACC;EAAI,GACjE,CAAC,CACE;AAEV,CAAC;AAEDL,SAAS,CAACM,SAAS,2CAAG;EACpBR,SAAS,EAAEN,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,KAAK,CAAC,MAAK,KAAK,EAAEd,iBAAiB,CAACY,SAAS,CAAC,CAAC,CAAC;EACvFL,SAAS,EAAET,SAAS,CAACiB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACb,SAAS;IAAEG,SAAS;IAAEW;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAG,MAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAEhB,SAAS,CAAC;EAClE,oBACE;IAAK,aAAU,iBAAiB;IAAC,SAAS,EAAEL,UAAU,CAACG,KAAK,CAACmB,OAAO,EAAEd,SAAS;EAAE,gBAC/E;IAAK,SAAS,EAAEL,KAAK,CAACoB;EAAsB,GACzCH,gBAAgB,gBACf,oBAAC,cAAc;IACb,OAAO,EAAED,OAAQ;IACjB,SAAS,EAAEhB,KAAK,CAACqB,cAAe;IAChC,QAAQ,EAAEJ;EAAiB,EAC3B,GACA,IAAI,CACJ,eACN,oBAAC,SAAS;IAAC,SAAS,EAAEf,SAAU;IAAC,SAAS,EAAEG;EAAU,EAAG,CACrD;AAEV,CAAC;AAEDS,eAAe,CAACJ,SAAS,2CAAG;EAC1BL,SAAS,EAAET,SAAS,CAACiB,MAAM;EAC3BX,SAAS,EAAEE,SAAS,CAACM,SAAS,CAACR,SAAS;EACxCc,OAAO,EAAEjB,cAAc,CAACW,SAAS,CAACM;AACpC,CAAC;AAED,eAAeF,eAAe"}
+{"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,5 @@
 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 LottieWrapper from '../../atom/lottie-wrapper';
 import ButtonLink from '../../atom/button-link';
@@ -11,6 +12,7 @@ export const setScroll = container => () => {
     behavior: 'smooth'
   });
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -33,7 +35,8 @@ const ReviewCongrats = props => {
     "data-name": dataName,
     "data-testid": "congrats"
   }, /*#__PURE__*/React.createElement(LottieWrapper
-  /** confetti animation */, _extends({}, animationLottie, {
+  /** confetti animation */
+  , _extends({}, animationLottie, {
     loop: false,
     animationControl: 'play',
     autoplay: true,
@@ -64,6 +67,7 @@ const ReviewCongrats = props => {
     "data-testid": "revise-another-skill-link"
   })) : null)));
 };
+
 ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCongrats;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","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 LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats 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\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\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              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9C,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAO,EAAEC,QAAQ,IACzBF,SAAS,CAACC,OAAO,CAACC,QAAQ,CAAC;IACzBC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAE;EACZ,CAAC,CAAC;AACN,CAAC;AAED,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAI,CAAC;EAE9BD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAS,CAAC,EAAE,IAAI,CAAC;IACpD,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAElB,KAAK,CAACqB,aAAc;IAC/B,cAAYX,SAAU;IACtB,aAAWC,QAAS;IACpB,eAAY;EAAU,gBAEtB,oBAAC;EACC,wCACIC,eAAe;IACnB,IAAI,EAAE,KAAM;IACZ,gBAAgB,EAAE,MAAO;IACzB,QAAQ;IACR,aAAU,gBAAgB;IAC1B,SAAS,EAAEZ,KAAK,CAACsB,MAAO;IACxB,oBAAoB,EAAEtB,KAAK,CAACuB;EAAW,GACvC,eACF;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAkB,gBACtC;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,GAAG,EAAEV,SAAU;IAAC,SAAS,EAAEH,KAAK,CAACyB;EAAe,GAClDV,gBAAgB,gBACf,uDACE,oBAAC,kBAAkB,eAAKD,gBAAgB;IAAE,SAAS,EAAEd,KAAK,CAAC0B;EAAS,GAAG,eACvE,oBAAC,kBAAkB,eACbX,gBAAgB;IACpB,cAAc,EAAE,IAAK;IACrB,SAAS,EAAEf,KAAK,CAAC2B;EAAS,GAC1B,CACD,gBAEH,oBAAC,kBAAkB,eAAKb,gBAAgB;IAAE,SAAS,EAAEd,KAAK,CAAC4B;EAAe,GAC3E,CACG,eACN;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAgB,GACnCb,cAAc,gBACb,oBAAC,UAAU,eACLA,cAAc;IAClB,SAAS,EAAEhB,KAAK,CAAC8B,YAAa;IAC9B,eAAY;EAAmB,GAC/B,GACA,IAAI,EACPb,mBAAmB,gBAClB,oBAAC,UAAU,eACLA,mBAAmB;IACvB,SAAS,EAAEjB,KAAK,CAAC8B,YAAa;IAC9B,eAAY;EAA2B,GACvC,GACA,IAAI,CACJ,CACF,CACF;AAEV,CAAC;AAEDtB,cAAc,CAACP,SAAS,2CAAGA,SAAS;AAEpC,eAAeO,cAAc"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","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 LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats 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\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\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              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\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,aAAP,MAA0B,2BAA1B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,kBAAP,MAA+B,qCAA/B;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;IACE,SAAS,EAAElB,KAAK,CAACqB,aADnB;IAEE,cAAYX,SAFd;IAGE,aAAWC,QAHb;IAIE,eAAY;EAJd,gBAME,oBAAC;EACC;EADF,eAEMC,eAFN;IAGE,IAAI,EAAE,KAHR;IAIE,gBAAgB,EAAE,MAJpB;IAKE,QAAQ,MALV;IAME,aAAU,gBANZ;IAOE,SAAS,EAAEZ,KAAK,CAACsB,MAPnB;IAQE,oBAAoB,EAAEtB,KAAK,CAACuB;EAR9B,GANF,eAgBE;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,kBAAD,eAAwBD,gBAAxB;IAA0C,SAAS,EAAEd,KAAK,CAAC0B;EAA3D,GADF,eAEE,oBAAC,kBAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,kBAAD,eAAwBb,gBAAxB;IAA0C,SAAS,EAAEd,KAAK,CAAC4B;EAA3D,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,GACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,eAAY;EAHd,GADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eACMA,mBADN;IAEE,SAAS,EAAEjB,KAAK,CAAC8B,YAFnB;IAGE,eAAY;EAHd,GADkB,GAMhB,IAdN,CAhBF,CAhBF,CADF;AAoDD,CAvED;;AAyEAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}

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

@@ -1,5 +1,7 @@
 import _noop from "lodash/fp/noop";
+
 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, useState } from 'react';
 import { Animated, ScrollView, StyleSheet, Text } from 'react-native';
 import LottieView from 'lottie-react-native';
@@ -9,6 +11,7 @@ import { useTemplateContext } from '../../template/app-review/template-context';
 import Button from '../../atom/button/index.native';
 import { BOX_STYLE } from '../../variables/shadow';
 import CardCongrats from '../../molecule/card-congrats/index.native';
+
 const createStyleSheet = theme => StyleSheet.create({
   congrats: {
     position: 'absolute',
@@ -48,6 +51,7 @@ const createStyleSheet = theme => StyleSheet.create({
     paddingHorizontal: 40
   }
 });
+
 const fadeIn = {
   property: 'opacity',
   fromValue: 0,
@@ -60,6 +64,7 @@ const translateHorizontally = {
   toValue: 0,
   duration: 800
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -112,17 +117,19 @@ const ReviewCongrats = props => {
   const showButton2 = useAnimateProp(fadeIn);
   const congratsSequence = sequence([parallel([showCongrats, translateCongrats]), parallel([showConfettis, cardCongratsRank ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])]) : parallel([fadeInStars, translateStars])]), sequence([showButton1, showButton2])]);
   useEffect(() => {
-    congratsSequence.start();
-    // (required only once on mount)
+    congratsSequence.start(); // (required only once on mount)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const handleContinueRevisingPress = buttonRevising?.onClick || _noop;
   const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || _noop;
   const showStarLottieAnimation = !cardCongratsRank || isRankShown;
@@ -188,5 +195,6 @@ const ReviewCongrats = props => {
     loop: false
   })) : null);
 };
+
 export default ReviewCongrats;
 //# sourceMappingURL=index.native.js.map