@coorpacademy/components 10.30.10-alpha.7 → 10.30.11-alpha.1

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","backgroundColor","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","RankIcon","positive","StarIcon","battle","label","BOX_STYLE","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {ScrollView, StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      backgroundColor: '#ededed',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      flex: 1\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    }\n  });\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n\n  return (\n    <View style={styleSheet.congrats} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView showsHorizontalScrollIndicator={false} horizontal style={{height: 300}}>\n        {cardCongratsRank ? (\n          <CardCongrats\n            animationUri={cardCongratsRank.animationLottie.animationSrc}\n            text={cardCongratsRank.reviewCardTitle}\n            value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n            Icon={RankIcon}\n            iconColor={theme.colors.positive}\n            textColor={theme.colors.text.primary}\n            direction=\"row-reverse\"\n          />\n        ) : null}\n        <CardCongrats\n          animationUri={cardCongratsStar.animationLottie.animationSrc}\n          Icon={StarIcon}\n          text={cardCongratsStar.reviewCardTitle}\n          value={cardCongratsStar.reviewCardValue}\n          iconColor={theme.colors.battle}\n          textColor={theme.colors.battle}\n          direction=\"row\"\n        />\n      </ScrollView>\n\n      <View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Button\n            onPress={handleReviseAnotherSkillPress}\n            accessibilityLabel={buttonRevisingSkill['aria-label']}\n            submitValue={buttonRevisingSkill.label}\n            style={{...BOX_STYLE, backgroundColor: '#fff'}}\n            textStyle={{color: '#123'}}\n          />\n        ) : null}\n        {buttonRevising ? (\n          <Button\n            onPress={handleContinueRevisingPress}\n            accessibilityLabel={buttonRevising['aria-label']}\n            submitValue={buttonRevising.label}\n          />\n        ) : null}\n      </View>\n\n      <View pointerEvents=\"none\" style={styleSheet.confettis}>\n        <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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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","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","useTemplateContext","windowHeight","useWindowDimensions","styleSheet","setStylesheet","useState","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","translate","translateCongratsUp","animatedY","animatedCongratsY","useTranslateVertically","fromValue","toValue","delay","onFinished","translateRankUp","animatedRankY","duration","fadeIn","showRank","animatedOpacity","animatedRankOpacity","useUpdateOpacity","onFadeInFinished","scrollViewRef","useRef","translateStarsUp","animatedStarsY","showStars","animatedStarsOpacity","useEffect","_stylesheet","current","scrollToEnd","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","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 {\n  Animated,\n  ScrollView,\n  StyleSheet,\n  Text,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport useTranslateVertically from '../../behaviours/use-translate-vertically.native';\nimport useUpdateOpacity from '../../behaviours/use-update-opacity.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      flex: 1\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n  const {height: windowHeight} = useWindowDimensions();\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 {translate: translateCongratsUp, animatedY: animatedCongratsY} = useTranslateVertically({\n    fromValue: windowHeight,\n    toValue: 0,\n    delay: 750,\n    onFinished: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const {translate: translateRankUp, animatedY: animatedRankY} = useTranslateVertically({\n    fromValue: 150,\n    duration: 750,\n    toValue: 0\n  });\n\n  const {fadeIn: showRank, animatedOpacity: animatedRankOpacity} = useUpdateOpacity({\n    onFadeInFinished: () => {\n      setRankShown(true);\n    }\n  });\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const {translate: translateStarsUp, animatedY: animatedStarsY} = useTranslateVertically({\n    fromValue: 150,\n    toValue: 0,\n    duration: 750,\n    delay: 250\n  });\n\n  const {fadeIn: showStars, animatedOpacity: animatedStarsOpacity} = useUpdateOpacity({\n    delay: 250\n  });\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    translateCongratsUp();\n  }, []);\n\n  useEffect(() => {\n    if (isCongratsTranslationDone) {\n      showRank();\n      translateRankUp();\n    }\n  }, [isCongratsTranslationDone, showRank, translateRankUp]);\n\n  useEffect(() => {\n    if (isRankShown) {\n      scrollViewRef?.current?.scrollToEnd();\n      translateStarsUp();\n      showStars();\n    }\n  }, [isRankShown, translateStarsUp, showStars]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n\n  return (\n    <Animated.View style={[styleSheet.congrats, animatedCongratsY]} accessibilityLabel={ariaLabel}>\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={[animatedRankOpacity, animatedRankY]}>\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={[animatedStarsOpacity, animatedStarsY]}>\n          <CardCongrats\n            animationUri={isRankShown ? cardCongratsStar.animationLottie.animationSrc : null}\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      <View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Button\n            onPress={handleReviseAnotherSkillPress}\n            accessibilityLabel={buttonRevisingSkill['aria-label']}\n            submitValue={buttonRevisingSkill.label}\n            style={{...BOX_STYLE, backgroundColor: '#fff'}}\n            textStyle={{color: '#123'}}\n          />\n        ) : null}\n        {buttonRevising ? (\n          <Button\n            onPress={handleContinueRevisingPress}\n            accessibilityLabel={buttonRevising['aria-label']}\n            submitValue={buttonRevising.label}\n          />\n        ) : null}\n      </View>\n\n      {isCongratsTranslationDone ? (\n        <View pointerEvents=\"none\" style={styleSheet.confettis}>\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}

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

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

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

@@ -21,14 +21,14 @@ var _templateContext = require("../../template/app-review/template-context");
 
 var _index4 = _interopRequireDefault(require("../../atom/button/index.native"));
 
+var _useTranslateVertically = _interopRequireDefault(require("../../behaviours/use-translate-vertically.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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 _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 styles = _reactNative.StyleSheet.create({
   correctionPopinWrapper: {
     position: 'absolute',
@@ -43,20 +43,12 @@ const CorrectionPopin = ({
   showCorrectionPopin,
   animateCorrectionPopin
 }) => {
-  const translateAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1000)).current;
-  const translateYAnim = (0, _react.useCallback)(() => {
-    _reactNative.Animated.timing(translateAnim, {
-      toValue: 0,
-      duration: 800,
-      easing: _reactNative.Easing.bezier(0.37, 0, 0.63, 1),
-      useNativeDriver: true
-    }).start();
-  }, [translateAnim]);
-
-  if (animateCorrectionPopin) {
-    translateYAnim();
-  }
-
+  const translateUp = (0, _useTranslateVertically.default)({
+    fromValue: 1000,
+    toValue: 0,
+    duration: 800,
+    easing: _reactNative.Easing.bezier(0.37, 0, 0.63, 1)
+  });
   if (!showCorrectionPopin) return null;
   const klf = (0, _getOr.default)(undefined, 'klf', correctionPopinProps);
   const information = (0, _getOr.default)({
@@ -77,12 +69,9 @@ const CorrectionPopin = ({
     type: correctionPopinProps.type,
     resultLabel: correctionPopinProps.resultLabel
   };
+  const style = animateCorrectionPopin ? [styles.correctionPopinWrapper, translateUp.animatedY] : styles.correctionPopinWrapper;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: _extends({}, styles.correctionPopinWrapper, {
-      transform: [{
-        translateY: translateAnim
-      }]
-    })
+    style: style
   }, /*#__PURE__*/_react.default.createElement(_index3.default, _correctionPopinProps));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateAnim","useRef","Animated","Value","current","translateYAnim","useCallback","timing","toValue","duration","easing","Easing","bezier","useNativeDriver","start","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","type","resultLabel","transform","translateY","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","Question","props","answerUI","useTemplateContext","style","setStyle","useState","useEffect","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","Slide","validateButton","useWindowDimensions","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef} from 'react';\nimport {\n  Animated,\n  Easing,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateAnim = useRef(new Animated.Value(1000)).current;\n\n  const translateYAnim = useCallback(() => {\n    Animated.timing(translateAnim, {\n      toValue: 0,\n      duration: 800,\n      easing: Easing.bezier(0.37, 0, 0.63, 1),\n      useNativeDriver: true\n    }).start();\n  }, [translateAnim]);\n\n  if (animateCorrectionPopin) {\n    translateYAnim();\n  }\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <Animated.View\n      style={{\n        ...styles.correctionPopinWrapper,\n        transform: [\n          {\n            translateY: translateAnim\n          }\n        ]\n      }}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <Text>@todo loader {num}</Text>;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <View style={slideStyle.slide}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        key=\"question-container\"\n      />\n      <Button\n        disabled={validateButton.disabled}\n        submitValue={validateButton.label}\n        onPress={handleValidatePress}\n        testID={`slide-validate-button-${slideIndex}`}\n      />\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":";;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAGA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,sBAAsB,EAAE;IACtBC,QAAQ,EAAE,UADY;IAEtBC,MAAM,EAAE,EAFc;IAGtBC,KAAK,EAAE;EAHe;AADO,CAAlB,CAAf;;AAQA,MAAMC,eAAe,GAAG,CAAC;EACvBC,oBADuB;EAEvBC,UAFuB;EAGvBC,mBAHuB;EAIvBC;AAJuB,CAAD,KAKN;EAChB,MAAMC,aAAa,GAAG,IAAAC,aAAA,EAAO,IAAIC,qBAAA,CAASC,KAAb,CAAmB,IAAnB,CAAP,EAAiCC,OAAvD;EAEA,MAAMC,cAAc,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACvCJ,qBAAA,CAASK,MAAT,CAAgBP,aAAhB,EAA+B;MAC7BQ,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAE,GAFmB;MAG7BC,MAAM,EAAEC,mBAAA,CAAOC,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,IAAvB,EAA6B,CAA7B,CAHqB;MAI7BC,eAAe,EAAE;IAJY,CAA/B,EAKGC,KALH;EAMD,CAPsB,EAOpB,CAACd,aAAD,CAPoB,CAAvB;;EASA,IAAID,sBAAJ,EAA4B;IAC1BM,cAAc;EACf;;EAED,IAAI,CAACP,mBAAL,EAA0B,OAAO,IAAP;EAE1B,MAAMiB,GAAG,GAAG,IAAAC,cAAA,EAAMC,SAAN,EAAiB,KAAjB,EAAwBrB,oBAAxB,CAAZ;EACA,MAAMsB,WAAW,GAAG,IAAAF,cAAA,EAAM;IAACG,KAAK,EAAE,EAAR;IAAYC,OAAO,EAAE;EAArB,CAAN,EAAgC,aAAhC,EAA+CxB,oBAA/C,CAApB;EACA,MAAMyB,IAAI,GAAG,IAAAC,YAAA,EAAI,MAAJ,EAAY1B,oBAAZ,CAAb;EACA,MAAM2B,OAAO,GAAG,IAAAD,YAAA,EAAI,CAAC,MAAD,EAAS,SAAT,CAAJ,EAAyB1B,oBAAzB,CAAhB;EAEA,MAAM4B,qBAAqB,GAAG;IAC5BH,IAAI,EAAE;MACJE,OADI;MAEJJ,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAFhB;MAGJ,aAAc,wBAAuBtB,UAAW,EAH5C;MAIJ,cAAcwB,IAAI,IAAIA,IAAI,CAAC,YAAD;IAJtB,CADsB;IAO5BN,GAP4B;IAQ5BG,WAR4B;IAS5BO,IAAI,EAAE7B,oBAAoB,CAAC6B,IATC;IAU5BC,WAAW,EAAE9B,oBAAoB,CAAC8B;EAVN,CAA9B;EAaA,oBACE,6BAAC,qBAAD,CAAU,IAAV;IACE,KAAK,eACAtC,MAAM,CAACG,sBADP;MAEHoC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE5B;MADd,CADS;IAFR;EADP,gBAUE,6BAAC,eAAD,EAA2BwB,qBAA3B,CAVF,CADF;AAcD,CAvDD;;AAiEA,MAAMK,mBAAmB,GAAIC,KAAD,IAC1BzC,uBAAA,CAAWC,MAAX,CAAkB;EAChByC,eAAe,EAAE;IACfC,cAAc,EAAE;EADD,CADD;EAIhBC,cAAc,EAAE;IACdC,QAAQ,EAAE,EADI;IAEdC,UAAU,EAAE,EAFE;IAGdC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAHX;IAIdC,YAAY,EAAEV,KAAK,CAACW,OAAN,CAAcC,IAJd;IAKdC,SAAS,EAAEb,KAAK,CAACW,OAAN,CAAcG,KALX;IAMdC,SAAS,EAAE;EANG,CAJA;EAYhBC,YAAY,EAAE;IACZZ,QAAQ,EAAE,EADE;IAEZC,UAAU,EAAE,EAFA;IAGZY,UAAU,EAAE,KAHA;IAIZX,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,OAJb;IAKZM,SAAS,EAAE;EALC,CAZE;EAmBhBG,YAAY,EAAE;IACZd,QAAQ,EAAE,EADE;IAEZC,UAAU,EAAE,EAFA;IAGZC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaY,IAAb,CAAkBC,MAHb;IAIZV,YAAY,EAAE,CAJF;IAKZG,SAAS,EAAEb,KAAK,CAACW,OAAN,CAAcG,KALb;IAMZC,SAAS,EAAE;EANC,CAnBE;EA2BhBM,gBAAgB,EAAE;IAChBC,IAAI,EAAE,CADU;IAEhB1D,KAAK,EAAE,MAFS;IAGhBsC,cAAc,EAAE;EAHA;AA3BF,CAAlB,CADF;;AAyCA,MAAMqB,QAAQ,GAAIC,KAAD,IAA0B;EACzC,MAAM;IAACC,QAAD;IAAWT,YAAX;IAAyBb;EAAzB,IAA2CqB,KAAjD;EACA,MAAM;IAACxB;EAAD,IAAU,IAAA0B,mCAAA,GAAhB;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,GAA1B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,aAAa,GAAGhC,mBAAmB,CAACC,KAAD,CAAzC;IACA4B,QAAQ,CAACG,aAAD,CAAR;EACD,CAHD,EAGG,CAAC/B,KAAD,CAHH;EAKA,IAAI,CAACyB,QAAD,IAAa,CAACT,YAAd,IAA8B,CAACW,KAAnC,EAA0C,OAAO,IAAP;EAE1C,oBACE,yEACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,KAAK,CAAC1B;EAAnB,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAE0B,KAAK,CAACxB;EAAnB,GAAoCA,cAApC,CADF,eAEE,6BAAC,cAAD;IAAM,KAAK,EAAEwB,KAAK,CAACX;EAAnB,GAAkCA,YAAlC,CAFF,eAGE,6BAAC,cAAD;IAAM,KAAK,EAAEW,KAAK,CAACT;EAAnB,GAAkC,IAAA1B,YAAA,EAAI,MAAJ,EAAYiC,QAAZ,CAAlC,CAHF,CADF,eAME,6BAAC,iBAAD;IAAM,KAAK,EAAEE,KAAK,CAACN;EAAnB,gBACE,6BAAC,eAAD,EAAYI,QAAZ,CADF,CANF,CADF;AAYD,CAxBD;;AA8BA,MAAMO,gBAAgB,GAAG,CAACC,GAAD,EAAcC,WAAd,KAAkD;EACzE,MAAMC,UAAU,GAAGD,WAAW,GAAG,EAAd,GAAmBD,GAAG,GAAG,CAA5C;EAEA,OAAO1E,uBAAA,CAAWC,MAAX,CAAkB;IACvB4E,KAAK,EAAE;MACL1E,QAAQ,EAAE,UADL;MAEL2E,IAAI,EAAE,KAAKJ,GAAG,GAAG,CAFZ;MAGLtE,MAAM,EAAE,KAAKsE,GAAG,GAAG,CAHd;MAILK,eAAe,EAAE,MAJZ;MAIoB;MACzBC,MAAM,EAAE,KALH;MAML3E,KAAK,EAAEuE,UANF;MAOLjC,cAAc,EAAE,eAPX;MAQLsC,UAAU,EAAE,QARP;MASLC,OAAO,EAAE,EATJ;MAULC,WAAW,EAAE,MAVR;MAWLC,YAAY,EAAE;QAAC/E,KAAK,EAAE,CAAR;QAAW2E,MAAM,EAAE,CAAC;MAApB,CAXT;MAYLK,aAAa,EAAE,IAZV;MAaLC,YAAY,EAAE,EAbT;MAcLC,SAAS,EAAE,KAAKb,GAAG,GAAG,CAdjB;MAeLc,YAAY,EAAE;IAfT;EADgB,CAAlB,CAAP;AAmBD,CAtBD;;AAwBA,MAAMC,KAAK,GAAIxB,KAAD,IAA6B;EACzC,MAAM;IAACY,KAAD;IAAQtE,oBAAR;IAA8BmF,cAA9B;IAA8ChB,GAA9C;IAAmDlE,UAAU,GAAG;EAAhE,IAAuEyD,KAA7E;EAEA,MAAM;IAAC5D;EAAD,IAAU,IAAAsF,gCAAA,GAAhB;EACA,MAAMC,UAAU,GAAGnB,gBAAgB,CAACC,GAAD,EAAMrE,KAAN,CAAnC;EAEA,MAAM;IACJwF,OADI;IAEJC,kBAFI;IAGJrC,YAHI;IAIJS,QAJI;IAKJzD,mBALI;IAMJC;EANI,IAOFmE,KAPJ;;EASA,IAAIgB,OAAJ,EAAa;IACX,oBAAO,6BAAC,cAAD,yBAAoBnB,GAApB,CAAP;EACD;;EAED,MAAM;IAACxC,OAAO,EAAE6D;EAAV,IAAiCL,cAAvC;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEE,UAAU,CAACf;EAAxB,gBACE,6BAAC,QAAD;IACE,cAAc,EAAEiB,kBADlB;IAEE,YAAY,EAAErC,YAFhB;IAGE,QAAQ,EAAES,QAHZ;IAIE,GAAG,EAAC;EAJN,EADF,eAOE,6BAAC,eAAD;IACE,QAAQ,EAAEwB,cAAc,CAACM,QAD3B;IAEE,WAAW,EAAEN,cAAc,CAAC5D,KAF9B;IAGE,OAAO,EAAEiE,mBAHX;IAIE,MAAM,EAAG,yBAAwBvF,UAAW;EAJ9C,EAPF,EAaGD,oBAAoB,gBACnB,6BAAC,eAAD;IACE,oBAAoB,EAAEA,oBADxB;IAEE,UAAU,EAAEC,UAFd;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,GAAG,EAAC;EALN,EADmB,GAQjB,IArBN,CADF;AAyBD,CA9CD;;eAgDe+E,K"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateVertically","fromValue","toValue","duration","easing","Easing","bezier","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","type","resultLabel","style","animatedY","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","Question","props","answerUI","useTemplateContext","setStyle","useState","useEffect","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","Slide","validateButton","useWindowDimensions","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {\n  Animated,\n  Easing,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport useTranslateVertically from '../../behaviours/use-translate-vertically.native';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateVertically({\n    fromValue: 1000,\n    toValue: 0,\n    duration: 800,\n    easing: Easing.bezier(0.37, 0, 0.63, 1)\n  });\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedY]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOrigin: ViewStyle;\n  questionText: TextStyle;\n  questionHelp: ViewStyle;\n  choicesContainer: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between'\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center'\n    }\n  });\n\ntype QuestionProps = {\n  answerUI: SlideProps['answerUI'];\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {answerUI, questionText, questionOrigin} = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <Text style={style.questionOrigin}>{questionOrigin}</Text>\n        <Text style={style.questionText}>{questionText}</Text>\n        <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n      </View>\n      <View style={style.choicesContainer}>\n        <Answer {...answerUI} />\n      </View>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: 34 + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n\n  const {width} = useWindowDimensions();\n  const slideStyle = createSlideStyle(num, width);\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <Text>@todo loader {num}</Text>;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <View style={slideStyle.slide}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        key=\"question-container\"\n      />\n      <Button\n        disabled={validateButton.disabled}\n        submitValue={validateButton.label}\n        onPress={handleValidatePress}\n        testID={`slide-validate-button-${slideIndex}`}\n      />\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

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

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

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

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = exports.TOTAL_SLIDES_STACK = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -11,8 +11,14 @@ var _keys = _interopRequireDefault(require("lodash/fp/keys"));
 
 var _index = _interopRequireDefault(require("../review-slide/index.native"));
 
+var _useTranslateVertically = _interopRequireDefault(require("../../behaviours/use-translate-vertically.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 TOTAL_SLIDES_STACK = 5;
 exports.TOTAL_SLIDES_STACK = TOTAL_SLIDES_STACK;
 
@@ -25,11 +31,23 @@ const style = _reactNative.StyleSheet.create({
 });
 
 const StackedSlides = props => {
+  const {
+    height: windowHeight
+  } = (0, _reactNative.useWindowDimensions)();
   const {
     slides,
     validateButton,
     correctionPopinProps
   } = props;
+  const {
+    translate,
+    animatedY
+  } = (0, _useTranslateVertically.default)({
+    fromValue: 0,
+    toValue: windowHeight,
+    duration: 800
+  });
+  (0, _react.useEffect)(translate, [translate]);
   const indexes = (0, _keys.default)(slides).reverse();
   const stackedSlides = indexes.map(slideIndex => {
     const slide = slides[slideIndex];
@@ -42,8 +60,8 @@ const StackedSlides = props => {
       key: slideIndex
     });
   });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: style.slides
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [style.slides, animatedY]
   }, stackedSlides);
 };
 

package/lib/organism/review-stacked-slides/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["TOTAL_SLIDES_STACK","style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","keys","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {ReviewStackProps} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAGO,MAAMA,kBAAkB,GAAG,CAA3B;;;AAEP,MAAMC,KAAK,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAA6B;EACjD,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAG,IAAAC,aAAA,EAAKT,MAAL,EAAaU,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGH,OAAO,CAACI,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGd,MAAM,CAACa,UAAD,CAApB;IAEA,oBACE,6BAAC,cAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIR,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEM;IARP,EADF;EAYD,CAfqB,CAAtB;EAiBA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAEhB,KAAK,CAACG;EAAnB,GAA4BW,aAA5B,CAAP;AACD,CAtBD;;eAwBeP,a"}
+{"version":3,"file":"index.native.js","names":["TOTAL_SLIDES_STACK","style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","validateButton","correctionPopinProps","translate","animatedY","useTranslateVertically","fromValue","toValue","duration","useEffect","indexes","keys","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\nimport {Animated, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport useTranslateVertically from '../../behaviours/use-translate-vertically.native';\nimport {ReviewStackProps} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const {translate, animatedY} = useTranslateVertically({\n    fromValue: 0,\n    toValue: windowHeight,\n    duration: 800\n  });\n\n  useEffect(translate, [translate]);\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <Animated.View style={[style.slides, animatedY]}>{stackedSlides}</Animated.View>;\n};\n\nexport default StackedSlides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,kBAAkB,GAAG,CAA3B;;;AAEP,MAAMC,KAAK,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAA6B;EACjD,MAAM;IAACH,MAAM,EAAEI;EAAT,IAAyB,IAAAC,gCAAA,GAA/B;EACA,MAAM;IAACP,MAAD;IAASQ,cAAT;IAAyBC;EAAzB,IAAiDJ,KAAvD;EAEA,MAAM;IAACK,SAAD;IAAYC;EAAZ,IAAyB,IAAAC,+BAAA,EAAuB;IACpDC,SAAS,EAAE,CADyC;IAEpDC,OAAO,EAAER,YAF2C;IAGpDS,QAAQ,EAAE;EAH0C,CAAvB,CAA/B;EAMA,IAAAC,gBAAA,EAAUN,SAAV,EAAqB,CAACA,SAAD,CAArB;EAEA,MAAMO,OAAO,GAAG,IAAAC,aAAA,EAAKlB,MAAL,EAAamB,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGH,OAAO,CAACI,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGvB,MAAM,CAACsB,UAAD,CAApB;IAEA,oBACE,6BAAC,cAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIf,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEa;IARP,EADF;EAYD,CAfqB,CAAtB;EAiBA,oBAAO,6BAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACzB,KAAK,CAACG,MAAP,EAAeW,SAAf;EAAtB,GAAkDS,aAAlD,CAAP;AACD,CA/BD;;eAiCehB,a"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.30.10-alpha.7+e8798562f",
+  "version": "10.30.11-alpha.1+61044cb2d",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -158,5 +158,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "e8798562ffa9f66e9d5d9c7b4227005f7378ac2e"
+  "gitHead": "61044cb2dd65dc401f0bca3b2694d2d59719d8d1"
 }