@coorpacademy/components 10.21.4 → 10.22.1

package/es/molecule/questions/qcm/index.native.js

@@ -0,0 +1,47 @@
+import { View, StyleSheet } from 'react-native';
+import React, { useState, useEffect } from 'react';
+
+const createStyleSheet = theme => StyleSheet.create({
+  boxShadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.12,
+    shadowRadius: 16,
+    elevation: 6
+  },
+  container: {
+    backgroundColor: theme.colors.white,
+    borderRadius: theme.radius.regular,
+    overflow: 'hidden',
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  }
+});
+
+const QuestionChoiceComponent = ({
+  children,
+  isSelected = false,
+  testID: prefixTestID,
+  style,
+  theme
+}) => {
+  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
+  const [styleSheet, setStylesheet] = useState(null);
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet && styleSheet.boxShadow]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styleSheet && styleSheet.container],
+    testID: prefixTestID && `${prefixTestID}${selectedSuffix}`
+  }, children));
+};
+
+export default QuestionChoiceComponent;
+//# sourceMappingURL=index.native.js.map

package/es/molecule/questions/qcm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/questions/qcm/index.native.tsx"],"names":["View","StyleSheet","React","useState","useEffect","createStyleSheet","theme","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","container","backgroundColor","colors","white","borderRadius","radius","regular","overflow","flexDirection","alignItems","QuestionChoiceComponent","children","isSelected","testID","prefixTestID","style","selectedSuffix","styleSheet","setStylesheet","_stylesheet"],"mappings":"AAAA,SAAQA,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;;AAmCA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBL,UAAU,CAACM,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAE,MADJ;AAETC,IAAAA,YAAY,EAAE;AAACC,MAAAA,KAAK,EAAE,CAAR;AAAWC,MAAAA,MAAM,EAAE;AAAnB,KAFL;AAGTC,IAAAA,aAAa,EAAE,IAHN;AAITC,IAAAA,YAAY,EAAE,EAJL;AAKTC,IAAAA,SAAS,EAAE;AALF,GADK;AAQhBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,eAAe,EAAEX,KAAK,CAACY,MAAN,CAAaC,KADrB;AAETC,IAAAA,YAAY,EAAEd,KAAK,CAACe,MAAN,CAAaC,OAFlB;AAGTC,IAAAA,QAAQ,EAAE,QAHD;AAITC,IAAAA,aAAa,EAAE,KAJN;AAKTC,IAAAA,UAAU,EAAE;AALH;AARK,CAAlB,CADF;;AAkBA,MAAMC,uBAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,UAAU,GAAG,KAFkB;AAG/BC,EAAAA,MAAM,EAAEC,YAHuB;AAI/BC,EAAAA,KAJ+B;AAK/BzB,EAAAA;AAL+B,CAAD,KAMnB;AACX,QAAM0B,cAAc,GAAGF,YAAY,IAAIF,UAAhB,GAA6B,WAA7B,GAA2C,EAAlE;AAEA,QAAM,CAACK,UAAD,EAAaC,aAAb,IAA8B/B,QAAQ,CAAmB,IAAnB,CAA5C;AAEAC,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM+B,WAAW,GAAG9B,gBAAgB,CAACC,KAAD,CAApC;;AACA4B,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHQ,EAGN,CAAC7B,KAAD,CAHM,CAAT;AAKA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC2B,UAAU,IAAIA,UAAU,CAACzB,SAA1B;AAAb,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CAACyB,UAAU,IAAIA,UAAU,CAACjB,SAA1B,CADT;AAEE,IAAA,MAAM,EAAEc,YAAY,IAAK,GAAEA,YAAa,GAAEE,cAAe;AAF3D,KAIGL,QAJH,CADF,CADF;AAUD,CA1BD;;AA4BA,eAAeD,uBAAf","sourcesContent":["import {View, StyleSheet, ViewStyle} from 'react-native';\nimport React, {useState, useEffect} from 'react';\n\ninterface Props {\n  isSelected?: boolean;\n  children: string;\n  testID?: string;\n  style?: ViewStyle;\n  theme?: any;\n}\n\ntype StyleType = {\n  boxShadow: {\n    shadowColor: string;\n    shadowOffset: {\n      width: number;\n      height: number;\n    };\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n  };\n  container: {\n    backgroundColor: string;\n    borderRadius: number;\n    shadowColor: string;\n    shadowOffset: {width: number; height: number};\n    shadowOpacity: number;\n    shadowRadius: number;\n    elevation: number;\n    overflow: string;\n    flexDirection: string;\n    alignItems: string;\n  };\n};\n\nconst createStyleSheet = (theme: any) =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 16,\n      elevation: 6\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      overflow: 'hidden',\n      flexDirection: 'row',\n      alignItems: 'stretch'\n    }\n  });\n\nconst QuestionChoiceComponent = ({\n  children,\n  isSelected = false,\n  testID: prefixTestID,\n  style,\n  theme\n}: Props) => {\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n\n  const [styleSheet, setStylesheet] = useState<StyleType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  return (\n    <View style={[styleSheet && styleSheet.boxShadow]}>\n      <View\n        style={[styleSheet && styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionChoiceComponent;\n"],"file":"index.native.js"}

package/es/molecule/review-card-congrats/index.js

@@ -6,13 +6,13 @@ import _pipe from "lodash/fp/pipe";
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyStar as StarIcon, NovaSolidVoteRewardsRewardsBadge5 as RankIcon } from '@coorpacademy/nova-icons';
 import AtomLottieWrapper from '../../atom/lottie-wrapper';
 import Animation, { EASE_OUT_CUBIC } from '../../hoc/animation';
 import AnimationScheduler from '../../hoc/animation-scheduler';
 import style from './style.css';
+import propTypes from './prop-types';
 export const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
@@ -83,17 +83,6 @@ const ReviewCardCongrats = props => {
   }, rankSuffix)));
 };
 
-ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': PropTypes.string,
-  'data-name': PropTypes.string,
-  animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),
-  cardType: PropTypes.string,
-  iconAriaLabel: PropTypes.string,
-  className: PropTypes.string,
-  reviewCardTitle: PropTypes.string,
-  reviewCardValue: PropTypes.string,
-  rankSuffix: PropTypes.string,
-  timerAnimation: PropTypes.number
-} : {};
+ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCardCongrats;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-card-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-card-congrats/index.js"],"names":["React","useEffect","useState","PropTypes","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","AtomLottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar","propTypes","string","shape","number"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} aria-label={ariaLabel} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <AtomLottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title}>{reviewCardTitle}</div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n\nexport default ReviewCardCongrats;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-card-congrats/index.js"],"names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","AtomLottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} aria-label={ariaLabel} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <AtomLottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title}>{reviewCardTitle}</div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"file":"index.js"}

package/es/molecule/review-card-congrats/prop-types.js

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+import AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';
+export default {
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string,
+  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),
+  cardType: PropTypes.string,
+  iconAriaLabel: PropTypes.string,
+  className: PropTypes.string,
+  reviewCardTitle: PropTypes.string,
+  reviewCardValue: PropTypes.string,
+  rankSuffix: PropTypes.string,
+  timerAnimation: PropTypes.number
+};
+//# sourceMappingURL=prop-types.js.map

package/es/molecule/review-card-congrats/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/review-card-congrats/prop-types.js"],"names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,sCAAvC;AAEA,eAAe;AACb,gBAAcD,SAAS,CAACE,MADX;AAEb,eAAaF,SAAS,CAACE,MAFV;AAGbC,EAAAA,eAAe,EAAEH,SAAS,CAACI,KAAV,CAAgBH,0BAAhB,CAHJ;AAIbI,EAAAA,QAAQ,EAAEL,SAAS,CAACE,MAJP;AAKbI,EAAAA,aAAa,EAAEN,SAAS,CAACE,MALZ;AAMbK,EAAAA,SAAS,EAAEP,SAAS,CAACE,MANR;AAObM,EAAAA,eAAe,EAAER,SAAS,CAACE,MAPd;AAQbO,EAAAA,eAAe,EAAET,SAAS,CAACE,MARd;AASbQ,EAAAA,UAAU,EAAEV,SAAS,CAACE,MATT;AAUbS,EAAAA,cAAc,EAAEX,SAAS,CAACY;AAVb,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';\n\nexport default {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n"],"file":"prop-types.js"}

package/es/molecule/review-correction-popin/index.js

