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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","ScrollView","StyleSheet","Text","LottieView","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","sequence","parallel","useAnimateProp","useTranslateY","useTranslateX","useTemplateContext","Button","BOX_STYLE","CardCongrats","createStyleSheet","theme","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","styleSheet","setStylesheet","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","showCongrats","onComplete","translateCongrats","showConfettis","fadeInRank","translateRank","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","positive","battle","label","backgroundColor","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","ScrollView","StyleSheet","Text","LottieView","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","sequence","parallel","useAnimateProp","useTranslateY","useTranslateX","useTemplateContext","Button","BOX_STYLE","CardCongrats","createStyleSheet","theme","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","styleSheet","setStylesheet","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","showCongrats","onComplete","translateCongrats","showConfettis","fadeInRank","translateRank","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","positive","battle","label","backgroundColor","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}

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

@@ -84,7 +84,7 @@ declare const propTypes: {
     }>>;
 };
 export default propTypes;
-export type ReviewCongratsProps = {
+export declare type ReviewCongratsProps = {
     'aria-label': string;
     'data-name': 'review-congrats';
     animationLottie: LottieAnimationProps;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAA4C,EAC1C,iBAAiB,EAClB,MAAM,gDAAgD,CAAC;AAExD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,mBAAmB,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAA4C,EAC1C,iBAAiB,EAClB,MAAM,gDAAgD,CAAC;AAExD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,mBAAmB,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,0BAA0B,MAE1B,sCAAsC;AAC7C,OAAOC,mCAAmC,MAEnC,gDAAgD;AAEvD,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEH,SAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,SAAS,CAACI,MAAM;EAC7BC,eAAe,EAAEL,SAAS,CAACM,KAAK,CAACL,0BAA0B,CAAC;EAC5DM,KAAK,EAAEP,SAAS,CAACI,MAAM;EACvBI,gBAAgB,EAAER,SAAS,CAACM,KAAK,CAACJ,mCAAmC,CAAC;EACtEO,gBAAgB,EAAET,SAAS,CAACM,KAAK,CAACJ,mCAAmC,CAAC;EACtEQ,cAAc,EAAEV,SAAS,CAACM,KAAK,CAAC;IAC9BK,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,OAAO,EAAEZ,SAAS,CAACa,IAAI;IACvBC,IAAI,EAAEd,SAAS,CAACI;EAClB,CAAC,CAAC;EACFW,mBAAmB,EAAEf,SAAS,CAACM,KAAK,CAAC;IACnCK,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,OAAO,EAAEZ,SAAS,CAACa,IAAI;IACvBC,IAAI,EAAEd,SAAS,CAACI;EAClB,CAAC;AACH,CAAC;AAED,eAAeD,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAGA,OAAOC,mCAAP,MAEO,gDAFP;AAIA,MAAMC,SAAS,GAAG;EAChB,cAAcH,SAAS,CAACI,MADR;EAEhB,aAAaJ,SAAS,CAACI,MAFP;EAGhBC,eAAe,EAAEL,SAAS,CAACM,KAAV,CAAgBL,0BAAhB,CAHD;EAIhBM,KAAK,EAAEP,SAAS,CAACI,MAJD;EAKhBI,gBAAgB,EAAER,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CALF;EAMhBO,gBAAgB,EAAET,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CANF;EAOhBQ,cAAc,EAAEV,SAAS,CAACM,KAAV,CAAgB;IAC9BK,KAAK,EAAEX,SAAS,CAACI,MADa;IAE9BQ,OAAO,EAAEZ,SAAS,CAACa,IAFW;IAG9BC,IAAI,EAAEd,SAAS,CAACI;EAHc,CAAhB,CAPA;EAYhBW,mBAAmB,EAAEf,SAAS,CAACM,KAAV,CAAgB;IACnCK,KAAK,EAAEX,SAAS,CAACI,MADkB;IAEnCQ,OAAO,EAAEZ,SAAS,CAACa,IAFgB;IAGnCC,IAAI,EAAEd,SAAS,CAACI;EAHmB,CAAhB;AAZL,CAAlB;AAmBA,eAAeD,SAAf"}

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

@@ -5,6 +5,7 @@ import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import ReviewHeaderSteps from '../../molecule/review-header-steps';
 import style from './style.css';
 import propTypes from './types';
+
 const ReviewHeader = (props, context) => {
   const {
     steps,
@@ -57,6 +58,7 @@ const ReviewHeader = (props, context) => {
     "data-testid": "review-header-close-button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonProps)));
 };
+
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeader;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,SAAS;AAE/B,MAAMC,YAAY,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,SAAS;IACT,YAAY,EAAEC,SAAS;IACvBC,oBAAoB;IACpBC,WAAW;IACXC;EACF,CAAC,GAAGR,KAAK;EACT,MAAM;IAACS;EAAI,CAAC,GAAGR,OAAO;EACtB,MAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEe,IAAI,CAAC;EAEjE,MAAME,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEN,oBAAoB;IAClCO,OAAO,EAAEN,WAAW;IACpBO,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAElB,KAAK,CAACmB;EACnB,CAAC;EAED,MAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YAAY,EAClBT,WAAW,GAAGX,KAAK,CAACqB,qBAAqB,GAAG,IAAI,CACjD;EAED,oBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB,aAAc;IAAC,aAAU,eAAe;IAAC,cAAYd;EAAU,gBACnF;IAAK,SAAS,EAAER,KAAK,CAACuB;EAAc,gBAClC;IAAK,SAAS,EAAEvB,KAAK,CAACwB,KAAM;IAAC,KAAK,EAAElB,IAAK;IAAC,cAAYA,IAAK;IAAC,aAAU;EAAoB,GACvFA,IAAI,CACD,eACN;IACE,SAAS,EAAEN,KAAK,CAACO,SAAU;IAC3B,KAAK,EAAE;MACLkB,KAAK,EAAEZ;IACT,CAAE;IACF,KAAK,EAAEN,SAAU;IACjB,cAAYA,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SAAS,CACN,CACF,eAEN;IAAK,SAAS,EAAEa;EAAa,gBAC3B,oBAAC,iBAAiB;IAAC,KAAK,EAAEf,KAAM;IAAC,GAAG,EAAE;EAAsB,EAAG,CAC3D,eAEN;IAAK,SAAS,EAAEL,KAAK,CAAC0B,iBAAkB;IAAC,eAAY;EAAoC,gBACvF,oBAAC,kBAAkB,EAAKZ,WAAW,CAAI,CACnC,CACF;AAEV,CAAC;AAEDZ,YAAY,CAACD,SAAS,2CAAGA,SAAS;AAElC,eAAeC,YAAY"}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,SAHI;IAIJ,cAAcC,SAJV;IAKJC,oBALI;IAMJC,WANI;IAOJC;EAPI,IAQFR,KARJ;EASA,MAAM;IAACS;EAAD,IAASR,OAAf;EACA,MAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Be,IAA9B,CAA9B;EAEA,MAAME,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcN,oBAHI;IAIlBO,OAAO,EAAEN,WAJS;IAKlBO,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAElB,KAAK,CAACmB;EANC,CAApB;EASA,MAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YADuB,EAE7BT,WAAW,GAAGX,KAAK,CAACqB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYd;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB,KAAtB;IAA6B,KAAK,EAAElB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLkB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEN,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEa;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEf,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC0B,iBAAtB;IAAyC,eAAY;EAArD,gBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}

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

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
@@ -32,6 +33,7 @@ const style = StyleSheet.create({
     height: 12
   }
 });
+
 const ReviewHeader = props => {
   const {
     steps,
@@ -54,5 +56,6 @@ const ReviewHeader = props => {
     color: "#06265B"
   })));
 };
+
 export default ReviewHeader;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,EAAEC,IAAI,QAAkB,cAAc;AACxD,SAAQC,oBAAoB,IAAIC,SAAS,QAAO,0BAA0B;AAC1E,OAAOC,IAAI,MAAM,iDAAiD;AAClE,OAAOC,SAAS,MAAM,kCAAkC;AAUxD,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,QAAQ;IACtBC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACND,KAAK,EAAE,KAAK;IACZJ,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBK,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBJ,UAAU,EAAE,EAAE;IACdK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJT,KAAK,EAAE,EAAE;IACTE,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMQ,YAAY,GAAIC,KAAkB,IAAK;EAC3C,MAAM;IAACC,KAAK;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAElC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAElB,KAAK,CAACE;EAAU,gBAC3B,oBAAC,IAAI;IAAC,KAAK,EAAEF,KAAK,CAACQ;EAAO,GACvBW,KAAK,CAACE,GAAG,CAACC,IAAI,iBACb,oBAAC,IAAI,eAAKA,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACC;EAAM,GACjC,CAAC,CACG,eACP,oBAAC,SAAS;IACR,KAAK,EAAEvB,KAAK,CAACW,SAAU;IACvB,WAAW;IACX,OAAO,EAAES,WAAY;IACrB,kBAAkB,EAAC,mBAAmB;IACtC,MAAM,EAAC;EAAmB,gBAE1B,oBAAC,SAAS;IAAC,KAAK,EAAEpB,KAAK,CAACgB,IAAK;IAAC,KAAK,EAAC;EAAS,EAAG,CACtC,CACP;AAEX,CAAC;AAED,eAAeC,YAAY"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AAUA,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE,QAJL;IAKTC,KAAK,EAAE;EALE,CADmC;EAQ9CC,MAAM,EAAE;IACND,KAAK,EAAE,KADD;IAENJ,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CARsC;EAgB9CC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,KAAK,EAAE,EAFE;IAGTC,YAAY,EAAE,EAHL;IAITJ,UAAU,EAAE,EAJH;IAKTK,OAAO,EAAE;EALA,CAhBmC;EAuB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJE,MAAM,EAAE;EAFJ;AAvBwC,CAAlB,CAA9B;;AA6BA,MAAMQ,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAElB,KAAK,CAACE;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAK,CAACQ;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,oBAAC,SAAD;IACE,KAAK,EAAEvB,KAAK,CAACW,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAEpB,KAAK,CAACgB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;AAuBA,eAAeC,YAAf"}

