@coorpacademy/components 11.9.1 → 11.9.2-alpha.4

package/es/template/app-player/popin-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}

package/es/template/app-player/popin-header/style.css

@@ -359,6 +359,7 @@
   padding: 0;
   box-sizing: border-box;
   margin-left: 2px;
+  color: inherit;
 }
 
 .nextStepTitle {

package/lib/atom/avatar/index.js

@@ -28,7 +28,6 @@ const Avatar = ({
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBolt, {
-    color: "#fff",
     className: _style.default.icon
   })));
 };

package/lib/atom/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Avatar","url","style","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon color=\"#fff\" className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI,SAAtB;IAAiC,GAAG,EAAEL;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE,6BAAC,0CAAD;IAAU,KAAK,EAAC,MAAhB;IAAuB,SAAS,EAAEL,cAAA,CAAMM;EAAxC,EADF,CANF,CADF;AAYD,CAbD;;AAeAR,MAAM,CAACS,SAAP,2CAAmB;EACjBR,GAAG,EAAES,kBAAA,CAAUC,MAAV,CAAiBC;AADL,CAAnB;eAIeZ,M"}
+{"version":3,"file":"index.js","names":["Avatar","url","style","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI,SAAtB;IAAiC,GAAG,EAAEL;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,gBACE,6BAAC,0CAAD;IAAU,SAAS,EAAEL,cAAA,CAAMM;EAA3B,EADF,CANF,CADF;AAYD,CAbD;;AAeAR,MAAM,CAACS,SAAP,2CAAmB;EACjBR,GAAG,EAAES,kBAAA,CAAUC,MAAV,CAAiBC;AADL,CAAnB;eAIeZ,M"}

package/lib/atom/avatar/style.css

@@ -48,4 +48,5 @@
 .icon {
   width: 20px;
   height: 20px;
+  color: "#fff";
 }

package/lib/atom/card-image-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAiBC"}

package/lib/atom/card-image-preview/index.js

@@ -25,7 +25,9 @@ const CardImagePreview = ({
   const whiteColor = (0, _get2.default)('common.white', skin);
   const emptyIcon = !image ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
     className: _style.default.emptyIcon,
-    color: whiteColor
+    style: {
+      color: whiteColor
+    }
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.image,

package/lib/atom/card-image-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,6BAAC,8CAAD;IAAc,SAAS,EAAEI,cAAA,CAAMD,SAA/B;IAA0C,KAAK,EAAED;EAAjD,EAAT,GAA2E,IAA7F;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMJ,KADnB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACO,YAAjB,GAAgC;EAC9BL,IAAI,EAAEM,iBAAA,CAASC,iBAAT,CAA2BP;AADH,CAAhC;AAIAF,gBAAgB,CAACU,SAAjB,2CAA6B;EAC3BT,KAAK,EAAEU,kBAAA,CAAUC;AADU,CAA7B;eAGeZ,gB"}
+{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","color","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAChB,6BAAC,8CAAD;IAAc,SAAS,EAAEI,cAAA,CAAMD,SAA/B;IAA0C,KAAK,EAAE;MAACE,KAAK,EAAEH;IAAR;EAAjD,EADgB,GAEd,IAFJ;EAIA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMJ,KADnB;IAEE,KAAK,EAAE;MACLM,eAAe,EAAEN,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAjBD;;AAmBAJ,gBAAgB,CAACQ,YAAjB,GAAgC;EAC9BN,IAAI,EAAEO,iBAAA,CAASC,iBAAT,CAA2BR;AADH,CAAhC;AAIAF,gBAAgB,CAACW,SAAjB,2CAA6B;EAC3BV,KAAK,EAAEW,kBAAA,CAAUC;AADU,CAA7B;eAGeb,gB"}

package/lib/atom/difficulty-level/index.js

@@ -23,26 +23,22 @@ const Icon = ({
   switch (level) {
     case 1:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel1, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     case 2:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel2, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     case 3:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel3, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
 
     default:
       return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLevel0, {
-        className: _style.default.icon,
-        color: "#fff"
+        className: _style.default.icon
       });
   }
 };

package/lib/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}
+{"version":3,"file":"index.js","names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","classnames","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAEC,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;;IACF;MACE,oBAAO,6BAAC,4CAAD;QAAmC,SAAS,EAAED,cAAA,CAAMC;MAApD,EAAP;EARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;EACfH,KAAK,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACN,KAAD;EAAQO;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEN,cAAA,CAAMO;AAAtB,gBACE;EACE,SAAS,EAAE,IAAAC,mBAAA,EAAW;IACpB,CAACR,cAAA,CAAMS,gBAAP,GAA0B,CAAC,IAAAC,iBAAA,EAASX,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;IAEpB,CAACC,cAAA,CAAMW,aAAP,GAAuBZ,KAAK,KAAK,CAFb;IAGpB,CAACC,cAAA,CAAMY,eAAP,GAAyBb,KAAK,KAAK,CAHf;IAIpB,CAACC,cAAA,CAAMa,aAAP,GAAuBd,KAAK,KAAK;EAJb,CAAX;AADb,gBAQE,6BAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEC,cAAA,CAAMc;AAAvB,GAA8BR,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BH,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;EAE1BO,QAAQ,EAAEH,kBAAA,CAAUY;AAFM,CAA5B;eAKeV,e"}

package/lib/atom/difficulty-level/style.css

@@ -8,6 +8,7 @@
 .icon {
   width: 18px;
   height: 15px;
+  color: "#fff";
 }
 
 .text {

package/lib/atom/input-html/index.js

@@ -81,10 +81,14 @@ class InputHtml extends _react.default.Component {
     } = this.state;
     const className = error ? _style.default.error : _style.default.default;
     const iconContent = !preview ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineBusinessCircleView, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineContentEditionPencil2, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     });
     return /*#__PURE__*/_react.default.createElement("div", {

package/lib/atom/input-html/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputHtml","React","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon color={mediumColor} height={16} />\n    ) : (\n      <PencilIcon color={mediumColor} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputHtml","React","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","style","default","iconContent","color","contentWrapper","input","toggle","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon style={{color: mediumColor}} height={16} />\n    ) : (\n      <PencilIcon style={{color: mediumColor}} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}

package/lib/atom/life/index.js

@@ -89,13 +89,19 @@ const Life = (props, context) => {
     style: heartCustomStyle
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyVoteHeartOutline, {
     className: _style.default.heartOutline,
-    color: white
+    style: {
+      color: white
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsVoteHeart, {
     className: pickStyle(_style.default.heartNormalDefault, _style.default.heartNormalFailed, _style.default.heartNormalAnimatedFailed, _style.default.heartNormalRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBrokenHeart, {
     className: pickStyle(_style.default.heartBrokenDefault, _style.default.heartBrokenFailed, _style.default.heartBrokenAnimatedFailed, _style.default.heartBrokenRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   })));
 };
 

package/lib/atom/life/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MODES","default","cssStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} color={white} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          color={negativeColor}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          color={negativeColor}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,cAAA,CAASD,OADN;EAEZE,KAAK,EAAED,cAAA,CAASC;AAFJ,CAAd;AAKA,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,cAAA,CAASG,MADH;EAEdC,WAAW,EAAEJ,cAAA,CAASI,WAFR;EAGdC,cAAc,EAAEL,cAAA,CAASK;AAHX,CAAhB;;AAMA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJL,MAAM,GAAG,IADL;IAEJO,YAAY,GAAG,KAFX;IAGJC,QAAQ,GAAG,KAHP;IAIJC,KAAK,GAAG,CAJJ;IAKJC,MAAM,GAAG,KALL;IAMJC,IAAI,GAAG,SANH;IAOJC,QAAQ,GAAG,GAPP;IAQJC,OARI;IASJC,SATI;IAUJC,KAAK,EAAEC;EAVH,IAWFZ,KAXJ;EAYA,MAAMa,aAAa,GAAG,mBAAI,iBAAJ,EAAuBX,IAAvB,CAAtB;EACA,MAAMY,KAAK,GAAG,mBAAI,cAAJ,EAAoBZ,IAApB,CAAd;;EAEA,IAAIG,KAAK,KAAK,IAAd,EAAoB;IAClB,OAAO,IAAP;EACD;;EAED,MAAMU,SAAS,GAAG,CAACC,YAAD,EAAeC,WAAf,EAA4BC,mBAA5B,EAAiDC,YAAjD,KAAkE;IAClF,IAAIV,OAAJ,EAAa,OAAOU,YAAP;IACb,IAAIb,MAAM,IAAIF,QAAd,EAAwB,OAAOc,mBAAP;IACxB,IAAIZ,MAAJ,EAAY,OAAOW,WAAP;IACZ,OAAOD,YAAP;EACD,CALD;;EAOA,MAAMI,YAAY,GAChBd,MAAM,IAAIF,QAAV,GAAqBX,cAAA,CAAS4B,kBAA9B,GAAmD5B,cAAA,CAAS6B,mBAD9D;EAEA,MAAMC,WAAW,GAAG3B,MAAM,GAAGD,OAAO,CAACC,MAAM,CAAC4B,IAAR,CAAV,GAA0B,IAApD;EACA,MAAMC,gBAAgB,GAAG;IACvBC,cAAc,EAAE9B,MAAM,IAAIA,MAAM,CAAC+B,KADV;IAEvBC,iBAAiB,EAAEhC,MAAM,IAAIA,MAAM,CAACiC,QAFb;IAGvBC,IAAI,EAAE3B,YAAY,IAAI;EAHC,CAAzB;EAMA,MAAM4B,UAAU,GAAGzB,MAAM,GAAGb,cAAA,CAASuC,kBAAZ,GAAiCvC,cAAA,CAASwC,mBAAnE;EAEA,oBACE;IAAK,aAAU,MAAf;IAAsB,SAAS,EAAE,IAAAC,mBAAA,EAAW3C,KAAK,CAACgB,IAAD,CAAhB,EAAwBG,SAAxB,CAAjC;IAAqE,KAAK,EAAEE;EAA5E,gBACE;IAAK,SAAS,EAAEnB,cAAA,CAAS0C;EAAzB,gBACE;IACE,SAAS,EAAEpB,SAAS,CAClBtB,cAAA,CAAS2C,2BADS,EAElB3C,cAAA,CAAS2C,2BAFS,EAGlB3C,cAAA,CAAS4C,0BAHS,EAIlB5C,cAAA,CAAS6C,oBAJS;EADtB,GAQGjC,KAAK,GAAG,CARX,CADF,eAWE;IAAK,aAAU,SAAf;IAAyB,SAAS,EAAE0B;EAApC,GACG1B,KADH,CAXF,CADF,eAgBE;IAAK,SAAS,EAAEZ,cAAA,CAAS8C;EAAzB,gBACE;IAAM,SAAS,EAAE9C,cAAA,CAASe;EAA1B,GAAqCA,QAArC,CADF,CAhBF,eAmBE;IAAK,SAAS,EAAE,IAAA0B,mBAAA,EAAWd,YAAX,EAAyBG,WAAzB,CAAhB;IAAuD,KAAK,EAAEE;EAA9D,gBACE,6BAAC,sDAAD;IAAkB,SAAS,EAAEhC,cAAA,CAAS+C,YAAtC;IAAoD,KAAK,EAAE1B;EAA3D,EADF,eAEE,6BAAC,wCAAD;IACE,SAAS,EAAEC,SAAS,CAClBtB,cAAA,CAASgD,kBADS,EAElBhD,cAAA,CAASiD,iBAFS,EAGlBjD,cAAA,CAASkD,yBAHS,EAIlBlD,cAAA,CAASmD,kBAJS,CADtB;IAOE,KAAK,EAAE/B;EAPT,EAFF,eAWE,6BAAC,iDAAD;IACE,SAAS,EAAEE,SAAS,CAClBtB,cAAA,CAASoD,kBADS,EAElBpD,cAAA,CAASqD,iBAFS,EAGlBrD,cAAA,CAASsD,yBAHS,EAIlBtD,cAAA,CAASuD,kBAJS,CADtB;IAOE,KAAK,EAAEnC;EAPT,EAXF,CAnBF,CADF;AA2CD,CAlFD;;AAoFAd,IAAI,CAACkD,YAAL,GAAoB;EAClB/C,IAAI,EAAEgD,iBAAA,CAASC,iBAAT,CAA2BjD;AADf,CAApB;AAIAH,IAAI,CAACqD,SAAL,2CAAiB;EACf3C,OAAO,EAAE4C,kBAAA,CAAUC,IADJ;EAEflD,QAAQ,EAAEiD,kBAAA,CAAUC,IAFL;EAGf1D,MAAM,EAAEyD,kBAAA,CAAUE,KAAV,CAAgB;IACtB/B,IAAI,EAAE6B,kBAAA,CAAUG,KAAV,CAAgB,CAAC,QAAD,EAAW,aAAX,EAA0B,gBAA1B,CAAhB,CADgB;IAEtB7B,KAAK,EAAE0B,kBAAA,CAAUI;EAFK,CAAhB,CAHO;EAOftD,YAAY,EAAEkD,kBAAA,CAAUC,IAPT;EAQf/C,IAAI,EAAE8C,kBAAA,CAAUG,KAAV,CAAgB,oBAAKjE,KAAL,CAAhB,CARS;EASfc,KAAK,EAAEgD,kBAAA,CAAUK,MATF;EAUfpD,MAAM,EAAE+C,kBAAA,CAAUC,IAVH;EAWf5C,SAAS,EAAE2C,kBAAA,CAAUI,MAXN;EAYfjD,QAAQ,EAAE6C,kBAAA,CAAUI,MAZL;EAaf9C,KAAK,EAAE0C,kBAAA,CAAUE,KAAV,CAAgB,EAAhB;AAbQ,CAAjB;eAgBexD,I"}
+{"version":3,"file":"index.js","names":["MODES","default","cssStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}

package/lib/atom/resource-miniature/index.js

@@ -67,7 +67,9 @@ const ResourceMiniature = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }), !selected ? /*#__PURE__*/_react.default.createElement(Icon, {
-    color: white,
+    style: {
+      color: white
+    },
     className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger

package/lib/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAEnB,cAAA,CAAMC;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAE,IAAAyB,mBAAA,EAAWT,oBAAX,EAAiCjB,cAAA,CAAM2B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACsB,SAAlB,2CAA8B;EAC5BlB,IAAI,EAAEmB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKjC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEc,kBAAA,CAAUE,IAFQ;EAG5BpB,WAAW,EAAEkB,kBAAA,CAAUG,MAHK;EAI5BpB,MAAM,EAAEiB,kBAAA,CAAUG,MAJU;EAK5BnB,OAAO,EAAEgB,kBAAA,CAAUI;AALS,CAA9B;AAQA3B,iBAAiB,CAAC4B,YAAlB,GAAiC;EAC/BzB,IAAI,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AADF,CAAjC;eAIeH,iB"}
+{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","color","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon style={{color: white}} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAE;MAACU,KAAK,EAAEP;IAAR,CAAb;IAA6B,SAAS,EAAEnB,cAAA,CAAMC;EAA9C,EAAZ,GAAqE,IAFxE,CADF,eAKE;IACE,SAAS,EAAE,IAAA0B,mBAAA,EAAWV,oBAAX,EAAiCjB,cAAA,CAAM4B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEjB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACuB,SAAlB,2CAA8B;EAC5BnB,IAAI,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKlC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEe,kBAAA,CAAUE,IAFQ;EAG5BrB,WAAW,EAAEmB,kBAAA,CAAUG,MAHK;EAI5BrB,MAAM,EAAEkB,kBAAA,CAAUG,MAJU;EAK5BpB,OAAO,EAAEiB,kBAAA,CAAUI;AALS,CAA9B;AAQA5B,iBAAiB,CAAC6B,YAAlB,GAAiC;EAC/B1B,IAAI,EAAE2B,iBAAA,CAASC,iBAAT,CAA2B5B;AADF,CAAjC;eAIeH,iB"}

package/lib/molecule/audio/index.js

@@ -66,7 +66,9 @@ class Audio extends _react.default.Component {
         backgroundImage: `url(${poster})`
       }
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyMicrophone, {
-      color: white,
+      style: {
+        color: white
+      },
       className: _style.default.icon
     }), description ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),

package/lib/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEC,cAAA,CAAMG;IAA5C,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAA,EAAWJ,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMK,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMO,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKxB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQG+B,Y,GAAe;EACpBV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADb,C;AARlBrB,K,CACGkC,S,2CAAY;EACjBf,WAAW,EAAEgB,kBAAA,CAAUC,MADN;EAEjBvB,QAAQ,EAAEsB,kBAAA,CAAUC,MAFH;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE;AAJD,C;eAsENrC,K"}
+{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","color","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAE;QAACM,KAAK,EAAEJ;MAAR,CAApB;MAAoC,SAAS,EAAEC,cAAA,CAAMI;IAArD,EADF,EAEGR,WAAW,gBACV;MACE,SAAS,EAAE,IAAAS,mBAAA,EAAWL,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMM,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEX;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMQ,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKzB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQGgC,Y,GAAe;EACpBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,C;AARlBrB,K,CACGmC,S,2CAAY;EACjBhB,WAAW,EAAEiB,kBAAA,CAAUC,MADN;EAEjBxB,QAAQ,EAAEuB,kBAAA,CAAUC,MAFH;EAGjBjB,MAAM,EAAEgB,kBAAA,CAAUC,MAHD;EAIjBpB,MAAM,EAAEmB,kBAAA,CAAUE;AAJD,C;eAsENtC,K"}

package/lib/molecule/battle-request/index.js

@@ -66,7 +66,9 @@ const BattleRequest = (props, context) => {
     className: _style.default.start
   }, startLabel), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
     className: _style.default.arrow,
-    color: light
+    style: {
+      color: light
+    }
   }));
 };
 

package/lib/molecule/battle-request/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} color={light} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAEb;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAACyB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADN;EAE3BD,SAAS,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AAFX,CAA7B;AAKAH,aAAa,CAAC4B,SAAd,2CAA0B;EACxBvB,QAAQ,EAAEwB,kBAAA,CAAUC,MADI;EAExBxB,UAAU,EAAEuB,kBAAA,CAAUC,MAFE;EAGxBvB,KAAK,EAAEsB,kBAAA,CAAUC,MAHO;EAIxBtB,MAAM,EAAEqB,kBAAA,CAAUC,MAJM;EAKxBrB,IAAI,EAAEoB,kBAAA,CAAUC;AALQ,CAA1B;eAQe9B,a"}
+{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} style={{color: light}} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAE;MAACC,KAAK,EAAEd;IAAR;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAAC0B,YAAd,GAA6B;EAC3BtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB,IADN;EAE3BD,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFX,CAA7B;AAKAH,aAAa,CAAC6B,SAAd,2CAA0B;EACxBxB,QAAQ,EAAEyB,kBAAA,CAAUC,MADI;EAExBzB,UAAU,EAAEwB,kBAAA,CAAUC,MAFE;EAGxBxB,KAAK,EAAEuB,kBAAA,CAAUC,MAHO;EAIxBvB,MAAM,EAAEsB,kBAAA,CAAUC,MAJM;EAKxBtB,IAAI,EAAEqB,kBAAA,CAAUC;AALQ,CAA1B;eAQe/B,a"}

