@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -2,26 +2,85 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _get = _interopRequireDefault(require("lodash/fp/get"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../../atom/text/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../molecule/answer/index.native"));
+
 var _index3 = _interopRequireDefault(require("../../molecule/review-correction-popin/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index4 = _interopRequireDefault(require("../../atom/button/index.native"));
+
+var _propTypes = require("../../molecule/answer/prop-types");
+
+var _index5 = _interopRequireDefault(require("../../molecule/video-player-mobile/index.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 styles = _reactNative.StyleSheet.create({
+  mediaContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 20,
+    width: '100%',
+    minHeight: 150,
+    borderRadius: 10,
+    overflow: 'hidden'
+  },
+  image: {
+    flex: 1,
+    width: '100%'
+  },
   correctionPopinWrapper: {
     position: 'absolute',
     bottom: 16,
     width: '105%'
   }
 });
+
+const MediaView = ({
+  media
+}) => {
+  switch (media.type) {
+    case _propTypes.TYPE_VIDEO:
+      return /*#__PURE__*/_react.default.createElement(_index5.default, {
+        media: media
+      });
+
+    case _propTypes.TYPE_IMAGE:
+      {
+        const uri = `https://${media.url?.split('//')[1]}`;
+        return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          style: styles.image,
+          source: {
+            uri
+          }
+        });
+      }
+
+    case _propTypes.TYPE_AUDIO:
+    default:
+      return /*#__PURE__*/_react.default.createElement(_index.default, null, `media type ${media.type} is not handled`);
+  }
+};
+
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -33,10 +92,9 @@ const CorrectionPopin = ({
     toValue: 0,
     duration: 500,
     easing: _reactNative.Easing.bezier(0.34, 1.36, 0.64, 1)
-  });
-
-  // the translation is required only once on mount
+  }); // the translation is required only once on mount
   // eslint-disable-next-line react-hooks/exhaustive-deps
+
   (0, _react.useEffect)(() => translateUp.start(), []);
   if (!showCorrectionPopin) return null;
   const klf = (0, _getOr.default)(undefined, 'klf', correctionPopinProps);
@@ -63,6 +121,7 @@ const CorrectionPopin = ({
     style: style
   }, /*#__PURE__*/_react.default.createElement(_index3.default, _correctionPopinProps));
 };
+
 const createQuestionStyle = theme => _reactNative.StyleSheet.create({
   questionHeading: {
     justifyContent: 'space-between'
@@ -98,6 +157,7 @@ const createQuestionStyle = theme => _reactNative.StyleSheet.create({
     padding: 10
   }
 });
+
 const Question = props => {
   const {
     answerUI,
@@ -121,7 +181,11 @@ const Question = props => {
     style: style.questionText
   }, questionText), /*#__PURE__*/_react.default.createElement(_index.default, {
     style: style.questionHelp
-  }, (0, _get.default)('help', answerUI))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+  }, (0, _get.default)('help', answerUI))), answerUI.media ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.mediaContainer
+  }, /*#__PURE__*/_react.default.createElement(MediaView, {
+    media: answerUI.media
+  })) : null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: style.choicesScrollView,
     contentContainerStyle: style.choicesScrollContent,
     centerContent: true,
@@ -129,6 +193,7 @@ const Question = props => {
     showsVerticalScrollIndicator: false
   }, /*#__PURE__*/_react.default.createElement(_index2.default, answerUI)));
 };
+
 const createSlideStyle = (num, screenWidth) => {
   const slideWidth = screenWidth - 40 - num * 8;
   return _reactNative.StyleSheet.create({
@@ -155,6 +220,7 @@ const createSlideStyle = (num, screenWidth) => {
     }
   });
 };
+
 const Slide = props => {
   const {
     animatedStyle,
@@ -176,11 +242,13 @@ const Slide = props => {
     showCorrectionPopin,
     animateCorrectionPopin
   } = slide;
+
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: slideStyle.slide
     });
   }
+
   const {
     onClick: handleValidatePress
   } = validateButton;
@@ -204,6 +272,7 @@ const Slide = props => {
     key: "correction-popin"
   }) : null);
 };