@@ -2,10 +2,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import classnames from 'classnames';
-import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+import propTypes from './prop-types';
 
 const buildKlfButton = klf => {
   const klfButtonProps = _extends(_extends({}, klf), {}, {
@@ -85,24 +85,6 @@ const ReviewCorrectionPopin = props => {
   }))))));
 };
 
-ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.oneOf(['right', 'wrong']),
-  resultLabel: PropTypes.string,
-  information: PropTypes.shape({
-    label: PropTypes.string,
-    message: PropTypes.string
-  }),
-  next: PropTypes.shape({
-    label: PropTypes.string,
-    onClick: PropTypes.func,
-    'data-name': PropTypes.string,
-    'aria-label': PropTypes.string
-  }),
-  klf: PropTypes.shape({
-    label: PropTypes.string,
-    onClick: PropTypes.func,
-    tooltip: PropTypes.string
-  })
-} : {};
+ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","PropTypes","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes","oneOf","string","shape","onClick","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    tooltip: PropTypes.string\n  })\n};\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}

package/es/molecule/review-correction-popin/prop-types.js

@@ -0,0 +1,21 @@
+import PropTypes from 'prop-types';
+export default {
+  type: PropTypes.oneOf(['right', 'wrong']),
+  resultLabel: PropTypes.string,
+  information: PropTypes.shape({
+    label: PropTypes.string,
+    message: PropTypes.string
+  }),
+  next: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    'data-name': PropTypes.string,
+    'aria-label': PropTypes.string
+  }),
+  klf: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    tooltip: PropTypes.string
+  })
+};
+//# sourceMappingURL=prop-types.js.map

package/es/molecule/review-correction-popin/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/review-correction-popin/prop-types.js"],"names":["PropTypes","type","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACbC,EAAAA,IAAI,EAAED,SAAS,CAACE,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADO;AAEbC,EAAAA,WAAW,EAAEH,SAAS,CAACI,MAFV;AAGbC,EAAAA,WAAW,EAAEL,SAAS,CAACM,KAAV,CAAgB;AAC3BC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADU;AAE3BI,IAAAA,OAAO,EAAER,SAAS,CAACI;AAFQ,GAAhB,CAHA;AAObK,EAAAA,IAAI,EAAET,SAAS,CAACM,KAAV,CAAgB;AACpBC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADG;AAEpBM,IAAAA,OAAO,EAAEV,SAAS,CAACW,IAFC;AAGpB,iBAAaX,SAAS,CAACI,MAHH;AAIpB,kBAAcJ,SAAS,CAACI;AAJJ,GAAhB,CAPO;AAabQ,EAAAA,GAAG,EAAEZ,SAAS,CAACM,KAAV,CAAgB;AACnBC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADE;AAEnBM,IAAAA,OAAO,EAAEV,SAAS,CAACW,IAFA;AAGnBE,IAAAA,OAAO,EAAEb,SAAS,CAACI;AAHA,GAAhB;AAbQ,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    tooltip: PropTypes.string\n  })\n};\n"],"file":"prop-types.js"}

package/es/molecule/review-header-steps/index.js

@@ -1,10 +1,10 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import map from 'lodash/fp/map';
 import ReviewHeaderStepItem from '../../atom/review-header-step-item';
 import style from './style.css';
+import propTypes from './prop-types';
 
 const ReviewHeaderSteps = props => {
   const {
@@ -21,8 +21,6 @@ const ReviewHeaderSteps = props => {
   }, items);
 };
 
-ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? {
-  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))
-} : {};
+ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeaderSteps;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-header-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["React","PropTypes","map","ReviewHeaderStepItem","style","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper","propTypes","arrayOf","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,QAAME,KAAK,GAAGN,GAAG,CAACO,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,oBAAC,oBAAD,eAA0BD,IAA1B;AAAgC,IAAA,GAAG,EAAEC;AAArC,KADL,EAEZL,KAFY,CAAd;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACS,OAAtB;AAA+B,iBAAU;AAAzC,KACGL,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACS,SAAlB,2CAA8B;AAC5BP,EAAAA,KAAK,EAAEN,SAAS,CAACc,OAAV,CAAkBd,SAAS,CAACe,KAAV,CAAgBb,oBAAoB,CAACG,KAArC,CAAlB;AADqB,CAA9B;AAIA,eAAeD,iBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <ReviewHeaderStepItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))\n};\n\nexport default ReviewHeaderSteps;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["React","map","ReviewHeaderStepItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,QAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,oBAAC,oBAAD,eAA0BD,IAA1B;AAAgC,IAAA,GAAG,EAAEC;AAArC,KADL,EAEZL,KAFY,CAAd;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACU,OAAtB;AAA+B,iBAAU;AAAzC,KACGL,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf","sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <ReviewHeaderStepItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"file":"index.js"}