package/es/organism/review-header/types.d.ts

@@ -14,7 +14,7 @@ declare const propTypes: {
     hiddenSteps: PropTypes.Requireable<boolean>;
 };
 export default propTypes;
-export type HeaderProps = {
+export declare type HeaderProps = {
     steps: HeaderStepItemProps[];
     mode: string;
     skillName: string;

package/es/organism/review-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAE7E,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAE7E,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}

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

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

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const ReviewNoSkills = ({
   titleNoSkills,
   textNoSkills,
@@ -18,6 +19,7 @@ const ReviewNoSkills = ({
     "aria-label": iconSkillAriaLabel
   }));
 };
+
 ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewNoSkills;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = theme => StyleSheet.create({
   subtitle: {
     fontSize: theme.fontSize.xlarge,
@@ -22,6 +23,7 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 300
   }
 });
+
 const ReviewNoSkills = props => {
   const {
     titleNoSkills,
@@ -35,11 +37,14 @@ const ReviewNoSkills = props => {
   } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
     style: styleSheet.subtitle
   }, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
@@ -49,5 +54,6 @@ const ReviewNoSkills = props => {
     iconSkillAriaLabel: iconSkillAriaLabel
   }));
 };
+
 export default ReviewNoSkills;
 //# sourceMappingURL=index.native.js.map

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

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