+
 var _default = Slide;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","type","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","marginVertical","choicesScrollContent","padding","Question","props","answerUI","useTemplateContext","setStyle","useState","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","alignItems","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  ScrollView,\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 {useTranslateY} from '@coorpacademy/react-native-animation';\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 translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\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.animatedStyle]\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  choicesScrollView: ViewStyle;\n  choicesScrollContent: 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    choicesScrollView: {\n      marginVertical: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      padding: 10\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      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        <Answer {...answerUI} />\n      </ScrollView>\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 {animatedStyle, 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 <View style={slideStyle.slide} />;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\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    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","mediaContainer","flex","alignItems","justifyContent","marginTop","width","minHeight","borderRadius","overflow","image","correctionPopinWrapper","position","bottom","MediaView","media","type","TYPE_VIDEO","TYPE_IMAGE","uri","url","split","TYPE_AUDIO","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","useTranslateY","fromValue","toValue","duration","easing","Easing","bezier","useEffect","start","klf","getOr","undefined","information","label","message","next","get","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesScrollView","marginVertical","choicesScrollContent","padding","Question","props","answerUI","useTemplateContext","setStyle","useState","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","backgroundColor","height","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","useWindowDimensions","slideStyle","loading","parentContentTitle","handleValidatePress","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  ScrollView,\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 {useTranslateY} from '@coorpacademy/react-native-animation';\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 {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginTop: 20,\n    width: '100%',\n    minHeight: 150,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media}: {media: Media}) => {\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return <Video media={media} />;\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={styles.image} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return <Text>{`media type ${media.type} is not handled`}</Text>;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\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.animatedStyle]\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  choicesScrollView: ViewStyle;\n  choicesScrollContent: 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    choicesScrollView: {\n      marginVertical: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      padding: 10\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      {answerUI.media ? (\n        <View style={styles.mediaContainer}>\n          <MediaView media={answerUI.media} />\n        </View>\n      ) : null}\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        centerContent\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        <Answer {...answerUI} />\n      </ScrollView>\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 {animatedStyle, 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 <View style={slideStyle.slide} />;\n  }\n\n  const {onClick: handleValidatePress} = validateButton;\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\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    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"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"}

package/lib/organism/review-slide/prop-types.d.ts

@@ -180,18 +180,18 @@ declare const propTypes: {
     }>>;
 };
 export default propTypes;