package/es/molecule/review-header-steps/prop-types.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+import ReviewHeaderStepItemPropTypes from '../../atom/review-header-step-item/prop-types';
+export default {
+  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))
+};
+//# sourceMappingURL=prop-types.js.map

package/es/molecule/review-header-steps/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/review-header-steps/prop-types.js"],"names":["PropTypes","ReviewHeaderStepItemPropTypes","steps","arrayOf","shape"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,6BAAP,MAA0C,+CAA1C;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAEF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,KAAV,CAAgBH,6BAAhB,CAAlB;AADM,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes from '../../atom/review-header-step-item/prop-types';\n\nexport default {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n"],"file":"prop-types.js"}

package/es/molecule/skill-card/index.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useState, useMemo } from 'react';
 import { convert } from 'css-color-function';
-import PropTypes from 'prop-types';
 import { NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon } from '@coorpacademy/nova-icons';
 import getOr from 'lodash/fp/getOr';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+import propTypes from './prop-types';
 
 const getGradientBackground = baseColor => {
   const gradients = [convert(`color(${baseColor} lightness(30%))`), convert(`color(${baseColor} lightness(47%))`), convert(`color(${baseColor} lightness(55%))`)];
@@ -72,16 +72,6 @@ const SkillCard = (props, context) => {
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps))));
 };
 
-SkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': PropTypes.string.isRequired,
-  skillTitle: PropTypes.string,
-  skillAriaLabel: PropTypes.string,
-  buttonLabel: PropTypes.string,
-  buttonAriaLabel: PropTypes.string,
-  reviseLabel: PropTypes.string,
-  reviseAriaLabel: PropTypes.string,
-  isCustom: PropTypes.bool,
-  onClick: PropTypes.func
-} : {};
+SkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default SkillCard;
 //# sourceMappingURL=index.js.map

