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

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

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../../atom/button/index.native"));
+
 var _shadow = require("../../variables/shadow");
+
 var _index2 = _interopRequireDefault(require("../../molecule/card-congrats/index.native"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   congrats: {
     position: 'absolute',
@@ -55,6 +70,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     paddingHorizontal: 40
   }
 });
+
 const fadeIn = {
   property: 'opacity',
   fromValue: 0,
@@ -67,6 +83,7 @@ const translateHorizontally = {
   toValue: 0,
   duration: 800
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -119,17 +136,19 @@ const ReviewCongrats = props => {
   const showButton2 = (0, _reactNativeAnimation.useAnimateProp)(fadeIn);
   const congratsSequence = (0, _reactNativeAnimation.sequence)([(0, _reactNativeAnimation.parallel)([showCongrats, translateCongrats]), (0, _reactNativeAnimation.parallel)([showConfettis, cardCongratsRank ? (0, _reactNativeAnimation.sequence)([(0, _reactNativeAnimation.parallel)([fadeInRank, translateRank]), (0, _reactNativeAnimation.parallel)([fadeInStars, translateStars])]) : (0, _reactNativeAnimation.parallel)([fadeInStars, translateStars])]), (0, _reactNativeAnimation.sequence)([showButton1, showButton2])]);
   (0, _react.useEffect)(() => {
-    congratsSequence.start();
-    // (required only once on mount)
+    congratsSequence.start(); // (required only once on mount)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const handleContinueRevisingPress = buttonRevising?.onClick || _noop2.default;
   const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || _noop2.default;
   const showStarLottieAnimation = !cardCongratsRank || isRankShown;
@@ -195,6 +214,7 @@ const ReviewCongrats = props => {
     loop: false
   })) : null);
 };
+
 var _default = ReviewCongrats;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","useRef","showCongrats","useAnimateProp","onComplete","translateCongrats","useTranslateY","showConfettis","fadeInRank","translateRank","useTranslateX","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","sequence","parallel","useEffect","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","RankIcon","positive","StarIcon","battle","label","BOX_STYLE","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":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","useRef","showCongrats","useAnimateProp","onComplete","translateCongrats","useTranslateY","showConfettis","fadeInRank","translateRank","useTranslateX","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","sequence","parallel","useEffect","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","RankIcon","positive","StarIcon","battle","label","BOX_STYLE","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/lib/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/lib/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/lib/organism/review-congrats/prop-types.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../../atom/lottie-wrapper/prop-types"));