-export type PopinProps = {
+export declare type PopinProps = {
     correctionPopinProps: ReviewCorrectionPopinProps;
     slideIndex: string;
     showCorrectionPopin?: boolean;
     animateCorrectionPopin?: boolean;
 };
-export type ValidateButtonProps = {
+export declare type ValidateButtonProps = {
     slideIndex: string;
     validateButton: ReviewSlideProps['validateButton'];
     primarySkinColor?: string;
 };
-export type SlideProps = {
+export declare type SlideProps = {
     position: number;
     loading: boolean;
     loadingAriaLabel?: string;
@@ -203,7 +203,7 @@ export type SlideProps = {
     questionText?: string;
     answerUI?: AnswerProps;
 };
-export type ReviewSlideProps = {
+export declare type ReviewSlideProps = {
     slideIndex: string;
     num: number;
     slide: SlideProps;
@@ -215,7 +215,7 @@ export type ReviewSlideProps = {
     };
     animatedStyle?: Animation['animatedStyle'][];
 };
-export type Fixture = {
+export declare type Fixture = {
     props: ReviewSlideProps;
     mobileContext?: TemplateContextValues;
 };

package/lib/organism/review-slide/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,mDAAmD,CAAC;AAC3D,OAAwB,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AAEjF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY1B,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,UAAU,GAAG;IACvB,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;CAAC,CAAC"}

package/lib/organism/review-slide/prop-types.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = exports.SlidePropsTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../../molecule/review-correction-popin/prop-types"));
+
 var _propTypes3 = _interopRequireDefault(require("../../molecule/answer/prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SlidePropsTypes = _propTypes.default.shape({
   position: _propTypes.default.number,
   loading: _propTypes.default.bool,
@@ -20,6 +25,7 @@ const SlidePropsTypes = _propTypes.default.shape({
   questionText: _propTypes.default.string,
   answerUI: _propTypes.default.shape(_propTypes3.default)
 });
+
 exports.SlidePropsTypes = SlidePropsTypes;
 const propTypes = {
   slideIndex: _propTypes.default.string,
@@ -36,8 +42,8 @@ const propTypes = {
       label: _propTypes.default.string,
       'aria-label': _propTypes.default.string // Pourquoi le onClick du next n'est pas ici !
       // updateSlidesOnNext: PropTypes.func.isRequired ???
-    }),
 
+    }),
     resultLabel: _propTypes2.default.resultLabel,
     type: _propTypes2.default.type
   })

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["SlidePropsTypes","PropTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","AnswerPropTypes","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","ReviewCorrectionPopinPropTypes","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":";;;;AAAA;AAEA;AAGA;AAA8E;AAGvE,MAAMA,eAAe,GAAGC,kBAAS,CAACC,KAAK,CAAC;EAC7CC,QAAQ,EAAEF,kBAAS,CAACG,MAAM;EAC1BC,OAAO,EAAEJ,kBAAS,CAACK,IAAI;EACvBC,gBAAgB,EAAEN,kBAAS,CAACO,MAAM;EAClCC,aAAa,EAAER,kBAAS,CAACO,MAAM;EAAE;EACjCE,SAAS,EAAET,kBAAS,CAACK,IAAI;EACzBK,sBAAsB,EAAEV,kBAAS,CAACK,IAAI;EACtCM,mBAAmB,EAAEX,kBAAS,CAACK,IAAI;EACnCO,cAAc,EAAEZ,kBAAS,CAACK,IAAI;EAC9BQ,kBAAkB,EAAEb,kBAAS,CAACO,MAAM;EACpCO,YAAY,EAAEd,kBAAS,CAACO,MAAM;EAC9BQ,QAAQ,EAAEf,kBAAS,CAACC,KAAK,CAACe,mBAAe;AAC3C,CAAC,CAAC;AAAC;AAEH,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAElB,kBAAS,CAACO,MAAM;EAC5BY,KAAK,EAAEpB,eAAe;EACtBqB,cAAc,EAAEpB,kBAAS,CAACC,KAAK,CAAC;IAC9BoB,KAAK,EAAErB,kBAAS,CAACO,MAAM,CAACe,UAAU;IAClCC,OAAO,EAAEvB,kBAAS,CAACwB,IAAI,CAACF,UAAU;IAClCG,QAAQ,EAAEzB,kBAAS,CAACK;EACtB,CAAC,CAAC;EACFqB,oBAAoB,EAAE1B,kBAAS,CAACC,KAAK,CAAC;IACpC0B,GAAG,EAAEC,mBAA8B,CAACD,GAAG;IACvCE,WAAW,EAAED,mBAA8B,CAACC,WAAW;IACvDC,IAAI,EAAE9B,kBAAS,CAACC,KAAK,CAAC;MACpBoB,KAAK,EAAErB,kBAAS,CAACO,MAAM;MACvB,YAAY,EAAEP,kBAAS,CAACO,MAAM,CAAC;MAC/B;IACF,CAAC,CAAC;;IACFwB,WAAW,EAAEH,mBAA8B,CAACG,WAAW;IACvDC,IAAI,EAAEJ,mBAA8B,CAACI;EACvC,CAAC;AACH,CAAC;AAAC,eAEaf,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["SlidePropsTypes","PropTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","AnswerPropTypes","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","ReviewCorrectionPopinPropTypes","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":";;;;;AAAA;;AAEA;;AAGA;;;;AAGO,MAAMA,eAAe,GAAGC,kBAAA,CAAUC,KAAV,CAAgB;EAC7CC,QAAQ,EAAEF,kBAAA,CAAUG,MADyB;EAE7CC,OAAO,EAAEJ,kBAAA,CAAUK,IAF0B;EAG7CC,gBAAgB,EAAEN,kBAAA,CAAUO,MAHiB;EAI7CC,aAAa,EAAER,kBAAA,CAAUO,MAJoB;EAIZ;EACjCE,SAAS,EAAET,kBAAA,CAAUK,IALwB;EAM7CK,sBAAsB,EAAEV,kBAAA,CAAUK,IANW;EAO7CM,mBAAmB,EAAEX,kBAAA,CAAUK,IAPc;EAQ7CO,cAAc,EAAEZ,kBAAA,CAAUK,IARmB;EAS7CQ,kBAAkB,EAAEb,kBAAA,CAAUO,MATe;EAU7CO,YAAY,EAAEd,kBAAA,CAAUO,MAVqB;EAW7CQ,QAAQ,EAAEf,kBAAA,CAAUC,KAAV,CAAgBe,mBAAhB;AAXmC,CAAhB,CAAxB;;;AAcP,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAElB,kBAAA,CAAUO,MADN;EAEhBY,KAAK,EAAEpB,eAFS;EAGhBqB,cAAc,EAAEpB,kBAAA,CAAUC,KAAV,CAAgB;IAC9BoB,KAAK,EAAErB,kBAAA,CAAUO,MAAV,CAAiBe,UADM;IAE9BC,OAAO,EAAEvB,kBAAA,CAAUwB,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAEzB,kBAAA,CAAUK;EAHU,CAAhB,CAHA;EAQhBqB,oBAAoB,EAAE1B,kBAAA,CAAUC,KAAV,CAAgB;IACpC0B,GAAG,EAAEC,mBAAA,CAA+BD,GADA;IAEpCE,WAAW,EAAED,mBAAA,CAA+BC,WAFR;IAGpCC,IAAI,EAAE9B,kBAAA,CAAUC,KAAV,CAAgB;MACpBoB,KAAK,EAAErB,kBAAA,CAAUO,MADG;MAEpB,cAAcP,kBAAA,CAAUO,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCwB,WAAW,EAAEH,mBAAA,CAA+BG,WARR;IASpCC,IAAI,EAAEJ,mBAAA,CAA+BI;EATD,CAAhB;AARN,CAAlB;eAqBef,S"}

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

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = exports.TOTAL_SLIDES_STACK = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
+
 var _reviewSlide = _interopRequireDefault(require("../review-slide"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const TOTAL_SLIDES_STACK = 5;
 exports.TOTAL_SLIDES_STACK = TOTAL_SLIDES_STACK;
 const stylesByPosition = {
@@ -25,30 +33,35 @@ const unstackByPosition = {
   3: _style.default.slideOutAndIn3,
   4: _style.default.slideOutAndIn4
 };
+
 const getSlideAnimation = (action, position) => {
   switch (action) {
     case 'unstack':
       return _style.default.slideOutHideAndIn;
+
     case 'restack':
       return unstackByPosition[position];
+
     default:
       return null;
   }
 };
+
 const StackedSlides = ({
   slides,
   endReview,
   validateButton,
   correctionPopinProps
 }) => {
-  const stackedSlides = [];
-  // eslint-disable-next-line fp/no-loops
+  const stackedSlides = []; // eslint-disable-next-line fp/no-loops
+
   for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {
     const slide = slides[(0, _toString2.default)(slideIndex)];
     const {
       animationType,
       position
     } = slide;
+
     const slideView = /*#__PURE__*/_react.default.createElement("div", {
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
@@ -60,8 +73,10 @@ const StackedSlides = ({
       correctionPopinProps,
       key: slideIndex
     }));
+
     stackedSlides.push(slideView);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     key: "stacked-slides-container-y-overflow",
     className: _style.default.stackedSlidesYAxisOverflowContainer
@@ -71,6 +86,7 @@ const StackedSlides = ({
     className: _style.default.stackedSlidesContainer
   }, stackedSlides));
 };
+
 StackedSlides.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 var _default = StackedSlides;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          position < 0 ? style.hiddenSlide : stylesByPosition[position],\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEzB,MAAMA,kBAAkB,GAAG,CAAC;AAAC;AAEpC,MAAMC,gBAAgB,GAAG;EACvB,CAAC,EAAEC,cAAK,CAACC,SAAS;EAClB,CAAC,EAAED,cAAK,CAACE,SAAS;EAClB,CAAC,EAAEF,cAAK,CAACG,SAAS;EAClB,CAAC,EAAEH,cAAK,CAACI,SAAS;EAClB,CAAC,EAAEJ,cAAK,CAACK;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG;EACxB,CAAC,EAAEN,cAAK,CAACO,cAAc;EACvB,CAAC,EAAEP,cAAK,CAACQ,cAAc;EACvB,CAAC,EAAER,cAAK,CAACS,cAAc;EACvB,CAAC,EAAET,cAAK,CAACU,cAAc;EACvB,CAAC,EAAEV,cAAK,CAACW;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG,CAACC,MAAM,EAAEC,QAAQ,KAAK;EAC9C,QAAQD,MAAM;IACZ,KAAK,SAAS;MACZ,OAAOb,cAAK,CAACe,iBAAiB;IAChC,KAAK,SAAS;MACZ,OAAOT,iBAAiB,CAACQ,QAAQ,CAAC;IACpC;MACE,OAAO,IAAI;EAAC;AAElB,CAAC;AAED,MAAME,aAAa,GAAG,CAAC;EAACC,MAAM;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAoB,CAAC,KAAK;EACnF,MAAMC,aAAa,GAAG,EAAE;EACxB;EACA,KAAK,IAAIC,UAAU,GAAG,CAAC,EAAEA,UAAU,GAAGxB,kBAAkB,EAAEwB,UAAU,EAAE,EAAE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAS,EAACF,UAAU,CAAC,CAAC;IAC3C,MAAM;MAACG,aAAa;MAAEX;IAAQ,CAAC,GAAGS,KAAK;IAEvC,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAAE;MAC3B,aAAY,SAAQA,UAAW,EAAE;MACjC,SAAS,EAAE,IAAAK,mBAAU,EACnB3B,cAAK,CAAC4B,SAAS,EACfhB,iBAAiB,CAACa,aAAa,EAAEX,QAAQ,CAAC,EAC1CA,QAAQ,GAAG,CAAC,GAAGd,cAAK,CAAC6B,WAAW,GAAG9B,gBAAgB,CAACe,QAAQ,CAAC,EAC7DI,SAAS,GAAGlB,cAAK,CAACkB,SAAS,GAAG,IAAI;IAClC,gBAEF,6BAAC,oBAAW;MAERI,UAAU,EAAE,IAAAE,kBAAS,EAACF,UAAU,CAAC;MACjCC,KAAK;MACLJ,cAAc;MACdC,oBAAoB;MAEtB,GAAG,EAAEE;IAAW,EAChB,CAEL;IACDD,aAAa,CAACS,IAAI,CAACJ,SAAS,CAAC;EAC/B;EAEA,oBACE;IACE,GAAG,EAAC,qCAAqC;IACzC,SAAS,EAAE1B,cAAK,CAAC+B;EAAoC,gBAErD;IACE,GAAG,EAAC,0BAA0B;IAC9B,aAAU,0BAA0B;IACpC,SAAS,EAAE/B,cAAK,CAACgC;EAAuB,GAEvCX,aAAa,CACV,CACF;AAEV,CAAC;AAEDL,aAAa,CAACiB,SAAS,2CAAGA,kBAAS;AAAC,eAErBjB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          position < 0 ? style.hiddenSlide : stylesByPosition[position],\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGC,cAAA,CAAMC,SADc;EAEvB,GAAGD,cAAA,CAAME,SAFc;EAGvB,GAAGF,cAAA,CAAMG,SAHc;EAIvB,GAAGH,cAAA,CAAMI,SAJc;EAKvB,GAAGJ,cAAA,CAAMK;AALc,CAAzB;AAQA,MAAMC,iBAAiB,GAAG;EACxB,GAAGN,cAAA,CAAMO,cADe;EAExB,GAAGP,cAAA,CAAMQ,cAFe;EAGxB,GAAGR,cAAA,CAAMS,cAHe;EAIxB,GAAGT,cAAA,CAAMU,cAJe;EAKxB,GAAGV,cAAA,CAAMW;AALe,CAA1B;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOb,cAAA,CAAMe,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOT,iBAAiB,CAACQ,QAAD,CAAxB;;IACF;MACE,OAAO,IAAP;EANJ;AAQD,CATD;;AAWA,MAAME,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGxB,kBAAtC,EAA0DwB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAA,EAAUF,UAAV,CAAD,CAApB;IACA,MAAM;MAACG,aAAD;MAAgBX;IAAhB,IAA4BS,KAAlC;;IAEA,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAE,IAAAK,mBAAA,EACT3B,cAAA,CAAM4B,SADG,EAEThB,iBAAiB,CAACa,aAAD,EAAgBX,QAAhB,CAFR,EAGTA,QAAQ,GAAG,CAAX,GAAed,cAAA,CAAM6B,WAArB,GAAmC9B,gBAAgB,CAACe,QAAD,CAH1C,EAITI,SAAS,GAAGlB,cAAA,CAAMkB,SAAT,GAAqB,IAJrB;IAHb,gBAUE,6BAAC,oBAAD;MAEII,UAAU,EAAE,IAAAE,kBAAA,EAAUF,UAAV,CAFhB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EAVF,CADF;;IAsBAD,aAAa,CAACS,IAAd,CAAmBJ,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAE1B,cAAA,CAAM+B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE/B,cAAA,CAAMgC;EAHnB,GAKGX,aALH,CAJF,CADF;AAcD,CA9CD;;AAgDAL,aAAa,CAACiB,SAAd,2CAA0BA,kBAA1B;eAEejB,a"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../review-slide/index.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 style = _reactNative.StyleSheet.create({
   slides: {
     flex: 1,
@@ -17,12 +26,13 @@ const style = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-
 /*
    - slides are ordered to be played from left to right: [0,1,2,3]
    - slides are piled on the view, so we need to reverse the order:
    -> it's like our eye is looking from the right [3,2,1,0] <-- oO
 */
+
+
 const StackedSlides = props => {
   const {
     height: windowHeight
@@ -68,12 +78,13 @@ const StackedSlides = props => {
     if (restacking !== null && orderedKeys.includes(restacking)) {
       setRestacking(null);
       setRestackingDone(false);
-    }
-    // this effect is required only when the list orderedKeys changes
+    } // this effect is required only when the list orderedKeys changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [orderedKeys.toString()]);
   (0, _react.useEffect)(() => {
     const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);
+
     if (unstacking) {
       translateDown.start(() => {
         setUnstacked([...unstacked, unstackingSlide]);
@@ -82,6 +93,7 @@ const StackedSlides = props => {
   }, [unstackingSlide, unstacked, setUnstacked, translateDown]);
   (0, _react.useEffect)(() => {
     const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;
+
     if (startRestacking) {
       translateDown.start(() => {
         setRestacking(restackingSlide);
@@ -89,9 +101,9 @@ const StackedSlides = props => {
           setRestackingDone(true);
         });
       });
-    }
-    // this effect is required only to trigger the restack animation when a new restackingSlide is set
+    } // this effect is required only to trigger the restack animation when a new restackingSlide is set
     // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [restackingSlide, restacking]);
   const stackedSlides = orderedKeys.map((slideIndex, index) => {
     const slide = slides[slideIndex];
@@ -105,6 +117,7 @@ const StackedSlides = props => {
       key: slideIndex
     });
   });
+
   if (animatedFrontSlide) {
     stackedSlides.push( /*#__PURE__*/_react.default.createElement(_index.default, {
       num: 0,
@@ -116,6 +129,7 @@ const StackedSlides = props => {
       key: animatedFrontSlide
     }));
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [style.slides, hideSlides.animatedStyle]
   }, animatedRestackedSlide ? /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -128,6 +142,7 @@ const StackedSlides = props => {
     key: restacking
   }) : null, stackedSlides);
 };
+
 var _default = StackedSlides;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","endReview","validateButton","correctionPopinProps","unstacked","setUnstacked","useState","restacking","setRestacking","restackingDone","setRestackingDone","hideSlides","useTranslateY","fromValue","toValue","duration","translateDown","easing","Easing","cubic","restackTranslation","useAnimateProp","property","useEffect","start","restackingSlide","keys","find","k","animationType","unstackingSlide","remainingKeys","filter","position","orderedKeys","sort","k1","k2","animatedFrontSlide","undefined","animatedRestackedSlide","includes","toString","unstacking","startRestacking","stackedSlides","map","slideIndex","index","slide","num","length","push","animatedStyle"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Easing, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Slide from '../review-slide/index.native';\nimport type {ReviewStackProps} from './prop-types';\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\n/*\n   - slides are ordered to be played from left to right: [0,1,2,3]\n   - slides are piled on the view, so we need to reverse the order:\n   -> it's like our eye is looking from the right [3,2,1,0] <-- oO\n*/\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const {endReview, slides, validateButton, correctionPopinProps} = props;\n  const [unstacked, setUnstacked] = useState<string[]>([]);\n  const [restacking, setRestacking] = useState<string | null>(null);\n  const [restackingDone, setRestackingDone] = useState<boolean>(false);\n\n  const hideSlides = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight,\n    duration: 800\n  });\n\n  const translateDown = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight - 100,\n    duration: 500,\n    easing: Easing.cubic\n  });\n\n  const restackTranslation = useAnimateProp({\n    property: 'opacity',\n    toValue: 1,\n    fromValue: 0,\n    duration: 700\n  });\n\n  useEffect(() => {\n    if (endReview) {\n      hideSlides.start();\n    }\n  }, [endReview, hideSlides]);\n\n  const restackingSlide = keys(slides).find(k => slides[k].animationType === 'restack');\n  const unstackingSlide = keys(slides).find(k => slides[k].animationType === 'unstack');\n\n  const remainingKeys = keys(slides).filter(\n    k => slides[k].position >= 0 && !slides[k].animationType\n  );\n\n  const orderedKeys = remainingKeys.sort((k1, k2) =>\n    slides[k2].position > slides[k1].position ? 1 : -1\n  );\n\n  const animatedFrontSlide =\n    unstackingSlide || (restackingSlide && restacking === null ? restackingSlide : undefined);\n\n  const animatedRestackedSlide = restacking !== null;\n\n  useEffect(() => {\n    if (restacking !== null && orderedKeys.includes(restacking)) {\n      setRestacking(null);\n      setRestackingDone(false);\n    }\n    // this effect is required only when the list orderedKeys changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [orderedKeys.toString()]);\n\n  useEffect(() => {\n    const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);\n\n    if (unstacking) {\n      translateDown.start(() => {\n        setUnstacked([...unstacked, unstackingSlide]);\n      });\n    }\n  }, [unstackingSlide, unstacked, setUnstacked, translateDown]);\n\n  useEffect(() => {\n    const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;\n\n    if (startRestacking) {\n      translateDown.start(() => {\n        setRestacking(restackingSlide);\n        restackTranslation.start(() => {\n          setRestackingDone(true);\n        });\n      });\n    }\n    // this effect is required only to trigger the restack animation when a new restackingSlide is set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restackingSlide, restacking]);\n\n  const stackedSlides = orderedKeys.map((slideIndex, index) => {\n    const slide = slides[slideIndex];\n    const num = orderedKeys.length - index;\n\n    return (\n      <Slide\n        {...{\n          num,\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  if (animatedFrontSlide) {\n    stackedSlides.push(\n      <Slide\n        {...{\n          num: 0,\n          slideIndex: animatedFrontSlide,\n          slide: slides[animatedFrontSlide],\n          validateButton,\n          correctionPopinProps\n        }}\n        animatedStyle={[translateDown.animatedStyle]}\n        key={animatedFrontSlide}\n      />\n    );\n  }\n\n  return (\n    <Animated.View style={[style.slides, hideSlides.animatedStyle]}>\n      {animatedRestackedSlide ? (\n        <Slide\n          {...{\n            num: orderedKeys.length + 1,\n            slideIndex: restacking,\n            slide: slides[restacking],\n            validateButton,\n            correctionPopinProps\n          }}\n          animatedStyle={[restackTranslation.animatedStyle]}\n          key={restacking}\n        />\n      ) : null}\n      {stackedSlides}\n    </Animated.View>\n  );\n};\n\nexport default StackedSlides;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","endReview","validateButton","correctionPopinProps","unstacked","setUnstacked","useState","restacking","setRestacking","restackingDone","setRestackingDone","hideSlides","useTranslateY","fromValue","toValue","duration","translateDown","easing","Easing","cubic","restackTranslation","useAnimateProp","property","useEffect","start","restackingSlide","keys","find","k","animationType","unstackingSlide","remainingKeys","filter","position","orderedKeys","sort","k1","k2","animatedFrontSlide","undefined","animatedRestackedSlide","includes","toString","unstacking","startRestacking","stackedSlides","map","slideIndex","index","slide","num","length","push","animatedStyle"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Easing, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Slide from '../review-slide/index.native';\nimport type {ReviewStackProps} from './prop-types';\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\n/*\n   - slides are ordered to be played from left to right: [0,1,2,3]\n   - slides are piled on the view, so we need to reverse the order:\n   -> it's like our eye is looking from the right [3,2,1,0] <-- oO\n*/\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const {endReview, slides, validateButton, correctionPopinProps} = props;\n  const [unstacked, setUnstacked] = useState<string[]>([]);\n  const [restacking, setRestacking] = useState<string | null>(null);\n  const [restackingDone, setRestackingDone] = useState<boolean>(false);\n\n  const hideSlides = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight,\n    duration: 800\n  });\n\n  const translateDown = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight - 100,\n    duration: 500,\n    easing: Easing.cubic\n  });\n\n  const restackTranslation = useAnimateProp({\n    property: 'opacity',\n    toValue: 1,\n    fromValue: 0,\n    duration: 700\n  });\n\n  useEffect(() => {\n    if (endReview) {\n      hideSlides.start();\n    }\n  }, [endReview, hideSlides]);\n\n  const restackingSlide = keys(slides).find(k => slides[k].animationType === 'restack');\n  const unstackingSlide = keys(slides).find(k => slides[k].animationType === 'unstack');\n\n  const remainingKeys = keys(slides).filter(\n    k => slides[k].position >= 0 && !slides[k].animationType\n  );\n\n  const orderedKeys = remainingKeys.sort((k1, k2) =>\n    slides[k2].position > slides[k1].position ? 1 : -1\n  );\n\n  const animatedFrontSlide =\n    unstackingSlide || (restackingSlide && restacking === null ? restackingSlide : undefined);\n\n  const animatedRestackedSlide = restacking !== null;\n\n  useEffect(() => {\n    if (restacking !== null && orderedKeys.includes(restacking)) {\n      setRestacking(null);\n      setRestackingDone(false);\n    }\n    // this effect is required only when the list orderedKeys changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [orderedKeys.toString()]);\n\n  useEffect(() => {\n    const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);\n\n    if (unstacking) {\n      translateDown.start(() => {\n        setUnstacked([...unstacked, unstackingSlide]);\n      });\n    }\n  }, [unstackingSlide, unstacked, setUnstacked, translateDown]);\n\n  useEffect(() => {\n    const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;\n\n    if (startRestacking) {\n      translateDown.start(() => {\n        setRestacking(restackingSlide);\n        restackTranslation.start(() => {\n          setRestackingDone(true);\n        });\n      });\n    }\n    // this effect is required only to trigger the restack animation when a new restackingSlide is set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restackingSlide, restacking]);\n\n  const stackedSlides = orderedKeys.map((slideIndex, index) => {\n    const slide = slides[slideIndex];\n    const num = orderedKeys.length - index;\n\n    return (\n      <Slide\n        {...{\n          num,\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  if (animatedFrontSlide) {\n    stackedSlides.push(\n      <Slide\n        {...{\n          num: 0,\n          slideIndex: animatedFrontSlide,\n          slide: slides[animatedFrontSlide],\n          validateButton,\n          correctionPopinProps\n        }}\n        animatedStyle={[translateDown.animatedStyle]}\n        key={animatedFrontSlide}\n      />\n    );\n  }\n\n  return (\n    <Animated.View style={[style.slides, hideSlides.animatedStyle]}>\n      {animatedRestackedSlide ? (\n        <Slide\n          {...{\n            num: orderedKeys.length + 1,\n            slideIndex: restacking,\n            slide: slides[restacking],\n            validateButton,\n            correctionPopinProps\n          }}\n          animatedStyle={[restackTranslation.animatedStyle]}\n          key={restacking}\n        />\n      ) : null}\n      {stackedSlides}\n    </Animated.View>\n  );\n};\n\nexport default StackedSlides;\n"],"mappings":"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"}

package/lib/organism/review-stacked-slides/prop-types.d.ts

@@ -408,7 +408,7 @@ declare const propTypes: {
     endReview: PropTypes.Requireable<boolean>;
 };
 export default propTypes;
-export type ReviewStackProps = {
+export declare type ReviewStackProps = {
     validateButton: ReviewSlideProps['validateButton'];
     correctionPopinProps?: ReviewCorrectionPopinProps;
     slides: {