package/es/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["React","useCallback","useState","useMemo","convert","PropTypes","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes","string","isRequired","bool","func"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n    isCustom,\n    primarySkinColor\n  ]);\n\n  const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n    titleBackgroundColor\n  ]);\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default SkillCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["React","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n    isCustom,\n    primarySkinColor\n  ]);\n\n  const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n    titleBackgroundColor\n  ]);\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"file":"index.js"}

package/es/molecule/skill-card/prop-types.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export default {
+  'aria-label': PropTypes.string.isRequired,
+  skillTitle: PropTypes.string,
+  skillAriaLabel: PropTypes.string,
+  buttonLabel: PropTypes.string,
+  buttonAriaLabel: PropTypes.string,
+  reviseLabel: PropTypes.string,
+  reviseAriaLabel: PropTypes.string,
+  isCustom: PropTypes.bool,
+  onClick: PropTypes.func
+};
+//# sourceMappingURL=prop-types.js.map

package/es/molecule/skill-card/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/skill-card/prop-types.js"],"names":["PropTypes","string","isRequired","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACb,gBAAcA,SAAS,CAACC,MAAV,CAAiBC,UADlB;AAEbC,EAAAA,UAAU,EAAEH,SAAS,CAACC,MAFT;AAGbG,EAAAA,cAAc,EAAEJ,SAAS,CAACC,MAHb;AAIbI,EAAAA,WAAW,EAAEL,SAAS,CAACC,MAJV;AAKbK,EAAAA,eAAe,EAAEN,SAAS,CAACC,MALd;AAMbM,EAAAA,WAAW,EAAEP,SAAS,CAACC,MANV;AAObO,EAAAA,eAAe,EAAER,SAAS,CAACC,MAPd;AAQbQ,EAAAA,QAAQ,EAAET,SAAS,CAACU,IARP;AASbC,EAAAA,OAAO,EAAEX,SAAS,CAACY;AATN,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  'aria-label': PropTypes.string.isRequired,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n"],"file":"prop-types.js"}

package/es/molecule/video-player/index.js

@@ -5,12 +5,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import { SrcPropType } from '../../util/proptypes';
 import VideoIframe from '../video-iframe';
 import JWPlayer from './jwplayer';
 import Vimeo from './vimeo';
 import style from './style.css';
+import propTypes from './prop-types';
 
 class VideoPlayer extends React.Component {
   static getDerivedStateFromProps(props, state) {
@@ -122,20 +121,6 @@ class VideoPlayer extends React.Component {
 
 }
 
-VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  url: SrcPropType,
-  onPlay: PropTypes.func,
-  onResume: PropTypes.func,
-  onPause: PropTypes.func,
-  onEnded: PropTypes.func,
-  onError: PropTypes.func,
-  autoplay: PropTypes.bool,
-  disableAutostart: PropTypes.bool,
-  jwpOptions: JWPlayer.propTypes.jwpOptions,
-  mimeType: PropTypes.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
-} : {};
+VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default VideoPlayer;
 //# sourceMappingURL=index.js.map

package/es/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["React","PropTypes","SrcPropType","VideoIframe","JWPlayer","Vimeo","style","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","string","func","onError","autoplay","bool","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["React","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,WAAN,SAA0BN,KAAK,CAACO,SAAhC,CAA0C;AAGxC,SAAOC,wBAAP,CAAgCC,KAAhC,EAAuCC,KAAvC,EAA8C;AAC5C,QAAID,KAAK,CAACE,EAAN,KAAaD,KAAK,CAACC,EAAvB,EAA2B,OAAO,IAAP;AAE3B,WAAO;AACLA,MAAAA,EAAE,EAAEF,KAAK,CAACE,EADL;AAELC,MAAAA,MAAM,EAAE;AAFH,KAAP;AAID;;AAEDC,EAAAA,WAAW,CAACJ,KAAD,EAAQ;AACjB,UAAMA,KAAN;;AADiB,0CAQJK,CAAC,IAAI;AAClB,YAAM;AAACF,QAAAA;AAAD,UAAW,KAAKF,KAAtB;AACA,YAAM;AAACK,QAAAA,QAAD;AAAWC,QAAAA;AAAX,UAAqB,KAAKP,KAAhC;;AACA,UAAIG,MAAJ,EAAY;AACV,YAAIG,QAAJ,EAAcA,QAAQ,CAACD,CAAD,CAAR;AACf,OAFD,MAEO,IAAIE,MAAJ,EAAYA,MAAM,CAACF,CAAD,CAAN;;AACnB,WAAKG,QAAL,CAAc;AACZL,QAAAA,MAAM,EAAE;AADI,OAAd;AAGD,KAjBkB;;AAAA,0CAmBJ,MAAM;AACnB,YAAM;AAACM,QAAAA,QAAD;AAAWP,QAAAA,EAAX;AAAeQ,QAAAA,GAAf;AAAoBC,QAAAA,OAApB;AAA6BC,QAAAA,OAA7B;AAAsCC,QAAAA,KAAK,GAAG,MAA9C;AAAsDC,QAAAA,MAAM,GAAG;AAA/D,UAA0E,KAAKd,KAArF;;AACA,cAAQS,QAAR;AACE,aAAK,mBAAL;AACE,8BACE,oBAAC,KAAD,eACM,KAAKT,KADX;AAEE,YAAA,GAAG,EAAEE,EAFP;AAGE,YAAA,KAAK,EAAEW,KAHT;AAIE,YAAA,MAAM,EAAEC,MAJV;AAKE,YAAA,KAAK,EAAEZ,EALT;AAME,YAAA,SAAS,EAAEP,KAAK,CAACoB,OANnB;AAOE,YAAA,MAAM,EAAE,KAAKC;AAPf,aADF;;AAWF,aAAK,qBAAL;AACA,aAAK,oBAAL;AACA,aAAK,iBAAL;AACA,aAAK,wBAAL;AACE,8BACE,oBAAC,WAAD;AACE,YAAA,GAAG,EAAEd,EADP;AAEE,YAAA,IAAI,EAAEO,QAAQ,CAACQ,KAAT,CAAe,cAAf,EAA+B,CAA/B,CAFR;AAGE,YAAA,EAAE,EAAEf,EAHN;AAIE,YAAA,GAAG,EAAEQ,GAJP;AAKE,YAAA,KAAK,EAAEG,KALT;AAME,YAAA,MAAM,EAAEC,MANV;AAOE,YAAA,WAAW,EAAE,CAPf;AAQE,YAAA,eAAe,MARjB;AASE,YAAA,MAAM,EAAE,KAAKE,YATf;AAUE,YAAA,OAAO,EAAEL,OAVX;AAWE,YAAA,OAAO,EAAEC;AAXX,YADF;;AAeF,aAAK,qBAAL;AACA,aAAK,sBAAL;AACA,aAAK,WAAL;AAAkB;AAChB,gCAAsD,KAAKZ,KAA3D;AAAA,kBAAM;AAACkB,cAAAA,gBAAD;AAAmBC,cAAAA;AAAnB,aAAN;AAAA,kBAAwCC,UAAxC;;AAEA,gCACE,oBAAC,QAAD,eACMA,UADN;AAEE,cAAA,gBAAgB,EAAEF,gBAFpB;AAGE,cAAA,UAAU,EAAEC,UAHd;AAIE,cAAA,MAAM,EAAE,KAAKH,YAJf;AAKE,cAAA,GAAG,EAAEd;AALP,eADF;AASD;AA9CH;AAgDD,KArEkB;;AAEjB,SAAKD,KAAL,GAAa;AACXE,MAAAA,MAAM,EAAE,KADG;AAEXD,MAAAA,EAAE,EAAEF,KAAK,CAACE;AAFC,KAAb;AAID;;AAiEDmB,EAAAA,MAAM,GAAG;AACP,UAAM;AAACnB,MAAAA;AAAD,QAAO,KAAKF,KAAlB;AACA,wBACE;AAAK,mBAAU,cAAf;AAA8B,MAAA,SAAS,EAAEL,KAAK,CAACoB,OAA/C;AAAwD,MAAA,GAAG,EAAEb;AAA7D,OACG,KAAKoB,YAAL,EADH,CADF;AAKD;;AA1FuC;;AAApCzB,W,CACGD,S,2CAAYA,S;AA4FrB,eAAeC,WAAf","sourcesContent":["import React from 'react';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}

package/es/molecule/video-player/jwplayer-prop-types.js

@@ -0,0 +1,38 @@
+import PropTypes from 'prop-types';
+import { SrcPropType } from '../../util/proptypes';
+export default {
+  mimeType: PropTypes.string,
+  scriptErrorMessage: PropTypes.string,
+  disableAutostart: PropTypes.bool,
+  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
+  jwpOptions: PropTypes.shape({
+    file: SrcPropType,
+    customProps: PropTypes.shape({
+      aspectratio: PropTypes.string,
+      tracks: PropTypes.arrayOf(PropTypes.shape({
+        file: SrcPropType,
+        label: PropTypes.string,
+        kind: PropTypes.string,
+        default: PropTypes.boolean
+      })),
+      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),
+      width: PropTypes.string,
+      skin: PropTypes.shape({
+        name: PropTypes.string
+      })
+    }),
+    licenseKey: PropTypes.string.isRequired,
+    playerScript: SrcPropType.isRequired,
+    playerId: PropTypes.string.isRequired
+  }),
+  onPlay: PropTypes.func,
+  onResume: PropTypes.func,
+  onPause: PropTypes.func,
+  onEnded: PropTypes.func,
+  onError: PropTypes.func,
+  onPlayAttemptFailed: PropTypes.func,
+  onAutostartNotAllowed: PropTypes.func,
+  onSetupError: PropTypes.func,
+  onWarning: PropTypes.func
+};
+//# sourceMappingURL=jwplayer-prop-types.js.map

package/es/molecule/video-player/jwplayer-prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"names":["PropTypes","SrcPropType","mimeType","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","customProps","aspectratio","tracks","arrayOf","label","kind","default","boolean","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AAEA,eAAe;AACbC,EAAAA,QAAQ,EAAEF,SAAS,CAACG,MADP;AAEbC,EAAAA,kBAAkB,EAAEJ,SAAS,CAACG,MAFjB;AAGbE,EAAAA,gBAAgB,EAAEL,SAAS,CAACM,IAHf;AAIb;AACAC,EAAAA,UAAU,EAAEP,SAAS,CAACQ,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAER,WADoB;AAE1BS,IAAAA,WAAW,EAAEV,SAAS,CAACQ,KAAV,CAAgB;AAC3BG,MAAAA,WAAW,EAAEX,SAAS,CAACG,MADI;AAE3BS,MAAAA,MAAM,EAAEZ,SAAS,CAACa,OAAV,CACNb,SAAS,CAACQ,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAER,WADQ;AAEda,QAAAA,KAAK,EAAEd,SAAS,CAACG,MAFH;AAGdY,QAAAA,IAAI,EAAEf,SAAS,CAACG,MAHF;AAIda,QAAAA,OAAO,EAAEhB,SAAS,CAACiB;AAJL,OAAhB,CADM,CAFmB;AAU3BC,MAAAA,SAAS,EAAElB,SAAS,CAACmB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAEpB,SAAS,CAACG,MAXU;AAY3BkB,MAAAA,IAAI,EAAErB,SAAS,CAACQ,KAAV,CAAgB;AACpBc,QAAAA,IAAI,EAAEtB,SAAS,CAACG;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BoB,IAAAA,UAAU,EAAEvB,SAAS,CAACG,MAAV,CAAiBqB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAExB,WAAW,CAACuB,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAE1B,SAAS,CAACG,MAAV,CAAiBqB;AApBD,GAAhB,CALC;AA2BbG,EAAAA,MAAM,EAAE3B,SAAS,CAAC4B,IA3BL;AA4BbC,EAAAA,QAAQ,EAAE7B,SAAS,CAAC4B,IA5BP;AA6BbE,EAAAA,OAAO,EAAE9B,SAAS,CAAC4B,IA7BN;AA8BbG,EAAAA,OAAO,EAAE/B,SAAS,CAAC4B,IA9BN;AA+BbI,EAAAA,OAAO,EAAEhC,SAAS,CAAC4B,IA/BN;AAgCbK,EAAAA,mBAAmB,EAAEjC,SAAS,CAAC4B,IAhClB;AAiCbM,EAAAA,qBAAqB,EAAElC,SAAS,CAAC4B,IAjCpB;AAkCbO,EAAAA,YAAY,EAAEnC,SAAS,CAAC4B,IAlCX;AAmCbQ,EAAAA,SAAS,EAAEpC,SAAS,CAAC4B;AAnCR,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.boolean\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n"],"file":"jwplayer-prop-types.js"}