package/es/organism/review-no-skills/prop-types.d.ts

@@ -5,7 +5,7 @@ declare const propTypes: {
     iconSkillAriaLabel: PropTypes.Validator<string>;
 };
 export default propTypes;
-export type NoSkillsProps = {
+export declare type NoSkillsProps = {
     titleNoSkills: string;
     textNoSkills: string;
     iconSkillAriaLabel: string;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/es/organism/review-no-skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAC1CC,YAAY,EAAEL,SAAS,CAACG,MAAM,CAACC,UAAU;EACzCE,kBAAkB,EAAEN,SAAS,CAACG,MAAM,CAACC;AACvC,CAAC;AAED,eAAeH,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEL,SAAS,CAACG,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEN,SAAS,CAACG,MAAV,CAAiBC;AAHrB,CAAlB;AAMA,eAAeH,SAAf"}

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

@@ -3,6 +3,7 @@ import map from 'lodash/fp/map';
 import SkillCard from '../../molecule/skill-card';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const ReviewListSkills = ({
   listSkills
 }) => {
@@ -17,6 +18,7 @@ const ReviewListSkills = ({
     }, /*#__PURE__*/React.createElement(SkillCard, skillCard));
   }, listSkills));
 };
+
 ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewListSkills;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACzC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAoB,GACvCD,UAAU,IACTL,GAAG,CAACO,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,SAAS,EAAEC,GAAG,KAAK;IAC5C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,kBAAmB;MAAC,GAAG,EAAG,QAAOD,GAAI;IAAE,gBAC3D,oBAAC,SAAS,EAAKD,SAAS,CAAI,CACxB;EAEV,CAAC,EAAEJ,UAAU,CAAC,CACZ;AAEV,CAAC;AAEDD,gBAAgB,CAACD,SAAS,2CAAGA,SAAS;AAEtC,eAAeC,gBAAgB"}