+
 var _propTypes3 = _interopRequireDefault(require("../../molecule/review-card-congrats/prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","title","cardCongratsStar","MoleculeReviewCardCongratsPropTypes","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;AACA;AAGA;AAEwD;AAExD,MAAMA,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BC,eAAe,EAAEF,kBAAS,CAACG,KAAK,CAACC,mBAA0B,CAAC;EAC5DC,KAAK,EAAEL,kBAAS,CAACC,MAAM;EACvBK,gBAAgB,EAAEN,kBAAS,CAACG,KAAK,CAACI,mBAAmC,CAAC;EACtEC,gBAAgB,EAAER,kBAAS,CAACG,KAAK,CAACI,mBAAmC,CAAC;EACtEE,cAAc,EAAET,kBAAS,CAACG,KAAK,CAAC;IAC9BO,KAAK,EAAEV,kBAAS,CAACC,MAAM;IACvBU,OAAO,EAAEX,kBAAS,CAACY,IAAI;IACvBC,IAAI,EAAEb,kBAAS,CAACC;EAClB,CAAC,CAAC;EACFa,mBAAmB,EAAEd,kBAAS,CAACG,KAAK,CAAC;IACnCO,KAAK,EAAEV,kBAAS,CAACC,MAAM;IACvBU,OAAO,EAAEX,kBAAS,CAACY,IAAI;IACvBC,IAAI,EAAEb,kBAAS,CAACC;EAClB,CAAC;AACH,CAAC;AAAC,eAEaF,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","title","cardCongratsStar","MoleculeReviewCardCongratsPropTypes","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;;AACA;;AAGA;;;;AAIA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhB,aAAaD,kBAAA,CAAUC,MAFP;EAGhBC,eAAe,EAAEF,kBAAA,CAAUG,KAAV,CAAgBC,mBAAhB,CAHD;EAIhBC,KAAK,EAAEL,kBAAA,CAAUC,MAJD;EAKhBK,gBAAgB,EAAEN,kBAAA,CAAUG,KAAV,CAAgBI,mBAAhB,CALF;EAMhBC,gBAAgB,EAAER,kBAAA,CAAUG,KAAV,CAAgBI,mBAAhB,CANF;EAOhBE,cAAc,EAAET,kBAAA,CAAUG,KAAV,CAAgB;IAC9BO,KAAK,EAAEV,kBAAA,CAAUC,MADa;IAE9BU,OAAO,EAAEX,kBAAA,CAAUY,IAFW;IAG9BC,IAAI,EAAEb,kBAAA,CAAUC;EAHc,CAAhB,CAPA;EAYhBa,mBAAmB,EAAEd,kBAAA,CAAUG,KAAV,CAAgB;IACnCO,KAAK,EAAEV,kBAAA,CAAUC,MADkB;IAEnCU,OAAO,EAAEX,kBAAA,CAAUY,IAFgB;IAGnCC,IAAI,EAAEb,kBAAA,CAAUC;EAHmB,CAAhB;AAZL,CAAlB;eAmBeF,S"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
 var _reviewHeaderSteps = _interopRequireDefault(require("../../molecule/review-header-steps"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = _interopRequireDefault(require("./types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ReviewHeader = (props, context) => {
   const {
     steps,
@@ -62,6 +71,7 @@ const ReviewHeader = (props, context) => {
     "data-testid": "review-header-close-button-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonProps)));
 };
+
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = ReviewHeader;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes"],"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;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,GAAG,IAAAC,cAAK,EAAC,SAAS,EAAE,gBAAgB,EAAEF,IAAI,CAAC;EAEjE,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEP,oBAAoB;IAClCQ,OAAO,EAAEP,WAAW;IACpBQ,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAEC,cAAK,CAACC;EACnB,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAC7BH,cAAK,CAACE,YAAY,EAClBX,WAAW,GAAGS,cAAK,CAACI,qBAAqB,GAAG,IAAI,CACjD;EAED,oBACE;IAAK,SAAS,EAAEJ,cAAK,CAACK,aAAc;IAAC,aAAU,eAAe;IAAC,cAAYjB;EAAU,gBACnF;IAAK,SAAS,EAAEY,cAAK,CAACM;EAAc,gBAClC;IAAK,SAAS,EAAEN,cAAK,CAACO,KAAM;IAAC,KAAK,EAAErB,IAAK;IAAC,cAAYA,IAAK;IAAC,aAAU;EAAoB,GACvFA,IAAI,CACD,eACN;IACE,SAAS,EAAEc,cAAK,CAACb,SAAU;IAC3B,KAAK,EAAE;MACLqB,KAAK,EAAEf;IACT,CAAE;IACF,KAAK,EAAEN,SAAU;IACjB,cAAYA,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SAAS,CACN,CACF,eAEN;IAAK,SAAS,EAAEe;EAAa,gBAC3B,6BAAC,0BAAiB;IAAC,KAAK,EAAEjB,KAAM;IAAC,GAAG,EAAE;EAAsB,EAAG,CAC3D,eAEN;IAAK,SAAS,EAAEe,cAAK,CAACS,iBAAkB;IAAC,eAAY;EAAoC,gBACvF,6BAAC,2BAAkB,EAAKd,WAAW,CAAI,CACnC,CACF;AAEV,CAAC;AAEDb,YAAY,CAAC4B,SAAS,2CAAGA,cAAS;AAAC,eAEpB5B,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","getOr","buttonProps","icon","onClick","size","className","style","review","stepsWrapper","classnames","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCF,IAAnC,CAAzB;EAEA,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcP,oBAHI;IAIlBQ,OAAO,EAAEP,WAJS;IAKlBQ,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEC,cAAA,CAAMC;EANC,CAApB;EASA,MAAMC,YAAY,GAAG,IAAAC,mBAAA,EACnBH,cAAA,CAAME,YADa,EAEnBX,WAAW,GAAGS,cAAA,CAAMI,qBAAT,GAAiC,IAFzB,CAArB;EAKA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYjB;EAA3E,gBACE;IAAK,SAAS,EAAEY,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO,KAAtB;IAA6B,KAAK,EAAErB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEc,cAAA,CAAMb,SADnB;IAEE,KAAK,EAAE;MACLqB,KAAK,EAAEf;IADF,CAFT;IAKE,KAAK,EAAEN,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEe;EAAhB,gBACE,6BAAC,0BAAD;IAAmB,KAAK,EAAEjB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEe,cAAA,CAAMS,iBAAtB;IAAyC,eAAY;EAArD,gBACE,6BAAC,2BAAD,EAAwBd,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAb,YAAY,CAAC4B,SAAb,2CAAyBA,cAAzB;eAEe5B,Y"}

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

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _index = _interopRequireDefault(require("../../atom/review-header-step-item/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const style = _reactNative.StyleSheet.create({
   container: {
     flexDirection: 'row',
@@ -37,6 +45,7 @@ const style = _reactNative.StyleSheet.create({
     height: 12
   }
 });
+
 const ReviewHeader = props => {
   const {
     steps,
@@ -59,6 +68,7 @@ const ReviewHeader = props => {
     color: "#06265B"
   })));
 };
+
 var _default = ReviewHeader;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["style","StyleSheet","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;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAUzD,MAAMA,KAAqB,GAAGC,uBAAU,CAACC,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,6BAAC,iBAAI;IAAC,KAAK,EAAEnB,KAAK,CAACG;EAAU,gBAC3B,6BAAC,iBAAI;IAAC,KAAK,EAAEH,KAAK,CAACS;EAAO,GACvBW,KAAK,CAACE,GAAG,CAACC,IAAI,iBACb,6BAAC,cAAI,eAAKA,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACC;EAAM,GACjC,CAAC,CACG,eACP,6BAAC,eAAS;IACR,KAAK,EAAExB,KAAK,CAACY,SAAU;IACvB,WAAW;IACX,OAAO,EAAES,WAAY;IACrB,kBAAkB,EAAC,mBAAmB;IACtC,MAAM,EAAC;EAAmB,gBAE1B,6BAAC,+BAAS;IAAC,KAAK,EAAErB,KAAK,CAACiB,IAAK;IAAC,KAAK,EAAC;EAAS,EAAG,CACtC,CACP;AAEX,CAAC;AAAC,eAEaC,YAAY;AAAA"}
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,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,6BAAC,iBAAD;IAAM,KAAK,EAAEnB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACS;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAExB,KAAK,CAACY,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}

package/lib/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/lib/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/lib/organism/review-header/types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../../molecule/review-header-steps/prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   steps: _propTypes2.default.steps,
   mode: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","steps","ReviewHeaderStepsPropTypes","mode","PropTypes","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;AACA;AAAuF;AAGvF,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,mBAA0B,CAACD,KAAK;EACvCE,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,SAAS,EAAEH,kBAAS,CAACC,MAAM,CAACC,UAAU;EACtC,YAAY,EAAEF,kBAAS,CAACC,MAAM;EAC9BG,oBAAoB,EAAEJ,kBAAS,CAACC,MAAM;EACtCI,WAAW,EAAEL,kBAAS,CAACM,IAAI;EAC3BC,WAAW,EAAEP,kBAAS,CAACQ;AACzB,CAAC;AAAC,eAEaZ,SAAS;AAAA"}
+{"version":3,"file":"types.js","names":["propTypes","steps","ReviewHeaderStepsPropTypes","mode","PropTypes","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;;AACA;;;;AAGA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,mBAAA,CAA2BD,KADlB;EAEhBE,IAAI,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UAFP;EAGhBC,SAAS,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAHZ;EAIhB,cAAcF,kBAAA,CAAUC,MAJR;EAKhBG,oBAAoB,EAAEJ,kBAAA,CAAUC,MALhB;EAMhBI,WAAW,EAAEL,kBAAA,CAAUM,IANP;EAOhBC,WAAW,EAAEP,kBAAA,CAAUQ;AAPP,CAAlB;eAUeZ,S"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ReviewNoSkills = ({
   titleNoSkills,
   textNoSkills,
@@ -23,6 +29,7 @@ const ReviewNoSkills = ({
     "aria-label": iconSkillAriaLabel
   }));
 };
+
 ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = ReviewNoSkills;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","style","noSkillsContainer","imgNoSkills","propTypes"],"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;AACA;AACA;AACA;AAAqC;AAErC,MAAMA,cAAc,GAAG,CAAC;EAACC,aAAa;EAAEC,YAAY;EAAEC;AAAkB,CAAC,KAAK;EAC5E,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAkB,gBACtC;IAAK,SAAS,EAAED,cAAK,CAACH;EAAc,GAAEA,aAAa,CAAO,eAC1D;IAAK,SAAS,EAAEG,cAAK,CAACF;EAAa,GAAC,GAAC,EAACA,YAAY,CAAO,eACzD,6BAAC,4DAAsB;IAAC,SAAS,EAAEE,cAAK,CAACE,WAAY;IAAC,cAAYH;EAAmB,EAAG,CACpF;AAEV,CAAC;AAEDH,cAAc,CAACO,SAAS,2CAAGA,kBAAS;AAAC,eAEtBP,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","style","noSkillsContainer","imgNoSkills","propTypes"],"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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMH;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAMF;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,6BAAC,4DAAD;IAAwB,SAAS,EAAEE,cAAA,CAAME,WAAzC;IAAsD,cAAYH;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACO,SAAf,2CAA2BA,kBAA3B;eAEeP,c"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   subtitle: {
     fontSize: theme.fontSize.xlarge,
@@ -28,6 +35,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     height: 300
   }
 });
+
 const ReviewNoSkills = props => {
   const {
     titleNoSkills,
@@ -41,11 +49,14 @@ const ReviewNoSkills = props => {
   } = templateContext;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styleSheet.subtitle
   }, titleNoSkills), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
@@ -55,6 +66,7 @@ const ReviewNoSkills = props => {
     iconSkillAriaLabel: iconSkillAriaLabel
   }));
 };
+
 var _default = ReviewNoSkills;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;AACA;AACA;AAEA;AAA8E;AAAA;AAS9E,MAAMA,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAEN,KAAK,CAACO,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCC,YAAY,EAAEV,KAAK,CAACW,OAAO,CAACC;EAC9B,CAAC;EACDJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EAAE;IACZS,UAAU,EAAE,EAAE;IACdP,KAAK,EAAEN,KAAK,CAACO,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCK,OAAO,EAAE,GAAG;IACZJ,YAAY,EAAEV,KAAK,CAACW,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,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAAC9B;EAAK,CAAC,GAAG0B,eAAe;EAE/B,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGjC,gBAAgB,CAACC,KAAK,CAAC;IAC3C6B,aAAa,CAACG,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAChC,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC4B,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,iBAAI,qBACH,6BAAC,iBAAI;IAAC,KAAK,EAAEA,UAAU,CAACzB;EAAS,GAAEoB,aAAa,CAAQ,eACxD,6BAAC,iBAAI;IAAC,KAAK,EAAEK,UAAU,CAACpB;EAAK,GAAEgB,YAAY,CAAQ,eACnD,6BAAC,4DAAsB;IACrB,KAAK,EAAEI,UAAU,CAACZ,aAAc;IAChC,kBAAkB,EAAES;EAAmB,EACvC,CACG;AAEX,CAAC;AAAC,eAEaJ,cAAc;AAAA"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;;AACA;;AACA;;AAEA;;;;;;AASA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEJ,KAAK,CAACI,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAEV,KAAK,CAACW,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAEV,KAAK,CAACW,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,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC9B;EAAD,IAAU0B,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGjC,gBAAgB,CAACC,KAAD,CAApC;;IACA6B,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAAChC,KAAD,CAHH;;EAKA,IAAI,CAAC4B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACzB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEK,UAAU,CAACpB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,6BAAC,4DAAD;IACE,KAAK,EAAEI,UAAU,CAACZ,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;eA2BeJ,c"}

package/lib/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/lib/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/lib/organism/review-no-skills/prop-types.js

@@ -2,8 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   titleNoSkills: _propTypes.default.string.isRequired,
   textNoSkills: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","titleNoSkills","PropTypes","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;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChBC,aAAa,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC1CC,YAAY,EAAEH,kBAAS,CAACC,MAAM,CAACC,UAAU;EACzCE,kBAAkB,EAAEJ,kBAAS,CAACC,MAAM,CAACC;AACvC,CAAC;AAAC,eAEaJ,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["propTypes","titleNoSkills","PropTypes","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;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,aAAa,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEH,kBAAA,CAAUC,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEJ,kBAAA,CAAUC,MAAV,CAAiBC;AAHrB,CAAlB;eAMeJ,S"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _skillCard = _interopRequireDefault(require("../../molecule/skill-card"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ReviewListSkills = ({
   listSkills
 }) => {
@@ -22,6 +29,7 @@ const ReviewListSkills = ({
     }, /*#__PURE__*/_react.default.createElement(_skillCard.default, skillCard));
   }, listSkills));
 };
+
 ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = ReviewListSkills;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","propTypes"],"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;AACA;AACA;AACA;AACA;AAAqC;AAErC,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACzC,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAoB,GACvCF,UAAU,IACTG,YAAG,CAACC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,SAAS,EAAEC,GAAG,KAAK;IAC5C,oBACE;MAAK,SAAS,EAAEN,cAAK,CAACO,kBAAmB;MAAC,GAAG,EAAG,QAAOD,GAAI;IAAE,gBAC3D,6BAAC,kBAAS,EAAKD,SAAS,CAAI,CACxB;EAEV,CAAC,EAAEN,UAAU,CAAC,CACZ;AAEV,CAAC;AAEDD,gBAAgB,CAACU,SAAS,2CAAGA,kBAAS;AAAC,eAExBV,gBAAgB;AAAA"}
+{"version":3,"file":"index.js","names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","propTypes"],"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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGF,UAAU,IACTG,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,6BAAC,kBAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGN,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACU,SAAjB,2CAA6BA,kBAA7B;eAEeV,gB"}

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

@@ -2,15 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../molecule/skill-card/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const style = _reactNative.StyleSheet.create({
   skills: {
     paddingBottom: 100
   }
 });
+
 const Item = ({
   item: {
     'aria-label': ariaLabel,
@@ -34,6 +40,7 @@ const Item = ({
   buttonAriaLabel: buttonAriaLabel,
   isCustom: isCustom
 });
+
 const ReviewListSkills = props => {
   const {
     listSkills
@@ -44,6 +51,7 @@ const ReviewListSkills = props => {
     renderItem: Item
   });
 };
+
 var _default = ReviewListSkills;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map