package/es/molecule/video-player/jwplayer.js

@@ -6,10 +6,9 @@ import _get from "lodash/fp/get";
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactJWPlayer from 'react-jw-player';
-import { SrcPropType } from '../../util/proptypes';
 import style from './jwplayer.css';
+import { JWPlayerPropTypes } from './prop-types';
 
 class JWPlayer extends React.Component {
   constructor(props, context) {
@@ -215,40 +214,6 @@ class JWPlayer extends React.Component {
 
 }
 
-JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
-  mimeType: PropTypes.string,
-  scriptErrorMessage: PropTypes.string,
-  disableAutostart: PropTypes.bool,
-  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
-  jwpOptions: PropTypes.shape({
-    file: SrcPropType,
-    customProps: PropTypes.shape({
-      aspectratio: PropTypes.string,
-      tracks: PropTypes.arrayOf(PropTypes.shape({
-        file: SrcPropType,
-        label: PropTypes.string,
-        kind: PropTypes.string,
-        default: PropTypes.boolean
-      })),
-      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),
-      width: PropTypes.string,
-      skin: PropTypes.shape({
-        name: PropTypes.string
-      })
-    }),
-    licenseKey: PropTypes.string.isRequired,
-    playerScript: SrcPropType.isRequired,
-    playerId: PropTypes.string.isRequired
-  }),
-  onPlay: PropTypes.func,
-  onResume: PropTypes.func,
-  onPause: PropTypes.func,
-  onEnded: PropTypes.func,
-  onError: PropTypes.func,
-  onPlayAttemptFailed: PropTypes.func,
-  onAutostartNotAllowed: PropTypes.func,
-  onSetupError: PropTypes.func,
-  onWarning: PropTypes.func
-} : {};
+JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? JWPlayerPropTypes : {};
 export default JWPlayer;
 //# sourceMappingURL=jwplayer.js.map