+{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,GACGD,UAAU,IACTL,GAAG,CAACO,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}

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

@@ -6,6 +6,7 @@ const style = StyleSheet.create({
     paddingBottom: 100
   }
 });
+
 const Item = ({
   item: {
     'aria-label': ariaLabel,
@@ -29,6 +30,7 @@ const Item = ({
   buttonAriaLabel: buttonAriaLabel,
   isCustom: isCustom
 });
+
 const ReviewListSkills = props => {
   const {
     listSkills
@@ -39,5 +41,6 @@ const ReviewListSkills = props => {
     renderItem: Item
   });
 };
+
 export default ReviewListSkills;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,QAAQ,EAAEC,UAAU,QAAO,cAAc;AACjD,OAAOC,SAAS,MAAM,wCAAwC;AAQ9D,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAG;AAC7B,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,WAAW;IACXC,eAAe;IACfC;EACF;AACS,CAAC,kBACV,oBAAC,SAAS;EACR,cAAYR,SAAU;EACtB,UAAU,EAAEC,UAAW;EACvB,cAAc,EAAEC,cAAe;EAC/B,WAAW,EAAEC,WAAY;EACzB,eAAe,EAAEC,eAAgB;EACjC,OAAO,EAAEC,OAAQ;EACjB,WAAW,EAAEC,WAAY;EACzB,eAAe,EAAEC,eAAgB;EACjC,QAAQ,EAAEC;AAAS,EAEtB;AAED,MAAMC,gBAAgB,GAAIC,KAAmB,IAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAGD,KAAK;EAE1B,oBAAO,oBAAC,QAAQ;IAAC,qBAAqB,EAAEhB,KAAK,CAACE,MAAO;IAAC,IAAI,EAAEe,UAAW;IAAC,UAAU,EAAEb;EAAK,EAAG;AAC9F,CAAC;AAED,eAAeW,gBAAgB"}
+{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 100}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,QAAR,EAAkBC,UAAlB,QAAmC,cAAnC;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AAQA,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,oBAAC,SAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,oBAAC,QAAD;IAAU,qBAAqB,EAAEhB,KAAK,CAACE,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;AAMA,eAAeW,gBAAf"}

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

@@ -14,7 +14,7 @@ declare const propTypes: {
     }> | null | undefined)[]>;
 };
 export default propTypes;
-export type ReviewSkills = {
+export declare type ReviewSkills = {
     listSkills: SkillCardProps[];
 };
 //# sourceMappingURL=prop-types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA2B,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAExF,QAAA,MAAM,SAAS;;;;;;;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA2B,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAExF,QAAA,MAAM,SAAS;;;;;;;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAwB,sCAAsC;AAEvF,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAACJ,kBAAkB,CAAC;AACnE,CAAC;AAED,eAAeC,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAAiD,sCAAjD;AAEA,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADI,CAAlB;AAIA,eAAeC,SAAf"}

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

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -11,6 +12,7 @@ import ReviewCorrectionPopin from '../../molecule/review-correction-popin';
 import { GetSkinFromContext } from '../../atom/provider';
 import propTypes from './prop-types';
 import style from './style.css';
+
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -36,12 +38,11 @@ const CorrectionPopin = ({
     information,
     type: correctionPopinProps.type,
     resultLabel: correctionPopinProps.resultLabel
-  };
-
-  // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there
+  }; // there is an error of eslint here because this useEffect will be only there when the correctionPopin will be there
   // but that is on purpose to go to the next slide if you press enter when the correctionPopin is present
   // istanbul ignore next
   // eslint-disable-next-line react-hooks/rules-of-hooks
+
   useEffect(() => {
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ') {
@@ -50,18 +51,21 @@ const CorrectionPopin = ({
         document.removeEventListener('keydown', keyDownHandler);
       }
     };
+
     document.addEventListener('keydown', keyDownHandler);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.correctionPopinWrapper, animateCorrectionPopin ? style.popinAnimation : null)
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
+
 CorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   showCorrectionPopin: PropTypes.bool,
   animateCorrectionPopin: PropTypes.bool,
   correctionPopinProps: propTypes.correctionPopinProps
 } : {};
+
 const ValidateButton = ({
   slideIndex,
   validateButton,
@@ -84,14 +88,15 @@ const ValidateButton = ({
       backgroundColor: primarySkinColor
     }
   };
-
   /* istanbul ignore next */
+
   useEffect(() => {
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
       }
     };
+
     if (disabled) document.addEventListener('keydown', keyDownHandler);
     return () => {
       document.removeEventListener('keydown', keyDownHandler);
@@ -102,11 +107,13 @@ const ValidateButton = ({
     className: style.validateButtonWrapper
   }, /*#__PURE__*/React.createElement(ButtonLink, validateButtonProps));
 };
+
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   validateButton: propTypes.validateButton,
   primarySkinColor: PropTypes.string
 } : {};
+
 const QuestionContainer = props => {
   const {
     answerUI,
@@ -125,16 +132,14 @@ const QuestionContainer = props => {
   }, questionOrigin), /*#__PURE__*/React.createElement("div", {
     key: "title",
     "data-testid": "slide-question",
-    className: style.question
-    // eslint-disable-next-line react/no-danger
+    className: style.question // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: questionText
     }
   }), /*#__PURE__*/React.createElement("div", {
     key: "help",
-    className: style.help
-    // eslint-disable-next-line react/no-danger
+    className: style.help // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: get('help', answerUI)
@@ -146,12 +151,14 @@ const QuestionContainer = props => {
     key: "answer"
   }))));
 };
+
 QuestionContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   answerUI: PropTypes.shape(propTypes.slide.answerUI),
   questionText: PropTypes.string,
   questionOrigin: PropTypes.string,
   disableContent: PropTypes.bool
 } : {};
+
 const ReviewSlide = props => {
   const {
     slide,
@@ -197,6 +204,7 @@ const ReviewSlide = props => {
     key: "correction-popin"
   })));
 };
+
 ReviewSlide.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewSlide;
 //# sourceMappingURL=index.js.map