@coorpacademy/components 10.30.8 → 10.30.10-alpha.2

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","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","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      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  }\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    } = 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.navMobile}\n              data-name=\"nav-mobile\"\n              aria-label={logoButtonAriaLabel}\n            >\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              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href} aria-label={logoAriaLabel}>\n                <Picture src={logoMobileUrl} />\n              </Link>\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":"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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","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","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      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  }\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    } = 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.navMobile}\n              data-name=\"nav-mobile\"\n              aria-label={logoButtonAriaLabel}\n            >\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              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} aria-label={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link className={style.logo} data-name=\"logo\" href={logo.href}>\n              <Picture src={logoUrl} aria-label={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/review-congrats/index.native.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/index.native.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AA4CjD,QAAA,MAAM,cAAc,UAAW,mBAAmB,uBA6EjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,130 @@
+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, useState } from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import LottieView from 'lottie-react-native';
+import { NovaCompositionCoorpacademyStar as StarIcon, NovaSolidVoteRewardsRewardsBadge5 as RankIcon } from '@coorpacademy/nova-icons';
+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',
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#ededed',
+    flexDirection: 'column',
+    alignItems: 'center',
+    paddingVertical: 90,
+    flex: 1
+  },
+  buttons: {
+    width: '100%',
+    paddingHorizontal: 20,
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    flex: 1
+  },
+  title: {
+    fontWeight: '400',
+    fontSize: 32,
+    lineHeight: 40,
+    marginVertical: 20,
+    color: theme.colors.text.primary
+  },
+  confettis: {
+    flexGrow: 1,
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    pointerEvents: 'box-none'
+  }
+});
+
+const ReviewCongrats = props => {
+  const {
+    'aria-label': ariaLabel,
+    animationLottie,
+    title,
+    cardCongratsStar,
+    cardCongratsRank,
+    buttonRevising,
+    buttonRevisingSkill
+  } = props;
+  const {
+    theme
+  } = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  const handleContinueRevisingPress = buttonRevising?.onClick || _noop;
+  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || _noop;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.congrats,
+    accessibilityLabel: ariaLabel
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.title
+  }, title), /*#__PURE__*/React.createElement(ScrollView, {
+    showsHorizontalScrollIndicator: false,
+    horizontal: true,
+    style: {
+      height: 300
+    }
+  }, cardCongratsRank ? /*#__PURE__*/React.createElement(CardCongrats, {
+    animationUri: cardCongratsRank.animationLottie.animationSrc,
+    text: cardCongratsRank.reviewCardTitle,
+    value: `${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`,
+    Icon: RankIcon,
+    iconColor: theme.colors.positive,
+    textColor: theme.colors.text.primary,
+    direction: "row-reverse"
+  }) : null, /*#__PURE__*/React.createElement(CardCongrats, {
+    animationUri: cardCongratsStar.animationLottie.animationSrc,
+    Icon: StarIcon,
+    text: cardCongratsStar.reviewCardTitle,
+    value: cardCongratsStar.reviewCardValue,
+    iconColor: theme.colors.battle,
+    textColor: theme.colors.battle,
+    direction: "row"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.buttons
+  }, buttonRevisingSkill ? /*#__PURE__*/React.createElement(Button, {
+    onPress: handleReviseAnotherSkillPress,
+    accessibilityLabel: buttonRevisingSkill['aria-label'],
+    submitValue: buttonRevisingSkill.label,
+    style: _extends({}, BOX_STYLE, {
+      backgroundColor: '#fff'
+    }),
+    textStyle: {
+      color: '#123'
+    }
+  }) : null, buttonRevising ? /*#__PURE__*/React.createElement(Button, {
+    onPress: handleContinueRevisingPress,
+    accessibilityLabel: buttonRevising['aria-label'],
+    submitValue: buttonRevising.label
+  }) : null), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: styleSheet.confettis
+  }, /*#__PURE__*/React.createElement(LottieView, {
+    source: {
+      uri: animationLottie.animationSrc
+    },
+    autoPlay: true,
+    loop: false
+  })));
+};
+
+export default ReviewCongrats;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","ScrollView","StyleSheet","Text","View","LottieView","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","useTemplateContext","Button","BOX_STYLE","CardCongrats","createStyleSheet","theme","create","congrats","position","width","height","backgroundColor","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","styleSheet","setStylesheet","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","positive","battle","label","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {ScrollView, StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      backgroundColor: '#ededed',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      flex: 1\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    }\n  });\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n\n  return (\n    <View style={styleSheet.congrats} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView showsHorizontalScrollIndicator={false} horizontal style={{height: 300}}>\n        {cardCongratsRank ? (\n          <CardCongrats\n            animationUri={cardCongratsRank.animationLottie.animationSrc}\n            text={cardCongratsRank.reviewCardTitle}\n            value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n            Icon={RankIcon}\n            iconColor={theme.colors.positive}\n            textColor={theme.colors.text.primary}\n            direction=\"row-reverse\"\n          />\n        ) : null}\n        <CardCongrats\n          animationUri={cardCongratsStar.animationLottie.animationSrc}\n          Icon={StarIcon}\n          text={cardCongratsStar.reviewCardTitle}\n          value={cardCongratsStar.reviewCardValue}\n          iconColor={theme.colors.battle}\n          textColor={theme.colors.battle}\n          direction=\"row\"\n        />\n      </ScrollView>\n\n      <View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Button\n            onPress={handleReviseAnotherSkillPress}\n            accessibilityLabel={buttonRevisingSkill['aria-label']}\n            submitValue={buttonRevisingSkill.label}\n            style={{...BOX_STYLE, backgroundColor: '#fff'}}\n            textStyle={{color: '#123'}}\n          />\n        ) : null}\n        {buttonRevising ? (\n          <Button\n            onPress={handleContinueRevisingPress}\n            accessibilityLabel={buttonRevising['aria-label']}\n            submitValue={buttonRevising.label}\n          />\n        ) : null}\n      </View>\n\n      <View pointerEvents=\"none\" style={styleSheet.confettis}>\n        <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,UAApB,EAAgCC,IAAhC,EAAiDC,IAAjD,QAAuE,cAAvE;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AAEA,SACEC,+BAA+B,IAAIC,QADrC,EAEEC,iCAAiC,IAAIC,QAFvC,QAGO,0BAHP;AAKA,SAAQC,kBAAR,QAAiC,4CAAjC;AAEA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,SAAQC,SAAR,QAAwB,wBAAxB;AACA,OAAOC,YAAP,MAAyB,2CAAzB;;AAUA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBb,UAAU,CAACc,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAE,UADF;IAERC,KAAK,EAAE,MAFC;IAGRC,MAAM,EAAE,MAHA;IAIRC,eAAe,EAAE,SAJT;IAKRC,aAAa,EAAE,QALP;IAMRC,UAAU,EAAE,QANJ;IAORC,eAAe,EAAE,EAPT;IAQRC,IAAI,EAAE;EARE,CADM;EAWhBC,OAAO,EAAE;IACPP,KAAK,EAAE,MADA;IAEPQ,iBAAiB,EAAE,EAFZ;IAGPL,aAAa,EAAE,QAHR;IAIPM,cAAc,EAAE,eAJT;IAKPH,IAAI,EAAE;EALC,CAXO;EAkBhBI,KAAK,EAAE;IACLC,UAAU,EAAE,KADP;IAELC,QAAQ,EAAE,EAFL;IAGLC,UAAU,EAAE,EAHP;IAILC,cAAc,EAAE,EAJX;IAKLC,KAAK,EAAEnB,KAAK,CAACoB,MAAN,CAAaC,IAAb,CAAkBC;EALpB,CAlBS;EAyBhBC,SAAS,EAAE;IACTC,QAAQ,EAAE,CADD;IAETrB,QAAQ,EAAE,UAFD;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE,MAJC;IAKToB,aAAa,EAAE;EALN;AAzBK,CAAlB,CADF;;AAmCA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IACJ,cAAcC,SADV;IAEJC,eAFI;IAGJf,KAHI;IAIJgB,gBAJI;IAKJC,gBALI;IAMJC,cANI;IAOJC;EAPI,IAQFN,KARJ;EAUA,MAAM;IAAC3B;EAAD,IAAUL,kBAAkB,EAAlC;EAEA,MAAM,CAACuC,UAAD,EAAaC,aAAb,IAA8BlD,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMoD,WAAW,GAAGrC,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACpC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAMG,2BAA2B,GAAGL,cAAc,EAAEM,OAAhB,SAApC;EACA,MAAMC,6BAA6B,GAAGN,mBAAmB,EAAEK,OAArB,SAAtC;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEJ,UAAU,CAAChC,QAAxB;IAAkC,kBAAkB,EAAE0B;EAAtD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEM,UAAU,CAACpB;EAAxB,GAAgCA,KAAhC,CADF,eAEE,oBAAC,UAAD;IAAY,8BAA8B,EAAE,KAA5C;IAAmD,UAAU,MAA7D;IAA8D,KAAK,EAAE;MAACT,MAAM,EAAE;IAAT;EAArE,GACG0B,gBAAgB,gBACf,oBAAC,YAAD;IACE,YAAY,EAAEA,gBAAgB,CAACF,eAAjB,CAAiCW,YADjD;IAEE,IAAI,EAAET,gBAAgB,CAACU,eAFzB;IAGE,KAAK,EAAG,GAAEV,gBAAgB,CAACW,eAAgB,IAAGX,gBAAgB,CAACY,UAAW,EAH5E;IAIE,IAAI,EAAEjD,QAJR;IAKE,SAAS,EAAEM,KAAK,CAACoB,MAAN,CAAawB,QAL1B;IAME,SAAS,EAAE5C,KAAK,CAACoB,MAAN,CAAaC,IAAb,CAAkBC,OAN/B;IAOE,SAAS,EAAC;EAPZ,EADe,GAUb,IAXN,eAYE,oBAAC,YAAD;IACE,YAAY,EAAEQ,gBAAgB,CAACD,eAAjB,CAAiCW,YADjD;IAEE,IAAI,EAAEhD,QAFR;IAGE,IAAI,EAAEsC,gBAAgB,CAACW,eAHzB;IAIE,KAAK,EAAEX,gBAAgB,CAACY,eAJ1B;IAKE,SAAS,EAAE1C,KAAK,CAACoB,MAAN,CAAayB,MAL1B;IAME,SAAS,EAAE7C,KAAK,CAACoB,MAAN,CAAayB,MAN1B;IAOE,SAAS,EAAC;EAPZ,EAZF,CAFF,eAyBE,oBAAC,IAAD;IAAM,KAAK,EAAEX,UAAU,CAACvB;EAAxB,GACGsB,mBAAmB,gBAClB,oBAAC,MAAD;IACE,OAAO,EAAEM,6BADX;IAEE,kBAAkB,EAAEN,mBAAmB,CAAC,YAAD,CAFzC;IAGE,WAAW,EAAEA,mBAAmB,CAACa,KAHnC;IAIE,KAAK,eAAMjD,SAAN;MAAiBS,eAAe,EAAE;IAAlC,EAJP;IAKE,SAAS,EAAE;MAACa,KAAK,EAAE;IAAR;EALb,EADkB,GAQhB,IATN,EAUGa,cAAc,gBACb,oBAAC,MAAD;IACE,OAAO,EAAEK,2BADX;IAEE,kBAAkB,EAAEL,cAAc,CAAC,YAAD,CAFpC;IAGE,WAAW,EAAEA,cAAc,CAACc;EAH9B,EADa,GAMX,IAhBN,CAzBF,eA4CE,oBAAC,IAAD;IAAM,aAAa,EAAC,MAApB;IAA2B,KAAK,EAAEZ,UAAU,CAACX;EAA7C,gBACE,oBAAC,UAAD;IAAY,MAAM,EAAE;MAACwB,GAAG,EAAElB,eAAe,CAACW;IAAtB,CAApB;IAAyD,QAAQ,MAAjE;IAAkE,IAAI,EAAE;EAAxE,EADF,CA5CF,CADF;AAkDD,CA7ED;;AA+EA,eAAed,cAAf"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAa,gBAAgB,EAAkC,MAAM,cAAc,CAAC;AA0N3F,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBA8CrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAa,gBAAgB,EAAa,MAAM,cAAc,CAAC;AA0KtE,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBA8CrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -8,7 +8,7 @@ import Text from '../../atom/text/index.native';
 import Answer from '../../molecule/answer/index.native';
 import ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
-import Touchable from '../../hoc/touchable/index.native';
+import Button from '../../atom/button/index.native';
 const styles = StyleSheet.create({
   correctionPopinWrapper: {
     position: 'absolute',
@@ -66,53 +66,6 @@ const CorrectionPopin = ({
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
 
-const createValidateButtonStyle = (theme, brandTheme) => StyleSheet.create({
-  validateButton: {
-    backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
-    borderRadius: 7,
-    width: '100%'
-  },
-  validateButtonText: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: theme.fontWeight.bold,
-    color: theme.colors.white,
-    marginBottom: theme.spacing.small,
-    marginTop: theme.spacing.small,
-    textAlign: 'center'
-  }
-});
-
-const ValidateButton = ({
-  slideIndex,
-  validateButton
-}) => {
-  const {
-    label,
-    onClick,
-    disabled
-  } = validateButton;
-  const {
-    theme,
-    brandTheme
-  } = useTemplateContext();
-  const [style, setStyle] = useState();
-  useEffect(() => {
-    const buttonStyle = createValidateButtonStyle(theme, brandTheme);
-    setStyle(buttonStyle);
-  }, [theme, brandTheme]);
-  if (!style) return null;
-  return /*#__PURE__*/React.createElement(Touchable, {
-    style: style.validateButton,
-    onPress: onClick,
-    disabled: disabled,
-    accessibilityLabel: label,
-    testID: `slide-validate-button-${slideIndex}`
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: style.validateButtonText
-  }, label));
-};
-
 const createQuestionStyle = theme => StyleSheet.create({
   questionHeading: {
     justifyContent: 'space-between'
@@ -222,27 +175,33 @@ const Slide = props => {
     showCorrectionPopin,
     animateCorrectionPopin
   } = slide;
+
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Text, null, "@todo loader ", num);
+  }
+
+  const {
+    onClick: handleValidatePress
+  } = validateButton;
   return /*#__PURE__*/React.createElement(View, {
     style: slideStyle.slide
-  }, loading ?
-  /*#__PURE__*/
-  // <Loader className={style.loader} theme="default" aria-label={loadingAriaLabel} />
-  React.createElement(Text, null, "@todo loader ", num) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Question, {
+  }, /*#__PURE__*/React.createElement(Question, {
     questionOrigin: parentContentTitle,
     questionText: questionText,
     answerUI: answerUI,
     key: "question-container"
-  }), /*#__PURE__*/React.createElement(ValidateButton, {
-    slideIndex: slideIndex,
-    validateButton: validateButton,
-    key: "validate-button"
+  }), /*#__PURE__*/React.createElement(Button, {
+    disabled: validateButton.disabled,
+    submitValue: validateButton.label,
+    onPress: handleValidatePress,
+    testID: `slide-validate-button-${slideIndex}`
   }), correctionPopinProps ? /*#__PURE__*/React.createElement(CorrectionPopin, {
     correctionPopinProps: correctionPopinProps,
     slideIndex: slideIndex,
     showCorrectionPopin: showCorrectionPopin,
     animateCorrectionPopin: animateCorrectionPopin,
     key: "correction-popin"
-  }) : null));
+  }) : null);
 };
 
 export default Slide;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","useRef","Animated","Easing","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Touchable","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateAnim","Value","current","translateYAnim","timing","toValue","duration","easing","bezier","useNativeDriver","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","transform","translateY","createValidateButtonStyle","theme","brandTheme","validateButton","backgroundColor","colors","primary","text","borderRadius","validateButtonText","fontSize","lineHeight","fontWeight","bold","color","white","marginBottom","spacing","small","marginTop","textAlign","ValidateButton","disabled","style","setStyle","buttonStyle","createQuestionStyle","questionHeading","justifyContent","questionOrigin","tiny","questionText","questionHelp","gray","medium","choicesContainer","flex","Question","props","answerUI","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","slideStyle","loading","parentContentTitle"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef} from 'react';\nimport {\n  Animated,\n  Easing,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {PopinProps, ReviewSlideProps, SlideProps, ValidateButtonProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateAnim = useRef(new Animated.Value(1000)).current;\n\n  const translateYAnim = useCallback(() => {\n    Animated.timing(translateAnim, {\n      toValue: 0,\n      duration: 800,\n      easing: Easing.bezier(0.37, 0, 0.63, 1),\n      useNativeDriver: true\n    }).start();\n  }, [translateAnim]);\n\n  if (animateCorrectionPopin) {\n    translateYAnim();\n  }\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <Animated.View\n      style={{\n        ...styles.correctionPopinWrapper,\n        transform: [\n          {\n            translateY: translateAnim\n          }\n        ]\n      }}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleValidateButtonType = {\n  validateButton: ViewStyle;\n  validateButtonText: ViewStyle;\n};\n\nconst createValidateButtonStyle = (theme: Theme, brandTheme: Brand): StyleValidateButtonType =>\n  StyleSheet.create({\n    validateButton: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    validateButtonText: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.white,\n      marginBottom: theme.spacing.small,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    }\n  });\n\nconst ValidateButton = ({slideIndex, validateButton}: ValidateButtonProps) => {\n  const {label, onClick, disabled} = validateButton;\n  const {theme, brandTheme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleValidateButtonType>();\n\n  useEffect(() => {\n    const buttonStyle = createValidateButtonStyle(theme, brandTheme);\n    setStyle(buttonStyle);\n  }, [theme, brandTheme]);\n\n  if (!style) return null;\n\n  return (\n    <Touchable\n      style={style.validateButton}\n      onPress={onClick}\n      disabled={disabled}\n      accessibilityLabel={label}\n      testID={`slide-validate-button-${slideIndex}`}\n    >\n      <Text style={style.validateButtonText}>{label}</Text>\n    </Touchable>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <View style={slideStyle.slide}>\n      {loading ? (\n        // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n        <Text>@todo loader {num}</Text>\n      ) : (\n        <>\n          <Question\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            key=\"validate-button\"\n          />\n          {correctionPopinProps ? (\n            <CorrectionPopin\n              correctionPopinProps={correctionPopinProps}\n              slideIndex={slideIndex}\n              showCorrectionPopin={showCorrectionPopin}\n              animateCorrectionPopin={animateCorrectionPopin}\n              key=\"correction-popin\"\n            />\n          ) : null}\n        </>\n      )}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","useRef","Animated","Easing","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Button","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateAnim","Value","current","translateYAnim","timing","toValue","duration","easing","bezier","useNativeDriver","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","transform","translateY","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","Question","props","answerUI","style","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","Slide","validateButton","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef} from 'react';\nimport {\n  Animated,\n  Easing,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateAnim = useRef(new Animated.Value(1000)).current;\n\n  const translateYAnim = useCallback(() => {\n    Animated.timing(translateAnim, {\n      toValue: 0,\n      duration: 800,\n      easing: Easing.bezier(0.37, 0, 0.63, 1),\n      useNativeDriver: true\n    }).start();\n  }, [translateAnim]);\n\n  if (animateCorrectionPopin) {\n    translateYAnim();\n  }\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <Animated.View\n      style={{\n        ...styles.correctionPopinWrapper,\n        transform: [\n          {\n            translateY: translateAnim\n          }\n        ]\n      }}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <Text>@todo loader {num}</Text>;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <View style={slideStyle.slide}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        key=\"question-container\"\n      />\n      <Button\n        disabled={validateButton.disabled}\n        submitValue={validateButton.label}\n        onPress={handleValidatePress}\n        testID={`slide-validate-button-${slideIndex}`}\n      />\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

package/es/organism/review-slide/prop-types.d.ts

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { ReviewCorrectionPopinProps } from '../../molecule/review-correction-popin/prop-types';
 import { AnswerProps } from '../../molecule/answer/prop-types';
+import { TemplateContextValues } from '../../template/app-review/template-context';
 export declare const SlidePropsTypes: PropTypes.Requireable<PropTypes.InferProps<{
     position: PropTypes.Requireable<number>;
     loading: PropTypes.Requireable<boolean>;
@@ -210,4 +211,8 @@ export declare type ReviewSlideProps = {
         disabled: boolean;
     };
 };
+export declare type Fixture = {
+    props: ReviewSlideProps;
+    mobileContext?: TemplateContextValues;
+};
 //# sourceMappingURL=prop-types.d.ts.map

package/es/organism/review-slide/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAGA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAUpC,QAAA,MAAM,aAAa,UAAW,gBAAgB,gBAuB7C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAUpC,QAAA,MAAM,aAAa,UAAW,gBAAgB,gBAsB7C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/organism/review-stacked-slides/index.native.js

@@ -19,8 +19,7 @@ const StackedSlides = props => {
   } = props;
   const indexes = keys(slides).reverse();
   const stackedSlides = indexes.map(slideIndex => {
-    const slide = slides[slideIndex]; // const {animationType, hidden, position} = slide;
-
+    const slide = slides[slideIndex];
     return /*#__PURE__*/React.createElement(Slide, {
       num: Number.parseInt(slideIndex),
       slideIndex,