package/lib/molecule/brand-download-box/index.js

@@ -36,7 +36,9 @@ const BrandDownloadBox = (props, context) => {
     className: _style.default.texts
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertCircle, {
     className: _style.default.icon,
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.warning
   }, warning), /*#__PURE__*/_react.default.createElement("p", {

package/lib/molecule/brand-download-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,aAAa,GAAG,mBAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE,6BAAC,yDAAD;IAAW,SAAS,EAAED,cAAA,CAAME,IAA5B;IAAkC,KAAK,EAAEJ;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMR;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEQ,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEO,cAAA,CAAMG;EAAtB,gBACE;IAAM,SAAS,EAAEH,cAAA,CAAMT;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAES,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,GACGL,IADH,eAEE,6BAAC,eAAD;IACE,SAAS,EAAEC,cAAA,CAAMK,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEX,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACkB,YAAjB,GAAgC;EAC9BT,IAAI,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADH,CAAhC;AAIAT,gBAAgB,CAACqB,SAAjB,2CAA6B;EAC3BlB,KAAK,EAAEmB,kBAAA,CAAUC,MADU;EAE3BnB,OAAO,EAAEkB,kBAAA,CAAUC,MAFQ;EAG3BlB,WAAW,EAAEiB,kBAAA,CAAUC,MAHI;EAI3BjB,IAAI,EAAEgB,kBAAA,CAAUC,MAJW;EAK3BhB,OAAO,EAAEe,kBAAA,CAAUE,IALQ;EAM3BhB,WAAW,EAAEc,kBAAA,CAAUC;AANI,CAA7B;eASevB,gB"}
+{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","color","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} style={{color: negativeColor}} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,aAAa,GAAG,mBAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE,6BAAC,yDAAD;IAAW,SAAS,EAAED,cAAA,CAAME,IAA5B;IAAkC,KAAK,EAAE;MAACC,KAAK,EAAEL;IAAR;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMR;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEQ,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,gBACE;IAAM,SAAS,EAAEJ,cAAA,CAAMT;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAES,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMK;EAAtB,GACGN,IADH,eAEE,6BAAC,eAAD;IACE,SAAS,EAAEC,cAAA,CAAMM,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEZ,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACmB,YAAjB,GAAgC;EAC9BV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADH,CAAhC;AAIAT,gBAAgB,CAACsB,SAAjB,2CAA6B;EAC3BnB,KAAK,EAAEoB,kBAAA,CAAUC,MADU;EAE3BpB,OAAO,EAAEmB,kBAAA,CAAUC,MAFQ;EAG3BnB,WAAW,EAAEkB,kBAAA,CAAUC,MAHI;EAI3BlB,IAAI,EAAEiB,kBAAA,CAAUC,MAJW;EAK3BjB,OAAO,EAAEgB,kBAAA,CAAUE,IALQ;EAM3BjB,WAAW,EAAEe,kBAAA,CAAUC;AANI,CAA7B;eASexB,gB"}

package/lib/molecule/brand-upload-box/index.js

@@ -77,7 +77,9 @@ class BrandUploadBox extends _react.default.Component {
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.cont
         }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
-          color: brandColor,
+          style: {
+            color: brandColor
+          },
           className: _style.default.arrow
         }), /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.desc

package/lib/molecule/brand-upload-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","PropTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon color={brandColor} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAA6C;EAS3CC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,wBAAS,WAAT,CAAd;IACA,MAAM;MAACC;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACC;IAAD,IAAW,KAAKX,KAAtB;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIW,OAAJ;IAEA,MAAM;MAACC,WAAW,GAAG,EAAf;MAAmBC,MAAM,GAAG,EAA5B;MAAgCC,MAAhC;MAAwCC;IAAxC,IAAgD,KAAKhB,KAA3D;IACA,MAAMiB,UAAU,GAAG,mBAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAMC;QAAtB,gBACE,6BAAC,eAAD,OADF,CADF;QAKA;;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAME;QAAtB,gBACE;UAAK,EAAE,EAAEZ,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGgB,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMI;QAA7D,gBACE;UAAK,SAAS,EAAEJ,cAAA,CAAMK;QAAtB,gBACE,6BAAC,2CAAD;UAAY,KAAK,EAAEN,UAAnB;UAA+B,SAAS,EAAEC,cAAA,CAAMM;QAAhD,EADF,eAEE;UAAK,SAAS,EAAEN,cAAA,CAAMO;QAAtB,GAA6BZ,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEK,cAAA,CAAMJ;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEE,cAAA,CAAMQ,SAHnB;UAIE,QAAQ,EAAEX,MAJZ;UAKE,WAAW,EAAE,KAAKZ,eALpB;UAME,MAAM,EAAE,KAAKE,cANf;UAOE,WAAW,EAAE,KAAKA;QAPpB,EANF,CADF,CADF;IAVJ;;IAgCA,OAAOO,OAAP;EACD;;AA5E0C;;AAAvChB,c,CACG+B,S,2CAAY;EACjBX,IAAI,EAAEY,kBAAA,CAAUC,MADC;EAEjBhB,WAAW,EAAEe,kBAAA,CAAUC,MAFN;EAGjBf,MAAM,EAAEc,kBAAA,CAAUC,MAHD;EAIjBlB,MAAM,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBf,MAAM,EAAEa,kBAAA,CAAUG;AALD,C;eA8ENnC,c"}
+{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","color","arrow","desc","inputFile","propTypes","PropTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAA6C;EAS3CC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,wBAAS,WAAT,CAAd;IACA,MAAM;MAACC;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACC;IAAD,IAAW,KAAKX,KAAtB;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIW,OAAJ;IAEA,MAAM;MAACC,WAAW,GAAG,EAAf;MAAmBC,MAAM,GAAG,EAA5B;MAAgCC,MAAhC;MAAwCC;IAAxC,IAAgD,KAAKhB,KAA3D;IACA,MAAMiB,UAAU,GAAG,mBAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAMC;QAAtB,gBACE,6BAAC,eAAD,OADF,CADF;QAKA;;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAME;QAAtB,gBACE;UAAK,EAAE,EAAEZ,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGgB,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMI;QAA7D,gBACE;UAAK,SAAS,EAAEJ,cAAA,CAAMK;QAAtB,gBACE,6BAAC,2CAAD;UAAY,KAAK,EAAE;YAACC,KAAK,EAAEP;UAAR,CAAnB;UAAwC,SAAS,EAAEC,cAAA,CAAMO;QAAzD,EADF,eAEE;UAAK,SAAS,EAAEP,cAAA,CAAMQ;QAAtB,GAA6Bb,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEK,cAAA,CAAMJ;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEE,cAAA,CAAMS,SAHnB;UAIE,QAAQ,EAAEZ,MAJZ;UAKE,WAAW,EAAE,KAAKZ,eALpB;UAME,MAAM,EAAE,KAAKE,cANf;UAOE,WAAW,EAAE,KAAKA;QAPpB,EANF,CADF,CADF;IAVJ;;IAgCA,OAAOO,OAAP;EACD;;AA5E0C;;AAAvChB,c,CACGgC,S,2CAAY;EACjBZ,IAAI,EAAEa,kBAAA,CAAUC,MADC;EAEjBjB,WAAW,EAAEgB,kBAAA,CAAUC,MAFN;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBhB,MAAM,EAAEc,kBAAA,CAAUG;AALD,C;eA8ENpC,c"}